/* Custom fonts  */
@font-face {
    font-family: Calibri;
    font-weight: normal;
    src: url("../fonts/calibri.ttf") format("truetype");
}
@font-face {
    font-family: Calibri;
    font-weight: light;
    src: url("../fonts/Calibri_Light.ttf") format("truetype");
}
@font-face {
    font-family: Calibri;
    font-weight: bold;
    src: url("../fonts/calibri_bold.ttf") format("truetype");
}
@font-face {
    font-family: 'Proxima Nova';
    font-weight: normal;
    src: url("../fonts/ProximaNova-Regular.ttf") format("truetype");
}
@font-face {
    font-family: 'Arista Pro';
    font-weight: normal;
    src: url("../fonts/Arista-Pro-Regular-trial.ttf") format("truetype");
}
@font-face {
    font-family: 'Arista Pro';
    font-weight: light;
    src: url("../fonts/Arista-Pro-Light-trial.ttf") format("truetype");
}


/* Constants  */
:root {
    --bn-black: #212121;
    --bn-purple: #893A58;
    --bn-red: #e4482e;
}

 
/* Typography  */
.uk-button { text-shadow: none !important; }
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
    content: "/";
    display: inline-block;
    margin: 0 10px 0 calc(10px - 4px);
    font-size: 14px;
    color: #a7a7a2;
}
.uk-text-purple { color: var(--bn-purple) !important; }
blockquote cite { font-style: normal; }
blockquote.bn-quote-grey {
    padding: 50px;
    position: relative;
    background: url('../images/quote_bg_grey.jpg') center center no-repeat;
    background-size: cover;
}
.uk-accordion > .el-item > a { 
    min-height: 42px;
    padding-left: 57px;
    background: url('../images/circle_arrow_down.svg') left center no-repeat;
}
.uk-accordion > .el-item.uk-open > a { 
    color: var(--bn-purple);
    background: url('../images/circle_arrow_up.svg') left center no-repeat;
}
.uk-img-border-large {
    border: 15px solid #F6F6F6;
    box-shadow: 5px 11px 26px rgba(0, 0, 0, .1);
}
.uk-text-calibri { font-family: Calibri;}


/* Template  */
div.tm-toolbar { color: white; position: relative; z-index: 100;}
header.tm-header .uk-navbar-container { 
    height: 114px;
    padding: 20px 0 0;
    background: transparent; 
    border-bottom: 1px solid rgba(256, 256, 256, .2);
}
.page-101 header.tm-header .uk-navbar-container { border-bottom: 0; }
header.tm-header > *:not(.uk-navbar-dropdown) { position: relative; z-index: 100; }
header .uk-navbar-left { flex-wrap: nowrap; }
header.tm-header .uk-navbar-dropdown { 
    width: auto;
    padding: 20px 0;
    z-index: 1000;
    white-space: nowrap;
    background: var(--bn-purple);
    border-radius: 5px;
}
header.tm-header .uk-navbar-dropdown li { 
    padding: 0 30px;
    margin-bottom: 2px;
}
header.tm-header .uk-navbar-dropdown a { 
    color: white;
    font-size: 17px;
}
header.tm-header .uk-navbar-dropdown li.uk-active,
header.tm-header .uk-navbar-dropdown li:hover { 
    background: var(--bn-red);
}
.home-banner .uk-background-cover {
    position: relative;
    top: -117px;
    object-fit: contain;
}
.tm-page > footer {
    padding-top: 107px;
    position: relative;
    background: var(--bn-black) url('../images/bn_footer_top_bg.jpg') center top no-repeat;
    background-size: 100% auto;
}
.tm-page > footer .uk-section-default {
    color: white;
    padding: 20px 0 60px;
    font-size: 14px;
    background: transparent url('../images/bn_footer_bottom_bg.png') center bottom no-repeat;
    background-size: 100% auto;
}
.tm-page > footer .uk-section-default a { color: white; }
.tm-page > footer .uk-panel { position: static; }
.tm-page > footer .bn-footer-deco {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(0%) translateY(-40%);
}


/* Top banner  */
.bn-top-banner {
    padding: 30px 0 275px;
    margin-bottom: -55px;
    position: relative;
}
.bn-top-banner .uk-panel { position: static; }
.bn-top-banner .uk-breadcrumb,
.bn-top-banner .uk-breadcrumb li span,
.bn-top-banner .uk-breadcrumb li a { 
    color: white !important; 
    font-size: 15px;
    text-transform: uppercase;
}
.bn-top-banner h1 { 
    color: white; 
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}
.bn-top-banner p { 
    color: white;
    margin-bottom: 40px;
    font-size: 24px;
    text-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}
.bn-top-banner-photo {
    width: 100%;
    height: 100%;
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: -135px;
    left: 0;
    object-fit: cover;
    overflow: hidden;
}
.bn-top-banner-photo img {
    height: 100%;
    object-fit: cover;
}
.bn-top-banner-photo::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .25);
}
.bn-top-banner-photo::after {
    width: 100%;
    height: 90px;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    background: url('../images/bn_header_bottom_bg.png') center bottom no-repeat;
    background-size: 100% 100%;
}

/* Home banner exception  */
.bn-top-banner-home {
    padding: 120px 0 475px;
}
.bn-top-banner-home .bn-top-banner-photo::after {
    height: 206px;
    background-image: url('../images/bn_header_bottom_home_bg.png');
}


/* Modules  */
header .bn-header-social .uk-grid { flex-wrap: nowrap; }
header .bn-header-social a { color: white; }
header .uk-button-default { 
    color: white; 
    border-color: white; 
}
footer .bn-footer-contact { font-size: 12px; }
footer .bn-footer-menu a {
    padding: 14px 0;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
footer .bn-footer-menu li:last-child a { padding-bottom: 0; }
footer .bn-footer-social a,
footer .bn-footer-social a:hover,
header .bn-header-social a,
header .bn-header-social a:hover { 
    background: url('../images/social_1_bg.png') no-repeat center center;
    background-size: 100% 100%;
    border: 0;
}

footer .bn-footer-social a:nth-child(2),
footer .bn-footer-social a:nth-child(2):hover,
header .bn-header-social a:nth-child(2),
header .bn-header-social a:nth-child(2):hover { background: url('../images/social_2_bg.png') no-repeat center center; }
footer .bn-footer-social a:nth-child(3),
footer .bn-footer-social a:nth-child(3):hover,
header .bn-header-social a:nth-child(3),
header .bn-header-social a:nth-child(3):hover { background: url('../images/social_3_bg.png') no-repeat center center; }
footer .bn-footer-social a:nth-child(4),
footer .bn-footer-social a:nth-child(4):hover,
header .bn-header-social a:nth-child(4),
header .bn-header-social a:nth-child(4):hover { background: url('../images/social_4_bg.png') no-repeat center center; }


/* Pages */
.bn-content {
    position: relative;
}
.bn-content > * {
    position: relative;
}

/* Page - Home */
.bn-news-home .el-item picture img {
    border: 12px solid #F6F6F6;
}
.bn-news-home .el-meta {
    color: white;
    padding: 5px 10px;
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 13px;
    text-transform: capitalize;
    background: var(--bn-purple);
    border-radius: 90px;
}
.bn-news-home .el-content { font-size: 15px; }
.bn-newsletter-home, .bn-newsletter-home h2 { color: white; }
.bn-slider-home .uk-slider-container { overflow: visible; }
.bn-slider-home img { box-shadow: 30px 30px 40px rgba(0, 0, 0, .2); }

/* Home page popup  */
.bn-popup .uk-modal-dialog { background: transparent; }
.bn-popup button { 
    top: 60px;
    right: 60px;
}
.bn-popup button svg { 
    color: white; 
    width: 30px;
    opacity: 1; 
}
.bn-popup .uk-modal-header { display: none; }
.bn-popup .uk-modal-body.uk-section-default { 
    color: white ;
    width: 500px;
    height: 500px;
    display: flex;
    align-items: center;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    background: transparent url('../images/popup_bg.svg') center center no-repeat;
    background-size: contain;
}
.bn-popup .uk-modal-body .uk-grid > div { 
    padding: 0 40px 0 80px;
}
.bn-popup .uk-modal-body.uk-section-default a { color: white; } 
.bn-popup .uk-modal-body.uk-section-default p { margin-bottom: 32px; } 
.bn-popup .uk-modal-body .uk-panel p:last-child { margin-bottom: 0; } 


/* Pages - About  */
.bn-about-map .el-title { white-space: nowrap; }
.bn-about-map img { max-width: none; }

/* Pages - Programs  */
.bn-card-numbers { padding-right: 60px; }
.bn-card-numbers img.el-image  {
    position: relative;
    top: 35px;
    left: -25px;
}
.bn-float-numbers .uk-panel .el-image {
    position: absolute;
    top: 0;
    left: 0;
}
.bn-float-numbers .uk-panel .el-title {
    min-height: 70px;
    margin-top: 0 !important;
    padding-left: 87px;
    display: inline-flex;
    align-items: center;
}

/* Pages - News  */
.bn-news-grid .el-image {
    border: 12px solid #F6F6F6;
    box-shadow: 5px 12px 50px rgba(0, 0, 0, .35);
}
.bn-news-grid .el-meta {
    color: white;
    padding: 5px 10px;
    margin: 0 !important;
    position: absolute;
    top: 23px;
    left: 23px;
    font: bold 13px/normal Calibri;
    background: var(--bn-purple);
    border-radius: 90px;
}
.bn-news-grid ul { list-style-position: inside; }
.bn-news-media .el-meta {
    color: #9D9D9D;
    padding: 5px 10px;
    display: inline-block;
    font: bold 13px/normal Calibri;
    background: #E2E2E2;
    border-radius: 90px;
}

/* Pages - Culture hub  */
.bn-business-directory .el-image {
    height: 100%;
    object-fit: contain;
    background: #F6F6F6;
    border: 12px solid #F6F6F6;
    box-shadow: 5px 12px 50px rgba(0, 0, 0, .35);
}
#fwgallery { position: relative; }
#fwgallery .fwmg-grid-wrapper .fwmg-grid-item-audio {
    width: auto;
    height: auto;
    padding: 19px 13px;
    position: relative;
    background: white;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
}
#fwgallery .fwmg-grid-wrapper .fwmg-audio-plugin { height: auto; }
#fwgallery .fwmg-grid-wrapper .fwmg-audio-plugin-icon { 
    width: 42px;
    height: 42px;
    background: url('../images/culture_music.svg') center center no-repeat;
}
#fwgallery .fwmg-grid-wrapper .fwmg-audio-plugin-title { 
    font-size: 24px;
    line-height: 1.4;
    text-decoration: none;
}
#fwgallery .fwmg-grid-wrapper .fwmg-audio-player { 
    width: 38px;
    height: auto; 
}
.fwcss .fwmg-audio-player button {
    width: 38px;
    height: 38px;
    margin: 0;
    padding: 0 0 0 2px;
    position: relative;
    left: auto;
    top: auto;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    border-radius: 50%;
    background-color: #E2E2E2;
    cursor: pointer;
}
.fwcss .fwmg-audio-player button svg {
    color: #9D9D9D;
    width: 20px;
}
.fwcss .fwmg-audio-player progress { display: none; }
#fwgallery .fwmg-grid-wrapper .fwmg-grid-item-image-wrapper::before { content: none } 
#fwgallery .fwmg-grid-wrapper .fwmg-grid-item-image { 
    width: auto;
    height: auto;
    position: relative;
    background: #F6F6F6;
    border: 12px solid #F6F6F6;
    box-shadow: 5px 12px 50px rgba(0, 0, 0, .35);
}
#fwgallery .fwmg-grid-wrapper .fwmg-grid-item-image img { 
    width: auto;
    height: auto;
    object-fit: contain; 
}
#fwgallery .fwmg-grid-wrapper .fwmg-grid-item-info { 
    padding: 20px 0;
    border: 0;
}
#fwgallery .fwmg-grid-wrapper .fwmg-grid-item-description { font-size: 17px; }
#fwgallery .fwmg-grid-wrapper .fwmg-grid-item-description p { margin: 0 0 15px; }
#fwgallery.fwmg-file .fwmg-file-thumb::before { content: none; }
#fwgallery.fwmg-file .fwmg-file-thumb-img { position: relative; }


/* Pages - Contact  */
.bn-contact-card .el-image {
    border: 15px solid #F6F6F6;
    box-shadow: 5px 12px 50px rgba(0, 0, 0, .35);
}



/* Responsive styles  */
header.tm-header-mobile { 
    padding-top: 15px;
    z-index: 100; 
}
#tm-dialog-mobile ul.uk-nav li a {
    font-family: Calibri;
    text-transform: uppercase;
}
@media (max-width: 1230px) {
    .uk-navbar-right { 
        width: 175px; 
        text-align: right;
    }
    .uk-navbar-right div[data-id="module-110#4"] { margin-top: 10px; }
    .tm-page > footer .bn-footer-deco {
        transform: none;
    }
    .bn-about-map .el-title { white-space: normal; }
}
@media (max-width: 1200px) {
    .bn-card-numbers img.el-image { left: -17px; }
}
@media (max-width: 992px) {
    #fwgallery .fwmg-files #fwmg-grid .fwmg-grid-container {
        grid-template-columns: repeat(2, calc((100% - 2rem)/2)) !important;
    }
}
@media (max-width: 960px) {
    .uk-navbar-right .uk-navbar-toggle { 
        padding: 15px;
        margin-left: auto;
    }
    .tm-page > footer .bn-footer-deco { transform: scale(0.7); }
    .bn-about-map img { max-width: 100%; }
    .bn-membership-form .el-image { display: none; }
}
@media (max-width: 768px) {
    .bn-top-banner .bn-top-banner-photo::after { height: 75px; }
    .bn-top-banner-home .bn-top-banner-photo::after { height: 110px; }
    #fwgallery .fwmg-files #fwmg-grid .fwmg-grid-container {
        grid-template-columns: 100% !important;
    }
    .bn-newsletter-home .uk-background-norepeat { background-size: cover; }
}
@media (max-width: 520px) {
    .bn-popup .uk-modal-body.uk-section-default { 
        max-width: 100%;
        padding: 0 25px 0 0;
        background: var(--bn-purple);
    }
    .bn-top-banner-home .bn-top-banner-photo::after {
        height: 80px;
    }    
}
@media (max-width: 400px) {
    .tm-page > footer .bn-footer-deco { display: none; }
}