/*** HELPERS & GENERAL ***/

@media (max-width: 1300px) {
	.container {width: 87%;}
}

@media (max-width: 992px) {
	.container {width: 90%;}
}

@media (max-width: 600px) {
	.container {width: 93%;}
}

/*** COLOR & TYPOGRAPHY ***/

/*** COMPONENTS ***/

@media (max-width: 992px) {
	section.section-grey {border-radius: var(--un-xl) 0 0 var(--un-xl);}
	section.section-grey::before, section.section-grey::after {width: 80px; height: 80px;}
	section.section-grey::before {top: -80px;}
	section.section-grey::after {bottom: -80px;}
	.card.card-horiz, .card.card-horiz.ch-pic > div:last-child {padding: var(--un);}
}

/*** GRID SYSTEM ***/

@media (max-width: 1200px) {
	.grid.g-4 .grid-item {width: calc(50% - var(--un));}
}

@media (max-width: 992px) {
	.grid.g-2 .grid-item {width: calc(100% - var(--un));}
	.grid.g-3 .grid-item {width: calc(50% - var(--un));}
	.grid.g-5 .grid-item {width: calc(33.33% - var(--un));}
}

@media (max-width: 600px) {
	.grid.g-2 .grid-item {width: calc(100% - var(--un));}
	.grid.g-2.g-img .grid-item.gi-img {width: calc(100% - var(--un));}
	.grid.g-2.g-img .grid-item:not(.gi-img) {width: calc(100% - var(--un));}
	.grid.g-2.g-img .grid-item.gi-img {padding-left: 0 !important; padding-right: 0 !important; padding-bottom: var(--un);}
	.grid.g-3 .grid-item {width: calc(100% - var(--un));}
	.grid.g-4 .grid-item {width: calc(100% - var(--un));}
	.grid.g-5 .grid-item {width: calc(50% - var(--un));}	
}

@media (max-width: 400px) {
	.grid.g-5 .grid-item {width: calc(100% - var(--un));}	
}

/*** FORMS ***/

/*** HEADER ***/

@media (max-width: 992px) {
	#navbar-content ul, #navbar-content .hrv, #navbar-content #btn-header-contact {display: none;}
	#navbar-content {justify-content: space-between;}
	#back-to-top {right: var(--un);}
	.is-sticky #back-to-top {bottom: var(--un);}
}

@media (max-width: 600px) {

}

/*** HOME ***/

@media (max-width: 1300px) {
	#home-hero .container {width: auto; margin: 0 150px;}
	#home-hero #hh-content img {width: 30%;}
}

@media (max-width: 992px) {
	#home-hero {border-radius: 0 0 0 var(--un-xl);}
	#home-hero .container {width: auto; margin: 0 100px;}
	#home-hero #hh-content h1 {font-size: 3rem;}
	#hh-social {right: 0;}
	#hh-social li a {border-radius: var(--un) 0 0 0;}
	#home-intro::before {width: 80px; height: 80px; top: -1px;}
	#hi-labs .grid-item::before {display: none;}
	#hu-content {flex-direction: column;}
	#hu-content img {max-width: 50%;}
	#hu-content hr.hrv {height: 2px; width: 100%; margin: var(--un-lg) 0;}
	#hu-cta, #hp-cta {flex-direction: column;}
	#hu-cta hr.hrv, #hp-cta hr.hrv {display: none;}
	#hu-cta .btn, #hp-cta .btn {margin-top: var(--un);}
}

@media (max-width: 800px) {
	#home-hero .container {margin: 0 auto; width: 93%;}
	#home-hero #hh-content img {display: none;}
	#home-hero #hh-social {position: relative; flex-direction: row; justify-content: center;}
	#hh-social li:not(:last-child) {margin-right: var(--un);}
	#hh-social li a {border-radius: var(--un) 0;}
}

/*** PAGES ***/

@media (max-width: 992px) {
	#page-header {border-radius: 0 0 0 var(--un-xl);}
	#page-content::before {width: 80px; height: 80px; top: -1px;}
	#page-filter {flex-wrap: wrap;}
	#page-filter li a.active::after {bottom: 15px; border-radius: 0 0 var(--un-sm) var(--un-sm); height: 4px;}
	#page-header #ph-background {border-bottom-left-radius: var(--un-xl);}
}

@media (max-width: 800px) {
	#page-content #pc-title {flex-direction: column;}
	#page-content #pc-title img {width: 50%; margin-right: 0; margin-bottom: var(--un-lg);}
}

@media (max-width: 600px) {
	#page-content #pc-title img {width: 75%;}
	#page-content #pc-title > div {width: 100%;}
}

/*** WP CONTENT ***/

/*** LAZY BLOCKS ***/

/*** FOOTER ***/

@media (max-width: 992px) {
	footer {border-radius: var(--un-xl) 0 0 0;}
	#footer-content {flex-direction: column;}
	#footer-content .hrv {width: 100%; height: 2px; margin: var(--un-lg) 0;}
	#footer-content .footer-item img {max-width: 280px; margin: 0 auto; display: block;}
	#footer-content .footer-item {width: 100%;}
	#footer-content .footer-item ul {display: flex; flex-wrap: wrap;}
	#footer-content .footer-item ul li {display: inline-block; margin-right: var(--un);}
	#footer-copyright {padding-right: 20px;}
}

@media (max-width: 600px) {

}

/*** JS ***/