/*
 Theme Name:   Oxygen Child Theme
 Theme URI:    http://oxygen.jarilo.co.uk/
 Description:  My Child Theme
 Author:       Jarilo Design
 Author URI:   http://jarilo.co.uk
 Template:     oxygen
 Version:      0.1
 Text Domain:  oxygen
*/

@import url('https://fonts.googleapis.com/css?family=Exo:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url("../oxygen/main.min.css");

/* Theme customization starts here
-------------------------------------------------------------- */

/* General */ 

body { overflow-x: hidden; font-family: 'Exo', sans-serif !important; background-image: url('images/background.jpg'); background-repeat: no-repeat;}
body #content #entry-content  p { font-size: 16px; }
body h3 { line-height: 1.5em; }
body.home { background-image: none; }
body .float-right { float: right !important; }
body nav#top {  position: relative; z-index:11;  text-transform: uppercase; font-family: 'Montserrat', sans-serif;     background: rgba(0, 0, 0, 0.85); border:none; }
body.home nav#top { margin-bottom: 30px; }
body nav#top .btn-link, #top-links li, #top-links a { font-size: 10px;     font-family: 'Montserrat', sans-serif; text-shadow: none !important; text-transform: uppercase; color: #cccccc !important; transition: all 0.3s linear;  }
body nav#top #currency .dropdown-menu {  background: rgba(0, 0, 0, 0.85); z-index: 9999; transition: all 0.3s linear; }
body nav#top .fa { margin-right: 5px; }
body #top #currency .currency-select:hover { background: rgba(0, 0, 0, 0.85); color: #ccc;  }
body nav#top .btn-link:hover, #top-links a:hover { color: white !important; }
body .no-padd-right { padding-right: 0; }
body .open-sans { font-family: 'Open-Sans', sans-serif; }
.height { height: 473px; }
body.logged-in .height {     height: 441px; }
body .uppercase { text-transform: uppercase; }
body .no-padd { padding: 0; }
body .form-control { border-radius: 2px; }
body label { display: block; }
body .entry-title a { color: #272727; }
.woocommerce .product-grid span.onsale { display: none; }
.form-group .btn-primary { background: black;  border-color: black; }
.form-group .btn-primary:hover { background: black;  border-color: black; }
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control { border-radius: 2px; }
body .entry-content p, .entry-summary p { font-size: 15px; line-height: 1.5em; }
.woocommerce span.onsale { display: none; }
body .mobile-menu { display: none; }
body .sidenav { left:auto; right:0; text-align: left;     background: #272727; }
body .ham-menu a { color:white; border-bottom: dashed 1px rgba(211, 211, 211, 0.22); text-transform: uppercase; }
body .sidenav .closebtn { color: #bfbfbf; }
body #comodoTL { font-size: 15px; margin-top: 10px; }
.ean_wrapper { display: none; }
/* Header */ 

body .header { z-index: 11; position: relative; }
body .header .logo-col, body .header .right-col { background: white; padding: 15px; }
body .header .logo-col {     border-top-left-radius: 2px; border-bottom-left-radius: 2px; box-shadow: 2px 0 3px -2px rgba(0,0,0,.1); position: relative; z-index: 999; }
body .header .right-col { padding-bottom: 0; padding-left: 0; padding-top: 0;  border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

body .header .background-red { background: #b80322;}
body .header .top-row .background-red .fa, body .header .top-row .background-red span { color: white !important; display: inline-block; }
body .header .top-row { background: #F8F8F8;  }
body .header .top-row .top-panel { padding:21px; text-align: left; border-right: 1px solid #eaeaea; }
body .header .top-row .top-panel:last-of-type { border-right: none; }
body .header .top-row .top-panel .fa { margin-right: 10px; color: #999; }
body .header .top-row .top-panel span { font-weight: 700; color: #999; }
body .header .bottom-row {     background: #ffffff linear-gradient(to bottom,#ffffff,#ededed); margin-top: 84px; }
body .header .social .fa { color: #999; font-size: 17px; margin-right: 5px; margin-top: 12px;  }
body .header .social .fa:hover { color: #D80545;   }

body .menu-custom { background: transparent; border:none; margin-bottom: 0; }
body .menu-custom .nav > li > a { text-shadow: none; font-family: 'Exo', sans-serif; text-transform: uppercase; color: black; font-weight: bold; font-size: 12px; padding-bottom: 29px;}
body .menu-custom .nav > li > a:hover { background: transparent; color: #b80322; }
body .menu-custom .nav > li.active a { color: #b80322; }


/* ShowCase */ 

body .showcase { position: absolute; top: 0; left:0; right:0; z-index: 9; }

body .showcase > ul .slide h3 { display: none; }
body .showcase .btn { display: none; }
body .showcase * { color: white; }
body .showcase h2 { font-size: 45px; padding-top:7em; font-weight: 800;  }
body .showcase h4 {     font-size: 19px;margin-top: 20px; }
body .showcase a { display: inline-block; margin-top: 20px; padding: 10px 40px; background: #b80322; border-radius: 2px; text-transform: uppercase; font-weight: bold; }


/* Sidebar */ 

body .widget_search form { border:none; padding: 0; }
body .search-form .btn-lg { height: 34px;    background: #ffffff; border-color: #ffffff; color: white; border-radius: 2px; color: #676767;     padding: 0 10px; }
body #woocommerce_product_categories-3 .widget-title {   margin-bottom: 0;  margin-top: 0; display: block; background: #272727; color: white; text-transform: uppercase; font-size: 16px; padding: 10px 15px; border-radius: 2px; }
body #woocommerce_product_categories-3 .dropdown_product_cat {  width: 100%; padding: 10px; border: none; box-shadow: 0 0 1px #4e4e4e; border-radius: 0; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
body .search-form .input-lg { height: 34px; }   
/* Home Page Start */ 

body .usps { background: #272727;   }
body .usps .usp-panel { border-right: 1px solid #484747; padding: 10px 18px; }
body .usps .usp-panel:last-of-type { border-right:none; }
body .usps h4 { color: white; }
body .usps h5 {     color: #a0a0a0;  }
body .usps .fa { font-size: 40px; color: #757373; margin-top: 10px; }

body .intro-container { padding: 40px 0; }
body .intro-container hr { width: 5%; border-top: 4px solid #b80222; border-radius: 2px; }


/* Page Loop */ 

body .pageHeader a { color: white; font-weight: 600; }
body .pageHeader { margin-top: 40px; margin-bottom: 36px;  }
body .breadcrumb-wrapper { background: #272727; padding: 15px; margin-bottom: 0;}
body .breadcrumb-wrapper  .breadcrumb { margin-bottom: 0; background: transparent; border:none; }
body .breadcrumb-wrapper  .breadcrumb li, body .breadcrumb-wrapper  .breadcrumb .fa { text-shadow: none;  color: #b9b5b5; text-transform: uppercase; font-weight: 700; font-size: 15px; }
body .breadcrumb-wrapper  .breadcrumb li { color: #f3f3f3; }
body .breadcrumb-wrapper  .breadcrumb li:last-child:after  { display: none; }
body .breadcrumb-wrapper  .breadcrumb .fa { color: #b9b5b5; }
body .breadcrumb > li:after { content: ''; display: block; position: absolute; top: 7px; right: 0; width: 5px; height: 5px; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
body .looking-for { margin-bottom: 30px; padding: 14px; background: #3a3a3a; color: white; }
body .looking-for h4 { color: white; text-transform: uppercase; }
body .looking-for { margin-bottom: 30px; padding: 14px; background: #3a3a3a; color: white; }
body .looking-for .search-form { margin:0; }
body .looking-for .search-form .form-control { background: transparent; border-color: #797979; color: white; }
body .looking-for #search input[type="text"]::placeholder { color: white; }
body .looking-for #search input[type="text"]:-webkit-input-placeholder { color: white; }
body .looking-for #search input[type="text"]::-moz-placeholder { color: white; }
body .looking-for #search input[type="text"]:-ms-input-placeholder { color: white; }
body .looking-for#search input[type="text"]:-moz-placeholder  { color: white; }


/* WooCommerce Page Styling */ 
.woocommerce .woocommerce-breadcrumb { margin-bottom: 0; }
.woocommerce-page .breadcrumb-wrapper {   margin-top: 120px; }
.woocommerce-cart .menu-custom .nav > li > a { padding-bottom: 29px; }
body .product-thumb { border:none; }
body .product-thumb .caption { text-align: center; }
body .product-thumb .caption h4 a { color: black; }
body .product-thumb .caption p { color: grey; }
body .product-thumb .caption p.price { color: black; }
body .product-grid .product-thumb .image { margin-bottom: 20px; margin-top: 20px; }
.woocommerce div.product form.cart .button {  background: #b80322; }
.woocommerce div.product form.cart .button:hover {  background: #c71c3a; }
.woocommerce div.product p.price, .woocommerce div.product span.price { color: #b80322; }
.woocommerce .woocommerce-breadcrumb a { color: #c7c7c7; }
#search_ex .btn-default { border-left: none;  }
#search_ex .btn-default:hover { border-left: none;  }
.input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover { z-index: 0; }
body .wishlist {  background: #b80322; border-radius: 2px; color: white; margin-left: 10px; font-weight: bold; border-color: #c71c3a; outline: none; }
body .wishlist:hover { background: #c71c3a; }
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { vertical-align: middle; }
body #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { background: #b80322; text-transform: uppercase; }
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: #d50a48; }

/* Get In Touch  */ 

body .get-in-touch { background-image: url('images/get-in-touch.jpg'); background-size: cover;  padding: 60px; }
body .get-in-touch .red-panel  {     background: #b80322;  color: white; text-align: center; border-radius: 2px; padding: 35px 0; transition: all 0.3s linear; }
body .get-in-touch .red-panel:hover  { background: #000; }

body .get-in-touch .white-panel { background: #fff; padding: 15px 30px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
body .get-in-touch .contact-panel .fa { font-size: 25px; }
body .get-in-touch .contact-panel h4 { font-weight: bold; margin-top: 10px;}
body .get-in-touch .after:after { transition: all 0.3s linear; z-index: 9999; content: ""; width: 17px; height: 17px; background-color: #b80322; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position: absolute; top: 50%; right: 0px; margin-right: -8px; margin-top: -8.5px; }
body .get-in-touch .red-panel:hover .after:after { background-color: #000; }
body .get-in-touch hr {   width: 10%; border-top: 1px solid #ccc; margin: 0; margin-bottom: 9px;}


/* Testimonials */

body .testimonials { padding: 20px; } 
body .testimonials h2 { margin-top: 0; }
body .testimonials hr {     width: 5%; border-radius: 2px; border-top: 3px solid #b80322; }
body .testimonials .testimonial_rotator.template-default .testimonial_rotator_author_info { border-color: #b80322; }
body .testimonial_rotator.template-default .has-image .img img, .testimonial_rotator_single.has-image.template-default .img img { border-radius: 2px; }
body .testimonials .testimonial_rotator .testimonial_rotator_slide_title { font-size: 30px; }
body .testimonials .testimonial_rotator_quote { font-size: 13px; font-weight: 500; }
body .testimonial_rotator_wrap { padding: 0; margin:0; }


/* Footer */ 

body .footer {  border:none; background-image: url('images/footer.jpg'); padding: 40px;}
.home .footer { margin-top: 0; }
body .footer h4 { color: white; text-transform: uppercase; }
body .footer .footer-logo { margin-bottom: 20px; display: inline-block; }
body .footer .footer-logo img { max-width: 200px; }
body .footer hr {     width: 5%; border-bottom: 3px solid #d50a48; }
body .footer .col a:before { content: "\f101"; font-family: "FontAwesome"; font-size: 14px; position: relative; margin-right: 10px; }
body .footer .col a {    font-size: 14px; margin-bottom: 4px; display: block; }
body .footer li { list-style: none; }
body .footer  ul { padding: 0; }
body .footer .contact .fa { margin-right: 7px; background: #b80322; color: white; border-radius: 2px; height: 30px; width: 30px; line-height: 30px; }
body .footer .footer-bottom { margin-top: 35px; }

/* Media Queries */ 

@media (min-width: 992px) {
	body .header .logo-col img {  }
	body .showcase > ul .slide { background-size: cover; }
	body .menu-custom .nav > li.active a:after { content: ""; background: #b80322; width: 100%; position: absolute; height: 5px; bottom: 0; z-index: 99999; left: 0; }
	body .pageHeader h1 { margin:0; }
	body .testimonials { padding: 60px; }


}

@media (min-width: 1140px){
	body .container { width: 1140px; }
	body .menu-custom { padding-left: 15px; }
}

@media (max-width: 768px) {
	body .float-right { float: none !important; }
	body #wezsearchhome .wez-search label { width:100%; }
}

@media (max-width: 767px) {
	body { background-image: none; }
	body .showcase { display: none; }
	.height { display: none; }
	body .footer { padding: 15px; background: #272727;}
	body .menu-col { padding: 15px; padding-top: 0; padding-bottom: 0; text-align: center; float: right; margin-top: 19px;}
	body .header {  padding:8px 0; position: sticky; top:0; z-index: 9999; background: white;  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.08); }
	body .header .contact-panel { display: none; }
	body .header .menu-custom #category { display: none !important; }
	body .menu-custom .btn-navbar { float: none; background: transparent; border:none; box-shadow: none; }
	body .menu-custom .btn-navbar .fa { color: #b80322; font-size: 18px; }
	body .menu-custom .btn-navbar:hover, .menu-custom .btn-navbar:focus, .menu-custom .btn-navbar:active, .menu-custom .btn-navbar.disabled, .menu-custom .btn-navbar[disabled] { background: transparent; color: #b80322; }
	body .menu-custom .nav > li.active a { border-bottom: none; }
	body .header .logo-col { padding-bottom: 0; box-shadow: none; border:none; outline: none; }
	body .header #logo { margin: 0; }
	body .header .social { margin-bottom: 15px; }
	.woocommerce-page .breadcrumb-wrapper { margin-top: 0; }
	body .header .top-row { background: transparent; }
	body .header .bottom-row { margin-top: 0; }
	body .header #logo { display: inline-block; }
	body .usps .usp-panel {     border-right: none;  border-bottom: 1px solid #484747; }
	body .usps .usp-panel:last-of-type { border-bottom: none; }
	body .pageHeader { margin:0; }
	body .breadcrumb-wrapper { display: none; }
	body .menu-row {     background: #f7f7f7;  }
	.home .menu-row { margin-bottom: 0; }
	body .looking-for h4 { font-size: 14px; margin-top: 0; }
	body .pageHeader {     margin: 0; padding: 5px; color: white; background: #232323; }
	body .looking-for { padding: 15px 0; }
	body .pageHeader a { font-size: 20px; }
	body  h3 { font-size: 20px; }
	body .get-in-touch { padding: 10px;  padding-top: 25px; padding-bottom: 25px; margin-top: 20px;}
	body .logo-col { padding: 0; }
	body .footer .logo-wrapper { text-align: center; }
	body .footer .footer-bottom { text-align: center; }
	body .footer .pull-right { float: none !important; }
	body .footer .pull-left { float: none !important; }
	body .footer h4 { margin-top: 30px; }
	body .usps { margin-bottom: 20px; }
	body .get-in-touch .white-panel {  padding: 15px 30px; margin-bottom: 15px; }   
	body #woocommerce_product_categories-3 { margin-bottom: 20px; }
	.testimonial_rotator_wrap { padding: 0; }
	body .get-in-touch { background-position: -35%; }
	body .header .bottom-row { background: white; }
	body nav#top { margin-bottom: 0 !important; }
	body .header #logo img {     max-width: 150px; }


}

@media (min-width: 768px) and (max-width: 992px){
	.height {     height: 446px; }
	body .showcase > ul { margin: 0; width: 100%; }
	body .showcase > ul .slide { background-size: cover; background-position: center center; }
	body .header .bottom-row { margin-top: 0; }
	body .header .logo-col { border-bottom-left-radius: 0; }
	body .header .right-col { border-bottom-right-radius: 0; }
	body .pageHeader { margin-top: 32px; margin-bottom: 25px; }
	body .get-in-touch { padding: 20px 0; padding-top: 30px; padding-bottom: 30px; margin-top: 30px; }
	body .get-in-touch .red-panel { margin-bottom: 10px; }
	body .usps { margin-bottom: 20px; }
	body .footer .footer-logo img {     max-width: 120px; }
	body .footer .pull-left { float: none !important; }
	body .footer .pull-right { float: none !important; }
	body .menu-row { background: white; }
	
}


@media (min-width: 992px) and (max-width: 1140px) {
	body .menu-custom .nav > li > a { padding: 10px; padding-bottom: 19px; }
	body .header .social .fa { display: inline-block; }
	body .header .bottom-row { margin-top: 77px; }
}


@media (min-width: 1140px) and (max-width: 1200px) {
		body .header .bottom-row { margin-top: 86px; }
		body .menu-custom .nav > li > a { padding-bottom: 23px; }
}

@media (min-width: 768px) and (max-width: 992px) {
	   body .pageHeader { margin-top: 31px; margin-bottom: 16px; } 
}

@media (min-width: 768px) {
	body .pageHeader a {color: white;}
	body.page-template-default  .header { margin-bottom:30px; }
}

@media (max-width: 992px) {
	.woocommerce-page .breadcrumb-wrapper {     margin-top: 92px; }
}

@media (min-width: 992px) and (max-width: 992px) {
	body .header .logo-col #logo { margin-top: 10px; }
}

@media (max-width: 334px) {
	body .get-in-touch .white-panel { padding:5px 30px; }
}

@media (max-width: 992px) {
	body .desktop-menu { display: none !important; }
	body .mobile-menu { display: block !important; }
	body .navbtn { padding: 11px; margin: 0 20px; }
}


.product_meta > span { display:block; }
.ean_wrapper { display:none!important; }