/** 
 (useCssVariablesGlobalRootReplace = true) 
 *
 * ALERT! 
 *  Only global variables may be declared and must be placed inside the :root section! 
 *  Other native CSS Variable / CSS Custom Properties functionality like 
 *      the possibility of changing the variables locally (local scope), 
 *      declaring variables inline, 
 *      var() fallbacks etc 
 *  will not work with this set up!
 *  The variables will be extracted and be physically replaced where they are use in the css 
 *  so that older browsers that do not support CSS Variables will see the same result when the 
 *  CSS file is generated on the live site.
 *
 */
body.debug{
 /* visibility:visible; */
}
/* 
@font-face {
	font-family: 'Montserrat Regular';
	src: url("../fonts/Montserrat-VariableFont_wght.ttf") format("truetype")
}

@font-face {
	font-family: 'Montserrat Italic';
	src: url("../fonts/Montserrat-Italic-VariableFont_wght.ttf") format("truetype")
}
@font-face {
	font-family: 'Playfair Regular';
	src: url("../fonts/PlayfairDisplay-VariableFont_wght.ttf") format("truetype")
}

@font-face {
	font-family: 'Playfair Italic';
	src: url("../fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf") format("truetype")
} */



:root{
/** = START === COLOR KEY === */
	/** CUSTOM COLORS TIDTILRO */
	--color-almostblack: #152305;
	--color-lightblue: #F4F7F7;
	--color-darkgreen: #283618;
	--color-lightgreen:#606C38;
	--color-superlightgreen: #EEF2E0;
	--color-darkorange: #BC6C25;
	--color-orange:#DDA15E;
	--color-white: #fff;
	--color-beige:#F3F2E6;
	--color-lightblue: #F4F7F7;

	/** PRIMARY BACKGROUND - dark text on light background or light text on dark background ('Dark Mode') */
	--color-under:#ffffff;
	--color-over:#000000;
/* 	--color-background-text:var(--color-under); */
	/**/
	/** LIGHTGRAY - (body bg, dotted heading border, search-text, search-text input border bg etc) */
	--color-lightgray:#f5f5f5;
	--color-lightgray-dark:#ebebeb;
	/**/
	/** MIDGRAY - (menu, menu gradient) */
	--color-midgray:#9d9994;
	--color-midgray-dark:#89857f;
	/**/
	/** DARKGRAY - (Usually same as TEXT BODY) */
	--color-darkgray:#46423f;
	--color-darkgray-dark:#302d2b;
	/**/
	/** BASE - (active state) */
	--color-base:#606C38;
	--color-base-dark:#606C38;
	/**/
	/** ACCENT - (CTA 'Call to action':button, button border, gradient) */
	--color-accent:#606C38;
	--color-accent-dark:#606C38;
	/**/
	/** COMPLEMENTARY 1 - (button, button gradient, button border) */
	--color-1:#f9c624;
	--color-1-dark:#f6aa16;
	/**/
	/** COMPLEMENTARY 2 - (button, button gradient, button border) */
	--color-2:#283618;
	--color-2-dark:#283618;
	/**/
	/** TEXT BODY - (TEXT color:body text) */
	--color-text-body:#46423f;
	/**/
	/** TEXT HEADING */
	--color-text-heading:#152305;
	/**/
	/** LINK - (link, button, link gradient,button border) */
	--color-link:#606C38;
	--color-link-dark:#606C38;
	/**/
	/** PRICE - (Pricing, some titles, button, button border) */
	--color-price:#c32c2c;
	--color-price-dark:#c32c2c;
	/**/
	/** ALERT - (button, button gradient, button border) */
	--color-alert:#dc1919;
	--color-alert-dark:#ca0f0f;
	/**/
	/** WARNING ERROR */
	--color-warning:#b22222;
	--color-warning-dark:#8B0000;
	/**/
	/** RATING */
	--color-rating:var(--color-orange);
	--color-rating-dark:var(--color-darkorange);
	/**/
	/** MISCELLANEOUS */
	--color-error:var(--color-warning);
	/* --color-success:#00ff00; */
	/**/
	--color-print-text-body:var(--color-text-body);
	--color-print-text-heading:var(--color-text-heading);
	--color-print-link:var(--color-link);
	--color-print-rating:var(--color-rating);
	--color-print-lightgray:var(--color-lightgray);
	--color-print-lightgray-dark:var(--color-lightgray-dark);
	/**/
/** = END === color KEY === */
/** = START === type KEY === */
	/**/
	/** TYPE BODY - (TEXT color:body text) */
	--font-family-body:'Montserrat',sans-serif;
	--font-weight-body:400;
	--text-transform-body:none;
	--font-style-body:normal;
	--letter-spacing-body:0;
	--font-size-body:1.6rem;
	--line-height-body:1.5;
	/**/
	--font-family-body-bold:'Montserrat',sans-serif;
	--font-weight-body-bold:700;
	--text-transform-body-bold:none;
	--font-style-body-bold:normal;
	--letter-spacing-body-bold:0;
	/**/
	--font-family-body-italic:'Montserrat',sans-serif;
	--font-weight-body-italic:400;
	--text-transform-body-italic:none;
	--font-style-body-italic:oblique;
	--letter-spacing-body-italic:0;
	/**/
	/** TYPE HEADING */
	--font-family-heading:'Playfair Display',sans-serif;
	--font-weight-heading:600;
	--text-transform-heading:none;
	--font-style-heading:normal;
	--letter-spacing-heading:0;
	/**/
	--font-family-heading-uc:'Playfair Display',sans-serif;
	--font-weight-heading-uc:600;
	--text-transform-heading-uc:none;
	--font-style-heading-uc:normal;
	--letter-spacing-heading-uc:0;
	/**/
	/** TYPE PREAMBLE */
	--font-family-preamble:'Playfair Display',sans-serif;
	--font-weight-preamble:300;
	--text-transform-preamble:none;
	--font-style-preamble:normal;
	--letter-spacing-preamble:0;
	/**/	
	/** TYPE QUOTATION */
	--font-family-quotation:'Playfair Display',sans-serif;
	--font-weight-quotation:300;
	--text-transform-quotation:none;
	--font-style-quotation:italic;
	--letter-spacing-quotation:0;
	/**/
	/** TYPE H1 */
	--font-family-h1:var(--font-family-heading);
	--font-weight-h1:var(--font-weight-heading);
	--text-transform-h1:var(--text-transform-heading);
	--font-style-h1:normal;
	--letter-spacing-h1:0;
	--font-size-h1:64px;
	--line-height-h1:1.2;
	--margin-top-h1:0;
	--padding-top-h1:0;
	--padding-bottom-h1:0.55em;
	--margin-bottom-h1:0;
	/**/
	/** TYPE H2 */
	--font-family-h2:var(--font-family-heading);
	--font-weight-h2:var(--font-weight-heading);
	--text-transform-h2:var(--text-transform-heading);
	--font-style-h2:normal;
	--letter-spacing-h2:0;
	--font-size-h2: 40px;
	--line-height-h2:1.25;
	--margin-top-h2:0;
	--padding-top-h2:0;
	--padding-bottom-h2:0.375em;
	--margin-bottom-h2:0;
	/**/
	/** TYPE H3 */
	--font-family-h3:var(--font-family-heading);
	--font-weight-h3:var(--font-weight-heading);
	--text-transform-h3:var(--text-transform-heading);
	--letter-spacing-h3:10%;
	--font-style-h3:normal;
	--font-size-h3:28px;
	--line-height-h3:1.334;
	--margin-top-h3:0;
	--padding-top-h3:0;
	--padding-bottom-h3:0.25em;
	--margin-bottom-h3:0;
	/**/
/** = END === type KEY === */ 
/** = START === misc KEY === */

	/** MISC BOX-TITLE */
	--font-family-box-title:var(--font-family-heading);
	--font-weight-box-title:var(--font-weight-heading);
	--text-transform-box-title:var(--text-transform-heading);
	--font-style-box-title:normal;
	--letter-spacing-box-title:0;
	--font-size-box-title:1.5em;
	--line-height-box-title:1.334;
	--margin-top-box-title:0;
	--padding-top-box-title:0;
	--padding-bottom-box-title:0.65em;
	--margin-bottom-box-title:0;
	--border-radius-box:4px;
	/**/
	/** MISC BUTTON */
	--font-family-button:var(--font-family-body-bold);
	--font-weight-button:var(--font-weight-body-bold);
	--text-transform-button:none;
	--font-style-button:normal;
	--letter-spacing-button:0;
	--font-size-button: .9em;
	--line-height-button: 1.2;
	--letter-spacing-button:0;
	--margin-button:0;
	--padding-button:0.563em 0.813em;
	--border-radius-button:10em;
	/**/
		/** MISC tag */
		--font-family-tag:var(--font-family-body);
		--font-weight-tag:var(--font-weight-body);
		--text-transform-tag:none;
		--font-style-tag:normal;
		--letter-spacing-tag:0;
		--font-size-tag: .9em;
		--line-height-tag: 1.2;
		--letter-spacing-tag:0;
		--margin-tag:0;
		--padding-tag:0.363em 0.613em;
		--border-radius-tag:0.215em;
		/**/

	/** MISC IMAGE */
	--border-radius-image:5px;
	/** MISC INPUT */	
	--border-radius-input:2px;
	/**/
/** = END === misc KEY === */
/** = START === COMPONENTS === */
	/** CM5 Tourlist */
	--color-tag: #000000;
/** = END === COMPONENTS === */
	/** TYPE H1 */
			--font-size-h1-mobile:48px;
			--line-height-h1:1.1;

}

/**Mobile**/
:root{
		/** = START === type KEY === */
			/**/
			/** TYPE BODY - (TEXT color:body text) */
			--font-size-body-mobile:1.6rem;
			--line-height-body-mobile:1.5;
			--font-weight-body-mobile:400;
			--letter-spacing-body-mobile:0;

			/**/
			/** TYPE H1 */
			--font-size-h1-mobile:48px;
			--line-height-h1-mobile:1.1;
			/**/
			/** TYPE H2 */
			--font-size-h2-mobile: 32px;
			--line-height-h2-mobile:1.1;
			--letter-spacing-h2-mobile:0;
			/**/
			/** TYPE H3 */
			--font-size-h3-mobile:24px;
			--line-height-h3-mobile:1.3;
			--letter-spacing-h3-mobile: 0%;
			/**/
		/** = END === type KEY === */ 

		/** = START === misc KEY === */
		
			/** MISC BOX-TITLE */
			--font-size-box-title-mobile:1.5em;
			--line-height-box-title-mobile:1.334;
			/**/
			/** MISC BUTTON */
			--font-size-button-mobile: .9em;
			--line-height-button-mobile: 1.2;
			/**/
				/** MISC tag */
				--font-size-tag-mobile: .9em;
				--line-height-tag-mobile: 1.2;
}