/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form-teaser .form__row .form__row:not(:last-child) { margin-bottom: 1.4rem !important; }
.form-teaser .form__cols { margin: 0 calc(-1 * var(--gap) / 2) !important; }
.form-teaser .form__col { padding: 0 calc(var(--gap) / 2) !important; }
.form-teaser .flex-wrapper { display: flex; gap: 10.907rem; }
.form-teaser .flex-wrapper__left { flex: 0 0 50.03rem; max-width: 50.03rem; }
.form-teaser .flex-wrapper__left .flex-inner { display: flex; gap: 1.4rem; flex-wrap: wrap; margin-bottom: 1.4rem; }
.form-teaser .flex-wrapper__left .image-inner { overflow: hidden; position: relative; flex: 0 0 137px; max-width: 137px; border-radius: var(--border-radius); border: var(--border-width) solid var(--c-blue-light); background-color: var(--c-white); }
.form-teaser .flex-wrapper__left .image-inner img { aspect-ratio: 1 / 1; object-fit: cover; }
.form-teaser .text-inner { flex: calc(100% - (137px + 1.4rem)); max-width: calc(100% - (137px + 1.4rem)); }
.form-teaser .text-inner p { margin-bottom: 0; font-weight: 600; }
.form-teaser .flex-wrapper__left ul { padding-left: 1.8rem; }
.form-teaser .flex-wrapper__right { flex: 1; }
/* .form-teaser .grid-flex .grid__col { flex: 0 0 100%; padding: 0 calc(var(--gap) / 2); } */
.form-teaser .form__label:not(:last-child) { margin-bottom: 1.4rem !important; }
.form-teaser .dropdown-select .dropdown__menu { max-height: 52rem; }
/* .form-teaser .editor-inner { overflow: hidden; border: var(--border-width) solid var(--c-blue-light); border-radius: var(--border-radius); background-color: var(--c-white); }
.form-teaser .flex-wrapper__right .editor-inner .ql-container.ql-snow,
.form-teaser .flex-wrapper__right .editor-inner .ql-editor { overflow-y: auto; max-height: 20.01rem; }
.form-teaser .flex-wrapper__right .editor-inner .ql-toolbar  { display: none; }
.form-teaser .ql-container.ql-snow:focus-visible { outline: none; }
.form-teaser .ql-container.ql-snow,
.form-teaser .ql-toolbar.ql-snow { border: none; }
.form-teaser .ql-toolbar.ql-snow { padding: 0 1.4rem 1.4rem 1.4rem; }
.form-teaser .ql-editor { overflow-y: auto; height: 204px; padding: 1.4rem; font-family: 'Nunito', sans-serif; font-weight: 400; font-size: 1.8rem; color: #AFAFAF; line-height: 1.33; }
.form-teaser .ql-editor:focus-visible { outline: none; }
.form-teaser .ql-editor::before { right: 1.4rem; left: 1.4rem; font-family: 'Nunito', sans-serif; font-weight: 400; font-style: normal; color: #AFAFAF; }
.form-teaser .ql-snow.ql-toolbar button svg,
.form-teaser .ql-snow .ql-toolbar button svg { filter: brightness(0) saturate(100%) invert(59%) sepia(98%) saturate(1%) hue-rotate(354deg) brightness(98%) contrast(92%); } */
.form-teaser .meta { font-style: italic; }
.form-teaser .meta span { font-weight: 700; color: var(--c-red); }

/* .form-teaser .form__controls { margin-bottom: 1.4rem; } */
/* .form-teaser .form__controls--flex { display: flex; align-items: center; }
.form-teaser .form__controls--flex .dropdown-select { flex: 1; } */
/* .form-teaser .form__controls--step { flex: 0 0 5rem; display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; border-radius: var(--border-radius); background-color: var(--c-navy); font-weight: 700; color: var(--c-white); font-size: 2rem; } */

.form-teaser .dropdown-select.disabled .dropdown__trigger {
    background-color: #EEE;
}

/* new */
.form-teaser .form__hint:not(:first-child) { margin-top: 1.4rem !important; }
.form-teaser .field--textarea { padding: 1.4rem; }
.form-teaser .field--textarea::placeholder { font-style: normal; line-height: 1.22; font-weight: 400; }
.form-teaser .form__label > small { display: inline-block; }

@media(max-width: 1199px) {
	.form-teaser .flex-wrapper { gap: 2rem; }
	.form-teaser .flex-wrapper__left,
	.form-teaser .flex-wrapper__right { flex: 0 0 calc(50% - (2rem / 2)); max-width: calc(50% - (2rem / 2)); }
}

@media(max-width: 1024px) {
	.form-teaser .flex-wrapper { flex-direction: column; }
	.form-teaser .flex-wrapper__left,
	.form-teaser .flex-wrapper__right { flex: 0 0 calc(100% - (2rem / 2)); max-width: calc(100% - (2rem / 2)); }
	.form-teaser .form__col.form__col--1of3:not(:last-child) { margin-bottom: 1.4rem; }
}


@media(max-width: 767px) {
	.form-teaser .form__col:not(:last-child) { margin-bottom: 1.4rem; }

    /*  project submit form */
    .form-teaser .form__actions { text-align: center; }
}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

.mb-30 { margin-bottom: 3rem !important; }
.mb-20_5 { margin-bottom: 2.05rem !important; }
.mb-20 { margin-bottom: 2rem !important; }
.mb-18 { margin-bottom: 1.8rem !important; }
.mb-14 { margin-bottom: 1.4rem !important; }
/* new */
.mt-50 { margin-top: 5rem; }
.mb-50 { margin-bottom: 5rem !important; }

@media(min-width: 768px){
	.mb-md-14 { margin-bottom: 1.4rem !important; }
}

@media(max-width: 767px) {
	.mb-sm-14 { margin-bottom: 1.4rem !important; }
}

@media (max-width: 575px) {
    .mt-sm-4 {
        margin-top: 2rem !important;
    }

}
@media (min-width: 575.02px) {
    .mb-sm-0 {
        margin-bottom: 0 !important;
    }
}

.bg-c-light-gray { background-color: #EEEEEE !important; }


/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

/* new */
.section--inquiry-form .section__head { text-align: start !important; }
.section--inquiry-form .section__head .section-title { margin-bottom: var(--section-spacing); text-align: center; }
/*  project submit form */
.section--inquiry-form .section__head .meta { margin-bottom: var(--section-spacing); font-weight: 600; text-align: justify; color: var(--c-blue-dark); }
.section--inquiry-form .section__body .section-title { color: var(--c-blue-700); }
.section--inquiry-form .checkbox label:before { border-radius: 4px; }
.section--inquiry-form .field--textarea { height: 19rem; }

@media(max-width: 1199px) {
	/* new */
	.section--inquiry-form .field--textarea { height: 22rem; }
}

@media(max-width: 991px) {
	/* new */
	.section--inquiry-form .field--textarea { height: 24rem; }
}

@media (max-width: 767px) {
    /*  project submit form */
	.section--inquiry-form .section__head .section-title { font-size: 2.6rem; line-height: 1; letter-spacing: .2px; }
    .section--inquiry-form .section__head .meta {  text-align: left; }
}

@media (max-width: 575px) {
	.section--inquiry-form .section__head .section-title { line-height: 1; letter-spacing: .2px; }
	.section--inquiry-form .form__col:not(:last-child) { margin-bottom: 2rem !important; }
	.section--inquiry-form .section__body .section-title { font-size: 2.4rem; margin-top: 3rem !important; }
	.section--inquiry-form .mb-30 { margin-bottom: 2rem !important; }
}

@media(max-width: 480px) {
	.section--inquiry-form .field--textarea::placeholder { font-size: 1.8rem; }
    /*  project submit form */
	.section--inquiry-form .field--textarea { height: 34.2rem; }
}

/* ------------------------------------------------------------ *\
	List group
\* ------------------------------------------------------------ */

/* new */
.list-group-row { display: flex; flex-direction: row; gap: 1.4rem 3rem; flex-wrap: wrap; }
.list-group-row li { margin-bottom: 0 !important; }




/* Tooltipe */
/*  project submit form */
.tooltipped { position: relative; margin-left: 3px; }

/*  project submit form */
.tooltipped:after { content: attr(tip); z-index: 9999; position: absolute; bottom: calc(100% + 7.5px); left: -13px; min-width: 20rem; padding: 8px 12px; /*transform: scale(0);*/ border-radius: 3px; background: var(--c-navy); color: #ffffff; font-size: 1.4rem; line-height: 1.2; transition: all 0.15s; opacity: 0; }
.tooltipped:before { content: ''; position: absolute; z-index: 9999; left: -5px; bottom: 100%; display: block; transform: rotate(135deg) scale(0); width: 2.5rem; height: 2.5rem; border-radius: 0 2px 0 0; background: var(--c-navy); transition: all 0.15s; opacity: 0; }
.tooltipped.active:before { transform: rotate(135deg) scale(1); opacity: 1; }
.tooltipped.active:after { /*transform: scale(1);*/ opacity: 1; }

@media(max-width: 991px) {
	.tooltipped:after { right: -100%; left: unset; }
	.tooltipped:before { left: -4px; }
}