/*-------------------------------------   
	Author: SFL
	Developed By: Groove Team
---------------------------------------	
---------------------------------------*/
/*--------------
1.Custom css
--------------------------*/

/* global css */

body {
/*  background-image: url(tourdatebg.jpeg) !important;*/
  background-repeat: repeat-y !important;
  background-size: auto !important;
  background-position: center !important;
}

.backgroundImage_wrapper {
  background-image: url(tourdatebg.jpeg) !important;
  background-repeat: repeat-y !important;
  background-size: auto !important;
  background-position: center !important;
  background-position-x: center !important;
  background-position-y: center !important;
}

.backgroundImage_container {
  background-color: #00000050 !important;
}

.br_warpper_bg {
  background: #000000e3;
}

.topbar {
  height: 60px;
  background: #111111;
}
@media (max-width: 1224px) {
  .mobail_menu {
    background: #111111;
    height: 100px;
    line-height: 100px;
    padding: 0 20px;
    position: relative;
    z-index: 1;
  }
  .house_toggle svg .menubar {
    fill: #fff;
  }
}

@media (max-width: 998px) {
  .imgTourDateProgressLeft {
    position: absolute;
    top: 0px !important;
    left: 0px !important;
    z-index: 1;
  }

  .imgTourDateProgressLeft img {
    width: 100px !important;
    height: auto;
    mix-blend-mode: screen;
  }

  .imgTourDateProgressRight {
    position: absolute !important;
    top: 0px !important;
    right: 0px !important;
    z-index: 1;
  }

  .imgTourDateProgressRight img {
    width: 100px !important;
    height: auto;
    mix-blend-mode: screen;
  }

  .anotation_warpper {
    min-height: 90px !important;
    width: 120px !important;
    margin: 0px auto;
    margin-bottom: 16px;
  }

  .anotation {
    font-size: 40px !important;
  }

  .br_event_row .plItem {
    margin: 4% !important;
  }

  .br_soratext {
    font-size: 26px !important;
    line-height: 32.36px !important;
    letter-spacing: 0.04em !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    text-align: center !important;
  }

  .br_sora_date {
    font-size: 14px !important;
    line-height: 32.36px !important;
    letter-spacing: 0.03em !important;
    text-align: center !important;
  }

  .br_sora_status img {
    width: 30% !important;
  }

  .partner-item {
    border: none !important;
  }
}

/* Media query for mobile devices (up to 767px) */
@media only screen and (max-width: 767px) {
  .br_about_header_text {
    line-height: normal !important; /* Adjust or remove line-height for mobile */
  }

  .join_video_wrapper {
    padding-top: 0px !important;
    background-image: none !important;
  }

  .br_about_content {
    font-size: 15px !important;
  }

  .upcoming_wrapper {
    padding: 0px !important;
  }

  h4 {
    font-size: 18px !important;
  }

  #plList li {
    padding: 0px !important;
  }
}

/* Media query for tablets (768px to 1024px) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .br_about_header_text {
    line-height: normal !important; /* Adjust or remove line-height for tablets */
  }

  .join_video_wrapper {
    padding-top: 0px !important;
  }

  .br_about_content {
    font-size: 20px !important;
  }

  .upcoming_wrapper {
    padding: 0px !important;
  }

  h4 {
    font-size: 20px !important;
  }
}

/* section wise css */
.br_video_player_wrapper {
  background: #111111;
  position: relative;
}

.br_video_player_wrapper video {
  width: 100%;
}

.br_section_header {
  font-family: "Slowdex Regular", sans-serif;
  /* font-size: 64px; */
  font-size: 3em;
  font-weight: 400;
  line-height: 93.25px;
  letter-spacing: 0.03em !important;
  text-align: center;
}

.br_livedesc_text {
  font-family: "Sora", sans-serif;
  color: white;
  font-size: 20px;
  font-weight: 400;
  line-height: 2.2;
  text-align: center;
  margin-top: 30px;
}

.br_btnbdr {
  border: solid #cc0016;
  height: 66px;
  width: 238px;
  text-align: center;
  align-content: center;
  letter-spacing: 4px;
}

.br_join_the_mov {
}

.br_tourdates {
  /* font-size: 90px !important; */
  line-height: 120.25px !important;
}

.br_event_bedge {
  background: #000000;
  border: 3px solid #858585;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 50px;
  padding: 70px;
  /* position: absolute;
    z-index: 1;
    float: left; */
  width: 120px;
  height: 120px;
  position: absolute;
  top: 10%;
  left: 10%;
  display: inline-block;
  /* width: 160px;
    height: 156px; */
}

.br_event_row {
  background: none !important;
}

.br_event_row .plItem {
  background: #16161666 !important;
}

.br_soratext {
  font-family: "Sorabold", sans-serif;
  font-size: 26px;
  font-weight: 900;
  line-height: 59.36px;
  letter-spacing: 0.04em;
  text-align: left;
  color: white;
  width: auto;
}

.br_sora_date {
  font-family: "Sorabold", sans-serif;
  font-size: 15px; /* Adjusted font size */
  font-weight: 600;
  line-height: 45.36px;
  letter-spacing: 0.03em;
  text-align: left;
  text-transform: uppercase;
  color: #8c8c8c;
}

.anotation_warpper {
  display: inline-table;
  min-height: 150px;
}

.anotation {
  color: #888888;
  font-weight: 900;
  font-size: 70px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: #000000;
  border: 3px solid #858585;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 50px;
}

.br_sora_status img {
  width: 80%;
}

.partner-item {
  border: 1px solid;
}

.footer_copyright p {
  text-align: center !important;
  color:white;
}

.br_header_content {
  font-family: "Sora", sans-serif;
  font-size: 20px !important;
  font-weight: 50 !important;
  text-align: center !important;
  color: white !important;
  width: auto !important;
}

.br_home_thumb1 {
  max-width: 90%;
}

.br_home_thumb2 {
  max-width: 60%;
}

.br_home_video1 {
  /* border: 1px solid red;   */
  position: relative;
  padding: 50px;
  /* top: 20%; */
}

.br_home_thumb3 {
  width: 50%;
}

.br_dmx_heading_wraper p {
  color: white;
}

.join_video_wrapper {
  width: 100%;
  float: left;
  /* background-image: url(../images/bg/bg_join_the_mov_1.png); */
  background-image: url(../images/bg/bg_1.png);
  height: 100%;
  background-position: center 0;
  background-size: cover;
  position: relative;
  padding-top: 50px;
}

.join_video_overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /* background: rgba(0, 0, 0, 0.68); */

  background: linear-gradient(
    180deg,
    #0077a1 0%,
    rgba(53, 29, 85, 0.7) 33.33%,
    rgba(53, 29, 85, 0.7) 66.67%,
    #7b0064 100%
  );
}

.header-text {
  font-family: "Sora", sans-serif;
  font-size: 20px;
  font-weight: 50;
  text-align: center;
  color: white;
  width: auto;
  height: 80px;
  text-transform: uppercase;
  line-height: 1.5;
}

.br_about_header_text {
  /* font-family: "Bitsumishi Pro"; */
  /* font-size: 50px; */
  /* font-style: italic; */
  font-weight: 600;
  line-height: 10px;
  letter-spacing: 0.02em;
  color: #cc0016;
  text-transform: uppercase;
}

.br_about_content {
  font-size: 20px;
  font-family: "Sora" sans-serif;
  color: white;
  line-height: 30px;
  /* text-align: justify; */
}

.about_event_wrapper {
  width: 100%;
  float: left;
  background-image: url(../../assets/images/Home/tourdatebg.jpeg);
  /* background-image: url(../images/Home/27-A-Lawrenceville39186.JPG); */
  height: 100%;
  background-position: center 0;
  background-size: cover;
  position: relative;
  /* padding:20px; */
  /* padding-top:100px; */
}

.about_event_wrapper_overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.68);
}

.br_about_event_text {
  font-family: "Sora", sans-serif;
  color: white;
  font-size: 20px;
  font-weight: 400;
  line-height: 2.2;
  /* text-align: center; */
  margin-top: 30px;
}

.br_about_event_img {
  width: 100%;
  max-width: 100%;
}

.br_judge_image {
  width: 100%;
  max-width: 100%;
}

.br_about_question {
  color: white;
  padding-top: 1px !important;
}

.br_about_ans {
  color: gray;
  padding-top: 1px !important;
  /* font-style: italic; */
}

.br_soldout_image {
  max-width: 120px;
}

.diamond {
  /* position: relative;
    height: 200px;
    width: 200px;
    line-height: 200px;
    text-align: center;
    margin: 10px 40px; */

  position: relative;
  height: 150px;
  width: 150px;
  line-height: 150px;
  text-align: center;
  margin: auto;
  font-size: 45px;
  font-weight: 900;
  color: #858585;
}

.diamond:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  transform: /*rotateX(45deg) */ rotateZ(45deg);
  box-shadow: 0px 0px 12px gray;
  border: 5px solid #525151;
  border-radius: 31px;
}

.diamond:after {
  position: absolute;
  top: 10px;
  left: 10px;
  content: "";
  height: calc(
    100% - 22px
  ); /* -22px is 2 * 10px gap on either side - 2px border on either side */
  width: calc(
    100% - 22px
  ); /* -22px is 2 * 10px gap on either side - 2px border on either side */
  /* border: 1px solid orange; */
  transform: rotateX(45deg) rotateZ(45deg);
}

.br_eventlist_wrapper {
  /* background-image: url('../images/Home/tourdatebg.jpeg');
    height: 100%;
    width: 100%; */

  background-image: url(../images/Home/tourdatebg.jpeg),
    linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  height: 100%;
  width: 100%;
  background-blend-mode: multiply;
}

.br_eventlist_wrapper:after {
  background-color: red;
}

.mt30 {
  margin-top: 30px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}