@import 'texts.css';

#header {
  /* fallback for old browsers */
  background: #2e0e3b;

  /* Chrome 10-25, Safari 5.1-6 */

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 14, 59, 1)), to(rgba(100, 56, 107, 1)));
  background: linear-gradient(to bottom, rgba(46, 14, 59, 1), rgba(100, 56, 107, 1));
  min-height: 350px;
}
#shade_finder #btn1{background-color: #00BFA5; color: #fff;}

#langs .btn{color:#fff; font-weight: 900!important; padding: 5px!important;}
#langs .btn:hover{background-color:none !important; text-decoration: underline;}

#main_nav .dropdown-menu{background-color: #000; color: #fff; max-width: 70px; white-space: normal;}
#main_nav .dropdown-menu .dropdown-item{color: #fff; white-space: normal; text-align: center; text-transform: uppercase;}
#main_nav .dropdown-menu a{font-weight: bold;}
#main_nav .dropdown-menu a:hover{background-color: #000; color:#00BFA5;}
#navbarSupportedContent{font-weight: bold; color: #fff;}
#navbarSupportedContent .dropdown-menu{
   left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
  top: 100% !important;
}
#navbarSupportedContent .dropdown-menu li a{padding-top:15px; padding-bottom:15px;}

#quicksearchform{background-color: #fff; color: #fff;}
#quicksearchform input[type=text]{border:fff;}
#quicksearchform .form-label{color:#fff;}
#slider{z-index:20; margin-top:-10px;}

#front_cards h5{font-weight: bold; font-size:1.5rem;}

#new_products{background-color: #494949;}
.new_prod_card{background-color: #494949;}

footer{background-color: #494949;}

.tablehb tr th{text-align:center;}
.tablehb tr td{text-align:center;}


/********video*/
.vidcontainer{
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.responsive-iframe {
  margin-left:auto;
  margin-right:auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width:100%;
  height: 100%;
}

/*mainmenuActive*/
.dropdown-item.active{background-color: #000 !important;}
.navbar-dark .navbar-nav .nav-link{color:#fff !important;}


/*mobileMenu*/
#navbarSupportedContentMobile{background-color: #000 !important; color: #fff !important; text-align: center !important; width: 100% !important;}

#navbarSupportedContentMobile .dropdown-item{background-color: #000 !important; color: #fff !important; text-align: center !important; width: 100% !important;}


/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 320px) {
  #search .input-group{margin-left: 6px;}
}
@media (min-width:321px && max-width: 480px) {
  #search .input-group{margin-left: 50px;}
}


@media (max-width: 575px) {
  #header{height: 450px;}
  #search{margin-left: 50px; margin-right: auto; margin-top:40px;}
}

#tds_download{list-style: none; padding: 0;}
.hb-table tr th{text-align: center; font-weight: 700;}
.hb-table tr td{text-align: center;}

#powderList{list-style: none;}
#powderList li{float: left;}

/*table*/
.table tr th{text-align:center; font-weight: bold;}



/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
  /*.new_prod_image{width: 320px !important; height: 300px  !important;}*/
  .responsive-iframe {
  width:1160px;
  height: 500px;
}
.vidcontainer{
  height: 500px;
  margin-left: -16px;
}
#slider{height: 500px;}
   }

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  /*.new_prod_image{width: 320px !important; height: 300px  !important;}*/
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 
  /*.new_prod_image{width: 320px !important; height: 300px  !important;}*/
 }