/*
Theme Name: CERCO-CAFFE
Author: KB Development
Author URI: https://kb-development.nl
Template: corretto
*/

body
{
	font-size: 16px;
}

html, body, h1, h2, h3, h4, h5, h6, p, a, div, input, ul, ul li
{
	font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif !important;
}

span.wpcf7-list-item
{
	display: inline-block !important;
	margin: 0 10px 20px 0 !important;
}

.wpcf7-form
{
	margin: 20px 0;
}

span.wpcf7-not-valid-tip
{
	margin-top: -10px;
	margin-bottom: 20px;
	padding: 5px 15px;
	background: #ffe7e7;
}  

.select2
{
	min-width: 300px;
}

.eltdf-page-header .eltdf-menu-area .eltdf-logo-wrapper a
{
	max-height: 100%;
	margin-top: 30px;
	height: 150px !important;
}

.eltdf-page-header .eltdf-sticky-header .eltdf-logo-wrapper a
{
	max-width: calc(100% - 20px) !important;
	height: 100px !important;
}

.eltdf-drop-down .narrow .second .inner ul li
{
	width: auto;
	white-space: nowrap;
}

.eltdf-woo-single-page .eltdf-single-product-summary p.stock.in-stock, .eltdf-woo-single-page .eltdf-single-product-summary p.stock.out-of-stock
{
	color: #d6af67;
}

.eltdf-content
{
	z-index: 101;
}

.eltdf-page-footer .eltdf-footer-top-holder .eltdf-footer-top-inner.eltdf-grid
{
	padding: 50px 0 40px 0;
}

.eltdf-page-footer .eltdf-footer-bottom-holder .eltdf-footer-bottom-inner.eltdf-grid
{
	padding: 30px 0;
}

.eltdf-page-footer .eltdf-footer-bottom-holder .widget
{
	margin: 0;
	padding: 0;
}

.eltdf-shopping-cart-dropdown
{
	width: 600px;
}

.eltdf-woo-single-page .eltdf-single-product-content .images
{
	width: 45%;
}

.eltdf-woo-single-page .eltdf-single-product-summary
{
	width: 55%;
}

footer .widget a:hover
{
	color: #FFF !important;
}

#breadcrumb
{
	padding-top: 50px;
}

ul.products > .product .eltdf-pl-text-wrapper
{
	margin: 0 0 20px 0;
}

ul.products > .product .eltdf-product-list-title, .eltdf-shopping-cart-dropdown .eltdf-item-info-holder .eltdf-product-title, .eltdf-woo-single-page .woocommerce-tabs ul.tabs > li a
{
	font-size: 16px;
	font-weight: 700;
}

ul.products > .product .eltdf-product-list-title
{
	margin-top: 15px;
}

ul.products  > .product.product_cat-capsules .eltdf-product-list-title
{
	display: none;
}

.product .price > .amount > bdi
{
	color: #FFF !important;
	margin: 10px 0;
	display: inline-block;
}

ul.products > .product .eltdf-pl-text-wrapper .price
{
	margin-top: 0;
}

ul.products > .product .eltdf-pl-text-wrapper .price .description
{
	font-size: 15px;
	height: 66px; 
	line-height: 22px;
	overflow: hidden;
	margin: 0;
	display: -webkit-box;
	line-clamp: 3;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

ul.products > .product .eltdf-pl-text-wrapper .price .description.open
{
	display: block;
	height: 100%;
	line-clamp: none;
	-webkit-line-clamp: none;
}

ul.products > .product .eltdf-pl-text-wrapper .price .read_more
{
	display: inline-block;
	font-size: 15px;
	line-height: 22px; 
	color: #d6af67;
	margin-bottom: 15px;
	cursor: pointer;
}

.product:not(.product_cat-kleding ) .variations_form, .product_meta, .woocommerce-MyAccount-content .woocommerce-message
{
	display: none !important;
}

.woocommerce-ordering, .woocommerce-result-count, .summary .woocommerce-product-details__short-description p
{
	margin-bottom: 20px !important;
}

.woocommerce.widget_price_filter .price_slider_amount .button, .widget.woocommerce.widget_price_filter .price_slider_amount .price_label
{
	float: none !important;
	display: block !important;
	margin: 0 auto !important;
	text-align: center;
}

.product:not(.product_cat-kleding ) .variations_form
{
	margin: 0 !important;
}

#shipping_method input[type='radio']
{
	margin-right: 5px !important;
}

.eltdf-woocommerce-page.woocommerce-order-received .woocommerce ul.order_details li strong
{
	color: inherit;
}

.add_cart
{
	margin-bottom: 10px;
	display: inline-block;
	font-size: 15px !important;
	box-sizing: border-box;
	border: 1px solid #656565;
	padding: 8px 0;
	transition: .3s;
	width: 100%;
	background: #FFF;
	text-align: center;
}

.add_cart:hover
{
	border-color: #d6af67;
	color: #d6af67;
	transform: scale(1.05);
	box-shadow: 2px 2px 4px rgba(0,0,0,.2);
}

.summary .add_cart
{
	padding: 15px 5px;
}

.summary .add_cart:first-of-type
{
	margin-top: 20px;
}

.summary .add_cart i
{
	font-size: 16px !important;
}

.summary .add_to_cart
{
	display: inline !important;
}

.inc_vat
{
	font-size: 13px !important;
	color: #999;
	margin-top: 5px;
}

.machine_radio
{
	border: 2px solid #d6af67;
	border-radius: 4px;
	font-size: 16px;
	padding: 15px 5px;
	transition: .5s;
	background: #FFF;
	text-align: center;
	display: block;
	margin: 20px;
	cursor: pointer;
}

.reset_variations
{
	display: none;
}

.machine_radio:hover
{
	background: #d6af67;
	color: #d6af67;
	transform: scale(1.1);
	box-shadow: 2px 2px 4px rgba(0,0,0,.3);
}

.machine_radio.active
{
	border-color: #d6af67;
	background: #d6af67;
}

.machine_radio img
{
	max-height: 200px;
	width: auto;
}

.machine_radio.active h5, .machine_radio:hover h5
{
	color: #181818 !important;
	font-size: 18px;
}

.machine_radio .eltdf-icon-font-elegant
{
	margin-left: 10px;
}

.machine_radio .eltdf-btn
{
	color: #d6af67 !important;
	background-color: #262626 !important;
	border: 2px solid #d6af67;
}

.machine_radio.active .eltdf-btn, .machine_radio:hover .eltdf-btn
{
	background-color: #FFF !important;
}

.machine_radio:not(.active) .eltdf-icon-font-elegant, .machine_radio .wpcf7-list-item
{
	display: none !important;
}

select.contract_period option
{
	background-color: #d6af67 !important;
}

.woocommerce .eltdf-new-product:before
{
	border-color: transparent #d6af67 transparent transparent;
}

@media(min-width: 768px)
{
	h1.eltdf-page-title.entry-title
	{
		font-size: 54px;
	}

	.summary .add_cart
	{
		width: calc(50% - 5px);
	}

	.summary .add_cart:nth-child(odd)
	{
		margin-right: 10px;
	}
}

/* Vincent */

p {
	font-weight:400;
}

a, p a {
	color: #d4d4d4;
}
ul.products>.product .price  {
	color:#d4d4d4;
}

.select2-container--default .select2-results__option {
	cursor: pointer;
	color:#181818;
}

.eltdf-woocommerce-page table.cart thead tr th, mark {
	color: white;
	background: none;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	color:black;
}

input[type="text"]::placeholder, input:-webkit-autofill {
	color: white;
	-webkit-text-fill-color: white;
	opacity: 1;
}

.mobile_arrow {
	color: black;
}

.woocommerce-button {
	display:block!important;
	float:left;
	clear:left;
	padding:16px 12px!important;
	margin-bottom:12px!important;
	margin-right:8px!important;
	white-space: nowrap!important;
	background-color: #181818!important;
	border: 2px solid #d6af67!important;
	color: #d6af67!important;
}
.woocommerce-button:last-of-type {
	margin-bottom:0!important;
}

@media screen and (max-width:880px) {
	.woocommerce-orders-table thead {
		display:none!important;
	}
	.woocommerce-orders-table__cell {
		display:block!important;
		float:left;
		width:25%!important;
	}
	.woocommerce-orders-table__cell:last-child {
		width:100%!important;
	}
	.woocommerce-button {
		clear:none;
	}
	.woocommerce-orders-table__row {
		border-top:2px solid #d6af67!important;
		border-bottom:2px solid #d6af67!important;
	}
	.woocommerce-orders-table__row td:first-child {
		font-weight:bold;
	}
}

@media screen and (max-width:680px) {
	.woocommerce-orders-table__cell {
		display:block!important;
		float:left;
		width:50%!important;
	}
}

.eltdf-shopping-cart-dropdown {
	max-width: 90vw;
}

.eltdf-btn, .eltdf-btn.eltdf-btn-solid, #submit_comment, .post-password-form input[type=submit], input.wpcf7-form-control.wpcf7-submit {
	background-color: #181818;
	border: 2px solid #d6af67;
	color: #d6af67;
}

.eltdf-content, .eltdf-paspartu-enabled .eltdf-wrapper, body, pre, .eltdf-mobile-header .eltdf-mobile-header-inner {
	background-color: #181818;
	color:#FFF;
}

.add_cart {
	color:#FFF;
	border-color:#FFF;
	background:transparent;
}
.modal p {
	color:#181818;
}
.modal .wpcf7 form.sent .wpcf7-response-output {
	color:black;
}
.modal input[type="text"], .modal input[type="email"], .modal input[type="tel"], .modal textarea, .modal .wpcf7-form-control.wpcf7-select {
	background: #181818!important;
	font-size:16px!important;
	font-weight:400!important;
	resize:none;
}

.eltdf-content {
	background-color: #181818;
	background-image: url('/wp-content/themes/corretto-child/img/cloudpattern.png');
	background-size:100% auto!important;
	background-repeat:repeat-y!important;
	background-position:top center!important;
}


.wpb_widgetised_column .widget .eltdf-widget-title-holder .eltdf-widget-title,
aside.eltdf-sidebar .widget .eltdf-widget-title-holder .eltdf-widget-title,
.wpb_widgetised_column .widget ul li a,
aside.eltdf-sidebar .widget ul li a, 
aside.eltdf-sidebar .widget,
.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span,
.eltdf-woo-single-page .woocommerce-tabs table th,
.woocommerce-page .eltdf-content input[type=email], .woocommerce-page .eltdf-content input[type=tel], .woocommerce-page .eltdf-content input[type=password], .woocommerce-page .eltdf-content input[type=text], .woocommerce-page .eltdf-content textarea, div.woocommerce input[type=email], div.woocommerce input[type=tel], div.woocommerce input[type=password], div.woocommerce input[type=text], div.woocommerce textarea, #respond input[type=text], #respond textarea, .eltdf-style-form textarea, .post-password-form input[type=password], .wpcf7-form-control.wpcf7-date, .wpcf7-form-control.wpcf7-number, .wpcf7-form-control.wpcf7-quiz, .wpcf7-form-control.wpcf7-select, .wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea, input[type=text], input[type=email], input[type=password], 
.eltdf-woocommerce-page.woocommerce-account .woocommerce form.edit-account fieldset>legend, .eltdf-woocommerce-page .cart-empty, .eltdf-woo-single-page .eltdf-single-product-summary .eltdf-quantity-buttons span.eltdf-quantity-minus, .eltdf-woo-single-page .eltdf-single-product-summary .eltdf-quantity-buttons span.eltdf-quantity-plus {
	color: #FFF !important;
}

.summary .cups {
	background:transparent;
	border:1px solid #d4d4d4;
}
.summary .cups:hover {
	transform:scale(1.05);
}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
	-webkit-box-shadow: 0 0 0 30px #181818 inset !important;
	-webkit-text-fill-color: white !important;
}

.wpcf7-response-output {
	background-color:#181818!important;
	color:white!Important;
}


/*videoheader style */
.herocontainer {
	width:100%;
	display:block;
}

.video_text {
	width: 100%;
	max-width: calc(700px + 40%);
	margin: 0 auto;
	padding: 5% 20%;
	box-sizing: border-box;
}
.videohero {
	position: relative;
	min-height: 25vh;
	height:auto;
	padding: 120px 0 200px 0;
	width:100%;
	margin-bottom:-150px;
	overflow: hidden;
	display: block;
	background-color: #181818;
	text-align:center;
}
.eltdf-title-holder {
	margin-bottom:-40px
}
.videohero::before, .eltdf-title-holder::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:4;
	pointer-events:none;
	background-image: url('/wp-content/themes/corretto-child/img/cloudpattern.png');
	background-size:100% auto!important;
	background-repeat:repeat-y!important;
}

@media screen and (max-width:1020px) {
	.videohero {
		padding: 100px 0;
		margin-bottom: -100px;
	}
	
	.video_text {
		max-width: inherit;
	}
}

@media screen and (max-width:780px) {
	.videohero {
		padding:0;
		margin-bottom:0;
	}
	.eltdf-title-holder {
		margin-bottom:0;
	}
	.video_text {
		width: 100%;
		padding: 5%;
		margin-bottom:25px;
		max-width: inherit;
	}
}

.herocontainer {
	max-width:1300px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.videohero .herocontainer {
	position: relative;
	z-index: 4;
}

.videohero p {
	display:block;
	font-weight: 300;
}
.videohero .video-bg {
	height: 100%;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 70%;
	z-index: 0;
}
.videohero .video-bg video {
	position: absolute;
	left:50%;
	top:50%;
	transform: TranslateX(-50%) translateY(-50%);
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
}
.videohero .video-bg video.viddesk {
	display:block;
}
.videohero .video-bg video.vidmobile {
	display:none;
}

.videohero .video-bg::after, .eltdf-title-holder::after {
	content:'';
	position:absolute;
	bottom:-1px;
	right:-1px;
	width:140%;
	height:140%;
	background: rgb(24,24,24);
	background: radial-gradient(rgba(24,24,24,0) 0%, rgba(24,24,24,0.3) 35%, rgba(24,24,24,0.5) 45%, rgba(24,24,24,0.8) 55%, rgba(24,24,24,1) 65%, rgba(24,24,24,1) 100%);
	pointer-events:none;
	z-index: 3;
}
.eltdf-title-holder::after {
	right:50%;
	transform:translateX(50%);
	height:120%;
}
.eltdf-title-wrapper {
	position:relative;
	z-index:5;
}
.widget.woocommerce.widget_product_categories ul li
{
	margin: 0 0 5px 15px !important;
	padding: 0 !important;
}

@media screen and (max-width:780px) {
	.videohero .video-bg {
		width:100%;
		padding-top:56.25%;
		height:0;
		position: relative;
	}
	.videohero .video-bg video {
		width:100%;
		height:100%;
		transform:none;
		left:0;
		top:0;
	}
}

@media screen and (max-width:480px)
{
	.videohero .video-bg video.viddesk
	{
		display:none;
	}
	.videohero .video-bg video.vidmobile
	{
		display:block;
	}
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 20% auto; /* 15% from the top and centered */
  padding: 25px;
  border: 1px solid #333;
  width: 80%; /* Could be more or less, depending on screen size */
  max-width: 500px;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 35px 35px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.modal-content h1, .modal-content h2, .modal-content h3
{
	font-size: 26px;
	color: #d6af67;
	margin-bottom: 15px;
}

.modal-content li::marker
{
	color: #d6af67;
}

/* The Close Button */
.modal-close {
  color: #d6af67;
  float: right;
  font-size: 34px;
  font-weight: bold;
}

.modal-close:hover,
.modal-close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}