@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500;600;700&display=swap');

/*---------------------------------------------------------------------------------------*/

body {
    overflow: hidden;
    
    font-family: "Poppins", sans-serif;
	font-size: 14px;
    color: #171717;
    
    opacity: 0; transition: opacity 1.2s ease-out;
    pointer-events: none;
}
body.loaded {
    overflow: initial;
    opacity: 1;
    pointer-events: auto;
}
body[class*="open"] { overflow: hidden !important; }

/*---------------------------------------------------------------------------------------*/

#wrapper {
    position: relative;
	min-height: 100vh; overflow: hidden;
}
.customize-support #wrapper { min-height: calc(100vh - 32px); }
#container { min-height: 800px; }
@media (min-width: 1200px) { #container { padding-right: 100px; } }

/*---------------------------------------------------------------------------------------*/

form.disabled {
	opacity: .5 !important;
	pointer-events: none !important;
}

/*---------------------------------------------------------------------------------------*/

.content-wrapper {
	max-width: 1290px;
	padding-left: 45px; 
	padding-right: 45px; 
    margin: 0 auto;
}

/*---------------------------------------------------------------------------------------*/

.complex-title {
	line-height: 110%;
	font-family: "Poppins", sans-serif;
	font-weight: 200;
}
.complex-title > span { font-weight: 700; }
@media (min-width: 1200px)		 					 { .complex-title { font-size: 50px; } }
@media (max-width: 1199.99px) and (min-width: 700px) { .complex-title { font-size: 42px; } }
@media (max-width:  699.99px)						 { .complex-title { font-size: 32px; } }

/*---------------------------------------------------------------------------------------*/

.cta-btn {
    position: relative;
    display: block; width: max-content; overflow: hidden;
    padding: 0 30px;
    
    background-color: transparent;
    border: solid 1px #58595B;
    border-radius: 30px;
    
    line-height: 58px;
    
    cursor: pointer;
    
    transition:
        border-color     .2s ease-out,
        background-color .2s ease-out,
        color            .2s ease-out;
}
.cta-btn:hover {
    background-color: #E08A7E;
    border-color: transparent;
    color: #FFF;
}
.cta-btn > span { position: relative; }

/*---------------------------------------------------------------------------------------*/

.cta-link {
	display: inline-block;
	
	text-transform: uppercase;
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 1px;
	color: #E45C4A;
	
	cursor: pointer;
}
.loaded .cta-link { transition: color .2s ease-out; }
.cta-link span {
    background-image: linear-gradient(transparent calc(100% - 1px), currentColor calc(100% - 1px), currentColor 100%);
	background-repeat: no-repeat;
	background-size: 0% 100%;
}
.loaded .cta-link span { transition: background-size .2s ease-out; }
.cta-link:hover span { background-size: 100% 100%; }