@charset "UTF-8";
/************************************************

POWERED BY BYRD.PT

Stylesheet: Main Stylesheet

*************************************************/
/*********************
GENERAL STYLES
*********************/


.off-canvas-content {
    background: #fff;
}

div.top-bar-right {
    margin-top: 25px;}
/*********************
LINK STYLES
*********************/
a:link, a:visited:link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

a {
    text-decoration: underline;
    color: inherit;}

a:hover, a img:hover, a h:hover {
    cursor: pointer !important;
    opacity: .7;}

a .overlay {
    color: #fff;}

.hallow.button {
    font-size: 2.4em;
    border: 3px solid #fff;
    text-decoration: none;
    color: #fff;
    background: none;
    padding: .85em 1em;
    line-height: 1.3em}

.hallow.button:hover {
    background: #fff;
    color: #03ccd8;
    border: 3px solid #fff;
    opacity: 1;}

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
@font-face {
    font-family: 'gobold_extra1regular';
    src: url('//paraonde.org/wp-content/uploads/fonts/gobold.extra1-webfont.woff2') format('woff2'),
    url('//paraonde.org/wp-content/uploads/fonts/gobold.extra1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body {
    font-size: 15px;
    line-height: 25px;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, .button.large, .hallow.button {
    text-decoration: none;
    text-rendering: optimizelegibility;
    font-family: 'gobold_extra1regular', sans-serif; }

h1.page-title {
    text-align: center;}

h2 {
    font-size:3.4em;}

h3 {
    font-size: 2.7em;}

h4 {
    font-size: 2.4em;}

h5 {
    margin-top: 1rem;}

body {
    font-family: 'Ubuntu', sans-serif;
}

p, body {
    text-align: justify;}

p {
    margin-bottom: 10px;}

a.button.large {
    background-color: #03ccd8;}

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
    list-style: none; }

.top-bar, .top-bar ul {
    background: #fff;
}

/*********************
NAVIGATION STYLES
*********************/
.pp-bar .title-area {
    z-index: 1; }

.off-canvas-list ul {
    margin-left: 0; }
.off-canvas-list ul li a {
    border-bottom: 0px; }
.off-canvas-list ul .dropdown {
    margin-left: 20px; }

ul#dianu-novo-main-1.vertical.medium-horizontal.menu.dropdown, ul#menu-novo-main-1.vertical.medium-horizontal.menu {
    margin-top: 6%;}

.menu>li>a {
    color: #2a2a2a;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    text-align: left;}

.menu .active>a {
    background: none;
    color: #2a2a2a;}

a:hover {
    color: #74bda1;}

.branding img {
    width: 150px;}

ul.menu.submenu.is-dropdown-submenu.first-sub.vertical, .dropdown.menu.vertical>li .is-dropdown-submenu {
    background-color: #fff;}

/*********************
MAIL CHIMP
*********************/

#mailchimpform {
    display: none;
    width:80%;
    margin: 0 auto;
    border-top: 2px solid #0a0a0a;
    padding-top: 30px;}


input#mce-EMAIL.required.email, input#mce-FNAME {
    border: none;
    background-color: #fff;
    box-shadow: none;
    border-bottom: 1px solid #0a0a0a;
    color: #343434;}

.button {
    font-size: 1.25rem;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    letter-spacing: 0;
    color: #fff;
    background-color: #03ccd8;
    height: auto;
    line-height: inherit;
    padding: 10px 20px;}

.button:hover {
    opacity: .7;
    background-color: #03ccd8;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #343434;}

/*********************
SEARCH
*********************/

[type=search], input.search-submit.button {
    float: left;}

form.search-form {
    width: 40rem;
    margin: 20px auto;}

input[type=search] {
    width: 85%;
    margin-right: 5px;
    height: 3rem;
    border-radius: 2px;}

input.search-submit {
    padding: 5px;
    width: 45px;}

input.search-submit:hover {
    cursor: pointer !important;
    opacity: .7;}


/*********************
EMPATIA
*********************/

.empatia-logo {
    text-align: center;
    margin-bottom: 40px;}

#empatia-titulo {
    font-size: 0;
    width: 1px;
    height: 1px;
    display: inline-block;
    overflow: hidden;
    position: absolute!important;
    border: 0!important;
    padding: 0!important;
    margin: 0!important;
    clip: rect(1px,1px,1px,1px);}

#menu-empatia {
    padding-bottom: 60px;
    margin-top: 40px;}

#menu-empatia img {
    margin: 1% 2.5%;}

table tbody tr:nth-child(even) {
    background-color: #fff;}

table tbody, table tfoot, table thead {
    background-color: #fff;}

table tbody td, table tbody th {
    border: 1px solid #f1f1f1;
    padding: .5rem .8rem .625rem;}

table tbody th {
    background-color: #febd3c;
}


/*********************
VOLUNTARIADO LOCAL
*********************/

#menu-voluntariadolocal {
    width: 100%;
    text-align: center;}

ul.navlocal.menu {
    text-align:center;
    position: relative;
    display: inline-block;
    margin: 20px 0;}

ul.navlocal.menu>li>a {
    color: #fff;
    text-decoration: underline;
    line-height: 30px;}

ul.navlocal.menu>li.current_page_item>a {
    text-decoration: none;}

#menu-voluntariadolocal.pink-banner {
    margin: 40px 0 20px;}

.voluntariadolocal-campos, .voluntariadolocal-emaccao, .fundocinzento {
    padding: 60px 0 20px;
    margin-top: 40px;
    background-color: #f7f7f7;}

.voluntariadolocal-campos .row {
    background: url('//paraonde.org/wp-content/uploads/2017/09/football3-1.png') no-repeat 100% 95%;}

.voluntariadolocal-emaccao .row {
    background: url('//paraonde.org/wp-content/uploads/2017/09/plantas-1.png') no-repeat 100% 100%;}

.voluntariadolocal-campos article {
    margin-bottom: 40px;}

h3.longaduracao.title {
    font-size: 1.8em !important;
    text-align: center;
    margin: 30px 0 15px;
    color: #0a0a0a;}

h3.emaccao.title {
    font-size: 1.8em !important;
    margin-bottom: 15px;
    color: #0a0a0a;}

.emaccao-item {
    margin-bottom: 30px;
    display: inline-block;}


/*********************
APOIA
*********************/

h2.give-form-title {
    display: none;}

input#give-purchase-button.give-submit.give-btn {
    font-size: 1.25rem;
    color: #fff;
    background-color: #03ccd8;
    padding: 10px 20px;
    text-rendering: optimizelegibility;
    font-family: 'gobold_extra1regular', sans-serif;
    border: none;}

input#give-purchase-button.give-submit.give-btn:hover {
    color: #fff;
    background-color: #03ccd8;
    opacity: .7;}

form[id*=give-form] #give-final-total-wrap .give-donation-total-label, form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
    font-size: 16px;}



/*********************
ILUSTRACOES
*********************/

img#ilustracao-longa {
    margin-top: -20%;
    width: 65%; }

img#ilustracao-curta {
    margin-top: -12%;}

img#ilustracao-sobre {
    margin-top: -80px; }

img#candidaturas1 {
}

img#candidaturas2 {
}

#ilustracao-faq {
    margin-top: -38%;
    float: right;}

img#ilustracao-acao {
    margin-top: -12%; }

img#testemunhas-ilustracao {
    position: absolute;
    top: 0.7%;
    right: 9%;}

img#ilustracao-bootcamps, #oferta-arvores {
    margin-top: -20%;}

img#ilustracao-eventos {
    margin-top: -40%;}

#coluna-diadasboasacoeslogo {
    width: 12% !important;}

@media screen and (max-width: 39.9375em) {
    img#ilustracao-longa, img#ilustracao-curta, img#ilustracao-sobre, img#candidaturas1, img#candidaturas2, #ilustracao-faq, img#ilustracao-acao, img#ilustracao-eventos, img#ilustracao-bootcamps {
        margin-top: 0;}

    img#testemunhas-ilustracao {
        top: 0.4%;
        right: 0;}


    #coluna-diadasboasacoeslogo {
        width: 100%;}

    div.top-bar-right.float-right.show-for-small-only ul.menu {
        display:none;}

    ul#programas-tabs, ul#candidaturas-tabs {
        margin-left: 0;}

    li.tabs-title {width: 50%; float:left;}

    .tabs-title>a {
        padding: 1rem;
        text-align: left;}

    li.tabs-title a h2 {
        font-size: 3em;}

    li.tabs-title a h3 {
        font-size: 1.7em;}

    .branding img {
        width: 100px;}

    h1 {
        font-size: 3rem;}

    #ines-bio, #marta-bio {
        padding: 5% !important;}

    .voluntariadolocal-campos .row, .voluntariadolocal-emaccao .row {
        background: none;}

    ul.navlocal.menu>li {
        display: list-item;}

    #oferta-arvores {
        margin-top: 20px;}

}

/*********************
CUSTOM SYLES
POWERED BY BYRD.PT
*********************/



.pink-banner {
    background-color: #e36143;
    width: 100%;
    color: #FBF6F7;
    padding: 20px 0;
    font-size: 16px;
    font-weight: 500;}

.blue-banner {
    background-color: #3b6253;
    width: 100%;
    color: #FBF6F7;
    padding: 20px 0;
    font-size: 16px;
    font-weight: 500;}

.grey-banner {
    background-color: #f7f7f7;
    width: 100%;
    padding: 20px 0;}

.yellow-banner {
    background-color: #febd3c;
    width: 100%;
    padding: 20px 0;
    font-size: 16px;
    font-weight: 500;}

div.overlay {
    background: #221D23;
    margin-top: -17%;
    z-index: 200;
    position: relative;
    text-align: center;
    color: #fff;
    padding: 5px 0;}

.overlay:hover {
    background: #221D23;
    background-size: cover;}

.fotos .column, .fotos .columns {
    padding: 0;}

.tabs-panel {
    padding: 0;}

ul#programas-tabs.tabs, #candidaturas-tabs.tabs {
    background: none;
    border: 0;
    display: flex;
    text-align: center;
}

.tabs-title>a:focus, .tabs-title>a[aria-selected=true] {
    background: none;
    color: #0a0a0a;}

.tabs-title>a:hover, .tabs-title>h2:hover {
    color: #0a0a0a;}

.tabs-title>a {
    color: #e6e6e6;
    padding: 0;}

.tabs-title>h2 {
    padding: 0.5rem;}

#candidaturas-tabs li.tabs-title.is-active {
    background-color: #febd3c;}

a#longa-duracao-label, a#curta-duracao-label {
    padding: .5rem 3rem;
}

a#longa-duracao-label, a#curta-duracao-label: hover {
    padding: .5rem 3rem;
    color: black !important;
}

#programas-tabs li.tabs-title.is-active {
    font-size: .75rem;}

#programas-tabs li.tabs-title.is-active h2 {
    color: #0a0a0a;
    padding: 1.25rem 1.5rem;
    line-height: 1;
    font-size: 3.4em;
    text-decoration: underline;}

#programas-tabs li {
    list-style: none;}

.off-canvas-content {
    box-shadow: none;}

p.source-org.copyright {
    text-align: center;
    padding-top: 30px;}

.footer {
    margin-top: 2em;}

.profile div {
    float: left;}

#programascurta-imagemfundo {
    background: url('//paraonde.org/wp-content/uploads/2018/01/programascurta.jpg') cover center left;
}

/*********************
HOME
*********************/

#post-5 h1.page-title {
    display: none;}

/*********************
SOBRE
*********************/

.profile .column, .profile .columns {
    padding: 0;
}

#ines-bio {
    padding: 4% 5% 1.5% 10%;}

#marta-bio {
    padding: 4% 10% 3.2% 5%;}


/*********************
PROGRAMAS
*********************/

.programas-tabs, .tabs-content {
    background: none;
    border: none;
}


ol li {
    margin-bottom: 12px;}

/*********************
PROGRAMAS LONGA DURACAO
*********************/

#longaduracao-tag li {
    list-style: none;
    float: left !important;
    width: 40px;
}

#longaduracao-tag img {
    float: left;
    margin-right: 7px;
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: left;}

.archive article.longa_duracao, .coluna-longa article.longa_duracao, .wprpsp-recent-post-carousel.wprpsp-design-1 .wprpsp-post-grid-content {
    background-color: #f7f7f7;}

article.longa_duracao header.article-header {
    padding: 7px 10px 7px;}

h2.wprpsp-post-title, .wprpsp-post-content {
    padding: 0 10px 7px;}

.coluna-longa {
    margin-bottom: 2rem;}

.coluna-longa article.longa_duracao, .wprpsp-post-grid-content  {
    height: 530px;}

.wprpsp-recent-post-carousel.wprpsp-design-1.wprpsp-image-fit .wprpsp-post-image-wrap {
    height: 500px;}

.wprpsp-recent-post-carousel.wprpsp-image-fit .wprpsp-post-image-wrap .wprpsp-post-img {
    object-position: center;}

h2.wprpsp-post-title, .wprpsp-recent-post-carousel h2.wprpsp-post-title a {
    font-size: 1.3em !important;
    text-align: center;
    margin: 10px 0;
    color: #0a0a0a;}

a.sabe-longa, a.wprpsp-read-more-btn {
    font-family: 'gobold_extra1regular';
    text-align: center;
    font-size: 18px;
    text-decoration: underline !important;
    color: #0a0a0a;
    border: none !important;}

a.wprpsp-read-more-btn:hover {
    background: none;
    color: #03ccd8 !important;}

.wprpsp-post-content {
    font-size: inherit;
    line-height: 1.6 !important;
    margin-bottom: 10px;
    text-rendering: optimizeLegibility;}


div.wprpsp-post-cats-wrap, div.wprpsp-post-date, .wprpsp-recent-post-carousel.wprpsp-design-1 .wprpsp-post-grid-content .wprpsp-post-date {
    display: none !important;}

.wprpsp-recent-post-carousel button.slick-next, .wprpsp-recent-post-carousel button.slick-prev {
    top: 18%;}

.wprpsp-recent-post-carousel .slick-dots li.slick-active button {
    background: #fff !important;}

.wprpsp-recent-post-carousel .slick-dots li button {
    margin: 5px !important;
    border: 1px solid #000;
    background: #000 !important;
    width: 6px !important;
    height: 6px !important;}

/*********************
FAQ
*********************/

ol.faq li {
    font-weight: 700;
    margin-bottom: 12px;}


ol.faq li a:hover, .blue-banner a:hover, .pink-banner a:hover {
    color: #0a0a0a;}


/*********************
CONTACTOS
*********************/

.map-container {
    width: 100%;
}
.map-container iframe{
    width: 100%;
    display: block;
    position: relative; /* IE needs a position other than static */
}
.map-container iframe.clicked{
    pointer-events: auto;
}


/*********************
TESTEMUNHOS
*********************/

.byline	{
    display: none;}

#container > li {
    border: 1px solid red; /* !test */
}

/*********************
POPUP
*********************/
div#pum_popup_title_4646.pum-title.popmake-title {
    font-family: 'gobold_extra1regular', sans-serif;
    text-align: center;
    margin: 30px 0;}

div.pum-content.popmake-content p {
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
    color: #0a0a0a;}

div.pum-content.popmake-content a {
    text-align: center;
    margin: 30px 0;}


/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {
    padding: 1rem 0rem; }

.page-title .vcard {
    border: 0px;
    padding: 0px; }

.byline {
    color: #999; }

.entry-content img {
    max-width: 100%;
    height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left; }

.entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both; }

.entry-content video, .entry-content object {
    max-width: 100%;
    height: auto; }

.entry-content pre {
    background: #eee;
    border: 1px solid #cecece;
    padding: 10px; }

.wp-caption {
    max-width: 100%;
    background: #eee;
    padding: 5px; }
.wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
.wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: all 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 0.85em 1em;
    margin: 0 1rem 1rem 0;
    font-size: 0.9rem;
    background: #2199e8;
    color: #fff; }
[data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
.post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }

/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
    margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
    margin-left: 0px; }

#respond ul {
    margin-left: 0px; }

.commentlist li {
    position: relative;
    clear: both;
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 1.5em;
    padding: 0.7335em 10px; }
.commentlist li:last-child {
    margin-bottom: 0; }
.commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
    margin-top: 1.1em; }

.commentlist li.depth-1 {
    margin-left: 0;
    margin-top: 0; }

.commentlist li:not(.depth-1) {
    margin-left: 10px;
    margin-top: 0;
    padding-bottom: 0; }

.commentlist .vcard {
    margin-left: 50px; }
.commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
.commentlist .vcard time {
    float: right; }
.commentlist .vcard time a {
    color: #999;
    text-decoration: none; }
.commentlist .vcard time a:hover {
    text-decoration: underline; }
.commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
    margin: 0.7335em 0 1.5em;
    font-size: 1em;
    line-height: 1.5em; }

.commentlist .comment-reply-link {
    float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
    margin: 1.5em 10px;
    padding-bottom: 2.2em; }
.respond-form form {
    margin: 0.75em 0; }
.respond-form form li {
    list-style-type: none;
    clear: both;
    margin-bottom: 0.7335em; }
.respond-form form li label,
.respond-form form li small {
    display: none; }
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
    padding: 3px 6px;
    background: #efefef;
    border: 2px solid #cecece;
    line-height: 1.5em; }
.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
    background: #fff; }
.respond-form form input[type=text]:invalid,
.respond-form form input[type=email]:invalid,
.respond-form form input[type=url]:invalid,
.respond-form form textarea:invalid {
    outline: none;
    border-color: #fbc2c4;
    background-color: #f6e7eb;
    -ms-box-shadow: none;
    box-shadow: none; }
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
    max-width: 400px;
    min-width: 250px; }
.respond-form form textarea {
    resize: none;
    width: 97.3%;
    height: 150px; }

#comment-form-title {
    margin: 0 0 1.1em; }

#allowed_tags {
    margin: 1.5em 10px 0.7335em 0; }

.nocomments {
    margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
    margin: 0; }
.widget ul li {
    list-style: none; }

/*********************
FOOTER STYLES
*********************/
.footer {
    clear: both;
    margin-top: 1em; }

/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
    list-style: none outside none;
    margin: 0; }

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet.

Remember to add things that won't make sense to print at
the bottom. Things like nav, ads, and forms shouldbe set
to display none.
******************************************************************/
@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        -webkit-filter: none !important;
        filter: none !important;
        -ms-filter: none !important; }
    a, a:visited {
        color: #444 !important;
        text-decoration: underline; }
    a:after, a:visited:after {
        content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
        content: " (" attr(title) ")"; }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""; }
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid; }
    thead {
        display: table-header-group; }
    tr, img {
        page-break-inside: avoid; }
    img {
        max-width: 100% !important; }
    @page {
        margin: 0.5cm; }
    p, h2, h3 {
        orphans: 3;
        widows: 3; }
    h2,
    h3 {
        page-break-after: avoid; }
    .sidebar,
    .page-navigation,
    .wp-prev-next,
    .respond-form,
    nav {
        display: none; } }

/******************
CSS CORES POR PAGINA
***********/

/*GERAL*/

footer a:hover{
    color: #74bda1;
}

/*SOBRE*/
.page-id-2484 .blue-banner{
    background-color: #3b6253;
}

.page-id-2484 article a:hover{
    color: #74bda1;
}

/*VOLUNTARIADO INTERNACIONAL*/

.page-id-5067 .blue-banner{
    background-color: #e36143;
}

.voluntariado-banner{
    background-color: #ead8b9;
    color: #000;
}

.page-id-5067 .pink-banner{
    background-color: #ead8b9;
    color: #000;
}

.page-id-5067 .yellow-banner{
    background-color: #ead8b9;
}

.page-id-5067 a:hover{
    color: #3b6253;
}

/*Projetos CURTA DURAÇÃO*/

.page-id-2527 .blue-banner{
    background-color: #74bda1;
}

.curta-banner{
    background-color:#74bda1;
}

/*Projetos longa DURAÇÃO*/
.page-id-2670 .yellow-banner{
    background-color: #3b6253;
    color: #fff
}

.longa-banner{
    background-color: #3b6253;
    color: white;
}

/*Candidaturas curta DURAÇÃO*/
.page-id-3161 .yellow-banner{
    padding-top: 0;
}

#candidaturas-tabs li:first-of-type.tabs-title.is-active{
    background-color: #74bda1 !important;
}

.page-id-3161 .yellow-banner #curta-duracao{
    background-color: #74bda1;
}


/*Candidaturas longa DURAÇÃO*/
.page-id-3161 .yellow-banner #longa-duracao{
    background-color: #3b6253;
    color: white;
}


#candidaturas-tabs li.tabs-title.is-active{
    background-color: #3b6253;
    color: white;
}

.page-id-3161 #candidaturas-tabs li{
    background-color: #E8E8E8;
    color: #000;
}

.page-id-3161 #candidaturas-tabs li:hover{
    background-color: #DCDCDC;
    cursor: pointer;
    color: #000;
    font-size: 17px;
}

/*FAQ*/

/*Comunidade*/
.page-id-8414 .pink-banner{
    background-color: #74bda1;
}

/*Loja*/
.page-id-9935 .woocommerce-LoopProduct-link:hover{
    color: #e36143;
}

/*Contactos*/

/*Página Vol. Internacional*/
@media only screen and (min-width : 1000px) {
    .title-separator li:not(:first-of-type){
        border-left: 1px solid black;
        padding-left: 17px;
    }
}

.title-separator{
    margin-left:3.7rem;
}


/*stonks*/
.in-stock{
    display: none;
}

.product_meta{
    display:none;
}


/*WOOCOMMERCE*/

.woocommerce a.button.alt{
    background-color: #03ccd8;
    color: black;
}

.woocommerce a.button.alt:hover{
    background-color: #03ccd8;
    color: white;
}

.single-product #sidebar1 {
    display: none;
}

.woocommerce-shop #sidebar1 {
    display: none;
}

.woocommerce #main{
    width: 100%
}

.woocommerce button.button.alt{
    background-color: #03ccd8;
    color: white;
}

.woocommerce button.button.alt:hover{
    background-color: #03ccd8;
    color: black;
}

.woocommerce button.button.alt.disabled{
    background-color: #03ccd8;
    color: white;
}

.woocommerce button.button.alt.disabled:hover{
    background-color: #03ccd8;
    color: black;
}

.label{
    background: none;
}


/*************/


/*SLIDE*/

.wppsac-post-image-bg{
    width: 100%;
    height: 56vh;
}

.wppsac-post-carousel.design-1 a.wppsac-readmorebtn{
    background-color: black;
    color: white;
    border-radius: 100vh;
}

.slick-dots{
    display: none;
}

/**/


#post-2438 .page-title{
    display: none;
}



#jovens .main-info {
    background-image: url("http://paraonde.org/wp-content/uploads/2020/08/FOTO-BOOTCAMP2-min-scaled.jpg");
}
#neverlate .main-info {
    background-image: url("http://paraonde.org/wp-content/uploads/2020/08/FOTO-BOOTCAMP3-min-scaled.jpg");
}
#neverlate {
    background-color: lightgray;
}
#inclusao .main-info {
    background-image: url("http://paraonde.org/wp-content/uploads/2020/08/FOTO-BOOTCAMP4-min-scaled.jpg");
}
.campo {
    display: flex;
    margin-top: 1%;
    flex-wrap: wrap;
}
#moita .main-info {
    background-image: url("https://paraonde.org/wp-content/uploads/2024/06/Blog_Rewilding_FotosConservacao_FOTO-LINKEDIN-FACEBOOK-1.jpg");
}
#alao, #marvao {
    background-color: lightgray;
    flex-wrap: wrap-reverse;
}
#alao .main-info {
    background-image: url("http://paraonde.org/wp-content/uploads/2021/04/3-1.jpg");
}
#lar .main-info {
    background-image: url("http://paraonde.org/wp-content/uploads/2021/05/IMG_20210430_174354.jpg");
}
#marvao .main-info {
    background-image: url("http://paraonde.org/wp-content/uploads/2020/06/Marvão_5.jpg");
}
#seculo .main-info {
    background-image: url("http://paraonde.org/wp-content/uploads/2021/07/2-1.jpg");
}
.campo .main-info {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.campo .main-info .text-block {
    background-color: rgba(0,0,0,0.5);
    color: white;
    padding: 3%;
    margin: 3%;
}
.campo .more-info {
    padding: 1% 5% 1% 5%;
}

#give_offline_payment_info {
    display: none !important;
}

footer #egoiForm {
    border-top: 2px solid black;
    padding-top: 3%;
}
footer #egoiForm > * {
    display: flex;
    align-items: stretch;

}
footer #formText p, h5 {
    text-align: center;
}
footer #formName {
    padding-top: 1%;
}
footer input[type=text] {
    border: none;
    border-bottom: 1px solid black;
    box-shadow: none;
}
footer input[type=email] {
    border: none;
    border-bottom: 1px solid black;
    box-shadow: none;
}
footer #formMail {
    padding-top: 1%;
}
footer #formButton {
    padding-top: 0.65%;
}
footer #formButton > * {
    padding-top: 1%;
    font-family: 'gobold_extra1regular', sans-serif;
    font-size: 1.25rem;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    letter-spacing: 0;
    color: #fff;
    background-color: #03ccd8;
    height: auto;
    line-height: inherit;
    padding: 10px 20px;
    display: inline-block;
    width: 100%;
}
footer #formButton > *:hover {
    opacity: .7;
    background-color: #03ccd8;
}

.qe-faq-toggle {
    position: relative;
    z-index: 1;
    cursor: pointer;
    .qe-toggle-title{
        padding: 1em;
    }
}
.qe-faq-toggle .qe-toggle-title h4 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    font-size: inherit;
    margin: 0;
}
.qe-faq-toggle .qe-toggle-content {
    background-color: rgba(250, 250, 250, 0.7);
    border: none;
    padding: 1.5em 1.5em 0.3em;
}
.qe-faq-toggle .qe-toggle-title {
    font-size: 1.2em;
    background-color: transparent;
    border: none;
}
.qe-faq-toggle.active .qe-toggle-title, .qe-faq-toggle .qe-toggle-title:hover {
    transition: all 0.5s;
    background-color: #74bda1;
}
.qe-faq-toggle.active .qe-toggle-title h4 {
    color: #fafafa;
}

#ilustracao-faq {
    position: relative;
    z-index: 0;
}

.item {
    box-sizing: border-box;
    position: relative;
    width: calc(20% - 1em);
    margin: 0.5em;
    overflow: hidden;
}
.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.item:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.item	img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}
.item .gal_caption {
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0px;
    left: 0px;
    color: #000;
    background: rgba(255,255,255,0.5);
    text-align: center;
    font-weight: bold;

}


/* Equipa */
.column {
    box-sizing: border-box;
    position: relative;
    width: calc(25% - 1em);
    overflow: hidden;
    padding: 0.6em;
}
.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.card:hover {
    cursor: pointer;
    opacity: 0.8;
}
.card-photo {
    width:100%;
    padding-bottom:100%;
    overflow:hidden;
    position:relative;
}
.card-photo img {
    position:absolute;
    width:auto;
    min-width:100%;
    min-height:100%;
    object-fit: cover;
}
.card-photo #milene-horta {
    transform: translate(0, -15%);
}
.card-photo #ana-frias {
    transform: translate(0%, -15%);
}
.card-photo #filipa-silva {
    transform: translate(0%, -25%);
}
.department #inner-content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.card-name {
    padding-bottom: 0.5em;
}
.department h4 {
    padding-top: 0.5em;
}
.card-text {
    position: relative;
    display: none;
    padding: 1em 15em 0;

}
.card-text p {
    text-align: left;
    background: rgba(0,0,0,0.1);
    padding: 1em;
}
.closebtn {
    position: absolute;
    top: 0em;
    right: 6.1em;
    color: black;
    font-size: 35px;
    cursor: pointer;
    background: rgba(255,255,255,0.5);
    border-radius: 50% 50% 50% 50%;
}
.card-text::after, .row::after {
    content: "";
    clear: both;
    display: table;
}

/* GIVE BACK WEEK */
.column-giver {
    box-sizing: border-box;
    position: relative;
    width: calc(20% - 1em);
    overflow: hidden;
    padding: 0.6em;
}
.all-giv #inner-content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.card-name-bottom {
    padding-bottom: 0.5em;
}
.card-name-top p {
    text-align: center;
}
.partner-gallery {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 1em;
}
.one-partner {
    box-sizing: border-box;
    position: relative;
    width: calc(20% - 1em);
    overflow: hidden;
}
.one-partner img {
    width:100%;
    overflow:hidden;
    position:relative;
}

@media (max-width: 420px) {
    .column {
        width: calc(50% - 1em);
    }
    .card-text {
        padding: 0 !important;
    }
    .closebtn {
        position: absolute;
        top: -0.1em !important;
        right: 0 !important;
        color: black;
        font-size: 35px;
        cursor: pointer;
        background: none !important;
    }
    #col_fill {
        display: none;
    }
    .column-giver {
        width: calc(50% - 1em);
    }
}

@media (min-width: 421px) and (max-width: 767px) {
    .column {
        width: calc(33% - 1em);
    }
    .card-name h5 {
        font-size: 1em;
    }
    .card-text {
        padding: 0 !important;
    }
    .closebtn {
        position: absolute;
        top: -0.1em !important;
        right: 0 !important;
        color: black;
        font-size: 35px;
        cursor: pointer;
        background: none !important;
    }
    .column-giver {
        width: calc(33% - 1em);
    }
    .card-name-top h5 {
        font-size: 1em;
    }
}

@media (max-width: 767px){
    #tabela {
        flex-wrap: wrap !important;
    }
    #tabela > * {
        flex-basis: 100% !important;
    }
    .yellow-banner {
        padding: 0 5px !important;
    }
    footer #egoiForm > * {
        flex-wrap: wrap;
    }
    footer #formButton {
        text-align: center;
    }
    .item {
        width: calc(50% - 1em);
    }
}

@media (min-width: 767px){
    .item:hover .gal_caption {
        position: absolute;
        width: 100%;
        height: 100%;
        bottom: 0px;
        left: 0px;
        color: #000;
        background: rgba(255,255,255,0.5);
        text-align: center;
        font-size: +1.5em;
        line-height: 800%;
        font-weight: bold;
    }
}
