/*
 Theme Name: Twenty Sixteen Child
 Description: The custom theme Twenty Sixteen Child using the parent theme Twenty Sixteen.
 Author: Fluxo
 Author URI: http://fluxo.design;
 Template: twentysixteen
 Version: 1
 */


@font-face {
    font-family: 'GK-regular';
    src: url('fonts/GK-Regular.eot');
    src: url('fonts/GK-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/GK-Regular.woff2') format('woff2'),
        url('fonts/GK-Regular.woff') format('woff'),
        url('fonts/GK-Regular.ttf') format('truetype'),
        url('fonts/GK-Regular.svg#GK-Regular') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'GK-medium';
    src: url('fonts/GK-Medium.eot');
    src: url('fonts/GK-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/GK-Medium.woff2') format('woff2'),
        url('fonts/GK-Medium.woff') format('woff'),
        url('fonts/GK-Medium.ttf') format('truetype'),
        url('fonts/GK-Medium.svg#GK-Medium') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'GK-semibold';
    src: url('fonts/GK-Semibold.eot');
    src: url('fonts/GK-Semibold.eot?#iefix') format('embedded-opentype'),
        url('fonts/GK-Semibold.woff2') format('woff2'),
        url('fonts/GK-Semibold.woff') format('woff'),
        url('fonts/GK-Semibold.ttf') format('truetype'),
        url('fonts/GK-Semibold.svg#GK-Semibold') format('svg');
    font-style: normal;
}


/* FORMATAÇÃO GERAL */

body {
	overflow-x: hidden;
}
.overflow_hidden {
	overflow-y: hidden;
}
body {
    background: #FFF;
}
body.no-animation {
	transition: 0s;
}
.site {
	background: transparent;
}
body, button, input, select, textarea, a, .entry-title {
	font-family: 'GK-regular', sans-serif;
	font-size: 15px;
    line-height: 20px;
	font-weight: normal;
	color: #000;
}
.site {
    margin: 0;
}
body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
	display: none;
}
html {
    overflow: unset !important;
}
html, body {
    flex-flow: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    margin: 0;
    position: unset !important;
}
.site-content {
    position: relative;
    padding: 163px 0 0;
    max-width: 1024px;
    margin: auto;
}
.site-inner {
	max-width: inherit;
}
.site-main {
    margin-bottom: 0;
}
p {
    margin: 0 0 20px;
}
ul, ol, li {
	list-style: none;
	margin: 0;
}
a {
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer;
	color: #000;
}
a:hover, a:focus, a:active {
    opacity: 1;
    color: #000;
}
b, strong {
    font-family: 'GK-semibold', sans-serif;
}
.current-menu-item a {
    color: blue;
}
::selection {
	background: #CCC;
	color: #FFF;
}
::-moz-selection {
	background: #CCC;
	color: #FFF;
}
.uppercase {
	text-transform: uppercase !important;
}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, ::placeholder {
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    background: transparent !important;
    padding: 0;
    font-family: 'GK-regular', sans-serif;
    line-height: normal;
    border: none;
}
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, select:focus {
	outline: none;
	appearance: none;
    -webkit-appearance: none;
}
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
	background: transparent;
}
button, button:hover, input[type="submit"], input[type="submit"]:hover {
    color: blue;
    font-family: 'GK-Regular', sans-serif;
    background-color: transparent;
    padding: 0;
    margin: 0;
    font-weight: 300;
    text-transform: none;
    letter-spacing: 0;
    border: none;
    border-radius: 0;
}
::placeholder {
	padding: 0;
}
.hidden {
	opacity: 0;
	pointer-events: none;
}
.base_url {
    display: none;
}
.display_none {
    display: none;
}
.base_utl {
    display: none;
}
.block_scroll {
	overflow-y: hidden; 
	height: 100%;
}
.edit-link {
	display: none !important;
}
.blockUI.blockOverlay:before {
    width: 30px !important;
    height: 30px !important;
}
.conteudo-mobile {
	display: none !important;
}
.conteudo-desktop {
	display: block !important;
}
a[href^="tel"] {
    color:inherit;
    text-decoration:none;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.3);
    background-color: #FFF;
}
::-webkit-scrollbar {
    width: 6px;
    background-color: #FFF;
}
::-webkit-scrollbar-thumb {
    background-color: blue;
}
.modal-bottom::-webkit-scrollbar {
    width: 5px;
    background-color: #FFF;
}





/* HEADER */



.header {
	max-width: 1024px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    background-color: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
}
.header-fixed {
    position: fixed;
    top: -110px;
}
.header .btn-search {
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 16px;
    cursor: pointer;
}
.header-fixed .btn-search {
    top: 113px;
}
.header .btn-search svg {
    height: 18px;
}
.header .logo {
	margin-bottom: 29px;
    padding-top: 35px;
    display: block;
    text-align: center;
}
.logo-mobile {
    display: none;
}
.header .logo-desktop {
    display: block;
}
.header .btn-newsletter {
	position: absolute;
    right: 0;
    left: auto;
    top: 0;
    padding-top: 17px;
}
.header-fixed .btn-newsletter {
    top: 113px;
}
.header .btn-newsletter svg {
    height: 16px;
}
.btn-menu-mobile {
	display: none;
}
.menu-desktop ul.menu {
	display: block;
    font-size: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-bottom: 8px;
    border-bottom: 2px solid blue;
}
.menu-desktop ul.menu li {
	display: inline-block;
	margin-right: 30px;
    margin-left: 30px;
}
.menu-desktop a {
	font-size: 19px;
    line-height: 26px;
}
.menu-desktop a:hover {
	color: blue;
}
.fixed-container {
    position: relative;
    z-index: 10000;
}
.frame .text {
    position: fixed;
    height: 28px;
    line-height: 28px;
}
.frame .top {
    top: 15px;
}
.frame .left {
    left: 30px;
}
.frame .bottom {
    bottom: 15px;
}
.frame .right {
    right: 30px;
}
.frame .middle {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.frame .rotate.r270 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.frame .rotate.r90, .frame .rotate.r270 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
.frame .rotate span {
    letter-spacing: 10px;
}
.frame .text span {
    position: relative;
    display: block;
    color: blue;
}
.frame .text span {
    font-size: 18px;
    line-height: 28px;
}
.frame .rotate span {
    font-size: 15px;
    line-height: 20px;
}
.search-form-text {
    font-size: 15px;
    line-height: 20px;
    display: block;
    position: relative;
    color: #000;
    text-align: center;
    width: 60%;
    margin: auto;
    margin-bottom: 60px;
}
.newsletter-wrapper .search-form-text {
    margin-top: 30px; 
}
.newsletter-wrapper .field-no-label, .yikes-easy-mc-form .field-no-label, .yikes-easy-mc-form label {
    margin: 0 !important;
    padding: 0 !important;
}
.newsletter-form {
    margin-top: 20px;
}
.search-wrapper form input, .newsletter-wrapper .field-no-label, .yikes-easy-mc-form input {
    font-size: 30px !important;
    line-height: 36px !important;
    color: blue !important;
    display: block !important;
    border: none !important;
    border-bottom: solid 1px blue !important;
    padding: 10px !important;
    background-color: transparent !important;
    outline: none!important;
    text-align: center !important;
    margin-bottom: 30px !important;
}
.search-wrapper form input:focus, .newsletter-wrapper .field-no-label:focus {
    font-size: 30px !important;
    line-height: 36px !important;
    color: blue !important;
    display: block !important;
    border: none !important;
    background-color: transparent !important;
    outline: none!important;
    text-align: center !important;
}
.yikes-easy-mc-form input[type=email], .yikes-easy-mc-form input[type=number], .yikes-easy-mc-form input[type=text], .yikes-easy-mc-form input[type=url], .yikes-easy-mc-form select {
    border: none;
    border-bottom: solid 1px blue;
    border-radius: 0;
}
.search-wrapper form input::placeholder, .newsletter-wrapper .mailchimp-email::placeholder {
    color: blue;
}
.search-head {
    display: block;
    width: 65%;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0;
    padding-top: 30px;
}
.search-head h5 {
    font-family: 'GK-semibold', sans-serif;
    color: blue;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
}
.mc4wp-form-fields {
    text-align: center;
}
.field-no-label {
    margin-bottom: 50px !important;
    font-size: 20px !important;
    margin-top: 20px !important;
}
.newsletter-modal-content .modal-wrapper.styled .wp-post-modal {
    max-height: 360px !important;
}
.yikes-easy-mc-error-message, .yikes-easy-mc-success-message {
    background-color: transparent !important;
    padding: 0 !important;
    text-align: center !important;
    color: #000 !important;
}
.yikes-easy-mc-error-message a, .yikes-easy-mc-success-message a {
    color: blue !important;
}
.yikes-easy-mc-form .yikes-easy-mc-submit-button {
    padding: 0 !important;
    margin: 0 !important;
}
.newsletter-modal-content .modal-wrapper.styled .wp-post-modal .modal-bottom {
    padding-bottom: 0 !important;
}
.search-modal-content .modal-bottom {
    text-align: center;
}
.search-modal-content .modal-wrapper.styled .wp-post-modal {
    max-height: unset !important;
    min-height: 410px !important;
    height: unset !important;
}
.search-tags {
    font-size: 18px;
    line-height: 26px;
    color: blue;
    margin-right: 10px;
    text-transform: lowercase;
}
.search-tags:before {
    content: "#";
}
.btn-radio {
    display: inline-block;
    margin-right: 30px;
    margin-left: 30px;
    background-color: blue;
    font-size: 19px;
    line-height: 19px;
    color: #FFF;
    padding: 4px 10px;
    cursor: pointer;
}
.btn-radio-mobile, .radio-container-mobile {
    display: none;
}
.radio-container-desktop {
    display: block;
}
.radio-container {
    display: block;
    position: fixed;
    top: 50vh;
    right: -200px;
    transform: translateY(-50%);
    padding-right: 40px;
    z-index: 1000000;
    width: 194px;
    transition: 0.3s;
}
.radio-container-active {
    right: 0;
}
.radio-container > div {
    background-color: blue;
    border: solid 2px #FFF;
    color: #FFF;
    padding: 15px 15px 30px;
}
.radio-container a {
    color: #FFF;
}
.radio-container-play img {
    width: 32px;
}
.radio-container-title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px;
}
.radio-container-play span {
    display: block;
    margin-top: 5px;
}
.radio-container-play {
    margin-bottom: 30px;
}
div.jp-audio {
width: auto !important;
background-color: transparent !important;
border: none !important;
margin-top: inherit !important;
}
.jp-play {
background: url(images/btn-play.svg) no-repeat left !important;
width: 32px;
height: 37px;
cursor: pointer;
}
.jp-pause {
background: url(images/btn-pause.svg) no-repeat left !important;
width: 32px;
height: 37px;
display: none;
cursor: pointer;
}
.jp-play, .jp-pause {
color: transparent !important;
padding: 0 !important;
margin: 0 !important;
}
.jp-play:hover, .btn-play:hover, .jp-pause:hover, .btn-pause:hover, .search-btn:hover, .btn-mixcloud-play:hover {
opacity: 0.8;
}




/* FOOTER */



.footer {
    max-width: 1024px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    background-color: #fff;
    position: fixed;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
    border-top: 2px solid blue;
    padding-bottom: 30px;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-size: 18px;
}
.footer.closed {
    bottom: 40px;
    -webkit-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
}
.footer .arrow {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
}
.footer .arrow .arrow-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25px;
    height: auto;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform-origin: 25% 0;
    transform-origin: center;
}
.footer .arrow .arrow-icon svg {
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
}
.footer.closed .arrow .arrow-icon svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.footer .blocks {
    display: block;
    width: 100%;
    font-size: 0;
}
.footer .blocks .block.small {
    width: 9%;
}
.footer .blocks .block.medium {
    width: 16%;
}
.footer .blocks .block.big {
    width: 20%;
}
.footer.closed .blocks .fixable {
    margin-top: -30px;
}
.footer .blocks .block {
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
    font-size: 0;
    -webkit-transition: margin-top .5s;
    transition: margin-top .5s;
}
.footer .blocks .block .locale.selected {
    background-color: blue;
}
.footer .blocks .block .locale {
    display: inline-block;
    width: 2.07004284vw;
    height: 2.07004284vw;
    border-radius: 1.03502142vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid blue;
    font-size: .9765625vw;
    line-height: 2.07004284vw;
    margin-right: 6px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
}
.footer .blocks .block .locale {
    width: 21px;
    height: 21px;
    line-height: 21px;
    border-radius: 10.5px;
    font-size: 10px;
}
.footer .blocks .block .locale.selected a {
    color: #fff;
}
.footer .blocks .block .locale a {
    color: blue;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 10px;
    line-height: 22px;
    font-family: 'GK-medium', sans-serif;
}
.footer .blocks .block p {
    font-size: 1.26953125vw;
    line-height: 1.5625vw;
    color: blue;
}
.footer .blocks .block p {
    font-size: 13px;
    line-height: 16px;
}
.footer .blocks .block p a {
    font-size: 13px;
    line-height: 16px;
    color: blue;
}
.footer .blocks .block .mini-block {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}
.mini-block-horarios > p:last-child {
    margin-bottom: 0;
}
.footer .blocks .block p strong {
    font-weight: 500;
}
.footer.closed .blocks .fixable {
    margin-top: -30px;
}
.footer .blocks .block .icon {
    display: inline-block;
    height: 1.87473034vw;
    float: right;
    position: relative;
}
.footer .blocks .block .icon {
    height: 18px;
}
.footer .blocks .block .icon svg {
    width: auto;
    height: 100%;
    margin-left: 8px;
}
svg:not(:root) {
    overflow: hidden;
}
.footer .blocks .block:last-child {
    margin-right: 0;
}




/* SLICK */

.slick-slide {
    outline: none;
}
.slick-dots {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    display: flex;
}
.slick-dots button {
	width: 12px;
    height: 12px;
    border-radius: 50%;
    font-size: 0;
    color: transparent;
    background-color: #FFF;
    border: solid 2px blue;
    margin: 0 6px;
}
.slick-dots .slick-active button {
	background-color: blue;
}
.slick-arrow {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 25px;
    cursor: pointer;
}
.prevArrow {
    left: -42.5px;
}
.nextArrow {
    right: -42.5px;
    transform: translateY(-50%) rotate(180deg);
}


/* COLOR TITLES */

.color-title {
    position: relative;
}
.color-title:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 85px;
    height: 22px;
    mix-blend-mode: multiply;
}
.atividade-projetos .color-title + span {
    position: relative;
    z-index: 2;
}
.highlights-grid .color-title:after {
    height: 39px;
}
.highlights-grid .atividade-projetos .color-title:after {
    background-color: #FFFED6;
}
.highlights-grid .atividade-a-casa-acolhe .color-title:after {
    background-color: #E6FFFF;
}
.highlights-grid .atividade-povo-da-casa .color-title:after {
    background-color: #fee6fe;
}
.highlights-grid .atividade-atividades-regulares .color-title:after {
    background-color: #E6FEE6;
}
.color-projetos mark {
    background-color: #FFFFBF;
}
.color-a-casa-acolhe mark {
    background-color: #BFF0FF;
}
.color-povo-da-casa mark {
    background-color: #FFCCFF;
}
.color-atividades-regulares mark {
    background-color: #BFFFBF;
}





/* MODAL POSTS */


html.no-scroll, body.no-scroll {
    cursor: default;
}
html.no-scroll a, body.no-scroll a {
    cursor: pointer;
}
.modal-wrapper.styled {
    background-color: transparent;
}
.modal-wrapper.styled .wp-post-modal .close-modal {
    top: 30px;
    right: 30px;
    width: 25px;
    font-size: 18px;
    height: 25px;
    margin: 0;
    padding: 0;
    outline: none;
    z-index: 20;
}
.modal-wrapper.styled .wp-post-modal .close-modal svg {
    width: 25px;
    display: block;
    height: 25px;
    fill: blue;
    stroke: blue;
}
.modal-wrapper.styled .wp-post-modal {
    border: none;
    padding: 0;
    width: 930px;
    height: 98%;
    margin: 0 auto;
    background-color: transparent;
}
.modal-wrapper.styled .wp-post-modal #modal-content, .modal-wrapper.styled .wp-post-modal .modal-content, .alt-modal .modal-wrapper.styled .modal #modal-content {
    background-color: #fefefe;
    width: 930px;
    height: 98%;
    max-height: 98%;
    border: 2px solid blue;
    padding: 25px 0;
    padding-bottom: 0;
    margin: 8px auto 5px;
    z-index: 10;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}
.page-como-apoiar .modal-wrapper.styled .wp-post-modal .modal-content {
    border: none;
}
.modal-wrapper .header-wrapper {
    padding-right: 90px;
    padding-left: 90px;
    margin-bottom: 0;
}
.modal-wrapper .header-wrapper .title-wrapper {
    display: block;
    width: 100%;
    position: relative;
}
.modal-wrapper .header-wrapper .title-wrapper h1 {
    font-size: 26px;
    line-height: 30px;
    border-bottom: 2px solid blue;
    padding-bottom: 25px;
    color: #000;
    padding-right: 0;
    width: 100%;
    font-weight: 100;
    margin-top: 0px;
    margin-bottom: 0;
}
.modal-bottom {
    padding-right: 90px;
    padding-left: 90px;
    padding-bottom: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 100%;
    overflow-y: scroll;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.modal-slider {
    opacity: 0;
    width: 746px;
}
.modal-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 420px !important;
    width: 746px !important;
}
.gallery-item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 420px !important;
}
.modal-wrapper.styled .wp-post-modal ul li {
    list-style: none;
}
.modal-wrapper .slick-dots li {
    margin: 0 !important;
}
.modal-text {
    display: inline-block;
    width: 74%;
    padding-right: 60px;
    font-size: 15px;
    line-height: 20px;
    vertical-align: top;
    margin-top: 28px;
}
.modal-sidebar {
    display: inline-block;
    width: 25%;
    font-size: 15px;
    line-height: 20px;
    margin-top: 28px;
}
.sidebar-head, .sidebar-head a {
    font-family: 'GK-semibold', sans-serif;
}
.sidebar-head a {
    color: blue;
}
.sidebar-helper {
    border-top: solid 2px blue;
    padding-top: 20px;
}
.modal-text a, .sidebar-helper, .sidebar-helper a, .sidebar-helper p {
    color: blue;
}
.sidebar-helper.sidebar-files a {
    position: relative;
    display: block;
    margin-bottom: 20px;
}
.sidebar-helper a span {
    position: absolute;
    top: 2px;
    left: -17px;
}
.sidebar-helper span {
    display: block;
}
.sidebar-helper.bloco_2_apoio span {
    display: inline-block;
}
.share-twitter {
    cursor: pointer;
}
.twitter-share-button {
    margin-top: -22px;
    opacity: 0 !important;
    position: fixed;
    left: 99999px;
}
.modal-related {
    margin-top: 40px;
}
.related-bar {
    padding-top: 0;
    padding-bottom: 7.5px;
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 20px;
    border-top: none;
    border-bottom: 2px solid blue;
    color: blue;
}
.related-item {
    display: inline-block;
    width: 32.9%;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 60px;
}
.related-item:nth-child(3n - 2) {
    padding-right: 30px;
    padding-left: 0;
}
.related-item:nth-child(3n) {
    padding-left: 30px;
    padding-right: 0;
}
.related-item:nth-child(1), .related-item:nth-child(2), .related-item:nth-child(3) {
    margin-top: 0;
}
.related-item span {
    display: block;
}
.related-title, .related-subtitle, .related-date {
    font-size: 17px;
    line-height: 20px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.related-date {
    font-size: 13px;
    line-height: 16px;
    margin-top: 6px;
}
.related-img {
    height: 131px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 15px;
}






/* HOMEPAGE */

.home-slider {
    margin-bottom: 60px;
}
.home-slider-item {
	display: block;	
}
.home-slider-img {
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center;
	height: 475px;
}
.highlights-container {
    margin: 0 0 60px;
    position: relative;
    left: 60px;
}
.highlights-grid {
    /*-moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    column-gap: 60px;*/
    margin-bottom: 80px;
}
.highlights-grid span {
    display: block;
}
.highlights-item {
    width: 422px;
    display: block;
    margin-bottom: 60px;
    margin-top:0px;
    break-inside: avoid;
}
.highlights-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 253px;
    margin-bottom: 20px;
}
.highlights-title, .highlights-subtitle {
    font-size: 26px;
    line-height: 30px;
    font-weight: 400;
}
.highlights-title {
    padding-top: 9px;
}
.highlights-grid h3 {
    margin-bottom: 5px;
}
.highlights-date {
    margin-bottom: 20px;
}
.highlights-item:hover * {
    color: blue;
}

.home-calendar {
    background-color: blue;
    color: #FFF;
    padding: 25px 40px 40px;
    position: relative;
}
.calendar-slider {
    border-top: solid 2px #FFF;
    border-bottom: solid 2px #FFF;
    margin: 20px;
    height: 477px;
}
.calendar-slider .slick-list, .calendar-slider .slick-track {
    height: 100%
}
.home-calendar a {
    color: #FFF;
}
.calendar-day a {
    display: block;
    margin-bottom: 18px;
}
.calendar-num {
    margin-bottom: 18px;
}
.calendar-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    padding: 0 45px;
}
.calendar-item {
    display: block;
}
.cal-prevArrow {
    left: -20px;
    width: 45px;
    height: 45px;
    top: 44%;
}
.cal-nextArrow {
    transform: translateY(-50%) rotate(180deg);
    right: -20px;
    width: 45px;
    height: 45px;
    top: 44%;
}
.calendar-bottom span {
    display: block;
}
.calendar-day {
    padding: 20px;
}
.calendar-day > div:not(:first-child) .calendar-top {
    display: none;
}
.calendar-item {
    position: relative;
}
.calendar-slider {
    opacity: 0;
}
.cal-top-borders {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: absolute;
    top: 0;
    width: 904px;
    padding: 0 45px;
}
.cal-top-borders div {
    height: 75px;
    border-left: solid 2px #FFF;
}
.cal-top-borders div:last-child {
    border-right: solid 2px #FFF;
}
.cal-bottom-borders {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: absolute;
    bottom: 0;
    width: 904px;
    padding: 0 45px;
}
.cal-bottom-borders div {
    height: 12px;
    border-left: solid 2px #FFF;
}
.cal-bottom-borders div:last-child {
    border-right: solid 2px #FFF;
}
.calendar-week {
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
}
.calendar-num {
    font-size: 30px;
    line-height: 36px;
}
.calendar-hour {
    line-height: 18px;
}
.calendar-title {
    line-height: 18px;
    font-family: 'GK-semibold', sans-serif;
}
.calendar-bottom mark{
    color:blue;
    display: inline;
    padding: 3px 2px 0 0;
}
.home-calendar .container-legend {
    position: absolute;
    top: 20px;
    right: 60px;
    display: block;
}
.home-calendar .container-legend ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 52px;
    width: 390px;
}
.home-calendar .container-legend ul li .color-block {
    margin-right: 10px;
    width: 40px;
    height: 12px;
    display: inline-block;
}
.home-calendar .container-legend ul li span {
    font-size: 13px;
    font-family: 'GK-medium',sans-serif;
}
.custom_select {
    -webkit-appearance: none;
    border-radius: 0;
    border: solid 2px #FFF;
    background: none;
    color: #FFF;
    text-transform: capitalize;
    padding: 6px 30px 3px 10px;
    cursor: pointer;
    width: 100%;
}
.custom_select.blue_select {
    border: solid 2px blue;
    color: blue;
}
.month-filter {
    margin-top: -4px;
    margin-left: 20px;
    position: relative;
    width: 170px;
}
.select-arrow {
    background-image: url(images/select-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 12px;
    height: 7px;
    position: absolute;
    z-index: 10;
    top: 14px;
    right: 10px;
    pointer-events: none;
    cursor: pointer;
}





/* MAIN PAGES */


.page-title {
    display: none;
}
.page-description {
    width: 580px;
    margin: auto;
    margin-bottom: 60px;
    padding-top: 60px;
    text-align: center;
}
.page-description p {
    font-size: 17px;
    line-height: 22px;
}
.activity-blocks-content {
    margin-bottom: 60px;
    text-align: center;
}
.activity-block {
    display: inline-block;
    width: 270px;
    margin-right: 30px;
    padding-right: 0;
    vertical-align: top;
    text-align: left;
}
.activity-block:last-child {
    margin-right: 0!important;
}
.activity-block h4 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 30px;
    font-weight: 300;
    position: relative;
}
.activity-block h4 .color-background {
    display: block;
    width: 70px;
    height: 130%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
}
.activity-icon {
    display: none;
}
/*.activity-ajax {
    margin: 0 60px;
}*/
.activity-title {
    position: relative;
    z-index: 2;
}
.activity-filter {
    width: 220px;
    position: relative;
}
.activity-filter-container {
    padding-top: 30px;
    border-top: 2px solid blue;
    margin-bottom: 50px;
    height: auto;
}
.select-arrow.select-arrow-blue {
    background-image: url(images/select-arrow-blue.svg);
}
.page-head {
    text-align: center;
}
.page_title-wrapper {
    font-size: 20px;
    line-height: 28px;
    display: inline-block;
    position: relative;
    margin-top: 50px;
}
.page-template-page-povo-da-casa .page_title-wrapper .title_bg, .povo-content .title_bg {
    display: block;
    width: 100%;
    height: 130%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    background-color: #fee6fe;
}
.page_title-wrapper .page_title {
    position: relative;
    z-index: 2;
    font-weight: 300;
    white-space: nowrap;
}
.page-template-page-povo-da-casa .page-description {
    padding-top: 35px;
}
.nossa_voz-text a {
    text-decoration: underline;
}
.nossa_voz-text a:hover {
    color: blue;
}
.nossa_voz-container {
    border-top: 2px solid blue;
}
.nossa_voz-head {
    width: 65%;
    margin: auto;
    margin-bottom: 60px;
}
.page_subtitle h5 {
    font-weight: 300;
    text-align: center;
    color: blue;
    font-size: 30px;
    line-height: 36px;
    padding-top: 30px;
    margin-bottom: 30px;
}
.nossa_voz-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 516px;
    margin-bottom: 30px;
}
.nossa_voz-text {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
}
.nossa_voz-grid-title h5 {
    font-size: 19px;
    line-height: 26px;
    margin-bottom: 30px;
    text-align: center;
    color: blue;
    font-weight: 300;
}
.nossa_voz-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 75%;
    margin: auto;
    margin-bottom: 120px;
}
.edicoes-item {
    border-top: solid 2px blue;
}
.edicao-img {
    background-repeat: no-repeat;
    background-position: center -1px;
    background-size: calc(100% + 2px);
    height: 331px;
    margin-bottom: 15px;
}
.edition-name {
    color: blue;
}
.back-to-top {
    display: none;
}
.programacao-content, .povo-content {
    position: absolute;
    top: 162px;
}


/* SOBRE */


.video-container {
    margin-bottom: 60px;
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
    position: relative;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.who-head {
    width: 65%;
    margin: auto;
    margin-bottom: 60px;
}
.who-head h2 {
    font-size: 40px;
    line-height: 44px;
    margin-bottom: 30px;
    text-align: left;
    color: blue;
    text-transform: uppercase;
    font-weight: 300;
}
.who-head .text p, .who-head .text a {
    font-size: 17px;
    line-height: 22px;
}
.who-head .text a {
    color: blue;
}
.buttons-content {
    width: 65%;
    margin: auto;
    margin-bottom: 30px;
}
.buttons-content .buttons {
    display: block;
    text-align: center;
}
.buttons-content .buttons ul li {
    width: 25%;
    margin-right: 5%;
    margin-bottom: 30px;
    height: 33px;
    display: inline-block;
}
.buttons-content .buttons ul li a {
    font-size: 15px;
    line-height: 30px;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 2px solid blue;
    text-align: center;
    color: blue;
}
.alt-modal > div {
    display: none;
}
/*.alt-modal > div.force_show {
    display: block !important;
}
.alt-modal > div.force_show {
    display: block !important;
}*/
.force_show .wp-post-modal {
    display: block;
}
.close-modal-bg {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.btn-close-modal {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 25px;
    font-size: 18px;
    height: 25px;
    margin: 0;
    padding: 0;
    outline: none;
    z-index: 20;
    background-color: transparent;
}
.btn-close-modal svg {
    width: 25px;
    display: block;
    height: 25px;
    fill: blue;
    stroke: blue;
}
.alt-modal .modal-wrapper.styled .modal {
    max-height: 660px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    z-index: 2;
    position: relative;
    width: 930px;
    margin: auto;
}
.alt-modal .modal-wrapper.styled .modal #modal-content {
    width: 930px;
    top: 0;
    height: 660px;
    padding: 0;
    margin: 0;
    position: relative;
    overflow-y: hidden;
}
.alt-modal .modal-wrapper.styled .modal .modal-bottom {
    padding: 60px;
}
.alt-modal .logo-wrapper {
    text-align: center;
    margin-bottom: 40px;
}
.alt-modal .modal-bottom p em {
    font-size: 17px;
    line-height: 22px;
    padding-bottom: 5px;
    padding-top: 0;
    margin-bottom: 10px;
    text-transform: none;
    border-bottom: 2px solid blue;
    display: block;
    font-style: normal;
    color: blue;
}





/* COMO APOIAR */


.como_apoiar-blocos {
    margin-bottom: 30px;
    text-align: center;
    width: 100%
}
.como_apoiar-item {
    display: inline-block;
    width: 270px;
    margin-right: 30px;
    margin-bottom: 20px;
    padding-top: 0;
    vertical-align: top;
    text-align: center;
}
.como_apoiar-counter {
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
    border-radius: 20px;
    border: 2px solid blue;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.como_apoiar-counter span {
    display: block;
    width: 100%;
    font-size: 20px;
    color: blue;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-46%);
    transform: translateX(-50%) translateY(-46%);
}
.como_apoiar-titulo h4 {
    font-size: 19px;
    line-height: 26px;
    padding-bottom: 15px;
    text-transform: none;
    color: blue;
    font-family: "GK-Regular", sans-serif;
    font-weight: 300;
}
.como_apoiar-texto, .como_apoiar-texto p, .como_apoiar-texto a {
    font-size: 15px;
    line-height: 19px;
}
.como_apoiar-texto a {
    color: blue;
}
/*.page-como-apoiar .modal-wrapper.styled .wp-post-modal #modal-content {
    height: auto;
}*/
.page-como-apoiar .modal-wrapper.styled .wp-post-modal #modal-content .page-description {
    column-count: 2;
    text-align: left;
    width: auto;
    padding: 0 60px;
    column-gap: 60px;
}
.modal-content-title {
    font-size: 30px;
    line-height: 36px;
    padding-bottom: 30px;
    color: blue;
}
.page-como-apoiar .site-content {
    min-height: 120vh;
}
.page-como-apoiar .modal-wrapper.styled .wp-post-modal {
    border: 2px solid blue;
    height: 610px;
    width: 940px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #FFF;
}
.page-como-apoiar .modal-wrapper.styled .wp-post-modal #modal-content {
    width: 936px;
    height: 606px;
    margin: 0;
    max-height: unset;
    border: none;
}



/* COMO APOIAR 2020 */

.page-como-apoiar {
    background-color: blue;
    color: #FFF;
}
.page-como-apoiar a, .page-como-apoiar .frame .text span, .page-como-apoiar .footer .blocks .block p, .page-como-apoiar .footer .blocks .block p a {
    color: #FFF;
}
.page-como-apoiar .current-menu-item a, .page-como-apoiar .menu-desktop a:hover {
    color: #000;
}
.page-como-apoiar .header, .page-como-apoiar .footer {
    background-color: blue;
}
.page-como-apoiar .menu-desktop ul.menu, .page-como-apoiar .footer {
    border-color: #FFF;
}
.page-como-apoiar svg * {
    fill: #FFF;
}
.page-como-apoiar .footer .blocks .block .locale.selected {
    background-color: #FFF;
}
.page-como-apoiar .btn-search svg *, .page-como-apoiar .btn-newsletter svg * {
    stroke: #FFF;
    fill: blue;
}
.page-como-apoiar .footer svg * {
    stroke: #FFF;
    fill: blue;
}
.page-como-apoiar .footer .blocks .block .locale {
    border-color: white;
    background-color: blue;
}
.page-como-apoiar .footer .blocks .block .locale a {
    color: #FFF;
}
.page-como-apoiar .footer .blocks .block .locale.selected {
    border-color: white;
    background-color: #FFF;
}
.page-como-apoiar .footer .blocks .block .locale.selected a {
    color: blue;
}
.slider-video video {
    width: 100%;
    height: 576px;
    margin-bottom: 0;
    object-fit: cover;
}
.slider-video-item {
    cursor: pointer;
}
.slider-video .slick-arrow {
    bottom: -50px;
    top: unset;
    transform: unset;
}
.slider-video .nextSlide {
    right: 0;
    transform: rotate(180deg);
}
.slider-video .slick-arrow svg {
    width: 16px;
    height: 35px;
}
.slider-video .slick-arrow svg * {
    fill: transparent;
    stroke: #FFF;
}
.slick-dots {
    bottom: -30px;
}
.video-player-wrapper {
    position: relative;
}
.video-player-wrapper .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    cursor: pointer;
    pointer-events: none;
    width: 40px;
    display: none !important;
}
.page-como-apoiar .slick-dots .slick-active button {
    background-color: white;
    border: solid 2px white;
}
.page-como-apoiar .slick-dots button {
    background-color: blue;
    border: solid 2px #FFF;
}
.align-center {
    text-align: center;
}
.underline {
    text-decoration: underline;
}
.ca-content {
    margin-top: 60px;
    margin-bottom: 240px;
}
.ca-content * {
    -webkit-font-smoothing: antialiased;
}
.ca_font-15 {
    font-size: 15px;
    line-height: 20px;
}
.ca_font-20 {
    font-size: 20px;
    line-height: 26px;
}
.ca_font-28 {
    font-size: 28px;
    line-height: 32px;
}
.ca_font-30 {
    font-size: 30px;
    line-height: 35px;
}
.ca-central > .underline, .ca-central-02 > .underline {
    margin-bottom: 20px;
}
.ca-central > img {
    position: absolute;
    width: 90px;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}
.opacity_0 {
    opacity: 0;
}
.ca-content-row-01 {
    background-image: url(images/ca-2020/bg.svg);
    background-size: 853px 1411px;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 1411px;
    margin-top: -165px;
    position: relative;
}
.font-medium {
    font-family: 'GK-medium', sans-serif;
}
.font-semibold {
    font-family: 'GK-semibold', sans-serif;
}
.ca-left-01 {
    position: absolute;
    top: 74px;
    left: 140px;
}
.ca-left-02 {
    position: absolute;
    top: 350px;
    left: 153px;
}
.lang-en .ca-left-02 {
    left: 137px;
}
.ca-left-03 {
    position: absolute;
    top: 639px;
    left: 30px;
    width: 548px;
    z-index: -1;
}
.personagem {
    border-radius: 50%;
    position: absolute;
    z-index: -1;
}
.agatha {
    left: 215px;
    top: 0px;
    width: 130px;
}
.tati {
    right: 3px;
    top: 146px;
    width: 147px;
}
.lang-en .tati {
    right: 1px;
    top: 231px;
}
.daniel {
    bottom: 9px;
    right: 166px;
    width: 109px;
}
.lang-en .daniel {
    bottom: 1px;
    right: 190px;
}
.fanny {
    top: 150px;
    left: 8px;
    width: 153px;
}
.ca-right-01 {
    position: absolute;
    top: 74px;
    right: 111px;
}
.lang-en .ca-right-01 {
    top: 69px;
    right: 120px;
}
.ca-right-02 {
    position: absolute;
    top: 340px;
    right: 25px;
    width: 330px;
}
.lang-en .ca-right-02 .ca_font-15 span, .lang-en .btn-lei {
    display: none;
}
.btn-lei {
    cursor: pointer;
}
.page-como-apoiar .wp-post-modal, .page-como-apoiar .wp-post-modal a {
    color: blue;
}
.page-como-apoiar .wp-post-modal a {
    text-decoration: underline;
}
.modal-page-content {
    margin-top: 30px;
}
.ca-right-03 {
    width: 160px;
    position: absolute;
    top: 464px;
    right: -26px;
    z-index: -1;
}
.ca-right-04 {
    width: 282px;
    position: absolute;
    top: 963px;
    right: 100px;
    z-index: -1;
}
.ca-right-05 {
    position: absolute;
    top: 1170px;
    right: calc(50% - 3px);
    transform: translateX(50%);
}
.btn-faca_parte, .btn-quero_apoiar {
    display: block;
    cursor: pointer;
}
.lang-en .ca-right-05 {
    top: 1120px;
}
.ca-content-row-02 {
    background-image: url(images/ca-2020/bg-02.svg);
    background-size: 734px 1175px;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 1175px;
    position: relative;
    margin-top: 90px;
}
.row-02-text-01 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -49px;
}
.row-02-text-02 {
    position: absolute;
    right: 88px;
    top: 240px;
}
.row-02-text-03 {
    position: absolute;
    left: 73px;
    top: 238px;
}
.row-02-text-04 {
    position: absolute;
    left: 73px;
    top: 422px;
}
.row-02-text-05 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 647px;
}
.row-02-img-01 {
    position: absolute;
    width: 173px;
    left: 50%;
    transform: translateX(-50%);
    top: 100px;
}
.row-02-img-02 {
    position: absolute;
    width: 173px;
    right: 110px;
    top: 340px;
}
.row-02-img-03 {
    position: absolute;
    width: 173px;
    left: 50%;
    transform: translateX(-50%);
    top: 450px;
}
.ca-content-row-03 {
    position: relative;
}
.ca-content-row-03 {
    position: relative;
    top: -190px;
    display: flex;
    justify-content: space-evenly;
    margin: 0 30px;
}
.row-03-text-02 {
    margin-left: -10px;
}
.row-03-text-02, .row-03-text-03 {
    position: relative;
    left: -25px;
}
.lang-en .row-03-text-02, .lang-en .row-03-text-03 {
    left: 4px;
}
.ca-central-02 {
    margin-top: -30px;
}
.ca-content-row-04 {
    display: flex;
}
.ca-row-04-col-01 img, .ca-row-04-col-03 img {
    width: 331px;
    position: relative;
    top: 39px;
}
.ca-row-04-col-02 {
    width: 335px;
    border-bottom: dotted 6px #FFF;
    margin: 0 15px;
}
.ca-row-04-col-02 input:focus::placeholder {
    color: transparent !important;
}
.ca-row-04-col-02 input {
    font-size: 89px;
    line-height: 89px;
    color: #FFF !important;
    text-align: center;
    font-family: 'GK-Regular', sans-serif;
}
.ca-row-04-col-02 input::placeholder {
    font-size: 89px;
    line-height: 89px;
    color: #FFF;   
}
.ca-row-04-col-02 > div {
    position: relative;
    top: 185px;
}
.btn-doacao {
    position: relative;
    top: 50px;
}
.btn-doacao a {
    background: #FFF;
    color: blue;
    display: block;
    padding: 17px 0;
    transition: 0.3s;
}
.btn-doacao a:hover {
    opacity: 0.8;
}
.ca-content-row-05 {
    margin: 150px 0 50px;
}
.slider-doacoes-img {
    width: 233px;
    height: 167px;
    margin: 0 auto 40px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.slider-doacoes-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.conteudo-desktop .slider-doacoes-item {
    width: 342px !important;
    margin-right: -4px;
    border-top: solid 2px #FFF;
    border-bottom: solid 2px #FFF;
}
.slider-doacoes-wrapper > div {
    width: 342px !important;
    border-right: solid 2px #FFF;
}
.slider-doacoes-wrapper > div:first-child {
    border-left: solid 2px #FFF;
}
.slider-doacoes-row-01 {
    border-bottom: solid 2px #FFF;
    padding: 16px 0 14px;
}
.slider-doacoes-row-02 {
    padding: 40px 0;
}
.page-como-apoiar .btn-quem_apoia, .page-como-apoiar .btn-quem_apoia-mobile {
    width: fit-content;
    display: block;
    border: solid 2px #FFF;
    font-family: 'GK-medium', sans-serif;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    padding: 23px 53px 20px;
    margin: 60px auto 0;
    cursor: pointer;
}
.page-como-apoiar .btn-quem_apoia:hover, .page-como-apoiar .btn-quem_apoia-mobile:hover {
    background-color: #FFF;
    color: blue;
}
.quem_apoia_texto {
    color: blue;
    font-size: 14px;
    line-height: 120%;
    padding-top: 45px;
    padding-right: 40px;
    text-align: left;
}
.quem_apoia_title {
    font-size: 20px;
    margin-bottom: 1em;
}



/* LANDING PAGE */


.landing-modal-wrapper {
    display: block;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.vimeo-embed-wrapper > iframe {
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.landing-modal-title {
    font-size: 18px;
    line-height: 22px;
    color: #FFF;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 40px;
    font-family: 'GK-medium', sans-serif;
    z-index: 2;
    opacity: 0.7;
}
.landing-modal-buttons {
    position: absolute;
    right: 40px;
    top: 40px;
    display: flex;
    z-index: 2;
    opacity: 0.7;
}
.btn-download, .btn-close-landing {
    color: #FFF;
    font-size: 16px;
    line-height: 20px;
    font-family: 'GK-medium', sans-serif;
    text-align: center;
    display: block;
    position: relative;
    width: 50px;
}
.btn-download:hover, .btn-close-landing:hover {
    color: #FFF;
}
.btn-download > div, .btn-close-landing > div {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 12px;
    display: none;
    cursor: pointer;
    margin-top: 12px;
}
.btn-download:hover > div, .btn-close-landing:hover > div {
    display: block;
}
.btn-close-landing {
    margin-left: 20px;
}
.btn-close-landing > div {
    white-space: nowrap;
}
.btn-download img, .btn-close-landing img {
    height: 30px;
}
.vimeo-embed-wrapper {
    width: 100vw;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.vimeo-embed-wrapper > iframe {
    height: 120%;
    pointer-events: all;
    top: -15%;
    position: relative;
}
.vimeo-embed-wrapper > div {
    height: 100vh;
    width: 170vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}



































@media only screen and (max-width: 2560px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.radio-container {
    left: calc(100vw);
    right: unset;
}
.radio-container-active {
    left: calc(100vw - (100vw - 1024px)/2 + 20px);
    right: unset;
}


}


@media only screen and (max-width: 1920px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/





}



@media only screen and (max-width: 1680px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/







}



@media only screen and (max-width: 1440px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


.radio-container {
    left: unset;
    right: -200px;
}
.radio-container-active {
    left: unset;
    right: 0;
}


}



@media only screen and (max-width: 1366px) and (min-height: 680px) and (max-height: 690px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/



}



@media only screen and (max-width: 1280px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/



}



@media only screen and (max-width: 1024px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/



}



@media only screen and (max-width: 768px) and (orientation: landscape) {

.vimeo-embed-wrapper > div {
    height: 100vh !important;
    width: 100vw !important;
    left: 50% !important;
    top: 8% !important;
    transform: translate(-50%, 0) scale(1.2) !important;
    pointer-events: all !important;
    padding: 0 !important;
}
.landing-modal-wrapper .landing-modal-title {
    display: none !important;
}

}



@media only screen and (max-width: 768px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/



/* LANDING */


.landing-modal-title {
    padding: 0 15px;
    top: 18%;
    display: block !important;
}
.landing-modal-buttons {
    right: 0px;
    top: 20px;
    display: flex !important;
    transform: scale(0.7);
}
.btn-download > div, .btn-close-landing > div {
    display: none !important;
}
.vimeo-embed-wrapper > div {
    height: unset;
    width: calc(100vw - 30px);
    left: 50%;
    top: 17%;
    transform: translate(-50%, 0);
    pointer-events: all;
}


/* RADIO ANSIA */

.radio-container-mobile {
    display: none;
}
.radio-container-desktop {
    display: none !important;
}
.btn-radio-mobile {
    display: inline-block;
    margin-top: 100px;
    margin-left: 15px;
}
.radio-container {
    position: relative;
    width: 100%;
    padding: 0 15px;
    margin: 15px 0 0;
    top: unset;
    right: 0;
    transform: unset;
    z-index: unset;
}
.radio-container > div {
    border: none;
    display: flex;
    padding: 20px 20px 30px;
}
.radio-container > div > div {
    width: 50%;
}
.radio-container-menu {
    display: block !important;
    position: absolute;
    bottom: 90px;
}
.radio-container-menu > div {
    background-color: #FFF;
    border: none;
    color: blue;
    font-size: 12px;
    line-height: 15px;
    padding: 15px 15px 0;
}
.radio-container-menu > div a {
    color: blue;
    font-size: 12px;
    line-height: 14px;
}
.radio-container-menu .jp-play {
    background: url(images/btn-play-blue.svg) no-repeat left !important;
}
.radio-container-menu .jp-pause {
    background: url(images/btn-pause-blue.svg) no-repeat left !important;
}
.radio-container-menu .radio-container-title {
    font-size: 14px;
    line-height: 16px;
}



/* HEADER */


body, button, input, select, textarea, a, .entry-title {
    font-size: 16px;
}
html {
    overflow-x: hidden !important;
    width: 100vw;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: unset;
    background-color: unset;
}
::-webkit-scrollbar {
    width: unset;
    background-color: unset;
}
::-webkit-scrollbar-thumb {
    background-color: unset;
    /*border-radius: 3px;*/
}
.modal-bottom::-webkit-scrollbar {
    width: unset;
    background-color: unset;
}
.header {
    position: fixed;
    width: 100vw;
    left: 0;
    top: 0;
    transform: none;
    height: 50px;
}
.fixed-container {
    display: none !important;
}
.modal-wrapper.styled .modal, .modal-content, .alt-modal .modal-wrapper.styled .modal .modal-content {
    width: 100%;
}
.modal-wrapper.styled .wp-post-modal #modal-content, .modal-wrapper.styled .wp-post-modal .modal-content {
    max-height: 100%;
}
.alt-modal .modal-wrapper.styled .wp-post-modal .modal-bottom {
    padding: 15px;
}
.alt-modal .modal-wrapper.styled .modal {
    max-height: unset;
}
.yikes-easy-mc-error-message, .yikes-easy-mc-success-message {
    color: #FFF !important;
}
.yikes-easy-mc-error-message a, .yikes-easy-mc-success-message a {
    color: #FFF !important;
    text-decoration: underline;
}
.newsletter-modal-content .modal-content {
    background-color: blue !important;
}
.search-form-text {
    color: #FFF;
}
.modal-wrapper.styled .wp-post-modal {
    height: 100%;
}
.newsletter-modal-content button, .newsletter-modal-content button:hover, .newsletter-modal-content input[type="submit"], .newsletter-modal-content input[type="submit"]:hover {
    color: #FFF;
}
.newsletter-modal-content button svg line, .menu-mobile button svg line {
    stroke: #FFF
}
.newsletter-modal-content .modal-wrapper.styled .wp-post-modal {
    max-height: unset !important;
}
.newsletter-wrapper .search-form-text {
    margin-top: unset;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}
.newsletter-form {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.search-wrapper form input::placeholder, .newsletter-wrapper .mailchimp-email::placeholder {
    color: #FFF;
}
.search-wrapper form input, .search-wrapper form input:focus, .newsletter-wrapper .field-no-label, .newsletter-wrapper .field-no-label:focus {
    color: #FFF;
}
.btn-close-modal {
    top: 15px;
    right: 15px;
    width: 7.8125vw;
    height: 7.8125vw;
}
.btn-close-modal svg {
    width: 100%;
    height: auto;
}
.btn-search, .menu-desktop {
    display: none;
}
.header .btn-newsletter {
    right: unset;
    left: 15px;
    top: 15px;
    width: 7.8125vw;
    padding-top: 0;
}
.header .btn-newsletter svg, .header .btn-menu-mobile svg {
    width: 100%;
    height: auto;
}
.btn-menu-mobile {
    display: block;
    position: fixed;
    right: 15px;
    top: 15px;
    width: 7.8125vw;
    cursor: pointer;
    z-index: 9;
}
.header .logo-desktop {
    display: none;
}
.home .logo-mobile, .single .logo-mobile {
    display: block;
    margin: 0 auto 0;
    padding-top: 50px;
    text-align: center;
}
.menu-mobile {
    position: fixed;
    z-index: 101;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-color: blue;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
}
.menu-mobile .menu {
    position: absolute;
    top: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    padding-bottom: 40px;
    display: block;
    width: 100%;
}
.menu-mobile .menu li {
    line-height: 8vw;
}
.menu-mobile .menu li a {
    color: #fff;
    font-size: 5vw;
}
.locale-buttons ul li a {
    width: 100%;
    text-transform: uppercase;
    font-size: 5.78125vw;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.locale-buttons ul li.selected a {
    color: blue;
}
.locale-buttons ul li {
    display: inline-block;
    width: 14.0625vw;
    height: 14.0625vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #fff;
    text-align: center;
    border-radius: 7.03125vw;
    margin-left: 1.5625vw;
    margin-right: 1.5625vw;
    position: relative;
    color: #fff;
}
.locale-buttons ul li.selected {
    background-color: #fff;
}
.locale-buttons ul {
    display: block;
    width: 100%;
    position: relative;
}
.locale-buttons {
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
    display: block;
}



/* FOOTER */

.footer {
    display: none;
}


/* HOMEPAGE */

.site-content {
    padding: 40px 0 0;
}
.home-slider {
    margin: 0 15px;
}
.home-slider-img {
    height: 55.2vw;
}
.prevSlide {
    left: 0;
    transform: rotate(0deg) translateY(0%);
}
.nextSlide {
    right: 0;
    transform: rotate(180deg) translateY(0%);
}
.nextSlide, .prevSlide {
    height: 7.8125vw;
    width: 3.3vw;
    transform-origin: center;
    top: 110%;
}
.home-slider .slick-arrow svg {
    height: 100%;
    width: auto;
}
.highlights-container {
    margin: 110px 0 0;
    left: 0;
}
.home .highlights-container {
    margin: 50px 15px 0;
}
.highlights-grid {
    /*column-count: 1;*/
    margin-bottom: 0;
}
.highlights-item {
    width: 100%;
}
.highlights-title, .highlights-subtitle {
    font-size: 5.78125vw;
    line-height: 6.875vw;
}
.highlights-date {
    font-size: 4.21875vw;
    line-height: 5.625vw;
}
.highlights-excerpt {
    display: none !important;
}
.home-calendar .container-legend {
    display: none;
}
.month-filter {
    margin: -4px auto;
}
.home-calendar {
    padding: 25px 0px 20px;
}
.calendar-slider {
    height: auto;
    margin: 24px 0 0;
    /*border-bottom: none;*/
}
.calendar-wrapper {
    overflow-x: scroll;
    width: 100%;
    position: relative;
    display: inline-flex;
    padding: 0 60px;
}
.calendar-grid {
    display: inline-flex;
    padding: 0;
}
.calendar-item {
    width: calc(100vw - 120px);
    /*display: inline-block;*/
    /*border-bottom: solid 2px #FFF;*/
}
.cal-top-borders, .cal-bottom-borders {
    width: 1022px;
    padding: 0;
}
.cal-top-borders div:last-child, .cal-bottom-borders div:last-child {
    border-right: none; 
}
.calendar-row:last-child {
    padding-right: 60px;
}
.modal-wrapper.styled .wp-post-modal #modal-content, .modal-wrapper.styled .wp-post-modal .modal-content {
    margin: 0;
    width: 100%;
    height: 100%;
}
.modal-wrapper .header-wrapper {
    padding-right: 15px;
    padding-left: 15px;
}
.modal-bottom {
    padding-right: 15px;
    padding-left: 15px;
}
.modal-wrapper .header-wrapper .title-wrapper h1 {
    border-bottom: none;
    font-size: 5.78125vw;
    line-height: 6.875vw;
    color: blue;
    padding-right: 15.625vw;
    padding-bottom: 15px;
}
.modal-wrapper .header-wrapper .title-wrapper {
    border-bottom: 2px solid blue;
}
.modal-wrapper.styled .wp-post-modal .close-modal {
    top: 15px;
    right: 15px;
    width: 7.8125vw;
    height: 7.8125vw;
}
.modal-wrapper.styled .wp-post-modal .close-modal svg {
    width: 100%;
    height: auto;
}
.modal-wrapper.styled .wp-post-modal #modal-content, .modal-wrapper.styled .wp-post-modal .modal-content {
    padding: 15px 0;
}
.gallery-item, .modal-img {
    height: 51.2vw !important;
}
.modal-img {
    max-width: 100%;
}
.modal-slider {
    width: 100%;
    margin-bottom: 20vw;
}
.modal-img {
    margin-bottom: 5vw;
}
.modal-text {
    width: 100%;
    padding-right: 0;
    font-size: 15px;
    margin-top: 0;
}
.modal-sidebar {
    width: 100%;
}
.sidebar-helper {
    border: none;
    padding-top: 0;
}
.sidebar-helper:last-child {
    margin-top: 30px;
}
.sidebar-helper.sidebar-files a {
    margin-left: 17px;
}
.sidebar-helper:last-child:before, .sidebar-files:before {
    content: "";
    position: relative;
    top: 0px;
    display: block;
    height: 2px;
    background-color: blue;
    width: 10px;
    margin-bottom: 7.5px;
}
.related-bar {
    border-bottom: none;
    border-top: 2px solid blue;
    padding-top: 7.5px;
    padding-bottom: 0;
    font-size: 5.78125vw;
    line-height: 6.875vw;
}
.related-item {
    display: block;
    width: 100%;
    padding: 0 !important;
    margin-top: 40px !important;
}
.related-img {
    height: 204px;
}
.related-title {
    font-size: 5.78125vw;
    line-height: 6.875vw;
}
.related-title, .related-subtitle, .related-date {
    white-space: unset;
}
.activity-block h4 .color-background {
    display: none;
}




/* SOBRE */

.page-title {
    display: none;
    color: blue;
    font-size: 5.78125vw;
    line-height: 6.875vw;
    position: relative;
    left: 15px;
    top: 15px;
    padding-right: 85px;
    font-family: 'GK-regular', sans-serif;
}
.page-title:after {
    content: "";
    position: fixed;
    top: 50px;
    left: 15px;
    height: 2px;
    width: calc(100% - 30px);
    background-color: blue;
}
body.single-page .page-title {
    display: block;
}
body.single-page .btn-newsletter, body.single-page .logo-mobile {
    display: none;
}
body.single-page .site-content {
    padding: 50px 15px 0;
}
.who-head {
    width: 100%;
}
.who-head h2 {
    font-size: 7.03125vw;
    line-height: 8.4375vw;
    margin-bottom: 15px;
    text-align: center;
}
.video-container {
    margin-bottom: 40px;
}
.who-head .text p {
    font-size: 4.21875vw;
    line-height: 5.625vw;
}
.buttons-content .buttons ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}
.buttons-content .buttons ul li a {
    font-size: 4.21875vw;
    line-height: 9.3125vw;
}
.back-to-top {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 30px;
    display: block;
    text-align: center;
}
.back-to-top .arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.page-description {
    width: auto;
    text-align: left;
    padding: 30px;
    margin-bottom: 0;
}
.page-description p {
    font-size: 4.21875vw;
    line-height: 5.625vw;
}



/* PROGRAMAÇÃO */


.activity-block {
    width: auto;
    display: block;
    margin: 0;
    padding: 13px 15px;
}
.activity-block:nth-child(1) {
    background-color: #E6FEE6;
}
.activity-block:nth-child(2) {
    background-color: #FFFED6;
}
.activity-block:nth-child(3) {
    background-color: #E6FFFF;
}
.activity-block h4 {
    margin-bottom: 0;
}
.activity-text, .color-background {
    display: none;
}
.activity-text {
    padding-top: 15px;
}
.activity-text p:last-child {
    margin-bottom: 0;
}
.activity-icon {
    display: block;
    position: absolute;
    right: -5px;
    top: 4px;
}
.activity-icon svg {
    width: 20px;
    height: 20px;
}
.activity-filter-container {
    border: none;
    padding-top: 0;
}
.activity-filter {
    margin: auto;
}
.activity-ajax {
    margin: 0;
}
.page_subtitle h5, .nossa_voz-grid-title h5 {
    font-size: 5.78125vw;
    line-height: 6.875vw;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.nossa_voz-container {
    border-top: none;
}
.nossa_voz-head {
    width: 100%;
    padding-top: 50px;
}
.nossa_voz-img {
    height: 267px;
}
.nossa_voz-text {
    display: block;
}
.nossa_voz-grid {
    display: block;
    width: 100%;
    margin-bottom: 0;
}
.edicoes-item {
    margin-bottom: 30px;
}
.edicao-img {
    height: 129vw;
}



/* POVO DA CASA */


.page-povo-da-casa .page_title-wrapper {
    display: none;
}
.page-povo-da-casa .page-description {
    background-color: #fee6fe;
}
.page-povo-da-casa .page-description {
    margin-bottom: 40px;
}
.page-povo-da-casa .page-description p:last-child {
    margin-bottom: 0;
}



/* COMO APOIAR */


.page-como-apoiar .page-description {
    padding: 30px 0;
}
.como_apoiar-titulo h4 {
    font-size: 5.78125vw;
    line-height: 6.875vw;
    text-transform: uppercase;
}
.como_apoiar-item {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
}
.como_apoiar-texto, .como_apoiar-texto p, .como_apoiar-texto a {
    font-size: 4.21875vw;
    line-height: 5.625vw;
}










/* INFO */

.info-row-01, .info-row-02, .info-row-03, .info-row-04, .info-row-05 {
    padding-top: 5.625vw;
    border-bottom: 2px solid blue;
}
.info-row-03 {
    padding-top: 0;
}
.info-row-02, .info-row-05 {
    border-bottom: none;
}
.info-row-04 {
    padding-bottom: 5.625vw;
    text-align: center;
}
.info-row-02 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.info-row-04 .icon {
    display: inline-block;
}
.info-row-04 .icon svg {
    height: 7.5vw;
    width: 7.5vw;
    margin-left: 5px;
    margin-right: 5px;
}
.info-row-05 {
    padding-bottom: 5.625vw;
}
.page-info, .page-info p, .page-info a {
    font-size: 4.21875vw;
    line-height: 5.625vw;
    color: blue;
}
.page-info a {
    text-decoration: underline;
}
.info-container a {
    text-decoration: underline;
}



/* COMO APOIAR */

.page-como-apoiar .modal-wrapper.styled {
    background-color: #FFF;
}
.page-como-apoiar .modal-wrapper.styled .wp-post-modal {
    height: 100%;
    width: 100%;
    top: unset;
    transform: unset;
    border: none;
}
.page-como-apoiar .modal-wrapper.styled .wp-post-modal #modal-content {
    width: 100%;
    height: 100%;
}
.page-como-apoiar .modal-wrapper.styled .wp-post-modal #modal-content .page-head {
    overflow-y: scroll;
}
.page-como-apoiar .modal-wrapper.styled .wp-post-modal #modal-content .page-description {
    column-count: 1;
    padding: 0 15px;
    margin-top: 70px;
}
.page-como-apoiar .modal-content-title {
    font-size: 5.78125vw;
    line-height: 6.875vw;
    text-align: left;
    margin: 0 15px 30px;
    border-bottom: solid 2px blue;
    padding-bottom: 13px;
    padding-right: 70px;
    position: fixed;
    top: 17px;
    width: 100%;
    background: #FFF;
}
.page-description-no_padding {
    padding: 30px 0;
}
.page-como-apoiar-via-lei-federal-de-incentivo-a-cultura .header {
    height: 75px
}
.page-como-apoiar-via-lei-federal-de-incentivo-a-cultura .page-title:after {
    top: 75px;
}
.page-como-apoiar-via-lei-federal-de-incentivo-a-cultura .page-description {
    padding: 60px 0 30px;
}
.page-description a {
    color: blue;
}





/* COMO APOIAR 2020 */


.conteudo-mobile {
    display: block !important;
}
.conteudo-desktop {
    display: none !important;
}
.page-como-apoiar {
    background-color: #FFF;
    color: blue;
}
.page-como-apoiar .header, .page-como-apoiar .footer {
    background-color: #FFF;
}
.slider-video video {
    height: 208px;
}
.count, .count-doacoes-mobile {
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    margin: 20px 0 0;
}
.ca-content {
    margin-bottom: 60px;
}
.ca-mob-row-01 {
    background-image: url(images/ca-2020/bg-mob-01.svg);
    background-size: 345px 217px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    min-height: 240px;
    max-width: 345px;
    margin: auto;
}
.ca-mob-row-01b {
    background-image: url(images/ca-2020/bg-mob-01b.svg);
    color: transparent;
}
.mob-left-01 {
    position: absolute;
    top: 69px;
    left: 3px;
    padding: 60px 40px;
}
.mob-right-01 {
    position: absolute;
    top: 69px;
    right: -26px;
    padding: 60px 40px;
}
.lang-en .mob-right-01 {
    top: 61px;
    right: -16px;
}
.ca-mob-pf-row-01 {
    background-image: url(images/ca-2020/bg-mob-02.svg);
    background-size: 274px 497px;
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative;
    min-height: 528px;
}
.div-mob-pf .modal-bottom > div, .div-mob-pj .modal-bottom > div {
    width: 290px;
}
.modal-wrapper.styled.modal-blue .wp-post-modal #modal-content {
    background-color: blue;
    color: #FFF;
    padding: 0;
}
.modal-wrapper.styled.modal-blue .wp-post-modal #modal-content * {
    color: #FFF;
}
.page-como-apoiar .modal-blue .btn-close-modal svg line {
    stroke: #FFF;
}
.modal-bottom-mobile {
    width: 100%;
}
.modal-bottom-content {
    max-width: 320px;
    margin: auto;
    padding-top: 0;
}
.ca-mob-title {
    font-size: 22px;
    line-height: 22px;
    border-bottom: solid 2px #FFF;
    padding-bottom: 15px;
    position: fixed;
    width: calc(100% - 28px);
    left: 15px;
    top: 0;
    padding-top: 15px;
    background-color: blue;
    z-index: 1;
}
.ca_font-14, .ca_font-14 a {
    font-size: 14px;
    line-height: 18px;
}
.ca_font-22 {
    font-size: 22px;
    line-height: 24px;
}
.ca-mob-pf-row-01 .ca_font-22 br, .ca-mob-pf-row-01 .ca_font-14 br {
    display: none;
}
.ca-left-02 {
    position: absolute;
    top: 55px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 20px;
    z-index: -1;
}
.lang-en .ca-left-02 .ca_font-22, .lang-en .ca-left-02 .ca_font-14 {
    margin-left: 13px;
}
.agatha {
    left: 116px;
    top: 237px;
    width: 60px;
}
.lang-en .agatha {
    left: 124px;
}
.tati {
    right: 20px;
    top: 306px;
    width: 68px;
}
.lang-en .tati {
    right: 12px;
    top: 305px;
}
.daniel {
    bottom: unset;
    top: 422px;
    right: 90px;
    width: 51px;
}
.lang-en .daniel {
    bottom: 1px;
    right: 81px;
}
.fanny {
    top: 310px;
    left: 16px;
    width: 73px;
}
.lang-en .fanny {
    left: 24px;
}
.personagem-text-wrapper {
    position: absolute;
    top: 328px;
    left: calc(50% + 2px);
    transform: translateX(-50%);
}
.lang-en .personagem-text-wrapper {
    left: calc(50% + 10px);
}
.personagem-text-wrapper span {
    display: none;
}
.texto_mobile_6 {
    margin: 30px 0 20px;
}
.arrow-down-mobile {
    width: 46px;
    display: block;
    margin: 20px auto 40px;
}
.coracao-mobile, .relogio-mobile, .estrela-mobile {
    margin-bottom: 20px;
    width: 130px;
}
.no-line-break br {
    display: none;
}
.relogio-mobile, .estrela-mobile {
    margin-top: 30px;
}
.linha-curva-mobile {
    margin: 30px 0;
    width: 16px;   
}
.linha-reta-mobile {
    margin: 30px 0;
    width: 2px;   
}
.ca-mob-pf-row-03 {
    background-image: url(images/ca-2020/bg-mob-03.svg);
    background-size: 260px 367px;
    background-repeat: no-repeat;
    background-position: 13px center;
    position: relative;
    min-height: 410px;
}
.mob-texto_15 {
    position: absolute;
    top: 135px;
    left: -7px;
    width: 125px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}
.mob-texto_16 {
    position: absolute;
    top: 295px;
    left: -16px;
    width: 140px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}
.mob-texto_17 {
    position: absolute;
    top: 135px;
    right: -8px;
    width: 125px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}
.mob-texto_18 {
    position: absolute;
    top: 295px;
    right: -6px;
    width: 121px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}
.ca-mob-pf-row-04 {
    margin-top: 30px;
}
.ca-row-04-col-02 {
    width: 100%;
    margin: 0;
}
.ca-row-04-col-02 > div {
    top: 70px;
}
.btn-doacao a {
    color: blue !important;
}
.slider-doacoes-wrapper {
    border-top: solid 2px #FFF;
    border-bottom: solid 2px #FFF;
}
.slider-doacoes-wrapper > div {
    width: 289px !important;
    border-right: solid 2px #FFF;
}
.slider-doacoes-img {
    margin: 0 auto 20px;
}
.slider-doacoes-row-02 {
    padding: 30px 0 20px;
}
.page-como-apoiar .slider-doacoes-wrapper svg * {
    fill: transparent;
    stroke: #FFF;
}
.page-como-apoiar .slider-doacoes-wrapper .nextSlide, .page-como-apoiar .slider-doacoes-wrapper .prevSlide {
    top: unset;
    bottom: -43px;
}
.page-como-apoiar .slider-doacoes-wrapper .nextSlide {
    bottom: -42px;
}
.div-quem_apoia-mobile {
    display: none;
}
.btn-quem_apoia-mobile {
    font-size: 14px;
    padding: 12px 0 10px;
    display: block;
    width: 100%;
    margin-bottom: 50px;
}
.btn-quem_apoia-mobile:hover {
    color: blue !important;
}
.empty-space {
    height: 100px;
}
.ca-mob-pj-row-01 {
    background-image: url(images/ca-2020/ca-mob-pj-row-01.svg);
    background-size: 72px 150px;
    background-repeat: no-repeat;
    background-position: left bottom;
    position: relative;
    min-height: 474px;
    margin-top: 65px;
}
.grafico-mobile {
    width: 137px;
    position: absolute;
    right: -25px;
    top: 99px;
    z-index: -1;
}
.ca-mob-pj-row-01-02 {
    margin: 20px 0 0;
}
.ca-mob-pj-row-01-03 {
    margin: 20px 0 20px 30px;   
}
.pj-acc {
    border-top: solid 2px #FFF;
    border-bottom: solid 2px #FFF;
}
.pj-acc-row {
    display: flex;
}
.pj-acc-row > div {
    padding: 12px 10px 8px;
}
.pj-acc-item {
    margin-top: -2px;
}
.pj-acc-row {
    border-bottom: solid 2px #FFF;   
}
.pj-acc-item:last-child .pj-acc-row {
    border-bottom: none;
}
.pj-acc-num {
    border-right: solid 2px #FFF;
    padding-left: 0 !important;
    font-size: 22px;
    width: 20px;
}
.pj-acc-title {
    background-image: url(images/ca-2020/arrow-drop-down.svg);
    background-size: 23px 12px;
    background-repeat: no-repeat;
    background-position: right 50%;
    padding-right: 0 !important;
    width: 100%;
    font-size: 14px;
}
.pj-acc-title-active {
    background-image: url(images/ca-2020/arrow-drop-down-active.svg);
}
.pj-acc-desc {
    margin-left: 18px;
    padding: 10px 40px 10px 0;
    background: blue;
    position: relative;
    top: -2px;
    border-left: solid 2px #FFF;
    padding-left: 10px;
    display: none;
}
.ca-mob-pj-row-02 .slider-doacoes-wrapper {
    width: 290px;
    margin: auto;
}
.modal-blue .modal-bottom-content {
    margin-top: 40px;
}


}





@media only screen and (max-width: 321px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


.ca-mob-row-01 {
    background-size: 290px 217px;
    max-width: 290px;
}
.mob-right-01 {
    top: 69px;
    right: -37px;
}
.mob-left-01 {
    top: 65px;
    left: -9px;
}
.lang-en .mob-left-01 {
    top: 65px;
    left: -9px;
}
.lang-en .mob-right-01 {
    top: 58px;
    right: -28px;
}

}