/*
Theme Name: Layers
Description:  Layers is a revolutionary new way to create websites with WordPress. Now you can create beautiful, responsive pages faster and easier than ever. Whether you’re a pro or have never used WordPress before, Layers will get you up to speed quickly and give you a jump-start on your layout with pre-existing templates or a blank page, ready for your content. With a simple point-and-click editor built right into the WordPress customizer, you simply select what you want to change, change it, and you’re done. You’re always in control, and always working with a live, front-end view of your website. Pages are built by stacking content widgets together. The unique and powerful Layers Design Bar connected to each widget is where the magic happens. Here you choose the options for the display of your content. It’s so simple and intuitive, you’ll be a pro the first time you use it. Layers reacts to the content you give it, generating balanced, mobile-ready layouts without requiring a line of code. Layers is free, and always will be and you can take Layers even further with quality child themes and extensions which give you more functionality and more ways to display your content.
Layers is WordPress made easier.
Author: Obox
Author URI: http://www.oboxthemes.com/
Theme URI: http://www.layerswp.com/
Version: 1.1.5
Tags: slider, site-builder, page-builder, responsive-layout, fixed-layout, fluid-layout, one-column, one-column, two-column, three-column, four-column, custom-colors, custom-header, custom-menu, editor-style, featured-images, translation-ready, full-width-template, theme-options
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: layerswp
*/

/* ------- Site Wide - Colour/Layout ------- */

.lightColouredBackground, .wrapper-site {
    background-color:#78a8d7;
}

.middleColouredBackground, .rslides{
    background-color:#23AD9E;
}

.veryLightColouredBackground {
    background-color:white;
}


body.blog .wrapper-content, single-post .wrapper-content {
width:100%;
}

body.blog .content-main, body.single-post .content-main {
    width:100%;
    margin-top:15px;
    background-color:white;
}

.story img {
    width:100%;
}

.wrapper-site {
    padding-left:0%;
    padding-right:0%;
    background-attachment: fixed;
    background-image:url("./bg.jpg");    
}

/* ---------------------- */
/* ------- Header ------- */
/* ---------------------- */

.header-site .column {
    margin-right:0px;
}
.site-logo-link img {
    max-height:200px;
}

.site-logo-link {
    width:100%;
    padding-left: 0px;
    padding-right: 10px;
}

h3.sitetitle, p.tagline {
    text-align:center;
}

h3.sitetitle {
    font-size:2.1rem;
}

.nav-horizontal li a {
    font-size:14px;
}

.nav-horizontal li {
    margin-right:5px !important;
}

.nav-horizontal ul {
    padding-left:0px;
}

nav.nav.nav-horizontal {
    padding-top:20px; 
    font-size:12px;
}

.telephoneNumber {
    font-size:21px;
    line-height:20px;
    display: inline-block;
}

@media (min-width: 769px) {
    .telephoneNumber {
    display: block;
    }
}

.telephoneNumber .email_link {
    font-size:11px;
    width:100% !important;
}

.SocialMediaIcons {
    text-align: right;
}

.SocialMediaIcons a {
    display: inline-block;
    width:25px;
    height:25px;
    background-size: contain !important;
}

.SocialMediaIcons a.youtube {
    background:url("./sm_icons/youtube.png");    
}

.SocialMediaIcons a.facebook {
    background:url("./sm_icons/fb.png");    
}

.SocialMediaIcons a.googleplus {
    background:url("./sm_icons/google.png");
}

.SocialMediaIcons a.linkedin{
    background:url("./sm_icons/linkedin.png");
}

.SocialMediaIcons a.twitter {
    background:url("./sm_icons/twitter.png");
}

/* ------------------------- */
/* ------- Home Page ------- */
/* ------------------------- */

.companyIntro  .column {
   min-height:500px;
}

/* Hover Banner Mask*/
.darken h5.heading, .darken .mask {
    background-color:rgba(0,0,0,0.4) !important; 
    width:100%;
    padding:15px;
}

/* Latest news articles */
.display-posts-listing .listing-item {
    width:100%;
    float:left;
    padding:15px !important;
    margin-bottom:15px;
}

.display-posts-listing .listing-item .attachment-thumbnail .wp-post-image {
    background-color:white;
}

/* Used on the slider */
.spacedOutText {
    padding: 20px !important;
    position: absolute;
    top: 0;
    width:100%;
    z-index: 0;
    background-color:#23AD9E;
    opacity: 0.90;
}

.spacedOutText h1 {
    font-size:30px !important;
    color:white !important;
}

/* to allow the slide image to fill the container and go under the ask a question*/
ul.rslides, #layers-widget-column-3-543 .media.image-top .media-body {
overflow:visible;
}

.rslides h1, .rslides {
    color:white;
}

.rslides h1 {
    font-weight:900;
    font-size:16px;
}

.rslides_container {
    margin-bottom:0px;
}

.rslides p.caption {
    display:none;
}

.rslides img {
    max-width:10000%;
    width:auto !important;
    min-width:100%;
}

/* front page slider show*/
#layers-widget-column-3-543{
    padding-bottom:0px;
}

.content-vertical-massive, .marginTopBottom {
    margin-top:15px!important;
    margin-bottom:15px!important;
    padding-top:0px;
    padding-bottom:0px;
}

/* prevent slide size, excerpt in sections from being limited to 745px */
.column:not(.span-12) .media .excerpt, .section-title .excerpt {
max-width:100%;
}

/* home page contact us */
#layers-widget-column-3-546{
    border-top:20px solid #78F8d7
}

#layers-widget-column-3-546 h5.heading {
    color:white;
}

#layers-widget-column-3-546 .medium {
    background-color:#23AD9E;
    padding:15px;
    color:white;
}

.media {overflow:visible}

body.home div.media.image-top.medium .media-image img, .listing-item, .imgdisplay {
    border:1px solid #09457B;
    border-bottom-color: #09457B !important;
    padding:15px;
}

/* ------------------------------------ */
/* ---------- Woo Commerce ------------ */
/* ------------------------------------ */

.productCategorySelection div.media-body.text-left {
    min-height:330px;
}

.productCategorySelection .media-body.text-left a.button.btn-medium{
    position:absolute;
    bottom:0px;
}

#layers-widget-column-3 .row.list-grid {
    margin-bottom: 20px;
    margin-right: 20px;
    max-height: 600px;
    overflow: hidden;
}

.nav-horizontal li.current_page_item {
    background-image: url(./active.png);
    padding-right: 5px;
    padding-left: 5px;
    height: 20px;
    background-position: top left;
}

.veryLightColouredBackground h3.heading {
    margin-top:15px;
}

footer .SocialMediaIcons a {
    width:50px;
    height:50px;
    background-size: cover !important;
}

footer .SocialMediaIcons {
    text-align:center;
}

footer.footer-site .row {
    padding:0px !important;

}

footer.footer-site {
    background-color: rgba(47, 113, 179, 1);
    color: #FFFFFF;
}

.imgdisplay {
    margin-bottom: 30px;
    width: 99%;
    min-height: 150px;
    height: 150px;
    margin-right: 15px;
    display: inline-table !important;
}

h3.heading, h2, h1 {
    text-transform:uppercase;
    color:darkgrey !important;
}

/* Normal Page, Product category & product page */

body.tax-product_cat section.container, .title-container .title, body.single-product, body.single-product section.content-main, body.page section.page {
    background-color:white;
}

body.single-product section.content-main, 
body.tax-product_cat section.content-main {
    padding-top:0px !important;
}

ul.products li.product {
    border:1px solid #09457B;
    border-bottom-color: #09457B !important;
    padding:15px !important;
}

ul.products li.product img{
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    width:auto;
    padding: 15px;
}

body.tax-product_cat ul.products li.product h3 {
    min-height:75px;
}

nav.bread-crumbs ul li a, nav.bread-crumbs ul li {
    color:darkgrey !important;
}

#layers-widget-column-3-543 {
    margin-right:0% !important;
}

#layers-widget-column-11-310 .widget-title, #layers-widget-column-11-310 .aiwidget-title {
display:none;
}

.title-container .title, body.woocommerce .content-main, body.page-template-default .content-main {
max-width:100% !important;
width:100%;
margin-top:15px !important;
}

@media screen and (max-width:799px){
.related.products li.product { width:100% }
}

footer#footer.footer-site .widget_text div.textwidget, footer#footer.footer-site h5 {text-align:center}
.SocialMediaIcons {text-align:center}
}

.off-canvas-right {background:black}

.title-container, body.blog .wrapper-content {
    background: white !important;
}

.woocommerce .span-9 {
    width:100%
}

/* Limit the content width. */
.title-container .title,
article.span-12,
section.content-main,
.woocommerce .span-12,
.woocommerce .product-top,
.woocommerce .woocommerce-tabs,
.woocommerce .related.products{
    max-width:1024px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.page-template-default form#frmCSCF{
    max-width: 40%;
    width:40%;
    float:left;
}
/* contact form */
.home form#frmCSCF{
    max-width: 100%;
    width:99%;
    float:left;
}

div.mapper {
    max-width:60%;
    width:60%;
    float:left;
    padding-left:30px;
}

.companyIntro h3.heading {margin-top:20px}

.section-title.small .heading {font-size:3.5rem}

/* Mobile Optimised*/
@media screen and (max-width:540px) {
 form#frmCSCF,   div.mapper {max-width:100% !important;width:100%;margin-top:10px;padding-left:0px} 
 /* Hide the hover banners*/
 .companyIntro .content {display:none;}
 /* Make Buttons Bigger*/
 .productCategorySelection a.button.btn-medium {min-width:100%;}
}
/* iPad/Desktop */
@media screen and (min-width:1024px){
  ul.sub-menu {background-color:#23AD9E !important}
}

@media screen and (max-width:768px)
{
    #layers-widget-column-3 {display:none;}
    .header-site, .header-site.header-sticky {padding-bottom:160px;}
    .SocialMediaIcons {
        padding: 15px;
        text-align: left;
    }
}

@media screen and (max-width:540px)
{
    .SocialMediaIcons {float:left}
    nav.nav {float:right}
    .header-site .column { margin-bottom:20px; }
    .header-site, .header-site.header-sticky {min-height:250px;}
    .products .button {
        bottom: 5px;
        left: 5px;
        margin-top: 10px;
        position: absolute;
        right: 5px;
    }
}

@media screen and (max-width:540px) {
    .header-site, .header-site.header-sticky {padding-bottom:100px;}
    footer#footer.footer-site .SocialMediaIcons {width:100%;}
}

@media screen and (max-width:1100px) {
    .nav-horizontal li { font-size:10px;margin:0 6px;}
    #text-3 .textwidget{font-size:12px;}
    .nav-horizontal li a {font-size:13px}
}

/* contact form used on certain products which have bespoke pricing */
.wpcf7-form p {font-size:12px;}
.wpcf7-form input {font-size:12px;height:30px;}

.new-header {
	float: left;
	width: 100%;
	height: auto;
	padding: 30px;
}

.new-header h1 {
	font-size: 30px;
	margin-bottom: 20px;
    margin-top: 20px;
    float: left;
    width: 100%;
}

@media (min-width: 769px) {
    .new-header h1 {
    width: 40%;  
    }
}

.wrapper {
	max-width: 1024px;
	display: block;
	margin: 0px auto;
}

.main-hero {
	width: 100%;
	float: left;
	background: #f2f2f2;
	border: 1px solid #dedede;
}

.main-products-hero {
	float: left;
	width: 100%;
	margin-top: 30px;
    margin-bottom: 30px;
}

.main-products-hero h3 {
    font-size: 30px;
    color:darkgrey;
    margin-bottom: 10px;
}

.main-products-hero ul {
	margin: 0px auto;
	padding: 0px;
    display: block;
}

.main-products-hero ul li {
	width: 42.5%;
	float: left;
	margin-right: 2%;
	padding: 10px;
	transition: all 0.5s ease-in-out;
	cursor: pointer;
}

@media (min-width: 769px) {
    .main-products-hero ul li {
    width: 23.5%;   
    }
}

.main-products-hero ul li:hover {
	background: #f2f2f2;
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.07);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.07);
}

.main-products-hero ul li:last-child {
	margin-right: 0px;
}

.main-products-hero ul li img {
		border: 1px solid #dedede;
		padding: 10px;
		background: #ffffff;
        width: 100%;
}

.main-products-hero ul li p {
	text-align: center;
	display: block;
}

.main-products-hero ul li h3 {
	float: left;
	width: 100%;
	margin: 10px 0px;
	text-align: center;
    font-size: 20px;
}

.main-products-hero ul li a {
	background-color: #23ad9e;
    color: #FFFFFF;
    padding: 7px;
    width: 100%;
    margin-top: 10px;
    display: block;
    text-align: center;
}

.contact-form-hero h2 {
	color:#FFFFFF !important;
	margin-bottom: 10px;
	font-size: 30px;
}

.contact-form-hero {
	float: right;
	width: 100%;
	background: #2f71b3;
	padding: 10px;
	padding: 10px 15px;
}

@media (min-width: 769px) {
   .contact-form-hero {
    width: 30%;    
   } 
}

.contact-form-hero textarea {
	height: 65px;
    float: left;
    width: 100%;
    max-width: 2000px;
}

.contact-form-hero p {
	color: #ffffff;
    box-sizing: border-box;
    float:left;
    width: 100%;
}

.contact-form-hero input {
    width: 100% !important;
    float:left;
    max-width: 2000px;
}

.contact-form-hero input[type="submit"] {
	background: #23ad9e;
	margin-left: 0px;
    padding: 0px 30px;
}

.ajax-loader {
	display: none !important;
}

.best-seller-hero {
	float: left;
	width: 100%;
	margin-top: 20px;
    margin-bottom: 30px;
}

@media (min-width: 769px) {
    .best-seller-hero {
    width: 68%;   
    margin-bottom: 0px; 
    }
}

.best-seller-her0 li a{
	float: left;
	width: 48% !important;
}

.best-seller-hero .container {
	width: 49%;
	float: left;
}

.best-seller-hero .price {
	float: left;
	width: 100%;
	font-size: 24px;
	margin-bottom: 7px;
}

.best-seller-hero .img-wrap {
	display: block;
	margin: 0px;
	width: 275px;
}

.best-seller-hero img {
	border: 1px solid #dedede;
	padding: 10px;
	background: #FFFFFF;
}

.footer-site .section-nav-title {
    color: #FFFFFF;
    font-size: 28px;
}

.footer-site .fa {
    color:#FFFFFF;
    font-size: 38px;
    margin-right: 10px;
    margin-left: 10px;
}

.copyright {
    float: left;
    color: #FFFFFF;
    padding-top: 10px;
    width: 100%;
    border: 0px !important;
}

#footer .row {
    border-bottom: 1px solid #4687c7;
    margin-bottom: 40px;
}
.header-social .fa {
    display: inline-block;
    color: #FFFFFF;
    font-size: 22px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.new-header {
    float: left;
    width: 100%;

    padding: 10px;
}

.logo-left {
    float: left;
    width: 100%;
    padding: 10px;
    margin-top: 0px;
}

@media (min-width: 667px) {
  .logo-left {
    width: 49%;  
    margin-top: 15px;  
  }  
}

@media (min-width: 769px) {
  .logo-left {
     width: 24%;     
  }  
}

.site-desc {
    float: left;
    width: 100%;
    padding: 10px;   
    display: none;
}

@media (min-width: 667px) {
  .site-desc {
    width: 49%;  
    display: block;
  }  
}

@media (min-width: 1077px) {
 .site-desc {
      width: 59%; 
 }   
}

.site-desc strong {
    display: block;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    font-size: 22px;
}

.site-desc span {
    display: block;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
}

.header-social {
    float: left;
    width: 100%;
    padding: 10px;  
    color:#FFFFFF;
    margin-left: 0%;
    text-align: center;
    margin-top: 20px;
}

@media (min-width: 769px) {
    .header-social  {
        width: 49%; 
        margin-left: 7%;   
        text-align: left;
    }  
}

@media (min-width: 769px) {
    .header-social {
        width: 20%;      
    }  
}

@media (min-width: 1077px) {
.header-social {
    width: 17%;
    margin-left: 0px;
 }   
}

.header-social a {
    color:#FFFFFF;
}

.new-nav {
    float: left;
    width: 100%;
}

.nav-horizontal > ul{
    float: none !important;
}

nav.nav.nav-horizontal {
    padding-top: 0px;
    font-size: 12px;
    width: 100% !important;
    text-align: center !important;
    background: #2c66a0;
    padding-bottom: 0px;
}

@media (min-width: 769px) {
  nav.nav.nav-horizontal {
    padding-bottom: 20px;
    padding-top: 20px;
  }  
}

.front-search {
    float: right;
    width: 100%;
    margin-top: 20px;
}

@media (min-width: 769px) {
    .front-search {
    width: 60%;        
    }
}

#searchproductssku input {
    width: 50% !important;
    float: left;
    height: 40px;
    line-height: 32px;
}

.product-top {
    margin-top: 30px;
}

.more-images {
    display: inline-block;
    padding: 10px 20px;
    color:#FFFFFF;
    width: auto;
    margin: 0px 0px 7px 0px;
    background: #23ad9e;
    border-radius: 7px;
}

.more-images a {
    color: #FFFFFF;
}

.content-vertical-massive, .marginTopBottom {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

#layers-widget-column-16 {
    background-repeat: no-repeat;
    background-position: center;
    background: #f2f2f2 !important;
    padding: 10px 0px 40px 0px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

#layers-widget-column-11 {
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 0px 40px 0px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

#single-titles {
    float: left;
    width: 100%;
    padding: 10px;
}

@media (min-width: 769px) {
    #single-titles {
        width: 30%;
        padding: 0px;
    }
}

#single-titles .heading {
    display: none;
}

#single-titles h4 {
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #a9a9a9;
    width: 100%;
}

.single-titles-main {
    float: left;
    width: 100%;
    border-bottom: 5px solid #f7f7f7;
    margin-bottom: 30px;
}

body.single-product section.content-main, body.tax-product_cat section.content-main  {
    margin-top: 0px !important;
}

body.page-template-default .content-main {
    margin-top: 0px !important;
}

#layers-widget-column-16-905 p {
    padding: 20px 0px;
}

.section-title.small .excerpt {
    padding-bottom: 20px;
}

.wpcf7-form-control-wrap input {
    width: 100%;
}

.header-site, .header-site.header-sticky {
    height: 300px;
}

@media (min-width: 667px) {
    .header-site, .header-site.header-sticky {
    height: 325px;       
    }
}

@media (min-width: 769px) {
 .header-site, .header-site.header-sticky {
    height: auto;
}   
}

.responsive-nav {
    margin-right: 20px;
}