/*==========================================*/
/*=====----- ADDTHIS SHARE BUTTON -----=====*/
/*==========================================*/

.icc .panel-navigation-share {
    margin-bottom: 22px;
}

.icc .share-buttons .addthis_toolbox a {
    color: var(--navy);
}

.icc .share-buttons .addthis_toolbox a i.fa-share::before {
    background-image: url('/includes/public/assets/shared/icc/share-icc.svg');
}

@media (min-width: 64em) {
    .icc .panel-navigation-share {
        margin-bottom: 33px;
    }
}

/*=======================================*/
/*=====----- ICC INTRO TEXTBOX -----=====*/
/*=======================================*/

.icc-intro {
    padding-top: 0;
}

.icc-intro-textbox {
    max-width: 976px;
    padding-bottom: 18px;
    margin: 0 auto;
}

:is(.core-styles, .contentRender_name_plugins_core_textbox) .icc-intro-textbox {
    color: var(--navy);
}

:is(.core-styles, .contentRender_name_plugins_core_textbox) .icc-intro-textbox h1 {
    font-size: 36px;
    line-height: calc(11/9);
    color: inherit;
}

:is(.core-styles, .contentRender_name_plugins_core_textbox) .icc-intro-textbox p {
    color: inherit;
    line-height: 1.625;
}

:is(.core-styles, .contentRender_name_plugins_core_textbox) .icc-intro-textbox a {
    color: var(--orange);
}

@media (min-width: 64em) {
    :is(.core-styles, .contentRender_name_plugins_core_textbox) .icc-intro-textbox h1 {
        margin-bottom: 30px;
        font-size: 72px;
        line-height: 1;
    }
    
    :is(.core-styles, .contentRender_name_plugins_core_textbox) .icc-intro-textbox p {
        line-height: calc(14/9);
    }
}

/*==========================================*/
/*=====----- EVENTS MARQUEE PANEL -----=====*/
/*==========================================*/

.icc .events-marquee-container .borders {
    background: var(--icc-blue);
}

.icc .events-marquee-container .borders::before {
    background: var(--orange);
}

.icc .events-marquee-container .borders::after {
    background: var(--gold);
}

.icc .events-marquee-container .bg-image-container {
    background: var(--black);
}

.icc .events-marquee-container .bg-image-container::before {
    background: url('https://assets.simpleviewinc.com/simpleview/image/upload/v1/clients/irving-redesign/events_marquee_overlay_c76e1c48-4091-44ad-ade2-81e09e1f0f29.jpg') no-repeat center center / cover;
    opacity: 0.5;
}

.icc .events-slider .slide .img-cont::after {
    background: rgba(0, 39, 77, .95);
}

.icc .events-marquee-container .bg-image {
    inset: 0;
    width: 100%;
    height: 100%;
    filter: none;
    opacity: 0.35;
}

.icc .events-slider .slide .img-cont::before {
    background: linear-gradient(to top, rgba(0, 39, 77, .8), rgba(0, 39, 77, 0))
}

.icc .events-slider .default-button.solid {
    color: var(--icc-blue);
}

@media (hover: hover) {
    .icc .events-slider .default-button.solid:hover {
        color: var(--white);
    }
}

/*==========================*/
/*=====----- FAQS -----=====*/
/*==========================*/

.icc .core-faqs.expandable .faq-item[open] .question {
    background: var(--orange);
}

.icc .core-faqs .faq-item .question,
.icc .core-faqs.expandable .faq-item .answer {
    color: var(--navy);
}

.icc .core-faqs.expandable .faq-item .answer a {
    color: var(--orange);
}

/*==================================*/
/*=====----- SOCIAL PANEL -----=====*/
/*==================================*/

.icc .panel-social .header-container {
    background-color: var(--navy);
    background-image:
        url('/includes/public/assets/shared/blue-triangle-top-right.svg'),
        url('/includes/public/assets/shared/orange-triangle-bottom-left.svg');
    background-repeat:
        no-repeat,
        no-repeat;
    background-position:
        right top,
        left bottom;
    background-size:
        85px auto,
        85px auto;
}

.icc .panel-social .record {
    display: none;
}

.icc .panel-social .cr__gallery .loadMore,
.icc .panel-social .cr__gallery .loadMore:before {
    background: var(--gold) !important;
}

.icc .cr__gallery .loadMore:after {
    display: none;
}

@media (min-width: 90em) {
    .icc .panel-social .header-container {
        background-size:
            128px auto,
            128px auto;
    }
}