/*
Theme Name: Yooker Theme
Template: Impreza
Version: 1.0.0
Author:	Yooker
Theme URI: https://yooker.nl
Author URI: https://yooker.nl
*/

@import url("./forms.css");
@import url("./responsive.css");

:root { /* Deze aanpassen naar klantkleuren */
    --main-color: #88BD23;
	--secondary-color: #008B39;
	--tertiary-color: #000;
	--border-radius: 0.5rem;
}

main {
	contain: paint;
}


/* Algemeen */
.w-separator.size_small { height: 1rem !important; }
.w-separator.size_medium { height: 2rem !important; }
.w-separator.size_large { height: 4rem !important; }
.w-separator.size_huge { height: 8rem !important; }


/* Home banner */
#home-banner > .l-section-img{
	width: 40%;
	margin-left: 60%;
}

/* Single Blog */
.blog-cat a {
	border: solid #ffffff8f 1px;
    border-radius: 50px;
    padding: 4px 20px;
}
.et_pb_post_content_0_tb_body.et_pb_post_content .scriptlesssocialsharing a {
	color:#111 !important;
	background-color:transparent !important;
	border:solid #00000014 1px;
	margin-left:-1px;
	padding:14px !important;
}
.et_pb_post_content_0_tb_body.et_pb_post_content .scriptlesssocialsharing a:before {
	font-size:17px !important;
}
.et_pb_post_content_0_tb_body.et_pb_post_content .scriptlesssocialsharing a:hover {
	background:#111 !important;
	color:#fff !important;
	border-color:#111 !important;
}
.scriptlesssocialsharing__heading {
	font-size:18px !important;
}
.scriptlesssocialsharing:first-child .scriptlesssocialsharing__buttons {
	margin-bottom:35px;
}
.et_pb_post_content p:not(.has-background):last-of-type {
	margin-bottom:35px !important;
}


/* Scrollbar */
body::-webkit-scrollbar {
    width: 1em;
}
body::-webkit-scrollbar-track {
    background:#fff;
}
body::-webkit-scrollbar-thumb {
  background-color: var(--main-color);
}


/* privacy pagina */
.no-touch .w-tabs-section-header{
	font-weight: bold;
}

/* Cookie Banner */
.seopress-user-consent {
	font-size: 1rem !important;
	padding: 0.75rem !important;
	background: #f7f7f7 !important;
	border-right: 0 !important;
}
.seopress-user-consent p a:first-child {
	content: "";
    background-image: url(/wp-content/uploads/2022/01/yooker-cookies.png);
    width: 32px;
    height: 32px;
    display: inline-block;
    background-size: cover;
    margin-bottom: -11px;
    margin-right: 13px;
}
.seopress-user-consent #seopress-user-consent-accept{
	background: var(--main-color);
    color: #fff;
    border-radius: var(--border-radius);
    padding: 0.5rem 2rem;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
	margin-left: 50px !important;
	border: none;
	cursor: pointer;
	transition: all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close {
	background: none;
    border: none;
    font-size: 13px;
    padding: 3px 20px;
    margin-top: 5px;
    font-weight: 600;
    color: #000;
	transition:all ease .3s;
}
.seopress-user-consent #seopress-user-consent-close:hover {
	border:none;
	background:none;
	color:red;
	transition:all ease .3s;
}
.seopress-user-consent p a:nth-child(2) {
	text-decoration:underline;
}
.seopress-user-consent p {
	padding-bottom:0 !important;
}

/* Footer */
footer .widget.widget_nav_menu li {
	margin-bottom: 14px !important;
}

/* Voorwaarden */
.voorwaarden .w-iconbox{
	align-items: center;
}


/* FAQ */
/* Style the buttons that are used to open and close the accordion panel */
.faq-tab .accordion {
	background-color: transparent;
	color: var(--color-content-heading);
	padding: 1rem;
	width: 100%;
	text-align: left;
	transition: ease 0.4s;
	border-bottom: solid 1px var(--color-content-border);
	font-weight: 500;
	font-size: 1.25rem;
}
.faq-tab .accordion:hover{
	background-color: var(--color-content-bg-alt);
}
.faq-tab .panel {
	padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.09, 0.52, 0.04, 1.01), padding 0.5s;
}
.faq-tab.active .panel{
	max-height: 10000px;
	padding: 18px;
}
.faq-tab .accordion:after {
	content: '\f067'; 
	color: var(--color-content-heading);
	float: right;
	margin-left: 5px;
	font-family: fontawesome;
	font-size: 1.25rem;
	font-weight: 300;
	transition: ease 0.3s;
}
.faq-tab.active .accordion:after {
	transform: rotate(315deg);
}
/* FAQ big */
.faq-wrapper .faq-cat {
  margin-bottom: 2.5rem;
}
.faq-wrapper{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.faq-wrapper .faq-cat {
    max-width: 48%;
}
.faq-wrapper .faq-big_title {
    padding-bottom: 1rem;
}

#img_gallery_carousel .owl-carousel.navpos_inside>.owl-nav button {
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
    color: #fff;
    background: #88BD23;
    border: 3px solid #fff;
}

#img_gallery_carousel .owl-carousel.navpos_inside .owl-prev{
    left: -30px;
}
#img_gallery_carousel .owl-carousel.navpos_inside .owl-next {
    right: -30px;
}

.groen_visite_card:after {
    content: '';
    background: url(https://ducker.yookerdesign.nl/wp-content/uploads/2023/10/laag_1.png) no-repeat 110% -14% / 190px!important;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.5;
    filter: brightness(0) invert(1);
    z-index: 0;
}

/* tabel products eigenschappen */
.eigenschappen_table .w-post-elm-value {
	position: absolute;
	left: 55%;
}
.eigenschappen_table .post_custom_field  {
	border-bottom: 1px solid black;
}

/* tabs */
.w-tabs-item {
	border-color: var(--color-content-border);
	background: var(--color-content-border);
}
.w-tabs-item .w-tabs-item-title {
	color: #fff;
}

.w-tabs-list .active .w-tabs-item-title {
	color: var(--color-content-border) !important;
}

.w-tabs-item .active {
	background: #fff;
}

.w-tabs-item:hover {
	background: #fff !important;
	border-color: var(--color-content-border) !important;
}

.w-tabs-item:hover .w-tabs-item-title{
	color: var(--color-content-border) !important;
}

.w-tabs-list {
	background: var(--color-content-border) !important;
}

/* footer header menu */
.w-tabs-section-header:hover .w-tabs-section-title,
.w-tabs-section-header:hover .w-tabs-section-control {
	color: #000 !important;
}

/* table eigenschappen */
#imperial_eigenschappen {
	display: none;
}
/* product contact persoon */
.contact_dd .w-dropdown-item {
	color: var(--color-content-text);
}
.contact_person_section {
	box-shadow:0 1px 12px 0px rgba(0,0,0,0.1),
			   0 2px 1px -1px rgba(0,0,0,0.05);
}

/* Machines overzicht */
.productview_title {
	pointer-events: none;
}

/* homev2 */
.popup_btn button {
	border-color: var(--color-content-border);
}

/* banner image */
.banner_img_rechts img {
	height: 30vh;
    object-fit: cover;	
}
.banner_img_links img {
	height: calc(60vh + 1.4rem);
    object-fit: cover;	
}

/* features tab */
.features_layout .featues_afbeelding {
	width: 250px;
	height: 250px;
}
.features_layout .features_tekst {
	margin-left: 2rem;
}
 
@media only screen and (min-width: 1200px) {
#ref_carousel .owl-stage-outer:before {
    content: '';
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(41 37 36 / 80%) 18%, rgb(41 37 36) 25%);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 46%;
    z-index: 1;
}
#ref_carousel .owl-carousel.navstyle_circle .owl-nav button{
 left: 63%;   
}
#ref_carousel .owl-prev{
    display: none;
}
#ref_carousel .owl-next{
    background: #88BD23;
}
section#cta_box:before {
    content: '';
    background: url(https://ducker.yookerdesign.nl/wp-content/uploads/2023/10/group-17.png) no-repeat 0% 0% / 100% !important;
    position: absolute;
    top: -75%;
    left: 0;
    z-index: 0;
    width: 200px;
    height: 457px;
}
section#cta_box:after {
    content: '';
    background: url(https://ducker.yookerdesign.nl/wp-content/uploads/2023/10/group-17.png) no-repeat 0% 0% / 100% !important;
    position: absolute;
    bottom: -75%;
    right: 0;
    z-index: 0;
    width: 200px;
    height: 457px;
    rotate: 180deg;
}
}