/*
Theme Name: Large Ventures Starter Child
Theme URI: http://visualcomposer.io
Description: Large Ventures Starter child theme
Author: WPBakery
Author URI: http://visualcomposer.io
Template: large-ventures-starter
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, blog, starter, responsive-layout, accessibility-ready, sandwich-menu
Text Domain: large-ventures-starter-child
*/




/* global style overrides */
body{
  overflow-x: hidden;
}
.content-wrapper{
  padding-top: 0px;
}

.alwaysFootnote strong{
	color: #a62b39 !important;
	
}

/* header and navigation */


#main-menu a{
  font-family: Roboto !important;
  font-size: 18px;
}


#main-menu li:last-of-type{
    background-image: url(/wp-content/themes/large-ventures-starter-theme-child/img/Facebook-Colour.png);
    background-size: contain;
    width: 37px;
    height: 37px;
    cursor: pointer;
    opacity: .9;
}
#main-menu li:last-of-type a{
  font-size: 0px;
}

#main-menu li:last-of-type:focus {
    background-image: url(/wp-content/themes/large-ventures-starter-theme-child/img/Facebook-Colour.png);
    background-size: contain;
    opacity: 1;
}
#main-menu li:last-of-type:hover {
    background-image: url(/wp-content/themes/large-ventures-starter-theme-child/img/Facebook-Colour.png);
    background-size: contain;
    opacity: 1;
}


.navbar-brand img{
  width: 100%;
}

.navbar-wrapper {
    padding: 15px 10px 0px 40px;
}

#main-menu .current-menu-item a{
  color: #a62b39 !important;
}

/* end header and navigation */



.dropShadow{
  -webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.4);
  box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.4);
}




/* general styles, lists */

.expandingFeatures ul>li:before{
  left: 0px;
}
.expandingFeatures ul>li{
  padding-left: 15px;
}

.entry-content ul>li:before, .comment-content ul>li:before{
  left: 0px;

}
.entry-content ul>li, .comment-content ul>li{
  padding-left: 15px;
}


/* FAQ specific */
/* FAQ CLOSED STATE */
.faqBlock:before {
  content: url(img/FAQClosed.png);
      position: absolute;
      left: 20px;
      cursor: pointer;
}
.faqBlock{
  background-color: #f6f5f3;
  margin-bottom: 20px;
  padding: 20px 20px 2px 80px;
}

.faqBlock p{
  display: none;
}

.faqBlock h2{
  cursor: pointer;
  margin-bottom: 0;
  font-size: 20px;
  padding-top: 8px;

  font-weight: normal;
  color: #58585b;
}


.entry-content img, .comment-content img {
    margin-bottom: 0 !important;
}

/* FAQ OPEN STATE */
.faqBlock.opened:before {
  content: url(img/FAQOpened.png);
}
.faqBlock.opened p{
  display: block;
}
.faqBlock.opened h2{
  color: #a62b39;
  font-weight: bold;
  padding-bottom: 20px;
}






/* woocommerce / product page related */

/* category page */

/* product section overrides for consistent layout */
.woocommerce .products h2{
  height:50px;
}

.woocommerce .products .product_description{
  height:88px;
}


.woocommerce .products{
  text-align: center;
}
.woocommerce .product .product_type_simple{
  color: #fff;
  background-color: #a69e88;
  font-weight: normal;
  font-family: Alegreya Sans;
  font-size: 16px;
}
.woocommerce .product .product_type_simple:hover{
  color: #fff;
  background-color: #958e7a;
}

.woocommerce ul.products li:before{
  content: "" !important;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
  font-weight: 600;
  font-family: Alegreya Sans;
  font-size: 16px;

}


/* single product page */
.tabs.wc-tabs{
  display: none !important;
}
.header-image{
  display: none !important;
}

.benefitsBreakout{
  background: #eeedef;
  border-radius: 10px;
  padding: 10px;
}


.keyFeatureCopy ul{
    list-style: none;


}
.keyFeatureCopy ul li{
  padding-left: 48px;

    font-size: 17px;
    padding-bottom: 8px;

}
.keyFeatureCopy ul li:before {
  content: url('img/CopyTick.png');
  /*content: url(img/minus_100.png) no-repeat;*/
}


.keyFeatureTick ul{
  list-style: none !important;
  display: table;
}

.keyFeatureTick ul li{

  color: white;
  border-radius: 10px;
  width: 60px;
  height: 80px;
  margin: 4px;
  float: left;
  text-align: center;
  line-height: 17px;
  padding: 41px 5px 0px 5px;
  font-family: Alegreya Sans;
  font-size: 16px;
  font-weight: normal;

}
.keyFeatureTick ul li:before {
  content: url(img/FeatureTick35px.png);
  color: white !important;
  font-size: 45px;
  position: absolute;
  top: -8px;
  left: 14px;
}

.keyFeatureTick p{
  clear: both;
}
.expandingFeatures{
  border-bottom: 3px solid #a69f88;
}


.expandingFeatures h2{
  cursor: pointer;
  border-top: 3px solid #a69f88;
  padding-top: 25px;
  padding-bottom: 10px;
  margin-top: 20px;
}
.expandingFeatures h2:after{
  float: right;
  margin-right: 10px;
}

.expandingFeatures h2.opened:after{
  content: '▲';
  content: url(img/ToggleOpened.png);
}
.expandingFeatures h2.closed:after{
  content: '▼';
  content: url(img/ToggleClosed.png);
}



table tr, table th, table td {
  border:none !important;
}

table th{
  color: #58585b;
  background: #dcd9d0;
}
table td, table th {
    vertical-align: top;
}
table tr:nth-child(even) {background: #f6f5f3}
table tr:nth-child(odd) {background: #edece6}




/* specific colours for various pages */
/* Floradix Kindervital */
.blueBreakout .keyFeatureTick ul li{
  background-color: #1ea9e1;
}
.blueBreakout .keyFeatureTick strong{
  color: #1ea9e1;
}
/* Floradix Liquid Herbal Iron ExtractFloravital Herbal Liquid Iron ExtractFloradix Iron and Vitamin Tablets */
.redBreakout .keyFeatureTick ul li{
  background-color: #a62b39;
}
.redBreakout .keyFeatureTick strong{
  color: #a62b39;
}
/* Floradix Magnesium Mineral DrinkFloradix Calcium Magnesium */
.orangeBreakout .keyFeatureTick ul li{
  background-color: rgb(235, 129, 53);
}
.orangeBreakout .keyFeatureTick strong{
  color: rgb(235, 129, 53);
}

/* Floradix Gallexier */
.mustardBreakout .keyFeatureTick ul li{
  background-color: rgb(219, 176, 59);
}
.mustardBreakout .keyFeatureTick strong{
  color: rgb(219, 176, 59);
}

/* Floradix  Epresat Multivitamin Tonic */
.yellowBreakout .keyFeatureTick ul li{
  background-color: rgb(244, 172, 53);
}
.yellowBreakout .keyFeatureTick strong{
  color: rgb(244, 172, 53);
}



/* Widget Control for page footer */

.productsWidget{
  width: 100%;
  padding-bottom: 160px;
color:white;
    
}



.productsWidget ul{
  height:140px;
  list-style: none;
  display: flex;
}

.productsWidget ul li{
  float: left;
}
.productsWidget ul li::before{
  content: "";
}
.productsWidget ul li a{
  border: none;
  padding: 0 10px;
}


/* this is the overlaping and moving arrow with product details */

.productsWidget .breakoutLabel{
  position: absolute;
  top: -45px;
  display: none;
  height: 0px;
  width: 200px;
  left: 130px;
}

.productsWidget .firstGalleryImage .product{
  /* width: 100% !important; */
  width: 80% !important;
}
.productsWidget .breakoutLabel .copy{
  font-family: Alegreya Sans;
  font-size: 18px;
  position: relative;
  text-align: center;

  left: 100px;
}
.productsWidget .breakoutLabel .arrow{
  height: 80px;
  top: 0px;
  width: 120px;
  background-size: contain;
  position: relative;
  background-repeat: no-repeat;


  background-image: url(img/Pointer_LowLeft.png);
  left: 80px;
}

/* manage objects to the right of screen */
.productsWidget .breakoutLeft .breakoutLabel .arrow{
  background-image: url(img/Pointer_LowRight.png);
  left: -120px;
}
.productsWidget .breakoutLeft .breakoutLabel .copy{
  left: -210px;
}



.productsWidget .firstGalleryImage {
  height: 200px;
    -webkit-transition: top .5s; /* Safari */
    transition: top .5s;
    top:80px;
    position: relative;
}
.productsWidget .firstGalleryImage:hover {
    top:10px;
}

.productsWidget .firstGalleryImage:hover  > .breakoutLabel{
    display: block;
}




.productsWidget ul .productImage{
  display: none;
}
.productsWidget ul .product-title{
  display: none;
}
.productsWidget ul .product-description{
  display: none;
}
.productsWidget button{
  display: none;
}




.vce-button--style-basic, button.button{
  font-family: Alegreya Sans !important;
  font-size: 16px;
  font-weight: normal;
  color: white;
  background: #a69e88;
}
.vce-button--style-basic.vce-button--style-basic--size-medium {

}


/*
***custom global navigation settings***
-------defined from functions.php------
*/





/* contact form related */

/* custom form stuff to fill screen nicer */
#contact form .contactCol{
    width: 50%;
    float: left;
}

#contact form .contactCol1{
  padding-right: 10px;
  padding-bottom: 10px;
}

#contact form input{
  width: 100%;
  border: none;
  background-color: #edece7;
  padding: 5px 0px 5px 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}

#contact form textarea{
  width: 100%;
  padding: 5px 0px 5px 10px;
  background-color: #edece7;
  border-radius: 5px;
  border: none;
  height:150px;
  margin-bottom: 5px;
}

#contact form label{
  font-size: 13px;
}


#contact form input[type=checkbox]{
  height: 40px;
  float: left;
  margin-right: 15px;
  position: relative;
  transform: scale(1.5);
  top: 0px;
  margin-top: 0px;
  margin-left: 4px;
}

#contact form input[type=submit]{
  font-family: Alegreya Sans;
  color: white;
  height: 30px;
  background-color: #a69f88 !important;
  border: none;
  width: 100%;
  border-radius: 5px;
}
#contact form .inquiry-type select{
  width: 100%;
}

#contact form span.wpcf7-list-item{
  margin: 0px 0px 5px 0;
}
#contact form input[type=checkbox]{
  width: unset !important;
  background-color: #a69f88 !important;
}
#contact form select{
  width: 100%;
    height: 32px;
    background-color: #edece7;
    border: none;
    padding-right: 10px;
    color: rgb(88, 88, 91);
    margin-top: 4px;
}
#contact form label{
  font-weight: normal;
}

#contact form .checkCol{
  width: 70%;
  float: left;
}

#contact form .sendCol{
  float: right;
  width:30%;
}


/* override contact7 form error */
div.wpcf7-validation-errors {
    border: none !important;
	    text-align: right;
}
div.wpcf7-mail-sent-ok {
    border: none !important;
    text-align: right;
}
#contact h1{
	clear:left;
}




/* blog related */

/* blog archive page */
.featuredBlogImage{
  padding-bottom: 15px;
}
.featuredBlogImage img{
  max-width: 100%;
  height: auto;
}
.featuredBlogImage h1{
  padding-left: 10px;
}
.archive .entry-content{
  margin-bottom: 1.475rem;
  height: 100px;
  overflow: hidden;
}
.archive .read-more{
  padding: .618em 1em;
  border-radius: 3px;
  font-size: 16px;
}
.archive .read-more:hover{
  color: #fff;
  background-color: #958e7a;
}


.archive .entry-preview {
  text-align: center;
    margin-bottom: 50px;
    float: left;
    width: 33%;
    padding: 0 10px 0 14px;
}

.entry-preview .featured-content{
  overflow: hidden;
  height: 190px;
}

.entry-preview .featured-content img {
    max-width: 650px;
    margin-left: -180px;

}



/* blog side bar - products and other widgets */

.sidebar-widget-area .widget{
  padding-top:0px;
  padding-bottom:22px;
  border:none;
  border-bottom:2px solid #a69e88;
}
.sidebar-widget-area .widget_recent_entries ul li a{
  font-family: Alegreya Sans;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
}
.sidebar-widget-area ul{
  padding-left: 0px;
}
.sidebar-widget-area .widget-title{
  color: #a62b39;
}
.sidebar-widget-area .widget_recent_entries li{
  list-style: none;
}


.sidebar-widget-area .woocommerce ul.product_list_widget li{
  display: none; /* this gets turned on in the template where category slugs of related products are matched up to product slugs */
}

.sidebar-widget-area .productImage img{
  width:100% !important;
}
.sidebar-widget-area .product-title{
  color: #a62b39;
  font-family: Alegreya Sans;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.sidebar-widget-area .product-description{
  font-family: Alegreya Sans;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
}
 .product_list_widget a:hover{
   color: #58585b;
 }
.sidebar-widget-area .product_list_widget a .seeMore {
  text-align: center;
}
.sidebar-widget-area .product_list_widget a button{
  color: #fff;
  font-family: Alegreya Sans;
  font-size: 16px;
  font-weight: normal;
  border:none;
    background-color: #a69e88;
    border-radius: 6px;
    padding: 8px 22px 8px 22px;
    margin: 4px 0 18px 0;
}

.sidebar-widget-area .product_list_widget a button:hover{
  color: #fff;
  background-color: #958e7a;
}



.sidebar-widget-area .product {
  display: none;
}
.sidebar-widget-area .breakoutLabel {
  display: none;
}





/* Footer navigatoin menu stuff */
#footer .footer-bottom .copyright{
  float:left;
}
#footer .footer-bottom .footer-menu{
  float: right;
}












/* plugin overrides */
/* homepage hero slider */

.vce-simple-image-slider-dots{
  bottom: 0px !important;
}
.vce-simple-image-slider-dots .slick-dots button{
  border: solid 1px #a62b39 !important;
}

/*homepage product slider */

.wpcs_product_carousel_slider .product_image_container .product_thumb_link:hover img{
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
 transform: none !important;
}



.wpcs_product_carousel_slider .product_image_container .product_thumb_link{
  -webkit-transition: padding-top .2s !important;
  transition: padding-top .2s !important;
  padding-top:30px !important;
}

.wpcs_product_carousel_slider .product_image_container .product_thumb_link:hover{
  padding-top:0px !important;
}

.owl-item .product_image_container{
  padding: 10px;
}

.wpcs_product_carousel_slider .owl-item .item h4.product_name a{
  font-family: Alegreya Sans;
  font-size: 16px;
  white-space: normal !important;
}





.bigScreenOnly{
  display: flex !important; /*block !important;*/
}
.smallScreenOnly{
  display: none !important;
}



/* tablet related overrides for menu nav */
@media only screen and (max-width: 1200px){
  body:not(.menu-sandwich) #main-menu>ul>li a{
    padding: 0.35em 0.33em;
  }

  #main-menu li:last-of-type{
      width: 28px;
      height: 28px;

  }
}

/* tablet related overrides for menu nav */
@media only screen and (max-width: 992px){

  #main-menu ul li a {
    font-size: 0.775em;
  }

  #main-menu li:last-of-type{
      width: 18px;
      height: 18px;

  }
}

/* mobile related custom stuff */

@media only screen and (max-width: 768px){

  #main-menu li:last-of-type {
      width: 28px;
      height: 28px;
  }

  #main-menu li:last-of-type a{
    font-size: 18px;
    padding-left: 34px !important;
  }

  /* setting the main container for zero padding allows for splash graphics to fill the screen when possible */
  .container {
    padding-left: 0px;
    padding-right: 0px;
    overflow-x: hidden; /* pesky something casuing horizontal overflow*/
  }
  /* as a result of container padding 0, content needs a minor padding adjustment */
  .vce-text-block{
    padding-left: 10px;
    padding-right: 10px;

  }
  footer{
    padding: 0 10px 0 10px;
  }

  .navbar-wrapper {
      padding: 15px 5px 0px 15px;
  }
  .navbar-brand {
    max-width: 230px;
    padding: 10px 0px 0px 20px;
  }
  .navbar-toggle{
    margin: 18px;
    padding: 8px 4px 8px 4px;
    margin-top: 8px;
    background-color: #a62b39;

  }
  .navbar-toggle .icon-bar {
    background-color: #fff;
    width: 32px;
    height: 3px;
  }
  .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px;
  }


  .benefitsBreakout {
    border-radius: 0px;
    padding-top: 20px;
    margin-bottom: 40px;
}

  /*.vce-simple-image-slider-list .vce-simple-image-slider-img.vce-simple-image-slider-img--scale{
    background-size: contain !important;
  }*/



  .bigScreenOnly{
    display: none !important; /*block !important;*/
  }
  .smallScreenOnly{
    display: block !important;
  }



  /* faq page related */

  .faqBlock .vce {
    padding: 0px 60px;
  }

  /* mobile speicific stuff for products page */

  .woocommerce .products h2{
    height:50px;
  }

  .woocommerce .products .product_description{
    height:88px;
  }
  .woocommerce ul.products{

  }
  .woocommerce ul.products li.product{
    width: 100% !important;
  }


  .sidebar-widget-area {
    padding: 0 25px 0 25px;
  }



  #contact form .contactCol{
    /*force full width for lower screen sizes */
    width: 100%;
  }
  #contact form select{
    width:100%;
  }

  #contact form .contactCol1{
    padding-right:0px;
    padding-bottom:10px;
  }

  #contact form .checkCol{
    width: 100%;
    float: left;
  }

  #contact form .sendCol{
    float: right;
    width:100%;
  }


  .archive .entry-preview {
    margin-bottom: 20px;
  }
  .archive .entry-preview{
    width: 50%;
  }
}
@media only screen and (max-width: 560px){
  /* single column layout for mobile blog views */
  .archive .entry-preview{
    width: 100%;
  }
  .archive .entry-content {
    margin-bottom: 0.875rem;
    height: auto;
}

}