/**
*	Global
**/
body{
	font-family: 'Roboto', sans-serif;
	color: var(--ag-font-color);
	font-size: 1.6rem;
	--wp--preset--font-size--huge: 3.5rem;
	--wp--preset--font-size--x-large: 2.25rem;
	--wp--preset--font-size--large: 2rem;
	--wp--preset--font-size--medium: 1.8rem;
	--container-size: 100%; 
}

@media (min-width: 600px) {
	body{--container-size: 540px;}
}
@media (min-width: 782px) {
	body{
		font-size: 1.8rem;
		--container-size: 768px;
		--wp--preset--font-size--huge: 4rem;
		--wp--preset--font-size--x-large: 2.5rem;
		--wp--preset--font-size--large: 2.25rem;
		--wp--preset--font-size--medium: 2rem;
	}
}
@media (min-width: 992px) {
	body{
		--container-size: 960px;
		--wp--preset--font-size--huge: 4.5rem;
		--wp--preset--font-size--x-large: 3rem;
		--wp--preset--font-size--large: 2.5rem;
		/* --wp--preset--font-size--medium: 2rem; */
	}
}
@media (min-width: 1280px) {
	body{
		--container-size: 1200px;
		--wp--preset--font-size--huge: 5rem;
		--wp--preset--font-size--x-large: 3.5rem;
		--wp--preset--font-size--large: 3rem;
		/* --wp--preset--font-size--medium: 2.25rem; */
	}
}
@media(min-width: 1440px){
	body{
		--container-size: 1400px;
	}
	:where(.wp-block-columns.is-layout-flex) {
		gap: 4em;
	}
}

a{color: inherit;}
a:hover, a:active {outline: 0;}
a:hover{color: inherit;}

h1, .h1{margin: 0; font-size: var(--wp--preset--font-size--x-large); font-family: 'Krona One', sans-serif; font-weight: 400; color: var(--ag-title-color);}
h2, .h2{margin-top: 0; margin-bottom: 25px; font-size: var(--wp--preset--font-size--large); font-family: 'Krona One', sans-serif; font-weight: 400; color: var(--ag-title-color);}
h3, .h3{margin: 0; font-size: var(--wp--preset--font-size--medium); font-family: 'Krona One', sans-serif; font-weight: 400; color: var(--ag-title-color);}

.btn, button, input.submit, .frm_button_submit, .wp-block-button__link, .frm_style_style-formidable.with_frm_style .frm_submit button{border-radius: 5px; font-family: 'Roboto', sans-serif; font-weight: 700; text-transform: none;}

.content-area{
	width: var(--container-size);
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	display: block;
	position: relative;
	max-width: unset !important;
}

@media (min-width: 782px) {
	.content-area{padding-left: 0; padding-right: 0;}
	.alignfull img { width: 100%; }
}


/****	0.1. Hack Gutenberg		****/
.entry-content .alignfull {
	margin-left  : calc( -100vw / 2 + 100% / 2 );
	margin-right : calc( -100vw / 2 + 100% / 2 );
	max-width    : 100vw;
	width: 100vw;
}
.aligncenter{margin-left: auto; margin-right: auto; text-align: center;}

.wp-block-cover.alignfull > .wp-block-cover__inner-container,
.wp-block-group.alignfull > .wp-block-group__inner-container{width: var(--container-size); margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px;}

section:not(#top-bar):not(#primary):not(#header){padding-top: 50px; padding-bottom: 50px;}

figure.wp-block-image{display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 10px;}
figure.wp-block-image > figcaption.wp-element-caption{writing-mode: tb-rl; transform: rotate(-180deg); font-family: 'Krona One', sans-serif; color: var(--ag-title-color); margin: 0; /* font-size: var(--wp--preset--font-size--medium); */ display: flex; align-items: baseline; gap: 10px; align-self: flex-end;}
figure.wp-block-image > figcaption.wp-element-caption:after{content: ''; background: var(--ag-title-color); width: 2px; flex-grow: 1; height: 100px;}

#primary {padding-top: 0; padding-bottom: 0;}

@media (min-width: 782px){
	/* #primary {padding-top: 50px; padding-bottom: 50px;} */
	.entry-content .alignfull {width: calc( 100vw - 9px);}
	.wp-block-cover.alignfull > .wp-block-cover__inner-container,
	.wp-block-group.alignfull > .wp-block-group__inner-container{padding-left: 0; padding-right: 0;}
	:where(.is-layout-flex) {gap: 1em;}
}
@media (min-width: 992px){
	section:not(#top-bar):not(#primary):not(#header){padding-top: 80px; padding-bottom:80px;}
	:where(.is-layout-flex) {gap: 2em;}
}
@media (min-width: 1280px){
	.wp-block-cover.alignfull .alignwide,
	.wp-block-group.alignfull .alignwide{
		margin-left: -80px;
		margin-right: -80px;
		width: calc(100% + 160px);
		max-width: 100vw;
	}
	:where(.is-layout-flex) {gap: 4em;}
	.wp-block-buttons.is-layout-flex{gap: 1em;}
}


/**
*	Navbar
**/
header{
	position: sticky; top: 0;
	height: auto; 
	padding: 5px 0;
	-webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
	transition: none;
}
header.sticky{height: auto;}
header #navbar .navbar-brand,
header.sticky #navbar .navbar-brand{height: auto;}
header #navbar .navbar-brand img{height: 100px; transition: 0.5s;}
header.sticky #navbar .navbar-brand img{height: 60px;}


header #navbar nav{background: var(--ag-title-color); text-transform: none; font-size: 1.4rem; font-weight: normal; text-align: center; font-family: 'Krona One', sans-serif; top: 100%; right: unset; left:0; width: 100vw;}
header #navbar nav li > a,
header #navbar nav li.active > a{color: var(--ag-color-white); }
header #navbar nav ul > li:last-child{border: 0;}

header #navbar .nav-toggle{background: var(--ag-title-color); border-radius: 5px;}
header #navbar .nav-toggle > span{background: var(--ag-color-white);}

@media(min-width: 782px){
	header #navbar nav{width: auto; text-align: unset; background: transparent;}
	header #navbar nav li > a{color: var(--ag-font-color);}
	header #navbar nav li.active > a{color: var(--ag-title-color); }
}

/**
*	Header
**/
#header{min-height: unset; height: auto; padding: 25px 0;}
#header > article .header-content{text-align: left;}
#header > article .header-content h1, #header > article .header-content .h1-like{font-size: var(--wp--preset--font-size--huge); font-weight: normal; text-transform: none;}
#header > article .header-content h1.trait:after, #header > article .header-content .h1-like.trait:after{max-width: 150px;}

ul.breadcrumb, .woocommerce #header .woocommerce-breadcrumb{margin-top: 10px; padding: 0;}
ul.breadcrumb > li{color: var(--ag-title-color);}
ul.breadcrumb > li > a, .woocommerce #header .woocommerce-breadcrumb a{color: var(--ag-font-color);}

/**
*	Slick
**/
.slick-slider{}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before{opacity: 1 !important;}
.wp-block-getwid-images-slider.alignfull.has-arrows-outside .slick-prev,
.wp-block-getwid-images-slider.alignfull.has-arrows-outside .slick-next{top: -50px; right: calc((100vw - var(--container-size)) / 2 + 45px) !important; left: unset !important; height: 40px; width: 40px; border-radius: 5px; border: 2px solid var(--ag-font-color)}
.wp-block-getwid-images-slider.alignfull.has-arrows-outside .slick-next{right: calc((100vw - var(--container-size)) / 2) !important;}
.wp-block-getwid-images-slider .slick-prev:before{content: "\f341"; font-family: dashicons; color: var(--ag-font-color);}
.wp-block-getwid-images-slider .slick-next:before{content: "\f345"; font-family: dashicons; color: var(--ag-font-color);}

/**
*	Footer
**/
footer{background: none; color: var(--ag-title-color);}
footer #footer-widget-area{font-family: 'Krona One', sans-serif; font-weight: 400; padding: 0;}
footer #footer-widget-area .content-area{padding: 50px 0; border-top: 2px solid var(--ag-title-color); border-bottom: 2px solid var(--ag-title-color);}
footer #footer-widget-area a{text-decoration: none; white-space: nowrap; line-height: 2;}
footer #footer-menu{background: none; color: var(--ag-title-color); font-size: 1.6rem; padding: 15px 0;}
footer #footer-menu .grid{display: flex !important; text-align: center; flex-direction: column; align-items: center; justify-content: center; gap: 1em;}
footer #footer-menu a, footer #footer-menu .onktc{color: var(--ag-title-color);}
footer #footer-menu ul{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px; row-gap: 5px;}
footer #footer-menu ul > li:after{display: none;}

@media(min-width: 782px){
	footer #footer-menu .grid{flex-direction: row; align-items: center; justify-content: space-between; gap: 2em; text-align: unset;}
	footer #footer-menu ul{flex-wrap: nowrap; justify-content: flex-end; gap: 25px;}
}