/*
Theme Name:     child
Description:    
Author:         currant
Template:       storefront

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/


/********** Global ****************/

body {font-family: 'Source Sans Pro', sans-serif;}

/********** Top header ****************/

.top-header {background:#e51937; overflow:hidden;}
.top-header ul li {display:inline; float:left; text-transform:uppercase;}
.top-header ul {margin:0;}
.top-header a {color:#fff; font-weight:300; }
.top-header .menu-top-menu-container {float:right;}

/********** Cart links ****************/

ul#site-header-cart, .header-info-wrap .top-login {border-top: 1px solid #dfdee7; border-left: 1px solid #dfdee7; border-bottom: 3px solid #dfdee7; border-right: 1px solid #dfdee7; width: auto; margin-left:10px;}
ul#site-header-cart a, .header-info-wrap .top-login {padding:10px 15px;}

/****************Navigation ****************/

nav#site-navigation {clear:none; float:right; margin:0; width:auto;}
.primary-navigation {float:right; text-transform:uppercase;}

/**************** Header ****************/

.logo-container {float:left;}
.site-header {-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);}
.header-info-wrap {float:right;}
.header-info-wrap .header-cart, .header-info-wrap .top-telephone, .header-info-wrap .top-login {float:left;}
.header-info-wrap .top-telephone  {font-size:1.5em; font-weight:700; margin-left:15px; padding-top:10px;}
.header-info-wrap .top-telephone i {color:#e51937;}

/********** Above homepage slider ****************/

.opening-statement {text-align:center; padding:15px; clear:both; overflow:hidden; text-transform:uppercase; color:#242021;}
.opening-statement p {margin:0; padding:0;}


/********** Homepage Contet ****************/

header.entry-header h1 {text-transform:uppercase; font-weight:700; font-size:1.8em;}
.entry-content { line-height: 27px; font-size: 1.2em;}
.hp-side-img {text-align:center;}
.hp-side-img img {margin:0 auto;}
div#primary .btn-default {padding:15px 65px 15px 25px!important;}
.btn-default {background:#e51937!important; color:#fff!important; position:relative;  border:0!important; text-transform:uppercase; text-shadow:none; border-radius:0!important;}
.btn-default i {position:absolute; right:0; top:0; background:#b2132b; padding:18px;	}
article {margin-bottom:15px!important; padding-bottom:0;}

.youtubeVideo iframe {height:300px;}

/********** Homepage Categories ****************/

.hp-pd-wrap {background:#f3f3f3; padding:30px 0 0 0;}
.storefront-product-section .section-title,
.section-latest-news .section-title,
.services-wrap .section-title
 {text-transform:uppercase; font-weight:700; font-size:2.2em; background:url(images/red-line.jpg) no-repeat center bottom; padding-bottom: 30px; margin-bottom:20px;}
.section-title-wrap p.subtitle,
.section-latest-news .section-title-wrap p.subtitle
 {text-transform:uppercase; font-weight:700;}

.owl-carousel {display:block!important; max-height:320px; overflow:hidden;}
.hp-pd-wrap ul.products .imgWrap {height:250px; overflow:hidden; position:relative; background:#fff; padding-top:30px;}
.hp-pd-wrap ul.products .imgWrap img {max-height: 200px; width: auto; margin-top: 40px;}
.hp-pd-wrap ul.products li.product {background:#fff;}
.hp-pd-wrap ul.products li h3 {text-transform:uppercase; font-weight:800; padding-bottom:25px; font-size:1.5em!important; }
.hp-pd-wrap ul.products li a {color:#282425;}
.hp-pd-wrap .owl-carousel {margin-top:30px; border-bottom:1px solid #e51937;}
.hp-pd-wrap .owl-carousel .owl-item {margin-right:0!important; border:1px solid #e51937;}


/********** Latest News ****************/

.section-latest-news {padding:30px 0;}
.section-latest-news .section-title-wrap {margin-bottom:30px;}
.section-latest-news .featuredimage {margin-bottom:15px;}
.section-latest-news span.newsheadline a {font-weight:800; color:#000; font-size:1.3em;}

.hentry.type-post .entry-content {width:100%;}
.sub-archive-img-wrapper { overflow: hidden; position:relative; display:table-cell; vertical-align:middle; max-width:300px; height:260px;}
.sub-archive-img-wrapper img {height:auto; width:auto; margin:0 auto!important; padding:0; display:block;}
.site-main ul.products li.product {border-bottom:1px solid #eee; padding-bottom:25px;}
ul.products li.product.product-category h3 {color:#e51937; text-transform:uppercase;}
h1.page-title {margin-top:0;}
.storefront-sorting { border-bottom: 1px solid #eee; padding: 10px 0; border-top: 1px solid #eee; margin-top: 15px;}

/********** We Provide ****************/

.services-wrap {padding:80px 0 80px 0; background:url(images/services-bg.jpg) no-repeat; background-size:cover; overflow:hidden;}
.services-wrap  .section-title-wrap {margin-bottom:50px;}
.services-wrap .item {font-size:1.2em; line-height:27px;}
.services-wrap .icon-wrap {float:left;}
.services-wrap .content-wrap {float:right; max-width:290px;}


/********** Start Your Journey ****************/

.pre-footer-wrap {background:url(images/pre-footer-bg.jpg) no-repeat center center; padding:100px 0; background-size:cover; text-align:center;}
.pre-footer-wrap p.title {text-transform:uppercase; font-weight:800; color:#fff; font-size:3em;}
.pre-footer-wrap a.btn-default {padding:15px 25px!important;}

/********** Footer ****************/

.site-footer {border-top:12px solid #e51937; padding:1.618em 0 0 0;}
.footer-item p.title {color:#e51937; font-weight:800; font-size:1.3em;}
ul.address-info {margin:0; padding:0; list-style:none;}
.footer-item p.title {margin-bottom:25px;}
.site-info {background:#f3f3f3; overflow:hidden; margin-top:50px;}
.site-info p {margin:0;}

/********** FAQ's ****************/

.itemWrap .q {padding:10px 15px; background:#e51937; color:#fff; font-weight:800; margin-bottom:1px; border-radius:5px;}
.itemWrap .q::before {content:"\f059"; font-family:fontAwesome; float:left; margin-right:10px; }
.itemWrap .a {margin-bottom:1px; margin-top:10px; display:none;}
.itemWrap {margin-bottom:25px;}


/********** Social Links ****************/

.social-links li  {background:#242021; height:40px; width:40px; display:inline-block; text-align:center;  line-height:40px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; margin-right:10px;}
.social-links li a {color:#fff; display:block; color:#fff!important; }
ul.social-links {margin:0;}

.brochureWrap {margin:15px 0;}
.brochureWrap a.button:focus {color:#fff!important;}
.brochureDld a.button {width:100%; display:block; text-align:center; padding:10px;}
.brochureDld h4::before {font-family:fontAwesome; content:"\f1c1"; margin-right:10px;}
.brochureDld {margin-bottom:15px;}
.contact-wrap {text-align:center;}
div#primary.contact-wrap {width:100%; color:#555;}
div#primary.contact-wrap .contactForm {margin-top:30px;}
div#primary.contact-wrap .contactForm input, div#primary.contact-wrap .contactForm textarea {width:100%; border:1px solid #ccc; background:#fff; padding:10px; box-shadow:none; margin-bottom:15px;}
div#primary.contact-wrap .contactForm input[type="submit"] {background:#e51937; border:0;}

div#primary.contact-wrap h1.entry-title,
h1.page-title {background:url(images/title-line.jpg) no-repeat bottom center; padding:0 0 30px 0; font-size:3em; margin-bottom:25px; color:#e51937; text-align:center; text-transform:uppercase; font-weight:800;}

ul.contactList {margin-left:0; padding-left:0;}

.archive div#primary {width:100%;}

.contact-map {position:relative; width:100%; margin-bottom:25px;}
.contact-map #map-canvas {width:100%; height:300px; border:0;}
.overlayContact {
	width:100%;
	min-height:300px; 
	position:absolute; 
	top:0;
}
.page-template-page-contact nav.woocommerce-breadcrumb {margin-bottom:0;}

.term-description { margin-bottom: 50px;}

.page-template-page-distributors div#primary {width:100%;}

main#main p.title {font-size:22px;}

.news-post-item {border-bottom:1px solid #ccc; overflow:hidden; padding-bottom:30px; margin-bottom:25px;}

div#recent-posts-3 li {padding: 15px; background: #f8f8f8; margin-bottom: 3px;}

.site-main ul.products li.product table td input {width:100%;}

.site-main ul.products li.product h3 {font-size:1.5em;}

.site-main ul.products li.product .quantity {margin-bottom:15px;}

.site-main ul.products li.product table td {
	padding:0 0 10px 10px;
    color: #000;
	background:#fff;
}


section.up-sells.upsells.products ul.products li.product,
section.related.products ul.products li.product {width:20.4%;}

section.related.products ul.products li.product form {display:none;}

.post-1149 h1.entry-title:before, .post-1143 h1.entry-title:before {content:""; width:300px; height:57px; background:url(images/benbologo.jpg) no-repeat; display:block; background-size:contain; margin-bottom:15px;}


.hp-add-content {padding:30px 0; background:#eee; font-size: 1.2em; line-height: 27px;}

.hp-add-content .container {background:#fff; padding:50px; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.3);}


@media only screen and (min-width:600px) {
.hp-pd-wrap .owl-carousel .owl-item {width:33.2%!important;}
}

@media only screen and (min-width:1200px) {
.services-wrap .content-wrap {float:right; max-width:290px;}  

}
@media only screen and (max-width:1200px) {
.services-wrap .content-wrap {float:none; text-align:center;}
.services-wrap .icon-wrap  {float:none; width:100%; min-height:110px;}
.services-wrap .icon-wrap img  {margin:0 auto; }  
}
@media only screen and (max-width:991px) {
.logo-container {width:100%; margin-bottom:25px;}    
.logo-container img {margin:0 auto; text-align:center;}
.services-wrap .content-wrap {margin:0 auto; max-width:100%;}  
.section-latest-news .featuredimage img {width:100%;}
span.newsheadline {margin-bottom:15px; display:block;}
}
@media only screen and (max-width:600px) {
div#primary .btn-default {width:100%; margin-bottom:10px;}
}

@media only screen and (max-width:768px) {
nav#site-navigation {float:none; clear:both;}
button.menu-toggle {width:100%; margin-top:20px;}
}

@media only screen and (min-width:600px) and (max-width:1000px) {
 ul.products li.product.product-category h3 {font-size:14px!important;}   
}

@media only screen and (min-width:768px) {
.site-header-cart .cart-contents .count {padding:0 9px 0 5px;}
.site-header-cart .widget_shopping_cart, .main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {background-color:#eee;}
.site-header-cart .widget_shopping_cart {min-width:200px;}
}