/*  VARIABLES
========================================================================== 
========================================================================== 
========================================================================== 
========================================================================== 
========================================================================== */
:root {
    --color-blue:     #ade1fa;   
    --color-sand:     #e4d7c4;
    /*--color-green:    #93d0b3;*/
    --color-green:    #a9edcd;
    --color-green-dark:    #82ab98;
    /*https://isotropic.co/tool/hex-color-to-css-filter/*/
    --filter-white:   invert(100%) sepia(97%) saturate(2%) hue-rotate(167deg) brightness(110%) contrast(101%);
    --filter-blue:    invert(83%) sepia(30%) saturate(492%) hue-rotate(169deg) brightness(98%) contrast(100%);
    --filter-sand:    invert(99%) sepia(11%) saturate(1608%) hue-rotate(308deg) brightness(91%) contrast(96%);
    /*--filter-green:   invert(89%) sepia(7%) saturate(1441%) hue-rotate(96deg) brightness(90%) contrast(83%);*/
    --filter-green:   invert(86%) sepia(6%) saturate(1672%) hue-rotate(97deg) brightness(108%) contrast(86%); 
    
    /*Blues*/
    --color-theme-1:        #ade1fa;
    --color-theme-1-lighter:#ceedfc;
    /*--color-theme-1-darker: #688796;*/
    --color-theme-1-darker: #8bbcd6;
    --filter-theme-1:       invert(83%) sepia(30%) saturate(492%) hue-rotate(169deg) brightness(98%) contrast(100%);
    /*Browns*/
    --color-theme-2:        #e4d7c4;
    --color-theme-2-lighter:#efe7dc;
    --color-theme-2-darker: #a9a597;
    --filter-theme-2:       invert(99%) sepia(11%) saturate(1608%) hue-rotate(308deg) brightness(91%) contrast(96%);
    /*Greens*/
    --color-theme-3:        #a9edcd;
    --color-theme-3-lighter:#cbf4e1;
    --color-theme-3-darker: #6fac97;
    --filter-theme-3:       invert(86%) sepia(6%) saturate(1672%) hue-rotate(97deg) brightness(108%) contrast(86%);
}

button,
hr,
input {
    overflow: visible;
}
img,
legend {
    max-width: 100%;
}
audio,
canvas,
progress,
video {
    display: inline-block;
}
progress,
sub,
sup {
    vertical-align: baseline;
}
.txt-center,
blockquote {
    text-align: center;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
[type="checkbox"],
[type="radio"],
legend {
    box-sizing: border-box;
    padding: 0;
}
article,
aside,
details,
div,
figcaption,
figure,
footer,
header,
hgroup,
img,
input,
label,
main,
menu,
nav,
section,
textarea {
    display: block;
}
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    line-height: 1;
    margin: 0;
    overflow-x: hidden;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    cursor: pointer;
    text-decoration: none;
}
a:active,
a:hover {
    outline-width: 0;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
b,
strong {
    font-weight: bolder;
}
blockquote,
q {
    quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}
blockquote:after,
blockquote:before {
    content: " ";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
select {
    text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
dfn {
    font-style: italic;
}
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}
hr {
    box-sizing: content-box;
    height: 0;
}
img {
    border-style: none;
    height: auto;
}
legend {
    color: inherit;
    display: table;
    white-space: normal;
}
mark {
    background-color: #ff0;
    color: #000;
}
ol,
ul {
    list-style: none;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}
sub {
    bottom: -0.25em;
}
summary {
    display: list-item;
}
sup {
    top: -0.5em;
}
svg:not(:root) {
    overflow: hidden;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
[hidden],
template {
    display: none;
}
textarea {
    overflow: auto;
}
.social-menu li,
.vid-bg,
.video-container,
body.modalOpened {
    overflow: hidden;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
blockquote,
em {
    font-style: italic;
}
html {
    font-family: Roboto, sans-serif;
    font-weight: 300;
}
.sortsgoudy,
.subtitle,
.title,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Sorts Mill Goudy", serif;
    font-weight: 400;
}
blockquote {
    padding: 1em 2em;
    color: #ade1fa;
    margin-bottom: 1.25em;
}
blockquote > p {
    letter-spacing: 0.025em;
}
blockquote:before {
    top: 0;
    left: 0;
    border-left: 1px solid #ade1fa;
    border-top: 1px solid #ade1fa;
}
blockquote:after {
    bottom: 0;
    right: 0;
    border-right: 1px solid #ade1fa;
    border-bottom: 1px solid #ade1fa;
}
.container,
.flex {
    display: flex;
}
.filmes blockquote {
    color: #e4d7c4;
}
.filmes blockquote:before {
    border-left: 1px solid #e4d7c4;
    border-top: 1px solid #e4d7c4;
}
.filmes blockquote:after {
    border-right: 1px solid #e4d7c4;
    border-bottom: 1px solid #e4d7c4;
}
.cinzel {
    font-family: Cinzel, serif;
    font-weight: 400;
    letter-spacing: -0.05em;
}
a,
a:active,
a:hover,
a:visited {
    color: inherit;
}
#myMenu li,
.txt-right {
    text-align: right;
}
.w-1-1 {
    float: left;
    clear: both;
    width: 100%;
}
body {
    color: #fff;
}
.cartas .subtitle,
.cartas .title,
.cartas h1,
.cartas h2,
.cartas h3,
.cartas h4,
.cartas h5,
.cartas h6,
.cartas.subtitle,
.cartas.title,
.default-color-blue {
    color: #ade1fa;
}
.memorias .subtitle,
.memorias .title,
.memorias h1,
.memorias h2,
.memorias h3,
.memorias h4,
.memorias h5,
.memorias h6,
.memorias.subtitle,
.memorias.title,
.default-color-green {
    color: var(--color-green);
}
.default-color-sand,
.filmes .subtitle,
.filmes .title,
.filmes h1,
.filmes h2,
.filmes h3,
.filmes h4,
.filmes h5,
.filmes h6,
.filmes.subtitle,
.filmes.title,
.sobre .subtitle,
.sobre .title,
.sobre h1,
.sobre h2,
.sobre h3,
.sobre h4,
.sobre h5,
.sobre h6,
.sobre.subtitle,
.sobre.title {
    color: #e4d7c4;
}
h1,
h2 {
    font-size: 24px;
    letter-spacing: 0.05em;
    margin: 0 0 0.25em;
}
p {
    font-size: 16px;
    line-height: 1.25em;
    letter-spacing: -0.008em;
    margin-bottom: 1.1em;
}
p:last-child {
    margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
    h1,
    h2 {
        font-size: 36px;
    }
    p {
        font-size: 18px;
    }
}
body,
html {
    height: 100%;
}
.initial-state .container {
    opacity: 0;
}
.container {
    min-height: 100%;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    opacity: 1;
    -webkit-transition: opacity 0.5s 0.5s ease-in-out;
    -o-transition: opacity 0.5s 0.5s ease-in-out;
    transition: opacity 0.5s 0.5s ease-in-out;
}
.hamburguer span:before,
header:before {
    display: block;
    content: " ";
}
.center-wrapper {
    position: relative;
    margin: auto;
    width: 100%;
    max-width: 1180px;
    padding-left: 20px;
    padding-right: 20px;  
}
.box-content {
    min-height: 100%;
    z-index: 1;
    -webkit-transition: padding 0.5s 0s ease-in-out;
    -o-transition: padding 0.5s 0s ease-in-out;
    transition: padding 0.5s 0s ease-in-out;
    padding: 52px 0 100px;
}
@media only screen and (min-width: 360px) {
    .box-content {
        padding: 62px 0 100px;
    }
}
@media only screen and (min-width: 414px) {
    .box-content {
        padding: 68px 0 100px;
    }
}
@media only screen and (min-width: 768px) {
    .box-content {
        padding: 95px 0 100px;
    }
}
@media only screen and (min-width: 1280px) {
    h1,
    h2 {
        font-size: 42px;
    }
    p {
        font-size: 21px;
    }
    .box-content {
        padding: 118px 0 110px;
    }
}
@media only screen and (min-width: 1440px) {
    .box-content {
        padding: 141px 0 110px;
    }
}
@media only screen and (min-width: 1600px) {
    .box-content {
        padding: 141px 0 120px;
    }
}
@media only screen and (min-width: 1900px) {
    .box-content {
        padding: 231px 0 130px;
    }
}
.page-cartas-item,
.page-cartas-lista,
.page-filmes-item,
.page-filmes-lista,
.page-memorias-item,
.page-memorias-lista,
.page-home,
.page-sobre {
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    padding: 10px 0 30px;
}
header:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.5s 0s ease-in-out;
    -o-transition: opacity 0.5s 0s ease-in-out;
    transition: opacity 0.5s 0s ease-in-out;
}
.page-home header:before {
    background: -moz-linear-gradient(top, rgba(108, 161, 187, 1) 0, rgba(108, 161, 187, 1) 60%, rgba(108, 161, 187, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(108, 161, 187, 1) 0, rgba(108, 161, 187, 1) 60%, rgba(108, 161, 187, 0) 100%);
    background: linear-gradient(to bottom, rgba(108, 161, 187, 1) 0, rgba(108, 161, 187, 1) 60%, rgba(108, 161, 187, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ca1bb', endColorstr='#006ca1bb', GradientType=0 );
}
.page-cartas-item header:before,
.page-cartas-lista header:before {
    background: -moz-linear-gradient(top, rgba(75, 128, 154, 1) 0, rgba(75, 128, 154, 1) 60%, rgba(75, 128, 154, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(75, 128, 154, 1) 0, rgba(75, 128, 154, 1) 60%, rgba(75, 128, 154, 0) 100%);
    background: linear-gradient(to bottom, rgba(75, 128, 154, 1) 0, rgba(75, 128, 154, 1) 60%, rgba(75, 128, 154, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b809a', endColorstr='#004b809a', GradientType=0 );
}
.page-filmes-item header:before,
.page-filmes-lista header:before {
    background: -moz-linear-gradient(top, rgba(163, 160, 145, 1) 0, rgba(163, 160, 145, 1) 60%, rgba(163, 160, 145, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(163, 160, 145, 1) 0, rgba(163, 160, 145, 1) 60%, rgba(163, 160, 145, 0) 100%);
    background: linear-gradient(to bottom, rgba(163, 160, 145, 1) 0, rgba(163, 160, 145, 1) 60%, rgba(163, 160, 145, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a091', endColorstr='#00a3a091', GradientType=0 );
}
.page-memorias-item header:before,
.page-memorias-lista header:before {
    /*
    background: -moz-linear-gradient(top, rgba(166, 241, 205, 1) 0, rgba(166, 241, 205, 1) 60%, rgba(166, 241, 205, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(166, 241, 205, 1) 0, rgba(166, 241, 205, 1) 60%, rgba(166, 241, 205, 0) 100%);
    background: linear-gradient(to bottom, rgba(166, 241, 205, 1) 0, rgba(166, 241, 205, 1) 60%, rgba(166, 241, 205, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color-green)', endColorstr='#00a6f1cd', GradientType=0 );
    */
    background: -moz-linear-gradient(top, rgba(104, 154, 137, 1) 0, rgba(104, 154, 137, 1) 60%, rgba(104, 154, 137, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(104, 154, 137, 1) 0, rgba(104, 154, 137, 1) 60%, rgba(104, 154, 137, 0) 100%);
    background: linear-gradient(to bottom, rgba(104, 154, 137, 1) 0, rgba(104, 154, 137, 1) 60%, rgba(104, 154, 137, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#689a89', endColorstr='#00689a89', GradientType=0 );
}
.page-sobre header:before {
    background: -moz-linear-gradient(top, rgba(120, 108, 97, 1) 0, rgba(120, 108, 97, 1) 60%, rgba(120, 108, 97, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(120, 108, 97, 1) 0, rgba(120, 108, 97, 1) 60%, rgba(120, 108, 97, 0) 100%);
    background: linear-gradient(to bottom, rgba(120, 108, 97, 1) 0, rgba(120, 108, 97, 1) 60%, rgba(120, 108, 97, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#786c61', endColorstr='#00786c61', GradientType=0 );
}
.header-active header:before {
    opacity: 1;
}
header h1 {
    margin: 0 0 0 10px;
}
header h1 img {
    max-width: 200px;
}
.hamburguer {
    background-color: transparent;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 32px;
    height: 24px;
    margin: -12px 0 0;
}
.hamburguer span,
.hamburguer span:before {
    width: 100%;
    left: 0;
    background-color: #fff;
    position: absolute;
}
.hamburguer span {
    height: 1px;
    -webkit-transition: all 0.25s 0s ease-in-out;
    -o-transition: all 0.25s 0s ease-in-out;
    transition: all 0.25s 0s ease-in-out;
}
.hamburguer span:before {
    height: 100%;
    top: 0;
    opacity: 0;
    -webkit-box-shadow: 0 0 5px 1px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0 0 5px 1px rgba(255, 255, 255, 1);
    box-shadow: 0 0 5px 1px rgba(255, 255, 255, 1);
    -webkit-transition: opacity 0.5s 0s ease-in-out;
    -o-transition: opacity 0.5s 0s ease-in-out;
    transition: opacity 0.5s 0s ease-in-out;
}
.hamburguer:hover span:before {
    opacity: 1;
}
.hamburguer span:nth-child(1) {
    top: 5px;
}
.hamburguer span:nth-child(2) {
    top: 12px;
}
.hamburguer span:nth-child(3) {
    bottom: 4px;
}
.modalOpened .hamburguer span:nth-child(1) {
    -webkit-transform: rotate(30deg) translateY(8px);
    -ms-transform: rotate(30deg) translateY(8px);
    -o-transform: rotate(30deg) translateY(8px);
    transform: rotate(30deg) translateY(8px);
}
.modalOpened .hamburguer span:nth-child(2) {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
}
.modalOpened .hamburguer span:nth-child(3) {
    -webkit-transform: rotate(-30deg) translateY(-8px);
    -ms-transform: rotate(-30deg) translateY(-8px);
    -o-transform: rotate(-30deg) translateY(-8px);
    transform: rotate(-30deg) translateY(-8px);
}
@media only screen and (min-width: 360px) {
    header {
        padding: 15px 0 35px;
    }
    header h1 {
        margin: 0 auto;
        display: table;
    }
    .hamburguer {
        right: 20px;
    }
}
@media only screen and (min-width: 414px) {
    header h1 img {
        max-width: 240px;
    }
}
@media only screen and (min-width: 768px) {
    header {
        padding: 20px 0 50px;
    }
    header h1 img {
        max-width: 280px;
    }
    .hamburguer {
        width: 40px;
        height: 30px;
        margin: -15px 0 0;
    }
    .hamburguer span:nth-child(2) {
        top: 15px;
    }
    .modalOpened .hamburguer span:nth-child(1) {
        -webkit-transform: rotate(30deg) translateY(11px);
        -ms-transform: rotate(30deg) translateY(11px);
        -o-transform: rotate(30deg) translateY(11px);
        transform: rotate(30deg) translateY(11px);
    }
    .modalOpened .hamburguer span:nth-child(3) {
        -webkit-transform: rotate(-30deg) translateY(-12px);
        -ms-transform: rotate(-30deg) translateY(-12px);
        -o-transform: rotate(-30deg) translateY(-12px);
        transform: rotate(-30deg) translateY(-12px);
    }
}
@media only screen and (min-width: 1280px) {
    header {
        padding: 30px 0 60;
    }
    header h1 img {
        max-width: 300px;
    }
}
@media only screen and (min-width: 1440px) {
    header {
        padding: 40px 0 70px;
    }
    header h1 img {
        max-width: 320px;
    }
}
footer {
    position: absolute;
    bottom: 0;
    z-index: 10;
    height: 130px;
    background-image: url(../img/bg-footer-mobile.png);
    background-position: center top;
    background-repeat: repeat-x;
    background-size: cover;
}
footer .center-wrapper {
    height: 100%;
    -ms-align-items: flex-end;
    align-items: flex-end;
}
/*
.box-footer {
    margin: 0 10px;
    width: 100%;
    justify-content: center;
    align-content: flex-end;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
*/

/*************************************** NEW FOOTER MENU *****************************/
.box-footer {
    margin: 0 10px;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.footer-menu {
    display: none;
}

.footer-menu li,
.mobile-menu li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.15em;
    padding: 0 10px;
    color: #434242;
    line-height: 16px;
    font-weight: bold;
}

.footer-menu li a,
.mobile-menu li a {
    line-height: 16px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);
}


.social-menu {
    margin: 15px 0;
}
.social-menu a,
.social-menu li {
    display: block;
    width: 24px;
    height: 24px;
}
.social-menu li {
    float: left;
    margin-left: 10px;
    border-radius: 50%;
    border: 1px solid #434343;
    opacity: 0.7;
}
.social-menu li:first-of-type {
    margin: 0;
}
.social-menu a img {
    width: calc(100% - 2px);
}

@media only screen and (min-width: 1024px) {
    .footer-menu {
        display: block;
        margin-bottom: 10px;
    }
    .mobile-menu {
        display: none;
    }
    .box-footer {
        flex-direction: column-reverse;
    }
}

/*
.footer-menu {
    display: none;
    margin: 0;
}
.mobile-menu {
    margin: 0 0 6px;
}
.footer-menu li,
.mobile-menu li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.3em;
    padding: 0 15px;
    color: #434242;
}
.footer-menu li.current-menu-item,
.mobile-menu li.current-menu-item {
    display: none;
}
.footer-menu li:before,
.mobile-menu li:before {
    display: block;
    content: "|";
    position: absolute;
    right: -0.35em;
}
.footer-menu li:first-of-type,
.mobile-menu li:first-of-type {
    padding: 0 20px 0 0;
}
.footer-menu li:last-of-type:before,
.mobile-menu li:last-of-type:before {
    content: none;
    display: none;
}
.social-menu a,
.social-menu li {
    display: block;
    width: 24px;
    height: 24px;
}
.footer-menu li:last-of-type,
.mobile-menu li:last-of-type {
    padding: 0 0 0 20px;
}
.footer-menu li a,
.footer-menu li:before,
.mobile-menu li a,
.mobile-menu li:before {
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);
}
*/

/*
@media only screen and (min-width: 360px) {
    .footer-menu li,
    .mobile-menu li {
        display: inline-block;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 0.35em;
        padding: 0 20px;
        color: #434242;
    }
}
@media only screen and (min-width: 960px) {
    footer {
        height: 100px;
        background-image: url(../img/bg-footer.png);
    }
    .box-footer {
        margin: 0 0 10px;
        justify-content: center;
        align-content: flex-end;
        -ms-align-items: center;
        align-items: center;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
    }
    .mobile-menu,
    .social-menu {
        margin: 0 20px;
    }
}
@media only screen and (min-width: 1280px) {
    footer {
        height: 110px;
    }
    .box-footer {
        margin: 0 0 15px;
        justify-content: space-between;
        -ms-align-items: flex-end;
        align-items: flex-end;
    }
    .mobile-menu,
    .social-menu {
        margin: 0;
    }
    .mobile-menu {
        display: none;
    }
    .footer-menu {
        display: block;
    }
    .social-menu a,
    .social-menu li {
        width: 28px;
        height: 28px;
    }
}
@media only screen and (min-width: 1600px) {
    footer {
        height: 120px;
    }
}
*/
@media only screen and (min-width: 1900px) {
    header h1 img {
        max-width: 356px;
    }
    /*
    footer {
        height: 130px;
    }
    */
}
.fade-others {
    -webkit-transition: all 0.5s 0s ease-in-out;
    -o-transition: all 0.5s 0s ease-in-out;
    transition: all 0.5s 0s ease-in-out;
}
.min-opacity {
    opacity: 0.3 !important;
}
.max-opacity:not(.min-opacity-filter) {
    opacity: 1 !important;
}

.timeline:not(.timeline--cartas) .min-opacity-filter {
    opacity: 0.3;
    filter: blur(5px);
}

.timeline:not(.timeline--cartas) .min-opacity-filter > a {
    pointer-events: none;
    cursor: default; /* Opcional: muda o cursor para o padrão */
    text-decoration: none;
}



.keep-as-it-is {
    opacity: 1 !important;
}

.box-cta ul {
    justify-content: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.box-cta ul li,
.box-cta ul.small li {
    border: 1px solid #fff;
    width: 100%;
    max-width: 280px;
    height: 100px;
    margin: 0;
}
.box-cta ul li {
    margin: 0 0 -1px;
}
.box-cta ul li a,
.box-cta ul.small li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    font-size: 38px;
    letter-spacing: 0.05em;
}
.box-cta ul li a span {
    padding-top: 0.22em;
}
.box-cta ul li a span span {
    padding: 0;
    font-family: Roboto, sans-serif;
    font-weight: 300;
    color: #fff;
    position: absolute;
    right: 0.33em;
    top: -0.4em;
    font-size: 0.33em;
    letter-spacing: 0.05em;
}
.box-cta .scratch {
    -webkit-transition: color 0.5s 0s ease-in-out;
    -o-transition: color 0.5s 0s ease-in-out;
    transition: color 0.5s 0s ease-in-out;
}
.box-cta .scratch:after {
    display: block;
    content: " ";
    width: 85px;
    height: 13px;
    position: absolute;
    bottom: -0.1em;
    left: 40%;
    opacity: 0;
    /*background-image: url(../img/scratchs-v3.png);*/
    background-image: url(../img/scratch-black.png);
    background-repeat: no-repeat;
    background-position: center 0;
    /*background-size: 100% 52px;*/
    background-size: cover;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.25s 0s ease-in-out;
    -o-transition: all 0.25s 0s ease-in-out;
    transition: all 0.25s 0s ease-in-out;
}
/*
.box-cta .default-color-blue.scratch:after {
    background-position: center -13px;
}
.box-cta .default-color-sand.scratch:after {
    background-position: center -26px;
}
.box-cta .default-color-green.scratch:after {
    background-position: center -39px;
}
*/
.box-cta .default-color-blue.scratch:after {
    filter: var(--filter-blue);
}
.box-cta .default-color-sand.scratch:after {
    filter: var(--filter-sand);
}
.box-cta .default-color-green.scratch:after {
    filter: var(--filter-green);
}

.box-cta ul li a:hover .scratch:after {
    opacity: 1;
    width: 165px;
    left: 50%;
}
.box-cta ul.small li a .scratch:after,
.mobile .box-cta .scratch:after {
    width: 101px;
    height: 8px;
    bottom: -0.1em;
    background-position: center 0;
    /*background-size: 100% 24px;*/
    background-size: cover;
}
.box-cta ul.small li a .scratch:after {
    opacity: 0;
    left: 40%;
}
.box-cta ul.small li a:hover .scratch:after,
.mobile .box-cta .scratch:after,
.mobile .box-cta ul.small li a .scratch:after {
    opacity: 1;
    left: 50%;
}
.box-cta ul li a:hover .default-color-blue.scratch,
.box-cta ul li a:hover .default-color-green.scratch,
.box-cta ul li a:hover .default-color-sand.scratch {
    color: #fff;
}
/*
.box-cta .only-cartas li:last-of-type,
.box-cta .only-filmes li:first-of-type {
    display: none;
}
*/
@media only screen and (min-width: 480px) {
    .box-cta ul li,
    .box-cta ul.small li {
        margin: 0 0 -1px -1px;
    }
}
@media only screen and (min-width: 768px) {
    .box-cta ul li {
        width: 50%;
        max-width: 300px;
        height: 120px;
    }
    .box-cta ul li a {
        font-size: 44px;
    }
}
@media only screen and (min-width: 1600px) {
    .box-cta ul li {
        width: 50%;
        max-width: 350px;
        height: 150px;
    }
    .box-cta ul li a {
        font-size: 52px;
    }
}
.compartilhe {
    display: table;
    margin: auto;
    font-size: 12px;
    letter-spacing: 0.15em;
}
#myContact .subtitle,
#myMenu li {
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.compartilhe .w-1-1:first-of-type {
    padding-bottom: 6px;
}
.compartilhe a {
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0 5px;
    background: 0 0;
    display: block;
    float: left;
}
.compartilhe a img {
    -webkit-transition: opacity 0.5s 0.25s ease-in-out;
    -o-transition: opacity 0.5s 0.25s ease-in-out;
    transition: opacity 0.5s 0.25s ease-in-out;
    opacity: 0.65;
}
.compartilhe a:hover img,
.mobile .compartilhe a img {
    -webkit-transition: all 0.25s 0s ease-in-out;
    -o-transition: all 0.25s 0s ease-in-out;
    transition: all 0.25s 0s ease-in-out;
    opacity: 1;
}
#myContact,
#myMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 15;
    display: none;
}
#myContact .flex,
#myMenu .flex,
.modalOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.page-home .modalOverlay {
    background-color: #6ca1bb;
}
.page-cartas-item .modalOverlay,
.page-cartas-lista .modalOverlay {
    background-color: #4b809a;
}
.page-filmes-item .modalOverlay,
.page-filmes-lista .modalOverlay {
    background-color: #a3a091;
}
.page-memorias-item .modalOverlay,
.page-memorias-lista .modalOverlay {
    background-color: var(--color-green-dark);
}
.page-sobre .modalOverlay {
    background-color: #786c61;
}
#myContact .modal-content:after,
#myContact form p:after,
#myMenu .modal-content ul:after,
#myMenu li:after {
    display: block;
    background-color: #fff;
    content: " ";
    position: absolute;
}
#myContact .flex,
#myMenu .flex {
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    overflow: hidden;
}
.modal-content {
    display: block;
    width: 100%;
    max-width: 320px;
}
#myMenu .modal-content ul:after {
    top: 0;
    left: 80%;
    height: 300%;
    width: 1px;
}
#myMenu li {
    font-size: 1.1em;
    margin: 0 0 2em 10%;
    max-width: 45%;
    -webkit-transform: translateY(1em);
    -ms-transform: translateY(1em);
    -o-transform: translateY(1em);
    transform: translateY(1em);
}
#myMenu li:after {
    bottom: 0.2em;
    left: 104%;
    height: 1px;
    width: 52%;
}
.modal-content,
.modal-content ul li,
.modalOverlay {
    opacity: 0;
}
#myMenu ul li {
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    -o-transform: translateY(25px);
    transform: translateY(25px);
}
#myMenu ul li:nth-child(1) {
    -webkit-transition: all 0.4s 0s ease-in-out;
    -o-transition: all 0.4s 0s ease-in-out;
    transition: all 0.4s 0s ease-in-out;
}
#myMenu ul li:nth-child(2) {
    -webkit-transition: all 0.55s 0.1s ease-in-out;
    -o-transition: all 0.55s 0.1s ease-in-out;
    transition: all 0.55s 0.1s ease-in-out;
}
#myMenu ul li:nth-child(3) {
    -webkit-transition: all 0.7s 0.2s ease-in-out;
    -o-transition: all 0.7s 0.2s ease-in-out;
    transition: all 0.7s 0.2s ease-in-out;
}
#myMenu ul li:nth-child(4) {
    -webkit-transition: all 0.85s 0.3s ease-in-out;
    -o-transition: all 0.85s 0.3s ease-in-out;
    transition: all 0.85s 0.3s ease-in-out;
}
#myMenu ul li:nth-child(5) {
    -webkit-transition: all 1s 0.4s ease-in-out;
    -o-transition: all 1s 0.4s ease-in-out;
    transition: all 1s 0.4s ease-in-out;
}
#myMenu ul li:nth-child(6) {
    -webkit-transition: all 1.15s 0.4s ease-in-out;
    -o-transition: all 1.15s 0.4s ease-in-out;
    transition: all 1.15s 0.4s ease-in-out;
}
#myContact .modal-content.showItems,
#myMenu .modal-content.showItems li:nth-child(1),
#myMenu .modal-content.showItems li:nth-child(2),
#myMenu .modal-content.showItems li:nth-child(3),
#myMenu .modal-content.showItems li:nth-child(4),
#myMenu .modal-content.showItems li:nth-child(5),
#myMenu .modal-content.showItems li:nth-child(6) {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}
::-moz-placeholder {
    color: #fff;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}
:-moz-placeholder {
    color: #fff;
    opacity: 1;
}
#myContact .flex {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
#myContact .subtitle {
    font-size: 16px;
    margin-bottom: 2em;
}
.page-cartas-item #myContact .subtitle,
.page-cartas-lista #myContact .subtitle,
.page-home #myContact .subtitle {
    color: #ade1fa;
}
.page-filmes-item #myContact .subtitle,
.page-filmes-lista #myContact .subtitle,
.page-sobre #myContact .subtitle {
    color: #e4d7c4;
}
.page-memorias-item #myContact .subtitle,
.page-memorias-lista #myContact .subtitle {
    color: var(--color-green);
}
#myContact .modal-content,
#myContact .subtitle {
    display: block;
    width: 100%;
    max-width: 280px;
}
@media only screen and (min-width: 360px) {
    #myContact .modal-content,
    #myContact .subtitle {
        max-width: 320px;
    }
}
@media only screen and (min-width: 375px) {
    #myContact .modal-content,
    #myContact .subtitle {
        max-width: 335px;
    }
}
#myContact .modal-content div,
#myContact .modal-content label,
#myContact .modal-content p,
#myContact .modal-content span {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    margin: 0;
}
#myContact .modal-content:after {
    top: 0;
    right: 0;
    height: 400%;
    width: 1px;
}
#myContact input[type="email"],
#myContact textarea {
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    width: 100%;
    background-color: transparent;
    border: none !important;
    color: #fff;
    font-family: Roboto, sans-serif !important;
    font-weight: 100;
    font-size: 18px;
    padding: 0 10px;
}
#myContact input[type="email"] {
    line-height: 36px;
    height: 36px;
    margin-bottom: -1px;
    border-bottom: 1px solid #fff !important;
}
#myContact textarea {
    padding: 10px;
    height: 144px;
    line-height: 1.1em;
}
#myContact input[type="submit"] {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.9em;
    padding: 0;
    background: 0 0;
    color: #fff;
    float: right;
    clear: both;
    margin-right: 73px;
}
#myContact form p:after {
    bottom: 0.3em;
    right: 0;
    height: 1px;
    width: 70px;
}
.saibamais .scratch:after,
.submit-scratch:after {
    width: 101px;
    height: 8px;
    /*background-size: 100% 24px;*/
    background-size: cover;
    filter: var(--filter-white);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
#myContact form label:last-of-type {
    margin-bottom: 1em;
}
.wpcf7-not-valid-tip,
span.ajax-loader {
    display: none !important;
}
#myContact .modal-content div.wpcf7-response-output {
    border: none !important;
    margin: 40px 0 0;
    text-align: left;
    line-height: 1.25em;
    font-size: 12px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
}
.page-cartas-item div.wpcf7-response-output,
.page-cartas-lista div.wpcf7-response-output,
.page-home div.wpcf7-response-output {
    color: #ade1fa;
}
.page-filmes-item div.wpcf7-response-output,
.page-filmes-lista div.wpcf7-response-output,
.page-sobre div.wpcf7-response-output {
    color: #e4d7c4;
}
.page-memorias-item div.wpcf7-response-output,
.page-memorias-lista div.wpcf7-response-output {
    color: var(--color-green);
}

.submit-scratch:after {
    display: block;
    content: " ";
    position: absolute;
    bottom: -0.22em;
    right: 6%;
    /*background-image: url(../img/scratchs-v3.png);*/
    background-image: url(../img/scratch-black.png);
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateX(-50%);
}
/*
.page-cartas-item .submit-scratch:after,
.page-cartas-lista .submit-scratch:after,
.page-home .submit-scratch:after {
    background-position: center -8px;
}
.page-filmes-item .submit-scratch:after,
.page-filmes-lista .submit-scratch:after,
.page-sobre .submit-scratch:after {
    background-position: center -16px;
}
*/
.page-list .texto:after,
.saibamais .scratch:after {
    /*background-image: url(../img/scratchs-v3.png);*/
    /*background-position: center -5px;*/
    background-image: url(../img/scratch-black.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
}
.box-home-banner p {
    font-weight: 100;
    font-size: 21px;
    line-height: 1.1em;
    margin-bottom: 1em;
    padding: 0 20px;
}
.box-home-banner p br {
    display: none;
}
.box-home-banner .saibamais {
    letter-spacing: 0.1em;
    font-size: 1.2em;
    padding-top: 0.25em;
}
.saibamais .scratch:after {
    display: block;
    bottom: -0.1em;
    left: 50%;
    transform: translateX(-50%);
}
@media only screen and (min-width: 360px) {
    .box-home-banner p {
        font-size: 24px;
    }
}
@media only screen and (min-width: 414px) {
    .box-home-banner p {
        font-size: 26px;
    }
}
@media only screen and (min-width: 768px) {
    .box-home-banner {
        margin-top: 5em;
    }
}
@media only screen and (min-width: 960px) {
    .box-home-banner p br {
        display: block;
    }
}
@media only screen and (min-width: 1600px) {
    .box-home-banner p {
        font-size: 32px;
    }
}
.vid-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /*opacity: 0;*/
    -webkit-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
}
.bg_video,
.vid-bg.showVid {
    opacity: 1;
}
.bg_video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    background-size: cover;
}
.box-home-cta {
    margin-top: 2em;
}
.box-home-banner,
.box-home-compartilhe {
    margin-top: 4em;
}
.box-home-compartilhe {
    margin-bottom: 4em;
}
@media only screen and (min-width: 1024px) {
    .box-home-banner,
    .box-home-compartilhe,
    .box-home-cta {
        margin-top: 3em;
    }
    .box-home-compartilhe {
        margin-bottom: 3em;
    }
}
section.carta-item,
section.sobre,
section.memoria-item {
    padding: 2em 0;
}
.carta-item .center-wrapper,
.sobre .center-wrapper,
.memoria-item .center-wrapper {
    max-width: 970px;
    padding: 0 20px 2em;
}
.carta-item .box-info,
.memoria-item .box-info,
.sobre .box-info {
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1em;
}
.carta-item .box-info-title,
.memoria-item .box-info-title,
.sobre .box-info-title {
    -ms-align-self: flex-start;
    align-self: flex-start;
    -webkit-transition: width, min-width 0.25s 0s ease-in-out;
    -o-transition: all.25s 0s ease-in-out;
    transition: all 0.25s 0s ease-in-out;
}
.box-info-title.txt-right {
    text-align: left;
}
.carta-item .box-info-content,
.memoria-item .box-info-content,
.sobre .box-info-content {
    -ms-align-self: flex-end;
    align-self: flex-end;
    padding: 0 0 2em 9%;
    width: 100%;
    max-width: 99%;
}
.filme-item .box-info-content,
.sobre .box-info-content {
    border-left: 1px solid #e4d7c4;
}
.carta-item .box-info-content {
    border-left: 1px solid #ade1fa;
}
.memoria-item .box-info-content {
    border-left: 1px solid var(--color-green);
}
@media only screen and (min-width: 768px) {
    .box-info-title.txt-right {
        text-align: right;
    }
    .carta-item .box-info-content,
    .memoria-item .box-info-content,
    .sobre .box-info-content {
        padding: 0 0 2em 5.5%;
        max-width: 81%;
    }
}
.carta-item .box-home-compartilhe,
.sobre .box-home-compartilhe {
    margin: 1em auto 3em;
}
.sobre .box-home-cta {
    margin: 0 auto 1em;
}
.page-title {
    padding: 2.4em 0 3em;
}
.page-title h1 {
    font-size: 52px;
    text-transform: uppercase;
    letter-spacing: 0.075em;
}

.box-bt .label,
.box-bt .texto {
    text-align: right;
    letter-spacing: 0.05em;
}

/**************************************************************************/
/**************************************************************************/
/************************************************************************** TIMELINE */
/**************************************************************************/
/**************************************************************************/
.timeline {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px 10% 20px;
}

.timeline li {
    width: 100%;
    margin-bottom: 20px;
}

/*
.timeline li:nth-child(odd) {
    margin-right: 45%;
}

.timeline li:nth-child(odd) .infos {
    align-items: flex-end;
    text-align: right;
}

.timeline li:nth-child(even) {
    margin-left: 45%;
}

.timeline li:nth-child(even) .infos {
    align-items: flex-start;
    text-align: left;
}
*/

.timeline .thumb {
    width: 100%;
    height: 100%;
    overflow: hidden;
    aspect-ratio: 16/9;
}

.timeline .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    mix-blend-mode: multiply;
    filter: saturate(0);
    opacity: 0.66;
}

.timeline .infos {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 1.15em;
}

.timeline .infos h2 {
    color: #ffffff;
    font-size: inherit;
    line-height: 0.95em;
    margin: 0 0 -0.1em 0; 
    transition: all 0.25s ease-out;   
}

.timeline .infos h3 {
    font-family: Cinzel, serif;
    font-weight: 400;
    letter-spacing: -0.05em;
    font-size: inherit;
    margin-bottom: 0.5em;
}

/*Colors applied to timeline*/
.timeline-cartas li {
    background-color: var(--color-theme-1-darker);
}

.timeline-cartas .infos h3 {
    color: var(--color-theme-1); 
    font-size: 52px;
    margin-bottom: 0.1em;      
}

.timeline-filmes li {
    background-color: var(--color-theme-2-darker);
}

.timeline-filmes .infos h3 {
    color: var(--color-theme-2);       
}

.timeline-memorias li {
    background-color: var(--color-theme-3-darker);
}

.timeline-memorias .infos h3 {
    color: var(--color-theme-3);       
}

@media only screen and (min-width: 480px) {
    .timeline .infos {
        font-size: 1.45em;
    }
}

@media only screen and (min-width: 600px) {
    .timeline::before {
        content: " ";
        position: absolute;
        left: 50%;
        top: 0;
        width: 1px;
        height: 100%;
        background-color: #fff;
    }

    .timeline li {
        width: calc(50% - 40px);
        margin-bottom: -10%;
    } 

    .timeline.timeline-small li {
        width: calc(33% - 40px);
        margin-bottom: -8%;
    }
    
    .timeline li::after {
        content: " ";
        display: block;
        width: calc( 40px - 5px );
        height: 1px;
        background-color: #fff;
        position: absolute;
        bottom: calc( 20px + 4px );
        transition: all 0.25s ease-out;
    }
    
    .timeline li:not(.min-opacity-filter):hover::after {
        width: calc( (50% + 40px) - 5px );
        transition: all 0.25s ease-in;
    }

    .timeline li:not(.min-opacity-filter):hover .infos h2 {
        margin-bottom: 0.6em;
        transition: all 0.25s ease-in;
    }

    .timeline li:nth-child(odd)::after {        
        right: -20px;
    }

    .timeline li:nth-child(even)::after {        
        left: -20px;
    }
    
    .timeline .infos {
        font-size: 1em;
    }

    .timeline li:nth-child(odd) {
        margin-right: 50%;
    }

    .timeline li:nth-child(even) {
        margin-left: 50%;
    }

    .timeline.timeline-small li:nth-child(odd) {
        margin-right: 33%;
    }

    .timeline.timeline-small li:nth-child(even) {
        margin-left: 33%;
    }

    .timeline li:nth-child(odd) .infos {
        align-items: flex-end;
        text-align: right;
    }

    .timeline li:nth-child(even) .infos {
        align-items: flex-start;
        text-align: left;
    }

    .timeline-cartas .infos h3 { 
        font-size: 72px;     
    }
}

@media only screen and (min-width: 768px){
    .timeline .infos {
        font-size: 1.25em;
    }
}

@media only screen and (min-width: 1024px){
    .timeline li {
        width: calc(50% - 60px);
    }

    .timeline.timeline-small li {
        width: calc(33% - 60px);
    }

    .timeline li::after {
        width: calc( 60px - 5px );
        bottom: calc( 30px + 4px );
    }

    .timeline li:nth-child(odd)::after {        
        right: -30px;
    }

    .timeline li:nth-child(even)::after {        
        left: -30px;
    }

    .timeline .infos {
        padding: 30px;
        font-size: 1.45em;
    }
}

@media only screen and (min-width: 1200px){
    .timeline .infos {
        font-size: 1.85em;
    }
}

/**************************************************************************/
/**************************************************************************/
/************************************************************************** TIMELINE CARTAS */
/**************************************************************************/
/**************************************************************************/

.timeline-cartas.timeline--small li:not(.min-opacity-filter) {
    margin-bottom: 1em;
    background-color: transparent
}

.timeline-cartas.timeline--small .thumb {
    display: none;
    /*aspect-ratio: 16/4;*/
}

.timeline-cartas.timeline--small .thumb img {
    display: none;
}

.timeline-cartas.timeline--small .infos {
    position: relative;
}

.timeline-cartas.timeline--small li.min-opacity-filter {
    opacity: 0;
    filter: blur(0px);
    height: 0px;
    margin-bottom: 0;
    overflow: hidden;
}

.search-box {
    padding-bottom: 3em;
}

#searchListField {
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-family: Roboto, sans-serif !important;
    font-weight: 100;
    margin: auto;
    background-color: transparent;
    color: #ade1fa;
    border: none !important;
    border-bottom: 1px solid #ade1fa !important;
    width: 100%;
    max-width: 240px;
    line-height: 36px;
    padding: 0;
    background-image: url(../img/search-icon.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.page-memorias-lista #searchListField {
    color: var(--color-green);
    border-bottom: 1px solid var(--color-green) !important;
    background-image: url(../img/search-icon-green.png);
}

#searchListField:focus {
    background-image: unset;
}

.cartas-lista .box-home-compartilhe {
    margin: 1em auto 3em;
}
.cartas-lista .box-home-cta,
.filmes-lista .box-home-cta,
.memorias-lista .box-home-cta {
    margin: 0 auto 2em;
}
.box-info-title.flex {
    display: flex;
    width: 100%;
    justify-content: space-between;
    -ms-align-items: flex-end;
    align-items: flex-end;
    margin-bottom: 0.8em;
}
.box-info-title.flex > h1 {
    padding: 0;
}
.filme-item .box-info-title.flex {
    padding: 0 20px;
}
.box-top-compartilhe {
    margin-bottom: 1.1em;
    flex-grow: 1;
    display: none;
}
.box-top-compartilhe .compartilhe {
    float: right;
}
.box-top-compartilhe:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: -0.1em;
    right: 160px;
    height: 1px;
    width: calc(100% - 180px);
}
.page-memorias-item .box-top-compartilhe .compartilhe {
    display: none;
}
.page-memorias-item .box-top-compartilhe:after {
    right: 0px;
    width: calc(100% - 20px);
}
.page-cartas-item .box-top-compartilhe:after {
    background-color: #ade1fa;
}
.filmes .page-list li:after,
.filmes .page-list ul:before,
.page-filmes-item .box-top-compartilhe:after {
    background-color: #e4d7c4;
}
.memorias .page-list li:after,
.memorias .page-list ul:before,
.page-memorias-item .box-top-compartilhe:after {
    background-color: var(--color-green);
}
.box-top-compartilhe .compartilhe a {
    margin: 0 3px;
}
@media only screen and (min-width: 768px) {
    .box-top-compartilhe {
        display: block;
    }
    .box-top-compartilhe .compartilhe {
        -webkit-transform: translateY(15px);
        -ms-transform: translateY(15px);
        -o-transform: translateY(15px);
        transform: translateY(15px);
    }
    .box-info-title.flex > h1 {
        max-width: 66%;
    }
    .filme-item .box-info-title.flex {
        padding: 0;
    }
}
@media only screen and (min-width: 880px) {
    .filme-item .box-info-title.flex {
        padding: 0;
    }
}
@media only screen and (min-width: 1024px) {
    .box-top-compartilhe .compartilhe {
        -webkit-transform: translateY(7px);
        -ms-transform: translateY(7px);
        -o-transform: translateY(7px);
        transform: translateY(7px);
    }
    .box-top-compartilhe:after {
        bottom: 0.4em;
    }
}
@media only screen and (min-width: 1280px) {
    .box-top-compartilhe .compartilhe {
        -webkit-transform: translateY(1px);
        -ms-transform: translateY(1px);
        -o-transform: translateY(1px);
        transform: translateY(1px);
    }
    .box-top-compartilhe:after {
        bottom: 0.75em;
    }
}
.page-cartas-item .box-home-cta,
.page-filmes-item .box-home-cta {
    margin-top: 0;
}
.box-next-prev {
    justify-content: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 280px;
    margin: auto;
}
.box-bt {
    border: 1px solid #fff;
    width: 140px;
    height: 50px;
}
.box-bt.box-next {
    left: -1px;
}
.box-bt a {
    width: 100%;
    height: 100%;
    justify-content: center;
    -ms-align-items: flex-end;
    align-items: flex-end;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    padding: 0 20px;
}
.box-bt .texto {
    font-size: 24px;
    line-height: 0.95em;
    display: none;
}
.box-bt .label {
    font-size: 14px;
    line-height: 1.4em;
    color: #fff;
}
.page-cartas-item .box-bt .texto {
    color: var(--color-blue);
}
.page-filmes-item .box-bt .texto {
    color: var(--color-sand);
}
.page-memorias-item .box-bt .texto {
    color: var(--color-green);
}
.box-next-prev .saibamais {
    -webkit-order: 3;
    -moz-order: 3;
    -ms-order: 3;
    -o-order: 3;
    order: 3;
    letter-spacing: 0.1em;
    font-size: 1.2em;
    margin-top: 2em;
}
.filmes .saibamais .scratch:after {
    background-position: center -16px;
}
@media only screen and (min-width: 768px) {
    .box-next-prev {
        justify-content: space-around;
        max-width: 100%;
    }
    .box-next-prev .saibamais {
        -webkit-order: inherit;
        -moz-order: inherit;
        -ms-order: inherit;
        -o-order: inherit;
        order: inherit;
        margin-top: 0;
    }
    .box-bt {
        width: 240px;
        height: 108px;
    }
    .box-bt.box-next {
        left: initial;
    }
    .box-bt .texto {
        display: block;
    }
    .page-filmes-item .box-next-prev,
    .memoria-item .box-next-prev {
        justify-content: space-between;
        max-width: 100%;
    }
    .compartilhe-footer {
        display: none;
    }
}
.video-container {
    position: relative;
    padding-bottom: 54%;
    padding-top: 0;
    height: 0;
    width: 100%;
    margin-bottom: 1.5em;
}
.video-container embed,
.video-container iframe,
.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.filme-item > .center-wrapper {
    max-width: 840px;
}
.iosbg {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: -1;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
.page-home .iosbg {
    background-color: #6ca1bb;
    background-image: url(../img/vid-bg-web-mb.jpg);
}
.page-cartas-lista .iosbg {
    background-color: #4b809a;
    background-image: url(../img/bg-cartas-lista.jpg);
}
.page-cartas-item .iosbg {
    background-color: #4b809a;
    background-image: url(../img/bg-cartas-item.jpg);
}
.page-filmes-lista .iosbg {
    background-color: #a3a091;
    background-image: url(../img/bg-filmes-lista.jpg);
}
.page-filmes-item .iosbg {
    background-color: #a3a091;
    background-image: url(../img/bg-filmes-item.jpg);
}
.page-memorias-lista .iosbg {
    background-color: var(--color-green);
    background-image: url(../img/bg-memorias-lista.jpg);
}
.page-memorias-item .iosbg {
    background-color: var(--color-green);
    background-image: url(../img/bg-memorias-item.jpg);
}
.page-sobre .iosbg {
    background-color: #786c61;
    background-image: url(../img/bg-sobre.jpg);
}

/****************************************************************/
/****************************************************************/
/****************************************************************/
/******************************* UPDATE V3 */
/****************************************************************/
/****************************************************************/
/****************************************************************/
#detach-button-host{
    display: none !important;
}
.default-color-green,
.memorias .title,
.memorias .subtitle
.memorias h1,
.memorias h2,
.memorias h3,
.memorias h4,
.memorias h5,
.memorias h6,
.memorias.title,
.memorias.subtitle {
	color: var(--color-green);
}

.is-logged .box-home-banner,
.is-logged .box-home-compartilhe {
    margin-top: 2em;
} 

.is-logged .box-home-compartilhe {
    margin-bottom: 2em;
}

.wpcf7-spinner {
    display: none !important;
}

.grid-item {
    width: 50%;
    padding: 1px 1px 0 0;
    background: var(--color-green);
    overflow: hidden;
}

.grid-item > a {
    display: block;
}

.blurred-bg,
.blurred-bg-inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: var(--color-green);
}

.blurred-bg {
    mix-blend-mode: multiply;
}

.blurred-bg-inner {
    filter: blur(5px) saturate(0);
    transform: scale(1.1);
    background-position: center;
    background-size: cover;    
    background-color: var(--color-green);    
}

.grid-item figcaption {
    display: table;
    padding: 0.75em 1em 0.75em 2em;
    background-color: #699a89;
    width: 100%;
    color: var(--color-green);
    font-size: 80%;
    line-height: 1.25em;
    font-style: italic;
    font-weight: 400;
}

.grid-item figcaption::before {
    content: " ";
    display: block;
    height: calc(100% + 1em);
    width: 1px;
    background-color: var(--color-green);
    position: absolute;
    bottom: 1em;
    left: 1em;
}

.grid-item video {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 0;
    margin: 0;
    padding: 0;
}

.grid-item--width2 {
    width: 100%;
}

.fancybox-bg {
    background: var(--color-green) !important;
}

.fancybox-caption {
    font-size: 80% !important;
    line-height: 1.25em;
    font-style: italic;
    font-weight: 400;
    color: var(--color-green) !important;
}

@media screen and (min-width: 768px) {
    .grid-item {
        width: 33.333%;
    }
    .grid-item--width2 {
        width: 66.666%;
    }
}

@media screen and (min-width: 1024px) {
    .grid-item {
        width: 25%;
    }
    .grid-item--width2 {
        width: 50%;
    }
}

@media screen and (min-width: 1280px) {
    .grid-item {
        width: 20%;
    }
    .grid-item--width2 {
        width: 40%;
    }
}

@media screen and (min-width: 1921px) {
    .grid-item {
        width: 12.5%;
    }
    .grid-item--width2 {
        width: 25%;
    }
}

.download-btn {
    margin-top: 2em;
    display: flex;
    padding: 0.75em 0.5em 0.5em 0.5em;
    height: initial;
    width: auto;
    max-width: 240px;
    line-height: 1.35em;
    align-items: center;
    justify-content: center;
}

.item-relationship .fade-others {
    font-size: 20px;
    margin-bottom: 10px;
}

.item-relationship .fade-others .num {
    font-size: 1.66em;
    min-width: 43px;
    display: inline-block;
    color: var(--color-green);
}

.item-relationship .fade-others .num::after {
    content: ".";
}



/*
.custom-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.custom-gallery > li {
    max-width: 240px;
    aspect-ratio: 1/1;
    overflow: hidden;
    margin: 0.5em;
    background-color: var(--color-green);
}

.custom-gallery > li img {
    width: 100%; 
    height: 100%; 
    object-fit: cover;
    object-position: center;
    mix-blend-mode: luminosity;
}
*/