/*























































































































 * Varcelona final overrides.























































































































 * This file loads after WordPress Additional CSS.























































































































 */















































































































































































































































/* Header logo: use more of the available navbar height without stretching it. */























































































































html body .blog-over-header .blog-over-site-branding {























































































































    display: flex !important;























































































































    flex: 0 0 auto !important;























































































































    min-width: 240px !important;























































































































    align-items: center !important;























































































































    justify-content: center !important;























































































































}























































































































/* Single post: stronger paths to the next article. */



























































html body.single-post .varcelona-continue {



























































    clear: both;



























































    margin: 28px 0 8px;



























































    padding-top: 22px;



























































    border-top: 1px solid rgba(255, 255, 255, 0.12);



























































}























































































































html body.single-post .varcelona-continue > h2 {



























































    margin: 0 0 15px;



























































    color: #fff;



























































    font-size: 22px;



























































    font-weight: 900;



























































    letter-spacing: -0.02em;



























































}























































































































html body.single-post .varcelona-continue > h2::after {



























































    content: "";



























































    display: block;



























































    width: 76px;



























































    height: 4px;



























































    margin-top: 8px;



























































    border-radius: 5px;



























































    background: linear-gradient(90deg, #a50044 0 50%, #064b91 50%);



























































}























































































































html body.single-post .varcelona-continue-grid {



























































    display: grid;



























































    gap: 12px;



























































}























































































































html body.single-post .varcelona-continue-card {



























































    display: grid;



























































    grid-template-columns: 168px minmax(0, 1fr);



























































    min-height: 108px;



























































    overflow: hidden;



























































    border: 1px solid rgba(255, 255, 255, 0.1);



























































    border-radius: 10px;



























































    background: #0b1622;



























































    color: #fff;



























































    text-decoration: none;



























































    transition: transform .18s ease, border-color .18s ease, background .18s ease;



























































}























































































































html body.single-post .varcelona-continue-card:hover {



























































    transform: translateY(-2px);



























































    border-color: rgba(237, 187, 0, 0.42);



























































    background: #101e2d;



























































}























































































































html body.single-post .varcelona-continue-image {



























































    display: block;



























































    min-height: 108px;



























































    background: #07111c;



























































}























































































































html body.single-post .varcelona-continue-image img {



























































    width: 100%;



























































    height: 100%;



























































    min-height: 108px;



























































    object-fit: cover;



























































}























































































































html body.single-post .varcelona-continue-copy {



























































    display: flex;



























































    flex-direction: column;



























































    justify-content: center;



























































    padding: 14px 18px;



























































}























































































































html body.single-post .varcelona-continue-label {



























































    margin-bottom: 5px;



























































    color: #edbb00;



























































    font-size: 11px;



























































    font-weight: 900;



























































    letter-spacing: .05em;



























































}























































































































html body.single-post .varcelona-continue-copy strong {



























































    color: #fff;



























































    font-size: 17px;



























































    line-height: 1.2;



























































}























































































































html body.single-post .varcelona-continue-copy time {



























































    margin-top: 7px;



























































    color: #91a1b2;



























































    font-size: 12px;



























































}























































































































html body.single-post .blog-over-post-navigation,



























































html body.single-post .post-navigation {



























































    margin-top: 18px;



























































}























































































































html body.single-post .blog-over-post-navigation a,



























































html body.single-post .post-navigation a {



























































    min-height: 88px;



























































    padding: 18px !important;



























































    border: 1px solid rgba(255, 255, 255, 0.12);



























































    border-radius: 10px;



























































    background: #0b1622;



























































}























































































































html body.single-post .blog-over-sidebar .varcelona-sidebar-latest {



























































    padding: 0 !important;



























































    overflow: hidden !important;



























































}























































































































html body.single-post .blog-over-sidebar .varcelona-sidebar-latest ol {



























































    margin: 0;



























































    padding: 8px 20px 20px;



























































    list-style: none;



























































}























































































































html body.single-post .blog-over-sidebar .varcelona-sidebar-latest > .widget-title {



























































    box-sizing: border-box !important;



























































    width: 100% !important;



























































    max-width: 100% !important;



























































    margin: 0 !important;



























































}























































































































html body.single-post .blog-over-sidebar .varcelona-sidebar-latest li {



























































    position: relative;



























































    padding: 12px 42px 12px 0;



























































    border-bottom: 1px solid rgba(255, 255, 255, 0.1);



























































}























































































































html body.single-post .blog-over-sidebar .varcelona-sidebar-latest li:last-child {



























































    border-bottom: 0;



























































}























































































































html body.single-post .blog-over-sidebar .varcelona-sidebar-latest a {



























































    color: #fff;



























































    font-size: 14px;



























































    line-height: 1.25;



























































    font-weight: 800;



























































}























































































































html body.single-post .blog-over-sidebar .varcelona-sidebar-latest a:hover {



























































    color: #edbb00;



























































}























































































































html body.single-post .blog-over-sidebar .varcelona-sidebar-latest time {



























































    position: absolute;



























































    top: 13px;



























































    right: 0;



























































    color: #8292a3;



























































    font-size: 11px;



























































}























































































































@media (max-width: 640px) {



























































    html body.single-post .varcelona-continue-card {



























































        grid-template-columns: 116px minmax(0, 1fr);



























































        min-height: 96px;



























































    }























































































































    html body.single-post .varcelona-continue-image,



























































    html body.single-post .varcelona-continue-image img {



























































        min-height: 96px;



























































    }























































































































    html body.single-post .varcelona-continue-copy {



























































        padding: 11px 13px;



























































    }























































































































    html body.single-post .varcelona-continue-copy strong {



























































        font-size: 15px;



























































    }



























































}



















































































































































































html body .blog-over-header .blog-over-site-branding .custom-logo-link {























































































































    display: flex !important;























































































































    align-items: center !important;























































































































    justify-content: center !important;























































































































    line-height: 0 !important;























































































































    transform: translateY(2px) !important;























































































































}















































































































































































































































html body .blog-over-header .blog-over-site-branding .custom-logo {























































































































    display: block !important;























































































































    width: auto !important;























































































































    height: 78px !important;























































































































    max-width: 270px !important;























































































































    max-height: none !important;























































































































    object-fit: contain !important;























































































































}















































































































































































































































/* Compact language control in the desktop and mobile top bars. */























































































































html body .varcelona-language-switcher {























































































































    display: inline-flex;























































































































    flex: 0 0 auto;























































































































    min-height: 30px;























































































































    padding: 3px;























































































































    align-items: center;























































































































    gap: 1px;























































































































    border: 1px solid rgba(255, 255, 255, .18);























































































































    border-radius: 8px;























































































































    background: rgba(5, 17, 30, .62);























































































































    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);























































































































    font-size: 11px;























































































































    font-weight: 900;























































































































    line-height: 1;























































































































    letter-spacing: .025em;























































































































}















































































































































































































































html body .varcelona-language-option {























































































































    display: inline-flex;























































































































    min-width: 29px;























































































































    height: 24px;























































































































    padding: 0 6px;























































































































    align-items: center;























































































































    justify-content: center;























































































































    border: 0;























































































































    border-radius: 5px;























































































































    background: transparent;























































































































    color: #aebdca;























































































































    font: inherit;























































































































    line-height: 1;























































































































    text-decoration: none;























































































































    cursor: pointer;























































































































    transition: color .18s ease, background-color .18s ease, opacity .18s ease;























































































































}















































































































































































































































html body .varcelona-language-option:hover,























































































































html body .varcelona-language-option:focus-visible {























































































































    color: #fff;























































































































    background: rgba(255, 255, 255, .1);























































































































    outline: none;























































































































}















































































































































































































































html body .varcelona-language-option.is-active {























































































































    background: linear-gradient(135deg, #9f003d 0%, #6f144b 48%, #063f72 100%);























































































































    color: #fff;























































































































    box-shadow: 0 3px 10px rgba(0, 0, 0, .24);























































































































}















































































































































































































































html body .varcelona-language-option.is-disabled {























































































































    color: #6f7c87;























































































































    cursor: not-allowed;























































































































    opacity: .56;























































































































}















































































































































































































































html body .varcelona-language-divider {























































































































    color: rgba(255, 255, 255, .25);























































































































    font-size: 10px;























































































































}















































































































































































































































html body .blog-over-topbar-mobile-actions .varcelona-language-switcher {























































































































    margin-right: 3px;























































































































}















































































































































































































































@media (max-width: 782px) {























































































































    html body .blog-over-header .blog-over-site-branding {























































































































        min-width: 0 !important;























































































































    }















































































































































































































































    html body .blog-over-header .blog-over-site-branding .custom-logo {























































































































        height: 64px !important;























































































































        max-width: 220px !important;























































































































    }















































































































































































































































    html body .varcelona-language-switcher {























































































































        min-height: 28px;























































































































        padding: 2px;























































































































    }















































































































































































































































    html body .varcelona-language-option {























































































































        min-width: 27px;























































































































        height: 23px;























































































































        padding: 0 5px;























































































































    }























































































































}















































































































































































































































/* Widget headers - option 3: Barcelona stripes and navy background. */























































































































html body .widget .widget-title,























































































































html body .blog-over-sidebar .widget-title,























































































































html body .widget-area .widget-title {























































































































    position: relative !important;























































































































    z-index: 0 !important;























































































































    display: flex !important;























































































































    min-height: 56px !important;























































































































    margin: 0 !important;























































































































    padding: 0 18px !important;























































































































    overflow: hidden !important;























































































































    align-items: center !important;























































































































    justify-content: center !important;























































































































    border: 0 !important;























































































































    border-bottom: 3px solid #edbb00 !important;























































































































    border-radius: 9px 9px 0 0 !important;























































































































    background: linear-gradient(100deg, #081827 28%, #0b3158 72%, #06477f 100%) !important;























































































































    box-shadow: 0 8px 20px rgba(0, 0, 0, .22) !important;























































































































    color: #fff !important;























































































































    text-align: center !important;























































































































    isolation: isolate !important;























































































































}















































































































































































































































html body .widget .widget-title::before,























































































































html body .blog-over-sidebar .widget-title::before,























































































































html body .widget-area .widget-title::before {























































































































    content: "" !important;























































































































    position: absolute !important;























































































































    z-index: -1 !important;























































































































    top: 0 !important;























































































































    right: auto !important;























































































































    bottom: 0 !important;























































































































    left: 0 !important;























































































































    width: 92px !important;























































































































    height: auto !important;























































































































    margin: 0 !important;























































































































    border: 0 !important;























































































































    border-radius: 0 !important;























































































































    background: repeating-linear-gradient(90deg, #8e0034 0 23px, #073a64 23px 46px) !important;























































































































    box-shadow: 8px 0 22px rgba(0, 0, 0, .22) !important;























































































































    transform: none !important;























































































































}















































































































































































































































html body .widget .widget-title::after,























































































































html body .blog-over-sidebar .widget-title::after,























































































































html body .widget-area .widget-title::after {























































































































    content: "" !important;























































































































    position: absolute !important;























































































































    z-index: -1 !important;























































































































    inset: 0 !important;























































































































    width: auto !important;























































































































    height: auto !important;























































































































    border: 0 !important;























































































































    background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, .05) 55%, transparent 72%) !important;























































































































    transform: none !important;























































































































    pointer-events: none !important;























































































































}















































































































































































































































@media (max-width: 640px) {























































































































    html body .widget .widget-title,























































































































    html body .blog-over-sidebar .widget-title,























































































































    html body .widget-area .widget-title {























































































































        min-height: 54px !important;























































































































        font-size: 19px !important;























































































































    }















































































































































































































































    html body .widget .widget-title::before,























































































































    html body .blog-over-sidebar .widget-title::before,























































































































    html body .widget-area .widget-title::before {























































































































        width: 76px !important;























































































































        background: repeating-linear-gradient(90deg, #8e0034 0 19px, #073a64 19px 38px) !important;























































































































    }























































































































}















































































































































































































































/* Single post: remove the decorative page title panel entirely. */























































































































html body.single-post .blog-over-page-header,























































































































html body.single-post .blog-over-page-header-container {























































































































    display: none !important;























































































































}















































































































































































































































html body.single-post .blog-over-single-main > .blog-over-container {























































































































    padding-top: 34px !important;























































































































}















































































































































































































































/* Single post: title on the featured image, variant 1. */























































































































html body.single-post .blog-over-single-thumbnail.varcelona-single-hero {























































































































    position: relative !important;























































































































    overflow: hidden !important;























































































































    border-radius: 14px !important;























































































































    margin-bottom: 26px !important;























































































































    background: #07111c !important;























































































































    border: 1px solid rgba(237, 187, 0, 0.18) !important;























































































































}















































































































































































































































html body.single-post .blog-over-single-thumbnail.varcelona-single-hero img {























































































































    display: block !important;























































































































    width: 100% !important;























































































































    height: auto !important;























































































































    min-height: 360px !important;























































































































    max-height: 560px !important;























































































































    object-fit: cover !important;























































































































    border-radius: 14px !important;























































































































}















































































































































































































































html body.single-post .varcelona-single-hero::after {























































































































    content: "" !important;























































































































    position: absolute !important;























































































































    inset: 0 !important;























































































































    border-radius: inherit !important;























































































































    background:























































































































        linear-gradient(180deg, rgba(3, 8, 15, 0.04) 20%, rgba(3, 8, 15, 0.35) 55%, rgba(3, 8, 15, 0.95) 100%),























































































































        linear-gradient(90deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.02) 45%, rgba(0, 0, 0, 0.18));























































































































    pointer-events: none !important;























































































































}















































































































































































































































html body.single-post .varcelona-single-hero-overlay {























































































































    position: absolute !important;























































































































    left: clamp(20px, 3.5vw, 42px) !important;























































































































    right: clamp(20px, 3.5vw, 42px) !important;























































































































    bottom: clamp(20px, 3.4vw, 38px) !important;























































































































    z-index: 2 !important;























































































































    color: #fff7ea !important;























































































































}















































































































































































































































html body.single-post .varcelona-single-hero-meta {























































































































    display: flex !important;























































































































    flex-wrap: wrap !important;























































































































    gap: 8px !important;























































































































    margin-bottom: 13px !important;























































































































}















































































































































































































































html body.single-post .varcelona-single-hero-cat {























































































































    display: inline-flex !important;























































































































    align-items: center !important;























































































































    min-height: 30px !important;























































































































    padding: 7px 14px !important;























































































































    border-radius: 7px !important;























































































































    background: #c00046 !important;























































































































    color: #fff !important;























































































































    font-size: 12px !important;























































































































    line-height: 1 !important;























































































































    font-weight: 900 !important;























































































































    text-transform: uppercase !important;























































































































    letter-spacing: 0.02em !important;























































































































    box-shadow: 0 10px 22px rgba(192, 0, 70, 0.22) !important;























































































































}















































































































































































































































html body.single-post .varcelona-single-hero-title {























































































































    max-width: min(760px, 86%) !important;























































































































    margin: 0 !important;























































































































    color: #fff7ea !important;























































































































    font-size: clamp(28px, 3.15vw, 44px) !important;























































































































    line-height: 1.04 !important;























































































































    font-weight: 950 !important;























































































































    letter-spacing: -0.03em !important;























































































































    text-transform: uppercase !important;























































































































    text-shadow: 0 3px 0 rgba(0, 0, 0, 0.55), 0 12px 28px rgba(0, 0, 0, 0.75) !important;























































































































}















































































































































































































































html body.single-post .varcelona-single-hero-date {























































































































    display: flex !important;























































































































    align-items: center !important;























































































































    gap: 9px !important;























































































































    margin-top: 15px !important;























































































































    color: #cbd5df !important;























































































































    font-size: 15px !important;























































































































    font-weight: 800 !important;























































































































    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.75) !important;























































































































}















































































































































































































































html body.single-post .varcelona-single-hero-date i {























































































































    color: #edbb00 !important;























































































































}















































































































































































































































@media (max-width: 767px) {























































































































    html body.single-post .blog-over-single-thumbnail.varcelona-single-hero img {























































































































        min-height: 300px !important;























































































































        max-height: 420px !important;























































































































    }















































































































































































































































    html body.single-post .varcelona-single-hero-title {























































































































        max-width: 92% !important;























































































































        font-size: clamp(25px, 7vw, 34px) !important;























































































































        line-height: 1.08 !important;























































































































        letter-spacing: -0.025em !important;























































































































    }















































































































































































































































    html body.single-post .varcelona-single-hero-cat {























































































































        min-height: 28px !important;























































































































        padding: 7px 12px !important;























































































































        font-size: 11px !important;























































































































    }















































































































































































































































    html body.single-post .varcelona-single-hero-date {























































































































        font-size: 14px !important;























































































































    }























































































































}















































































































































































































































/* Home lower cards: restore teaser text after the title. */























































































































html body.varcelona-home .blog-over-modern-card-inner .blog-over-modern-content {























































































































    display: flex !important;























































































































    flex-direction: column !important;























































































































}















































































































































































































































html body.varcelona-home .blog-over-modern-card-inner .vc-card-teaser,























































































































html body.varcelona-home .blog-over-modern-card-inner .blog-over-modern-excerpt,























































































































html body.varcelona-home .blog-over-modern-card-inner .blog-over-modern-excerpt p,























































































































html body.varcelona-home .blog-over-modern-card-inner .entry-summary,























































































































html body.varcelona-home .blog-over-modern-card-inner .post-excerpt,























































































































html body.varcelona-home .blog-over-modern-card-inner .blog-over-post-excerpt,























































































































html body.varcelona-home .blog-over-modern-card-inner .post-description,























































































































html body.varcelona-home .blog-over-modern-card-inner .blog-over-modern-content > p {























































































































    display: -webkit-box !important;























































































































    height: auto !important;























































































































    min-height: 0 !important;























































































































    max-height: 4.35em !important;























































































































    margin: 9px 0 16px !important;























































































































    overflow: hidden !important;























































































































    visibility: visible !important;























































































































    opacity: 1 !important;























































































































    color: #cbd5df !important;























































































































    font-size: 14px !important;























































































































    line-height: 1.45 !important;























































































































    font-weight: 500 !important;























































































































    -webkit-box-orient: vertical !important;























































































































    -webkit-line-clamp: 3 !important;























































































































}















































































































































































































































html body.varcelona-home .blog-over-modern-card-inner.vc-title-medium .vc-card-teaser,























































































































html body.varcelona-home .blog-over-modern-card-inner.vc-title-medium .blog-over-modern-excerpt,























































































































html body.varcelona-home .blog-over-modern-card-inner.vc-title-medium .blog-over-modern-content > p {























































































































    max-height: 2.9em !important;























































































































    -webkit-line-clamp: 2 !important;























































































































}















































































































































































































































html body.varcelona-home .blog-over-modern-card-inner.vc-title-long .vc-card-teaser,























































































































html body.varcelona-home .blog-over-modern-card-inner.vc-title-long .blog-over-modern-excerpt,























































































































html body.varcelona-home .blog-over-modern-card-inner.vc-title-long .blog-over-modern-content > p {























































































































    max-height: 1.45em !important;























































































































    -webkit-line-clamp: 1 !important;























































































































}















































































































































































































































html body.varcelona-home .blog-over-modern-card-inner .blog-over-modern-footer {























































































































    margin-top: auto !important;























































































































}















































































































































































































































@media (max-width: 640px) {























































































































    html body.varcelona-home .blog-over-modern-card-inner .vc-card-teaser,























































































































    html body.varcelona-home .blog-over-modern-card-inner .blog-over-modern-excerpt,























































































































    html body.varcelona-home .blog-over-modern-card-inner .blog-over-modern-excerpt p,























































































































    html body.varcelona-home .blog-over-modern-card-inner .entry-summary,























































































































    html body.varcelona-home .blog-over-modern-card-inner .post-excerpt,























































































































    html body.varcelona-home .blog-over-modern-card-inner .blog-over-post-excerpt,























































































































    html body.varcelona-home .blog-over-modern-card-inner .post-description,























































































































    html body.varcelona-home .blog-over-modern-card-inner .blog-over-modern-content > p {























































































































        max-height: 2.9em !important;























































































































        margin: 8px 0 14px !important;























































































































        font-size: 14px !important;























































































































        line-height: 1.45 !important;























































































































        -webkit-line-clamp: 2 !important;























































































































    }















































































































































































































































    html body.varcelona-home .blog-over-modern-card-inner.vc-title-long .vc-card-teaser,























































































































    html body.varcelona-home .blog-over-modern-card-inner.vc-title-long .blog-over-modern-excerpt,























































































































    html body.varcelona-home .blog-over-modern-card-inner.vc-title-long .blog-over-modern-content > p {























































































































        max-height: 1.45em !important;























































































































        -webkit-line-clamp: 1 !important;























































































































    }























































































































}















































































































































/* 1.10.8 — single news readability polish */























@media (min-width: 769px) {























  html body.single-post .entry-content,























  html body.single-post .blog-over-single-content,























  html body.single-post .blog-over-single-content .entry-content {























    font-size: 17px;























    line-height: 1.78;























  }























  html body.single-post .entry-content > p,























  html body.single-post .blog-over-single-content > p {























    margin-bottom: 1.35em;























  }























  html body.single-post .varcelona-single-hero-overlay {























    padding-bottom: 34px;























  }























  html body.single-post .varcelona-single-hero-title {























    margin-bottom: 14px !important;























  }























  html body.single-post .varcelona-continue {























    margin-top: 42px !important;























  }























  html body.single-post .varcelona-continue-grid {























    gap: 18px !important;























  }























  html body.single-post .varcelona-continue-card {























    min-height: 154px;























  }























  html body.single-post .varcelona-continue-image {























    flex: 0 0 150px;























    width: 150px;























  }























  html body.single-post .blog-over-sidebar .varcelona-sidebar-latest li {























    padding-top: 16px !important;























    padding-bottom: 16px !important;























  }























}