/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}
.collection-card-text a, .collection-card-text a:hover  {
	color: white;
}

.page-id-13370 .wpcf7-response-output {
    display: none;
}

.onsale {
	background-color: #e66c7c !important;
}

ins bdi {
	color: #e66c7c;
	font-weight: bold;
}

/* Retouren formulier custom styling */

#ezfc-form-7 input[type="text"], #ezfc-form-7 input[type="email"], #ezfc-form-7 input[type="tel"] {
	border-radius: 5px;
	height: 2rem;
	color: #333;
	font-weight: 500;
}

#ezfc-form-7 input[type="submit"] {
	background: #E66C7C !important;
	margin-bottom: .6em;
}

#ezfc-form-7 .ezfc-repeatable-form-repeat-button {
	background: green !important;
	color: white;
	font-weight: 700;
	margin-bottom: .6em;
	border-radius: 5px;
}

#ezfc-form-7 .ezfc-repeatable-form-remove-button {
	background: red !important;
	color: white;
	font-weight: 700;
	margin-bottom: .6em;
	border-radius: 5px;
}

#ezfc-form-7 .ezfc-repeatable-form-repeat-button i{
	margin-right: 5px;
}

/* Einde retouren formulier custom styling */


/* Gratis kleurpakket aanvragen custom styling */

#ezfc-form-6, #ezfc-form-10 {
	border-radius: 5px
}

#ezfc-form-6 .ezfc-required-notification, #ezfc-form-10 .ezfc-required-notification {
	display: none;
}

#ezfc-form-6 span.ezfc-required-char, #ezfc-form-10 span.ezfc-required-char {
	color: #E66C7C;
}

#ezfc-form-6 input[type="text"], #ezfc-form-6 input[type="email"],
#ezfc-form-10 input[type="text"],
#ezfc-form-10 input[type="email"]{
	border-radius: 5px;
	height: 2rem;
	color: #333;
	font-weight: 500;
}

#ezfc-form-6 .ezfc-label,
#ezfc-form-10 .ezfc-label{
	font-weight: bold;
	font-size: 1.2rem;
}

#ezfc-form-6 i, #ezfc-form-10 i {
	color: #E66C7C;
}

#ezfc-form-6 .ezfc-element.ezfc-submit-wrapper, #ezfc-form-10 .ezfc-element.ezfc-submit-wrapper {
	padding: 0 1%;
}

#ezfc-form-6 p.ezfc-element-description-below-label, #ezfc-form-10 p.ezfc-element-description-below-label {
	padding: 0 .5em;
	margin-top: 0;
	margin-bottom: 5px;
	margin-top: -5px;
}

#ezfc-form-6 input:focus, #ezfc-form-6 input:visited, #ezfc-form-6 input:active, #ezfc-form-6 input:visited, #ezfc-form-10 input:focus, #ezfc-form-10 input:visited, #ezfc-form-10 input:active, #ezfc-form-10 input:visited {
	border: none !important;
	border: 1px solid #e8e8e8 !important;
}

#ezfc-form-6 #ezfc-submit-6, #ezfc-form-10 #ezfc-submit-10 {
	background: #E66C7C !important;
	width: 100%;
	margin-bottom: .6em;
}

@media only screen and (max-width: 420px) {
  #ezfc-form-6 .ezfc-element.ezfc-submit-wrapper,   #ezfc-form-10 .ezfc-element.ezfc-submit-wrapper {
    font-size: .8rem !important;
  }
}

/* Einde gratis kleurpakket aanvragen custom styling */

.mobile-header-account-icon-wrapper .vc_icon_element {
	margin-bottom: 0 !important;
}

/* Product review */
.woocommerce .commentlist img.avatar {
	position: static !important;
}

/* No-Yellow Pagina */

.no-yellow-icon i {
	color: #afc700;
}


/* WPML Language switcher */
.wpml-ls-native {
	color: #333;
	font-weight: 500;
}

/* Bingo template styling */
.postid-10352 nav.woocommerce-breadcrumb, 
.postid-10352 .product_meta, 
.postid-10352 section.related.products, 
.postid-10352 .woocommerce-tabs.wc-tabs-wrapper{
	display: none !important;
}

.single-product table.variations td.label {
    display: block;
}
.single-product table.variations td.value {
    display: inline-block;
}

#kis-bingo-header h1 {
	text-shadow: 0 0 3px #ec687a;
}

#bingo-faq .vc_toggle_active .vc_toggle_title h5{
	color: #ec687a !important;
	font-weight: 700;
}

#bingo-faq .vc_toggle_active {
	background-color: #f6f6f6;
	padding: 10px;
}

#bingo-faq .vc_toggle_active a {
	color: #ec687a;
	font-weight: bold;
}

/* Besparings calculator styling */

#ezfc-form-4 {
	border-radius: 0.3em;
	padding: 2rem !important;
}

#ezfc-form-4 .ezfc-step-title {
	background-color: #ec687a;
	color: white;
	font-weight: bold;
	margin-left: -2rem;
	margin-right: -2rem;
	margin-top: -2rem;
	border-radius: 0.2em 0.2em 0 0;
	padding: 1rem 2rem;
	font-size: 1.5rem;
	text-align: center;
}

#ezfc-form-4 input[type="text"],
#ezfc-form-4 input[type="email"],
#ezfc-form-4 input[type="tel"],
#ezfc-form-4 select{
	min-height: 1rem; 
	height: 3rem;
	font-weight: 400;
	border-radius: 0.3em;
}

#ezfc-form-4 input[type="text"]:focus,
#ezfc-form-4 input[type="email"]:focus,
#ezfc-form-4 input[type="tel"]:focus,
#ezfc-form-4 select:focus {
	border: none !important;
	color: #333;
}

#besparings-calculator-heading h1 {
	font-weight: bold;
	text-align: center;
	text-shadow: 0 0 5px gray;
}

#besparings-calculator-heading span.vc_icon_element-icon.fas.fa-angle-double-down::before {
	text-shadow: 0 0 5px gray;
}

#besparings-calculator-heading h2 {
	text-align: center;
	font-weight: 500;
}

#besparings-calculator-output {
	border: 1px solid #e8e8e8 !important;
	background-color: #f6f6f6;
}

#besparings-calculator-output #outputHeader {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	background-color: #ec687a;
	padding: 1rem;
}

#besparings-calculator-output #outputHeader .jaarlijkse-besparing {
	border-bottom: 2px solid;
}

#besparings-calculator-output #outputHeader h2,
#besparings-calculator-output #outputHeader h5 {
	color: white;
	font-weight: bold;
	padding-top: 0;
}

#besparings-calculator-output .table-wrapper {
	overflow-x: auto;
}

#besparings-calculator-output h5 {
	font-weight: bold;
	margin-bottom: 0.3rem;
}

#besparings-calculator-output .step__subheading {
	font-size: 0.9rem;
	margin-bottom: 0.3rem;
}

#besparings-calculator-output tfoot td {
	font-weight: bold;
	font-size: 1.1rem;
}

#besparings-calculator-output td, 
#besparings-calculator-output th {
	border-top: 1px solid #e8e8e8 !important;
	border-bottom: none;
}

#besparings-calculator-output .table-wrapper {
	margin-top: 1rem !important;
	background-color: #fff;
}

.step__body {
	padding: 1rem;
}

input#ezfc-submit-4 {
	background: #ec687a !important;
}

#opnieuw-berekenen-wrapper {
	padding: 1rem;
	display: flex;
  justify-content: flex-end;
}

#besparings-formulier-wrapper input[type="text"],
#besparings-formulier-wrapper input[type="tel"],
#besparings-formulier-wrapper input[type="email"],
#besparings-formulier-wrapper select{
	height: 1rem;
	font-weight: 400 !important;
}

.ezfc-besparings-calculator{
	padding: 1rem 1rem !important;
}

.ezfc-besparings-calculator h3 {
	color: #ec687a;
}

.ezfc-besparings-calculator label {
	font-weight: 700 !important;
	font-size: 1rem !important;
}

.ezfc-besparings-calculator .ezfc-step-next, input#ezfc-submit-1 {
	background-color: #ec687a !important;
	color: white !important;
	padding: 0.8em 1.8em !important;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 0.3rem;
	font-size: 1rem !important;
	line-height: 1.2;
	box-shadow: 2px 2px 0.4em  rgba(0,0,0,0.2);
}

.ezfc-besparings-calculator .ezfc-step-previous, #opnieuw-berekenen-wrapper button {
	background-color: #fff !important;
	color: gray !important;
	padding: 0.8em 1.8em !important;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 0.3rem;
	line-height: 1.2;
	box-shadow: 2px 2px 0.4em  rgba(0,0,0,0.2);
}

.step__body.mobile-besparing {
	display: none;
}

@media only screen and (max-width: 450px) {
	.step__body.no-mobile-besparing {
		display: none;
	}
	
	#besparings-calculator-output th, #besparings-calculator-output td {
		font-size: 11px !important;
		padding: .3rem .6rem !important;
	}
	
  .step__body.mobile-besparing {
    display: block;
  }
}

/* General styling */
/* 
html {
  scroll-behavior: smooth !important;
} */

.grecaptcha-badge{
	display: none !important;
}

.woocommerce-error{
	background-color: #ec687a;
	color: white;
}

@media only screen and (max-width: 767px) {
  .contact-form-row, .first-element, .second-element {
    margin-top: 1rem;
  }
	
	.contact-form-row label {
		font-weight: 500;
	}
}

/* In salon CTA styling */

.insalon-voordeel i {
	color: green;
}

/* Mijn account pagina */

.woocommerce-message{
	display: flex;
	align-items: center;
}

.woocommerce-Button.button{
	margin: 0px 10px;
}

.woocommerce-MyAccount-content a {
	font-weight: bold;
}

/* KIS Green pagina */

.owl-dot.active span{
	color: #274222 !important;
}

.kisgreen-header h3,
.kisgreen-header p{
	text-shadow: 0px 0px 15px black;
}

.kisgreen-catalogus-row h2{
	margin-bottom: 0;
	padding-top: 0.5rem;
}

.kisgreen-product-heading h4{
	margin-bottom: 0 !important;
}

.kisgreen-product-heading img{
	margin-left: 8px;
}

.kisgreen-segment-beschrijving, .kisgreen-segment-percentages{
	margin-bottom: 0.7rem !important;
}

.kisgreen-segment-row{
	margin-top: 1px !important;
}

.kisgreen-segment-row{
	box-shadow:  0 0 2px 0px #000000;
}

@media only screen and (max-width: 767px) {
  .kisgreen-segment-content-wrapper{
	align-items: center !important;
}
	.kisgreen-product-heading img{
		display: none;
	}
}


/* Checkout styling */

.woocommerce-additional-fields{
	margin-top: 1.5rem;
}

/* Side cart styling */

.xoo-wsc-items-count {
	box-shadow: 0px 0px 2px 1px gray;
}

.xoo-wsc-ft-buttons-cont a:hover{
	color: white;
}

.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn:hover{
	background-color: rgba(178, 174, 166, 0.8)
}

.xoo-wsc-ft-buttons-cont a{
	border-radius: 0.3em;
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
}

/* Account registratie styling */

.registreer-rol-titel{
	transform: translate(-50%, -50%);
}

.registreer-rol-titel{
	text-shadow: 0px 0px 10px black;
}

/* Salon locator styling */

input#wpsl-search-input{
	height: 2rem !important;
}

input#wpsl-search-btn{
	background-image: none;
	background-color: #b2aea6 !important;
	border-radius: 5px !important;
	padding: 0.5rem 1.8rem;
	font-weight: bold;
}

div#wpsl-radius, div#wpsl-results {
	display: none !important;
}

/* Posts styling */

.w-comments-title .screen-reader-text {
    position: static !important;
}

.wp-post-image{
	transition: 0.5s linear;
}

.wp-post-image:hover{
	transform: scale(1.2);
}

/* In your salon styling */ 

.salon-aanvraagform-column input[type="submit"]{
	width: 100%;
}

.salon-aanvraagform-column .wpcf7-form-control-wrap span.wpcf7-list-item{
	display: block;
	margin-bottom: 5px;
}

.salon-aanvraagform-column .wpcf7-form-control-wrap span.wpcf7-list-item input{
	margin-top: 0;
}

.wpcf7 form .wpcf7-response-output{
	margin: 0;
}

.contact-form-row.verzenden{
	padding-bottom: 1.5rem;
}

/* Header styling */


.header-account-menu .w-nav-arrow::before{
	color: #333;
}

.header-account-menu .level_1 .w-nav-title{
	color: #333;
}

.header-account-menu .level_2 .w-nav-title{
	color: #333;
}
.menu-item.level_2:hover{
	background-color: #b2aea6;
	color: #333;
}

.menu-item.level_2:hover a.level_2 .w-nav-title{
	color: #fff !important;
}

.menu-item.level_3 a{
	color: #999;
}

.menu-item.level_3 a:hover{
	color: #fff !important;
	text-decoration: underline;
}

.header-account-menu .level_2:hover .w-nav-title{
	color: white !important;
}

.header-account-menu .level_1{
	font-weight: 500;
}


@media only screen and (min-width: 768px) {  
.menu-item.level_2:hover .menu-item.level_3 a{
	color: rgba(255, 255, 255, 0.8);
}
}

@media only screen and (max-width: 992px) {
   .dgwt-wcas-ico-magnifier-handler path{
    fill: #333;
  }
}


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

}

/* Home styling */

#kisgreen-home-section span.vc_sep_holder.vc_sep_holder_l {
    box-shadow: 0px -30px 25px 10px #274222;
}

.owl-dots{
	padding-top: 0 !important;
}

#kisgreen-home-section .owl-dots .owl-dot span{
	color: white !important;
}

h1.kis-green-heading{
	text-shadow: 0px 0px 10px #000;
}

.kis-green-attributes{
	text-shadow: 0px 0px 3px #000;
}

h5.kis-green-heading{
	text-shadow: 0px 0px 5px #000;
}

.home-card{
	transition: ease 0.5s;
}

.home-card:hover{
	transform: scale(1.05);
}

.bestsellers-heading-wrapper h2,
.bestsellers-heading-wrapper h1{
	padding-top: 0;
}


.bestsellers-heading-wrapper h6{
	font-weight: 500;
}

.kis-heading-wrapper h2{
	padding-top: 0 !important;
}

@media only screen and (min-width: 768px) {
  .us_portfolio_category-kis-green .w-grid-item-h:hover{
		border-radius: 0.5rem;
		box-shadow: 0px 0px 5px 0px #fff !important;
		background-color: rgba(255, 255, 255, 0.1);
		transition: ease 0.3s;
	}
}

/* About page styling */

.our-story-voordeel i{
	color: #D2FAE0;
}

.our-story-voordeel span.w-text-value{
	color: white;
	text-shadow: 0 0 1px #000;
	font-weight: bold;
}

.ourstory-heading{
	color: white;
	text-transform: uppercase;
}

.ourstory-plusplunten-wrapper .wpb_wrapper{
	display: flex;
	justify-content: center;
}

.ourstory-plusplunten-wrapper{
	margin-bottom: 0 !important;
}

/* color page */

.color-image-links .w-grid-item-h:hover{
	box-shadow: 0px 0px 5px 1px rgba(53, 53, 53, 0.25) !important;
}

.color-image-links .w-grid-item-h{
	padding: 10px;
}

@media only screen and (max-width: 767px) {
  .bestsellers-heading-wrapper {
    justify-content: center !important;
		align-items: center !important;
  }
}

/* Begin contact pagina styling */


.page-id-7508 input, textarea{
	border-radius: 5px !important;
}

.page-id-7508 .wpcf7-form-control.wpcf7-submit{
	margin-top: 1rem !important;
	width: 100%;
}

.contact-form-row{
	padding-bottom: 15px;
}

.inline-elements-wrapper{
	width: 100%;
}

.page-id-7508 .wpcf7 label{
	font-weight: 500;
}

.first-element, .second-element{
	width: calc(50% - 13px);
	display: inline-block;
}

.second-element{
	margin-left: 20px;
}

.contact-distributor-row h4{
	margin: 0;
}

@media only screen and (max-width: 767px) {
  .first-element, .second-element{
		width: 100%
	}
	
	.second-element{
		margin-left: 0px;
	}
	
	.page-id-7508 input, textarea{
		margin-bottom: 15px;
	}
	
	.contact-form-row{
		padding-bottom: 0px;
	}
	.contact-form-column{
		padding-right: 0px;
	}
	
	.contact-form-column .vc_column-inner{
		width: 100%;
		padding-right: 1.5rem !important;
	}
	
}

/* Footer styling */

.footer-column-content-wrapper{
	width: 100%;
}

.collection-title-wrapper{
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
}

.collection-title-wrapper h1{
	text-shadow: 0 0 15px black;
}

.collection-title-wrapper h1:hover{
	color: white;
}

.collection-title-wrapper .w-text{
	text-shadow: 0 0 5px black;
}

.sbi_header_text.sbi_no_bio h3{
	color: #fff;
}


#mc_embed_signup input[type="email"]{
	padding: 0px 10px !important;
}

#mc-embedded-subscribe{
	width: 100%;
	border-radius: 5px;
	border: none !important;
	font-size: 0.9rem;
}

#mc_embed_signup_scroll input[type="email"]{
	text-align: center !important;
}

input#mce-EMAIL{
	width: 100% !important;
}

.footer-heading-seperator{
	padding-bottom: 0.7rem;
	padding-top: 0.5rem;
}

@media only screen and (max-width: 767px) {
	.footer-content-wrapper{
		justify-content: flex-start !important;
	}
}

/* Shop pagina styling */

.w-filter-item-reset{
	font-weight: bold;
}

.shop-products article .w-grid-item-h{
	background-color: white !important;
}

.price-suffix, .salon-account-notifier{
	font-weight: 400;
  display: block;
  font-size: 0.8rem;
	margin-top: 0.2rem;
	line-height: 1.5;
}

.salon-account-notifier, .salon-registratie-link {
	font-style: italic !important;
	font-size: 0.8rem !important;
	line-height: 1.4;
}

.salon-only-heading {
	font-weight: 700;
	color: #999;
}

.salon-account-notifier a {
	color: #999;
}

.woocommerce-loop-product__title{
	font-weight: bold;
	text-align: center;
}

span.woocommerce-Price-amount.amount{
	font-weight: 500;
}

li.product, a.woocommerce-LoopProduct-link{
	display: flex;
	flex-direction: column;
	align-items: center !important;
}

span.price{
	text-align: center;
}

.w-post-elm.product_field.price.usg_product_field_3{
	font-weight: 500 !important;
}

/* Winnaar Dutch Beauty Award pagina styling */

.beauty-award-product-wrapper .product{
	width: 100% !important;
}

/* Zakelijk account aanvraag pagina */

.cf7kvk-kvkresults .list-group-item{
  padding: 10px;
    list-style: none;
	box-shadow: 0px 0px 1px 0px;
}

.cf7kvk-kvkresults{
	margin-top: 1px;
	margin-left: 0;
}

.cf7kvk-kvkresults .list-group-item-heading{
	font-weight: bold;
	text-decoration: underline;
}

.cf7kvk-kvkresults .list-group-item-text,
.cf7kvk-kvkresults .list-group-item-text strong{
	font-weight: 500 !important;
}

.cf7kvk-kvkresults .list-group-item:hover{
	background-color: #f6f6f6;
}

/* Thank you page */

.bingokaart-notification {
	background-color: #ec687a;
	color: white;
	padding: 20px !important;
}

.xlwcty_wrap .woocommerce-order-details {
	margin-bottom: 0;
}

.xlwcty_Box.xlwcty_textBox.xlwcty-wc-thankyou section.woocommerce-order-details.woocommerce-info.mollie-instructions{
	background-color: transparent;
	color: #333;
	border: none;
}

.xlwcty_imgBox_w {
	display: flex;
	align-items: center;
}


.xlwcty_imgBox_w h1 {
	font-weight: bold;
}