body {
	/*background-color: lightblue;*/
}

form {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	align-items: start;
}


h1, h2, h3 {
	color: rgb(var(--c-secondary));
}

button,
.button,
.btn,
input[type="file"] + label {
	font-size: 20px;
	border: solid 3px rgb(var(--c-white) / .2);
	border-radius: calc(1.5em);
}



.wp-block-table thead {
    border-width: 1px;
    border-color: rgb(var(--c-black));
}

.wp-block-table td, .wp-block-table th {
	color: rgb(var(--c-black));
    border-color: rgb(var(--c-black));
}






:root {
	--nav-spacer: var(--gap);
	--nav-content-height: calc(var(--fz-3) );
	--nav-height: calc(var(--nav-spacer) * 2 + var(--nav-content-height));
}
.nav {
	--nav-background: var(--c-white);
	background-color: rgb(var(--nav-background));
}
.nav {
	box-shadow: 0px 0px 4px rgb(var(--c-black) / .25);
}
.nav__container {
	display: flex;
	justify-content: space-between;
	margin-top: var(--gap);
	margin-bottom: var(--gap);
	align-items: center;
	gap: var(--nav-spacer);
}
.nav__logo {
	text-transform: uppercase;
}
.nav__logo {
    line-height: 1;
}
.nav__burger {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(var(--gap) * 1);
	height: calc(var(--gap) * 1);
}

@media (max-width:1200px) {
	.nav__menu {
		display: none;
	}
}@media (min-width:1201px) {
	.nav__burger {
		display: none;
	}
}




.media-text__container {
	--media-text--gap: var(--gap);
	--media-text--count: 3;
	display: flex;
	flex-direction: row;
	gap: var(--media-text--gap);
}
.media-text__column_media {
	flex: 1;
}
.media-text__column_text {
	flex: calc(var(--media-text--count) - 1);
}
.media-text__image {
	position: relative;
	padding-bottom: calc(100% / 1 * 1);
}
.media-text__image img {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(var(--c-black) / .05);
}





.carousel__image {
	position: relative;
	padding-bottom: calc(100% / 3 * 2);
}

.carousel__image img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
/*.slick-slider {
	overflow-inline: hidden;
}
.slick-list {
	margin-inline: calc(var(--gap) / -2);
}
.slick-slide > * {
	margin-inline: calc(var(--gap) / 2);
}*/




/**
 * Glider User Styles
 */
.glider {
	--glider-gap: var(--gap);
	/*--glider-gap: 3rem;*/
	--glider-viewport-count: 3;
	/*--glider-viewport-count: unset;*/
}
.carousel_for__list {
	--glider-viewport-count: 1;
	--glider-gap: 0px;
}
.glider__arrow {
	font-size: 24px;
}
.carousel__item {
    position: relative;
    display: block;
}
.carousel__title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(var(--gap) * 2);
    color: rgb(var(--c-white) / 1);
    background-color: rgb(var(--c-black) / .25);
}
.glider__slide_clone {
	/*opacity: .5;*/
}


.glider.glider_vertical .carousel__item {
    height: 100%;
}
.glider.glider_vertical .carousel__image {
	padding: unset;
	height: 100%;
}










.hero {
	position: relative;
    color: rgb(var(--c-white));
    text-shadow: 2px 2px 4px rgba(var(--c-black) / .25);
}
.hero h2 {
    color: inherit;
}
.hero__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    z-index: -1;
}
.hero__background img {
	width: 100%;
	height: 100%;
}
.hero__arrow {
    position: absolute;
    bottom: var(--gap);
    left: 50%;
    transform: translateX(-50%);
    font-size: calc(var(--gap) * 2);
    color: inherit;
}
.hero__arrow i {
	position: relative;
	animation-name: hero-arrow;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}
@keyframes hero-arrow {
	0% {
		transform: translateY(-25%);
	}
	100% {
		transform: translateY(25%);
	}
}

.hero__conteiner {
    display: grid;
    grid-template-columns: 5fr 7fr;
    gap: var(--gap-big);
}

.hero__main {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-small);
}

.hero__conteiner {
    height: calc(100dvh - var(--nav-height));
}

.hero__main {
    height: 100%;
    justify-content: center;
}

.hero__column {
    height: 100%;
}

.hero__projects {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: 100%;
    gap: var(--gap-big);
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
}
.hero__project {
    width: 100%;
    max-width: calc(var(--gap) * 12);
}

.hero__image {
    position: relative;
    padding-bottom: calc(100% / 3 * 4);
    overflow: hidden;
    border-radius: calc(var(--radius) * 3);
    border: solid 3px rgba(var(--c-white) / .2);
    /* border-collapse: collapse; */
}

.hero__image img {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.hero__project:nth-child(2n) {
    transform: translateY(var(--spacer-small));
}

.hero__project:nth-child(2n-1) {
    transform: translateY(calc(-1 * var(--spacer-small)));
}

.hero__projects {
    gap: var(--spacer);
}

.hero__image::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(var(--c-black) / .2);
}


.hero__conteiner {
    padding-top: var(--spacer);
    padding-bottom: var(--spacer);
}










.about__container {
	--columns-count: 2;
	--columns-gap: var(--gap-big);
    display: flex;
    gap: var(--columns-gap);
}
.about__container {
	align-items: center;
}
.about__column {
	--columns-fraction: calc(1 / var(--columns-count));
    width: calc((100% - (var(--columns-count) - 1) * var(--columns-gap)) * var(--columns-fraction));
}
.about__column:nth-child(2n-1) {
	--columns-fraction: calc(5 / 12);
}
.about__column:nth-child(2n) {
	--columns-fraction: calc(7 / 12);
}
.about__column {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
}
.about__video {
    position: relative;
    padding-bottom: calc(100% / 7 * 5);
}

.about__video > * {
    position: absolute;
}

.about__cover {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.about__cover > *,
.about__cover::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: var(--radius);
}
.about__button {
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
}
.about__cover img {
	border: solid 3px rgb(var(--c-white));
}
.about__cover::after {
    content: "";
    display: block;
    background-color: rgba(var(--c-secondary) / .2);
}

.about__more a {
    text-decoration: underline;
    text-underline-offset: .2em;
}




.goals {
	position: relative;
}
.goals__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    z-index: -1;
}
.goals__background img {
	width: 100%;
	height: 100%;
}

.goals__container {
	--columns-count: 2;
	--columns-gap: var(--spacer);
    display: flex;
    flex-wrap: wrap;
    gap: var(--columns-gap);
    justify-content: center;
}
.goal {
	--columns-fraction: calc(1 / var(--columns-count));
    width: calc((100% - (var(--columns-count) - 1) * var(--columns-gap)) * var(--columns-fraction));
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--gap-big);
    align-items: center;
}
.goal__image {
    width: calc(var(--gap) * 5);
    background-color: rgb(var(--c-secondary));
    border: solid 3px rgba(var(--c-secondary-i) / .2);
    border-radius: 50%;
}




.info__container {
	--columns-count: 3;
	--columns-gap: var(--gap-big);
    display: flex;
    gap: var(--columns-gap);
    flex-wrap: wrap;
    justify-content: center;
}
.info__item {
	--columns-fraction: calc(1 / var(--columns-count));
    width: calc((100% - (var(--columns-count) - 1) * var(--columns-gap)) * var(--columns-fraction));
}
.info__item {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    position: relative;
}
.info__item {
    overflow: hidden;
    border-radius: var(--radius);
}


.info__image {
    padding-bottom: calc(100% / 1 * 1);
    position: relative;
}

.info__image > * {
    position: absolute;
}

.info__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 0%;
}
.info__item img {
    transition: .3s;
}
.info__item:hover img {
    transform: scale(1.1);
}


.info__title {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: rgb(var(--c-white));
    padding: var(--gap);
    text-shadow: 2px 2px 4px rgba(var(--c-black) / .25);
}



.news__container {
	--columns-count: 2;
	--columns-gap: var(--gap-big);
    display: flex;
    gap: var(--columns-gap);
}
.news__item {
	--columns-fraction: calc(1 / var(--columns-count));
    width: calc((100% - (var(--columns-count) - 1) * var(--columns-gap)) * var(--columns-fraction));
}
.news__item {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    position: relative;
}
.news__item {
    overflow: hidden;
    border-radius: var(--radius);
    background-color: rgb(var(--c-white));
	color: rgb(var(--c-black));
	padding-bottom: var(--gap);;
}
.news__item {
    box-shadow: 2px 2px 8px rgba(var(--c-black) / .125);
}
.news__item {
    text-decoration: none;
}


.new__image {
    padding-bottom: calc(100% / 3 * 2);
    position: relative;
    overflow: hidden;
}

.new__image > * {
    position: absolute;
}

.new__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 0%;
}
.news__item img {
    transition: .3s;
}
.news__item:hover img {
    transform: scale(1.1);
}


.new__title,
.new__excerpt {
    padding-inline: var(--gap);
}
.news {
	position: relative;
}
.news__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    z-index: -1;
}
.news__background img {
	width: 100%;
	height: 100%;
}




.join {
	position: relative;
}
.join__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacer-small);
    padding-top: var(--spacer);
    padding-bottom: var(--spacer);
    background-color: rgb(var(--c-white));
    border-radius: var(--radius);
}
.join__container {
    padding-inline: var(--gap-big);
}
.join__container {
    border: solid 3px rgba(var(--c-primary) / .2);
}

.join__background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    z-index: -1;
}
.join__background img {
	width: 100%;
	height: 100%;
}
.join__content {
    text-align: center;
}




.footer {
    background-color: rgb(var(--c-primary));
    color: rgb(var(--c-primary-i));
}
.footer h2 {
    color: inherit;
}
.footer a {
    color: inherit;
    text-decoration: none;
}

.footer__item {
    display: flex;
    align-items: center;
    gap: var(--gap);
}

.footer__container {
    display: flex;
    gap: var(--gap-big);
    flex-wrap: wrap;
}

.footer__icon img {
    width: calc(var(--gap) * 3);
}