/*
Theme Name: ClubBeauty Child
Theme URI: https://thewpclub.com/clubbeauty-wordpress-theme/
Template: clubbeauty
Author: The WP Club
Author URI: https://thewpclub.com/
Description: A Free WordPress Blog / Magazine / Personal / Writers. ClubBeauty is a clean minimal and responsive WordPress theme well suited for food, fashion, writers, travel, health, sports, fitness, business, finance, portfolio, design, art, photography, personal or any other creative websites and blogs.
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,blog,portfolio,news
Version: 1.0.0.1707916089
Updated: 2024-02-14 14:08:09

*/
/*
--wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--color--base: #ffffff;
    --wp--preset--color--primary: #ebb98e;
    --wp--preset--color--secondary: #222222;
    --wp--preset--color--tertiary: #515151;
    --wp--preset--color--quaternary: #ffeedf;
	
#90BACB;		BLUE
#E4B363;		ORANGE
#313638;		BLACK
#083D77;		DARK BLUE
#EF6461;		LIGHT RED
#BA1200;		RED
#63D471;		GREEN

#A3BCB7;		NEW BLUE/GREEn

2025 COLORS
#FECCCC;	pink
#FED8D5;	pink light
#FFACB7;	Pink dark
#DAEDE9;	Tiael


*/
body{
	/*--wp--preset--color--primary--hover: #EF6461;*/
	--wp--preset--color--primary--hover: #EFA00B;
	--wp--preset--color--quaternary: #A3BCB7;
	--cs-blue-counter:#A3BCB7;
	
	/*
		NEW COLORS 2025
	*/
	/*--wp--preset--color--quaternary: #DAEDE9;
	--wp--preset--color--primary:#FFACB7;
	--wp--preset--color--primary--hover:#FED8D5;
	--cs-blue-counter:#FECCCC;
	--wp--preset--color--quaternary:#FECCCC;
	--wp--preset--color--base:#000;
	*/		
}
.whitetxt, .wp-block-post-title{
	/*color:white !important;*/
}
footer .wp-block-navigation .wp-block-navigation-item.current-menu-item > a,
footer .wp-block-navigation .wp-block-navigation-item:hover > a {
	color:#777;
}

/*
######################################################
*/
/* TOP NAV */
.wp-block-navigation .wp-block-navigation-item.current-menu-item > a,
.wp-block-navigation .wp-block-navigation-item:hover > a{
	color:var(--wp--preset--color--primary);	
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
} 
/*	BUTTONS  */
.wp-block-buttons>.wp-block-button:hover a,
.wp-element-button:hover, .wp-block-button__link:hover{
	background-color:var(--wp--preset--color--primary--hover);
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
/*	FRONTPAGE	*/
/* pic zoom */
/*body.home .hoverzoom .wp-block-image img,
body.home .hoverzoom img{
	transition:all 1s ease-in-out;
	-webkit-transition:all 1s ease-in-out;
}
body.home .hoverzoom .wp-block-image:hover img,
body.home .hoverzoom .wp-block-cover:hover img{
	opacity:1;
	transform: scale(1.2);
	transition:all 1s ease-in-out;
	-webkit-transition:all 1s ease-in-out;
}*/
/*	pic effect : zoom out */
/*body.home .hoverpiceffect1 .wp-block-image img,
body.home .hoverpiceffect1 img{
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}
body.home .hoverpiceffect1 .wp-block-image:hover img,
body.home .hoverpiceffect1 .wp-block-cover:hover img{
	opacity:1;
	transform: scale(.9);
	transition:all .5s ease-in-out;
	-webkit-transition:all .5s ease-in-out;
}*/

/*	pic effect : grayscale */
/*body.home .hoverpiceffect2 .wp-block-image img,
body.home .hoverpiceffect2 img{
	transition:all 1s ease-in-out;
	-webkit-transition:all 1s ease-in-out;
}
body.home .hoverpiceffect2 .wp-block-image:hover img,
body.home .hoverpiceffect2 .wp-block-cover:hover img{
	opacity:1;
	filter: grayscale(100%);
	transition:all 1s ease-in-out;
	-webkit-transition:all 1s ease-in-out;
}

body.home .hoverpiceffect3 .wp-block-image img,
body.home .hoverpiceffect3 img{
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}
body.home .hoverpiceffect3 .wp-block-image:hover img,
body.home .hoverpiceffect3 .wp-block-cover:hover img{
	opacity:1;
	filter: grayscale(100%);
	transition:all .25s ease-in-out;
	-webkit-transition:all .25s ease-in-out;
}*/

.footernewslettersignup form{
	text-align:left !important;
}
.footernewslettersignup h3{
	font-size: var(--wp--preset--font-size--medium) !important;
	color: var(--wp--preset--color--base) !important;
	line-height: 1.2;
	margin: 0;
}
body.page-id-902 .mailerlite-form-description p,
body.page-id-896 .mailerlite-form-description p,
.footernewslettersignup .mailerlite-form-description p{
	margin: 10px 0;
}
body.page-id-902 .mailerlite-form-field label,
body.page-id-896 .mailerlite-form-field label,
.footernewslettersignup .mailerlite-form-field label{
	display:none;
}
body.page-id-902 form button.mailerlite-subscribe-submit,
body.page-id-896 form button.mailerlite-subscribe-submit,
.footernewslettersignup form button.mailerlite-subscribe-submit{
	background-color: var(--wp--preset--color--primary);
    border-radius: 0.25rem;
    border-width: 0;
    color: var(--wp--preset--color--base);
    font-family: var(--wp--preset--font-family--jost);
    font-size: inherit;
    font-weight: 700;
    line-height: inherit;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;
}
body.page-id-902 form button.mailerlite-subscribe-submit:hover,
body.page-id-896 form button.mailerlite-subscribe-submit:hover,
.footernewslettersignup form button.mailerlite-subscribe-submit:hover {
    background-color: var(--wp--preset--color--primary--hover);
}
body.page-id-902 form #mailerlite-2-field-email,
body.page-id-896 form #mailerlite-1-field-email,
.footernewslettersignup form #mailerlite-1-field-email{
	padding-top: 21px !important; 
    padding-bottom: 19px !important; 
	padding-left:15px;
	padding-right:15px;
	border-radius: 0.25rem !important; 
	border:1px solid rgba(0, 0, 0, 0.25);
	min-width: 300px;
}
body.page-id-902 .mailerlite-form-field,
body.page-id-902 .mailerlite-subscribe-button-container,
body.page-id-896 .mailerlite-form-field,
body.page-id-896 .mailerlite-subscribe-button-container,
.footernewslettersignup .mailerlite-form-field,
.footernewslettersignup .mailerlite-subscribe-button-container{
	display: inline-block;
}
body.page-id-902 .mailerlite-form-loader,
body.page-id-896 .mailerlite-form-loader,
.footernewslettersignup .mailerlite-form-loader{
	text-align: left;
	margin:0;
}
body.page-id-902 .mailerlite-form-response,
body.page-id-896 .mailerlite-form-response,
.footernewslettersignup .mailerlite-form-response{
	margin-top:0;
    display: none;
    text-align: left;
    color: #000;
}
body.page-id-902 .mailerlite-form-response h4,
body.page-id-902 .mailerlite-form-response p,
body.page-id-896 .mailerlite-form-response h4,
body.page-id-896 .mailerlite-form-response p,
.footernewslettersignup .mailerlite-form-response h4,
.footernewslettersignup .mailerlite-form-response p{
	margin:0;
}



#booking-package input[type=text], 
#booking-package textarea,
#booking-package_inputFormPanel select{
	padding:10px !important; 
}
.book_now_button, .return_form_button{
	padding:10px;
	background-color: #EBB98E;
	color:white;
}
.return_form_button {
	background-color:black;
	border:0;
} 
header{
	/*position: sticky;
    top: 0;
	z-index: 10000;
    background-color: white;
	*/
}
/*	product pics */
.woocommerce img, .woocommerce-page img{
	border-radius:25px;
	max-height: 500px;
}

.wc-block-components-product-image {
    min-height: 500px;
    max-height: 500px;
}
.wc-block-components-product-image a{
	display:block;
	margin: auto; 
}
ol.bluelist {
	list-style: none;
	counter-reset: cs-blue-counter;
}
ol.bluelist li {
	counter-increment: cs-blue-counter;
	margin: 0 0 25px 0;
	display: flex;
	line-height: 1.5;
}
ol.bluelist li a {
	display: contents; 
}
ol.bluelist li::before {
	content: counter(cs-blue-counter) " ";
	color:var(--cs-blue-counter);
	/*font-weight: bold;*/
	font-size: 4rem;
    margin: 0 25px 0 0;
    padding: 0 0 0 0;
    line-height: 1; 
    /*position: absolute;*/
}
:where(.wp-site-blocks) > .topbanner {
    margin-block-start: 0;
    margin-block-end: 0; 
}
h1.slideheader{
	position:absolute;
	top: 50%;
	/*left: 50%;*/
	left:0;
	right:0;
	transform: translateY(-50%);
	z-index: 1000; 
	background:rgba(0, 0, 0, .5);
	padding:20px;
	color:white;
	text-align:center;
	
}

.topslider{
	margin-bottom:60px !important;
}
ul.slides li{
	/*max-height: 450px !important;*/
}
/*
	booking form
*/
.wpbc_booking_form_structure.wpbc_form_right .wpbc_structure_form > * {
    margin: 15px 0 0 0 !important;
    flex: 0 1 100% !important;
}
.wpdevelop label{
	margin-bottom: 0 !important;
}
.wpbc_booking_form_structure.wpbc_form_right .wpbc_structure_form > * {
    margin: 0 0 5px 0 !important;    
}
.wpbc_booking_form_structure.wpbc_form_right .wpbc_structure_form .form-group.wpbc-form-element-rangetime{
	margin: 0 0 15px 0 !important;
}
.wpdevelop label{
	margin: 0 0 0 0 !important;
}
.wpdev-form-control-wrap{
	width:100% !important;
}
.resource_selection_div select, 
.wpbc_container.wpbc_container_booking_form select, 
.wpbc_container.wpbc_container_booking_form input[type="text"], 
.wpbc_container.wpbc_container_booking_form textarea{
	width:100% !important;
}
.wpbc_times_selector div{
	margin: 7px 10px 0 0 !important;
    padding: 5px 10px !important;
	flex:0 0 100px !important;
}
/*	calendar color */
.datepick-inline .datepick-header,
.datepick-inline .calendar-links{
	background-color:#A3BCB7 !important;
}
.datepick-inline {
	border: 3px solid #DDD !important;
}
.wpbc_times_selector div.wpbc_time_selected {
    background: #A3BCB7 !important;
    color: #fff;
    box-shadow: 1px 0px #eee;
    font-weight: 400;
} 
.pwgc-input-text, #pwgc-message{
	background-color: var(--wpforms-field-background-color);
    border-radius: var(--wpforms-field-border-radius);
    color: var(--wpforms-field-text-color);
    border: 1px solid var(--wpforms-field-border-color);
    padding: 0 var(--wpforms-field-size-padding-h);
    font-size: var(--wpforms-field-size-font-size);
    line-height: 100%;
    box-shadow: none;
    transition: border 0.15s, box-shadow 0.15s;
	height: var(--wpforms-field-size-input-height);
}
#pwgc-message{
	padding:14px 14px 14px 14px;
}
div.wpforms-container-full input[type=submit], 
div.wpforms-container-full button[type=submit], 
.wpbc_container .wpbc_button_light, .wpbc_container.wpbc_container_booking_form .wpbc_button_light,
div.wpforms-container-full .wpforms-page-button{
	background-color: var(--wp--preset--color--primary) !important;
    border-radius: 0.25rem;
    border-width: 0;
    color: var(--wp--preset--color--base) !important;
    font-family: var(--wp--preset--font-family--jost);
    font-size: inherit;
    font-weight: 700;
    line-height: inherit;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;	
}
.wpbc_container .wpbc_button_light, .wpbc_container.wpbc_container_booking_form .wpbc_button_light,
input[type="button"], input[type="submit"], button{
	min-height:60px;
}
.entry-content.wp-block-post-content p{
	margin-bottom:15px !important;
}
.wp-block-site-logo img{
	border-radius:0;
}
 

/* HIDE SHOP */
.menu-item a[href*="shop"],
.woocommerce-cart-menu-item,
.wc-block-mini-cart.wp-block-woocommerce-mini-cart,
li:has(> a[href="https://krea-rummet.dk/shop/"]),
a[href="https://krea-rummet.dk/shop/"] {
    display: none !important;
}

/*************************************
	RESPONSIVE
*************************************/
@media (max-width: 760px){
	* {
		max-width:100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		min-width:0;
	}
	.wp-block-navigation__responsive-container{
		background-image:url('/wp-content/uploads/2024/04/krea-rummet._logo-300x58.png');
		background-position: 50px 98%;
		background-repeat: no-repeat;
		background-size: auto;
		background-clip: padding-box;
		background-origin: border-box;
		background-attachment: fixed;
	}
	.wp-container-core-navigation-is-layout-1.wp-container-core-navigation-is-layout-1{
		gap:0px;
	}	
	.wp-block-navigation__responsive-container-open {
		min-height:35px !important;
	}
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
		padding-right: 40px;
	}
	.wp-block-navigation__submenu-container.wp-block-navigation-submenu{
		min-width:200px !important;
		padding-left:2rem !important;
		padding-right:1rem !important;
		padding-top:10px !important;
		padding-bottom:10px !important;
	}
	.wp-block-navigation .wp-block-navigation-item{
		line-height: 2;
	}
	.wp-block-navigation__responsive-container-close {
		position: absolute;
		right: 20px;
		top: 0;
		z-index: 2;
	}
	.wp-block-navigation__responsive-container-close svg,
	.wp-block-navigation__responsive-container-open svg {
		height: 34px;
		width: 34px;
	}
	#picfull {
		z-index: 6000;
		height: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, .75);
	}
	#picfull:after{
		content: 'Klik på billedet for at lukke';
		position: fixed;
		color: red;
		bottom: 0;
		margin: 0 auto;   
		left: 0;   
		background: rgba(0, 0, 0, .5);
		padding: 10px 0;
		right: 0;
		text-align: center;
	}
	.footernewslettersignup form .tnp-email,
	.tnp-subscription-minimal input.tnp-email {
		width: 100% !important;
		margin-bottom: 20px !important;
		max-width: 100% !important;
	}
	body:not(.home)	.wp-block-group.is-layout-flow.wp-block-group-is-layout-flow,
	body:not(.home)	.wp-block-group.is-layout-constrained.wp-block-group-is-layout-constrained{
		padding:20px;
	}
	.accordion ul{
		margin: 0;
		padding: 0;
	}
	.helpie-faq.accordions .accordion .accordion__item .accordion__header div.accordion__title {    
		padding-right: 40px;
	}
	.helpie-faq.accordions .accordion .accordion__item .accordion__header {
		padding:15px 0px 15px 0px;
	}
	.helpie-faq.accordions .accordion__header:before{
		margin-right: 17px;		
		right: 0;
		top: 50%;
		transform: rotate(90deg);
		transition: all .2s ease-in-out;
		width: 14px;
	}
	.helpie-faq.accordions .accordion__header:after {				
		margin-right: 17px;
		position: absolute;
		right: 0;
		top: 50%;
		width: 14px;
	}
	.helpie-faq.accordions .accordion .accordion__item .accordion__body {
		padding:0 0;
	}
	ol.bluelist{
		margin:0;
		padding:0;
	}
	.wpbc_times_selector div{
		width:100%;
	}
}