/* 
   FONT IMPORTS & DECLARATIONS
 */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
  font-family: 'Moderat';
  src: url('../fonts/Moderat-Light.woff2') format('woff2'),
    url('../fonts/Moderat-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Moderat';
  src: url('../fonts/Moderat-Medium.woff2') format('woff2'),
    url('../fonts/Moderat-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Moderat';
  src: url('../fonts/Moderat-Regular.woff2') format('woff2'),
    url('../fonts/Moderat-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Moderat';
  src: url('../fonts/Moderat-Bold.woff2') format('woff2'),
    url('../fonts/Moderat-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Moderat';
  src: url('../fonts/Moderat-Semibold.woff2') format('woff2'),
    url('../fonts/Moderat-Semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root{
	--primary-fonts: 'Moderat',sans-serif;
	--secondary-fonts: 'Raleway', sans-serif;

	--vacatio-forest: #004349;
	--vacatio-lime: #D5FFBF;

	--forest-neutral-1: #407277;
	--forest-neutral-2: #80A1A4;
	--forest-neutral-3: #BFD0D1;
	--forest-neutral-4: #DFE7E8;
	
	--lime-neutral-1: #DFFFCF;
	--lime-neutral-2: #EAFFDF;
	--lime-neutral-3: #F5FFEF;
	
	--black: #000000;
	--white: #ffffff;
	--nectr-black: #0C1212;
}
/* 
   TYPOGRAPHY STYLES
 */

.page-title-font-50 {
    font-size: 50px;
    line-height: 1.2;
    font-family: var(--primary-fonts);
	font-weight: 400;
}

.moderat-32 {
    font-size: 32px;
    line-height: 1.4;
    font-family: var(--primary-fonts);
	font-weight: 400;
}
.moderat-24{
    font-size: 24px;
    line-height: 1.3;
    font-family: var(--primary-fonts);
	font-weight: 400;
}

.moderat-22{
    font-size: 22px;
    line-height: 1.3;
    font-family: var(--primary-fonts);
	font-weight: 400;
}

.moderat-20 {
    font-size: 20px;
    line-height: 1.2;
    font-family: var(--primary-fonts);
	font-weight: 400;
}
.moderat-18 {
    font-size: 18px;
    line-height: 1.6;
    font-family: var(--primary-fonts);
	font-weight: 400;
}
.moderat-18-600{
	font-size: 18px;
	line-height: 1.7;
	font-weight: 600;
    font-family: var(--primary-fonts);
}
.moderat-13{
	font-size: 13px;
	line-height: 1.6;
	font-weight: 400;
    font-family: var(--primary-fonts);
}

.moderat-12-300{
	font-size: 12px;
	line-height: 1.6;
	font-weight: 300;
    font-family: var(--primary-fonts);
}

.vacatio-forest-color {
    color: var(--vacatio-forest);
}

.vacatio-lime-color {
    color: var(--vacatio-lime);
}

.white-color {
    color: var(--white);
}

.black-color {
    color: var(--black);
}
.nectr-black{
	color: var(--nectr-black);
}
/* 
   BUTTON STYLES
 */
.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
    font-size: 16px;
    padding: 12px 32px;
    font-weight: 600;
    border: 1px solid var(--bg-color,var(--vacatio-forest));
    border-radius: 50px;
    background-color: var(--bg-color,var(--vacatio-forest));
    color: var(--color,var(--vacatio-lime));
    line-height: 1.6;
    transition: var(--default-transition);
    cursor: pointer;
	gap: 8px;
	text-decoration: none !important;
}

.button .so-on-traget{
	display: none;
}
.button.download-icon:after{
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 13.5V19.5C21 19.6989 20.921 19.8897 20.7803 20.0303C20.6397 20.171 20.4489 20.25 20.25 20.25H3.75C3.55109 20.25 3.36032 20.171 3.21967 20.0303C3.07902 19.8897 3 19.6989 3 19.5V13.5C3 13.3011 3.07902 13.1103 3.21967 12.9697C3.36032 12.829 3.55109 12.75 3.75 12.75C3.94891 12.75 4.13968 12.829 4.28033 12.9697C4.42098 13.1103 4.5 13.3011 4.5 13.5V18.75H19.5V13.5C19.5 13.3011 19.579 13.1103 19.7197 12.9697C19.8603 12.829 20.0511 12.75 20.25 12.75C20.4489 12.75 20.6397 12.829 20.7803 12.9697C20.921 13.1103 21 13.3011 21 13.5ZM11.4694 14.0306C11.539 14.1004 11.6217 14.1557 11.7128 14.1934C11.8038 14.2312 11.9014 14.2506 12 14.2506C12.0986 14.2506 12.1962 14.2312 12.2872 14.1934C12.3783 14.1557 12.461 14.1004 12.5306 14.0306L16.2806 10.2806C16.3856 10.1757 16.4572 10.042 16.4861 9.89648C16.5151 9.75092 16.5003 9.60002 16.4435 9.46291C16.3867 9.32579 16.2904 9.20861 16.167 9.12621C16.0435 9.04381 15.8984 8.99988 15.75 9H12.75V3C12.75 2.80109 12.671 2.61032 12.5303 2.46967C12.3897 2.32902 12.1989 2.25 12 2.25C11.8011 2.25 11.6103 2.32902 11.4697 2.46967C11.329 2.61032 11.25 2.80109 11.25 3V9H8.25C8.10158 8.99988 7.95646 9.04381 7.83301 9.12621C7.70957 9.20861 7.61335 9.32579 7.55653 9.46291C7.49972 9.60002 7.48487 9.75092 7.51385 9.89648C7.54284 10.042 7.61437 10.1757 7.71937 10.2806L11.4694 14.0306Z' fill='%23004349'/%3E%3C/svg%3E%0A");
	background-size: content;
	background-position: center;
	background-repeat: no-repeat;
	--size: 24px;
	height: 24px;
	width: 24px;
	display: flex;
}
.button[target="_blank"] .so-on-traget{
	display: flex;
}
.button.bordered {
	border-color: var(--bg-color);
    background-color: transparent;
    color: var(--bg-color,var(--vacatio-forest));
}
.button:hover {
    background-color: var(--hover-bg,var(--vacatio-lime));
    border-color: var(--hover-bg,var(--vacatio-lime));
    color: var(--hover-text,var(--vacatio-forest));
}

.button.bordered:hover{
	border-color: var(--bg-color);
	background-color: #D5FFBF;
	color: #004349;
}
.text-link {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 600;
}

.text-link:hover {
    text-decoration: underline;
}

/* Type Variations (matching editor-styles.css) */
.button-type-1 {
	--bg-color: #004349;
	--color: #D5FFBF;
	--hover-bg: #D5FFBF;
	--hover-text: #004349;
}

.button-type-2 {
	--bg-color: #D5FFBF;
	--color: #004349;
	--hover-bg: #F5FFEF;
	--hover-text: #004349;
}
.button-type-3 {
    --bg-color: #004349;
    --color: #D5FFBF;
    --hover-bg: #F5FFEF;
    --hover-text: #004349;
}
/* Check List */

.check-list-type-2,
.check-list-type-1 {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
	text-align: left;
}
.check-list-type-2 li,
.check-list-type-1 li{
	position: relative;
	isolation: isolate;
	padding-left: 45px;
}
.check-list-type-1 li{
	font-weight: 600;
}
.check-list-type-2 li{
	border-bottom: 1px solid var(--forest-neutral-3);
	padding-bottom: 16px;
	font-weight: 500;
	padding-left: 30px;
}
.check-list-type-1 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 26px;
  height: 26px;
  background-image: url('../images/check-1.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:contain;
}
.check-list-type-2 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  background-image: url('../images/check-3.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:contain;
}

@media screen and (max-width: 767px){	
	.page-title-font-50 {
		font-size: 40px;
	}
	.moderat-32{
		font-size: 28px;
	}
}

/* 
   TinyMCE Override
 */
#tinymce * {
    color: #000 !important;
}