/**
 * Vanilla Styles
 *
 * This second stylesheet is for hotfixes/vanilla CSS.
 * Do not edit the main style.css directly, rather
 * add your changes here if you are not compiling the Sass files.
 */
.footer-wrapper {
	font-family: 'Gentona', sans-serif;
}

body {
	padding-bottom: 0 !important;
}

.footer-wrapper footer #credits .footer-left p,
.footer-wrapper footer #credits #menu-footer li a, .footer-wrapper footer #credits #menu-footer li {
	font-size: 24px;
}

@media screen and (min-width: 768px) {
	.footer-wrapper footer #credits .footer-left p,
	.footer-wrapper footer #credits #menu-footer li a, .footer-wrapper footer #credits #menu-footer li {
		font-size: 26px;
	}
}

.clearfix:after {
	content: "";
	clear: both;
	display: table;

}

@media screen and (max-width: 650px) {

	#header-wrapper .text-logo {
		font-size: 20px;
		line-height: 23px;
		position: unset;
		float: left;

	}

	#header-wrapper .header-inner {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.guide-content--header.small--header {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
		height: unset !important;
	}
}

@media screen and (max-width: 450px) {
	.guide-hero .guide-hero--title {
		font-size: 26px !important;
	}
}

/*@media screen and (min-width: 1440px) {
	.guide-pages-template-guide-steps-template .guide-hero {
		aspect-ratio: inherit;
		min-height:42vw;
	}
}*/

.guide-pages-template-guide-steps-template .guide-hero, .guide-hero{
	position:relative;
}
.guide-pages-template-guide-steps-template .guide-hero .container, .guide-hero .container{
	position: absolute;
    max-width: 1320px;
    bottom: 8%;
    left: 0;
    right: 0;
    margin-inline: auto;
}
.guide-pages-template-guide-steps-template .guide-hero .container h1, .guide-hero .container h1{
	margin-bottom:0;
}

.guide-hero .guide-hero--title span.step-num {
	color: #bf7097;
}

.guide-hero .guide-hero--title{
	font-size:64px;
}

.guide-hero h2.goal-header {
	text-decoration: underline;
	text-underline-offset: 10px;
	text-decoration-thickness: 5px;
	text-decoration-color: #bf7097;
	margin: 0 0 25px;
}

.guide-hero .guide-hero--description.goal-txt {
	text-transform: none;
	line-height: normal;
	display:none;
}

.single-guide-pages .guide-content {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.single-guide-pages .guide-content:hover {
	-webkit-transform: perspective(1px) translateY(-5px) translateZ(0);
	transform: perspective(1px) translateY(-5px) translateZ(0);
}


.single-guide-pages .guide-content .guide-content--body.with-image .guide-content-image {
	border-radius: 50%;
	overflow: hidden;
}


.single-guide-pages .guide-content .guide-content--body.with-image .guide-content-image img {
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.single-guide-pages .guide-content:hover .guide-content--body.with-image .guide-content-image img {
	-webkit-transform: scale(1.1) translateZ(0);
	transform: scale(1.1) translateZ(0);
}

.guide-content--header.small--header {
	height: unset !important;;
}

@media screen and (max-width: 860px) {
	.guide-content .guide-content-image {
		width: 90%;
	}
}

/*NEW CLIENT CHANGES*/
a.button:hover, #header-wrapper #linkbar .nav-menu > ul.nav-list li.button:last-child:hover,
.footer-wrapper footer #credits #menu-footer li a:hover{
	text-decoration:underline;
}
#header-wrapper{
	position:absolute;
	width:100%;
}
#header-wrapper.scrolled{
	background-color:transparent !important;
}
#header-wrapper .header-inner .mobile-logo .logo{
	width:239.4px;
}
.mobile-logo{
	padding:20px 0 0;
}
a#slideout-trigger{
	top:35px;
	right:20px;
}
#slideout-bar, #slideout-bar:before, #slideout-bar:after{
	width:24px;
}
#header-wrapper .header-inner{
	padding-top:19px;
}
#header-wrapper .header-inner .logo{
	width:364.5px;
}
#header-wrapper #linkbar .nav-menu > ul.nav-list{
	font-size:20px;
}
#header-wrapper #linkbar .nav-menu > ul.nav-list li.button:last-child{
	padding:12px 29px 14px;
}
.guide-hero--navigation--description{
	max-width: 1320px;
}
.guide-hero--navigation--description p{
	font-size:26px;
	line-height: 1.4;
	margin-bottom:25px;
	font-family: "Gentona";
}
#slideout-menu .nav-list li{
	font-size:20px;
}
#slideout-menu .nav-list .nav-item.button{
	padding: 12px 30px 14px;
}
#slideout-menu{
	background: linear-gradient(270deg, rgb(208, 171, 190) 0%, rgb(239, 228, 234) 100%) !important;
}
@media screen and (max-width: 1250px){
.guide-hero{
	background: linear-gradient(270deg, rgb(208, 171, 190) 0%, rgb(239, 228, 234) 100%) !important;
}
}
#slideout-menu .nav-list .nav-item .nav-link{
	color:#000;
}
#slideout-menu .nav-list .nav-item.button .nav-link{
	color:#fff;
}
#slideout-menu .nav-list .nav-item:not(.button) a{
	padding: 12px 16px 40px;
}
/* Forcefully override parent theme positioning */
#slideout-menu {
    position: fixed;
    top: -100%; /* hidden off-screen initially */
    right: auto !important; /* remove right positioning */
    left: 0;
    width: 100%;
    display: none; /* controlled by JS */
    transition: top 0.25s ease-in-out;
}

/* When menu is open */
#slideout-menu.open {
    top: 0 !important;
    display: block !important;
	margin-top: 90px !important;
}

.guide-content .content h1{
	text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-thickness: 5px;
    text-decoration-color: #bf7097;
	font-size: 3.6rem;
    line-height: 1.25;
}
.guide-content .content h1 .weight-light{
	font-weight:700 !important;
}
#header-wrapper #linkbar a.slider-title{
	color: #8b7cbf;
}
.navbar-nav-mega-menu .navbar-nav-mega-menu-details .sliders-list .slider .slider-img{
	position:relative;
}
.navbar-nav-mega-menu .navbar-nav-mega-menu-details .sliders-list .slider .slider-img-wrapper::before{
	z-index:0;
}

/* GLOBAL FONT CHANGE */
h1, h2, h3, h4, h5, h6, body, ul li, ol li, p, .button, button{
	font-family: "Gentona" !important;
}
.button{
	padding-top:0;
}
.button.button-primary.download-btn{
	background-color:#000;
}
.button.button-secondary.templates-btn{
	display:none !important;
}