.slide-content-cta, .slide-side-text, .controls-button {
text-transform: uppercase;
color: #fff;
 letter-spacing: .12rem;
font-size: .7rem;
line-height: 2;
}
[v-cloak] {
opacity: 0;
}
.wrapper {
height: calc(100vh - 50px);
min-height: 36rem;
position: relative;
}
@media (max-width: 630px) {
.wrapper {
height: 100vh;
min-height: 0;
}
}
.slide-wrapper {
background-size: cover;
height: 100%;
background-position: center center;
position: absolute;
width: 100%;
background-blend-mode: darken;
}
.slide-wrapper:nth-child(1) {
background-color: rgba(115, 129, 153, 0.4);
}
.slide-wrapper:nth-child(1):before {
background-color: rgba(115, 129, 153, 0.25);
}
.slide-wrapper:nth-child(1) .slide-content-text {
text-shadow: 2px 5px 45px rgba(85, 96, 113, 0.25);
}
.slide-wrapper:nth-child(2) {
background-color: rgba(144, 171, 184, 0.7);
}
.slide-wrapper:nth-child(2):before {
background-color: rgba(144, 171, 184, 0.3);
}
.slide-wrapper:nth-child(2) .slide-content-text {
text-shadow: 2px 5px 45px rgba(121, 142, 152, 0.2);
}
.slide-wrapper:nth-child(3) {
background-color: rgba(86, 125, 156, 0.5);
}
.slide-wrapper:nth-child(3):before {
background-color: rgba(86, 125, 156, 0.2);
}
.slide-wrapper:nth-child(3) .slide-content-text {
text-shadow: 2px 5px 55px rgba(57, 83, 103, 0.4);
}
.slide-wrapper:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
.slide-inner {
position: relative;
z-index: 2;
height: 100%;
overflow: hidden;
}
.slide-content {
color: #fff;
margin-top: 5rem;
position: absolute;
top: 30%;
left: calc(13vw + (.3) * 48vh);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
@media (max-width: 1000px) {
.slide-content {
left: calc(13vw + 1rem);
}
}
@media (max-height: 730px) {
.slide-content {
top: 30%;
-webkit-transform: translateY(-30%);
transform: translateY(-30%);
left: calc(9vw + (.7) * 16vw);
}
}
.slide-content-text {
 font-size: 20px;
line-height: .87;
font-weight: 700;
will-change: auto;
color: #fff;
margin-bottom: .5em;
}
@media (max-height: 790px) {
 .slide-content-text {
 font-size: 9rem;
}
}
@media (max-width: 1150px) {
.slide-content-text {
font-size: 9rem;
}
}
@media (max-width: 840px) {
.slide-content-text {
font-size: 9rem;
}
}
@media (max-width: 630px) {
.slide-content-text {
margin-bottom: 9rem;
}
}
@media (max-width: 500px) {
 .slide-content-text {
font-size: 9rem;
}
}
.slide-content-cta {
cursor: pointer;
align-self: flex-start;
margin-top: 4.5rem;
padding: .9rem 2.2rem;
-webkit-transition: .18s ease-in-out;
transition: .18s ease-in-out;
font-weight: 700;
background-color: #A63131;
}
@media (max-width: 1000px) {
.slide-content-cta {
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}
}
.slide-content-cta:hover {
color: #000;
background-color: #fff;
}
.slide-rect {
height: 62vh;
width: 48vh;
border-image-slice: 10%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 13vw;
border-width: 5vh;
border-style: solid;
box-shadow: 2px 2px 90px 30px rgba(41, 50, 61, 0.22);
will-change: auto;
}
@media (max-height: 790px) {
.slide-rect {
left: 9vw;
height: 20vw;
width: 16vw;
border-width: 5vh;
}
}
@media (max-height: 730px) {
.slide-rect {
top: 30%;
-webkit-transform: translateY(-30%);
transform: translateY(-30%);
}
}
.slide-rect-filter {
-webkit-filter: brightness(110%) contrast(110%) saturate(110%);
filter: brightness(110%) contrast(110%) saturate(110%);
}
@media (max-height: 790px) {
.slide-side-text {
left: calc(9vw - 3rem);
top: calc((50% - (20vw / 2)) + (5vh / 2));
}
}
@media (max-height: 730px) {
.slide-side-text {
top: calc((40% - (20vw / 2)) + (5vh / 2));
}
}
.slide-side-text > span:first-child {
font-weight: 700;
}
.controls-container {
position: absolute;
z-index: 200;
display: -webkit-box;
display: flex;
bottom: 0;
right: 0;
-webkit-box-align: end;
align-items: flex-end;
}
@media (max-width: 630px) {
.controls-container {
display: none;
}
}
.controls-button {
cursor: pointer;
background-color: rgba(208, 206, 204, 0.32);
border: 0;
padding: 1.6rem 2.2rem;
flex-basis: 0;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 200px;
-webkit-transition: .25s ease-in-out;
transition: .25s ease-in-out;
outline: 0;
}
@media (max-width: 730px) {
.controls-button {
padding: 1.2rem 1.4rem;
min-width: 13rem;
}
}
.controls-button:not(.active):hover {
color: #000;
background-color: #fff;
}
.controls-button.active {
cursor: default;
font-weight: 700;
background-color: #f2a766;
padding-top: 1.9rem;
padding-bottom: 1.9rem;
margin-bottom: -0.3rem;
position: relative;
}
@media (max-width: 730px) {
.controls-button.active {
padding-top: 1.4rem;
padding-bottom: 1.4rem;
margin-bottom: -0.15rem;
}
}
.controls-button.active:after {
content: "";
background-color: #e3e3e3;
height: 5px;
width: calc(100% - 8px);
position: absolute;
top: 100%;
left: 4px;
}
.controls-button:not(.active) + .controls-button {
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.pagination-container {
position: absolute;
z-index: 200;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: end;
align-items: flex-end;
right: 2rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 920px) {
.pagination-container {
display: none;
}
}
.pagination-item {
width: 30px;
height: 1px;
background-color: rgba(255, 255, 255, 0.6);
-webkit-transition: .18s ease-in-out;
transition: .18s ease-in-out;
}
.pagination-item + .pagination-item {
margin-top: 1rem;
}
.pagination-item.active {
background-color: #fff;
position: relative;
-webkit-transform: translateX(-0.6rem);
transform: translateX(-0.6rem);
width: 35px;
}
.pagination-item.active:after {
content: "";
height: 4px;
width: 2px;
border-radius: 35%;
background-color: #fff;
display: inline-block;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateX(0.6rem) translateY(-50%);
transform: translateX(0.6rem) translateY(-50%);
}
.pagination-item:not(.active) {
cursor: pointer;
}
.pagination-item:not(.active):hover {
background-color: #fff;
width: 35px;
}
@-webkit-keyframes slideLeft {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes slideLeft {
from {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes slideRight {
from {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideRight {
from {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes cutTextUp {
from {
-webkit-clip-path: inset(0 0 -10% 0);
clip-path: inset(0 0 -10% 0);
}
to {
-webkit-clip-path: inset(0 0 100% 0);
clip-path: inset(0 0 100% 0);
}
}
@keyframes cutTextUp {
from {
-webkit-clip-path: inset(0 0 -10% 0);
clip-path: inset(0 0 -10% 0);
}
to {
-webkit-clip-path: inset(0 0 100% 0);
clip-path: inset(0 0 100% 0);
}
}
@-webkit-keyframes cutTextDown {
from {
-webkit-clip-path: inset(100% 0 0 0);
clip-path: inset(100% 0 0 0);
}
to {
-webkit-clip-path: inset(-10% 0 -20% 0);
clip-path: inset(-10% 0 -20% 0);
opacity: 1;
}
}
@keyframes cutTextDown {
from {
-webkit-clip-path: inset(100% 0 0 0);
clip-path: inset(100% 0 0 0);
}
to {
-webkit-clip-path: inset(-10% 0 -20% 0);
clip-path: inset(-10% 0 -20% 0);
opacity: 1;
}
}
@-webkit-keyframes cutTextDownFromTop {
from {
-webkit-clip-path: inset(0 0 100% 0);
clip-path: inset(0 0 100% 0);
}
to {
-webkit-clip-path: inset(0 0 -30% 0);
clip-path: inset(0 0 -30% 0);
opacity: 1;
}
}
@keyframes cutTextDownFromTop {
from {
-webkit-clip-path: inset(0 0 100% 0);
clip-path: inset(0 0 100% 0);
}
to {
-webkit-clip-path: inset(0 0 -30% 0);
clip-path: inset(0 0 -30% 0);
opacity: 1;
}
}
@-webkit-keyframes rectMovement {
0% {
-webkit-transform: translateX(0) rotate(0) translateY(-50%);
transform: translateX(0) rotate(0) translateY(-50%);
}
60% {
opacity: 1;
}
100% {
-webkit-transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-50%);
transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-50%);
opacity: 0;
}
}
@keyframes rectMovement {
0% {
-webkit-transform: translateX(0) rotate(0) translateY(-50%);
transform: translateX(0) rotate(0) translateY(-50%);
}
60% {
opacity: 1;
}
100% {
-webkit-transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-50%);
transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-50%);
opacity: 0;
}
}
@media (max-height: 730px) {
@-webkit-keyframes rectMovement {
0% {
-webkit-transform: translateX(0) rotate(0) translateY(-30%);
transform: translateX(0) rotate(0) translateY(-30%);
}
60% {
opacity: 1;
}
100% {
-webkit-transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-30%);
transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-30%);
opacity: 0;
}
}
@keyframes rectMovement {
0% {
-webkit-transform: translateX(0) rotate(0) translateY(-30%);
transform: translateX(0) rotate(0) translateY(-30%);
}
60% {
opacity: 1;
}
100% {
-webkit-transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-30%);
transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-30%);
opacity: 0;
}
}
}
@-webkit-keyframes rectMovementFromRight {
0% {
-webkit-transform: translateX(calc(48vh)) rotate(12deg) translateY(-50%);
transform: translateX(calc(48vh)) rotate(12deg) translateY(-50%);
opacity: 0;
}
60% {
opacity: 1;
}
100% {
-webkit-transform: translateX(0) rotate(0) translateY(-50%);
transform: translateX(0) rotate(0) translateY(-50%);
opacity: 1;
@media (max-height: 730px) {
-webkit-transform: translateX(0) rotate(0) translateY(-30%);
transform: translateX(0) rotate(0) translateY(-30%);
}
}
}
@keyframes rectMovementFromRight {
0% {
-webkit-transform: translateX(calc(48vh)) rotate(12deg) translateY(-50%);
transform: translateX(calc(48vh)) rotate(12deg) translateY(-50%);
opacity: 0;
}
60% {
opacity: 1;
}
100% {
-webkit-transform: translateX(0) rotate(0) translateY(-50%);
transform: translateX(0) rotate(0) translateY(-50%);
opacity: 1;
@media (max-height: 730px) {
-webkit-transform: translateX(0) rotate(0) translateY(-30%);
transform: translateX(0) rotate(0) translateY(-30%);
}
}
}
@media (max-height: 730px) {
@-webkit-keyframes rectMovementFromRight {
0% {
-webkit-transform: translateX(calc(48vh)) rotate(12deg) translateY(-30%);
transform: translateX(calc(48vh)) rotate(12deg) translateY(-30%);
opacity: 0;
}
60% {
opacity: 1;
}
100% {
-webkit-transform: translateX(0) rotate(0) translateY(-30%);
transform: translateX(0) rotate(0) translateY(-30%);
opacity: 1;
}
}
@keyframes rectMovementFromRight {
0% {
-webkit-transform: translateX(calc(48vh)) rotate(12deg) translateY(-30%);
transform: translateX(calc(48vh)) rotate(12deg) translateY(-30%);
opacity: 0;
}
60% {
opacity: 1;
}
100% {
-webkit-transform: translateX(0) rotate(0) translateY(-30%);
transform: translateX(0) rotate(0) translateY(-30%);
opacity: 1;
}
}
}
@-webkit-keyframes rectMovementRight {
0% {
-webkit-transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-50%);
transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-50%);
}
40% {
opacity: 1;
}
100% {
-webkit-transform: translateX(0) rotate(0) translateY(-50%);
transform: translateX(0) rotate(0) translateY(-50%);
opacity: 1;
@media (max-height: 730px) {
-webkit-transform: translateX(0) rotate(0) translateY(-30%);
transform: translateX(0) rotate(0) translateY(-30%);
}
}
}
@keyframes rectMovementRight {
0% {
-webkit-transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-50%);
transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-50%);
}
40% {
opacity: 1;
}
100% {
-webkit-transform: translateX(0) rotate(0) translateY(-50%);
transform: translateX(0) rotate(0) translateY(-50%);
opacity: 1;
@media (max-height: 730px) {
-webkit-transform: translateX(0) rotate(0) translateY(-30%);
transform: translateX(0) rotate(0) translateY(-30%);
}
}
}
@media (max-height: 730px) {
@-webkit-keyframes rectMovementRight {
0% {
-webkit-transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-30%);
transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-30%);
}
40% {
opacity: 1;
}
100% {
-webkit-transform: translateX(0) rotate(0) translateY(-30%);
transform: translateX(0) rotate(0) translateY(-30%);
opacity: 1;
}
}
@keyframes rectMovementRight {
0% {
-webkit-transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-30%);
transform: translateX(calc(-48vh + -13vw)) rotate(12deg) translateY(-30%);
}
40% {
opacity: 1;
}
100% {
-webkit-transform: translateX(0) rotate(0) translateY(-30%);
transform: translateX(0) rotate(0) translateY(-30%);
opacity: 1;
}
}
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.slide-wrapper {
opacity: 0;
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
-webkit-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-property: opacity;
transition-property: opacity;
will-change: opacity, transform;
}
.slide-wrapper:not(.active) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-name: slideLeft;
animation-name: slideLeft;
-webkit-animation-duration: 0.9s;
animation-duration: 0.9s;
-webkit-animation-timing-function: cubic-bezier(0.18, 0.54, 0.52, 0.93);
animation-timing-function: cubic-bezier(0.18, 0.54, 0.52, 0.93);
pointer-events: none;
}
.slide-wrapper:not(.active) .slide-content-text > p,
.slide-wrapper:not(.active) .slide-side-text {
-webkit-animation-name: cutTextUp;
animation-name: cutTextUp;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
.slide-wrapper:not(.active) .slide-rect {
-webkit-animation-name: rectMovement;
animation-name: rectMovement;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.slide-wrapper.active {
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 1;
}
.slide-wrapper.active .slide-content-text > p {
opacity: 0;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
-webkit-animation-name: cutTextDown;
animation-name: cutTextDown;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.slide-wrapper.active .slide-rect {
opacity: 0;
-webkit-animation-name: rectMovementFromRight;
animation-name: rectMovementFromRight;
-webkit-animation-duration: 0.45s;
animation-duration: 0.45s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.is-previous .slide-wrapper:not(.active) {
-webkit-animation: none;
animation: none;
}
.is-previous .slide-wrapper:not(.active) .slide-rect {
-webkit-animation: none;
animation: none;
}
.is-previous .slide-wrapper.active {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-name: slideRight;
animation-name: slideRight;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-timing-function: cubic-bezier(0.18, 0.54, 0.52, 0.93);
animation-timing-function: cubic-bezier(0.18, 0.54, 0.52, 0.93);
}
.is-previous .slide-wrapper.active .slide-rect {
opacity: 0;
-webkit-animation-name: rectMovementRight;
animation-name: rectMovementRight;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.first-load .slide-wrapper.active .slide-side-text,
.first-load .slide-wrapper.active .slide-content-cta,
.first-load .slide-wrapper.active .slide-rect,
.first-load .controls-container {
opacity: 0;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-delay: .3s;
animation-delay: .3s;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.first-load .slide-wrapper.active .slide-content-text > p {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
} .search-results .et_pb_post .entry-featured-image-url {
max-width: 240px;
float: left;
margin-right: 30px;
}
body {
font-family: lora, serif;
font-weight: 400;
font-style: normal;
letter-spacing: 1px;
}
.et_pb_section {
background-color: #F4EDE0;
} .draw-border {
-webkit-transition: color 0.35s 0.0833333333s, background-color .45s .45s;
transition: color 0.35s 0.0833333333s, background-color .45s .45s;
position: relative;
margin-top: 1em;
display: inline-block;
padding: 1em 2em;
}
.light span {
margin-left: 2em;
}
.draw-border::before,
.draw-border::after {
border: 0 solid transparent;
box-sizing: border-box;
content: '' !important;
pointer-events: none;
position: absolute;
width: 0;
height: 0;
bottom: 0;
right: 0;
display: block;
-webkit-transition: border-color 0.25s, width 0.25s, height 0.25s;
transition: border-color 0.25s, width 0.25s, height 0.25s;
}
.draw-border::before {
border-bottom-width: 1px;
border-left-width: 1px;
}
.draw-border::after {
border-top-width: 1px;
border-right-width: 1px;
}
.draw-border:hover::before,
.draw-border:hover::after {
-webkit-transition: border-color 0s, width 0.25s, height 0.25s;
transition: border-color 0s, width 0.25s, height 0.25s;
width: 100%;
height: 100%;
}
.draw-border:hover::before,
.grid_txt a:hover::before {
-webkit-transition-delay: 0s, 0s, 0.25s;
transition-delay: 0s, 0s, 0.25s;
}
.draw-border:hover::after,
.grid_txt a:hover::after {
-webkit-transition-delay: 0s, 0.25s, 0s;
transition-delay: 0s, 0.25s, 0s;
}
.draw-border.light {
box-shadow: inset 0 0 0 1px #592D1D;
color: #592D1D;
}
.draw-border.light span {
margin-left: 2em;
}
.draw-border.light:hover {
color: #592D1D;
background-color: #D9C2A7;
}
.draw-border.light:hover::before,
.draw-border.light:hover::after {
border-color: #D9C2A7;
}
.draw-border.dark {
box-shadow: inset 0 0 0 1px #592D1D;
background-color: #592D1D;
color: #ffffff;
}
.draw-border.dark span {
margin-left: 4em;
}
.draw-border.dark:hover {
color: #592D1D;
background-color: #D9C2A7;
}
.draw-border.dark:hover::before,
.draw-border.dark:hover::after {
border-color: #D9C2A7;
}
.draw-border.red {
box-shadow: inset 0 0 0 1px #a63131;
background-color: #a63131;
color: #ffffff;
}
.draw-border.red span {
margin-left: 4em;
}
.draw-border.red:hover {
color: #a63131;
background-color: #ffffff;
}
.draw-border.red:hover::before,
.draw-border.red:hover::after {
border-color: #ffffff;
} li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-367 a, .et-fixed-header #top-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-367 a {
background: #a63131;
padding: 1em !important;
color: #ffffff !important;
} .mobile_menu_bar:before {
color: #592d1d; 
}
.et_mobile_menu {
border: none;
} .footer_outer, .footer_outer a {
color: #000000;
}
.footer_logo {
font-size: 36px;
font-weight: 700;
}
.footer_nav_wrap {
display: flex;
}
@media (max-width:480px) {
.footer_nav_wrap {
flex-direction: column;
}
}
.footer_nav_wrap .footer_nav_inner {
flex: 1 1 0px;
border-top: 1px solid #000000;
padding-top: 1em;
margin-right: 1em;
}
@media (max-width: 480px) {
.footer_nav_wrap .footer_nav_inner {
margin-top: 1em;
}
}
.footer_nav_wrap .footer_nav_inner ul {
margin: 0;
padding: 0;
}
.footer_nav_wrap .footer_nav_inner ul li {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
}
@media (max-width: 980px) {
.footer_nav_wrap .footer_nav_inner .et-menu {
display: block;
}
}
.footer_optin__.et_pb_newsletter .et_pb_newsletter_fields {
flex-wrap: nowrap !important;
}
.footer_optin__.et_pb_newsletter .et_pb_newsletter_fields>* {
flex-basis: 75% !important;
}
.footer_optin__.et_pb_newsletter .et_pb_newsletter_button_wrap {
flex-basis: 25% !important;
}
.footer_optin__.et_pb_newsletter .et_pb_newsletter_button_wrap .et_pb_newsletter_button_text {
line-height: 2em;
}
.footer_optin__.et_pb_newsletter .et_pb_newsletter_form .input {
padding: 12px 4% 11px !important;
} .home_grid_0,
.home_grid_1 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: 1fr;
}
.home_grid_0:before,
.home_grid_1:before {
content: '';
width: 0;
padding-bottom: 100%;
grid-row: 1 / 1;
grid-column: 1 / 1;
}
.grid_txt a {
color: #592d1d;
position: relative;
padding-bottom: 1em;
}
.grid_txt a::before {
border: 0 solid transparent;
box-sizing: border-box;
content: '' !important;
pointer-events: none;
position: absolute;
width: 0;
height: 0;
bottom: 0;
left: 0;
display: block;
-webkit-transition: border-color 0.25s, width 0.25s, height 0.25s;
transition: border-color 0.25s, width 0.25s, height 0.25s;
}
.grid_txt a::before {
border-bottom-width: 1px;
}
.grid_txt a:hover::before {
border-color: #592d1d;
-webkit-transition: border-color 0s, width 0.25s, height 0.25s;
transition: border-color 0s, width 0.25s, height 0.25s;
width: 100%;
height: 100%;
}
.grid_txt,
.grid_img {
margin-bottom: 0 !important;
}
.grid_txt {
padding: 2em;
}
.grid_img {
width: 100%;
}
.grid_img span {
overflow: hidden;
width: 100%;
height: 100%;
display: block !important;
}
.grid_img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
}
.grid_img_0 {
grid-column: 1 / 4;
grid-row: 1 / 3;
}
.grid_txt_0 {
grid-column: 4 / 5;
grid-row: 1 / 2;
}
.grid_img_1 {
grid-column: 4 / 5;
grid-row: 2 / 3;
}
.grid_txt_1 {
grid-column: 1 / 2;
grid-row: 3 / 4;
}
.grid_img_2 {
grid-column: 2 / 4;
grid-row: 3 / 4;
}
.grid_txt_2 {
grid-column: 4 / 5;
grid-row: 3 / 4;
}
.grid_img_3 {
grid-column: 1 / 5;
grid-row: 1 / 3;
}
.grid_txt_3 {
grid-column: 2 / 3;
grid-row: 2 / 3;
}
.grid_txt_3::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: #8C715A;
top: 0;
left: -100%;
}
@media (max-width: 480px) {
.home_grid_0,
.home_grid_1 {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-auto-rows: 1fr;
}
.grid_img_0 {
grid-column: 1 / 2;
grid-row: 1 / 2;
}
.grid_txt_0 {
grid-column: 1 / 2;
grid-row: 2 / 3;
}
.grid_img_1 {
grid-column: 1 / 2;
grid-row: 3 / 4;
}
.grid_txt_1 {
grid-column: 1 / 2;
grid-row: 4 / 5;
}
.grid_img_2 {
grid-column: 1 / 2;
grid-row: 5 / 6;
}
.grid_txt_2 {
grid-column: 1 / 2;
grid-row: 6 / 7;
}
.grid_img_3 {
grid-column: 1 / 2;
grid-row: 1 / 2;
}
.grid_txt_3 {
grid-column: 1 / 2;
grid-row: 2 / 3;
}
.grid_txt_3::before {
display: none;
}
}
.project-row .et_pb_main_blurb_image {
margin-bottom: 1em;
}
.project-row .et_pb_blurb_container {
padding: 0 1em 1em;
}
@media (min-width: 981px) {
.project-row .et_pb_column_1_4, .project-row .et_pb_grid_item, .project-outter .et_pb_portfolio_item {
width: 23% !important;
margin-right: 2.66667% !important;
}
}
.project-row .et_pb_blurb, .project-row .et_pb_portfolio_item, .blurb-image-shadow .et_pb_main_blurb_image .et_pb_image_wrap {
transition: all .2s;
}
.project-row .et_pb_blurb:hover, .project-row .et_pb_portfolio_item:hover, .blurb-image-shadow .et_pb_main_blurb_image:hover .et_pb_image_wrap{
transform: translateY(-6px);
box-shadow:  10px 10px 30px #d9c2a7, 
-6px -6px 20px #ffffff;
transition: all .3s;
}
.choc-shadow .et_pb_portfolio_item:hover {
box-shadow:  10px 10px 30px #d97941, 
-6px -6px 20px rgba(217,121,65,0.3);
}
.project-row .et_pb_portfolio_item {
background-color: #ffffff;
}
.project-row .et_pb_portfolio_item .et_pb_module_header, .project-row .et_pb_portfolio_item .post-meta{
padding: 0 1em;
}
.project-row .et_pb_portfolio_item .post-meta {
padding-bottom: 1em;
}
.meta, .meta a {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .et_pb_module_header {
margin-top: auto;
}
.about-pr .et_pb_equal_columns {
display: flex;
}
input.pr-veld, select.pr-veld {
padding: 12px !important;
}
input.pr-knop {
border: none;
padding: .6em 1em;
font-size: 18px;
background: #000000;
color: #ffffff;
margin-top: 1em;
}
.activity .et_pb_image_container {
margin: initial;
} .et-pb-arrow-next, .et-pb-arrow-prev {
opacity: 1;
background: #a63131;
}
.et-pb-arrow-next {
right: 0;
}
.et-pb-arrow-prev {
left: 0;
}
.et-pb-arrow-prev:before, .et-pb-arrow-next:before {
color: #ffffff;
}