/*
  Theme Name: Optimus Starter Theme
  Author: Alan Espinet, SpiderBoost Communications
  Author URI:  https://www.spiderboost.com/
  Description: Exclusive Theme used for SBC
  Version: 1.0
  Licence:  GNU General Public License v2 or later
  Licence URI:  http://www.gnu.org/licenses/gpl-2.0.html
  Text Domain:  sbc
*/

@import 'assets/css/custom.css';

 html {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
 }

 html * {
  box-sizing: inherit;
 }

 .skip-to-main {
  padding: 10px 50px;
  display: inline-block;
  background-color: tomato;
  border: 2px solid #000;
  font-family: sans-serif;
  color: #fff !important;
  text-decoration: none !important;
  position: absolute;
  top: 0;
  left: -10000px;
  z-index: 100000;
}

.skip-to-main:focus {
  left: 0;
}

.embed-wrap-small {
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
}

body.logged-in .fixed-top {
  top: 32px;
}

.brands-modals {
  padding: 0 !important;
}

#mixology {
  padding-top: 40px;
}

#nav-tabContent .card.bg-dark.card-custom {
  position: relative;
  /* flex-basis: 48%; */
}

#nav-tabContent .card.bg-dark.card-custom .card-color-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.6);
}

.news-card-thumbnail-bg {
  min-height:316px;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}

.card.card-news {
  background-color:transparent !important;
}

#contact-section {
  display: none;
}

body.home #contact-section {
  display: block;
}

main .carousel-back h1.primary-title{
    font-size: 32px;
}

.carousel-back.carousel-back-rigth {
  position: relative;
}

.carousel-back.carousel-back-rigth p.coming-soon-text {
  color: #fff;
  text-transform: uppercase;
}

.p-brand-coming-soon {
  text-transform: uppercase;
  text-align: center;
  margin-top: 5px;
  font-size: 12px;
}

.to-top-link {
  transition:all .5s;
  opacity:0;
  transform:translateY(-60%);
  position: fixed;
  right: 40px;
  bottom: 55px;
  background-color: #e6e6e6;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  border-radius: 70px;
  text-align: center;
  z-index:9999;
  box-shadow:0 0 9px rgba(40,40,40,.8);
  pointer-events:none;
}

@media(min-width:992px) {
  .to-top-link.shown:hover {
    background-color:#F4F4F4;
    opacity:1;
  }
}

@media(max-width:992px) {
  .to-top-link {
    right:20px;
    bottom:20px;
    width:42px;
    height:42px;
    border-radius:42px;
  }
  .to-top-link i {
    font-size: 20px !important;
  }
}

.to-top-link.shown {
  opacity:.7;
  transform:translateY(0%);
  cursor: pointer !important;
  pointer-events:all;
}

.to-top-link p {
  margin: 0;
  padding: 0;
  /* padding-top: 5px; */
  line-height: 1.2;
  color: #1D2427;
  font-weight: 500;
  cursor: pointer !important;
}

.to-top-link i {
  font-size: 28px;
  font-weight: 900;
}

/* ******************************** MEDIA QUERIES ************************************** */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */
/* ************************************************************************************* */

/* BOOTSTRAP CONTAINER EXPANSION FOR XXL ----------------------------------------------- */
@media(min-width: 1680px){
  .container:not(.container-normal) {
    max-width: 1600px !important;
  }
}
/* BOOTSTRAP CONTAINER EXPANSION FOR XXL ----------------------------------------------- */

/* OPEN MIN-WIDTH MEDIAS --------------------------------------------------------------- */
/* 1680px and up: XXL */
@media(min-width: 1680px){

}

/* 1200px and up: XL */
@media(min-width: 1200px){

}

/* 992px and up: L */
@media(min-width: 992px){

}

/* 768px and up: M */
@media(min-width: 768px){

}

/* 576px and up: S */
@media(min-width: 576px){

}

/* 576px and up: S */
@media(min-width: 576px){

}


/* CLOSED MIN-WIDTH + MAX-WIDTH MEDIAS ------------------------------------------------ */
/* BETWEEN 1200px AND 1679px: XL - XXL - Extra Large Desktop */
@media(min-width: 1200px) and (max-width: 1679px){

}

/* BETWEEN 992px AND 1199px: L - XL - Desktop */
@media(min-width: 992px) and (max-width: 1199px){

}

/* BETWEEN 768px AND 991px: M - L - Tablet and iPad  */
@media(min-width: 768px) and (max-width: 991px){

}

/* BETWEEN 576px AND 767px: S - M - Landscape Phone  */
@media(min-width: 576px) and (max-width: 767px){

}


/* OPEN MAX-WIDTH MEDIAS --------------------------------------------------------------- */
/* 1679px and down: XL and below */
@media (max-width: 1679px){

}

/* 1199px and down: L and below */
@media (max-width: 1199px){

}

/* 991px and down: M and below */
@media (max-width: 991px){

}

/* 767px and down: S and below */
@media (max-width: 782px){
  body.logged-in .fixed-top {
    top: 46px;
  }
}

/* 767px and down: S and below */
@media (max-width: 767px){
  .news-card-thumbnail-bg {
     min-height:230px;
  }

}

/* 575px and down: XS and below */
@media (max-width: 575px){

}


/* CUSTOM MEDIAS --------------------------------------------------------------- */