/*
 Theme Name:   Dazzling Child
 Author:       Spectrum Net Designs
 Author URI:   http://spectrumnetdesigns.com
 Template:     dazzling
 Version:      1.0.0
 Text Domain:  dazzling-child
*/

body {
    font-family: CenturyGothic;
}

h4,
.h4 {
  color: #000000;
  font-family: "CenturyGothic";
}

.hentry {
  margin: 50px 0 1.5em;
}

#content {
    margin-top: 0;
}

#content h1 {
    margin-top: 40px;
}

.navbar.navbar-default {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #aaa;
  background:none;
}

#footer-area .footer-widget-area {
  padding: 10px 0 20px 0;
}

#footer-area .widgettitle {
  font-size: 23px;
}

@media (max-width: 992px) {
    .home #content{
        margin-top: -50px !important;
    }
}

.welcome {align:center; }

.welcome p{text-align:center; font-size:14px; color:#000000; }
.welcome h1 {
    overflow: hidden;
    text-align: center;
    margin-top: 0;
    font-size:31px;
    font-family: CenturyGothic;
    text-transform:uppercase;   
}
.welcome h1:before,
.welcome h1:after {
    background-color: #565656;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.welcome h1:before {
    right: 0.5em;
    margin-left: -50%;
}
.welcome h1:after {
    left: 0.5em;
    margin-right: -50%;
}

.navbar.navbar-default{background:url(images/header-bg.png) repeat-x bottom center !important;padding-bottom: 150px;border:0}
.navbar.navbar-default .navbar-nav li a{margin-top:0 !important;line-height:20px;padding-top: 15px;padding-bottom: 15px;}
.head-right-section{text-align:right;position:relative}
.head-right-section .inner{position:absolute;right:0;}
.home .soliloquy-container{max-width:100% !important;max-height:100% !important}
.home .soliloquy-container .soliloquy-image{width:100%}
.navbar-collapse.collapse{margin-top:50px}

.head-right-section{color:#fff}
.head-right-section .widget ul{padding:0;margin: 0;}
.head-right-section .widget ul li, .head-right-section .widget{display:inline-block;vertical-align:middle;line-height: 16px;}
.head-right-section .widget, .head-right-section .widget ul li{padding:0 15px;border-left:1px solid #fff;line-height: 16px;}
.head-right-section .widget ul li{padding:0 5px;}
.head-right-section .widget:first-child, .head-right-section .widget ul li:first-child{border:0}
.head-right-section .widget ul li a{color:#fff}
.btn-danger{background:#ca2222;border-color:#ca2222;border-radius:0}

.home .soliloquy-container .soliloquy-pager, .home .soliloquy-controls-direction{display:none;}

#content{padding-top: 130px;}
.home #content{padding-top: 0px;}

.products-list{}
.products-list p{display:none}
.products-list a{display:block;position:relative;margin-top:15px}
.products-list a .overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(202,34,34,0.6)}
.products-list a .overlay span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-transform:uppercase;border:1px solid #fff;padding:8px 20px;font-family: "CenturyGothic";}
.products-list a:hover .overlay{display:block}
.products-list h4{color:#000000;font-weight:bold;font-family: "CenturyGothic";}

#footer-area .widget ul{padding:0}
#footer-area .widget ul li{padding:0;border:0;}
#footer-area .widget ul li:before{content:"-";padding-right:5px;}
#footer-area .widget ul#menu-products li{display:inline-block;width:48%}

#footer-area .widget ul.social li:before{content:"";padding-right:0;}

.navbar-default .navbar-nav .open .dropdown-menu > li > a{font-size:14px;padding-top: 8px;padding-bottom: 8px;}

html body.tax-al_product-cat div#page.hfeed.site nav.navbar.navbar-default {
  background: rgba(50, 50, 50, 50) repeat-x scroll center bottom !important;
  border: 0 none;
  padding-bottom: 20px;
}

html body.single-al_product div#page.hfeed.site nav.navbar.navbar-default {
  background: rgba(50, 50, 50, 50) repeat-x scroll center bottom !important;
  border: 0 none;
  padding-bottom: 20px;
}

html body.single-al_product .hentry {
  margin: 120px 0 1.5em;
}


body.page.page-id-10.page-template.page-template-page-fullwidth.page-template-page-fullwidth-php div#page.hfeed.site nav.navbar.navbar-default{background: #ca2222 !important;padding: 0;}

.navbar-nav>li{margin-top:-2px;}
.navbar-nav>li.btn-active{float:right;background:#c9302c;}
.navbar-nav>li.btn-active a{color:#fff !important}

#colorbox{
max-width:100%;
}

@media screen and (min-width: 992px){
    .home .entry-content{
	margin-top:-60px;
    }
}


/*  
    Speectrum Net Designs Custom CSS Style
*/

p.tagline{
    font-style: initial !important;
}

.col-sm-3 .text-center{
    font-weight: bold;
}
/*
#nav_menu-4, #nav_menu-6{
    width: 49%;
    float: left;
}
*/

#footer-area .widget ul#menu-products li{
    display: block !important;
    width: 100% !important;
}

.contractor_container{
    width: 100%;
}

.contractor_text{
    width: 48%;
    float: left;
}

.contractor_form{
    width: 50%;
    float: right;
}

.product-single .product-upper{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    min-height: 300px
}

.product-single .product-upper .product-details{
    width: 40%;
}
.product-single .product-upper .product-details .size{
    display: flex;
    justify-content: space-between;
    margin: 25px 0;
    width: 80%;
}

.product-single .product-upper .product-images{
    width: 60%;
}

.product-categories, .products, .product-single .related-products{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: flex-end;
}

.product-categories .category, .products .product, .product-single .related-products .related-item{
    width: 24%;
    min-width: 200px;
    text-align: center;
    height: 400px;
    margin: 0;
	position: relative;
}

.products .product a, .product-categories .category a, .product-single .related-products .related-item a {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}

.products .product a img, .product-categories .category a img, .product-single .related-products .related-item a img{
    max-width: 100%;
    max-height: 325px;
    width: auto;
    height: auto;
}

.product-single .product-images .featured-image{
    width: 400px;
    height: 400px;
    margin: auto;
    text-align: center;
	padding-top: 20px;
}
.product-single .product-images .featured-image img{
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}
.product-single .product-images .product-gallery{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    height: 150px;
}
.product-single .product-images .product-gallery .foobox {
    width: 30%;
    height: 150px;
    text-align: center;
}
.product-single .product-images .product-gallery img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    
}
  
.product-single .product-features table td{
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    padding: 5px;
    color: #000;
}

.category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.category-title{
	flex: 2;
}
.category-search{
	flex: 1;
}

@media screen and (max-width: 992px){
    .product-single .product-upper .product-details, .product-single .product-upper .product-images{
        width: 100%;
    }
}