/*
Theme Name: BCS v2.0 - Skeletor Child Theme
Theme URI: http://jakegarver.com/
Author: Jake Garver
Author URI: http://www.jakegarver.net/
Description: A child theme for Skeletor – A private bootstrap-based theme developed by Jake Garver Graphic Arts
Template: skeletor
Version: 3.0.9.4
License: RESTRICTED. Not for Public Use.
License URI: NONE
Text Domain: skeletor-child
*/


/* BCS */
#Title h1, #Banner h1 {color:#fff; line-height: 1.2; margin-bottom: 15px;}
#Page p a:link {font-weight:500;}

.nav-fill > .menu-item {-ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center;}
.title p {color: #999;}
.title .btn {margin-top: 15px;}
#Banner .carousel-indicators li.btop {text-indent: 0; width:auto; height: auto; padding: 10px 30px; font-family: 'Oswald'; color:#b1b2b3; background: none; font-size: 1.4em; border-top: 4px solid #666;}
#Banner .carousel-indicators li:hover {color: #fff; border-top: 4px solid #fff; transition: all 0.3s ease-in;}
#Banner .carousel-indicators li.active {color: #bf3012; border-top: 4px solid #bf3012; transition: all 0.3s ease-in;}
#Navbar {min-height: 60px; padding: 0;}
.main-menu {border-top:1px solid #ddd; border-bottom: 1px solid #ddd;}
#Navbar .nav > li {border-left: 1px solid #ddd; text-align: center; font-weight: 500;}
#Navbar .nav > li:hover {background: #fff;} 
#Navbar .sub-menu {box-shadow: 0px 15px 15px inset rgba(0,0,0,0.1); text-align: left; border-top:1px solid #fff;}
#Navbar .nav > li > a {line-height: 95px;}
#Navbar .sub-menu li a	{text-transform:none; font-size:100%; letter-spacing: 0px; font-family: 'Roboto Condensed'; font-weight: 400;font-size:16px; }
#Navbar .sub-menu li:hover {background: #f1f2f3;}

#Navbar .sub-menu li.button a {float: none; clear: both; width:100% !important; border-radius: 3px; display: block; text-transform: uppercase; background: #bf3012; margin: 5px 0; color: #fff; font-weight: 700; padding: 5px 15px; letter-spacing: 1px;}
#Navbar .sub-menu li.button a:hover, #Navbar li.button:hover a {float: none; clear: both; width:100% !important; border-radius: 3px; display: block; text-transform: uppercase; background: #a51e0e !important; margin: 5px 0; color: #fff !important; font-weight: 700; padding: 5px 15px;}


#Navbar li.support {padding:0 12px;}

#Navbar li.support a {line-height: 30px; background: #bf3012; margin: 33px 0px; color: #fff; border-radius: 3px; width:100%; padding:5px 10px;}
#Navbar li.support a:hover, #Navbar li.support:hover a {background: #212121 !important; color: #fff !important;}

.entry-header h3 a {color: #222;}
.entry-header h3::before {color: #bf3012; content: "+"; margin-left:-15px;}
.entry-header h3 {padding-left: 15px;}

.banner-image .banner-desktop {min-height: auto; object-fit: contain; max-width: 100%;}

.carousel-item #Title {position: relative; z-index: 1; top: 0;}
.carousel-item #Title h1 {font-size: 2.75em;}
.carousel-indicators {position: relative; bottom: 0;}

.carousel-control-next, .carousel-control-prev {width: 6%;}

.classes hr {margin: 15px 0;}

.su-tabs-nav span {border-radius: 0 !important;}
.su-tabs-nav span {border-top:4px solid transparent;}
.su-tabs-current {border-top: 4px solid #bf3012 !important;}
.su-tabs {padding-top: 0px !important;}

#Page .su-tabs-nav span {width:25%; font-size: 21px; font-weight: 400; text-align: center; padding: 18px; margin-right: 0px;}
.form-search button.submit {margin-top: 0px;}
.main-menu {
background: rgb(241,242,243);
background: -moz-linear-gradient(top,  rgba(241,242,243,1) 0%, rgba(255,255,255,1) 69%);
background: -webkit-linear-gradient(top,  rgba(241,242,243,1) 0%,rgba(255,255,255,1) 69%);
background: linear-gradient(to bottom,  rgba(241,242,243,1) 0%,rgba(255,255,255,1) 69%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f2f3', endColorstr='#ffffff',GradientType=0 );
}
.page-header span {font-size: 1.3em;}
footer .bleft, footer .btop {border-color: #333 !important;}
footer p { font-weight:400}
footer {padding-bottom: 30px;}
footer strong {font-size: 17px;}
.page-header #searchform {border: 1px solid #ddd;}
.testimonial .excerpt p {font-style: italic;}
.title .btn-lg {color:#000;}
.title .btn-lg:hover {color:#fff; background-color: #bf3012;}
#Navbar .sub-menu li {padding: 8px 15px 8px 15px;}

#Banner .carousel-indicators li {line-height: 1.1;}

.mobile-menu {width:100%; text-align: center;}
.mobile-menu li, .mobile-menu li a {text-align: center;}
.mobile-menu li li {text-indent: 0px;}
.mobile-menu .push-menu > li > a, .mobile-menu .push-menu > li > a:link, .mobile-menu .push-menu > li > a:visited {text-transform: uppercase; font-weight: 700; color: #fff;}
.mobile-menu li a {padding: 6px 30px;}

.cat-menu {padding: 8px; border:1px solid #e1e2e3; border-radius:2px;}
.cat-menu .current-cat a {background-color: #bf3012; color:#ffffff; font-weight:500;}
.cat-menu .cat-item {list-style: none;flex: 1 1 auto;text-align: center; padding-right:10px;}
.cat-menu .cat-item a {text-align: center; font-weight: 400; width:100%; display:block; padding: 5px 30px; text-decoration: none; border-radius:3px; }
#Page .cat-menu .cat-item a:hover {background-color: #212121; color:#fff; font-weight: 500; text-decoration: none;}


.page-header #Navbar .columns .sub-menu {width:550px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; break-inside: avoid; overflow:hidden;}
header #Navbar .nav > li.columns > ul.sub-menu li:first-child {padding-top:8px;}

@media  (max-width: 1199px) {
    .main-menu {display: none;}
    .navbar-toggler {display: block;}
    .navbar-toggler {top:10px; z-index: 500; position: absolute; background: #bf3012; color: #fff;}
    .navbar-toggler:hover {color: #222;}
    .carousel-item #Title h1 {font-size: 2.35rem;}
}
@media  (min-width: 768px) and (max-width: 1440px) {}
@media  (max-width: 991px) {
    .footer .tagline {border-top:3px solid #333; padding-top: 15px;}
}
@media  (max-width: 1248px) {
    .banner-image .banner-mobile {min-height: auto; object-fit: contain; max-width: 90%; height: auto !important; position: relative; margin-top: 25px;}
    .home .banner-image, .home .boxed, .home .banner-image {height: auto !important;}
    .carousel-item {overflow: visible !important;}
    .page #Banner, .page #Banner.bkgimg.banner-large, .page #Banner.banner-large, .page #Banner.bkgimg.banner-medium, .page #Banner.banner-medium, .page #Banner.bkgimg.banner-small, .page #Banner.banner-small, .page #Banner.bkgimg {height: auto !important; max-height: 150% !important;}
}
@media  (max-width: 991px) {
    #Banner .carousel-indicators li.btop {border:0px; width: 20px; height: 20px; border-radius: 50%; background: #bf3012; margin: 0 8px; padding: 0; flex: inherit; margin-bottom: 10px;}
    #Banner .carousel-indicators li span {display: none;}
} 
@media  (max-width: 767px) {
    #Header.page-header .logo img#Logo {max-width: calc(100% - 60px);}
    .carousel-item #Title h1 {font-size: 2.25rem;}
    #Page h1 {font-size: 2.5rem;}
    #Page h2 {font-size: 2.25rem;}
    #Page h3 {font-size: 2rem;}
    #Page h4 {font-size: 1.75rem;}
    #Page h5 {font-size: 1.4rem;}
    #Page h6 {font-size: 1.1rem;}
    #FootLogo {max-width: 100%; height: auto;}
    .footer .tagline.tright {text-align: center;}
    .navbar-toggler {top:0;}
    .btn, .btn-lg {letter-spacing: 0 !important; padding: 10px;white-space: normal !important;}
    .subscribe {border-top:3px solid #333;} 
    .bt-2 { border-top: 2px solid #222;}
    .bt-3 { border-top: 3px solid #222;}
}