/**
 * @file
 * Use this CSS file to override base CSS rules
 */

/* Set default font weight to 300 for better typography in high-density screens */
/*body {
  font-weight: 300;
}*/
.page-container a {color: #4f2d76} 
a.button {background: #4f2d76 !important; color:#fff !important;} 
a.button.button--outline {background:transparent !important; border-color: #4f2d76 !important; color: #4f2d76 !important; }
.subfooter {background-color: #000 !important; background-image: none !important;}
.exhibitor-logo {display: block; float: right; max-width: 250px;}
.social-media img {display: inline; padding-right: 20px; width: 23%; max-width: 80px;}
.sp-logo {border: 1px solid #eee !important; padding:10px 40px 10px 40px; margin:0 25px 0 25px; background:#fff; }
.sponsorship {padding-left:128px;}
.views-view-responsive-grid__item-inner, .item-inner {text-align: center;}
hr {margin:0px;}
.region--gray-background {background: linear-gradient(to bottom, #fff 0%, #f3f3f3 50%);}
.banner{padding: 50px 0 100px; min-height:0px;}
#block-businessplus-lite-medallionsponsor {float:right; width:12%; margin-top:-170px;}
#block-businessplus-lite-headerregisternow {float:right; width: 25%; margin-top:-225px;}

.digit.static {background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #777), color-stop(0.5, #999));}
#jquery-countdown-timer, #jquery-countdown-timer-note {display: flex; justify-content: center; color:#fff;}
.path-frontpage .featured-top {
  background-image: url(../../images/frontpage-content-background.png);
  background-repeat: repeat;
  background-position: 50% 50%;
}
.path-frontpage .main-content {background-color:#e2e2e2; background-image: url(../../images/Background.svg); background-size: cover;}
.path-frontpage .system-messages {padding:0;}
.path-frontpage .region--dark-background {background-image: none;}


.slide__title {text-align: center;}
.bg-science {background-color:#333;}
.bg-technololgy {background-color:#BB1125;}
.bg-engineering {background-color:#00708D;}
.bg-math {background-color:#FFA800;}
.bg-health {background-color:#4D1352;}
.bg-other-stem {background-color:#0D975E;}
.bg-other-non {background-color:#FF4040;}
.bg-na {background-color:#12ADBB;}
.header-container .sf-accordion-toggle {margin-top: 0 !important;}
.region--dark-background {background-image: url(../../images/Background.svg); background-size: cover;}
.header-top-highlighted {background-color: #fbdd00 !important; margin-top: -12px;}
.header-top-highlighted h6, .header-top-highlighted h6 a {color: #000;}
.region-content-top {background-color: #fbdd00; border-radius: 15px; background-image: url(../../images/Background1.svg); background-size: cover; margin-top:50px;}
.content-bottom{background-color: #4c1a52; color:#fff; background-image: url(../../images/Background1.svg);  background-size: cover;   background-position: right;}
.content-bottom h2.title, .content-bottom h3, .highlight h2, .highlight h3, .highlight h4, .highlight h5, .highlight h6, .highlight   {color:#fff !important; }
.system-messages {background-image: url(../../images/Header-Border.svg); background-repeat: repeat-x; background-size: 65px; background-position: top; min-height:75px; padding-top: 100px; }
.path-frontpage .system-messages {min-height:0px; }
#main-menu-link-contentd076807a-8db8-4189-9925-52207c01f3a3 a {color:#fff !important;}

.nav-tabs a.nav-link.active, .nav-tabs a.nav-link.active:focus, .nav-tabs a.nav-link.active:hover {background-color: #11adbb !important; border-color: #fff !important; }
.content-bottom .tab-content, .other-sponsors {background-color: rgba(0,0,0, 0.75);}
  
 .sub-featured { background-image: url(../../images/divider.png);
  background-size: 40%;
  padding-top: 5%;
  background-position: center top;
  background-repeat: no-repeat;}
  
  

  
@media (min-width: 992px) {.region-content-bottom-second {margin-left:-20%;}}

.main-content::after, .content-bottom::after { background-color: #4c1a52;
  background-image: url(../../images/banner-separator.svg);
  padding: 0px;
  height: 75px;
  width: 100%;
  background-repeat: repeat-x;
}


blockquote::before {display: none;}

#block-businessplus-lite-homebanner{
    background-image: url(../../images/54875799815_d8d3c9c12d_c.jpg) !important;
  background-position: top;
  background-size: cover;
    height: calc(100vh - 3rem);
    margin:0 -15px -25px -15px;
    border-bottom: #000 55px solid;
    background-color: rgba(248, 247, 216, 0.7);
    min-height: 800px;
}


.region--white-dark-background.footer-top:before{
    background-image: url(../../images/Background.svg) !important;
    background-size: contain !important;
    background-color: #bb2027!important;
    border-top: 50px solid #000;
}
    
    .footer
{padding-top:25px;
    background-image: url(../../images/Footer-Border.svg) !important;
    background-size: 8% !important;
    background-color: #333 !important;
    background-repeat: repeat-x !important;}

.footer a, .subfooter a {color:#fff !important;}
.region--dark-background.footer:before{
}
    
   .sold {color:#bb2027; background-image: url(/sites/default/files/sold.png) !important; padding: 5px 0 5px 40px;background-repeat: no-repeat;}

/* HIGHLIGHT BOX */
.highlight{float:left; line-height: normal; display: flex;}
.blue {background-color:#11adbb; width:95%; padding: 5%;}
.red {background-color:#bb2027; width:95%; padding: 5%;}
.yellow {background-color:#faa71a; width:95%; padding: 5%;}
.green {background-color:#0b975f; width:95%; padding: 5%;}
.purple {background-color:#4c1a52; width:95%; padding: 5%;}
.red-home {background-color: rgba(121, 43, 128, .75); width:95%; padding: 5%; height: fit-content; border-radius: 35px;}
/* 


========================
      IMAGE
========================
*/
.image-container {  transform: rotate(4.5deg);  border-radius: 0px; margin-bottom:10%;}
.blue-box {box-shadow: 30px 23px 0px 1px #11adbb;} 
.red-box {box-shadow: 30px 23px 0px 1px #bb2027;} 
.yellow-box {box-shadow: 30px 23px 0px 1px #FFA800;} 
.green-box {box-shadow: 30px 23px 0px 1px #0b975f;} 
.purple-box {box-shadow: 30px 23px 0px 1px #4c1a52;} 

/* 
========================
      TABLE
========================
*/
.table tr th {color:#fff; background-color:#11adbb;}
.table p {padding:0; line-height: 20px;}

/* 
========================
      BUTTON
========================
*/
div[class*=box] {
  height: 33.33%;
  width: 100%; 
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 770px)  {
    .mobile-hide, .box-2  {
        display: none !important;    }
} 

@media (max-width: 992px)  { .red-home {
        display: none !important; }
} 



.btn {
  line-height: 33px;
  height: 50px;
  text-align: center;
  width: 250px;
  cursor: pointer;
  padding: 0.375rem;
}
/* 
========================
      BUTTON TWO
========================
*/
.btn-two {
  color: #000;
  transition: all 0.5s;
  position: relative; 
}
.btn-two span {
  z-index: 2; 
  display: block;
  position: absolute;
  width: 100%;
  height: 100%; 
}
.btn-two::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 0.5s;
  border: 1px solid rgba(251,221,0,0.4);
  background-color: rgba(251,221,0,0.4);
}
.btn-two::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 0.5s;
  border: 1px solid rgba(251,221,0,0.4);
  background-color: rgba(251,221,0,0.4);
}
.btn-two:hover::before {
  transform: rotate(-45deg);
  background-color: rgba(255,255,255,0);
}
.btn-two:hover::after {
  transform: rotate(45deg);
  background-color: rgba(255,255,255,0);
}
/* 
========================
      ACCORDION
========================
*/
.ckeditor-accordion-toggler {
    margin-bottom: 5px;
    background-color: #4c1a52 !important;}
.ckeditor-accordion-toggler a{
    color: #fff !important;}
    
.ckeditor-accordion-container > dl {border:none;}

.header-container .region--light-typography ul.menu > li > span, .header-container .region--light-typography ul.menu > li > a, .region--light-typography a  {font-size: 18px !important; font-weight: 600 !important;}

ul.sf-menu .sf-sub-indicator::after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  left: 50%;
  top: -2px;
  margin-left: 3px;
  font-size: 12px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  transform: none;
}
