@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;900&family=Nanum+Myeongjo:wght@400;800;900;&display=swap');

body {
    --galery-height: 42vw;
    --gallery-menu-width: 400px;
    --top-menu-height: 0;
}

#app,
body,
html,
#cms-header .m4--menu-item,
.m4--menu-item-focusable .m4--menu-item-link,
.m4--menu-item-text,
.m4--menu-item-focusable {
    font-family: Inter, sans-serif !important;
}



#app h1,
#app .header-slot-container h2,
.section-title {
    font-family: Nanum Myeongjo, sans-serif !important;
    font-weight: 900;
}

#app .header-slot-container h2,
.section-title {
    font-size: 36px;
}

.section-more-button,
#app #container .main .view-container .see-all-container .see-all-button {
    background-color: #fff;
    border: 2px solid var(--button-bg-color);
    font-family: Nanum Myeongjo, sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: .5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    transition: all .25s linear;
    font-size: 20px;
    color: #000;
}

.section-more-button:hover,
#app #container .main .view-container .see-all-container .see-all-button:hover {
    background-color: var(--button-bg-color);
    color: #fff;
}

.section-more-button {
    border: 2px solid var(--secondary-color);
    display: block;
    text-decoration: none;
    padding: .55em 1.5em;
    color: #000;
}

.section-more-button:hover {
    background-color: var(--secondary-color);
    color: #fff;
}

@media only screen and (max-width: 960px) {
    .section-more-button {
        font-size: 16px;
    }
}

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

    #app #container .header-slot-container h2,
    .section-title {
        font-size: 28px;
    }

    #app #container .main .view-container .see-all-container .see-all-button {
        font-size: 16px;
    }
}

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

    #app #container .header-slot-container h2,
    .section-title {
        font-size: 24px;
    }

    #app #container .main .view-container .see-all-container .see-all-button {
        font-size: 14px;
    }
}

/* -------------------------------------------- */
/* ----------- Header START ----------- */
/* -------------------------------------------- */


/* non Homepage */
#container {
    padding-top: var(--top-menu-height);
}

/* non Homepage */

#container #home {
    margin-top: calc(var(--top-menu-height) * -1);
}

#view-header #cms-header #h2 #schoolsbutton {
    display: none;
}

#view-header #cms-header #h2 .utilities.utilities-right {
    height: unset;
}

@media only screen and (max-width: 959px) {
    #view-header #cms-header #h2 .right {
        display: flex;
    }

    #view-header #cms-header #h2 .right .utilities-right,
    #view-header #cms-header #h2 .right .right-menu-items>div {
        display: none;
    }

    .schoolsCustomButton {
        /* margin-bottom: 15px; */
    }

}

@media only screen and (max-width: 600px) {
    #h2 .utility-bar-items a {
        font-size: 14px;
    }
}

.schoolsCustomButton {
    background-color: var(--utility-bg-color);
    padding: 0.75em 1.5em;
    border-radius: 2em;
    margin-right: 20px;
    margin-left: 20px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
}

.schoolsCustomButton.districtButton {
    margin-right: 0;
}

.baltimore-city-public-schools .schoolsCustomButton {
    background: var(--red-gradient, linear-gradient(90deg, #C33757 15.65%, #D14900 87.69%, #FCB040 151.26%));
}

.baltimore-city-public-schools .districtButton {
    display: none;
}

@media only screen and (min-width: 1280px) {

    .schoolsCustomButton {
        font-size: 18px;
    }

    #view-header #cms-header #h2 .right {
        display: flex;
        flex-direction: row;
        padding-right: 175px;
    }

    #view-header #cms-header #h2 .utilities.utilities-right {
        position: static;
        order: 1;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    #view-header #cms-header #h2 .utilities.utilities-right svg.sloped-edge {
        display: none;
    }

    #view-header #cms-header #h2 .utilities.utilities-right .utility-bar.utility-bar-items {
        position: absolute;
        width: 100%;
        height: var(--top-menu-height);
        top: 100%;
        left: 0;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 25px;
        box-sizing: border-box;
    }

    #view-header #cms-header #h2 .utilities.utilities-right .utility-bar.utility-bar-items {
        display: none;
    }

    .isHomepage.theme-1 #view-header #cms-header #h2 .utilities.utilities-right .utility-bar.utility-bar-items {
        position: absolute;
        top: 100%;
        left: 0;
        height: var(--galery-height);
        display: flex;
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: var(--gallery-menu-width);
        overflow: auto;
        box-sizing: border-box;
        opacity: 0;
        visibility: hidden;
        z-index: -20;
        transition: all .25s linear;
    }

    .isHomepage.theme-1 #view-header #cms-header #h2 .utilities.utilities-right .utility-bar.utility-bar-items {
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }

    .theme-1 #view-header #cms-header #h2 .utilities.utilities-right .utility-bar.utility-bar-items::-webkit-scrollbar {
        width: 3px;
    }

    /* Track */
    .theme-1 #view-header #cms-header #h2 .utilities.utilities-right .utility-bar.utility-bar-items::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .theme-1 #view-header #cms-header #h2 .utilities.utilities-right .utility-bar.utility-bar-items::-webkit-scrollbar-thumb {
        background: #b8b8b8;
    }

    /* Handle on hover */
    .theme-1 #view-header #cms-header #h2 .utilities.utilities-right .utility-bar.utility-bar-items::-webkit-scrollbar-thumb:hover {
        background: var(--secondary-color);
    }

    .theme-1 #view-header #cms-header #h2 .utilities.utilities-right .utility-bar.utility-bar-items .utilities {
        display: block;
        text-align: center;
        margin-top: 0;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
    }

    .theme-1.isHomepage #view-header #cms-header #h2 .utilities.utilities-right .utility-bar.utility-bar-items .utilities {
        display: block;
        width: 90%;
        max-width: 250px;
        text-align: center;
        margin-top: 0;
        border-bottom: 1px solid currentColor;
        margin-left: auto;
        margin-right: auto;
        padding-top: 1em;
        padding-bottom: 1em;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
    }

    .theme-1.isHomepage #view-header #cms-header #h2 .utilities.utilities-right .utility-bar.utility-bar-items .utilities:first-child {
        border-top: 1px solid currentColor;
    }

    #view-header #cms-header #h2 .utilities.utilities-right .utility-bar.utility-bar-items .utilities:hover {
        opacity: .75;
    }

    #view-header #cms-header #h2 .utilities.utilities-right .button-action.search-item {
        /* position: absolute; */
        display: flex;
        align-items: center;
        height: 100%;
        margin-left: 10px;

        outline: none;
    }

    #view-header #cms-header #h2 .right .button-action.search-item .button-action-content {
        text-transform: unset;
        background-color: #fff;
        height: 42px;
        display: flex;
        align-items: center;
        padding-left: 15px;
        border-radius: 5px;
        outline: none;
    }

    #view-header #cms-header #h2 .right .button-action.search-item .button-action-content svg {
        fill: #858585;
        margin-right: 15px;
    }

    #view-header #cms-header #h2 .right .button-action.search-item .button-action-content:before {
        /* content: "Looking for something? Search here"; */
        content: attr(data-placeholder);
        color: #858585;
        display: block;
        margin-right: 10px;
    }


    #view-header #cms-header #h2 .right #languagebutton {
        background-color: var(--nav-color);
        color: #fff;
        position: absolute;
        width: 175px;
        height: 66px;
        right: 0;
        top: calc(50% - 33px);
        margin-right: 0;
    }

    #view-header #cms-header #h2 .right #languagebutton span {
        color: #fff !important;
        text-transform: unset;
        font-weight: 500;
    }

    #view-header #cms-header #h2 .right #languagesmenu {
        margin-top: 40px;
    }

    /*#view-header #cms-header #h2 #menubutton {
        display: block;
    }

    #view-header #cms-header #h2 #menubutton .hamburger {
        display: none;
    }

    #view-header #cms-header #h2 #menubutton .button-action-content {
        padding: 0.75em 1.5em;
        border-radius: 2em; 
        background: var(--red-gradient, linear-gradient(90deg, #C33757 15.65%, #D14900 87.69%, #FCB040 151.26%));
    }
    
    #view-header #cms-header #h2 #menubutton .button-action-content .menu-field {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
    }*/

    #view-header #cms-header #h2 .right #schoolsbutton svg {
        display: none
    }

    #view-header #cms-header #h2 .right #schoolsbutton span {
        color: #fff;
    }

    #view-header #cms-header #h2 .right #schools-menu-sm1 {
        z-index: 1;
        margin-top: 45px;
    }

    #view-header #cms-header #h2 .right-menu-items {
        order: 0;
        padding-top: 0;
        padding-bottom: 0;
        height: 66px;
    }

    #view-header #cms-header #h2 .header-container:before {
        display: none;
    }

    #view-header #cms-header #h2 .header-container .left {
        margin-left: 0;
        position: relative;
    }

    #view-header #cms-header #h2 .header-container .left .logo {
        height: 60px;
        position: relative;
        padding-top: 22px;
        padding-bottom: 22px;
        box-sizing: content-box;
        display: flex;
        align-items: center;
        margin-left: 1em;
    }

    .baltimore-city-public-schools #view-header #cms-header #h2 .header-container .left .logo {
        margin-left: 0;
    }

    .baltimore-city-public-schools #view-header #cms-header #h2 .header-container .left .logo:before {
        content: close-quote;
        width: auto;
        height: calc(100% + 44px);
        aspect-ratio: 1/1;
        display: inline-block;
        background-image: url(https://cmsv2-assets.apptegy.net/uploads/16360/watermark/17714/b-logo-baltimore.jpeg);
        background-size: contain;
        margin-right: 20px;
    }
}


@media only screen and (min-width: 1600px) {
    #view-header #cms-header #h2 .header-container .left .logo {
        height: 100px;
    }

    #view-header #cms-header #h2 .right .button-action.search-item .button-action-content:before {
        margin-right: 100px;
    }
}

@media only screen and (max-width: 1024px) {
    #view-header #cms-header #h2 .header-container .left {
        margin-left: 0;
    }
}

/* ----------- Header END ----------- */


/* ----------- Gallery START ----------- */

@media only screen and (min-width: 1280px) {

    .theme-1 #home #cms-gallery {
        width: calc(100% - var(--gallery-menu-width));
        margin-left: var(--gallery-menu-width);
        position: relative;
        overflow: initial;
    }

    .theme-1 #home #cms-gallery:after {
        content: close-quote;
        display: block;
        position: absolute;
        top: 0;
        right: 100%;
        width: 100%;
        height: 100%;
        height: var(--galery-height);
        width: var(--gallery-menu-width);
        background-color: var(--primary-color);
    }

    .theme-1 #home #cms-gallery:before {
        content: close-quote;
        display: block;
        width: 20%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: linear-gradient(90deg, var(--primary-color) 1.11%, rgba(2, 90, 131, 0.48) 60.6%, rgba(2, 90, 131, 0.00) 72.38%);
        z-index: 1;
    }

    .theme-1 #home #cms-gallery #g2 {
        overflow: hidden;
        --image-height: var(--galery-height) !important;
    }

    .theme-1 #home #cms-gallery #g2 .slide .text {
        left: unset;
        right: 40px;
    }

    .theme-1 #home #cms-gallery #g2 .position {
        left: unset;
        right: 40px;
    }

    .theme-1 #home #cms-gallery #g2 .button-action {
        left: unset;
        right: 40px;
    }

    .theme-1 #home #cms-gallery #g2 .button-action svg {
        width: 32px;
        height: 32px;
    }

    .theme-1 #home #cms-gallery #g2 .button-action.right-arrow,
    .theme-1 #home #cms-gallery #g2 .button-action.left-arrow {
        top: auto;
        transform: none;
        bottom: 10px;
        right: 80px;
    }

    .theme-1 #home #cms-gallery #g2 .button-action.left-arrow {
        right: 120px;
    }

    .theme-2 #home #cms-gallery #g2 .button-action {
        left: unset;
        right: 5%;
        top: unset;
        bottom: 10px;
    }

    .theme-2 #home #cms-gallery #g2 .button-action svg {
        width: 32px;
        height: 32px;
    }

    .theme-2 #home #cms-gallery #g2 .button-action.right-arrow,
    .theme-2 #home #cms-gallery #g2 .button-action.left-arrow {
        top: auto;
        transform: none;
        bottom: 6px;
        right: 50px;
    }

    .theme-2 #home #cms-gallery #g2 .button-action.left-arrow {
        right: 128px;
    }

    .theme-2 #home #cms-gallery #g2 .position {
        left: unset;
        right: 180px;
        top: auto;
        bottom: 15px;
    }

}

/* ----------- Gallery END ----------- */


/* ----------- Buttons START ----------- */

@media only screen and (max-width: 480px) {
    .main .homepage-component #buttons-b3 .wrapper .button .button-link {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .main .homepage-component #buttons-b3 .wrapper .button .icon-wrapper {
        height: 30px;
    }

    .main .homepage-component #buttons-b3 .wrapper .button .icon-wrapper .raw-svg,
    .main .homepage-component #buttons-b3 .wrapper .button .icon-wrapper .raw-svg span {
        width: 30px;
        height: 30px;
    }

    .main .homepage-component #buttons-b3 .wrapper .button .icon-wrapper .raw-svg svg {
        width: 25px;
        height: 25px;
    }
}

#home .B4 .button-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

/* ----------- Buttons END ----------- */


/* ----------- Add Custom Buttons to Calendar  ----------- */

.eventCalendarCustomButtons {
    display: flex;
    flex-wrap: wrap;
    width: 95%;
    max-width: calc(100% - 30px);
    margin: 25px auto 10px;
    justify-content: center;
    gap: 6px;
}

.eventCalendarCustomButtons a {
    background-color: var(--primary-color);
    color: #fff;
    text-decoration: none;
    border: 2px solid var(--primary-color);
    padding: .5em 1.25em;
    border-radius: 1.5em;
    transition: all .25s linear;
}

.eventCalendarCustomButtons a:hover {
    background-color: #fff;
    color: var(--primary-color);
}

@media only screen and (max-width: 480px) {
    .eventCalendarCustomButtons a {
        font-size: 12px;
    }
}

/* ----------- END Add Custom Buttons to Calendar  ----------- */

/* ----------- START News Custom  ----------- */

@media only screen and (min-width: 1200px) {

    .theme-1 #news-container #view-news #news-n5 {
        margin-top: 80px;
        border-top: 5px solid var(--header-accent-color);
        /* border-bottom: 5px solid var(--header-accent-color); */
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .theme-1 #news-container #view-news #news-n5 .light-header-accent {
        display: none;
    }

    .theme-1 #news-container #view-news #news-n5 .news-scroll {
        display: none;
    }

    .theme-1 #news-container #view-news #news-n5 .news-content {
        --overview-width: 55% !important;
        --scroller-width: 45%;
    }

    .theme-1 #news-container #view-news #news-n5 .news-overview-body {
        margin-left: 0;
        width: calc(100% - 30px);
    }

    .theme-1 #news-container #view-news #news-n5 .news-overview-body a {
        background-color: var(--news-accent-border-color);
        display: block;
        color: #fff;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        overflow: hidden;
    }

    .theme-1 #news-container #view-news #news-n5 .news-overview-body a .news-overview-published-time {
        color: #fff;
        padding-left: 20px;
    }

    .theme-1 #news-container #view-news #news-n5 .news-overview-body a .news-overview-title {
        color: #fff;
        padding-left: 20px;
    }

    .theme-1 #news-container #view-news #news-n5 .news-overview-body a .news-overview-link {
        margin-bottom: 1em;
        border-bottom: none;
    }

    .theme-1 #news-container #view-news #news-n5 .news-overview-body a .news-overview-link p {
        color: #fff;
        padding-left: 20px;
        font-weight: 700;
    }

    .theme-1 #news-container #view-news #news-n5 .news-scroll-wrapper {
        width: var(--scroller-width);
        position: relative;
        right: -10px;
    }

    .theme-1 #news-container #view-news #news-n5 .news-overview .news-overview-image-container {
        padding-top: 65%;
        position: relative;
    }

    .theme-1 #news-container #view-news #news-n5 .news-overview .news-overview-image-container:after {
        content: close-quote;
        display: block;
        width: 100%;
        height: 20%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        background: linear-gradient(180deg, rgba(251, 253, 255, 0) 0%, var(--news-accent-border-color) 100%);
    }

    .theme-1 #news-container #view-news #news-n5 .news-overview .news-overview-image-container img {
        /* border-top-left-radius: 8px; */
        /* border-bottom-left-radius: 8px; */
    }

    .theme-1 #news-container #view-news #news-n5 .news-image-title-link {
        display: flex;
        height: 100%;
    }

    .theme-1 #news-container #view-news #news-n5 .news-list {

        height: calc(100% + 10px);
    }

    .theme-1 #news-container #view-news #news-n5 .scroll-wrapper {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-right: 10px;
        padding-bottom: 10px;
    }

    .theme-1 #news-container #view-news #news-n5 .story:nth-child(1),
    .theme-1 #news-container #view-news #news-n5 .story:nth-child(5),
    .theme-1 #news-container #view-news #news-n5 .story:nth-child(6),
    .theme-1 #news-container #view-news #news-n5 .story:nth-child(7),
    .theme-1 #news-container #view-news #news-n5 .story:nth-child(8),
    .theme-1 #news-container #view-news #news-n5 .story:nth-child(9),
    .theme-1 #news-container #view-news #news-n5 .story:nth-child(10) {
        display: none;
    }

    .theme-1 #news-container #view-news #news-n5 .story {
        margin-bottom: 0;
        height: 31%;
        border-radius: 10px;
        overflow: hidden;
        background: #FFF;
        box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.25);
    }

    .theme-1 #news-container #view-news #news-n5 .story .news-image-container {
        width: 40%;
        height: 100%;
        flex-shrink: 0;
    }

    .theme-1 #news-container #view-news #news-n5 .story .news-image {
        height: 100%;
    }

    .theme-1 #news-container #view-news #news-n5 .story .image-hidden-wrapper {
        height: 100%;
        padding-top: 0;
    }

    .theme-1 #news-container #view-news #news-n5 .story .news-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .theme-1 #news-container #view-news #news-n5 .news-title {
        position: static;
        background: #fff;
        color: var(--article-title-color);
        font-weight: 800;
        display: flex;
        align-items: center;
        font-size: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .theme-2 #news-container #view-news #news-n5 {
        width: 90%;
        margin: auto;
        box-sizing: content-box;
    }

    .theme-2 #news-container #view-news #news-n5 .news-overview-body {
        margin-left: 0;
    }
}

/* ----------- END News Custom  ----------- */



/* ----------- START Single News Area  ----------- */

#single-news-area {
    margin-top: 60px;
    background-color: var(--primary-color);
    position: relative;
    /* min-height: 400px; */
}

#single-news-area .single-news {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 32px;
    box-sizing: border-box;
}

#single-news-area .customInnerElement {
    display: flex;
}

#single-news-area .customInnerElement .image-wrap {
    order: 2;
    position: absolute;
    top: 0;
    right: 0;
    width: 52%;
    height: 100%;
}

#single-news-area .customInnerElement .image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#single-news-area .customInnerElement .image-wrap:before {
    content: close-quote;
    display: block;
    width: 45%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, var(--primary-color) 1.11%, rgba(2, 90, 131, 0.48) 60.6%, rgba(2, 90, 131, 0.00) 72.38%);
    z-index: 1;
}

#single-news-area .customInnerElement .content-wrap {
    order: 1;
    width: 42%;
    color: #fff;
}

#single-news-area .title-wrap {
    font-family: Nanum Myeongjo, sans-serif !important;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 1em;
}

#single-news-area .title-wrap h1,
#single-news-area .title-wrap h2,
#single-news-area .title-wrap h3 {
    font-weight: 900;
    font-size: 36px;
}


#single-news-area .text-wrap {
    font-size: 24px;
    font-weight: 700;
    margin-top: 2em;
    padding-right: 2%;
}

#single-news-area .button-wrap {
    border-radius: 10px;
    border: 3px solid var(--secondary-color);
    background: #FFF;
    text-decoration: none;
    padding: .8em 3em;
    display: inline-block;
    margin-top: 3em;
    font-family: Nanum Myeongjo, sans-serif !important;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 900;
    transition: all .25s linear;
}

#single-news-area .single-news p {
    margin-bottom: 1em;
}

#single-news-area .button-wrap:hover {
    background-color: var(--secondary-color);
    color: #fff;
}

@media only screen and (max-width: 960px) {
    #single-news-area .single-news {
        width: 100%;
    }

    #single-news-area .customInnerElement .image-wrap:before {
        display: none;
    }

    #single-news-area .customInnerElement .image-wrap {
        width: 100%;
    }

    #single-news-area .customInnerElement .content-wrap {
        width: 100%;
        z-index: 2;
    }

    #single-news-area .customInnerElement:after {
        content: close-quote;
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--primary-color);
        opacity: .9;
    }


    #single-news-area .title-wrap h1,
    #single-news-area .title-wrap h2,
    #single-news-area .title-wrap h3 {
        font-size: 28px;
    }

    #single-news-area .text-wrap {
        font-size: 18px;
    }

    #single-news-area .button-wrap {
        font-size: 16px;
        padding: .8em 2em;
        margin-top: 2em;
    }
}

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

    #single-news-area .title-wrap h1,
    #single-news-area .title-wrap h2,
    #single-news-area .title-wrap h3 {
        font-size: 24px;
    }

    #single-news-area {
        margin-top: 10px;
    }

    #single-news-area .single-news {
        padding: 40px 20px;
    }

    #single-news-area .text-wrap {
        padding-right: 0;
        margin-top: 1em;
        font-weight: 400;
    }

    #single-news-area .text-wrap {
        font-size: 16px;
    }
}

/* ----------- END Single News Area  ----------- */


/* ----------- START Video  ----------- */

@media only screen and (min-width: 1600px) {
    /* .main .view-container #view-video #video-component{
        border-top: 5px solid var(--header-accent-color);
        margin-top: 80px;
    } */

    .main .view-container #view-video #video-component .video-wrapper {
        max-width: 1000px;
    }


}

@media only screen and (min-width: 1280px) {

    .main .view-container #view-video #video-component .see-all-container,
    .main .view-container #view-video #video-component .video-info,
    .main .view-container #view-video #video-component .dots {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .main .view-container #view-video #video-component .light-header-accent {
        display: none;
    }
}



/* ----------- END Video  ----------- */


/* ----------- START Footer  ----------- */

#custom-footer-outer {
    background-color: var(--bgColor);
    color: var(--textColor);
    padding: 16px;
    --icon-size: 60px;
}

#custom-footer-outer .custom-footer-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#custom-footer-outer .custom-footer-left {
    width: 700px;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

#custom-footer-outer .footerLogo {
    margin-top: 1em;
}

#custom-footer-outer .footerLogo img {
    max-width: var(--logo-size-d);
}

#custom-footer-outer .footer-siteInfo-area {
    margin-top: 2.5em;
    font-size: 18px;
}

#custom-footer-outer .footerSocialIcons {
    display: flex;
    justify-content: center;
    gap: 3%;
    margin-top: 2.5em;
    margin-bottom: 2em;
}

#custom-footer-outer .footerSocialIcons svg {
    fill: var(--textColor);
    width: var(--icon-size);
    height: var(--icon-size);
}

#custom-footer-outer .footerSocialIcons a {
    transition: all .25s linear;
}

#custom-footer-outer .footerSocialIcons a:hover {
    opacity: .8;
}

#custom-footer-outer .footerMenu1 {
    margin-top: 1em;
    margin-bottom: 2em;
}

#custom-footer-outer a {
    color: inherit;
}

#custom-footer-outer .footerMenu1 a {
    border-radius: 10px;
    border: 1px solid var(--secondary-color);
    background: #FFF;
    text-decoration: none;
    padding: .8em 1.5em;
    display: inline-block;
    margin-top: 1em;
    font-size: 15px;
    text-transform: uppercase;
    transition: all .25s linear;
    color: #000;
    margin-left: .5em;
    margin-right: .5em;
}

#custom-footer-outer .footerMenu1 a:hover {
    background-color: var(--secondary-color);
    color: #fff;
}

#custom-footer-outer .copyright {
    font-size: 14px;
    margin-top: 3em;
}

#custom-footer-outer .copyright a {
    color: inherit;
    text-decoration: none;
}

#custom-footer-outer .custom-footer-right {
    width: calc(100% - 700px);
    /* max-width: 800px; */
}

#custom-footer-outer .footer-bg-image {
    width: 100%;
}

.footerImageBg {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
    max-height: 630px;
    box-sizing: content-box;
}

.footerImageBg .image-wrap {
    display: none;
}

.footerImageBg .image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footerImageBg .image-wrap:nth-child(1) {
    display: block;
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 4;
    grid-column-end: 2;
}

.footerImageBg .image-wrap:nth-child(2) {
    display: block;
    grid-row-start: 4;
    grid-column-start: 1;
    grid-row-end: 8;
    grid-column-end: 2;
}

.footerImageBg .image-wrap:nth-child(3) {
    display: block;
    grid-row-start: 1;
    grid-column-start: 2;
    grid-row-end: 6;
    grid-column-end: 3;
}

.footerImageBg .image-wrap:nth-child(4) {
    display: block;
    grid-row-start: 1;
    grid-column-start: 3;
    grid-row-end: 4;
    grid-column-end: 4;
}

.footerImageBg .image-wrap:nth-child(5) {
    display: block;
    grid-row-start: 4;
    grid-column-start: 3;
    grid-row-end: 8;
    grid-column-end: 4;
}

.footerImageBg .image-wrap:nth-child(6) {
    display: block;
    grid-row-start: 6;
    grid-column-start: 2;
    grid-row-end: 8;
    grid-column-end: 3;
}

.footerAppIcons {
    text-align: center;
}

.footerAppIcons a.google-play-buton {
    display: inline-block;
    width: 180px;
    height: 55px;
    margin: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 5px;
    transition: all .25s linear;
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 135 40' ><defs><linearGradient id='linear-gradient' x1='21.8' y1='33.16' x2='5.02' y2='16.37' gradientTransform='translate(0 41) scale(1 -1)' gradientUnits='userSpaceOnUse' ><stop offset='0' stop-color='%2300a0ff' /><stop offset='0' stop-color='%2300a1ff' /><stop offset='.26' stop-color='%2300beff' /><stop offset='.51' stop-color='%2300d2ff' /><stop offset='.76' stop-color='%2300dfff' /><stop offset='1' stop-color='%2300e3ff' /></linearGradient><linearGradient id='linear-gradient-2' x1='33.83' y1='21.86' x2='9.64' y2='21.86' gradientTransform='translate(0 41) scale(1 -1)' gradientUnits='userSpaceOnUse' ><stop offset='0' stop-color='%23ffe000' /><stop offset='.41' stop-color='%23ffbd00' /><stop offset='.78' stop-color='orange' /><stop offset='1' stop-color='%23ff9c00' /></linearGradient><linearGradient id='linear-gradient-3' x1='24.83' y1='19.57' x2='2.07' y2='-3.19' gradientTransform='translate(0 41) scale(1 -1)' gradientUnits='userSpaceOnUse' ><stop offset='0' stop-color='%23ff3a44' /><stop offset='1' stop-color='%23c31162' /></linearGradient><linearGradient id='linear-gradient-4' x1='7.3' y1='41.69' x2='17.46' y2='31.53' gradientTransform='translate(0 41) scale(1 -1)' gradientUnits='userSpaceOnUse' ><stop offset='0' stop-color='%2332a071' /><stop offset='.07' stop-color='%232da771' /><stop offset='.48' stop-color='%2315cf74' /><stop offset='.8' stop-color='%2306e775' /><stop offset='1' stop-color='%2300f076' /></linearGradient></defs><path d='M0,5C0,2.24,2.24,0,5,0h125c2.76,0,5,2.24,5,5v30c0,2.76-2.24,5-5,5H5c-2.76,0-5-2.24-5-5V5Z' style='fill:%23fff;' /><path d='M68.14,20.89c-2.35,0-4.27,1.79-4.27,4.25s1.92,4.25,4.27,4.25,4.27-1.8,4.27-4.25c0-2.46-1.92-4.25-4.27-4.25Zm0,6.83c-1.29,0-2.4-1.06-2.4-2.58s1.11-2.58,2.4-2.58,2.4,1.05,2.4,2.58-1.11,2.58-2.4,2.58Zm-9.31-6.83c-2.35,0-4.27,1.79-4.27,4.25s1.92,4.25,4.27,4.25,4.27-1.8,4.27-4.25-1.92-4.25-4.27-4.25Zm0,6.83c-1.29,0-2.4-1.06-2.4-2.58s1.11-2.58,2.4-2.58,2.4,1.05,2.4,2.58c0,1.51-1.11,2.58-2.4,2.58Zm-11.08-5.53v1.8h4.32c-.13,1.02-.47,1.76-.98,2.27-.63,.63-1.61,1.32-3.33,1.32-2.66,0-4.74-2.14-4.74-4.8s2.08-4.8,4.74-4.8c1.43,0,2.48,.56,3.25,1.29l1.27-1.27c-1.08-1.03-2.51-1.82-4.53-1.82-3.64,0-6.7,2.96-6.7,6.6s3.06,6.6,6.7,6.6c1.97,0,3.45-.64,4.61-1.85,1.19-1.19,1.56-2.87,1.56-4.22,0-.42-.03-.81-.1-1.13h-6.07Zm45.31,1.4c-.35-.95-1.43-2.71-3.64-2.71s-4.01,1.72-4.01,4.25c0,2.38,1.81,4.25,4.22,4.25,1.95,0,3.08-1.19,3.54-1.89l-1.45-.97c-.48,.71-1.14,1.18-2.09,1.18s-1.63-.44-2.06-1.29l5.69-2.35-.19-.48Zm-5.8,1.42c-.05-1.64,1.27-2.48,2.22-2.48,.74,0,1.37,.37,1.58,.9l-3.8,1.58Zm-4.62,4.12h1.87v-12.5h-1.87v12.5Zm-3.06-7.3h-.06c-.42-.5-1.22-.95-2.24-.95-2.13,0-4.08,1.87-4.08,4.27s1.95,4.24,4.08,4.24c1.01,0,1.82-.45,2.24-.97h.06v.61c0,1.63-.87,2.5-2.27,2.5-1.14,0-1.85-.82-2.14-1.51l-1.63,.68c.47,1.13,1.71,2.51,3.77,2.51,2.19,0,4.04-1.29,4.04-4.43v-7.64h-1.77v.69h0Zm-2.14,5.88c-1.29,0-2.37-1.08-2.37-2.56s1.08-2.59,2.37-2.59,2.27,1.1,2.27,2.59-1,2.56-2.27,2.56Zm24.38-11.08h-4.47v12.5h1.86v-4.74h2.61c2.07,0,4.1-1.5,4.1-3.88s-2.03-3.88-4.1-3.88Zm.05,6.02h-2.65v-4.28h2.65c1.4,0,2.19,1.16,2.19,2.14s-.79,2.14-2.19,2.14Zm11.53-1.8c-1.35,0-2.75,.6-3.33,1.91l1.66,.69c.35-.69,1.01-.92,1.71-.92,.97,0,1.95,.58,1.96,1.61v.13c-.34-.19-1.06-.48-1.95-.48-1.78,0-3.6,.98-3.6,2.81,0,1.67,1.46,2.75,3.1,2.75,1.25,0,1.95-.56,2.38-1.22h.06v.97h1.8v-4.79c0-2.22-1.66-3.46-3.79-3.46Zm-.23,6.85c-.61,0-1.46-.31-1.46-1.06,0-.96,1.06-1.33,1.98-1.33,.82,0,1.21,.18,1.7,.42-.14,1.16-1.14,1.98-2.22,1.98Zm10.58-6.58l-2.14,5.42h-.06l-2.22-5.42h-2.01l3.33,7.57-1.9,4.21h1.95l5.13-11.79h-2.08Zm-16.81,8h1.87v-12.5h-1.87v12.5Z' /><path d='M47.42,9.38c0,.84-.25,1.51-.74,2-.56,.59-1.3,.89-2.2,.89s-1.6-.3-2.21-.9c-.61-.6-.91-1.35-.91-2.23s.3-1.63,.91-2.23c.6-.6,1.34-.9,2.21-.9,.43,0,.84,.08,1.23,.25,.39,.17,.7,.39,.94,.67l-.53,.53c-.4-.48-.94-.71-1.64-.71-.63,0-1.18,.22-1.64,.67-.46,.44-.69,1.02-.69,1.73s.23,1.29,.69,1.73c.46,.44,1.01,.67,1.64,.67,.67,0,1.23-.22,1.68-.67,.29-.29,.46-.7,.5-1.22h-2.18v-.72h2.91c.03,.16,.04,.31,.04,.45Z' style='fill:%2302243e;' /><path d='M52.03,6.87h-2.73v1.9h2.46v.72h-2.46v1.9h2.73v.74h-3.5V6.14h3.5v.74Z' style='fill:%2302243e;' /><path d='M55.28,12.14h-.77V6.87h-1.68v-.74h4.12v.74h-1.68v5.26Z' style='fill:%2302243e;' /><path d='M59.94,12.14V6.14h.77v6h-.77Z' style='fill:%2302243e;' /><path d='M64.13,12.14h-.77V6.87h-1.68v-.74h4.12v.74h-1.68v5.26Z' style='fill:%2302243e;' /><path d='M73.61,11.36c-.59,.61-1.32,.91-2.2,.91s-1.61-.3-2.2-.91c-.59-.61-.88-1.35-.88-2.22s.29-1.62,.88-2.23c.59-.61,1.32-.91,2.2-.91s1.6,.3,2.2,.91c.59,.61,.89,1.35,.89,2.22s-.29,1.62-.88,2.22Zm-3.83-.5c.44,.45,.99,.67,1.63,.67s1.19-.23,1.63-.67c.44-.45,.67-1.02,.67-1.72s-.22-1.27-.67-1.72c-.44-.45-.99-.67-1.63-.67s-1.19,.23-1.63,.67c-.44,.45-.67,1.02-.67,1.72s.22,1.27,.67,1.72Z' style='fill:%2302243e;' /><path d='M75.57,12.14V6.14h.94l2.92,4.67h.03l-.03-1.16v-3.51h.77v6h-.81l-3.05-4.89h-.03l.03,1.16v3.74h-.77Z' style='fill:%2302243e;' /><path d='M47.42,9.38c0,.84-.25,1.51-.74,2-.56,.59-1.3,.89-2.2,.89s-1.6-.3-2.21-.9c-.61-.6-.91-1.35-.91-2.23s.3-1.63,.91-2.23c.6-.6,1.34-.9,2.21-.9,.43,0,.84,.08,1.23,.25,.39,.17,.7,.39,.94,.67l-.53,.53c-.4-.48-.94-.71-1.64-.71-.63,0-1.18,.22-1.64,.67-.46,.44-.69,1.02-.69,1.73s.23,1.29,.69,1.73c.46,.44,1.01,.67,1.64,.67,.67,0,1.23-.22,1.68-.67,.29-.29,.46-.7,.5-1.22h-2.18v-.72h2.91c.03,.16,.04,.31,.04,.45Z' style='stroke:%23fff; stroke-miterlimit:10; stroke-width:.2px;' /><path d='M52.03,6.87h-2.73v1.9h2.46v.72h-2.46v1.9h2.73v.74h-3.5V6.14h3.5v.74Z' style='stroke:%23fff; stroke-miterlimit:10; stroke-width:.2px;' /><path d='M55.28,12.14h-.77V6.87h-1.68v-.74h4.12v.74h-1.68v5.26Z' style='stroke:%23fff; stroke-miterlimit:10; stroke-width:.2px;' /><path d='M59.94,12.14V6.14h.77v6h-.77Z' style='stroke:%23fff; stroke-miterlimit:10; stroke-width:.2px;' /><path d='M64.13,12.14h-.77V6.87h-1.68v-.74h4.12v.74h-1.68v5.26Z' style='stroke:%23fff; stroke-miterlimit:10; stroke-width:.2px;' /><path d='M73.61,11.36c-.59,.61-1.32,.91-2.2,.91s-1.61-.3-2.2-.91c-.59-.61-.88-1.35-.88-2.22s.29-1.62,.88-2.23c.59-.61,1.32-.91,2.2-.91s1.6,.3,2.2,.91c.59,.61,.89,1.35,.89,2.22s-.29,1.62-.88,2.22Zm-3.83-.5c.44,.45,.99,.67,1.63,.67s1.19-.23,1.63-.67c.44-.45,.67-1.02,.67-1.72s-.22-1.27-.67-1.72c-.44-.45-.99-.67-1.63-.67s-1.19,.23-1.63,.67c-.44,.45-.67,1.02-.67,1.72s.22,1.27,.67,1.72Z' style='stroke:%23fff; stroke-miterlimit:10; stroke-width:.2px;' /><path d='M75.57,12.14V6.14h.94l2.92,4.67h.03l-.03-1.16v-3.51h.77v6h-.81l-3.05-4.89h-.03l.03,1.16v3.74h-.77Z' style='stroke:%23fff; stroke-miterlimit:10; stroke-width:.2px;' /><g><path d='M10.44,6.67c-.29,.31-.46,.79-.46,1.41V30.19c0,.62,.17,1.1,.46,1.41l.07,.07,12.39-12.39v-.29L10.51,6.6l-.07,.07Z' style='fill:url(%23linear-gradient);' /><path d='M27.03,23.41l-4.13-4.13v-.29l4.13-4.13,.09,.05,4.89,2.78c1.4,.79,1.4,2.09,0,2.89l-4.89,2.78-.09,.05Z' style='fill:url(%23linear-gradient-2);' /><path d='M27.12,23.36l-4.22-4.22-12.46,12.46c.46,.49,1.22,.55,2.08,.06l14.61-8.3Z' style='fill:url(%23linear-gradient-3);' /><path d='M27.12,14.91L12.51,6.61c-.86-.49-1.62-.43-2.08,.06l12.46,12.46,4.22-4.22Z' style='fill:url(%23linear-gradient-4);' /></g></svg>");
}

.footerAppIcons a.ios-button {
    display: inline-block;
    width: 180px;
    height: 55px;
    margin: 5px;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 5px;
    transition: all .25s linear;
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 135 40'><path d='M0,5C0,2.24,2.24,0,5,0h125c2.76,0,5,2.24,5,5v30c0,2.76-2.24,5-5,5H5c-2.76,0-5-2.24-5-5V5Z' style='fill:%23fff;' /><path d='M81.53,19.2v2.29h-1.44v1.5h1.44v5.1c0,1.74,.79,2.44,2.77,2.44,.35,0,.68-.04,.97-.09v-1.49c-.25,.02-.41,.04-.68,.04-.89,0-1.28-.42-1.28-1.36v-4.65h1.96v-1.5h-1.96v-2.29h-1.78Z' /><path d='M90.32,30.66c2.64,0,4.26-1.77,4.26-4.7s-1.63-4.69-4.26-4.69-4.27,1.78-4.27,4.69,1.62,4.7,4.27,4.7Zm0-1.59c-1.55,0-2.42-1.14-2.42-3.11s.87-3.1,2.42-3.1,2.42,1.15,2.42,3.1-.88,3.11-2.42,3.11Z' /><path d='M95.97,30.49h1.78v-5.34c0-1.27,.95-2.12,2.31-2.12,.32,0,.85,.06,1,.11v-1.76c-.19-.05-.53-.07-.8-.07-1.18,0-2.18,.65-2.44,1.54h-.13v-1.39h-1.72v9.04Z' /><path d='M105.49,22.8c1.32,0,2.18,.92,2.22,2.34h-4.57c.1-1.41,1.02-2.34,2.34-2.34Zm2.22,5.25c-.33,.71-1.07,1.1-2.15,1.1-1.43,0-2.35-1-2.41-2.59v-.1h6.38v-.62c0-2.84-1.52-4.56-4.03-4.56s-4.17,1.83-4.17,4.72,1.58,4.67,4.17,4.67c2.07,0,3.51-1,3.92-2.61h-1.72Z' /><path d='M69.82,27.15c.14,2.22,1.99,3.64,4.74,3.64,2.94,0,4.78-1.49,4.78-3.86,0-1.87-1.05-2.9-3.6-3.49l-1.37-.34c-1.62-.38-2.27-.89-2.27-1.77,0-1.12,1.02-1.85,2.54-1.85s2.44,.71,2.62,1.86h1.88c-.11-2.09-1.95-3.56-4.47-3.56-2.71,0-4.52,1.47-4.52,3.68,0,1.82,1.02,2.91,3.27,3.43l1.6,.39c1.64,.39,2.37,.95,2.37,1.9,0,1.1-1.14,1.9-2.68,1.9-1.66,0-2.81-.75-2.98-1.93h-1.91Z' /><path d='M51.33,21.3c-1.23,0-2.29,.61-2.84,1.64h-.13v-1.49h-1.72v12.04h1.78v-4.37h.14c.47,.95,1.49,1.52,2.78,1.52,2.28,0,3.74-1.8,3.74-4.67s-1.45-4.67-3.75-4.67Zm-.51,7.74c-1.49,0-2.43-1.18-2.43-3.06s.94-3.07,2.44-3.07,2.42,1.15,2.42,3.06-.9,3.07-2.42,3.07Z' /><path d='M61.33,21.3c-1.23,0-2.29,.61-2.84,1.64h-.13v-1.49h-1.72v12.04h1.78v-4.37h.14c.47,.95,1.49,1.52,2.78,1.52,2.28,0,3.74-1.8,3.74-4.67s-1.45-4.67-3.75-4.67Zm-.51,7.74c-1.49,0-2.43-1.18-2.43-3.06s.94-3.07,2.44-3.07,2.42,1.15,2.42,3.06-.9,3.07-2.42,3.07Z' /><path d='M43.44,30.49h2.05l-4.48-12.41h-2.07l-4.48,12.41h1.98l1.14-3.3h4.73l1.14,3.3Zm-3.57-10.16h.15l1.8,5.25h-3.75l1.81-5.25Z' /><path d='M35.65,8.71v5.99h2.16c1.78,0,2.82-1.1,2.82-3.01s-1.04-2.98-2.82-2.98h-2.16Zm.93,.85h1.13c1.24,0,1.98,.79,1.98,2.14s-.72,2.15-1.98,2.15h-1.13v-4.3Z' /><path d='M43.8,14.79c1.32,0,2.13-.88,2.13-2.35s-.81-2.34-2.13-2.34-2.13,.89-2.13,2.34,.81,2.35,2.13,2.35Zm0-.79c-.78,0-1.21-.57-1.21-1.56s.44-1.55,1.21-1.55,1.21,.57,1.21,1.55-.44,1.56-1.21,1.56Z' /><path d='M52.82,10.18h-.89l-.81,3.45h-.07l-.93-3.45h-.85l-.93,3.45h-.07l-.81-3.45h-.9l1.25,4.52h.92l.93-3.33h.07l.93,3.33h.93l1.24-4.52Z' /><path d='M53.85,14.7h.89v-2.64c0-.71,.42-1.15,1.08-1.15s.98,.36,.98,1.09v2.7h.89v-2.93c0-1.07-.56-1.68-1.56-1.68-.68,0-1.13,.3-1.35,.81h-.07v-.72h-.86v4.52Z' /><path d='M59.09,14.7h.89v-6.28h-.89v6.28Z' /><path d='M63.34,14.79c1.32,0,2.13-.88,2.13-2.35s-.81-2.34-2.13-2.34-2.13,.89-2.13,2.34,.81,2.35,2.13,2.35Zm0-.79c-.78,0-1.21-.57-1.21-1.56s.44-1.55,1.21-1.55,1.21,.57,1.21,1.55-.44,1.56-1.21,1.56Z' /><path d='M68.13,14.02c-.49,0-.84-.24-.84-.64s.28-.61,.9-.65l1.1-.07v.38c0,.56-.5,.99-1.17,.99Zm-.23,.75c.59,0,1.09-.26,1.36-.71h.07v.64h.86v-3.09c0-.95-.64-1.52-1.77-1.52-1.03,0-1.76,.5-1.85,1.27h.86c.1-.32,.44-.5,.94-.5,.61,0,.93,.27,.93,.75v.39l-1.22,.07c-1.07,.07-1.68,.54-1.68,1.35s.63,1.35,1.51,1.35Z' /><path d='M73.21,14.77c.62,0,1.15-.29,1.42-.79h.07v.71h.85v-6.28h-.89v2.48h-.07c-.24-.5-.77-.79-1.39-.79-1.14,0-1.88,.9-1.88,2.33s.73,2.34,1.88,2.34Zm.25-3.87c.75,0,1.22,.59,1.22,1.54s-.46,1.53-1.22,1.53-1.21-.58-1.21-1.54,.46-1.53,1.21-1.53Z' /><path d='M81.34,14.79c1.32,0,2.13-.88,2.13-2.35s-.81-2.34-2.13-2.34-2.13,.89-2.13,2.34,.81,2.35,2.13,2.35Zm0-.79c-.78,0-1.21-.57-1.21-1.56s.44-1.55,1.21-1.55,1.21,.57,1.21,1.55-.44,1.56-1.21,1.56Z' /><path d='M84.65,14.7h.89v-2.64c0-.71,.42-1.15,1.08-1.15s.98,.36,.98,1.09v2.7h.89v-2.93c0-1.07-.56-1.68-1.56-1.68-.68,0-1.13,.3-1.35,.81h-.07v-.72h-.86v4.52Z' /><path d='M92.6,9.06v1.15h-.72v.75h.72v2.55c0,.87,.39,1.22,1.39,1.22,.17,0,.34-.02,.49-.05v-.74c-.12,.01-.2,.02-.34,.02-.44,0-.64-.21-.64-.68v-2.32h.98v-.75h-.98v-1.15h-.89Z' /><path d='M95.67,14.7h.89v-2.64c0-.68,.41-1.15,1.14-1.15,.63,0,.97,.37,.97,1.09v2.7h.89v-2.92c0-1.07-.59-1.68-1.56-1.68-.68,0-1.16,.3-1.38,.81h-.07v-2.49h-.88v6.28Z' /><path d='M102.78,10.85c.66,0,1.09,.46,1.11,1.17h-2.28c.05-.71,.51-1.17,1.17-1.17Zm1.11,2.63c-.17,.35-.54,.55-1.07,.55-.71,0-1.17-.5-1.2-1.29v-.05h3.19v-.31c0-1.42-.76-2.28-2.02-2.28s-2.08,.92-2.08,2.36,.79,2.33,2.09,2.33c1.03,0,1.76-.5,1.96-1.31h-.86Z' /><path d='M24.77,20.3c.02-1.68,.92-3.27,2.36-4.15-.9-1.29-2.42-2.11-3.99-2.16-1.68-.18-3.31,1-4.16,1s-2.19-.99-3.61-.96c-1.85,.06-3.57,1.11-4.47,2.73-1.93,3.35-.49,8.27,1.36,10.98,.93,1.33,2.01,2.81,3.43,2.75,1.39-.06,1.91-.88,3.58-.88s2.14,.88,3.59,.85c1.49-.02,2.43-1.33,3.32-2.67,.67-.94,1.18-1.99,1.52-3.09-1.75-.74-2.92-2.5-2.92-4.4Z' /><path d='M22.04,12.21c.81-.97,1.21-2.23,1.11-3.49-1.24,.13-2.39,.72-3.21,1.66-.8,.92-1.22,2.15-1.14,3.36,1.24,.01,2.46-.56,3.24-1.53Z' /></svg>");
}


@media only screen and (max-width: 1500px) {
    #custom-footer-outer .custom-footer-left {
        width: 600px;
    }

    #custom-footer-outer .custom-footer-right {
        width: calc(100% - 600px);
    }

    #custom-footer-outer {
        --icon-size: 50px;
    }
}


@media only screen and (max-width: 1300px) {
    #custom-footer-outer .custom-footer-left {
        width: 500px;
    }

    #custom-footer-outer .custom-footer-right {
        width: calc(100% - 500px);
    }

    #custom-footer-outer {
        --icon-size: 40px;
    }

    #custom-footer-outer .footerMenu1 a {
        font-size: 14px;
    }

    #custom-footer-outer .footer-siteInfo-area {
        margin-top: 1.5em;
    }

    #custom-footer-outer .footerSocialIcons {
        margin-top: 1.2em;
        margin-bottom: 1.2em;
    }

    #custom-footer-outer .footerMenu1 {
        margin-bottom: 1em;
    }

    #custom-footer-outer .copyright {
        margin-top: 2em;
    }
}


@media only screen and (max-width: 1100px) {
    #custom-footer-outer .custom-footer-left {
        width: 450px;
    }

    #custom-footer-outer .custom-footer-right {
        width: calc(100% - 450px);
    }
}

@media only screen and (max-width: 1024px) {
    #custom-footer-outer .custom-footer-left {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    #custom-footer-outer .custom-footer-right {
        width: 100%;
    }
}


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

    .footerAppIcons a.google-play-buton,
    .footerAppIcons a.ios-button {
        width: 136px;
        height: 40px;
    }

    #custom-footer-outer .footerLogo img {
        max-width: var(--logo-size-m);
    }

    #custom-footer-outer .custom-footer-left {
        padding-left: 15px;
        padding-right: 15px;
    }

    #custom-footer-outer {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

    #custom-footer-outer .footer-siteInfo-area {
        font-size: 16px;
    }

    .footerImageBg {
        gap: 8px;
    }
}

#custom-footer-outer #footer-menus .text-wrap {
    font-size: 15px;
}

/* ----------- END Footer  ----------- */


/* Events */
body {
    --gradient-bg: linear-gradient(90deg, #C33757 15.65%, #D14900 87.69%, #FCB040 151.26%);
}

.theme-1 #home .events-e6 {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.theme-1 #home .events-e6::after {
    content: no-close-quote;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: url(https://cmsv2-shared-assets.apptegy.net/Schools/Baltimore-City-Public-Schools-3843/Images/events-bg.jpg) no-repeat center center;
    background-size: cover;
    opacity: 0.6;
}

.theme-1 .events-e6 .see-all-container h2 {
    position: relative;
    isolation: isolate;
    padding: 20px 20px 20px 0;
    border-radius: 0px 10px 10px 0;
    background: rgba(255, 255, 255, 0.9);
}

.theme-1 .events-e6 .see-all-container h2::after {
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    content: no-close-quote;
    width: 100vw;
}

.theme-1 #home .events-e6 .events-container .logo {
    display: none;
}

.theme-1 #home .events-e6 .events-container .events-wrapper {
    width: 100%;
    box-sizing: border-box;
}

.theme-1 #home .events-e6 .events-container .events-wrapper .event-card {
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    flex-direction: row;
    gap: 5px;
    position: relative;
    isolation: isolate;
    background: transparent;
}

.theme-1 #home .events-e6 .events-container .events-wrapper .event-card::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: close-quote;
    z-index: -1;
    background: var(--event-bg-color-1);
    opacity: 0.90;
}

.theme-1 #home .events-e6 .events-container .events-wrapper .event-card .start-date {
    background: var(--event-date-border-color);
    color: var(--button-text-color);
    border: 0;
    height: auto;
    width: auto;
    min-width: 70px;
    box-sizing: border-box;
    padding: 10px 8px;
    font-family: Nanum Myeongjo, sans-serif !important;
    font-weight: 800;
}

.baltimore-city-public-schools.theme-1 #home .events-e6 .events-container .events-wrapper .event-card .start-date {
    background: var(--gradient-bg, var(--event-date-border-color));
}

.theme-1 .events-container .events-wrapper .event-card .start-date .month {
    font-size: 24px;
    line-height: 1.3;
}

.theme-1 .events-container .events-wrapper .event-card .start-date .date-number {
    font-size: 36px;
    line-height: 1.3;
}

.theme-1 #home .events-e6 .events-container .events-wrapper .event-card .details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px;
}

.theme-1 #home .events-e6 .events-container .events-wrapper .event-card .details .event-title {
    margin-top: 0;
    font-weight: 700;
}

.theme-1 #home .events-e6 .events-container .events-wrapper .event-card .details .event-dates {
    margin-top: 5px;
}

.theme-1 .events-e6 .see-all-container.see-all-top .light-header-accent {
    display: none !important;
}

@media only screen and (min-width: 1200px) {
    #home .events-e6 {
        padding-bottom: 70px;
    }

    #home .events-e6 .see-all-container {
        margin-bottom: 50px;
    }

    #home .events-e6 .see-all-container,
    #home .events-e6 .events-container {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    #home .events-e6 .events-container .events-wrapper {
        column-gap: 5%;
        row-gap: 50px;
    }
}

/* End Events */

/* Live Feed */
#home .live-feed-lf7 .posts-wrapper {
    flex-wrap: wrap;
    row-gap: 15px;
    justify-content: space-between;
}

#home .live-feed-lf7 .posts-wrapper .card-content {
    margin: 0 !important;
    width: 100%;
}

#home .live-feed-lf7 .posts-wrapper .card-content .post {
    width: 100%;
    max-width: 100%;
    min-height: inherit;
    border-radius: 10px;
    box-shadow: 0px 2px 50px -7px rgba(0, 0, 0, 0.10);
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.live-feed-lf7 .posts-wrapper .card-content .post::after {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: no-close-quote;
    background: linear-gradient(91deg, rgba(0, 0, 0, 0.3) 31.53%, rgba(0, 0, 0, 0.1) 62.94%, rgba(0, 0, 0, 0) 99.5%);
}

.live-feed-lf7 .posts-wrapper .card-content:not(:nth-child(-n+4)),
.live-feed-lf7 .card-slider .nav {
    display: none;
}

#home .posts-wrapper .card-content .post .post-info {
    position: relative;
    min-height: 45px;
    padding-left: 55px;
    flex-wrap: wrap;
}

#home .posts-wrapper .card-content .post .post-info img {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
    object-fit: cover;
    width: 45px;
    height: 45px;
}

#home .posts-wrapper .card-content .post .post-info span:not(.author):not(.time-ago) {
    display: none;
}

#home .posts-wrapper .card-content .post .post-info .author {
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
    margin-top: auto;
}

.posts-wrapper .card-content .post .post-info .time-ago {
    margin-bottom: auto;
}

#home .posts-wrapper .card-content .post .thumbnails-wrapper {
    row-gap: 5px;
    height: auto;
}

@media only screen and (min-width: 600px) {
    #home .live-feed-lf7 .posts-wrapper {
        gap: 2%;
        row-gap: 15px;
    }

    #home .live-feed-lf7 .posts-wrapper .card-content {
        width: 48%;
    }
}

@media only screen and (min-width: 890px) {
    #home .live-feed-lf7 .posts-wrapper {
        gap: 2%;
    }

    #home .live-feed-lf7 .posts-wrapper .card-content {
        width: 32%;
    }

    .live-feed-lf7 .posts-wrapper .card-content:not(:nth-child(-n+3)) {
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    #home .live-feed-lf7 {
        margin: 60px auto 40px;
        border-top: 5px solid var(--header-accent-color);
        border-bottom: 5px solid var(--header-accent-color);
        max-width: 90%;
        padding-bottom: 60px;
        padding-top: 50px;
    }

    #home .live-feed-lf7 .posts-wrapper {
        gap: 4%;
    }

    #home .live-feed-lf7 .posts-wrapper .card-content {
        width: 30%;
    }

    #home .posts-wrapper .card-content .post .post-info {
        min-height: 70px;
        padding-left: 90px;
    }

    #home .posts-wrapper .card-content .post .post-info img {
        width: 70px;
        height: 70px;
    }

    .posts-wrapper .card-content .post .post-status {
        font-size: 20px;
        line-height: 1.3;
    }

    #home .posts-wrapper .card-content .post .thumbnails-wrapper {
        min-height: 70px;
    }

    #home .posts-wrapper .card-content .post .thumbnails-wrapper .live-feed-image-thumbnail {
        width: 98px;
        height: 70px;
    }

    .see-all-container.see-all-top .light-header-accent {
        display: none !important;
    }
}

/* End Live Feed  */


/* --------- START Standard Button -------------- */

a.button.square.dark.style-1,
a.button.square.dark.style-2 {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, var(--primary-color) 36%, #000000d6 100%);
    position: relative;
    font-size: 22px;
    border-radius: .25em;
    width: 300px;
    max-width: 300px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s linear;
}

a.button.square.dark.style-1:hover,
a.button.square.dark.style-2:hover {
    background: linear-gradient(180deg, #000000d6 0%, var(--primary-color) 36%, rgba(255, 255, 255, 0.15) 100%);
}

a.button.square.dark.style-2 svg {
    display: none;
}

a.button.square.dark.style-1:after,
a.button.square.dark.style-2:after {
    content: close-quote;
    display: block;
    background-color: var(--primary-color);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .75;
    border-radius: .25em;
}

a.button.square.dark.style-1 .title,
a.button.square.dark.style-2 .title {
    position: relative;
    z-index: 1;
    font-size: 1em;
    line-height: 1.2;
    font-weight: 500;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
}

a.button.square.dark.style-1 .icon-wrapper {
    position: relative;
    z-index: 1;
    height: unset;
    margin: 0;
}

a.button.square.dark.style-1 .icon-wrapper .raw-svg span {
    height: unset;
}

a.button.square.dark.style-1 .icon-wrapper .raw-svg span svg {
    margin-top: .5em;
    margin-bottom: .5em;
}

/* --------- END Standard Button -------------- */



/* --------- START Add title to page image -------------- */

#page .row.ts-full-width-row:nth-child(1) .ts-full-width .image-container {
    font-size: 0;
    position: relative;
}

.customHeroSection {
    height: 300px;
    position: relative;
}

.customHeroSection .pageTitle {
    position: absolute;
    left: 0;
    bottom: 40px;
    padding-left: 7.6%;
    padding-right: 1.5%;
    display: flex;
    align-items: flex-end;
    justify-content: start;
    color: #fff;
    font-size: 46px;
    z-index: 9;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--primary-color);
}

.customHeroSection img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 667px) {
    .customHeroSection .pageTitle {
        min-height: 200px;
        font-size: 25px;
        text-align: center;
    }
}

/* New Page Builder */
  #page .full-width-column:nth-child(1) .full-width-column .pb-image {
    font-size: 0;
    position: relative;
}
/* --------- END Add title to page image -------------- */


/* --------- START Back to Top -------------- */

#backToTop {
    visibility: hidden;
    position: fixed;
    bottom: 20px;
    right: 5px;
    z-index: 99999;
    opacity: 0.6;
    padding: 3px 11px 7px;
    background: rgba(0, 0, 0, 0.7);
    border: 1px solid #fff;
    cursor: pointer;
    color: #fff;
    border-radius: 0.25rem;
}

#backToTop:hover {
    opacity: 1;
}

#backToTop svg {
    vertical-align: middle;
}

@media only screen and (min-width: 1000px) {
    #backToTop {
        right: 20px;
    }
}

/* --------- END Back to Top -------------- */



/* --------- NEW NEWS SECTION START  --------- */

.custom-news-area {
    padding: 40px 32px;
}

@media screen and (min-width: 1200px) {
    .custom-news-area {
        margin-top: 80px;
        border-top: 5px solid var(--primary-color);
        border-bottom: 5px solid var(--primary-color);
        max-width: 90%;
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto;
    }
}

.section-title-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.custom-news-area .custom-news .custom-news__inner {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    row-gap: 24px;
    height: 100%;
}

.article-item {
    text-decoration: none;
    display: flex;

    border-radius: 10px;
    /* overflow: hidden; */
}

.custom-news-area .article-item {
    box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.25);
}

.custom-news-area .article-item {
    margin-left: 6%;
}

.custom-news-area .article-item:nth-child(1) {
    grid-row-start: 1;
    grid-column-start: 1;

    grid-row-end: 4;
    grid-column-end: 2;
}


.custom-news-area .article-item:nth-child(2) {
    grid-row-start: 1;
    grid-column-start: 2;

    grid-row-end: 2;
    grid-column-end: 3;
}

.custom-news-area .article-item:nth-child(3) {
    grid-row-start: 2;
    grid-column-start: 2;
    grid-row-end: 3;
    grid-column-end: 3;
}

.custom-news-area .article-item:nth-child(4) {
    grid-row-start: 3;
    grid-column-start: 2;

    grid-row-end: 4;
    grid-column-end: 3;
}

.article-image-container img {
    max-width: 100%;
}

.article-title {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;
}

#home .custom-news-area .article-item:not(:nth-child(1)) .article-image-container img {
    max-height: 215px;
}

#home .article-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: .5em;
}

#home .article-content,
#news-article .article-content h1,
#news-article .article-content h2,
#news-article .article-content h3 {
    color: var(--primary-color);
}

#home .article-content {
    display: flex;
    flex-wrap: wrap;
}

#home .article-content .article-text,
#home .article-content .read-more {
    display: block;
}

#home .article-content .article-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.read-more {
    font-weight: 700;
    margin-top: .5em;
}

.article-item .article-image {
    max-width: 300px;
    width: 36%;
    height: 100%;
    flex-shrink: 0;
    overflow: hidden;
    font-size: 0;
}

.article-item .article-image img {
    -webkit-animation: fadein-328bd941 1s ease-in-out;
    animation: fadein-328bd941 1s ease-in-out;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
}

.article-item .article-image img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.article-item .article-image-container {
    width: 100%;
    height: 100%;
}

.article-item .article-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.article-item .article-content {
    padding-left: 25px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 65%;
}

.custom-news-area .article-text,
.custom-news-area .read-more {
    display: none;
}

@media screen and (min-width: 1200px) {

    .custom-news-area .article-item:nth-child(1) {
        background-color: var(--primary-color);
        display: block;
        padding-left: 0;
        color: #fff;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        overflow: hidden;
        margin-left: 0;
    }



    .custom-news-area .article-item:nth-child(1) .article-image-container {
        display: block;
        padding-top: 65%;
        position: relative;
        height: unset;
        overflow: hidden;
    }

    .custom-news-area .article-item:nth-child(1) .article-image-container:after {
        content: close-quote;
        display: block;
        width: 100%;
        height: 20%;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        background: linear-gradient(180deg, rgba(251, 253, 255, 0) 0%, var(--primary-color) 100%);
    }

    .custom-news-area .article-item:nth-child(1) .article-image-container img {
        -webkit-animation: fadein-328bd941 1s ease-in-out;
        animation: fadein-328bd941 1s ease-in-out;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        -webkit-transition: -webkit-transform .5s ease;
        transition: -webkit-transform .5s ease;
        transition: transform .5s ease;
        transition: transform .5s ease, -webkit-transform .5s ease;
    }

    .custom-news-area .article-item:nth-child(1) .article-content {
        color: #fff;
        padding-left: 20px;
        display: block;
        padding-top: 20px;
        width: 100%;
        box-sizing: border-box;
        padding-bottom: 15px;
    }

    #home .custom-news-area .article-item:nth-child(1) .article-content {
        color: #fff;
    }

    .custom-news-area .article-item:nth-child(1) .article-text,
    .custom-news-area .article-item:nth-child(1) .read-more {
        display: block;
    }


    .custom-news-area .article-item:nth-child(1) .article-title {
        margin-bottom: .5em;
    }

}

@media screen and (max-width: 1550px) {
    #home .article-content {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    #home .article-title {
        font-size: 18px;
    }

    #home .custom-news-area .article-item:nth-child(1) .article-title {
        font-size: 22px;
    }

    #home .custom-news-area .article-item:not(:nth-child(1)) .article-image-container img {
        max-height: 175px;
    }
}

@media screen and (max-width: 1350px) {
    #home .custom-news-area .article-item:not(:nth-child(1)) .article-image-container img {
        max-height: 165px;
    }

    #home .article-title {
        line-height: 1.1;
    }
}

@media screen and (max-width: 1199px) {
    .custom-news-area .custom-news .custom-news__inner {
        display: block;
    }

    .custom-news-area .article-item {
        margin-left: 0;
        margin-bottom: 25px;
    }
}



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

    .article-item {
        display: block;
    }

    .article-title {
        font-size: 18px;
    }

    .article-item .article-content {
        width: 100%;
    }

    .custom-news-area {
        padding: 30px 20px;
    }
}


.filtered-news-page .article-item {
    width: 100%;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-radius: 0;
    border-bottom: 1px solid lightgrey;
    align-items: center;
}

.filtered-news-page .article-item .article-content {
    width: 100%;
    display: block;
    color: #000;
}

.filtered-news-page .article-title {
    margin-bottom: .5em;
}

.filtered-news-page .article-text {
    margin-bottom: .75em;
}

.filtered-news-page .article-item .article-image-container img {
    border-radius: 0;
}


@media screen and (max-width: 767px) {
    .filtered-news-page .article-item .article-content {
        padding-left: 0;
        padding-right: 0;
    }

}

/* --------- NEW NEWS SECTION START  --------- */

/* --------- ADD DEFAULT IMAGE TO NEWS ARTICLE  --------- */

#news-list .article-image {
    width: 20%;
    float: left;
    height: auto;
    background: #fff;
    padding-right: 20px;
}

#news-list .article-image img {
    width: 100%;
    height: auto;
}

/* --------- ADD DEFAULT IMAGE TO NEWS ARTICLE  --------- */


#home #news-n6 {
    max-width: 90%;
    margin: auto;
    box-sizing: content-box;
}

#home #news-n6 .nav .button-section {
    margin-left: 0;
}


/* --------- START Custom Dropdown Filters -------------- */
#news-list .page-container .filter,
#live-feed .page-container .filter,
#staff .page-container #filter-container {
    margin-top: 10px;
    margin-bottom: 20px;
    max-width: 100%;
}

#news-list .page-container .filter select,
#live-feed .page-container .filter select,
#staff .page-container #filter-container button {
    max-width: 100%;
    width: 300px;
    margin: 0;
    font-size: 18px;
    background: linear-gradient(45deg, transparent 50%, #FFF 50%), linear-gradient(135deg, #FFF 50%, transparent 50%), linear-gradient(to right, var(--heading-color), var(--heading-color));
    background-position: calc(100% - 21px) calc(1em + 2px), calc(100% - 16px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    border: thin solid var(--heading-color);
    color: var(--heading-color);
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    border-radius: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#news-list .page-container .filter select:focus,
#live-feed .page-container .filter select:focus,
#staff .page-container #filter-container button:focus {
    background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), linear-gradient(to right, gray, gray);
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
    border-color: grey;
    outline: 0;
}

#news-list .page-container .filter select option,
#live-feed .page-container .filter select option,
#staff .page-container #filter-container button option {
    background: var(--heading-color);
    color: #FFF;
}
/* --------- END Custom Dropdown Filters -------------- */