/* font.css and color.css are enqueued separately in functions.php */

/*--Transition--*/
a, button{transition:all .1s linear;}

/*--Row--*/
.row:not(.g-0){margin:-1.5rem;}
.row:not(.g-0) > *{padding:1.5rem;}

/*--Global Gutters--*/
:root{
	--lg:5rem;	
}
@media(max-width:1199px){
	:root{
		--lg:4rem;	
	}	
}
@media(max-width:991px){
	:root{
		--lg:3rem;	
	}	
}

/*--Nav Icon--*/
.nav-icon{width:20px; height:14px; position:relative; cursor:pointer; z-index:9999;}
.nav-icon::before, .nav-icon::after{transition: all 0.1s linear;}
.nav-icon::before{position:absolute; left:0; top:0; width:100%; height:2px; background-color:hsl(var(--blue)); content:"";}
.nav-icon::after{position:absolute; left:0; bottom:0; width:50%; height:2px; background-color:hsl(var(--blue)); content:"";}
.nav-icon span{display:block; height:2px; background-color:hsl(var(--blue)); transition:all 0.1s linear;}
.nav-icon.active{width:20px; height:20px;}
.nav-icon.active span{opacity:0; visibility:hidden; background-color:hsl(var(--blue));}
.nav-icon.active::before{transform:translateY(-50%) rotate(45deg); transform-origin:center center; top:50%; background-color:hsl(var(--blue));}
.nav-icon.active::after{width:100%; transform:translateY(50%) rotate(-45deg); transform-origin:center center; bottom:50%; background-color:hsl(var(--blue));}

/*--Buttons--*/
.btn:focus, .btn:focus:active{box-shadow:none;}
.btn{font-size:2.4rem; font-weight:var(--fw-bold); text-transform:uppercase; text-align:center; height:6rem; border-radius:5rem; padding:.5rem 2.5rem; display:inline-flex; align-items:center; justify-content:center;}
.btn.light-blue{background-color:hsl(var(--light-blue)); color:#111;}
.btn.light-blue:hover{background-color:hsl(var(--light-blue-h), var(--light-blue-s), calc(var(--light-blue-l) + 10%)); color:#111;}
@media(max-width:1199px){
	.btn{font-size:2rem; height:5rem;}
}
@media(max-width:575px){
	.btn{font-size:1.8rem; height:4.6rem;}	
}