/*
    Theme Name: AJA
    Description: AJA Theme
    Version: 2.0.0
    Author: Mariana Rosa and Filipe Cardigos
    Author URI: https://www.marianarosa.com
*/

/*------------------------------------*\
    FONTS
\*------------------------------------*/

/* Suisse Int'l MEDIUM */

@font-face {
    font-family: "Suisse Intl";
    src: url("fonts/SuisseIntl-Medium-WebXL.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Suisse Intl";
    src: url("fonts/SuisseIntl-MediumItalic-WebM.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Suisse Works MEDIUM */

@font-face {
    font-family: 'Suisse Works';
    src: url('fonts/SuisseWorks-Medium-WebXL.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Suisse Works';
    src: url('fonts/SuisseWorks-MediumItalic-WebXL.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* Suisse Int'l MONO */

@font-face {
    font-family: "Suisse Intl Mono";
    src: url("fonts/SuisseIntlMono-Regular-WebXL.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/*------------------------------------*\
    VARS
\*------------------------------------*/

:root {
    --cBlack: #000000;
    --highlight: #F0FF64;
    /* CORES 2026 AJA + JA */
    --jacaranda: #8386F1;
    --miosotis: #A9D7FF;
    --mimosa: #F0FF64;
    --rosa: #EE9DC2;
    --amendoeira: #E8B8A0;
    --acer: #BD5B2C;
    --menta: #B9EFA3;
    --musgo: #576F31;
    --trigo: #AA8F62;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

*,
*:after,
*:before {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smooth: antialiased;
    text-rendering: optimizeLegibility;
}

html {
    font-size: 20px;
}

body {
    font-family: 'Suisse Intl', sans-serif;
    font-weight: 400;
    font-style: normal;
    color: var(--cBlack);
    line-height: 1.4;
    background-color: #ffffff;
}

.main {
    min-height: 70vh;
}

img {
    max-width: 100%;
    display: block;
}

a {
    color: var(--cBlack);
    text-decoration: none;
}

a:focus,
a:hover,
a:active {
    outline: 0;
}

input:focus {
    outline: 0;
    border: 1px solid #04A4CC;
}

.clear:before,
.clear:after {
    content: ' ';
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    *zoom: 1;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.wrapper {
    max-width: 1024px;
    margin: 0 auto;
    padding: 1rem 1rem 2rem;
}

header .wrapper {
    padding-bottom: 0;
}

main section.full-width:last-child {
    padding-bottom: 0;
}

.full-width {
    width: 100%;
    padding: 0.2rem;
}

.col-one {
    width: 30%;
    align-items: center;
    padding-right: 1rem;
}

.col-two {
    width: 70%;
    float: left;
}

.col-two-only {
    padding-left: 30%;
    width: 100%;
}

.col-half {
    width: 50%;
}

.col-full {
    width: 100%;
    clear: both;
}

.flex {
    display: flex;
}

.col-two.flex {
    flex-direction: column;
}

.f-col {
    flex-direction: column;
}

.pb-2 {
    padding-bottom: 2rem;
}

.pt-1 {
    padding-top: 1rem;
}

/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/

p {
    margin: 0 0 1rem;
}

h1 { font-size: 1.5rem;  font-weight: 400; margin: 0; }
h2 { font-size: 1rem;    font-weight: 400; margin: 0; }
h3 { font-size: 0.75rem; font-weight: 400; margin: 0; }

strong, b {
    font-weight: 700;
}

.upper {
    text-transform: uppercase;
}

.underline {
    border-bottom: 1px solid var(--cBlack);
}

.serif {
    font-family: 'Suisse Works', serif;
    font-weight: 600;
    font-style: normal;
    margin: 0;
}

.serif em {
    font-family: 'Suisse Works', serif;
    font-weight: 600;
    font-style: italic;
}

.big {
    font-size: 1.5rem;
}

.small {
    font-size: 0.75rem;
    max-width: 35rem;
}

div.small {
    padding-bottom: 1rem;
}

.typology {
    font-family: 'Suisse Intl Mono', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 0.75rem;
    text-transform: uppercase;
    margin: 0 0 1rem;
}

/*------------------------------------*\
    General CLASSES
\*------------------------------------*/

.hidden {
    opacity: 0;
}

a.button {
    cursor: pointer;
    border-radius: 50px;
    font-size: 0.75rem;
    padding: 0.3rem 0.8rem;
    display: inline-block;
    border: 1px solid #000000;
    transition: all .6s;
}

a.button:hover {
    padding: 0.3rem 1.6rem;
}

a.button.invert {
    color: #ffffff;
    border: 1px solid #ffffff;
}

a.button.invert:hover {
    border: 1px solid #ffffff;
    box-shadow: 0 1px 2px #4e4e4e;
}

.badge-ongoing {
    font-family: 'Suisse Works', serif;
    font-weight: 600;
    font-style: italic;
}

/*------------------------------------*\
    Button CLASSES
\*------------------------------------*/

.more-btn {
    position: relative;
    width: 40px;
    height: 40px;
    background: var(--bg-random);
    border-radius: 50%;
    display: block;
    transition: transform 0.45s cubic-bezier(.34, 1.56, .64, 1);
}

.more-btn::before,
.more-btn::after {
    content: "";
    position: absolute;
    background: #000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.more-btn::before {
    width: 10px;
    height: 2px;
}

.more-btn::after {
    width: 2px;
    height: 10px;
}

.more-btn:hover {
    transform: rotate(45deg);
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/
.header {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    background-color: #fff;
    padding: 0.5rem 0.2rem;
}

header nav,
header nav ul,
header nav li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

header nav a {
    display: inline-block;
    transition: opacity 0.2s ease;
}

header nav a::after {
    content: ',';
    margin-right: 0.3rem;
}

header nav > ul > li:last-child > a::after {
    content: '';
}

header nav .sub-menu {
    display: block;
    position: fixed;
    left: 0;
    width: 100%;
    padding: 0 0.2rem;
    z-index: 9;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, padding 0.35s ease;
    background-color: white;
    box-shadow: 0px 6px 6px rgba(0, 0, 0, .15);
}

header nav .sub-menu.is-open {
    max-height: 4rem;
    padding: 0.5rem 0.2rem;
}

header nav .sub-menu a::after {
    content: ',';
    margin-right: 0.3rem;
}

header nav .sub-menu li:last-child > a::after {
    content: '';
}

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

.prefooter,
.bar {
    width: 100%;
    text-align: center;
}

/* bar */

.bar {
    padding: 0.5rem 0.2rem;
}

/* return bar */

#return.bar {
    background-color: #ffffff;
    text-align: right; 
}

.projetos-template-default #return.bar {
    background-color: var(--acer);
}

#return a.small span {
    display: inline-block;
    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

#return a.small:hover span {
    transform: translateX(-0.4rem);
}

/* prefooter notice bar */
#notice.bar {
    background-color: var(--mimosa);
}

/* prefooter apoios */
#apoio.prefooter {
    background-color: var(--acer);
}

#apoio.prefooter .logos {
    background: url(img/logos-presidencia.svg) no-repeat center;
    background-size: contain;
    margin: 1rem;
    height: 8rem;
    mix-blend-mode: multiply;
}

.footer {
    background: var(--rosa);
    font-size: 0.75rem;
    min-height: 60vh;
    display: flex;
    flex-direction: column;
}

.footer-columns {
    display: flex;
    flex: 1;
    padding-top: 0.8rem;
}

.footer .brief p {
    padding-bottom: 2rem;
}

.footer .logo {
    position: relative;
}

.footer .logo span {
    font-size: 1rem;
    margin-top: -0.4rem;
    display: block;
}

.footer .logo span:before {
    content: '';
    position: relative;
    display: inline-block;
    background: url(img/jardins_abertos_logo-01.svg);
    width: 3.3rem;
    height: 1.7rem;
    background-size: 2.7rem;
    background-repeat: no-repeat;
    top: 0.5rem;
}

.footer .col-full {
    padding-bottom: 1rem;
}

.footer ul.menu {
    display: flex;
    gap: 1rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer ul {
    padding: 0;
    padding-right: 6rem;
    list-style-type: none;
    margin-top: 0.5rem;
}

.footer ul li a {
    position: relative;
}

#menu-footer-pt > li > a {
    pointer-events: none;
}


.footer ul li a:before {
    content: '';
    position: absolute;
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background: url(img/icon-clock.svg);
    background-size: 0.5rem;
    background-repeat: no-repeat;
    color: var(--cBlack);
    top: .23rem;
    left: -.75rem;
    opacity: 0;
    transition: opacity .8s;
}

.footer ul li a:hover:before {
    opacity: 1;
}

.footer-credits {
    margin-top: auto;
}

.footer .copyright,
.footer .copyright p {
    padding: 0;
    margin: 0;
}

.footer .copyright {
    padding-top: 2rem;
}

/*------------------------------------*\
    PAGE
\*------------------------------------*/

.page header h1 {
    padding: 4rem 0 0;
}

/*------------------------------------*\
    HOME
\*------------------------------------*/

.main.home h1 {
    padding: 0;
}

.home .banner {
    min-height: 60vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: var(--cBlack);
}

.banner video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 101%;
    object-fit: cover;
    z-index: 0;
}

.banner .container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    height: 100%;
    min-height: inherit;
}

.banner .container .btn {
    text-transform: uppercase;
    font-size: 0.8rem;
    margin-top: auto;
    width: fit-content;
    display: inline-flex;
    /* align-items: center; */
    gap: 1rem;
    padding: 0.25rem 0.6rem 0.25rem 0.6rem;
    border-radius: 999px;
    text-decoration: none;
    transition: gap 0.45s cubic-bezier(.34, 1.56, .64, 1);
    background-color: white;
}

.banner .container .btn::after {
    content: '+';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    font-size: 0.8rem;
    transition: transform 0.45s cubic-bezier(.34, 1.56, .64, 1);
}

.banner .container .btn:hover::before {
    transform: rotate(90deg);
}

.banner .container .btn:hover {
    gap: 1.5rem;
}

#bannerF {
    color: var(--mimosa);
}

#bannerF .container .btn {
    background-color: var(--mimosa);
}

.home .labels {
    padding-bottom: 0.3rem;
}

.home .h-title {
    padding-bottom: 1rem;
}

.home .main p,
.home .main h1 {
    margin: 0;
    max-width: 40rem;
}

.home .details {
    display: flex;
    align-items: center;
}

.home .details p {
    margin-right: 0.3rem;
}

.home .date {
    align-items: center;
}

.home .j-days {
    bottom: inherit;
    left: inherit;
    position: relative;
}

.home .logo-extended {
    background: url(img/jardins_abertos_logo-02.svg) no-repeat center;
    background-size: 15rem;
    background-color: var(--neutral-sat);
    border-right: 2px solid var(--cBlack);
    padding-top: 20rem;
}

.j-activities .wrapper.flex {
    padding: 0;
}

.j-activities .col-one.flex {
    justify-content: space-between;
    /*align-items: end;*/
}

#post-404 img {
    max-width: 20rem;
}

/*------------------------------------*\
    PARENT PAGES
\*------------------------------------*/

.parent #banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.subpages-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
    padding: 0;
    padding-bottom: 4rem;
    margin: 0;
}
.subpages-list li {
    flex: 0 1 calc((100% - 0.4rem) / 3);
    border-radius: 8px;
    padding: 0.2rem;
    box-sizing: border-box;
    text-align: center;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.subpages-list li:hover {
    transform: rotate(4deg);
}

.subpages-list a {
    align-items: center;
    justify-content: center;
    height: 100%;
    display: flex;
}

.card-body {
    padding: 2.5rem 1rem;
}

.page-associacao .subpages-list li {
    flex: 0 1 calc((100% - 0.2rem) / 2);
}

.page-associacao .card-body {
    padding: 5rem 1rem;
}




/*------------------------------------*\
    PROGRAMA
\*------------------------------------*/

.programa .p-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
}

.programa input, button, textarea, select, a {
    outline: none;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.programa fieldset {
    display: flex;
    gap: 0.2rem;
    justify-content: space-between;
}

/* Radio button */

.checkbox-wrap {
    position: relative;
    user-select: none;
    display: inline-block;
    padding: 0.2rem 1rem 0.3rem 2rem;
    cursor: pointer;
    font-size: 0.75rem;
}

.checkbox-wrap input:checked ~ .checkbox:after,
.checkbox-wrap input:checked ~ .radiobox:after,
.checkbox-wrap.active .checkbox:after,
.checkbox-wrap.active .radiobox:after,
.checkbox-wrap.mixitup-control-active .radiobox:after {
    display: block;
}

.checkbox-wrap .checkbox:after,
.checkbox-wrap .radiobox:after {
    width: 100%;
    height: 100%;
    background-color: var(--cBlack);
}

.checkbox-wrap .radiobox:after {
    border-radius: 50px;
}

.checkbox-wrap:hover .checkbox,
.checkbox-wrap:hover .radiobox,
#control-reset:hover .resetbox {
    box-shadow: inset 0.036rem 0.107rem 0.107rem rgba(0, 0, 0, 0.6);
}

.checkbox,
.radiobox {
    position: absolute;
    top: 0.1rem;
    left: 0;
    height: 1.5rem;
    width: 1.5rem;
}

.checkbox,
.radiobox,
.resetbox {
    background-color: #ffffff;
    box-shadow: inset 0.036rem 0.107rem 0.107rem rgba(0, 0, 0, 0.3);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955),
                box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.checkbox:after,
.radiobox:after {
    content: '';
    position: absolute;
    display: none;
}

.radiobox {
    border-radius: 50%;
    background-color: #eeeeee;
}

/* Programa Jardins fieldset */

.f-jardim {
    max-width: 45%;
}

#filter-jardim {
    width: 100%;
    height: 3rem;
    appearance: none;
    background-color: #eeeeee;
    box-shadow: inset 0.036rem 0.107rem 0.107rem rgba(0, 0, 0, 0.3);
    border: none;
    border-radius: 50px;
    padding: 0.2rem 2rem 0.3rem 1rem;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955),
                box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
}

#filter-jardim:hover {
    box-shadow: inset 0.036rem 0.107rem 0.107rem rgba(0, 0, 0, 0.6);
}


#programa {
    /*margin-top: 2rem;*/
    transition: height 1.2s ease-out;
}

.programa .p-header button {
    width: 3rem;
    height: 3rem;
    color: #000000;
    border: 0;
    border-radius: 3rem;
    font-size: 1.5rem;
    overflow: hidden;
    transition: all .8s;
    white-space: nowrap;
    margin-bottom: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.programa .p-header button:hover { width: 6.5rem; }

.programa .p-header button.sab:hover::before,
.programa .p-header button.sab.mixitup-control-active::before { content: 'sáb'; padding-right: 0.3rem; }

.programa .p-header button.dom:hover::before,
.programa .p-header button.dom.mixitup-control-active::before { content: 'dom'; padding-right: 0.3rem; }

/*.programa .p-header button.mixitup-control-active,*/
/*.programa .month {
    background-color: var(--cBlack);
    border-radius: 0;
    color: #ffffff;
    width: 8rem;
}*/

.programa .p-header button.sab.mixitup-control-active,
.programa .p-header button.dom.mixitup-control-active {
    width: 6.5rem;
    background-color: var(--cBlack);
    color: white;
}

.programa .p-header span {
    font-size: 1.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    padding: 0 0.2rem;
}

/* Programa sub-header — hidden filter labels */

a.filter.livestream,
a.filter.livestream-en,
a.filter.oficina-virtual,
a.filter.virtual-workshops,
a.filter.cinema,
a.filter.cinema-en,
a.filter.colecoes,
a.filter.collections,
a.filter.sem-categoria,
a.filter.uncategorizeda,
a.filter.base,
a.filter.base-en {
    display: none;
}

/* Programa collapsible + mix */

.collapsible {
    display: block;
    overflow: hidden;
    color: var(--cBlack);
    padding: 1rem 0;
    box-shadow: 0px -3px 8px -2px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    transition: all 0.3s ease-out;
    position: relative;
    z-index: 1;
}

.edicoes .collapsible {
    max-height: 3.5rem;
}

@media (hover: hover) {
    .edicoes .collapsible:not(.active):hover {
        margin-top: -1rem;
        /*transform: translateY(-1rem);*/
        /*z-index: 2;*/
        background-color: #ffffff;
        max-height: 5rem;
    }
}

.collapsible.porto   { background-color: var(--rosa); }
.collapsible.lisboa  { background-color: var(--trigo); }

article .collapsible.active {
    /*background-color: #ffffff;*/
    transition: max-height 1.2s ease-out, transform 0.3s ease-out, background-color 0.3s ease-out;
}

.edicoes .collapsible.active {
    max-height: fit-content;
}

.collapsible h2 {
    display: contents;
}

/*.collapsible p {
    display: contents;
    margin: 0;
}*/

.col.date  { width: 12rem; flex-shrink: 0; }
.col.city  { width: 8rem;  flex-shrink: 0; }
.col.title { flex: 1; min-width: 0; }

.collapsible .content {
    padding: 1rem 1rem 2rem 0;
    margin-left: calc(12rem + 8rem);
}

.programa .content {
    max-height: 0;
    overflow: hidden;
    position: relative;
    z-index: 0;
    transition: max-height 0.6s ease-out;
}

.programa .flex.wrapper {
    padding: 0 1rem 0;
}

article .content {
    transition: max-height 0.3s ease-out;
    max-height: 0;
}

.content .details {
    padding: 0 0 2rem;
}

.programa .content img {
    max-height: 20rem;
}

.programa .content a.address {
    padding-right: 0.5rem;
    padding-bottom: 1rem;
    display: inline-block;
    font-size: 0.75rem;
}

.programa .col-two-only p a,
.programa .more-details a {
    border-bottom: 1px solid var(--cBlack);
}

#programa .col-two.activity {
    display: flex;
    align-items: center;
}

/* Programa category colours */

article.category-oficina-virtual,
article.category-virtual-workshops,
article.category-virtual,
article.category-virtual-en,
article.category-cinema,
article.category-cinema-en,
article.category-collections,
article.category-colecoes {
    background-color: var(--neutral-sat);
}

article.category-sem-categoria,
article.category-uncategorized {
    background-color: var(--neutral-sat);
}

article.category-visitas-livres,
article.category-self-guided-visits,
article.category-visitas-acompanhadas,
article.category-escorted-visits,
article.category-restricted-access,
article.category-acesso-restrito,
article.category-base,
article.category-base-en,
article.category-privado,
article.category-private {
    background-color: var(--menta);
}

article.category-visitas-guiadas,
article.category-guided-visits,
article.category-jardins-secretos,
article.category-secret-gardens {
    background-color: var(--rosa);
}

article.category-percursos-guiados,
article.category-guided-tours {
    background-color: var(--menta);
}

article.category-exposicoes,
article.category-exhibitions,
article.category-oficinas,
article.category-workshops {
    background-color: var(--jacaranda);
}

article.category-familias,
article.category-families {
    background-color: var(--miosotis);
}

article.category-outras,
article.category-other {
    background-color: var(--acer);
}


/* Programa labels */

.programa .labels {
    display: flex;
    flex-direction: row-reverse;
    float: left;
}

.labels span {
    display: inline-block;
    color: #ffffff;
    background-color: var(--cBlack);
    text-transform: uppercase;
    padding: 0 0.2rem;
    margin-right: 0.3rem;
    font-size: 0.6rem;
    align-content: center;
    justify-content: center;
}

span.sub {
    font-size: 0.5rem;
    font-style: italic;
}

.category-visita-virtual.category-visitas-livres span.visita-virtual,
.category-cinema.category-familias span.cinema {
    color: var(--cBlack);
    background-color: var(--highlight);
}

span.livestream,
span.livestream-en,
.single-jardins span.oficina-virtual,
.single-jardins span.virtual-workshops {
    color: var(--cBlack);
    background-color: var(--highlight);
}

span.virtual,
span.virtual-en,
article.category-sem-categoria .labels,
article.category-uncategorized .labels,
article.category-base .labels,
article.category-base-en .labels {
    display: none;
}

span.jardins-secretos,
span.secret-gardens {
    background-color: #ffffff;
}

.single-jardins .add-info a {
    border-bottom: 1px solid var(--cBlack);
}

/*------------------------------------*\
    EDICOES
\*------------------------------------*/

#edicoes {
    padding-top: 0;
    padding-bottom: 0;
}

#edicoes .col-one {
    flex-direction: column;
    align-items: inherit;
}

#edicoes .col-one.small {
    padding-top: 0.25rem;
}

#edicoes .content img {
    max-width: 100%;
}

#edicoes .col.title, 
#edicoes .content p {
    max-width: 820px;
}

#edicoes .j-gallery {
    padding: 0;
}


/*------------------------------------*\
    LOOP Jardins + Projetos
\*------------------------------------*/

.grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
}

/* Jardins — 4 colunas base */
#jardins.grid article {
    flex: 0 0 calc(25% - 0.15rem);
    min-width: 0;
}

@media (min-width: 1600px) {

    #edicoes .j-gallery {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
    }
    
    #jardins.grid article {
        flex: 0 0 calc(20% - 0.16rem);
    }
}

@media (max-width: 900px) {
    #jardins.grid article {
        flex: 0 0 calc(50% - 0.1rem);
    }
}

@media (max-width: 500px) {
    #jardins.grid article {
        flex: 0 0 100%;
    }
}

#jardins .card {
    display: block;
    text-decoration: none;
    color: inherit;
}

#jardins .j-thumb {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 5;
    overflow: hidden;
}

#jardins .j-thumb img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                filter 0.7s ease;
    filter: brightness(0.93);
}

@media (hover: hover) {
    #jardins .card:hover .j-thumb img {
        transform: scale(1.09);
        filter: brightness(1.04);
    }
}

#jardins .j-days {
    position: absolute;
    bottom: 8px;
    left: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
    text-transform: uppercase;
    font-size: 0.75rem;
}

#jardins .j-days span {
    background-color: #ffffff;
    color: var(--cBlack);
    border-radius: 50px;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1rem;
}

#jardins .j-title {
    padding: 8px 4px 4px;
    min-height: 4em;
}

#jardins .j-title h2 {
    margin: 0;
    line-height: 1.3;
}

@media (hover: hover) {
    .card:hover {
        background-color: #ffffff !important;
    }
}


/*------------------------------------*\
    SINGLE Projetos
\*------------------------------------*/

.s-projetos h1 {
    padding: 4rem 0 0;
}


/*------------------------------------*\
    SINGLE Jardins
\*------------------------------------*/

.j-hero {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 90vh;
}

.j-hero__left {
    background-color: var(--acer);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2.5rem 1rem 1rem;
    position: relative;
    gap: 2rem;
}


.j-hero__image-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 1rem;
}

.j-hero__feature {
    position: relative;
    height: 100%;
}

.j-hero__feature img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.j-hero__feature .j-novo {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}

#jardins .j-days span.j-novo,
.j-novo {
    display: flex;
    align-items: center;
    border-radius: 50px;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1rem;
    text-transform: uppercase;
    background-color: var(--mimosa);
    width: auto;
    padding: 0 0.5rem;
}

.j-hero__featured-img {
    width: auto;
    height: 100%;
    max-height: 12rem;
    object-fit: contain;
    display: block;
    position: relative;
    z-index: 1;
    /*margin-top: -1.7rem;*/
}

.j-main__title {
    font-size: 1rem;
}

 .j-main p em {
    font-family: 'Suisse Works', serif;
    font-weight: 600;
    font-style: italic;
}

.j-hero__subtitle {
    font-size: 2.2rem;
    line-height: 1.1;
    text-align: center;
    padding: 0 1.2rem;
    max-width: 28rem;
}



.s-j-days-time {
    display: flex;
    justify-content: space-evenly;
}

.j-hero__details {
    display: flex;
    flex-direction: column;
    /*flex-wrap: wrap;*/
    font-size: 0.78rem;
}

.j-hero__details p {
    margin-bottom: 0;
}

.j-hero__right {
    overflow: hidden;
    position: relative;
}

.j-hero__gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.j-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    gap: 0.2rem;
    margin-top: 3rem;
    padding-bottom: 0.2rem;
}

.j-gallery__item {
    margin: 0;
    overflow: hidden;
}

.j-gallery__item,
.j-gallery__item figure {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.25rem;
}

.j-gallery__item[data-orient="landscape"] { grid-column: span 2; }
.j-gallery__item[data-orient="portrait"],
.j-gallery__item[data-orient="square"]    { grid-column: span 1; }

.j-gallery__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.stat-number {
    font-size: 6rem;
    line-height: 1;
}

.stat-label {
    font-size: 0.875rem;
}

@media (max-width: 600px) {
    .j-gallery {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 200px;
    }
}

@media (max-width: 480px) {
    .j-gallery {
        grid-template-columns: 1fr;
        grid-auto-rows: 220px;
    }
    .j-gallery__item[data-orient="landscape"],
    .j-gallery__item[data-orient="portrait"],
    .j-gallery__item[data-orient="square"] {
        grid-column: span 1;
    }
}

/* Single Jardins content */

.s-jardins header h1 {
    padding: 4rem 0 1rem;
}

.s-jardins article.m-article {
    padding: 1rem 0;
    background-color: #ffffff;
}

.s-jardins .slick-container {
    height: 25rem;
    overflow: hidden;
}

.single .s-thumb img,
.s-jardins .s-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.s-jardins .month,
.s-atividades .month {
    margin-left: 0.3rem;
    background-color: transparent;
}

.s-jardins .n {
    display: none;
}

/*.flexnear {
    display: flex;
    gap: 1rem;
}

.flexnear article {
    width: calc(33.3333333333% - 0.2rem);
}

.flexnear .j-thumb img {
    padding: 0;
}*/

/*.s-jardins .j-activities,
.s-jardins .j-near {
    padding-top: 2rem;
    border-top: 1px solid var(--cBlack);
}*/

.s-jardins .j-activities {
    margin-top: 4rem;
    background-color: var(--c5-sat);
}

.s-jardins .j-near,
.s-jardins .return {
    background-color: var(--c4-sat);
}

.s-jardins .j-activities article {
    overflow: hidden;
    padding: 0;
}

.s-jardins .j-activities article iframe {
    padding-top: 1rem;
    width: 100%;
    max-width: 30rem;
    height: 16.9rem;
}

.s-jardins .j-activities article .collapsible {
    padding: 0.5rem 0;
    transition: all 0.3s;
}

.s-jardins .j-activities article {
    border-bottom: 1px solid var(--cBlack);
}

.s-jardins .j-details {
    margin-top: 1rem;
}

.s-jardins .details.small {
    font-size: 0.6rem;
    /*padding-left: 3rem;*/
}

.s-jardins .details.small a {
    border-bottom: 1px solid var(--cBlack);
}


.s-jardins .j-activities .labels span.colecoes,
.s-jardins .j-activities .labels span.collections {
    color: var(--cBlack);
    background-color: var(--highlight);
}

.s-jardins .j-activities .labels {
    display: flex;
    padding-bottom: 0.2rem;
}

.s-jardins .j-title p {
    margin: 0;
}

.s-jardins .days,
.s-jardins .s-j-days {
    display: flex;
    align-items: center;
}

.s-j-days span,
.days span {
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.2rem;
    border-radius: 50px;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1rem;
    letter-spacing: 0.01rem;
    padding: 0.5rem;
    background-color: white;
}

.s-j-days span.n {
    background-color: var(--c2-sat);
    color: var(--cBlack);
}

.days span {
    border: 0;
    color: #000000;
}

/*.days .d23, .sab23 { background-color: var(--miosotis); }
.days .d24, .dom24 { background-color: var(--mimosa); }
.days .d30, .sab30 { background-color: var(--acer); }
.days .d31, .dom31 { background-color: var(--rosa); }*/

.j-days span { background-color: white; }

.days .d23 { background-color: var(--miosotis); }
.days .d24 { background-color: var(--rosa); }
.days .d30 { background-color: var(--acer); }
.days .d31 { background-color: var(--jacaranda); }

.s-j-days span.v,
.bdays span.v {
    background-color: var(--highlight);
    border: 1px solid var(--highlight);
}

.s-j-days span.s,
.bdays span.s {
    background-color: var(--cBlack);
    border: 1px solid var(--cBlack);
    color: #ffffff;
}

span.fds1,
span.fds2 {
    padding: 0 0.8rem;
}

.wrapper.j-near {
    padding-top: 2rem;
}

.return a.button {
    background-color: transparent;
    border: 1px solid var(--cBlack);
}

.sobre article {
    padding-top: 1rem;
}

.single .col-two p a,
.programa .col-two.description p a {
    border-bottom: 1px solid var(--cBlack);
}

.single .pcredits {
    display: block;
    font-size: 0.7rem;
    position: absolute;
    right: 1.5rem;
    bottom: 2.35rem;
    transform-origin: bottom right;
    transform: rotate(90deg);
}


/*------------------------------------*\
    SINGLE PAGES
\*------------------------------------*/

.single-post article {
    padding: 1rem 0;
    background-color: #ffffff;
}

.single-post article p:first-of-type {
    margin-top: 0;
}

.single-post article iframe {
    max-width: 100%;
    width: 100%;
    height: 21.4rem;
}

.single-post article .labels span {
    margin-bottom: 1rem;
}

.single-post .exhibition img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    width: auto;
}

.single-post.postid-1959 .exhibition img,
.single-post.postid-1978 .exhibition img,
.single-post.postid-2107 .exhibition img,
.single-post.postid-2126 .exhibition img {
    margin: 0 auto;
}

.single-post .exhibition .gallery .caption {
    font-size: 0.75rem;
    margin: 0;
    padding: 0.2rem 0 1rem;
    font-family: 'Suisse Works', serif;
    font-weight: 600;
    font-style: normal;
    max-width: 26rem;
}

.single-post .exhibition .gallery .description {
    margin-bottom: 3rem;
}


/*------------------------------------*\
    PAGE Associação
\*------------------------------------*/

.agradecimentos p:last-child {
    columns: 2;
    gap: 1rem;
    font-size: 0.75rem;
}

/*------------------------------------*\
    PAGE Equipa
\*------------------------------------*/

.equipa_list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0;
    padding-bottom: 4rem;
    margin: 0;
}

.equipa_list li {
    flex: 0 1 calc((100% - 2rem) / 3);
    border-radius: 8px;
    padding: 0.2rem;
    box-sizing: border-box;
    flex-direction: column;
    text-align: center;
}

@media (max-width: 600px) {
    .equipa_list li {
        flex: 0 1 calc((100% - 1rem) / 2);
    }
}

@media (max-width: 375px) {
    .equipa_list li {
        flex: 0 1 100%;
    }
}

.equipa_list li figure img {
    max-width: 100%;
    border-radius: 8px 8px 0 0;
    display: block;
    margin: 0 auto;
}

.equipa_list li h2 {
    margin-top: 0.75rem;
    margin-bottom: 0;
}

.equipa_list li p {
    margin-top: 0.75rem;
}

.agradecimentos p:last-child {
    columns: 2;
    gap: 1rem;
    font-size: 0.75rem;
}

/*------------------------------------*\
    PAGE Partners
\*------------------------------------*/

.main.partners img {
    max-height: 7rem;
    width: auto;
    padding-right: 1.5rem;
    padding-bottom: 1rem;
}

.main.partners p {
    margin: 0;
}

.main.partners ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.main.partners ul li {
    float: left;
}

#partners .col-one,
.single-post .col-one {
    align-items: inherit;
    flex-direction: column;
}

/*------------------------------------*\
    LOOP Projetos
\*------------------------------------*/

/* Projetos — 2 colunas base */
#projetos.grid article {
    flex: 0 0 calc(50% - 0.1rem);
}

.p-thumb {
    aspect-ratio: 3 / 2;
    overflow: hidden;
}

.p-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

#projetos.grid .p-content h2 {
    padding-bottom: 0.2rem;   
}

#projetos.grid .excerpt {
    font-size: 0.7rem;
    padding-bottom: 2rem;
}

#projetos.grid .excerpt a {
    display: block;
    padding-bottom: 0.4rem;
}


/*------------------------------------*\
    MAPA
\*------------------------------------*/

/* Map container */
.acf-map {
    width: 100%;
    height: 900px;
    margin: 0;
}
#mapa {
    margin: 0;
    padding: 0;
}
.marker {
    display: none;
}

/* Thumb */
.acf-map .thumb {
    position: relative;
    margin: 0;
    padding: 0;
    background-color: var(--c4-sat);
    aspect-ratio: 4 / 3;
}
.acf-map .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 8px 8px 0 0;
    object-fit: cover;
    object-position: center;
    display: block;
}

.acf-map .thumb .j-days {
    z-index: 100000;
    position: relative;
    margin-top: -1.9rem;
    margin-left: .2rem;
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

.j-days span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    line-height: 1;
    border-radius: 50px;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1rem;
}

/* Icons */
.b-container {
    position: relative;
}
p.small.b-container {
    margin: 0;
}
.clock:before,
.pin:before {
    content: '';
    position: relative;
    display: inline-block;
    width: 0.75rem;
    height: 1.1rem;
    margin-right: 0.2rem;
}
.clock:before {
    background: url(img/icon-clock.svg) no-repeat;
    background-size: 0.75rem;
    top: 0.45rem;
}
.pin:before {
    background: url(img/icon-marker.svg) no-repeat;
    background-size: 0.75rem;
    top: 0.3rem;
}


/* Info window */
.gm-style .gm-style-iw {
    font-family: "Suisse Intl", sans-serif;
    font-size: 16px;
    flex-direction: column-reverse;
    padding: 0.2rem !important;
    width: 22rem;
}
.gm-style .gm-style-iw-d {
    overflow: hidden !important;
    padding: 0 !important;
}

/* Info window — title */
.gm-style-iw-d h4 {
    font-family: 'Suisse Intl', sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    margin: 0;
    padding-bottom: 0.5rem;
}
.gm-style-iw-d h4 a {
    text-decoration: none;
    color: var(--cBlack);
}

.gm-style-iw-d a.button {
    cursor: pointer;
    border-radius: 50px;
    padding: 0.3rem 0.8rem;
    display: inline-block;
    background-color: var(--trigo);
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.gm-style-iw-d a.button:hover {
    transform: rotate(2deg);
}

/* Info window — details */
.gm-style-iw-d .details {
    padding: 0;
    margin: 0;
    margin-bottom: 0.5rem;
}

/* Info window — button */
.gm-style-iw-d .button {
    display: inline-block;
    margin-top: 0.75rem;
    float: right;
}

/* Info window — tail */
.gm-style .gm-style-iw-t::after {
    border-bottom: 2px solid var(--cBlack);
    border-left: 2px solid var(--cBlack);
    background: #ffffff;
}

/* Info window — close button */
.gm-ui-hover-effect {
    opacity: 1 !important;
}
.gm-ui-hover-effect img {
    width: 26px !important;
    height: 26px !important;
    margin: 4px !important;
}


/*------------------------------------*\
    YOUTUBE DESTAQUES
\*------------------------------------*/

#youtube {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.yt-destaques {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
}

.yt-destaques__header {
    margin-bottom: 2.5rem;
}

.yt-destaques__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.2rem;
}

.yt-card {
    display: flex;
    flex-direction: column;
}

.yt-card__link {
    display: block;
    text-decoration: none;
    overflow: hidden;
}

.yt-card__media {
    aspect-ratio: 4 / 5;
    overflow: hidden;
}

.yt-card__thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                filter 0.7s ease;
    filter: brightness(0.93);
}

.yt-card__link:hover .yt-card__thumb {
    transform: scale(1.09);
    filter: brightness(1.04);
}

@media (max-width: 900px) {
    .yt-destaques { padding: 0.2rem; }
    .yt-destaques__grid { gap: 1rem; }
}

@media (max-width: 480px) {
    .yt-destaques__grid {
        grid-template-columns: 1fr;
        max-width: none;
        margin: 0 auto;
    }

    .yt-card__media {
        aspect-ratio: 1 / 1;
    }
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media screen and (min-width: 1900px) {
    html { font-size: 24px; }
    .wrapper { max-width: 1400px; }
}

@media screen and (min-width: 1600px) {
    html { font-size: 20px; }
}

@media only screen and (min-width: 1440px) {
    .projetoslist #projetos.grid article {
        flex: 0 0 calc(33.3333333333% - 0.1333rem);
    }
}

@media only screen and (max-width: 1280px) {
    html { font-size: 18px; }
}

@media only screen and (max-width: 1024px) {
    html { font-size: 16px; }

    .wrapper {
        padding: 1rem 0.2rem 2rem;
    }

    .footer { font-size: 1rem; }
    .footer ul { padding-right: 0; line-height: 1.8; }

    .footer ul.menu > li { flex: 1; }
    .footer .copyright { font-size: 0.75rem; }
    .footer .sitemap { margin-left: 0; }

    .j-hero {
        grid-template-columns: 1fr;
        height: auto;
    }
}

@media (max-width: 768px), (hover: none) {
    .header .sub-menu {
        display: none !important;
    }
}

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

    .j-days span {
        min-width: 2.1rem;
        height: 2.1rem;
    }

    .s-jardins article.m-article {
        padding: 1rem 0;
    }

    .s-jardins .j-txt {
        display: flex;
        flex-direction: column-reverse;
    }

    .postcontent {
        flex-direction: column;
    }

    .postcontent .col-one,
    .postcontent .col-two {
        width: 100%;
        margin-left: 0;
    }

    .postit {
        background-color: var(--c3);
        padding: 1rem;
    }

    .col-two.s-thumb {
        padding-bottom: 1rem;
    }

    .s-jardins .slick-container {
        height: 20rem;
    }

    .small.b-top {
        font-size: 0.75rem;
    }

    .programa .p-header button {
        font-size: 1rem;
    }

    .programa .p-header button.mixitup-control-active,
    .programa .p-header button:hover,
    .programa .p-header button.dom:hover,
    .programa .p-header button.sat:hover {
        width: 6.5rem;
    }

    .programa .p-header span {
        font-size: 1rem;
    }

    .single-post article {
        padding: 0;
    }

    .edicoes .col-two.description,
    .edicoes .col-one.summary {
        width: 100%;
    }

    .edicoes .col-one.small.summary {
        font-size: 1.5rem;
    }

    .footer .ja { display: none; }
    .footer .col-half { width: 100%; }
}

@media only screen and (max-width: 600px) {

    html { font-size: 14px; }

    .main { margin-top: 6rem; }

    .logo a { padding: 0.8rem 0; }

    .nav {
        float: right;
        background: var(--cBlack);
        width: 100%;
        padding: 0 1rem;
    }

    .nav ul li {
        float: left;
        margin-left: 0;
        margin-right: 1rem;
    }

    .nav ul li:last-child {
        float: right;
        margin-right: 0;
    }

    .nav ul li a {
        color: #ffffff;
        padding: 0.8rem 0;
    }


    .wrapper.flex {
        flex-direction: column;
    }

    .col-one,
    .col-two {
        width: 100%;
    }

    .s-jardins .details.small {
        padding: 0;
    }

    .content .details {
        padding: 0;
    }


    .p-header {
        padding: 1rem 0;
    }

    .programa .p-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .f-jardim {
        max-width: 100%;
    }

    .programa fieldset {
        flex-wrap: wrap;
    }

    .programa .p-header button.dom.mixitup-control-active,
    .programa .p-header button.sat.mixitup-control-active {
        width: 8rem;
    }

    .programa .labels {
        flex-direction: unset;
        flex-wrap: wrap-reverse;
        float: none;
    }

    .programa .labels span {
        margin-bottom: 0.3rem;
    }

    .checkbox-wrap {
        padding: 0.2rem 1rem 0.6rem 2rem;
        font-size: 0.75rem;
        width: 49%;
    }

    .programa .content img {
        max-width: none;
    }

    .programa .col-one.p-empty {
        display: none;
    }

    .col-two-only {
        padding-left: 0;
    }

    .s-jardins .j-near {
        display: none;
    }

    .s-jardins .return {
        background-color: var(--c3-sat);
    }

    .s-jardins .accordion .col-one,
    .s-jardins .accordion .col-two {
        width: 100%;
        padding-right: 0;
        padding-bottom: 0.5rem;
    }

    .gm-style .gm-style-iw-c {
        max-width: 21rem !important;
    }

    #jardins h2 {
        font-size: 1.4rem;
        line-height: 1.3;
    }

    #jardins .j-days span {
        min-width: 3rem;
        height: 3rem;
        font-size: 1.2rem;
    }

    #jardins .grid .j-title {
        padding: 0 1rem;
    }

    .footer-columns {
        flex-direction: column;
    }
}

@media only screen and (max-width: 512px) {

    .s-jardins section:first-of-type {
        padding-top: 0;
    }

    .s-jardins .j-colaps {
        display: flex;
        flex-direction: column-reverse;
    }

    .s-jardins .j-colaps .col-one,
    .s-jardins .j-colaps .col-two,
    .sobre .col-one,
    .sobre .col-two {
        width: 100%;
        padding-right: 0;
    }

    .s-jardins .j-colaps .col-two {
        width: calc(100% + 2rem);
        margin-left: -1rem;
    }

    .s-jardins .v-img img {
        padding: 1rem;
    }

    .programa .content img {
        width: 100%;
        max-height: none;
    }

    #projetos.grid article {
        flex: 0 0 100% !important;
    }
}

@media only screen and (max-width: 480px) {
    .home .logo-extended {
        padding-top: 18rem;
    }
}

@media only screen and (max-width: 320px) {
    .s-jardins .slick-container {
        height: 14rem;
    }
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background: var(--highlight);
    color: var(--cBlack);
    text-shadow: none;
}

::-moz-selection {
    background: #a0938c;
    color: #FFF;
    text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone { margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft  { float: left;  margin: 5px 20px 20px 0; }

a img.alignright  { float: right; margin: 5px 0 20px 20px; }
a img.alignnone   { margin: 5px 20px 20px 0; }
a img.alignleft   { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { max-width: 100%; }
.wp-caption.alignnone  { margin: 5px 20px 20px 0; }
.wp-caption.alignleft  { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding-top: 2rem;
    width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
    font-size: 0.75rem;
    margin: 0;
    padding: 0.2rem 0;
    font-family: 'Suisse Works', serif;
    font-weight: 600;
    font-style: normal;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {

    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited { text-decoration: underline; }

    a[href]:after      { content: " (" attr(href) ")"; }
    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; }
}