/*
Theme Name: Schreiber Foods 2024
Theme URI: http://underscores.me/
Author: Toptal - André Abdalla
Author URI: http://www.toptal.com
Description: Recreating theme with WordPress
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: schreiber_foods_2024
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Schreiber Foods 2024 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

:root {
    --color-red: #EF4135;
    --color-dark-red: #B42E34;
    --color-orange: #F8971D;
    --color-green: #00A18E;
    --color-green--hover: #008263;
    --color-bright-green: #7AC143;
    --color-yellow-green: #D5D10E;
    --color-yellow: #FFD900;
    --color-blue: #00AFD8;
    --color-black: #231f20;
    --color-gray: #51534A;
    --color-dark-gray: #5f604b;
    --width-nav-size: 240px;
    --width-nav-size--negative: -240px;
    --ratio-images: calc(1097/1920);
    --ratio-images-2: calc(960/1920);

    --transition: 0.3s;
}

.red {
    border: Solid 3px red;
}

a {
    color: var(--color-green);
}

a:hover {
    color: var(--color-green--hover);
}

strong, b {
    font-family: 'Avenir LT Pro 65';
    /* font-family: 'Avenir LT Std Roman'; */
    font-weight: 900;
}

html {
    margin: 0;
    padding: 0;
    font-family: 'Avenir LT Pro', sans-serif;
    /* font-family: 'Avenir LT Std Roman', Arial, sans-serif; */

    font-size: 10px;
    color: #51534a;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    min-height: 100%;

  scroll-behavior: smooth;

}

body {
    /* border: solid 1px red; */
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
    line-height: 1.666666667;
    font-size: 1.8rem;
}

*, :after, :before {
    box-sizing: border-box
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.1;
}

h3 {
    font-size: 4.4rem;
    line-height: 1.1;
    font-weight: 300;
    margin-bottom: 15px;
}

h4 {
    font-size: 3.6rem;
    /* line-height: 1.1; */
    /* font-weight: 300; */
    /* margin-bottom: 15px; */
}

.clear {
    clear: both;
}

.miolo {
    width: 100%;
    max-width: 1230px !important;
    margin-left: auto;
    margin-right: auto;
    /* border: solid 1px red; */
}

.box--white {
    background: hsla(0, 0%, 100%, .7);
    padding: 30px;
    width: 50%;
    margin-left: -120px;
}

.box--white h2 {
    color: var(--color-red);
    font-size: 6.4rem;
    line-height: 1.1;
    font-family: 'Avenir LT Pro', sans-serif;
    /* font-family: 'Avenir LT Std Roman', Arial, sans-serif; */
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 20px;
}

.box--white--orange h2 {
    color: var(--color-orange);

}

.flex-1-column .column .box--white--orange .link-with-arrow {
    color: var(--color-orange);
}

.box--white.box--white--orange p {
    color: var(--color-orange);
}

.box--white p {
    color: var(--color-gray);
    font-size: 1.8rem;
    margin-top: 0;
    margin-bottom: 30px;
    width: 540px;
}

.mt-0 {
    margin-top: 0;
}

.mt-5 {
    margin-top: 5px;
}

.mt--50 {
    margin-top: -50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-100 {
    padding-bottom: 100px;
}

.mb-50 {
    margin-bottom: 50px;
}

.flex {
    display: flex;
}

.flex-h-j {
    justify-content: space-between;
}

.flex-h-e {
    justify-content: flex-end;
}

.flex-h-s {
    justify-content: flex-start;
}

.flex-v-c {
    align-items: center;
}

.flex-v-e {
    align-items: end;
}

.flex-v-s {
    align-items: start;
}

.gap-30 {
    column-gap: 30px;
    row-gap: 30px;
}

.pl-15 {
    padding-left: 15px;
}

.pr-15 {
    padding-right: 15px;
}

.flex-1-column {
    height: 960px;
    padding-left: var(--width-nav-size);
}

.flex-1-column .column {
    flex-basis: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    /* background-position: -8px 0; */
    background-size: cover;
}

.flex-1-column .column .miolo {
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.flex-1-column .column .link-with-arrow {
    color: var(--color-red);
    font-size: 2.2rem;
    font-weight: 900;
    font-family: 'Avenir LT Pro 65', sans-serif;

    /* font-family: 'Avenir LT Std Roman', Arial, sans-serif; */

}


.flex-2-columns {
    min-height: 480px;
}

.flex-2-columns .column {
    flex-basis: 50%;
    height: 480px;

    background-repeat: no-repeat;
    background-size: cover;
}

.block-video .column,
footer.flex-2-columns .column {
    height: auto;
    padding-left: 0px;
    margin-left: 0;
}

.block-video .column {
    flex-basis: 615px;
    padding-left: 15px;
    padding-right: 15px;
}

.flex-2-columns .column.col2 {
    background-repeat: no-repeat;
    background-position: right -100px;
    background-size: 100% auto;

}

footer.flex-2-columns .column.col-2-footer {
    padding-left: 15px;
}


.flex-2-columns .column .text--container {
    max-width: 615px;
    width: auto;
    padding: 70px 0;
    position: relative;
    padding-left: 15px;
    height: 100%;
}

.flex-2-columns .column .text-container-locations {
    /* border: solid 2px red; */
    width: 600px;
}

.flex-2-columns .column.col-2 .text--container {
    padding-left: 0;
    margin-left: 70px
}

.flex-2-columns .column .text--container a {
    display: block;
    /* border: Solid 2px blue; */
}

.flex-2-columns .column .text--container .link-with-arrow {
    color: var(--color-gray);
    font-size: 2.2rem;
    font-weight: 900;
    font-family: 'Avenir LT Pro 65', sans-serif;
    position: absolute;
    bottom: 70px;
}

.flex-2-columns .column .text--container .link-with-arrow:after
/* , */

/* .wp-block-nk-awb .wp-block-columns .block-col-left a:after, */
/* .wp-block-nk-awb .wp-block-columns .block-col-right a:after  */
    {
    content: "\f04b";
    font-family: FontAwesome;
    font-size: .8em;
    display: inline-block;
    width: 1em;
    margin-left: 0.5em;
    margin-right: -1.5em;
    text-decoration: none;
}

.wp-block-nk-awb .wp-block-columns .block-col-left .wp-block-cover a:after,
.wp-block-nk-awb .wp-block-columns .block-col-right .wp-block-cover a:after {
    content: "";
}


.wp-block-nk-awb .wp-block-columns .block-col-left a:after {
    /* margin-left: -1.5em; */
    margin-right: 0.5em;
    text-decoration: none;
}



.flex-2-columns .column .text--container h2 {
    color: var(--color-gray);
    font-size: 4.4rem;
    font-family: 'Avenir LT Pro', sans-serif;
    font-weight: 300;
    line-height: 1.1;
    max-width: 50%;
    margin-top: 0;
}

.flex-2-columns .column.col-2 .text--container h2 {
    width: 265px;
    max-width: none;
}

.flex-2-columns .col-1 {
    /* background-position: right -29px; */
    background-position: center;
    background-size: cover;
}

.flex-2-columns .col-2 {
    /* background-position: right -29px; */
    background-position: right center;
}

header.header {
    width: var(--width-nav-size);
    position: fixed;
    z-index: 100;
    height: 100%;
    background-color: var(--color-green);
    color: white;
    box-shadow: 2px 0 20px 0 rgba(0, 0, 0, .25);
    top: 0;
}

header.header nav {
    margin: 20px 0 15px 0;
    position: relative;
    z-index: 10;
}


header.header nav ul {
    margin-top: 30px;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

header.header nav ul li {}


header.header nav ul a {
    display: block;
    padding: 12px 30px;
    text-decoration: none;
    color: white;
    /* line-height: 1; */
}

header.header nav .social {
    padding-left: 15px;
    padding-right: 15px;
}

header.header nav .social a {
    padding: 0 15px;
}

header.header nav .social a:hover {
    background: none;
}

header.header nav .social a i {
    font-size: 2.4rem;
}

header.header nav ul a:hover,
header.header nav li.current-post-parent a,
header.header nav li.current-menu-item a,
header.header nav li.current-page-ancestor:not(.menu-item-83) a {
    background-color: var(--color-green--hover);
    color: white;
}

header.header .logo {
    padding: 30px;
    background: white;

    line-height: 1;
    /* height: 120px */
}

header.header .logo img {
    width: 180px;
    /* height: 60px; */
    /*ASSIM ESTÁ ACHATANDO A LOGO*/
}

main {
    /* min-height: 100%; */
}


.text-image {
    position: relative;
    z-index: 8;
    min-height: 840px;
    padding-top: 95px;
    /* background-image: url('off-test-images/hq--karen-gradient-large-callout.jpg'); */
    /* background-position: var(--width-nav-size) -184px; */
    /* background-image: url('off-test-images/hq--justine-large-callout.jpg'); */
    background-position: var(--width-nav-size) center;

    /* background-position: center; */
    /* background-size: 100% auto; */
    background-size: cover;
    background-repeat: no-repeat;

    /*
    width:1920px;
    ratio: 0,5714285714285714285714285714;
    height: 1097px; calculado!
    */
}

.text-image h1,
.text--container-2 h1 {
    font-family: 'Avenir LT Pro', sans-serif;
    font-weight: 300;
    font-size: 6.4rem;
    color: var(--color-red);
    margin-top: 0;
    margin-bottom: 20px;
    width: 500px;
}

.text-image h1 sup {
    /* border: solid 2px red; */
    font-size: 3.5rem;
}

.text-image h1 sub {
    font-size: 2.0rem;
    vertical-align: baseline;
}

.text-image .miolo {
    padding-left: 15px;
    padding-right: 15px;
}

.text-image p,
.text--container-2 p {
    color: var(--color-red);
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 1.8rem;
}

.text-image a,
.text--container-2 a {
    font-family: 'Avenir LT Pro 65', sans-serif;
    font-weight: 900;
    font-size: 2.2rem;
    color: var(--color-red);
}

.text-image a :hover,
.text--container-2 a :hover {
    text-decoration: none;
}

.text--container {
    width: 600px;
    /* border: solid 1px red; */
}

.text-image .text--container {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 30px;
}

.text--container-2 {
    display: none;
}

.link-with-arrow:after {
    content: "\f04b";
    font-family: FontAwesome;
    font-size: .8em;
    display: inline-block;
    width: 1em;
    margin-left: 0.5em;
    margin-right: -1.5em;
    text-decoration: none;
    color: var(--color-green);
}

.color-green:after {
    color: var(--color-green);
}

.color-orange:after {
    color: var(--color-orange);
}

.color-red:after {
    color: var(--color-red);
}

.color-gray:after {
    color: var(--color-gray);
}

.color-white,
.color-white:after {
    color: #FFFFFF !important;
}


.logo-shapes {
    display: block;
    position: absolute;
    /* z-index: 9; */
    left: 0;
    bottom: 0;
    width: 480px;
    margin-left: var(--width-nav-size);
}

.logo-shapes__tri--1, .logo-shapes__tri--2 {
    fill: var(--color-yellow-green);
}

.logo-shapes__tri--3 {
    fill: var(--color-bright-green);
}

.logo-shapes__tri--4, .logo-shapes__tri--6 {
    fill: var(--color-green);
}

.logo-shapes__tri--5 {
    fill: var(--color-orange);
}

.logo-shapes__tri--7 {
    fill: var(--color-red);
}

.block-video {
    padding: 100px 0 100px 0;
    background-color: #f0f8f7;
    /* background-color: red; */
    min-height: auto;
}

.block-video .miolo {
    /* background-color: blue; */
    padding-top: 0;
    margin-top: 0;
    height: 274px;

}

.block-video h3 {
    font-size: 4.4rem;
    /* line-height: 1.1; */
    font-family: 'Avenir LT Pro', sans-serif;
    /* font-weight: 300; */
    margin-bottom: 0;
    margin-top: 0;
}

.block-video p {
    margin-top: 18px;
    margin-bottom: 0;

}

.box-video {
    display: block;
    cursor: pointer;
    max-width: 470px;
    margin-left: auto;
    border: 5px solid #fff;
    transition: box-shadow .25s linear;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25);
    position: relative;

    height: 272.578px;
}

.box-video img {
    max-width: 100%;
}

.video-callout__video__blanket {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center;
    font-size: 40px;
    line-height: 1;
    transition: background .25s linear;
    background: rgba(0, 0, 0, .1);
}

.video-callout__video__blanket i {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin: -20px auto 0;
}


footer.footer {
    padding: 100px 0;
    background: #f3f3f3 url('images/arrow-pattern.png') repeat;
}

footer .miolo {
    padding-left: 15px;
    padding-right: 15px;
}

footer h3 {
    color: var(--color-orange);
    /* font-size: 4.4rem; */
    /* line-height: 1.1; */
    font-family: 'Avenir LT Pro', sans-serif;
    /* font-weight: 300; */
    margin-top: 0;
    margin-bottom: 0;
}

footer p {
    margin-top: 18px;
    margin-bottom: 18px;
    font-size: 1.8rem;
    max-width: 380px;

}

footer .link-with-arrow {
    color: var(--color-orange);
    font-size: 1.8rem;
    text-decoration: underline;
    font-family: 'Avenir LT Pro 65', sans-serif;
    font-weight: 900;

}

.footer-end {
    padding: 30px 0;
    background-color: #f3f3f3;
    height: 300px;
}

.footer-end .miolo {
    padding-left: 15px;
    padding-right: 15px;
}

.footer-end .container {

    max-width: 960px;
    margin-left: 0;
}

.menu-footer {
    margin-bottom: 60px;
}

.menu-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}

.menu-footer ul li {
    font-size: 2.4rem;
}

.menu-footer ul li a {
    color: var(--color-gray);
    text-decoration: none;
}

.menu-footer ul li a:hover {
    text-decoration: underline;

}

.menu-terms {
    float: left;
}

.menu-terms ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-terms ul li {
    font-size: 1.6rem;
    float: left;
    margin-right: 30px;

}

.menu-terms ul li a {
    color: var(--color-gray);
    text-decoration: none;

}

.menu-terms ul li a:hover {
    text-decoration: underline;

}

.menu-social {
    float: right;
    margin-top: 6px;
}

.menu-social ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-social ul li {
/*    float: left;*/
    display: inline-block;
    vertical-align: top;
}

.menu-social ul li a {
    margin-left: 30px;
}

.menu-social ul li a i {
    font-size: 2.4rem;
    color: var(--color-gray);
    text-decoration: none;
}

#video-from-vimeo {
    /* width: 100%;
    max-width: 840px;
    height: auto; */

}

/* MODAL */

.modal {
    display: none;
    opacity: 0;
    position: fixed;
    z-index: 10;
    top: 0;
    padding-top: 90px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    background: rgba(255, 255, 255, 0.9);
}

.modal__container {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 840px;
    height: 472px;
    margin-left: -420px;
    /* width: 560px; */
    /* height: 320px; */
    /* margin-left: -280px; */
    padding: 0;

    /* overflow: hidden; */
}

.modal__container-2 {
    /* border: solid 3px red; */
    width: 600px;
    margin-left: -300px;
    height: auto;
}

.modal__container--narrow {
    max-width: 600px;
    margin-left: -300px
}

.modal__container--transparent {
    background: transparent
}

@media (min-width: 768px) and (max-width:1019px) {
    .modal__container {
        width: 700px;
        margin-left: -350px
    }

    .modal__container--narrow {
        width: 500px;
        margin-left: -250px
    }
}

@media (max-width: 767px) {
    .modal__container {
        top: 50px;
        right: 15px;
        left: 15px;
        width: auto;
        max-height: calc(100% - 100px);
        margin: 0;
        transform: translateY(0)
    }
}

.modal__container__head {
    height: 50px
}

.modal__container__body {
    background: #fff;
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, .15);
    /* border: Solid 3px blue; */
    /* height: 472px; */
    height: 320px;
}

.modal__container__body-2 {
    max-width: 600px;
    padding: 40px 40px 80px;
    height: auto;
}

.modal__container__body-2 .modal-link {
    display: block;
    margin-bottom: 20px;
    border: 1px solid #d1d1ce;
    border-radius: 6px;
    padding: 16px 15px 14px;
    text-decoration: none;
    color: var(--color-gray);
}

.modal__container__body-2 .modal-link:hover {
    text-decoration: underline;

}

.modal__container__body-2 .modal-link:after {
    content: "\f054";
    font-family: FontAwesome;
    float: right;


}

@media (min-width: 768px) {
    .modal__container.ng-enter {
        transition: transform .4s ease, opacity .3s ease;
        transform: translate3d(0, -40%, 0);
        opacity: 0
    }

    .modal__container.ng-enter-active, .modal__container.ng-leave {
        transform: translateZ(0);
        opacity: 1
    }

    .modal__container.ng-leave {
        transition: transform .4s ease-in, opacity .3s ease-in
    }

    .modal__container.ng-leave-active {
        transform: translate3d(0, -40%, 0);
        opacity: 0
    }
}

@media (max-width: 767px) {
    .modal__container.ng-enter {
        top: 0;
        opacity: 0;
        transition: top .4s ease-out, opacity .3s ease-out
    }

    .modal__container.ng-enter-active {
        top: 50px;
        opacity: 1
    }

    .modal__container.ng-leave {
        top: 50px;
        opacity: 1;
        transition: top .4s ease-in, opacity .3s ease-in
    }

    .modal__container.ng-leave-active {
        top: 0;
        opacity: 0
    }
}

.modal__close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    font-family: 'Avenir LT Pro', sans-serif;
    font-weight: 300;
    font-size: 50px;
    line-height: 1;
    text-decoration: none;
    transition: color .25s linear;
    outline-width: 0;
    text-decoration: none;
    color: var(--color-gray);
    cursor: pointer;
    /* border: solid 2px red; */
}

.modal__close-2 {
    position: relative;
    float: right;
    margin-right: -30px;
    margin-top: -35px;
    /* z-index: 2; */
    /* top: 0; */
    /* right: 0; */
    font-family: 'Avenir LT Pro', sans-serif;
    font-weight: 300;
    font-size: 50px;
    line-height: 1;
    text-decoration: none;
    transition: color .25s linear;
    outline-width: 0;
    text-decoration: none;
    color: var(--color-gray);
    cursor: pointer;
    /* border: solid 2px red; */
}

.modal__close:focus, .modal__close:hover {
    text-decoration: none;
    color: rgba(81, 83, 74, .5)
}

.modal__close--indent {
    top: 5px;
    right: 10px
}

.modal-login {
    text-align: Center;
    color: var(--color-dark-red);
    font-weight: 300;
    margin-top: 0;
}

/* MODAL */

.menu-icon {
    display: none;
}


html.disable-scroll body {
    overflow: hidden;
    position: fixed !important;
    width: 100%;
    height: 100%;
}

.menu-mobile--container {
    display: none;
    background: #FFFFFFD9;
    position: fixed;
    z-index: 100000;
    width: 100%;
    height: 100%;
}

.menu-mobile--header {
    height: 85px;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25);
    background: white;
    position: fixed;
    top: 0;
    width: 100%;

}

.menu-mobile--close {
    padding: 17px 0 0;
    font-family: 'Avenir LT Pro', sans-serif;
    font-weight: 300;
    font-size: 50px;
    line-height: 1;
    border: none;
    background: none;
    color: var(--color-gray);
    margin-left: 15px;
}

.menu-mobile {
    width: 300px;
    background: white;
    height: 100%;
    position: fixed;
    z-index: 1000000;
    right: 0;
    top: 0;

    box-shadow: -5px 0 20px 0 rgba(0, 0, 0, .25);
    padding: 15px;
    font-size: 1.6rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.menu-mobile ul {
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 30px;
}

.menu-mobile ul li {}

.menu-mobile ul li.login {
    margin-top: 30px;
    font-size: 1.4rem;
}

.menu-mobile ul li.login a {
    color: var(--color-gray);
}

.menu-mobile ul li a {
    color: var(--color-green);

    display: block;
    padding: 12px 0 12px 15px;
    text-decoration: none;
}

.menu-mobile ul li a:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-top: -2px;
    float: right;
}

.menu-mobile .menu-item-95 {
    display: none;
    /*SEARCH*/
}

.search-input {
    border: 1px solid #d1d1ce;
    border-radius: 6px;
    padding: 11px 10px 9px;
    line-height: 1.111111111;
    display: block;
    width: 100%;
    font-size: 1.6rem;
    font-family: 'Avenir LT Pro', sans-serif;
    color: rgb(81, 83, 74);

}

.search-input::placeholder {
    color: rgba(81, 83, 74, 0.6);
}

.search-button {
    position: absolute;
    top: 8px;
    bottom: 3px;
    right: 18px;
    padding: 0 10px;
    color: #009b77;
    background: none;
    border: none;
    height: 50px;

}

.fa-search {
    font-size: 1.6rem;
}

.site-main {
    /* border: Solid 1px red; */
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    margin-top: 30px;
}

.entry-content {
    margin-left: var(--width-nav-size);
    /* border: solid 1px red; */
}

.entry-header {}

.entry-footer {}

.entry-title {
    font-size: 6.4rem;
    color: var(--color-green);
    margin-top: 20px;
    font-weight: 300;
    border-bottom: solid 1px var(--color-green);
    margin-bottom: 0;
}

.divider-green {
    background-color: var(--color-green);
    height: 1px;
    margin-top: 20px;
}

h2.entry-header-locations {
    font-size: 5.4rem;
    color: var(--color-gray);
    font-weight: 300;
    margin-bottom: 5px;
    margin-top: 40px;
}

.button-home {
    color: var(--color-green);
    font-size: 1.8rem;
    text-decoration: none;
}

.fa-share {
    color: var(--color-green);
}

.button-home:hover {
    color: var(--color-green--hover);
    text-decoration: underline;
}

.pre-header {
    padding-top: 60px;
    padding-bottom: 80px;
    padding-right: 15px;
}

.pre-header .column {
    /* flex-basis: 50%; */
}

.col-subtitle {
    flex-shrink: 0;
    flex-basis: 600px;
    font-size: 4.4rem;
    padding-right: 15px;
    color: var(--color-gray);
    line-height: 1.1;
    font-weight: 300;
    /* padding-bottom: 30px; */
    padding-bottom: 0;
}

.col-subtitle p {
    margin-top: 0;
    margin-bottom: 0;
}

.col-description {
    flex-basis: 585px;
    /* padding-left: 15px; */
    /* padding-top: 18px; */
    padding-bottom: 12px;
    padding-bottom: 0;
}

.col-description p {
    margin-bottom: 0;
}

.min-height-840 {
    min-height: 960px;
    padding-top: 60px;
    padding-bottom: 60px;
    height: 100%;
    /* border: solid 2px blue; */
}

.ml--240 {
    /* margin-left: var(--width-nav-size--negative) !important; */
    /* border: Solid 3px black; */
}

.max-width-600 {
    max-width: 600px;
    flex-basis: 600px;
    margin-right: auto;
}

.block-col-right {
    /* border: solid 4px red; */
    /* background: yellow; */
    margin-right: 120px !important;
}

.block-col-left {
    /* border: solid 1px blue; */
    /* background: green; */
    margin-left: -120px !important;
}

.wp-block-nk-awb,
.nk-awb {
    /* border: solid 3px blue; */
    /* padding: 0 0 0 var(--width-nav-size); */
    padding: 0;
    margin-left: var(--width-nav-size) !important;
}

.nk-awb .nk-awb {
    /* border: solid 2px red; */
    margin-left: 0 !important;
}


/* .wp-block-group {
    margin-left: var(--width-nav-size) !important;
} */

.wp-block-nk-awb {
    /* margin-left: -240px; */
}


.no-padding-left {
    padding-left: 0 !important;
}

.wp-block-nk-awb .wp-block-columns,
.nk-awb .wp-block-columns {
    /* border: solid 3px red; */
    max-width: 1230px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    gap: 0;
}

.wp-block-nk-awb .wp-block-columns:where(.wp-block-columns),
.nk-awb .wp-block-columns:where(.wp-block-columns) {
    margin-bottom: 0;
}

.wp-block-columns,
.wp-block-column {
    /* border: solid 2px red; */
}

.box-shadow {
    transition: box-shadow .25s linear;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .25);
}

.box-shadow:hover {
    box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .35);
}

.font-awesome {
    /* font-family: 'Font Awesome 6 Free'; */
    font-family: 'FontAwesome';
    font-weight: normal;
}

.block-col-right .wp-block-cover {
    max-width: 470px;
    margin-left: auto;
}

.careers-map {
    max-width: 1230px !important;
    padding: 0 15px;
    margin: 0 auto !important;
    /* border: solid 2px red; */
}

.alignright {
    float: right;
    margin-left: 30px;
}

.alignleft {
    float: left;
    margin-right: 30px;
}

.block-container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.block-text-and-image {
    /* border: solid 2px red; */
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    /* padding-left: 15px; */
    /* padding-right: 15px; */
    padding-top: 60px;
    padding-bottom: 80px;
}

.block-text-and-image h2,
.block-text-and-image h3 {
    /* margin-top: 0; */
    /* margin-bottom: 30px; */
}

.block-text-and-image p {
    margin-bottom: 0px;
}

.block-container figure.wp-block-image,
.block-text-and-image figure.wp-block-image {
    margin-bottom: 0;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 30px !important;
}

.container-filters {
    padding: 40px 0 80px 0;
    background-color: #fefcf2;
}


select.filter {

    font-family: 'Avenir LT Pro', sans-serif;
    /* width: 100%; */
    width: 245px;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline-offset: 2px;
    padding: 0 30px 0 0;
    height: 28px;
    border: 0;
    color: var(--color-green);
    background: transparent;
    border-bottom: solid 2px var(--color-green);
    font-size: 1.8rem;
    position: relative;
    /* border: solid 1px blue; */
}

select.filter:disabled {
    opacity: 0.5;
}




select.filter:after,
select.filter:before {
    /* content: "\e5cf"; */
    /* font-family: icomoon; */
    /* content: "\f04b"; */
    content: "\f078";
    /* content: "--"; */
    font-family: FontAwesome;
    line-height: 1;
    color: var(--color-green);
    font-size: 2.8em;
    pointer-events: none;
    position: relative;
    z-index: 10000000000;
    width: 100px;
    height: 100px;
    /* margin-top: 8px; */
    /* top: 20px; */
    /* left: 300px; */
    /* top: 4px; */
    /* right: 0; */
    border: solid 2px black;
    background: black;

    display: inline-block;
    opacity: 1;

}

.filter-title {
    font-size: 2.0rem;
}

.filters-header {
    /* border: solid 2px red; */
    display: flex;
    align-items: center;
    gap: 30px;
    /* justify-content: space-between; */
    margin-bottom: 80px;
}

.filter-buttons {
    margin-left: auto;
    display: flex;
    gap: 16px;
}

.filter-buttons a {
    cursor: pointer;
}

.filter-buttons a svg {
    color: var(--color-green);
    fill: var(--color-green);
    width: 24px;
}

.filter-buttons a.disabled svg {
    opacity: 0.5;
}


.widget-container {
    /* margin-top: 106px; */
    margin-top: 76px;
}


/* NEW FILTER TABLE */
.filter-table {
    text-align: left;
    /* border-bottom: solid 1px #000000; */
    /* margin-left: 15px; */
    /* margin-right: 15px; */
    padding-left: 15px;
    padding-right: 15px;
}

.filter-table-col-1 {
    /* border: solid 1px red; */
    flex-basis: 83.3333333333%;
    display: flex;
    justify-content: space-between;
}

.filter-table-col-2 {
    flex-basis: 16.6666666667%;
    /* padding-left: 15px; */
    /* padding-right: 15px; */
}

.filter-table-col-1-col {
    flex-basis: 33.3333333333%;
    /* padding-left: 15px; */
    /* padding-right: 15px; */
}

.filter-table-col-1-col,
.filter-table-col-2 {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px #000000;
}

a:hover .filter-table-col-1-col,
a:hover .filter-table-col-2 {
    /* padding-top: 15px; */
    /* padding-bottom: 15px; */
    border-bottom: solid 1px #FFFFFF;
}



.filter-table-th,
.filter-table-tbody a.tr {
    text-align: left;
    display: flex;
    justify-content: space-between;
    font-size: 1.2rem;
    color: var(--color-gray);
    /* padding: 15px 0; */
    line-height: 20px;
    width: 100%;
    /* border:solid 2px green; */
}

.filter-table-th {
    font-family: 'Avenir LT Pro 65', Arial, Helvetica, sans-serif;
    font-weight: 900;
    text-align: left;
    border-bottom: solid 1px #000000;
    /* border-bottom: solid 4px blue; */

}

.filter-table-tbody a.tr {

    text-decoration: none;
    transition: var(--transition);
    font-size: 1.6rem;
    color: var(--color-gray);
    border-bottom: Solid 1px white;
    /* box-shadow: 5px 5px 3px rgba(0, 0, 0, 0); */
}

.filter-table-tbody a.tr:hover {
    background: white;
    /* border-top: Solid 1px white; */
    border-bottom: Solid 1px white;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    color: var(--color-green);
    margin-left: -15px;
    padding-left: 15px;
    /* padding-right: 15px; */
    width: calc(100% + 15px);
}

/* HIDE GRID VIEW, DEFAULT VIEW*/
.filter-view-grid {
    display: none;
}


/* NEW FILTER TABLE */

.filter-view-grid .card {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    /* align-items: center; */
    background: white;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
    height: 380px;
    gap: 10px;
}


.filter-view-grid .card img,
.filter-view-grid .card .content,
.filter-view-grid .card a {
    flex-basis: 100%;
    /* border: solid 1px red; */
}

.filter-view-grid .card .content {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    margin-top: 0;
    flex-grow: 1;
    align-self: flex-start;
    align-self: start;
    /* border: solid 3px blue; */
}

.filter-view-grid .card .content .location_type {
    font-style: italic;
    font-size: 1.4rem;
    line-height: 1rem;
}

.filter-view-grid .card .content .city {
    margin-top: 10px;
    font-size: 2rem;
    line-height: 2.5rem;
}

.filter-view-grid .card .content .summary {
    margin-top: 0;
    font-size: 2rem;
    line-height: 2.5rem;
}

.filter-view-grid .card .content .features {
    margin-top: 10px;
    font-size: 1.4rem;
    line-height: 1.6rem;

}

.filter-view-grid .card a {
    /* position: absolute; */
    /* left: 0; */
    /* bottom: 10px; */
    padding: 0 20px 20px;
    font-family: 'Avenir LT Pro 65';
    font-weight: 900;
    color: var(--color-green);
    display: block;

    align-self: flex-end;

    /* background: yellow; */
    /* border: Solid 1px red; */
}

.filter-view-grid .card img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    align-self: flex-start;
    align-self: start;

}

.filter-view-grid .filter-table-tbody {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}



































.block-slider-container {
    /* border: solid 2px red; */
    width: 500px;
    float: right;
    margin-bottom: 30px;
    margin-left: 30px !important;
}

.alignleft.block-slider-container {
    /* border: solid 2px red; */
    /* width: 500px; */
    /* float: right; */
    margin-bottom: 0;
    margin-right: 30px !important;
    margin-left: 0 !important;
}


.title-and-address {
    margin-bottom: 55px;
}

/*REMOVER APOS TESTES*/
.callout-map__image {
    /* position: absolute; */
    z-index: 7 !important;
    /* top: 0; */
    /* right: 0; */
    /* width: 100%; */
    /* opacity: 1 !important; */
    /* visibility: visible !important; */
}

.callout-map__card {
    display: none;
}

.wpcf7-form {
    width: 100%;
    max-width: 800px;
    padding-top: 50px;
}

.wpcf7-form p {
    margin-top: 0;
    margin-bottom: 0;
}

.wpcf7-form .flex,
.wpcf7-form .flex-full {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.wpcf7-form .flex-full {
    flex-wrap: wrap;
    margin-top: 30px;
}

.wpcf7-form .flex .col {
    flex-basis: 50%;
}

.wpcf7-form .flex-full .col-full {
    flex-basis: 100%;
}

.wpcf7-select,
.wpcf7-text,
.wpcf7-textarea {
    border: 1px solid #d1d1ce;
    border-radius: 0;
    padding: 12px 15px 10px;
    color: #9ea195;
    width: 100%;
    height: 50px;
    font-size: 1.8rem;
    font-family: 'Avenir LT Pro', sans-serif;
    -webkit-appearance: none;
    outline: none;
}

.wpcf7-select:focus,
.wpcf7-text:focus,
.wpcf7-textarea:focus {
    border: solid 1px var(--color-green);
    border-radius: 0;
}


.wpcf7-select::placeholder,
.wpcf7-text::placeholder,
.wpcf7-textarea::placeholder {
    color: #9ea195;
}

.wpcf7-text {
    height: 50px;
}

.wpcf7-textarea {
    height: 200px;
}

.wpcf7-submit {
    display: inline-block;
    font-family: 'Avenir LT Pro 65', sans-serif;
    font-weight: 900;
    font-size: 20px;
    line-height: 24px;
    border-radius: 30px;
    padding: 18px 30px;
    transition: background-color .3s linear;
    color: #fff;
    background-color: var(--color-green);
    border: 0;
    text-align: center;
    min-width: 300px;
    float: right;
    margin-top: 10px;
}

.wpcf7-not-valid {
    color: #e93646;
    border-color: #e93646;
    background-color: rgba(233, 54, 70, .1);
}

.wpcf7-response-output {
    float: left;
    margin-top: -30px;
    width: 50%;
}

.link-without-underline,
.link-without-underline a {
    text-decoration: none;
    color: var(--color-gray);
    /* border: solid 1px red; */
}

.link-without-underline a:hover {
    text-decoration: underline;
}

.gallery-learn-more {
    /* border: Solid 3px red; */
    justify-content: center;
    gap: 25px;
    flex-wrap: wrap;
}

.gallery-learn-more .wp-block-image {
    flex-basis: 280px;

}

.wp-block-gallery.has-nested-images figure.wp-block-image img {}

.gallery-learn-more figure.wp-block-image img {
    width: 280px;
    height: auto;
    border: Solid 3px red;
}

.wp-block-gallery .wp-block-image:last-child {
    border: Solid 1px blue;
    margin-left: auto;
    margin-right: auto;
    flex-grow: 0;
}

.blog-list-container {
    background: #ececec;
    padding: 80px 0;
}

.blog-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    list-style: none;
    padding: 0;
    margin: 0
}

.blog-list li a {
    text-decoration: none;
    background: white;
    /* display: block; */
    padding: 15px 20px 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .15);
    min-height: 250px;
    display: flex;
    flex-direction: column;
}

.blog-list-date {
    color: var(--color-green);
    font-size: 1.8rem;
    flex: 1 0 auto;
    display: flex;
    align-items: flex-end;
    /* border: solid 1px red; */
}

.blog-list-title {
    color: var(--color-gray);
    font-size: 2rem;
    position: static;
    padding: 0;
    flex: 2 0 auto;
    display: flex;
    /* border: solid 1px blue; */
    line-height: 25px;
    max-height: 100px;
    overflow: hidden;
}

.blog-list-link {
    color: var(--color-green);
    font-size: 1.8rem;
    flex: 1 0 auto;
    display: flex;
    align-items: flex-end;
    /* border: solid 1px red; */

}

.navigation--slide-desktop {
    display: none;
    left: -750px;
    position: fixed;
    z-index: 99;
    top: 0;
    /* left: 240px; */
    width: 750px;
    height: 100%;
    background: #f3f3f3 url('images/arrow-pattern.png') repeat;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /* border: solid 2px red; */
}

.navigation__inner {
    padding: 70px 45px 45px;
}

.textbox--block {
    display: block;
    width: 100%;
}

.textbox {
    border: 1px solid #d1d1ce;
    border-radius: 6px;
    padding: 11px 10px 9px;
    line-height: 1.111111111;
    font-size: 1.8rem;
    font-family: 'Avenir LT Pro';

}

.textbox::placeholder {
    color: #aaaaaa;
}

.site-search {
    position: relative;
}

.site-search__button {
    border: none;
    /* border: solid 1px red; */
    height: 36px;
    position: absolute;
    top: 3px;
    bottom: 3px;
    right: 3px;
    font-size: 1.8rem;
    ;
    padding: 0 10px;
    color: var(--color-green);
    background: #fff;
    display: inline-block;
    vertical-align: middle;
}

.blur-background__backdrop {
    display: none;
    opacity: 0;
    position: fixed;
    z-index: 98;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(0, 0%, 100%, .85);
}