body {width: 100vw;overflow-x:hidden; position: relative; font-size: 16px; line-height: 22px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; font-weight: 400; color: #000; background: #fff; margin: 105px 0px 0px 0px; }
* {box-sizing: border-box;}
strong{font-weight: 600;}
*:focus {outline: none !important;}

.row.show_mobiel{display: none !important;}
.extra_mobiel{display: none !important;}
a{color:#002857;  }

a.button, .woocommerce a.button, .wpcf7-submit{text-transform: uppercase; position: relative; margin: 0 10px; cursor: pointer; text-decoration: none;transition: all .3s;border: 1px solid #002857;  background-color:#002857; display: inline-block; padding: 10px 40px; color:#fff; font-size: 12px; line-height: 24px; font-weight: 600;}
a.button:hover, .woocommerce a.button:hover, .wpcf7-submit:hover{background: #7998ac;}

a.button.diap_button{color:#002857;  background-color:transparent;}
a.button.diap_button:hover{color:#fff;  background-color:#002857;}







h1{font-weight: 600; font-size: 34px; line-height: 40px; color: #002857; margin: 0px 0px 20px;}
h2{font-weight: 600; font-size: 30px;  line-height: 36px; color: #002857;  margin:  0px 0px 20px;}
h3{font-weight: 600; font-size: 30px;  line-height: 36px; color: #002857;  margin: 0px 0px 20px; }
h4{font-weight: 600; font-size: 22px;  line-height: 38px; color: #002857;  margin: 0px 0px 20px; }
h5{font-weight: 600; font-size: 22px;  line-height: 38px; color: #002857;  margin: 0px 0px 20px; }

p {margin-top: 0px; margin-bottom: 15px}


/*Header*/

.header{display: block; width: 100%; position: fixed; left: 0px; top: 0px; background: #ffffff; height: 105px; z-index: 6;}
.header_wrapper{max-width: 1676px; margin: 0 auto; padding: 0 15px;}
.header:after{display: table; content:""; clear: both;}
.main_nav{display: inline-block; width: 100%; float: left; text-align: right;  }

.logo {font-size: 0px;display: inline-block; background: url(../images/charly_wines_logo.png) no-repeat; background-size: contain; margin-top: 34px;width: 280px; height: 38px; float: left;}
.main_nav ul{list-style: none; margin: 0px; padding: 0px; font-weight: 400; display: inline-block; vertical-align: top; margin-right: 60px; margin-top: 36px;}
.main_nav>ul>li:nth-child(1){margin-left: 0px;}
.main_nav>ul>li{display:inline-block; margin-left: 30px; vertical-align: top; position: relative; text-transform: uppercase;}
.main_nav>ul>li>a{text-decoration: none; font-size: 16px; }
.main_nav .current-menu-item>a {text-decoration: underline;}



.toggle_menu{display: none;}


.widget_shopping_cart_content.open:before { width: 100vw; height: 100vh; opacity: 0.9;}
.widget_shopping_cart_content:before {transition: opacity 0.3s; content: ""; background-color: #333E48; width: 0; height: 0; position: fixed; left: 0; top: 105px; opacity: 0.3;}
.widget_shopping_cart_content{position: relative; top: 34px; height: 32px; width: 37px; display:inline-block; margin-right: 8px;}
.widget_shopping_cart_content .total.item-count{position: relative; cursor: pointer; height: 32px; width: 37px; background: url(../images/cart_mini.png) no-repeat center top; background-size:contain; margin: 0px; line-height: 0px;}
.widget_shopping_cart_content .total.item-count a{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; text-decoration: none; }
.widget_shopping_cart_content .total.item-count span{position: relative; font-size: 14px; padding-top: 21px; text-align: center; display: block;}

.widget_shopping_cart_content .minicart_panel{padding: 30px; transition: all 0.5s; opacity: 0;  text-align: left;display: block; position: fixed; height: calc(100vh - 105px); overflow-y: auto; background: #fff; width: 420px; max-width: 90%;  line-height: 22px;
box-shadow: -6px 30px 15px 0px rgba(0,0,0,0.2); right: -500px; top: 105px;}
.widget_shopping_cart_content.open .minicart_panel{right: 0px; opacity: 1; }
.minicart_panel .closeMiniCart{cursor:pointer;background: #fff; position: absolute; right: 4px; border-radius: 50%; width: 40px; height: 40px; display: block; text-align: center;}
.minicart_panel .closeMiniCart:hover{background:#fff;}
.closeMiniCart:before, .closeMiniCart:after  {content: ' '; z-index: 0;  opacity: 1; position: absolute; top: 9px; left: 19px; height: 18px; width: 3px; background-color: #baa898;}
.closeBar:before, .closeMiniCart:before { transform: rotate(45deg);}
.closeMiniCart:after {transform: rotate(-45deg);}

.minicart_panel .woocommerce-mini-cart__empty-message{margin-top: 30px; font-size: 14px;}

.widget_shopping_cart_content .minicart_panel::-webkit-scrollbar {width: .2em;} 
.widget_shopping_cart_content .minicart_panel::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);} 
.widget_shopping_cart_content .minicart_panel::-webkit-scrollbar-thumb {background-color: darkgrey;outline: 1px solid slategrey;}
.minicart_panel .cart_list{list-style: none; margin: 30px 0px 15px 0px !important; padding: 0px; display: block;}
.minicart_panel  h4{font-size: 22px; margin-top: 0px}
.minicart_panel  h5{font-size: 16px; text-align: left; margin-top: 80px;}
.minicart_panel .woocommerce-mini-cart-item {border-bottom: 1px solid #7998ac; padding: 15px 0px !important; position: relative;}
.minicart_panel .woocommerce-mini-cart-item a.remove_from_cart_button {display: none;}
.minicart_panel .woocommerce-mini-cart-item a:not(.remove) {width: 75%; display: inline-block; text-decoration:none; font-weight: 600; color:#002857; line-height: 20px; font-size: 14px; position: relative; padding-left: 40px; min-height: 40px; }

.minicart_panel .woocommerce-mini-cart-item  img.attachment-woocommerce_thumbnail{width: 30px; height: auto; position: absolute; left: 0px; top: 0px; border: none;}
.minicart_panel .woocommerce-mini-cart-item .quantity{width: 23%; text-align: right; font-size: 14px; font-weight: 600; display: inline-block; vertical-align: top;}

.minicart_panel .woocommerce-mini-cart__total.total {display: block; text-align: right; font-size: 18px; font-weight: 700}
.minicart_panel .woocommerce-mini-cart__total.total strong {float: left; font-size: 14px;}

.minicart_panel .woocommerce-mini-cart__buttons.buttons{text-align: left; margin-top: 30px; }
.minicart_panel .woocommerce-mini-cart__buttons.buttons a.checkout{float: right; border-radius: 0px;}
.minicart_panel .woocommerce-mini-cart__buttons.buttons a.checkout:hover{color:#fff;}
.minicart_panel .woocommerce-mini-cart__buttons.buttons a{padding: 10px 15px; margin: 0px;}
.minicart_panel .woocommerce-mini-cart__buttons.buttons a.wc-forward:not(.checkout){background-color:#fff; padding-left: 0px; padding-right: 0px; border: none; color: #333E48; text-decoration: underline;}
.minicart_panel .woocommerce-mini-cart__buttons.buttons a.wc-forward:not(.checkout):hover{background-color:#fff; border: none;color: #333E48; text-decoration: none;}





/*Breadcrumbs*/
.home #breadcrumbs{display: none;}
.woocommerce-checkout  #breadcrumbs, .woocommerce-cart #breadcrumbs{display: none;}
#breadcrumbs{max-width: 1100px; margin: 0 auto !important; padding-top: 30px; height: 80px; font-size: 11px; font-weight: 400;}
#breadcrumbs a{text-decoration: none; color:#333E48;}


/*Hero image*/
.hero{display: block; width: 100%; color:#fff;}
.hero ul {list-style: none; margin:0px; padding: 0px;}
.hero ul li{position: relative; overflow:visible}
.hero .hero_mobile{display: none;}
.hero ul li>p img{width: 100%; height: auto;}
.hero.groot ul li>p{width: 100%; max-height: calc(100vh - 105px); overflow: hidden;  margin: 0px;}
.hero.klein ul li>p{width: 100%; max-height: 450px; overflow: hidden;  margin: 0px;}
.hero.groot ul li .message{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;}
.hero.klein ul li .message{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;}
.hero .message_wrapper{position: relative; width: 100%; max-width: 1676px; margin: 0 auto;  height: 100%; display: flex; align-items: center; padding: 0px 15px}


.hero .message_wrapper .text{width: 30%; font-weight:600;}
.hero .message_wrapper .text>div{display: inline-block;}
.hero-heading{color:#7998ac; display: block; width: 100%; text-align: center; font-size: 34px; line-height: 40px;  padding: 10px 0px 10px 0px;}
.hero-heading p{margin: 0px;}
.hero-heading:after{content:""; display: block; width: 72px; height: 2px; margin: 20px auto; background-color: #7998ac}
.hero-caption{display: block; width: 100%; text-align: center; color:#b8a898; font-size: 20px; line-height: 26px; }
 
 .hero .button{background-color:#7a98ac; color: #002857; line-height: 24px; display: inline-block;     font-size: 14px;
    margin-top: 26px;}

/*Grid*/

  #main_content, .single-product .extra_rows{ max-width: 1100px; width: 100%; margin: 0 auto; position: relative}
 .single-product #main_content{width: 100%; max-width: 100%;}
 .single-product .product.type-product{ max-width: 1100px;  margin: 0 auto; }
 #main_content:after{content:""; display: table; clear: both;}


.grid-row{position: relative; z-index: 2;}

.row{display: block; position: relative; margin-bottom: 0px; }
.row.bgcolor:before{content:""; width: 100vw; height: 100%;  position: absolute;  left: calc(-50vw + 50%); top:0; z-index: -1;}
.row.blauw:before{background-color:#f3f4f5;}



.top_geen{padding-top: 0px}
.top_klein{padding-top: 30px}
.top_groot{padding-top:80px}
.bottom_geen{padding-bottom: 0px;}
.bottom_klein{padding-bottom: 30px;}
.bottom_groot{padding-bottom: 80px;}
.row:after{content:""; display: table; clear: both;}
.col{float: left; position: relative;}
.col-2{width: 12.5%;}
.col-3{width: 25%;}
.col-4{width: 33%;}
.col-6{width: 50%;}
.col-8{width: 75%;}
.col-12{width: 100%;}

.video-container {position:relative; padding-bottom:56.25%;	height:0;	overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {	position:absolute;	top:0;	left:0;	width:100%;	height:100%;}

/*titel*/
.row.titel{max-width: 900px; margin: 0 auto}
.links{text-align: left;}
.rechts{text-align: right;}
.centreren{text-align: center;}
.titel_kop:after{content:""; display: block; width: 72px; height: 2px; margin: 20px auto; background-color: #002857}
.titel_intro {font-weight: 600; color:#baa898; display: block;  margin: 0 auto }



/*Foto blokken*/

.fotoblok{width: 100%; display: block;  position: relative;}
.fotoblok:after{display: table; content: ""; clear: both;}
.fotoblok .left,.fotoblok .right {position: relative; float: left; width: 50%; float: left; overflow: visible;}
.fotoblok.rechts .left{padding-top: 180px;}
.fotoblok.rechts .left .image img{z-index: 2;}
.fotoblok.rechts .right .image img{left: -20px;}

.fotoblok.links .right{padding-top: 180px;}
.fotoblok.links .left .image img{left: -20px;}
.fotoblok.links .right .image img{z-index: 2;}

.fotoblok .image img{display: block; width: calc(100% + 20px); height: auto; position: relative;}
.fotoblok .image p{margin: 0px;}
.fotoblok .content_meta{color:#b8a898; font-weight: 600; padding:30px 30px 0px 50px  ; text-align: left; font-size: 30px;  line-height: 36px; }
.fotoblok.links .content_meta{ padding:30px 50px 0px 30px ;}


/*fotoblok B*/

.fotoblokb .content{position: relative; display: flex; justify-content: center; align-items: center;  height: 100%;}
.fotoblokb .content .left {width: 50%; padding-right: 35px; }
.fotoblokb .content .right {width: 50%; padding-left: 35px; }
.fotoblokb .content .content_meta{margin: 0 10%;}
.fotoblokb .content .image p{margin: 0px;}
.fotoblokb .image img{display: block; width: 100%; height: auto;}
.fotoblokb h1,.fotoblokb h2,.fotoblokb h3,.fotoblokb h4{ font-weight: 600; font-size: 34px; line-height: 40px; margin: 0px;}
.fotoblokb h1:after,.fotoblokb h2:after,.fotoblokb h3:after,.fotoblokb h4:after {content: ""; display: block; width: 72px; height: 2px; margin: 20px 0px; background-color: #002857;}


/*wysiwyg*/
.row.wysiwyg{max-width: 900px;margin: 0 auto;}

/*dubbele wysiwyg*/
.row.dubbele_wysiwyg{ display: flex;}
.row.dubbele_wysiwyg .col{flex: 1; padding: 0px 20px 0px 0px}
.row.dubbele_wysiwyg .col:nth-child(2){padding: 0px 0px 0px 20px}
.row.dubbele_wysiwyg .col:before{content: ""; z-index:-1; position: absolute; width: 50vw; height: 100%; background: inherit; top: 0px; left: calc(-50vw + 50%); }
.row.dubbele_wysiwyg .col:nth-child(2):before{left: 0px;}
.row.dubbele_wysiwyg .col img{max-width: 100%; height: auto;}



img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}







/*zoekresultatn*/
.searchitems {max-width: calc(1400px + 40px); margin: 0 auto; display: flex; flex-wrap:wrap; }
.searchitems .searchitem{width: 25%; float: left;  padding:40px 20px; font-weight: 400; }
.searchitems .searchitem p{margin: 0px;}
.searchitems .searchitem img{display: block; margin-bottom: 10px;}
.searchitems .searchitem h4{font-size: 14px; margin: 0px; font-weight: 600;}
.searchitems .searchitem h3{font-size: 18px; line-height: 22px;}
.searchitems .searchitem .flat_button{margin: 0px;}

/*pagina links*/
.wp-prev-next {display: block; text-align: center;}
.wp-prev-next a{margin: 0 10px; text-decoration: none; transition: all .3s; background-color:#002857; border: 1px solid #002857; display: inline-block; padding: 10px 40px; color:#fff; font-size: 12px; line-height: 24px; font-weight: 600;}
.wp-prev-next a:hover{background-color:#7998ac; border: 1px solid #002857;}


/*knoppen*/
.knoppen_wrapper a{ font-size: 14px; margin-top: 10px; margin-bottom: 10px;}











/*Nieuwsoverzicht*/

.nieuwsoverzicht_cats{display: block; width: 100%; text-align: center; margin-bottom: 20px;}
.nieuwsitem_short{position: relative; }
.nieuwsitem_short h3{}
.nieuwsoverzicht h3, .nieuwsoverzicht_volledig h3{display: inline-block; position: relative; transition: all 0.2s; font-weight: 600; font-size: 19px; line-height:24px; }
.nieuwsitem_short:hover h3:before{content: "";  position: absolute; height: 100%;  left: -4px; right: -4px; top: 0px; z-index: -1; background-color: #BBD2DC;  }
    
.nieuwsoverzicht .title, .nieuwsoverzicht_volledig .title{display: block;min-height: 48px;margin-bottom: 10px; padding: 0 20px;}
.nieuwsitem_short .newsbutton{position: absolute; width: calc(100% - 40px); height: 100%; top: 0px; left: 20px;}
.nieuwsoverzicht, .nieuwsoverzicht_volledig {max-width: calc(1400px + 40px); margin: 0 auto; }
.nieuwsoverzicht_volledig .nieuwsitems_container{display: flex; flex-wrap:wrap; }
.nieuwsoverzicht .nieuwsitem_short{width: 33.33%; float: left;  padding: 0 20px; font-weight: 400; }
.nieuwsoverzicht .nieuwsitem_short img,.nieuwsoverzicht_volledig .nieuwsitem_short  img{width: 100%; height: auto; }
.nieuwsoverzicht_volledig  .nieuwsitem_short{width: 33.33%; float: left;  padding: 0 20px; margin-bottom: 40px;}
.nieuwsoverzicht .nieuwsitem_short .intro, .nieuwsoverzicht_volledig .nieuwsitem_short .intro{display: block; padding: 0px 20px 20px;}
.nieuwsoverzicht .button, .nieuwsoverzicht_volledig .button{margin-left: 20px !important}




/*contactform7*/
.wpcf7{max-width: 600px; margin: 0 auto;}
.wpcf7 p{margin: 0px;}
.wpcf7 br{display: none;}
.wpcf7 span.wpcf7-list-item{margin: 0px;}
.wpcf7 input{border: 1px solid #002857; line-height: 40px; width: 100%; font-size: 14px; text-indent: 10px; color:#002857;}
.wpcf7 input:focus,.wpcf7 textarea:focus {outline: none;}
.wpcf7 textarea{height: 100px;border: 1px solid #002857; line-height: 18px; width: 100%;font-size: 14px; text-indent: 10px; color:#002857; }

.wpcf7 input[type="checkbox"]{width: auto;}
.wpcf7 .wpcf7-submit{cursor: pointer; display: block;text-indent: 0px; font-size: 14px; width: auto; color:#fff;}
.wpcf7  label{width: 100%; margin-bottom: 30px; float: left; position: relative;}

.wpcf7  label .wpcf7-not-valid-tip{position: absolute; font-size: 11px; top: 0px; right: 0px; font-weight: 300;}
.wpcf7  .wpcf7-acceptance{margin-top: 0px;float: left; display: block;}
.wpcf7  .wpcf7-list-item-label{display: inline-block; width: 80%; vertical-align: text-top; padding-left: 10px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{border: none; background-color: #2e3038; color:#fff; padding: 20px;}
.wpcf7 form.sent .wpcf7-response-output {border: none; background-color: #000; color:#fff; padding: 20px;}






/*producten*/
.producten_wrapper {max-width: 1400px; margin: 0 auto;}



/*producten tekst*/
.producten_tekst {position: relative; display: flex;  justify-content: center;  align-items: center;   height: 100%;}
.producten_tekst .content_wrapper {width: 34%; padding-right: 60px;}
.producten_tekst .content_wrapper .content{display: block; font-weight: 600;  }
.producten_tekst .content_wrapper .button{margin: 30px 0px 0px;}

.producten_tekst .producten_wrapper {width: 66%;}
.producten_tekst .producten_wrapper ul.products{margin: 0px !important}
.producten_tekst .producten_wrapper li.product{margin-bottom: 0px !important;}
.producten_tekst .producten_wrapper li.product:after{display: none !important;}
.producten_tekst .producten_wrapper h3,
.producten_tekst .producten_wrapper .loop_description,
.producten_tekst .producten_wrapper .price,
.producten_tekst .producten_wrapper .quantity,
.producten_tekst .producten_wrapper .button {display: none !important;}



/*Woocommerce*/

.shop_sellingpoint{display: block; width: 100%; float: left; list-style: none; text-align: center; color:#baa898; background-color:#fff;margin: 60px 0px 0px; padding: 0px; position: relative; z-index: 2}
.shop_sellingpoint:after{content:"";  width: 100vw;  height: 100%; background-color:#fff; position: absolute;left: 50%;  transform: translateX(-50%); top: 0px; z-index: -1}
.shop_sellingpoint:before { content: ""; display: block; width: 72px;  height: 2px; margin: 0px auto 40px; background-color: #002857;}
.woocommerce-cart  .shop_sellingpoint{padding-bottom: 60px;}
.woocommerce  .shop_sellingpoint:before{background-color: #fff;}
.shop_sellingpoint li{width: 33%; float: left; padding: 0 5%;}
.shop_sellingpoint h4{color:#002857; margin: 0px;}
 
 
.star-rating{color: #988a56 !important;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{transition: all .3s; background-color:#002857; border-radius: 0px; display: inline-block; padding: 10px 40px; color:#fff; line-height: 24px; font-weight: 600;}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{background-color:#ead8d6;color: #333E48}
.tax-product_cat .products, .post-type-archive-product .products{max-width: 1400px; margin: 0 auto !important;}
.woocommerce div.product p.price, .woocommerce div.product span.price{color: #002857}
.woocommerce-message:before {color: #333e48;}
.woocommerce-message {border-top-color: #333e48;}



/*archive*/


.woocommerce.archive #breadcrumbs{display: none;}
.category_bottom_content{display: block; margin-top: 120px;}
.blue_bar{position: relative; height: 80px;}
.blue_bar:before{content:""; width: 100vw; height: 100%;  position: absolute;  left: calc(-50vw + 50%); top:0; z-index: -1;background-color:#002857;}
.blue_bar ul{text-align: center; margin: 0px; padding: 0px;}
.blue_bar ul li {display: inline-block;}
.blue_bar ul li a{text-decoration: none; padding-top: 44px;color:#fff; background-position: center top; background-repeat: no-repeat; height: 60px; display: block; margin: 8px 0px; width: 90px; text-transform: uppercase; font-size: 12px;}
.blue_bar ul li.red_wine a{background-image: url(../images/icons/red.png)}
.blue_bar ul li.white_wine a{background-image: url(../images/icons/white.png)}
.blue_bar ul li.rose_wine a{background-image: url(../images/icons/rose.png)}
.blue_bar ul li.sparkling a{background-image: url(../images/icons/sparkling.png)}
.blue_bar ul li.champagne a{background-image: url(../images/icons/champagne.png)}


/*Woocommerce buttons*/
ul.products .button, .woocommerce div.product form.cart .button{display: inline-block; padding:0px 20px;line-height: 40px;   border-radius: 0px; margin-top: 0px !important;  background-color: #002857; border: 1px solid #002857;}
ul.products .button:hover, .woocommerce div.product form.cart .button:hover {background: #7998ac; color:#fff;}
ul.products .button:after{display: none;}
.woocommerce div.product form.cart .button{width: 160px;}


/*Productloop*/


ul.products h3 {font-weight: 600; font-size: 18px !important; line-height: 24px; height: 24px; padding: 0px !important; overflow: hidden; text-transform: uppercase}
ul.products .loop_description{display: block; font-weight: 600; color: #baa898; padding: 10px 0px; font-size: 14px; height: 54px; overflow: hidden;}
.woocommerce ul.products li.product .price{display: block; color:#002857 !important; font-size: 16px !important; font-weight: 600; margin: 10px 0px 15px;}
.woocommerce ul.products li.product .quantity {display: inline-block;}
.woocommerce ul.products li.product .quantity .qty{height: 42px; border: 1px solid #000;}
.woocommerce ul.products li.product .added_to_cart{display: none;}
.woocommerce ul.products li.product:after{content: ""; display: block; width: 72px;  height: 2px; margin: 30px auto 30px; background-color: #002857;}


/*Single product*/
.single-product  .woocommerce-message{display: none !important}
.woocommerce.single-product div.product {margin-top: 60px;}  
.productwrapper { position: relative; display: flex; justify-content: center; font-size: 14px; line-height: 24px;}
.woocommerce div.product div.wijnhuis{ position: relative;  width: 30% !important; padding-top: 60px;}
.woocommerce div.product .woocommerce-product-gallery{width: 40% !important; padding: 0 30px;}
.woocommerce div.product div.summary{position: relative;  width: 30% !important; padding-top: 60px;}

.woocommerce div.product .wijnhuistitle {font-size: 22px;}
.woocommerce div.product .wijnhuistitle i {margin-right: 10px;}
.woocommerce div.product .product_title {font-size: 28px;}
.woocommerce div.product .product_title:after , .woocommerce div.product .wijnhuistitle:after { content: ""; display: block; width: 72px;  height: 2px; margin: 20px 0px; background-color: #002857;}
.woocommerce div.product .single_description{display: block;}
.woocommerce div.product .product_bulletpoints {display: block;}
.woocommerce div.product .product_bulletpoints .product_bulletpoint{ padding: 8px 0px;line-height: 16px; display: block; border-bottom: 1px solid #dcd3cb; color:#baa898}
.woocommerce div.product .product_bulletpoints .product_bulletpoint i{position: absolute; left: 0px; top: 4px; font-style: normal; font-size: 13px;  font-weight: 700; color:#fff; background-color: #002857; width: 8px; height: 8px; display: inline-block; border-radius: 50%; text-align: center;}
.woocommerce div.product .product_bulletpoints .product_bulletpoint span:nth-child(1){display: inline-block; width: 33%; vertical-align: top; position: relative; padding-left: 14px;}
.woocommerce div.product .product_bulletpoints .product_bulletpoint span:nth-child(2){display: inline-block; width: 67%; vertical-align: top}
.single-product .summary .price{ font-size: 22px !important; margin-top: 24px; margin-bottom: 4px; font-weight: 600; text-align: right;}
.single-product .summary .stock { text-align: right; margin-top: -10px;}
.woocommerce div.product form.cart {margin-top: 5px; float: left; width: 100%; text-align: right;}
.woocommerce div.product form.cart div.quantity {float: none; display: inline-block;}
.woocommerce div.product form.cart div.quantity input {margin-right: 6px; height: 42px;  border: 1px solid #000;}
.woocommerce div.product form.cart .button{float: right;}





.woocommerce.single-product .wine_detail{margin-top: 60px; padding: 60px 0px;display: block; float: left; background-color: #f5f5f3; width: 100%;  position: relative;}
.woocommerce.single-product .wine_detail:before{content:""; width: 100vw;  left: calc(-50vw + 50%); top: 0px; height: 100%;  background-color: #f5f5f3;     position: absolute;}
.wine_detail_map{width: 50%; margin: 0px; float: left; position: relative; z-index:2;}
.acf-map {  width: 100%; border: none; }
.acf-map:after {content: "";  display: block;  padding-bottom: 100%;}
.acf-map img {max-width: inherit !important;}
.wine_detail_map .quote{font-size: 30px; color:#7998ac; line-height: 36px; max-width: 520px; font-weight: 600; padding: 20px 80px 20px 0px; font-style: italic;}

.woocommerce.single-product .wine_detail .wine_detail_img{position: relative; z-index: 1; width: 50%; float: left; padding-top: 60px;}
.woocommerce.single-product .wine_detail .wine_detail_img p{width: 110%; position: relative; left: -10%;}
.woocommerce.single-product .wine_detail .wine_detail_img img{width: 100%; height: auto;}

.woocommerce.single-product .up-sells, .woocommerce.single-product .related {display: block; width: 100%; float: left; margin-top: 60px;}
.woocommerce.single-product .up-sells h2, .woocommerce.single-product .related h2{text-align: center;}
.woocommerce.single-product .up-sells h2:before, .woocommerce.single-product .related h2:before{ content: ""; display: block; width: 72px;  height: 2px; margin: 20px auto; background-color: #002857;}


/*Cart*/

.woocommerce-cart .woocommerce-notices-wrapper{display: none !important}
.woocommerce-cart #main_content{padding-top: 60px;}
.woocommerce-cart #main_content:before{content:"";  width: 100vw;  height: 100%; background-color:#f5f5f3; position: absolute; left: 50%; top: 0px; }
.woocommerce-cart .container:after{content: ""; display: table; clear: both;}
.woocommerce-cart .woocommerce-cart-form, .woocommerce-cart .cart-collaterals{width: 50%; float: left; }
.woocommerce-cart .woocommerce-cart-form {padding-right: 60px;}

.woocommerce-cart h1, .woocommerce-cart h2{margin-bottom: 40px;}



.woocommerce-cart .woocommerce-cart-form table{border: none;}
.woocommerce-cart .woocommerce-cart-form thead{display: none;}
.woocommerce-cart .woocommerce-cart-form table td {border-bottom: 12px solid #fff; padding: 6px; border-top: none; vertical-align: bottom; position: relative;}
.woocommerce-cart .woocommerce-cart-form table .product-thumbnail{vertical-align: top; padding: 0px; width: 60px;}
.woocommerce-cart .woocommerce-cart-form table .product-thumbnail img{width: 60px; max-width: 60px; background-color:#f1f1f1; }
.woocommerce-cart .woocommerce-cart-form table .product-thumbnail a{pointer-events:none;}
.woocommerce-cart .woocommerce-cart-form table .product-price{display: none;}
.woocommerce-cart .woocommerce-cart-form table .product-name {text-decoration: none; color:#333E48; font-weight: 600;}
.woocommerce-cart .woocommerce-cart-form table .product-subtotal{color:#333E48; font-weight: 600; font-size: 14px;}
.woocommerce-cart .woocommerce-cart-form table .qty{height: 30px; border-radius: 6px; border: 2px solid #BBD2DC;}
.woocommerce-cart .woocommerce-cart-form table a.remove {background-color:#002857; color:#fff !important; margin-bottom: 6px;}
.woocommerce-cart .woocommerce-cart-form table .actions{padding:20px 0px}

.woocommerce-cart .woocommerce-cart-form .cart_custom_subtotal{border-top:1px solid #333E48; display: block; padding-top: 20px; text-align: left;  font-weight: 600; margin-bottom: 40px;}
.woocommerce-cart .woocommerce-cart-form .cart_custom_subtotal .woocommerce-custom_price {float: right; font-weight: 700; font-size: 20px;}
.woocommerce-cart .woocommerce-cart-form .cart_custom_subtotal .inclbtw{font-size: 12px;font-weight: normal; display: block; clear: both;}
.woocommerce-cart .woocommerce-cart-form .continue_shopping{float: left; margin: 0px;}
.woocommerce-cart .woocommerce-cart-form  button[name="update_cart"] {display: none;}


.woocommerce-cart .cart-collaterals{position: relative; padding-left: 60px; }
.woocommerce-cart .cart-collaterals .cart_totals{width: 100%; max-width: 600px;}
.woocommerce-cart .cart-collaterals table.shop_table{border: none !important}
.woocommerce-cart .cart-collaterals table.shop_table td{text-align: right; }
.woocommerce-cart .cart-collaterals table.shop_table .cart-subtotal td{font-weight: 600; font-size: 20px;}
.woocommerce-cart .cart-collaterals table.shop_table a{text-decoration: none; color:#9CB4AC}
.woocommerce-cart .cart-collaterals table.shop_table .order-total td strong{font-weight: 600; font-size: 20px; font-weight: 700; font-size: 28px;}
.woocommerce-cart .cart-collaterals table.shop_table .order-total td small{display: block;}

/*Crossells*/
.woocommerce .cart-collaterals h2{font-size: 24px; line-height: 32px; margin: 8px 0px 20px;}
.woocommerce .cart-collaterals .cross-sells{width: 100%;}
.woocommerce .cart-collaterals .cross-sells .products li{width: 24% !important; margin: 0 1% 20px 0 !important; background-color:#fff; padding: 2px;}
.woocommerce .cart-collaterals .cross-sells .products li.first{clear: none !important}
.woocommerce .cart-collaterals .cross-sells .products li img{margin-bottom: 4px;}
.woocommerce .cart-collaterals .cross-sells .products li h3 {padding: 0 4px !important; font-size: 14px !important; line-height: 20px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.woocommerce .cart-collaterals .cross-sells .products li .price { font-size: 14px !important; padding: 0 4px !important; margin-bottom: 4px !important}
.woocommerce .cart-collaterals .cross-sells .products li .quantity, .woocommerce .cart-collaterals .cross-sells .products li .button {display: none;}
.woocommerce .cart-collaterals .cross-sells .products li .loop_description {display: none;}

 
 /*Checkout & Woocommerce formulieren*/

.woocommerce-checkout .woocommerce-error{width: calc(50% - 60px)}
.woocommerce-checkout .woocommerce-form-login-toggle{width: 50%; padding-right: 60px !important;}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info:before{display: none;}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info{font-size: 0px; padding: 0px; border: 0px; text-align: right; background: transparent;}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a{font-size: 14px;}
.woocommerce-checkout .woocommerce-form-login{position: relative; width: 50%; padding: 20px !important; background-color: #BBD2DC; border-radius: 0px !important; border-right: 60px solid #fff !important; margin-top: 20px !important;}
.woocommerce-checkout .woocommerce-form-login p:nth-child(1){display: none;}
.woocommerce-checkout .woocommerce-form-login p.form-row:last-of-type{width: 50%; }
.woocommerce-checkout .woocommerce-form-login p.lost_password{width: 50%; float: right; text-align: right; margin-top: -36px;}
 
.woocommerce-checkout #customer_details .woocommerce-billing-fields h3{display: none;}

.woocommerce-checkout #main_content{padding-top: 60px;}
.woocommerce-checkout #main_content:before{content:""; background-color:#e8e7e7; width: 100vw;  height: 100%; position: absolute; left: 50%; top: 0px; }
.woocommerce-checkout .container:after{content: ""; display: table; clear: both;}
.woocommerce-checkout #customer_details, .woocommerce-checkout #order_review{width: 50%; float: left; position: relative; z-index: 2}
.woocommerce-checkout  .woocommerce-form-coupon-toggle{width: calc(50% - 60px) }
.woocommerce-checkout #customer_details{padding-right: 60px;}
.woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 {width: 100%;}

.woocommerce-checkout #customer_details #billing_postcode_field, .woocommerce-checkout #customer_details #billing_phone_field{float: left; width: 47%; overflow: visible; clear: none;}
.woocommerce-checkout #customer_details #billing_city_field, .woocommerce-checkout #customer_details #billing_email_field{float: right; width: 47%; overflow: visible; clear: none;}
.woocommerce form .form-row .required{color:#9CB4AC}


.woocommerce-checkout #customer_details .create-account{margin-top: 30px;}
.woocommerce-checkout #customer_details .create-account input{position: relative; top: -1px;}

.woocommerce-checkout #customer_details  input[type="checkbox"]{width: 13px; height: 13px;}

.woocommerce-checkout .form-row.mailchimp-newsletter{padding: 0px; margin-left: 3px; margin-top: 30px; position: relative; padding-left: 30px; display: inline-block; }
.woocommerce-checkout .form-row.mailchimp-newsletter input{position: absolute; left: 0px; top: 9px;}

.woocommerce-checkout #customer_details #ship-to-different-address{font-size: 14px; font-weight: 300; margin-top: 0px;}
.woocommerce-checkout #customer_details #ship-to-different-address label{padding: 0px; margin-left: -1px; margin-top: 0px; position: relative; padding-left: 34px; display: inline-block;}
.woocommerce-checkout #customer_details #ship-to-different-address label input{position: absolute; left: 0px; top: 9px;}

.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper{padding-bottom: 40px;}
.woocommerce-checkout #order_review{padding-left: 60px;}
.woocommerce-checkout h3#order_review_heading:not(.order_review_heading){display: none;}
.woocommerce-checkout #order_review table.shop_table {border-left: none; border-right:none; border-bottom: none; border-radius: 0px; margin-top: 51px;}
.woocommerce-checkout #order_review thead{display: none;}
.woocommerce-checkout #order_review .cart_item td{border: none; font-weight: 600;}
.woocommerce-checkout #order_review .cart-subtotal th, .woocommerce-checkout #order_review .cart-subtotal td{padding-top: 40px; font-weight: 400;}

.woocommerce-checkout #order_review  ul#shipping_method li{margin: 0px;}
.woocommerce-checkout #order_review .order-total{position: relative;}
.woocommerce-checkout #order_review .order-total .includes_tax{font-weight: 400;}

.woocommerce-checkout #order_review td.product-name{padding-right: 40px; position: relative;}
.woocommerce-checkout #order_review td.product-name .product-quantity{position: absolute; right: 10px; top: 9px;}
.woocommerce-checkout #order_review .shop_table td{vertical-align: top}
.woocommerce-checkout #order_review tr.order-total .includes_tax{display: block;}
.woocommerce-checkout #order_review .vpc-cart-config, .woocommerce-checkout #order_review .vpc-edit-config-button {display: none;}
.woocommerce-checkout #order_review h5 {font-size: 20px; margin-top: 40px; margin-bottom: 20px;}

.woocommerce-checkout #order_review .woocommerce-shipping-totals.shipping th{font-weight: 400;}
.woocommerce-checkout #order_review .woocommerce-shipping-totals.shipping td .amount{font-weight: 400;}
.woocommerce-checkout #order_review .order-total th{font-size: 20px;}
.woocommerce-checkout #order_review .order-total bdi{font-size: 25px; font-weight: 700; padding-top: 4px; display: block;}

.woocommerce-checkout #order_review .custom_includes_tax{    margin-top: -40px;  margin-left: 14px;  display: block;}

.woocommerce-checkout #payment {background: transparent}
.woocommerce-checkout #payment ul.payment_methods { border: none; border-radius: 5px; padding: 0px;}
.woocommerce-checkout #payment ul.payment_methods li {border-bottom: 1px solid #d3ced2; padding: 9px 12px; }
.woocommerce-checkout #payment ul.payment_methods li img{margin-top: 2px;float: right;}
.woocommerce-checkout #payment div.payment_box { background-color: #BBD2DC;  color: #333E48;}
.woocommerce-checkout #payment div.payment_box::before {border: 1em solid #BBD2DC; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent;	}
.woocommerce-checkout #payment div.payment_box select{height: 30px; border-radius: 5px; border: 1px solid #333E48; color:#333E48; width: 100%;}
.woocommerce-checkout #payment div.payment_box.payment_method_mollie_wc_gateway_ideal{display: none !important;}
.woocommerce-checkout #place_order{margin: 40px 0px 80px}

.woocommerce-checkout .payment_method_klarna_payments_pay_later a, .woocommerce-checkout .payment_method_klarna_payments_pay_now a{line-height: 24px !important; margin-right: 10px;}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .validate-required{padding: 0px; margin-left: -2px; position: relative; padding-left: 30px; }
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .validate-required input{position: absolute; left: 0px; top: 9px; width:13px; height: 13px;}
.woocommerce-checkout .button#place_order{}
.woocommerce-checkout .button#place_order:hover{background: #7998ac;}

.woocommerce .form-row  input.input-text{font-weight: 300;font-size: 14px; height: 30px; border-radius: 0px; border: 1px solid #e8e7e7; color:#333E48}
.select2-container--default .select2-selection--single{height: 30px;border-radius: 0px; border: 1px solid #e8e7e7; color:#333E48}

.woocommerce-checkout .yikes-mailchimp-container-1{display: none;}
.extra_checkout_notice {border-top: 1px solid #d3ced2; width: calc(100% + 2em); display: block; margin-left: -1em; padding: 1em;}

/*coupons*/
.woocommerce-checkout .woocommerce-message{width: calc( 50% - 60px) }
.woocommerce-checkout  .woocommerce-form-coupon-toggle{}
.woocommerce-checkout  form.checkout_coupon {  width: 50%; padding: 0 60px 0 0; border: none;}

.coupon_screen_wrapper{ display: block; position: fixed; width: 100vw; height: 100vh; top: 0vh; left: 0; z-index: 12;  background: rgba(0, 0, 0, 0.8);}
.coupon_screen{display: block!important; background-color:#fff; white-space: pre; width: 90vw; max-width: 800px; padding: 80px 20px 20px 20px; margin: 0 auto; position: relative; top: 80px;}
.close_coupon{display: block; cursor:pointer;background: #333E48; position: absolute; border-radius: 50%; width: 40px; height: 40px; text-align: center; top: 20px; right: 20px;}
.close_coupon:hover{background:#f79b8f;}
.close_coupon:hover:before, .close_coupon:hover:after{color:#333E48}
.close_coupon:before,.close_coupon:after  {z-index: 0;  opacity: 1; position: absolute;top: 9px; left: 19px;content: ' '; height: 22px; width: 2px; background-color: #fff;}
.close_coupon:before{transform: rotate(45deg);}
.close_coupon:after {transform: rotate(-45deg);}




/*Thank you*/
.woocommerce-order.thankyou{width: 50%; float: left; padding-right: 60px; padding-bottom: 60px;}
.woocommerce-order.thankyou ul.woocommerce-thankyou-order-details{margin: 0px; padding: 0px;}
.woocommerce-order.thankyou ul.woocommerce-thankyou-order-details .total, .woocommerce-order.thankyou ul.woocommerce-thankyou-order-details .method,.woocommerce-order.thankyou ul.woocommerce-thankyou-order-details .email{display: none;}
.woocommerce-order.thankyou ul.woocommerce-thankyou-order-details li{display: block; width: 100%; border: none; font-size: 1em; text-transform: none;}
.woocommerce-order.thankyou ul.woocommerce-thankyou-order-details li strong{display: inline-block;font-size: 1em; margin-left: 4px;}
.woocommerce-order.thankyou .woocommerce-order-details__title{display: none;}

.woocommerce-order.thankyou .woocommerce-table{border: none; border-collapse: collapse; margin-top: 40px;}
.woocommerce-order.thankyou .woocommerce-table tbody td {padding: 0px; border-bottom: 1px solid #333E48; border-top: none;}
.woocommerce-order.thankyou .woocommerce-table thead{display: none; }
.woocommerce-order.thankyou .woocommerce-table .product-name{padding-bottom: 20px; vertical-align: bottom;}
.woocommerce-order.thankyou .woocommerce-table .product-name .thumb{background-color: #f1f1f1; display: inline-block; padding: 0px; margin-top: 10px;}

.woocommerce-order.thankyou .woocommerce-table .product-name a{ padding-left: 10px;text-decoration: none; color: #333E48; font-weight: 600; display: inline-block; }
.woocommerce-order.thankyou .woocommerce-table .product-total{text-align: right; padding-bottom: 20px;vertical-align: bottom; color: #333E48; font-weight: 600; font-size: 20px; width: 60px}
.woocommerce-order.thankyou .woocommerce-table tfoot td{text-align: right;}
.woocommerce-order.thankyou .woocommerce-table tfoot td small{display: block;}
.woocommerce-order.thankyou .woocommerce-table tfoot td  .includes_tax{display: none;}
.woocommerce-order.thankyou .woocommerce-customer-details{display: none;}
.woocommerce-order.thankyou h5{font-size: 24px; margin-bottom: 30px;}
.woocommerce-order.thankyou ul.wc-item-meta{display: none;}
.woocommerce-order.thankyou .thumb img{max-width: 60px;}

.woocommerce-order.thankyou-right{position: relative; z-index: 4;width: 50%; float: left; padding-left: 60px; padding-top: 14px;}
.woocommerce-order.thankyou-right h3{font-size: 28px; line-height: 32px;}
.woocommerce-order.thankyou-right h4{margin-top: 90px;font-size: 26px; line-height: 32px;}



.insta_feed {display: block; clear: both; max-width: 1330px; margin: 0 auto;}
.insta_feed h4{font-weight: 600; font-size: 30px; line-height: 36px;  color: #002857; margin: 0px 0px 20px; text-align: center;}
#sb_instagram{ margin-left: -20px; margin-top: 40px; width: calc(100% + 40px) !important}
#sb_instagram #sbi_images{padding: 0px !important;}
#sb_instagram.sbi_col_4 #sbi_images .sbi_item{padding: 0 20px !important;}

footer{margin-top: 0px; background: #002857; color:#fff;}
footer a{color:#fff;}
footer .footer_wrapper{max-width: 1646px; margin: 0 auto; padding: 60px 20px 20px; }
footer .footer_wrapper .social_wrapper{display: block; text-align: center;}
footer .footer_wrapper .social_wrapper:after{content:""; height: 2px; width: 70px; background-color: #fff; display: block; margin: 30px auto;}
footer .footer_wrapper ul.socials{padding: 0px;}
footer .footer_wrapper ul.socials>li{font-size: 40px;float: none;display: inline-block; width: auto; padding: 0 26px; }
footer .footer_wrapper ul.socials>li a{font-size: 40px; color:#fff;}
footer .footer_wrapper .logofooter{width: 100%; max-width: 280px; height: 50px; display: block; background-image: url(../images/charly_wines_logo_white.png); background-size: contain; background-repeat: no-repeat; }
footer .footer_wrapper .logofooter img {width: 100%;}

footer .footer_wrapper .footer_nav ul{list-style: none; margin: 6px 0px 0px; padding: 0px; float: right;}
footer .footer_wrapper .footer_nav ul a{text-decoration: none; font-size: 14px; color:#fff; font-weight: 400;}
footer .footer_wrapper .footer_nav ul>li{display: inline-block; margin-left: 20px;}

footer .copyright{padding: 30px 0px; font-size: 14px;}
footer .footer_wrapper .extra_content{padding: 0 20px; font-style: italic;}