/* critical css */


:root {
	--entryTitle: calc(28px + (30 - 28) * ((100vw - 300px) / (1680 - 300)));
	--sectionTitle: calc(28px + (40 - 28) * ((100vw - 300px) / (1680 - 300)));
	--smallerSectionTitle: calc(26.5px + (33.75 - 26.5) * ((100vw - 300px) / (1680 - 300)));
	--bodyText: calc(15px + (17 - 15) * ((100vw - 300px) / (1920 - 300)));
	--smallerText: calc(16.5px + (17.5 - 16.5) * ((100vw - 300px) / (1920 - 300)));
	--smallText: calc(14.5px + (15.75 - 14.5) * ((100vw - 300px) / (1920 - 300)));
	--desktopWidth: 1220px;
	--desktopMaxWidth: 1080px;
	--mobileMaxWidth: calc(88vw - var(--frame-size, 0px) * 2);
	--sectionMargin: calc(45px + (75 - 45) * ((100vw - 300px) / (1680 - 300)));
	--sectionMarginSmall: calc(25px + (45 - 25) * ((100vw - 300px) / (1680 - 300)));
	--sectionMarginMedium: calc(33px + (60 - 33) * ((100vw - 300px) / (1680 - 300)));
	--sectionMarginMediumLarge: calc(60px + (100 - 60) * ((100vw - 300px) / (1680 - 300)));
	--sectionMarginLarge: calc(75px + (125 - 75) * ((100vw - 300px) / (1680 - 300)));
	
	--buttonFontSize: 14px;
}

/* temp hacks */

a:hover {
	color: var(--base-3)
}

.canela {
    font-family: CanelaDeck;
}

.ct-header-cta [data-size=medium] {
    --buttonMinHeight: 42px;
    --button-padding: 11px 18px;
	font-weight: 600
}

.menu>li>.ct-menu-link {
	margin:calc(10px + (14 - 10) * ((100vw - 768px) / (1920 - 768)));
    padding: 0 2px;
}

.menu-badge-new {
	position: relative
}

.menu-badge-new:after {
	content: "NEW";
    display: block;
    z-index: 101;
    padding: 4px 5.25px 5px;
    border-radius: 3px;
    background: #a9f9e1;
    color: #000;
	text-align: center;
    font-style: normal;
    font-size: 10px;
	line-height: 1;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
	transform: translate(-14px, 0);
}
/*
.menu-badge-new:after {
    content: "NEW";
    display: block;
    z-index: 101;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0,-50%);
    padding: 3px 6px 3px;
    border-radius: 3px;
    background: #a9f9e1;
    color: #000;
    text-align: center;
    font-family: "Poppins",sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}
*/

#header [data-items="primary"]  .ct-header-cta:not(:last-child) {
	margin-right: 2px
}

mark {
	font-weight: normal
}



@media (min-width: 768px) and (max-width: 1024px) {

	.gb-container.alignfull > div.gb-container {
		max-width: var(--mobileMaxWidth)
	}
	
}

@media (min-width: 768px) {
	
	
	.ct-footer [data-row]>div,
	article>.entry-content>* {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	
}

@media (min-width: 1025px) and (max-width: 1599px) {

	.gb-container.alignfull > div.gb-container {
		max-width: var(--mobileMaxWidth)
	}
	
}

@media (min-width: 1000px) {
	.ct-container-fluid {
		--container-edge-spacing: calc(100vw - 50px);
	}
}


@media (min-width: 1600px) {
	
	
	
}


@media (max-width: 767px) {
	
	.gb-container.alignfull > div.gb-container {
		max-width: var(--mobileMaxWidth)
	}
	
	[data-header*="type-1"] #offcanvas .ct-toggle-close {
		display: none;
	}
	
	#offcanvas .ct-panel-content {
		background-color: var(--paletteColor8);
    	margin-top: 32px;
		padding-top: 60px;
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: 18px;
	}
	
	[data-header*="type-1"] #offcanvas .ct-panel-inner {
		background-color: transparent!important;
	}
	
	#offcanvas nav.mobile-menu {
		margin-bottom: -160px
	}
	
	nav.mobile-menu ul {
		display: flex;
		flex-direction: column;
		row-gap: 17px;
	}
	
	.mobile-menu li, .mobile-menu .menu-item-has-children>a, .mobile-menu .dropdown-active>.ct-sub-menu-parent {
		width: fit-content;
	}
	
	.mobile-menu li.menu-badge-new {
		flex-direction: row;
	}
	
	li.menu-badge-new:after {
		transform: none;
		margin-left: 7px;
		align-self: center;
	}
	
	.mobile-menu .ct-toggle-dropdown-mobile {
		margin-left: -8.5px;
	}
	
	.ct-footer [data-column="socials"] {
		order: 1;
	}
	
	[data-footer*="type-1"] .ct-footer [data-column="text"] {
		order: 2;
	}
	
	[data-footer*="type-1"] [data-column="copyright"] {
		order: 3;
	}
	
}

@media (max-width: 499px) {
	
	.site-logo {
		margin-top: auto;
	}
	
	.has-inline-mobile-toggle .inside-header,
	.one-container .site-content {
		padding-left: 0;
		padding-right: 0;
		max-width: var(--mobileMaxWidth);
		margin-left: auto;
		margin-right: auto;
	}
	
	#offcanvas .ct-header-cta {
		margin-top: 10px;
		margin-left: -6px
	}
	
}