:root{
	--menuTopContentHeight: 80dvh;
}

#Content strong,
#Content th{
	color:var(--themePrimary);
}

footer .footerTop{
    background-color:#fff;
}

.section.contact{
    position:relative;
    margin-top: calc(100dvw * (128/1440));
}

.section.contact::before{
    content:'';
    position:absolute;
    background-image:url(/images/bg-tint-white.svg);
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    bottom: 100%;
    left:0;
    right:0;
    aspect-ratio: 1440/128;
}

.htmlblok[html-tag='contact-socials'] a{
	display:inline-flex;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid #144734;
	align-items: center;
	width: 40px;
	height: 40px;
}
.htmlblok[html-tag='contact-socials'] a svg{
	width:30px;
}
.htmlblok[html-tag='contact-socials'] a svg path{
	fill: #144734;
}


.contact-contact-list ul{
	list-style:none;
	padding-left:0;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 0.5rem 1rem;
	padding:2rem 0;
	margin-left: -1rem;
}

.contact-contact-list ul li{
	width: 100% !important;
}
.contact-contact-list ul li a{
    width: 100%;
    text-align: left;
    display: inline-flex;
    justify-content: space-between;
}
.contact-contact-list ul li a:hover{
    color: white !important;
}
.contact-contact-list .btn svg {
    margin: -8.5px -14px -7px 4px;
    transition: all .2s ease-in-out;
    border: 1px solid currentColor;
    border-radius: 50%;
    --size: 35px;
    width: var(--size) !important;
    height: var(--size) !important;
    padding: 7px;
}
.contact-contact-list .btn svg *{
    fill: currentColor;
}

.section.contact-form input,
.section.contact-form select,
.section.contact-form textarea{
    background-color: var(--themeBg);
    border-color: transparent;
    border-radius: 24px;
}
.section.contact-form textarea{
    padding:1rem;
}
.btn.btn-outline-primary b {
    min-width: 70px;
}