/*
Theme Name : Total Geels & co child theme
Theme URI: http://www.geels.nl
Description: Thema voor Geels & Co gebaseerd op Total
Author: Ramon Vroegop
Template: Total
Version: 1.0.0 
*/

@import url("../Total/style.css");

/*

KLEUREN

Rood: #F83929 rgba(248, 57, 41, 1.0)
Groen: #62A521 rgba(98, 165, 33, 1.0)
Grijs: #707270 rgba(112, 114, 112, 1.0)

*/

.boxed-main-layout #outer-wrap {
    padding: 20px 30px;
}

body {
    /* 	background: url(/wp-content/themes/total-geelsenco/img/bg-pattern-geels.jpg) repeat 0 0 transparent; */
}

#wrap {
	background-color: #fff !important;
}

.simple-banner .simple-banner-text span {
    color: #fff !important;
}

.term-description {display: none;}
.home .page-header {display: none;}
#site-navigation .dropdown-menu > li > a {
    text-transform: uppercase;
}
H1, H2, H3, H4, .widget-title {text-transform: uppercase;}

.banner-home {
	min-height: 240px;
	padding: 0 !important;
}

.banner-home h2 {
	display: block;
	height: 58px;
	background-color: #717271;
	border-bottom: 2px solid #fff;
	color: #fff;
	padding: 17px;
}

.banner-home .vc_btn,
.banner-home .vc_cta3-actions {
	margin-top: 120px;
	margin-left: 20px;
}

.vc_call_to_action {
	border: none !important;
	background: none repeat scroll 0 0 transparent !important;

}

.woocommerce .product-name a {
	color: #62A521 !important;	
}

.product_list_widget li a {
	display: block;
  font-size: 16px;
}
.product_list_widget li {
  font-size: 14px;
}

.product_list_widget li span {
	float: none;
}
.product_list_widget li span.amount {
	margin-top: 0;
	margin-left: 0;
  font-weight: 700;
}

.cat-item-19 {
	display: none;
}

.woocommerce div.product .related.products .price {
    font-size: 16px !important;
}

.theme-button, #commentform #submit, .wpcf7 #current-shop-items-overlay.wpcf7-submit.theme-button .buttons a, .woocommerce .button, input[type="submit"], button {
    background: none repeat scroll 0 0 #62A521;

}
.theme-button:hover, #commentform #submit:hover, .wpcf7 #current-shop-items-overlay.wpcf7-submit.theme-button .buttons a:hover, .woocommerce .button:hover, input[type="submit"]:hover, button:hover {
    background: none repeat scroll 0 0 #707270;

}

.site-footer .footer-widget .widget-title {
  color: #444 !important;

}



/* NEW STYLING */

.woocommerce ul.products li.product h3, .woocommerce ul.products li.product h3 mark {
    color: #6da932 !important;
}

.archive .product-inner a.button,
.related.products .product-inner a.button {
    display: none !important;
}


/* Accents
--------------------------------------------------------------*/

/* Accent > #4a97c2 > Background */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce ul.products li.product .added_to_cart,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt { background-color: #66A400 !important; }

/* Accent > #4a97c2 > Color */
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product h3 mark { color: #4a97c2; }


/* Accent > #3b86b0 > Background */
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce ul.products li.product .added_to_cart:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover { background-color: #797472 !important; }

/* Accent > #3b86b0 > Border */
#current-shop-items-dropdown { border-top-color: #3b86b0; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { border-bottom-color: #66A400 !important; }

input[type="submit"] {
    color: #fff !important;
}


.fa.fa-shopping-cart {
    font-size: 20px;
}

.terugshop {
	margin-bottom: 20px;
}

.validate-postcode {clear: left;}



/* SHOPPING CART AANPASSING */


div#customer_details.col2-set {
	float: left;
	width: 100%;
}

.single-page-content .woocommerce .woocommerce-checkout .col2-set .col-1 {
    float: left;
    width: 48% !important;
}

.single-page-content .woocommerce .woocommerce-checkout .col2-set .col-2 {
    float: left;
    width: 48% !important;
}

.single-page-content .woocommerce table.shop_table.woocommerce-checkout-review-order-table {
    float: right !important;
    width: 100% !important;
}

.single-page-content .woocommerce-checkout-payment {
    float: right;
    width: 100% !important;
}

h3#order_review_heading {
	float: right;
	width: 100%;
	margin-top: 0;
	background-color: #fff;
}
.woocommerce-checkout-review-order-table td.product-name {
	width: 60%;
}

#site-header-inner {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#myparcel-iframe {
	height: 350px !important;
}
.woocommerce form .form-row-third.first {
    width: 54% !important;
}
.woocommerce-info a.button {
  float: none !important;
}

/* LANDINSGPAGINA */

.landing-prijs .vc_btn3.vc_btn3-color-grey, .landing-prijs .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
    color: #666;
    background-color: #fff;
    border: 1px solid #666;
}

.landing-prijs.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-md {
    font-size: 24px;
    padding: 6px 20px;
    font-weight: 700;
}



/* TABS */
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels,
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active>a {
    background-color: #f2f2f2 !important;
}


.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a {
    background-color: #fff !important;
    color: #666;
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active {
	border-bottom: 2px solid red !important;

}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active>a {
	color: #000 !important;
    /* 	font-weight: 700; */
}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab:hover {
	border-bottom: 2px solid red !important;

}

.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a:hover {
	color: #000 !important;
    /* 	font-weight: 700; */
}


.wpex-slider .sp-button {
    border-color: #ccc;
}
.wpex-slider .sp-button:hover, .wpex-slider .sp-selected-button {
    background-color: #ccc;
    border-color: transparent;
}
.wpex-slider .sp-buttons {
    position: absolute;
    left: 0;
    bottom: -45px;
    width: auto;
    padding: 15px;
    right: 0;
    top: unset;    
}

.landingjuralogo img {
	max-width: 140px !important;
}

.wpb_column.landingsformulier {
	border: 2px solid red;

}

.landingsformulier .wpcf7 input[type="submit"] {
	width: unset;
    background: none repeat scroll 0 0 red;
    border-radius: 0;
    height: 38px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.wpb_column.landingsformulier h2 {
	margin-top: 10px;
}


.wpb_content_element.prijskader {
	border: 2px solid red;
	padding: 8px 16px 8px 16px;
	margin-bottom: 16px;
	margin-top: 18px;
}


.rodeknop .vc_btn3.vc_btn3-color-green, .rodeknop .vc_btn3.vc_btn3-color-green.vc_btn3-style-flat {
    color: #fff;
    background-color: red;
    height: 38px;
}

.metbannertab > div > ul > li {
	position: relative;
} 

.metbannertab > div > ul > li > a > span:before {
    background-image: url(http://www.geels.nl/wp-content/themes/total-geelsenco/img/bekijk-de-actie.png);
    background-size: 110px auto;
    display: inline-block;
    width: 110px;
    height: 56px;
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    bottom: 15px;
    right: 20px;
    
}
.metbannertab > div > ul > li:last-child > a > span:before {
    background-image: none;
    background-size: 110px auto;
    display: inline-block;
    width: 110px;
    height: 56px;
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    bottom: 13px;
    right: 20px;
    
}

.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-container, .wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list {
    overflow: visible !important;
}

.page-header {
    margin: 0 auto 20px;
    padding: 6px 0;
    position: relative;
    background-color: #f7f7f7;
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.page-header-title {
    font-size: 16px;
}








@media only screen and (max-width: 1280px) and (min-width: 960px)
.content-area {
    max-width: 640px !important;
}


@media only screen and (max-width: 768px) {
	
	div#customer_details.col2-set {
		float: left;
		width: 100%;
		background-color: #fff;
	}
	
    .woocommerce table.shop_table.woocommerce-checkout-review-order-table ,
    .woocommerce-checkout-payment,
    h3#order_review_heading {
       width: 100%;
   }	

   .woocommerce-checkout #payment {
    clear: both;
}

.woocommerce #primary {
    padding-bottom: 40px;
    margin-top: 100px;
}

.metbannertab > div > ul > li > a > span:before {
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    
}


}


@media only screen and (max-width: 767px) {
	
    .metbannertab > div > ul > li {
       position: relative;
   } 

   .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a {
    padding: 14px 0 !important;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background-color: #fff !important;
}

.metbannertab .vc_tta-panel .vc_tta-panel-heading {
	height: 80px;
}

.metbannertab .vc_tta-panel.metbanner .vc_tta-panel-title > a:before {
    background-image: url(http://www.geels.nl/wp-content/themes/total-geelsenco/img/bekijk-de-actie.png);
    background-size: 110px auto;
    display: inline-block;
    width: 110px;
    height: 56px;
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    bottom: 15px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    
}


html body.wpex-responsive .container.products .top_of_section .maintitle {
    padding-left: 0px;
    padding-right: 0px;
}

}


@media only screen and (max-width: 325px) {
	h4.vc_tta-panel-title {
        font-size: 12px;
    }
    
    
}	




/* !ARVEE OPTIMALISATIE MOBIEL 22-06-2022 */

.page-template-page-md-productlp .variations .var .extension {
  /* display: block !important; */
}


@media only screen and (min-width: 450px) {
    .topbar-cart-link {display: none;}
}
  

@media only screen and (max-width: 450px) {
  
  #top-bar #top-bar-content, #top-bar .top-bar-menu {
      width: 100% !important;
  }
  .sidr-class-woo-menu-icon, .sidr-class-woocommerce, .mobile-toggle-nav-ul li.woo-menu-icon {
      display: inline-block !important;
  }
  .sidr #searchform-header-replace-close, .sidr .nav-arrow, .sidr-class-wcmenucart, .sidr-class-nav-arrow, .sidr-class-search-toggle-li, #sidr-id-searchform-dropdown {
      display: inline-block !important;
  }
  
.boxed-main-layout #outer-wrap {
      padding: 0;
  }

:root, .boxed-main-layout.wpex-responsive #wrap {
      --wpex-container-width: 100% !important;
  }

  .wpex-row .span_1_of_4 {
      width: 50% !important;
  }
  .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-category__title {
      font-size: 14px !important;
  }
  .woocommerce .products .product {
      min-height: 260px;
  }
  
  .woocommerce-info .button {
    float: left;
    margin-top: 10px !important;
  }
  
  
  .woocommerce-page div#content-wrap {
      display: flex;
      flex-direction: column;
  }
  
  .woocommerce-page aside#right-sidebar {
      order: 1;
      -webkit-order: 1;
  }
  .woocommerce-page div#primary {
      order: 2;
      -webkit-order: 2;
  }
  #sidebar {
      padding: 20px 0 0 0 !important;
  }
  .woocommerce #primary {
      padding-bottom: 40px;
      margin-top: 0px;
  }
  .sidebar-box {
      margin-bottom: 10px;
  }
  .terugshop {
    margin-top: 16px;
  }
  
  #top-bar-wrap {
      height: 42px;
  }
  
  .topbar-cart-link {
    float: right;
    position: relative;
    padding-right: 10px;
  }
  .topbar-cart-link:before {
      content: "\f07a";
      font-family: "FontAwesome";
      font-weight: normal;
      font-style: normal;
      letter-spacing: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      font-size: 17px;
      top: -1px;
      position: absolute;
      right: 24px;
      color: #000;
  }
  
  
  
  
  /* CHECKOUT */
  
  .single-page-content .woocommerce .woocommerce-checkout .col2-set .col-1 {
      float: left;
      width: 100% !important;
  }
  
  .single-page-content .woocommerce .woocommerce-checkout .col2-set .col-2 {
      float: left;
      width: 100% !important;
  }
  
  .single-page-content .woocommerce table.shop_table.woocommerce-checkout-review-order-table {
      float: right !important;
      width: 100% !important;
  }
  
  .single-page-content .woocommerce-checkout-payment {
      float: right;
      width: 100% !important;
  }
  
  h3#order_review_heading {
    float: right;
    width: 100%;
    margin-top: 0;
    background-color: #fff;
  }
  .woocommerce-checkout-review-order-table td.product-name {
    width: 100%;
  }
  .woocommerce-checkout a.button {
    margin: 0;
    float: left;
  }
  
  
}  



/* !ARVEE OPTIMALISATIE 10-09-20252 */
.fancybox-infobar,
.fancybox-infobar span {
  color: #fff !important;
}
.fancybox-button svg path {
    fill: #fff !important;
}
.fancybox-button {
    background: rgb(0 0 0 / 60%) !important;
}
.fancybox-button--close span {
  font-weight: 900;
  color: #fff;
}

/* standaard: toon video, verberg afbeelding */
#background-video {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* op mobiel: verberg video, toon afbeelding */
@media (max-width: 768px) {
  #background-video {
    display: none;
  }
  
 .home .container.header {
    background-image: url(https://geels.nl/wp-content/uploads/2020/08/home-header.jpg);
    background-size: contain;
   }
}