/* Template J - City of Grand Haven
--------------------------------------------------- */

:root
{
    --GH_Blue:                  #004a8d; /* 8.88 */
    --GH_DkBlue:                #253c74; /* 10.62 */
    --GH_LtBlue:                #62a3d7; /* 2.71 */
    --GH_Gray:                  #b4b4b4; /* 2.07 */
    --GH_Yellow:                #fac748; /* 1.57 */

    --Color_Black:              #111; /* 1.57 */
    --Color_White:              #ffffff;

    --Color_XLtGray:             #f6f8f9; /* 1.06 */
    --Color_LtGray:              #e8e8e8; /* 1.22 */
    --Color_Gray:                #555555; /* 7.45 */
    --Color_DkGray:              #353130; /* 12.85 */

    --Color_Primary:            var(--GH_Blue);
    --Color_DkPrimary:          var(--GH_DkBlue);
    --Color_ComplPrimary:       var(--Color_White);
    --Color_AltComplPrimary:    #81c0f6;
    --Color_TransPrimary:       hsl(from var(--GH_DkBlue) h s l / 0.9);

    --Color_Secondary:          var(--GH_DkBlue);
    --Color_ComplSecondary:     var(--Color_White);
    --Color_AltComplSecondary:  var(--Color_White);

    --Color_Accent:             var(--GH_LtBlue);
    --Color_ComplAccent:        var(--Color_DkPrimary);

    --Color_XLtBackground:      var(--Color_XLtGray);
    --Color_Link:               var(--Color_Primary);

    --Color_TransWhite:         hsl(0deg 0% 100% / 70%);
    --Color_TransLtBlack:       hsl(0deg 0% 0% / 30%);
    --Color_TransBlack:         hsl(0deg 0% 0% / 70%);
    --Filter-Color_Primary:     brightness(0) saturate(100%) invert(18%) sepia(58%) saturate(3404%) hue-rotate(193deg) brightness(94%) contrast(106%);
    --Filter-Color_Secondary:   brightness(0) saturate(100%) invert(18%) sepia(58%) saturate(3404%) hue-rotate(193deg) brightness(94%) contrast(106%);
    --Filter-Color_Accent:      brightness(0) saturate(100%) invert(56%) sepia(70%) saturate(329%) hue-rotate(164deg) brightness(95%) contrast(85%);
    --Filter-Color_White:       brightness(0) saturate(100%) invert(100%);


    --Font_Body:                Arial,Helvetica,sans-serif;
    --Font_Heading:             Arial,Helvetica,sans-serif;

    --Site_Box-Shadow:           0 1px 4px rgba(0 0 0 / 20%);

    --Site_border-radius:       12px;

    --Button_Background:        var(--Color_White);
    --Button_Foreground:        var(--Color_Primary);
    --Button_HoverBackground:   var(--Color_Primary);
    --Button_HoverForeground:   var(--Color_ComplPrimary);
    --Button_Border:            solid 2px var(--Color_Accent);
    --Button_HoverBorderColor:  var(--Color_Primary);

    text-wrap: pretty;
}

.page_body,
.fbd_content,
.fbcms_htmleditor
{
    color: #2c2c2c;
    font: 400 1rem/1.5 var(--Font_Body);
}

a,
.fbcms_spotlight_text .more_link,
.fbcms_cards .fbcms_card_link 
{
    color: var(--Color_Link);
}

/*- Header ------------------------*/
.fbcms_header
{ 
    background: var(--Color_Primary);
}
.fbcms_header .header_top
{
    background-color: var(--GH_Yellow);
    color: var(--Color_Secondary);
}
.fbcms_header .header_top p
{
    font-size: 1.18rem;
    font-weight: bold;
}
.fbcms_header .header_top a
{
    color: var(--Color_Secondary);
}
.site_logo
{
    width: 90px;
}
.nav-slider-active .site_logo_text 
{
    width: 220px;
    max-width: calc(100% - 160px);
}
.site_logo.vpadm_editable,
.site_logo_text.vpadm_editable
{
    max-width: none;
    padding: 0;
}

@media only screen and (min-width: 768px)
{
    .fbcms_header.shrink *
    {
        transition: all .25s ease-in-out;
    }
    .fbcms_header .header_main
    {
        height: 106px;
    }
    .fbcms_header.shrink .header_main 
    {
        height: 66px;
        border-top-color: var(--Color_White); 
    }
    .nav-slider-deactivated .fbcms_header.shrink .menu_head,
    .nav-slider-deactivated .fbcms_header.shrink .menu_focus,
    .fbcms_header.shrink .menu_quicklinks,
    .fbcms_header.shrink .site_script_head,
    .fbcms_header.shrink .search-form
    {
        display: none;
    }

    .navigation_wrapper
    {
        background-color: var(--Color_Primary);
    }

    .logo
    {
        height: auto;
        width: fit-content;
        display: flex;
        align-items: center;
        position: relative;
        z-index: 150;
    }
    .site_logo 
    {    
        display: grid;
        align-content: center;
        margin: 7px 0 0 0;
    }
    .fbcms_header.shrink .site_logo
    {
        width: 58px;
        border-width: 3px;
        margin: 4px 0 0 0;
    }
    .site_logo_text
    {  
        width: 220px;
        margin: 6px 0 0 10px;
        line-height: 0;
    }
    .fbcms_header.shrink .site_logo_text
    {
        width: 160px;
    }
    .search-form
    {
        top: 4px;
    } 

    .fbcms_content.site_script_head 
    {
        top: 12px;
        right: 50px;
    }
}
@media only screen and (max-width: 767px)
{
    .fbcms_header .header_main
    {
        border-bottom: 4px solid var(--Color_Primary);  
    }
    .logo 
    {
        padding: 10px 12px 2px;
    }
}

/*- Search ------------------*/
.search-form .search-input
{
    background-color: var(--Color_XLtGray);
    color: var(--Color_Primary);
}
.search-form .submit
{
    color: var(--Color_White);
    background-color: var(--Color_Primary);
    border-radius: 5px;
}
.search-form.opened .submit
{
    border-radius: 0 5px 5px 0;
}
.search-form .submit:hover,
.search-form .submit:focus
{
    opacity: 1;
    background-color: var(--Color_Secondary);
}
.search-form .search-input::-webkit-input-placeholder {
    color: var(--Color_Primary);
}
.search-form .search-input::-moz-placeholder {
    opacity: 1;
    color: var(--Color_Primary);
}
.search-form .search-input:-moz-placeholder {
    color: var(--Color_Primary);
}
.search-form .search-input:-ms-input-placeholder {
    color: var(--Color_Primary);
}
.search-form .search-input.placeholder {
    color: var(--Color_Primary);
}

/* Social Media */
.fbcms_content .social_media_list a 
{
    color: var(--Color_ComplPrimary);
}
.social_media_list a:hover,
.social_media_list a:focus
{
    opacity: 1;
    color: var(--Color_AltComplPrimary);
}

/*- Head, Focus & Quicklinks Menu -----------*/
.nav-slider-deactivated .menu_head
{
    top: -106px;
    right: 120px;
}
.nav-slider-deactivated .menu_head li
{
    padding: 0 4px;
}
.nav-slider-deactivated .menu_head a
{
    display: inline-block;
    vertical-align: top;
    background: var(--Color_Accent);
    color: var(--Color_ComplAccent);
    font-weight: 700;
    transition: all .3s;
    padding: 1rem .75rem .75rem;
    border-radius: 0 0 5px 5px;
}
.nav-slider-deactivated .menu_head a:hover,
.nav-slider-deactivated .menu_head a:focus
{
    text-decoration: none;
    background-color: var(--Color_White);
    color:  var(--Color_Primary);
    padding-top: 1.25rem;
}

.nav-slider-deactivated .menu_focus
{
    right: 70px;
    top: -35px;
}
.nav-slider-deactivated .menu_focus li 
{
    padding: 0 5px
}
.nav-slider-deactivated .menu_focus li:last-child
{
    padding-right: 0;
} 
.nav-slider-deactivated .menu_focus a
{
    background-color: var(--Color_Accent);
    color: var(--Color_ComplAccent);
    font-weight: 500;
    padding: .6rem 1rem;
    display: inline-block;
    border-radius: 5px 5px 0 0;
    transition: all .3s;
}
.nav-slider-deactivated .menu_focus a:hover,
.nav-slider-deactivated .menu_focus a:focus
{
    background-color: var(--Color_Secondary);
    color: var(--Color_White);
    text-decoration: none;
}

.nav-slider-deactivated .fbcms_header .menu_quicklinks
{
    top: -96px;
    right: 48px;
}
.nav-slider-deactivated .fbcms_header .menu_quicklinks .menu_title
{
    color: var(--Color_White);
    background-color: var(--Color_Primary);
    border-radius: 5px;
}
.nav-slider-deactivated .fbcms_header .menu_quicklinks.menuopen .menu_title
{
    border-radius: 5px 5px 0 0;
}
.nav-slider-deactivated .fbcms_header .menu_quicklinks .menu_title:after
{
    display: inline-block;
    background-color: transparent;
    color: var(--Color_White);
    transition: transform .3s;
    transform-origin: center;
    font-size: 1em;
}
.nav-slider-deactivated .fbcms_header .menu_quicklinks:hover .menu_title,
.nav-slider-deactivated .fbcms_header .menu_quicklinks:focus .menu_title,
.nav-slider-deactivated .fbcms_header .menu_quicklinks.menuopen .menu_title
{
    background-color: var(--Color_Secondary);
}
.nav-slider-deactivated .fbcms_header .menu_quicklinks.menuopen .menu_title:after
{
    transform: rotate(180deg);
}
.nav-slider-deactivated .fbcms_header .menu_quicklinks .simplemenu_container
{
    background-color: var(--Color_Secondary);
    right: 0;
    padding: .5em 0;
}
.nav-slider-deactivated .fbcms_header .menu_quicklinks .simplemenu_container a
{
    color: var(--Color_White);
}
.nav-slider-deactivated .fbcms_header .menu_quicklinks .simplemenu_container a:hover,
.nav-slider-deactivated .fbcms_header .menu_quicklinks .simplemenu_container a:focus
{
    background-color: var(--Color_Primary);
    color: var(--Color_White);
}

/*- Subpages Menu ----------------------*/
.menu_subpages .menu_title,
.menu_subpages .menu_opener
{
    background-color: var(--Color_Accent);
    color: var(--Color_ComplAccent);
}
.fbcms_rdropmenu.menu_subpages .menu_title:hover,
.fbcms_rdropmenu.menu_subpages .menu_title:focus,
.fbcms_rdropmenu.menu_subpages.menuopenu .menu_title,
.fbcms_rdropmenu.menu_subpages .menu_title:hover .menu_opener,
.fbcms_rdropmenu.menu_subpages .menu_title:focus .menu_opener
{
    background-color: var(--Color_Secondary);
    color: var(--Color_ComplSecondary);
}
.menu_subpages .simplemenu_container
{
    background-color: var(--Color_Secondary);
}

/*- main-nav ----------------------*/
.nav-slider-deactivated .nav-main .top_level
{
}
.nav-slider-deactivated .nav-main .top_level_item
{
    margin-inline: 22px;
    padding: 10px 0;
}
.nav-slider-deactivated .nav-main .top_level_item:first-child
{
    margin-left: 0;
}
.nav-slider-deactivated .nav-main .top_level_item:last-child
{
    margin-right: 0;
}

.nav-slider-deactivated .nav-main .top_level_link
{
    color: var(--Color_White);
    font-size: 1rem;
    padding: 0 0 4px;
    border-bottom: solid 4px transparent;
    text-transform: uppercase;
    font-weight: bold;
}
.fbcms_header.shrink .nav-main .top_level_link
{
    font-size: .925rem;
}
.nav-slider-deactivated .nav-main .top_level_item.active .top_level_link,
.nav-slider-deactivated .nav-main .top_level_item:hover .top_level_link,
.nav-slider-deactivated .nav-main .top_level_item.hoverfocus .top_level_link
{
    background-color: var(--Color_Primary);
    border-bottom-color: var(--Color_AltComplPrimary);
}

/* drop-down */
.nav-slider-deactivated .nav-main .top_level_item > .drop
{
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.nav-slider-deactivated .nav-main .top_level_item > .drop,
.nav-slider-deactivated .nav-main .sublist_item.has_subitems > .drop
{
    background: var(--Color_White);
    width: auto;
    min-width: 250px;
    display: grid;
    grid-template-rows: 0fr;
}
.nav-slider-deactivated .nav-main .top_level_item > .drop
{
    box-shadow: none;
    filter: drop-shadow(0px 2px 1px rgba(0,0,0,0.4));
}
.nav-slider-deactivated .nav-main .sublist_item.has_subitems
{
    position: relative;
}
.nav-slider-deactivated .nav-main .top_level_item:hover > .drop, 
.nav-slider-deactivated .nav-main .top_level_item.hoverfocus > .drop,
.nav-slider-deactivated .nav-main .sublist_item.has_subitems:hover > .drop,
.nav-slider-deactivated .nav-main .sublist_item.has_subitems:focus-within > .drop
{
    transition: all .3s linear;
    display: grid;
    grid-template-rows: 1fr;
    overflow: visible;
}
.nav-slider-deactivated .nav-main .top_level_item:hover > .drop, 
.nav-slider-deactivated .nav-main .top_level_item.hoverfocus > .drop
{
    border-top: solid 1px var(--Color_Accent);
    padding-top: 4px;
}

.nav-slider-deactivated .nav-main .top_level_item > .drop a
{
    color: var(--Color_Secondary);
    transition: none;
}

.nav-slider-deactivated .nav-main .top_level_item .drop li a:hover,
.nav-slider-deactivated .nav-main .top_level_item .drop .sublist_0 > li:hover > .link_pair > a,
.nav-slider-deactivated .nav-main .top_level_item .drop li a:focus,
.nav-slider-deactivated .nav-main .top_level_item .drop li:focus-within > .link_pair > a
{
    background: var(--Color_Secondary);
    color: var(--Color_White);
}

/* drop drops */
.nav-slider-deactivated .nav-main .top_level_item .sublist_0,
.nav-slider-deactivated .nav-main .top_level_item .sublist_1
{
    overflow: hidden;
}
.nav-slider-deactivated .nav-main .top_level_item:where(:hover, .hoverfocus) .sublist_0,
.nav-slider-deactivated .nav-main .top_level_item .sublist_1:hover
{ 
    animation: show 0s forwards .3s;
}
@keyframes show {
  0% {
    overflow: hidden;
  }
  100% {
    overflow: visible;
  }
}
.nav-slider-deactivated .nav-main .sublist_item.has_subitems > .drop
{
    position: absolute;
    left: 100%;
    top: 0;
    width: 260px;
    border-left: solid 4px var(--Color_Accent);
}
.nav-slider-deactivated .nav-main .drop .sublist_0 > .has_subitems > .link_pair > a.item_link
{
    position: relative;
    padding-right: 2em;
}
.nav-slider-deactivated .nav-main .drop .sublist_0 > .has_subitems > .link_pair > .main-drop-opener
{
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    transition: transform .25s;
    background-color: transparent !important;
}
/*.nav-slider-deactivated .nav-main .top_level_item.has_subitems .top_level_link:after
{
    content: "\f0d7";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: .9em;
    display: inline-block;
    margin-left: 10px;
    vertical-align: text-bottom;
}*/
.nav-slider-deactivated .nav-main .drop .sublist_0 .has_subitems .main-drop-opener .fas:before
{
    content: "\f0d7";
}

.nav-slider-deactivated .nav-main .top_level_item .drop li:hover .main-drop-opener,
.nav-slider-deactivated .nav-main .top_level_item .drop .sublist_0 > li:hover .main-drop-opener .fas:before,
.nav-slider-deactivated .nav-main .top_level_item .drop li a:focus .main-drop-opener .fas:before,
.nav-slider-deactivated .nav-main .top_level_item .drop li:focus-within  .main-drop-opener .fas:before
{
    transform: rotate(-90deg);
}


@media only screen and (min-width: 1200px)
{    
    .nav-slider-deactivated .nav-main 
    {
        position: absolute;
    }
}
@media only screen and (max-width: 767px) 
{
    .slider-opener.secondary-opener 
    {
        top: -37px;
    }
    .header_liner > .nav-slider-button.slider-button:before, 
    .header_liner > .nav-slider-button.slider-button:after, 
    .header_liner > .nav-slider-button.slider-button span 
    {
        background-color: var(--Color_White);
    }
    
    .header_liner > .nav-slider-button.slider-button:hover:before, 
    .header_liner > .nav-slider-button.slider-button:hover:after, 
    .header_liner > .nav-slider-button.slider-button:hover span 
    {
        box-shadow: 0 0 3px var(--Color_White);
    }
}
/* == Mobile Menu =========================================== */
/* Slider Colors */
.nav-slider-active .nav-slider .slide-liner
{
    padding: 2.5rem 1rem;
}
.navslideout .nav-slider .nav-main .menu_title, 
.navslideout .nav-slider .nav-main .top_level_link
{
    font-size: 1rem;
}
.navslideout .nav-slider .nav-main .drop .item_link
{
    line-height: 1.4;
}
.nav-slider-active.navslideout .nav-slider
{
    background-color: var(--Color_White);
    box-shadow: 2px 0 4px rgba(0, 0, 0, .3);
}
.nav-slider-active .nav-slider a
{
    color: var(--Color_Secondary);
}
.nav-slider-active .nav-slider a:hover,
.nav-slider-active .nav-slider a:focus
{
    color: var(--Color_Link);
}
.navslideout .nav-slider .nav-main .top_level_item:not(:last-child)
{
    border-bottom: solid 1px var(--Color_Accent);
}
.navslideout .nav-slider .nav-main .menu_title,
.navslideout .nav-slider .simple-nav .menu_title,
.navslideout .nav-slider .menu_title.menusection_title
{
    border-top: none;
    background-color: var(--Color_XLtBackground);
    color: var(--Color_Primary);
    font-weight: bold;
}
.navslideout .nav-slider .nav-main .main-drop-opener
{
    background-color: var(--Color_XLtBackground);
    color: var(--Color_Link);
}
.navslideout .nav-main .link_pair .main-drop-opener:hover, 
.navslideout .nav-main .link_pair .main-drop-opener:focus
{
    background-color: var(--Color_Link) !important;
    color: var(--Color_White);
    text-shadow: none;
}
.navslideout .nav-slider .nav-main .top_level_link,
.navslideout .nav-slider .nav-main .top_level_item > .link_pair > .main-drop-opener,
.navslideout .nav-slider .nav-main .top_level_item > .drop,
.navslideout .nav-slider .nav-main .sublist_item > .link_pair > .main-drop-opener, 
.navslideout .nav-slider .nav-main .sublist_item > .drop,
.navslideout .nav-slider .nav-main .sublist_item > .link_pair > .main-drop-opener,
.navslideout .nav-slider .nav-main .sublist_0 .item_link {
    background-color: var(--Color_White);
    border-top: none;
    border-bottom: none;
}
.navslideout .nav-slider .simple-nav .menu_title
{
    cursor: unset;
}
/* == END Mobile Menu =========================================== */

/*- Focus Areas ----------------------*/
.main_focus
{
    background-color: var(--Color_White);
}
.page_home .main_focus
{
    max-height: 522px;
    overflow: hidden;
    position: relative;
    isolation: isolate;
}
.page_home .main_focus:after
{
    content: ""; 
    display: block;
    position: absolute;
    inset: auto 0 0;
    height: 6vw;
    z-index: 2;
    background: no-repeat bottom;
    background-image: url('data:image/svg+xml,<svg width="100%" height="100px" viewBox="0 0 1280 140" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><g fill="%23004A8D"><path d="M853.893,86.998c-38.859,0-58.811-16.455-77.956-35.051c18.295-10.536,40.891-18.276,73.378-18.276 c38.685,0,64.132,12.564,85.489,28.347C916.192,72.012,900.8,86.998,853.893,86.998z M526.265,80.945 c-6.517-0.562-13.599-0.879-21.41-0.879c-70.799,0-91.337,27.229-134.433,35.662c14.901,3.72,32.118,6.07,52.898,6.07 C470.171,121.797,500.34,103.421,526.265,80.945z" fill-opacity=".3"/><path d="M663.458,109.671c-67.137,0-80.345-23.824-137.193-28.726C567.086,45.555,597.381,0,665.691,0 c61.857,0,85.369,27.782,110.246,51.947C736.888,74.434,717.459,109.671,663.458,109.671z M217.68,94.163 c55.971,0,62.526,24.026,126.337,24.026c9.858,0,18.508-0.916,26.404-2.461c-57.186-14.278-80.177-48.808-138.659-48.808 c-77.063,0-99.96,48.569-151.751,48.569c-40.006,0-60.008-12.206-80.011-29.506v16.806c20.003,10.891,40.005,21.782,80.011,21.782 C160.014,124.57,158.608,94.163,217.68,94.163z M1200.112,46.292c-57.493,0-56.935,46.595-115.015,46.595 c-53.612,0-59.755-39.618-115.602-39.618c-15.267,0-25.381,3.751-34.69,8.749c36.096,26.675,60.503,62.552,117.342,62.552 c69.249,0,75.951-43.559,147.964-43.559c39.804,0,59.986,10.943,79.888,21.777V85.982 C1260.097,68.771,1239.916,46.292,1200.112,46.292z" fill-opacity=".5"/><path d="M1052.147,124.57c-56.84,0-81.247-35.876-117.342-62.552c-18.613,9.994-34.005,24.98-80.912,24.98 c-38.859,0-58.811-16.455-77.956-35.051c-39.05,22.487-58.479,57.724-112.48,57.724c-67.137,0-80.345-23.824-137.193-28.726 c-25.925,22.475-56.093,40.852-102.946,40.852c-20.779,0-37.996-2.349-52.898-6.07c-7.895,1.545-16.546,2.461-26.404,2.461 c-63.811,0-70.366-24.026-126.337-24.026c-59.072,0-57.665,30.407-137.669,30.407c-40.006,0-60.008-10.891-80.011-21.782V140h1280 v-37.212c-19.903-10.835-40.084-21.777-79.888-21.777C1128.098,81.011,1121.397,124.57,1052.147,124.57z"/></g></svg>');
    background-size: 100% 6vw;
}
.fbcms_content.home_welcome
{
    color: var(--Color_White);
    background: transparent;
    position: relative;
    z-index: 1;
    padding: 0;
    margin: 0;
}
.fbcms_content.home_welcome h1
{
    margin: 0;
}

.fbpgro_overlay
{
   background: var(--Color_TransWhite);
   height: auto;
}
.fbpgro_overlay .fbpgro_title
{
    color: var(--Color_Primary);
}
.fbpgro_overlay .fbpgro_desc
{
    font-weight: 400;
}
@media only screen and (min-width: 768px)
{
    .home_focus .fbpgro_overlay
    {
        width: calc(100% - (48px * 2)); /* keeps them from going under the next/prev icons */
        max-width: 1400px;
        margin: 0 auto;
        position: relative;
        background: transparent;
        padding: 0;
        overflow: visible;
    } 
    .home_focus .fbpgro_overlay .fbpgro_textwrapper
    {
        position: absolute;
        background: var(--Color_TransWhite);
        bottom: 20px;
        left: 0;
        width: 50%;
        max-width: 450px;
        padding: 1rem;
        border-top: solid 4px var(--Color_Primary);
        z-index: 10;
    }
    .home_focus .fbpgro_overlay .fbpgro_title
    {
        font-size: 1.3rem;
    }
}
@media only screen and (min-width: 994px)
{
    .home_focus .fbpgro_overlay .fbpgro_title
    {
        font-size: 1.6rem;
    }
}

/*- Interior Specific -------------------*/
.page_interior .side_col
{
    background-color: #FCFCFC;
    /*order: 1;*/
}
.page_interior .column.center_col
{
    /*order: 2;*/
}
@media only screen and (min-width: 768px)
{
    .page_interior .main_content .center_content {
        padding: 20px 20px 20px 0;
    }
    .page_interior .side_col
    {
        /*border-left: 1px solid #ebebeb;*/
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/var(--Color_Primary)+0,fcfcfc+100&0.5+0,1+100 */
        background: -moz-linear-gradient(left,  rgba(0,0,0,0.08) 0%, rgba(252,252,252,1) 2%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left,  rgba(0,0,0,0.08) 0%,rgba(252,252,252,1) 2%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,  rgba(0,0,0,0.08) 0%,rgba(252,252,252,1) 2%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#fcfcfc',GradientType=1 ); /* IE6-9 */
    }
}
@media only screen and (min-width: 994px)
{
    .page_interior .main_content .center_content {
        padding: 30px 30px 30px 0 ;
    }
}

/*- Home Specific ---------------------*/
.page_home .home_component3 .columns
{
    display: block;
}
.page_home .main_content .threecol .column
{
    width: 100%;
}

.page_home .home_component3 .center_col .tabset_contentcontainer
{
    border-image: conic-gradient(var(--Color_Accent) 0 0) fill 0//0 100vw;
    margin-top: -3rem;
    padding-top: 3rem;
    z-index: 1;
    position: relative;
}

.page_home .home_component5 
{
    background: var(--Color_Primary);
}
.page_home .home_component5 .left_col
{
    min-height: 200px;
    background: url(/downloads/logos-assets/cityofgrandhaven-glyph.png) no-repeat center;
    background-size:  auto 90%;
    opacity: .1;
}
.page_home .home_component5 .left_col .fbcms_content
{
    display: none;
}
.home_component5 *:where(:not(.content_buttonblock a, .vpadm_buttonbar *)) 
{
    color: var(--Color_White) !important;
}

.home_component6
{
    background: var(--Color_XLtGray);
}
@media only screen and (max-width: 767px)
{   
    .fbcms_content.home_right2
    {
        text-align: center;
        padding-block: 1rem;
        margin-top: -120px;
    }
}
@media only screen and (min-width: 768px)
{   
    .page_home:where(:not(.fbcms_editmode)) .tabset_contentcontainer .tabset_content.active,
    .page_home.fbcms_editmode .tabset_contentcontainer .tabset_content.active .vpadm_editable_section
    {
        --_gap: 2rem;
        display: flex;
        flex-wrap: wrap;
        gap: 0 var(--_gap);
        padding-top: var(--_gap);
    }
    .page_home .tabset_content .fbcms_content
    {
        width: 100%;
        padding: 0;
    }
    .page_home .tabset_content .fbcms_calendar_minigrid,
    .page_home .tabset_content .fbcms_upcoming_events 
    {
        width: calc(50% - (var(--_gap) / 1.6));
    }
    .page_home.fbcms_editmode .tabset_contentcontainer .addblock_buttonbar_wrapper
    {
        width: 100%;
    }


    .page_home .home_component3 .center_col .tabset_contentcontainer:after
    {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        background-color: red;
        z-index: -1;
        background: var(--Color_Accent) var(--_background-svg)  no-repeat bottom;

        background-size: 100% 6vw;
        --_background-svg: url('data:image/svg+xml,<svg width="100%" height="100px" viewBox="0 0 1280 140" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><g fill="%23FFFFFF"><path d="M853.893,86.998c-38.859,0-58.811-16.455-77.956-35.051c18.295-10.536,40.891-18.276,73.378-18.276 c38.685,0,64.132,12.564,85.489,28.347C916.192,72.012,900.8,86.998,853.893,86.998z M526.265,80.945 c-6.517-0.562-13.599-0.879-21.41-0.879c-70.799,0-91.337,27.229-134.433,35.662c14.901,3.72,32.118,6.07,52.898,6.07 C470.171,121.797,500.34,103.421,526.265,80.945z" fill-opacity=".3"/><path d="M663.458,109.671c-67.137,0-80.345-23.824-137.193-28.726C567.086,45.555,597.381,0,665.691,0 c61.857,0,85.369,27.782,110.246,51.947C736.888,74.434,717.459,109.671,663.458,109.671z M217.68,94.163 c55.971,0,62.526,24.026,126.337,24.026c9.858,0,18.508-0.916,26.404-2.461c-57.186-14.278-80.177-48.808-138.659-48.808 c-77.063,0-99.96,48.569-151.751,48.569c-40.006,0-60.008-12.206-80.011-29.506v16.806c20.003,10.891,40.005,21.782,80.011,21.782 C160.014,124.57,158.608,94.163,217.68,94.163z M1200.112,46.292c-57.493,0-56.935,46.595-115.015,46.595 c-53.612,0-59.755-39.618-115.602-39.618c-15.267,0-25.381,3.751-34.69,8.749c36.096,26.675,60.503,62.552,117.342,62.552 c69.249,0,75.951-43.559,147.964-43.559c39.804,0,59.986,10.943,79.888,21.777V85.982 C1260.097,68.771,1239.916,46.292,1200.112,46.292z" fill-opacity=".5"/><path d="M1052.147,124.57c-56.84,0-81.247-35.876-117.342-62.552c-18.613,9.994-34.005,24.98-80.912,24.98 c-38.859,0-58.811-16.455-77.956-35.051c-39.05,22.487-58.479,57.724-112.48,57.724c-67.137,0-80.345-23.824-137.193-28.726 c-25.925,22.475-56.093,40.852-102.946,40.852c-20.779,0-37.996-2.349-52.898-6.07c-7.895,1.545-16.546,2.461-26.404,2.461 c-63.811,0-70.366-24.026-126.337-24.026c-59.072,0-57.665,30.407-137.669,30.407c-40.006,0-60.008-10.891-80.011-21.782V140h1280 v-37.212c-19.903-10.835-40.084-21.777-79.888-21.777C1128.098,81.011,1121.397,124.57,1052.147,124.57z"/></g></svg>');

    /*--_background-svg: url('data:image/svg+xml,<svg width="100%" height="100px" viewBox="0 0 1280 140" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><g fill="%23004A8D"><path d="M853.893,86.998c-38.859,0-58.811-16.455-77.956-35.051c18.295-10.536,40.891-18.276,73.378-18.276 c38.685,0,64.132,12.564,85.489,28.347C916.192,72.012,900.8,86.998,853.893,86.998z M526.265,80.945 c-6.517-0.562-13.599-0.879-21.41-0.879c-70.799,0-91.337,27.229-134.433,35.662c14.901,3.72,32.118,6.07,52.898,6.07 C470.171,121.797,500.34,103.421,526.265,80.945z" fill-opacity=".3"/><path d="M663.458,109.671c-67.137,0-80.345-23.824-137.193-28.726C567.086,45.555,597.381,0,665.691,0 c61.857,0,85.369,27.782,110.246,51.947C736.888,74.434,717.459,109.671,663.458,109.671z M217.68,94.163 c55.971,0,62.526,24.026,126.337,24.026c9.858,0,18.508-0.916,26.404-2.461c-57.186-14.278-80.177-48.808-138.659-48.808 c-77.063,0-99.96,48.569-151.751,48.569c-40.006,0-60.008-12.206-80.011-29.506v16.806c20.003,10.891,40.005,21.782,80.011,21.782 C160.014,124.57,158.608,94.163,217.68,94.163z M1200.112,46.292c-57.493,0-56.935,46.595-115.015,46.595 c-53.612,0-59.755-39.618-115.602-39.618c-15.267,0-25.381,3.751-34.69,8.749c36.096,26.675,60.503,62.552,117.342,62.552 c69.249,0,75.951-43.559,147.964-43.559c39.804,0,59.986,10.943,79.888,21.777V85.982 C1260.097,68.771,1239.916,46.292,1200.112,46.292z" fill-opacity=".5"/><path d="M1052.147,124.57c-56.84,0-81.247-35.876-117.342-62.552c-18.613,9.994-34.005,24.98-80.912,24.98 c-38.859,0-58.811-16.455-77.956-35.051c-39.05,22.487-58.479,57.724-112.48,57.724c-67.137,0-80.345-23.824-137.193-28.726 c-25.925,22.475-56.093,40.852-102.946,40.852c-20.779,0-37.996-2.349-52.898-6.07c-7.895,1.545-16.546,2.461-26.404,2.461 c-63.811,0-70.366-24.026-126.337-24.026c-59.072,0-57.665,30.407-137.669,30.407c-40.006,0-60.008-10.891-80.011-21.782V140h1280 v-37.212c-19.903-10.835-40.084-21.777-79.888-21.777C1128.098,81.011,1121.397,124.57,1052.147,124.57z"/></g></svg>');*/

    }

    .fbcms_content.home_right2
    {
        padding-block: 3rem;
        transform: translateX(-40%);
    }
}

/*- Side Nav -------------------*/
.side-nav 
{
    background: var(--Color_Primary);
    color: var(--Color_White);
    padding-bottom: 40px;
    border-bottom: solid 6px var(--Color_Accent);
    position: relative;
    min-height: 275px;
}
.side-nav .sidelist_0
{
    position: relative;
    z-index: 2;
}
.side-nav .sidelist_0 > li > a
{
    color: var(--Color_White);
    font-size: 1.6rem;
    font-family: var(--Font_Body);
    border-bottom: solid 2px var(--Color_Accent);
}
.side-nav .sidelist_1, 
.side-nav .sidelist_1 .side_sublist 
{
    padding-left: 16px;
    position: relative;
}
.side-nav .sidelist_1 > li
{
    margin-bottom: 6px;
}
.side-nav .sidelist_1 a
{
    color: var(--Color_White);
    font-size: 1.2rem;
    line-height: 1.3;
    position: relative;
}
.side-nav .sidelist_2 a
{
    font-size: 1.1rem;
}
.side-nav .sidelist_1 a:hover,
.side-nav .sidelist_1 a:focus,
.side-nav .sidelist_1 .current_item > a
{
    color: var(--Color_White);
}
.side-nav .sidelist_1 a:hover::before,
.side-nav .sidelist_1 a:focus::before,
.side-nav .sidelist_1 .current_item > a::before
{
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: .9em;
    position: absolute;
    left: -22px;
    top: 5px;
    /*width: .9rem;
    aspect-ratio: 1;
    background: transparent url(../img/yellowpawprint.png) no-repeat center;
    background-size: contain;*/
}
.side-nav:after
{
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    /*background: transparent url(/downloads/logos__image_assets/watermark.png) no-repeat bottom right -20%;*/
    background-size: 60% auto;
    opacity: .1;
    mix-blend-mode: hard-light;
    z-index: 1;
}

/*- Footer -------------------*/
.fbcms_footer
{
    color: var(--Color_ComplPrimary);
    background: linear-gradient(to bottom, var(--Color_Primary), var(--Color_DkPrimary));
}
.fbcms_footer .footer_top
{
    /*background-color: var(--Color_Primary);*/
    background-color: transparent;
}

.nav-slider-active .fbcms_footer .footer_top
{
    text-align: center;
}
.fbcms_footer .footer_bottom
{
    background-color: transparent;
    /*background: linear-gradient(to bottom, var(--Color_Primary), var(--Color_DkPrimary));*/
}
.fbcms_footer .footer_bottom .footer_liner
{
    border-top: solid 1px var(--Color_Accent);
}
.fbcms_footer a,
.fbcms_footer .content_intro 
{
    color: var(--Color_ComplPrimary);
}
.footer_logo hr
{
    border-bottom: 2px solid var(--Color_AltComplPrimary);
    background: transparent;
    width: 40%;
}
.goog-te-gadget,
.goog-te-gadget a
{
    color: var(--Color_White) !important;
}
.fbcms_footer .fbcms_building_info .building_name
{
    color: var(--Color_AltComplPrimary);
}

/*- Rich Text -------------------*/

h1
{
    color: var(--Color_Secondary);
    font-family: var(--Font_Heading);
    line-height: 1.1;
    text-wrap: balance;
}
h1 span
{
    font-family: var(--Font_Heading);
}
.home_welcome h1,
.home_welcome .content_intro
{
    color: var(--Color_White);
}
.home_welcome h1 span 
{
    color: var(--Color_AltComplPrimary);
}
h2
{
    color: var(--Color_Primary);
    font-family: var(--Font_Heading);
    line-height: 1.2;
}
h2 > span
{
    display: block;
    font-size: .5em;
    text-transform: uppercase;
    color: var(--Color_DkGray);
    grid-column: 1 / span 2;
}
.page_home h2 > span
{
    grid-row: 1;
    grid-column: 1 / span 3;
    text-align: center;
}

h2:where(:not(.fbcms_ec_titletext, .tabset_title_header)),
.fbcms_contentheader h2.contentheader_item,
.fbcms_content .fbcms_contentheader.blockpos_left .data-driven-title
{
    display: grid;
    width: 100%;
    align-items: start;
    grid-template-columns: auto 1fr;
    grid-gap: 0 1rem;
    margin-block: 0 .25em;
}
.page_home h2:where(:not(.fbcms_ec_titletext, .tabset_title_header)),
.page_home .fbcms_contentheader h2.contentheader_item,
.page_home .fbcms_content .fbcms_contentheader.blockpos_left .data-driven-title
{
    grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr);
}
.page_home h2:where(:not(.fbcms_ec_titletext)):before,
h2:where(:not(.fbcms_ec_titletext)):after
{
    content: "";
    border-bottom: solid 3px var(--Color_Accent);
    margin-top: .5em;
}
.page_home h2:where(:not(.tabset_title_header))
{
    margin-block: 1em !important;
}
.page_home .home_component5 .right_col h2
{
    margin-block: 0 .5em !important;
}

/*.page_home .main_content h2:where(:not(.tabset_title_header))
{
    width: fit-content;
    margin-inline: auto;
    text-align: center;
    border-bottom: solid 3px var(--Color_Accent);
    padding: 0 0 .25em;
    margin-block: 2em 1em;
}*/

h3
{
    color: var(--Color_Primary);
    font-family: var(--Font_Body);
    line-height: 1.2;
}
h4,
.fbcms_spotlight .desc_short,
.fbcms_cards .fbcms_card_name,
.fbcms_news_headlines .fbcms_article_title,
.fbcms_newscontent .newsarticle_title,
.fbcms_upcoming_events .event_title, 
.fbcms_upcoming_events .event_title a,
.story_list .story_title,
.building_list .building .building_title
{
    font: bold 1.2rem / 1.3 var(--Font_Body);
    margin-bottom: .3em;
    color: var(--Color_Secondary);
}
h5
{
    color: var(--Color_Secondary);
    font-family: var(--Font_Body);
}
h6
{
    color: var(--Color_Secondary);
    font-family: var(--Font_Body);
}

.content_intro
{    
    color: var(--Color_Primary);    
    margin-bottom: .3em;
    font: 300 1.3rem/1.4 var(--Font_Body);
}

.jump_url a,
.spotlight_button.spotlight_viewall,
.fbcms_newsletters .news_archivetoggle,
.fbcms_more_link a,
.content_buttonblock a,
.fbcms_header .header_top .content_buttonblock a,
a.vp_show_share_button,
a.building_button,
.fbcms_newsletter_list .article_title a,
.fbcms_article_detail a,
/*.newsarticle_details a,*/
.newsarticle_document .document_download,
.fbcms_spotlight .more_link
{
    display: inline-block;
    background-color: var(--Button_Background);
    color: var(--Button_Foreground);
    border: var(--Button_Border);
    padding: 6px 14px;
    text-decoration: none;
    line-height: 1.2;
    font-weight: bold;
    transition: all .2s;
    border-radius: 100px;
}
a.building_button
{
    filter: none;
}
.jump_url a:hover,
.jump_url a:focus,
.spotlight_button.spotlight_viewall:hover,
.spotlight_button.spotlight_viewall:focus,
.fbcms_newsletters .news_archivetoggle:hover,
.fbcms_newsletters .news_archivetoggle:focus,
.fbcms_more_link a:hover,
.fbcms_more_link a:focus,
.content_buttonblock a:hover,
.content_buttonblock a:focus,
.fbcms_header .header_top .content_buttonblock a:hover,
.fbcms_header .header_top .content_buttonblock a:focus,
a.vp_show_share_button:hover,
a.vp_show_share_button:focus,
a.building_button:hover,
a.building_button:focus,
.fbcms_newsletter_list .article_title a:hover,
.fbcms_newsletter_list .article_title a:focus,
.fbcms_article_detail a:hover,
.fbcms_article_detail a:focus,
/*.newsarticle_details a:hover,
.newsarticle_details a:focus,*/
.newsarticle_document .document_download:hover,
.newsarticle_document .document_download:focus,
.fbcms_spotlight .more_link:hover,
a.fbcms_spotlight_liner:focus .more_link
{
    text-decoration: none;
    background-color: var(--Button_HoverBackground);
    color: var(--Button_HoverForeground);
    border-color: var(--Button_HoverBorderColor);
}
a.building_button:hover,
a.building_button:focus
{
    background-color: var(--Color_Secondary);
    filter: none;
}

/*.fbcms_newsarticle_block .newsarticle_details a
{
    margin-bottom: .75em;
}*/

.page_home .home_component3 .center_col
{
    --Button_Border: solid 2px var(--Color_Primary);
}


.fbcms_newsletter_list .fbcms_newsletters .fbcms_newsletter 
{
    background: none;
    padding: 0;
}
.fbcms_newsletter_list:where(.landing_left, .landing_right, .inside_right) .article_title a
{
    width: 100%;
}
.fbcms_newsletter_list .article_title a
{
    margin-bottom: .5em;
}
.fbcms_newsletter_link a:before
{
    content: "\f15b";
    font-family: 'Font Awesome 5 Free';
    margin-right: 10px;
}

/*- Calendars --------------------*/
.fbcms_lunchmenu .fbcms_table_cell.lm_datecell
{
    background: var(--Color_White);
}
.fbcms_lunchmenu .fbcms_table_cell .lm_datetop
{
    background: var(--Color_Primary);
    color: var(--Color_White);
    font-weight: bold;
}

.fbcms_content.fbcms_upcoming_events .fbcms_upcoming_event_item
{
    background-color: var(--Color_White);
    border-radius: var(--Site_border-radius) 0 0 var(--Site_border-radius);
    margin-bottom: 1rem;
    box-shadow: 0 2px 6px rgba(0,0,0,.12);
} 
.fbcms_content.fbcms_upcoming_events .fbcms_upcoming_event_item:last-child
{
    margin-bottom: 0;
}
li.fbcms_upcoming_event_item .event_date
{
    background-color: transparent;
}
li.fbcms_upcoming_event_item .event_group_date 
{
    width: 60px;
    background-color: var(--Color_Primary);
    border-radius: var(--Site_border-radius);
    border-right: solid 3px var(--Color_Accent);
}
li.fbcms_upcoming_event_item .event_date 
{
    width: 60px;
    height: 68px;
    text-align: center;
    color: var(--Color_White);
    padding: 8px 0 10px;
    vertical-align: middle;
}
li.fbcms_upcoming_event_item .event_group_date .event_day
{
    font-weight: 400;
    line-height: 1.1;
}
li.fbcms_upcoming_event_item .event_group_date .event_month
{
    font-weight: 900;
    line-height: 1.2;
    color: var(--Color_AltComplPrimary);
}
li.fbcms_upcoming_event_item .event_group_data
{
    padding: 1rem;
}
.fbcms_content.fbcms_upcoming_events .fbcms_upcoming_event
{
    margin-bottom: 1rem;
}
.fbcms_content.fbcms_upcoming_events .fbcms_upcoming_event:last-child
{
    margin-bottom: 0;
}
li.fbcms_upcoming_event_item .event_title:hover, 
li.fbcms_upcoming_event_item .event_title:focus
{
    text-decoration: underline;
}
.fbcms_upcoming_events .time
{
    font-size: .8em;
    font-weight: bold;
}


.month_table .month_header
{
    background-color: var(--Color_Primary);
}

.calendargrid .caltab .monthname
{
    color: #999999;
}
.calendargrid .caltab .dayofweek
{
    background-color: var(--Color_Primary);
}
.calendargrid .caltab .currentmonth .daynumber
{
    background-color: var(--Color_Primary);
    color: var(--Color_White);
}

/* Small Calendar Grid */
.minigrid_verB {
    background: var(--Color_White);
}
.minigrid_verB .fbcms_calendar_mini {
    border-collapse: collapse;
}
.minigrid_verB thead
{
    color: var(--Color_White);
    background-color: var(--Color_Primary);
    border: none;
}
.minigrid_verB .calendar_mini_controls {
    text-align: center;
}
.fbcms_calendar_mini .fbcms_calendar_mini_monthName,
.fbcms_calendar_mini .fbcms_calendar_mini_yearNumber
{
    color: var(--Color_White);
}
.minigrid_verB .fbcms_calendar_mini .fbcms_calendar_mini_prevMonth,
.minigrid_verB .fbcms_calendar_mini .fbcms_calendar_mini_nextMonth
{
    color: var(--Color_XLtGray);
    background: transparent;
    font-size: 3rem;
    line-height: .5;
    margin: 0 10px;
}
.fbcms_calendar_mini .fbcms_calendar_mini_prevMonth
{
    float: left;
}
.minigrid_verB .fbcms_calendar_mini .fbcms_calendar_mini_prevMonth:hover,
.minigrid_verB .fbcms_calendar_mini .fbcms_calendar_mini_nextMonth:hover,
.minigrid_verB .fbcms_calendar_mini .fbcms_calendar_mini_prevMonth:focus,
.minigrid_verB .fbcms_calendar_mini .fbcms_calendar_mini_nextMonth:focus
{
    color: var(--Color_White);
}
.fbcms_calendar_minigrid th {
    color: var(--Color_White);
    font-size: 1.1rem;
}
.minigrid_verB tbody {
    border: solid 1px var(--Color_XLtGray);
}
.fbcms_calendar_minigrid td
{
    font-size: .925rem;
    line-height: 3.5;
}
.minigrid_verB .isDay 
{
    border: solid 1px var(--Color_LtGray);
}
.fbcms_calendar_mini .fbcms_calendar_mini_event 
{
    color: var(--Color_Primary);
    background-color: var(--Color_XLtGray);
    text-decoration: underline;
}
.fbcms_calendar_mini .today,
.fbcms_calendar_mini .isDay:hover, 
.fbcms_calendar_mini .isDay:focus
{
    color: var(--Color_ComplAccent);
    background-color: var(--Color_Accent);
}
.fbcms_calendar_mini .isDay.fbcms_calendar_mini_event:hover, 
.fbcms_calendar_mini .isDay.fbcms_calendar_mini_event:focus
{
    color: var(--Color_AltComplPrimary);
    background-color: var(--Color_Primary);
}
/* END Small Calendar Grid */

/*- News -----------------------*/
.fbcms_news_headlines .fbcms_contentheader,
.fbcms_newscontent .fbcms_contentheader,
.fbcms_newsletter_list .fbcms_contentheader
{
    position: relative;
}
.fbcms_news_headlines .fbcms_contentfooter
{
    text-align: center;
}

.fbcms_news_headlines:where(:has(h2)) .fbcms_rss_link,
.fbcms_newscontent:where(:has(h2)) .fbcms_rss_link,
.fbcms_newsletter_list:where(:has(h2)) .fbcms_rss_link
{
    position: absolute;
    top: 0;
    right: 0;
    background-color: inherit;
    padding: .5rem 0 .5rem .75rem;
}
.fbcms_news_headlines:where(:has(.fbcms_rss_link)) .fbcms_news_headlines_title,
.fbcms_newscontent:where(:has(.fbcms_rss_link)) .fbcms_newscontent_title,
.fbcms_newsletter_list:where(:has(.fbcms_rss_link)) .fbcms_newsletter_title
{
    padding-right: calc(15px + .75rem);
}

.fbcms_newscontent .fbcms_newscontent_month 
{
    color: var(--Color_Secondary);
}

.fbcms_news_headlines .fbcms_headline_list_content
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 1rem;
}
.fbcms_news_headlines:not(.site_alert) .fbcms_article,
.fbcms_newscontent .fbcms_newsarticle
{
    border-radius: var(--Site_border-radius);
    /*background-color: var(--Color_XLtGray);*/
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,.12);
    margin-bottom: 0;
}

.fbcms_news_headlines .fbcms_article_imageblock
{
    border-bottom: solid 3px var(--Color_Accent);
    line-height: 0;
}
.fbcms_news_headlines .fbcms_article_imageblock .fbcms_media,
.fbcms_news_headlines .fbcms_article_imageblock .fbcms_media img
{
    width: 100%;
}
.fbcms_newscontent .fbcms_newsarticle,
.fbcms_news_headlines .fbcms_article_textblock
{
    padding: 1em;
}
.fbcms_news_headlines .fbcms_article_date,
.fbcms_newscontent .newsarticle_date,
.fbcms_newsarticle_block .newsarticle_date 
{
    font-size: .75rem;
    font-weight: bold;
    color: var(--Color_Gray);
    text-transform: uppercase;
}
.fbcms_news_headlines .fbcms_article_summary
{
    margin-bottom: 1rem;
}
.fbcms_news_headlines .fbcms_article_summary p
{
    margin-bottom: .5em;
}


.fbcms_newscontent_list .fbcms_newsarticle
{
    container: headlines-article / inline-size;
    margin-bottom: 1em;
}
.fbcms_newscontent_list .fbcms_newsarticle .fbcms_media,
.fbcms_newscontent_list .fbcms_newsarticle .newsarticle_summary img
{
    margin: 0;
    @container (min-width: 500px)
    {
        max-width: 350px;
        float: right;
        margin: 0 0 .5rem 2rem;
    }
}

.fbcms_newscontent_list
{
    container: news-article / inline-size;
    width: 100%;
}
.fbcms_newscontent_list .fbcms_newsarticle
{
    margin-bottom: 1em; 

    &:where(:has(.fbcms_media))
    {

        @container (min-width: 500px)
        {
            display: grid;
            grid-template-columns: 1fr 40%;
            grid-template-areas: 
                "none image";

            gap: 0 1rem;
        }

    }
}
.fbcms_newscontent_list .fbcms_newsarticle .fbcms_media
{
    grid-area: image;
    grid-row: 1 / 6;
}
.fbcms_newscontent .newsarticle_summary p:last-child
{
    margin-bottom: .5em;
}

/*- Staff ----------------------*/
.fbcms_staff_listing_header,
.fbcms_staff_search_results .header 
{
    color: var(--Color_Primary);
}
.fbcms_staff_listing_row
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 1rem;
}
.fbcms_staff_listing_row .fbcms_staff_listing_heading
{
    grid-column: 1 / -1;
}
.fbcms_staff_listing_row .fbcms_staffentry:after
{
    content: "";
    display: block;
    clear: both;
}
.fbcms_staff_listing_row .fbcms_staffentry .name
{
    color: var(--Color_Primary);
    font-size: 1.2rem;
    line-height: 1.2;
}
.fbcms_staff_listing_row .fbcms_staffentry .position
{
    font-weight: bold;
    margin-bottom: .25em;
    font-family: var(--Font_Heading);
}
.fbcms_staff_listing .profilePhoto img
{
    width: 120px;
    border-radius: var(--Site_border-radius);
    margin-right: 1em;
}


/* Building Styling --------------------------------*/
.fbcms_building_block,
.building_list .building_liner,
/*.fbcms_staff_listing .building_heading.fbcms_staff_listing_heading,*/
.fbcms_staff_listing_row .fbcms_staffentry
{
    padding: 10px !important;
    border-radius: var(--Site_border-radius);
    background: var(--Color_XLtBackground);
}
.fbcms_building_block.firstone
{
    margin-top: 1rem;
}
.fbcms_building_block
{
    margin-bottom: 1rem;
}
.fbcms_staff_listing_row .fbcms_staffentry
{
    margin-bottom: 0;
}

.building_list .building .building_image 
{
    max-width: calc(100% + 20px);
    margin: -10px -10px 15px -10px;
    filter: drop-shadow(0 5px 0 var(--Color_Primary));
    border-radius: var(--Site_border-radius);
}
.building_list .building .building_address
{
    margin-bottom: 1em;
}
.building_list .building .building_data
{
    margin-bottom: 0;
}
@media only screen and (min-width: 500px)
{
    .fbcms_grid 
    {
        grid-gap: 1.5em;
    }

    .building_list .building_liner
    {
        overflow: visible;
    }
}

/*- Expandable Content -------------*/
.fbcms_ec_title
{
    background-color: var(--Color_Accent);
    color: var(--Color_ComplAccent);
    border-radius: var(--Site_border-radius);
}

.fbcms_ec:where(:not(.fbcms_ec_collapsed)) .fbcms_ec_title
{
    border-radius: var(--Site_border-radius) var(--Site_border-radius) 0 0;
}
.fbcms_ec_title .fbcms_ec_titletext
{
    color: var(--Color_ComplAccent);
    font-size: 1.4rem;
    font-weight: bold;
}
.fbcms_ec_title:hover, 
.fbcms_ec_title:focus, 
.fbcms_content.fbcms_ec:not(.fbcms_ec_collapsed) .fbcms_ec_title
{
    cursor: pointer;
    background-color: var(--Color_Primary);
    color: var(--Color_ComplPrimary);
}
.fbcms_ec_title:hover .fbcms_ec_titletext,
.fbcms_ec_title:focus .fbcms_ec_titletext,
.fbcms_content.fbcms_ec:not(.fbcms_ec_collapsed) .fbcms_ec_titletext
{
    color: var(--Color_ComplPrimary);
}
.fbcms_ec:not(.fbcms_ec_collapsed) .fbcms_ec_title
{
    margin-bottom: 0;
}
.fbcms_ec .fbcms_richtext_content,
.fbcms_ec .fbcms_ec_title ~ div
{
    background-color: var(--Color_XLtGray);
    padding: 10px 10px 1px;
    margin: 0;
}

.fbcms_ec.fbcms_sharedcontent:not(.fbcms_ec_collapsed),
.fbcms_ec.fbcms_sharedcontent:not(.fbcms_ec_collapsed) .fbcms_ec_title
{
    margin-bottom: 1rem;
}


.flyup_tab,
.flyup_slide
{
    background-color: var(--Color_Secondary);
}
.flyup_tab
{
    font-weight: 400;
    font-size: 1rem;
}

/*- Tabs ---------------------*/
.fbcms_tabset
{
    isolation: isolate;
}
.fbcms_tabset .tabset_titlecontainer
{
    outline: solid 2px var(--Color_White);
    border: solid 3px var(--Color_Primary);
    padding: 6px;
    background-color: var(--Color_White);
    border-radius: var(--Site_border-radius);
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 100;
}
.fbcms_tabset .tabset_titlecontainer .tabset_title
{
    flex-grow: 1;
    text-align: center;
}
.fbcms_tabset .tabset_title_header
{
    margin: 0 !important;
    font-family: var(--Font_Heading);
}
.fbcms_tabset .tabset_title a
{
    position: relative;
    padding: .5em 1.5em;
    background-color: var(--Color_LtGray);
    color: var(--Color_ComplAccent);
    font-size: 1.4rem;
    border-radius: var(--Site_border-radius);
    border-radius: 1000px;
    transition: all .3s;
    /*text-transform: uppercase;*/
}
.fbcms_tabset .tabset_title:nth-child(2) 
{
     border-left: none; 
}
.fbcms_tabset .tabset_title.active a,
.fbcms_tabset .tabset_title a:hover,
.fbcms_tabset .tabset_title a:focus
{    
    background-color: var(--Color_Primary);
    color: var(--Color_White);
}

.fbcms_tabset .tabset_titlecontainer:where(:has(.tabset_title:only-child))
{
    border: none;
    padding: 0;
    background-color: transparent;
}
.fbcms_tabset .tabset_title:only-child a
{
    background-color: transparent;
    color: var(--Color_Primary);
    font-size: 1.8rem;
    text-transform: unset;
    cursor: unset;
    border-radius: 0;
    border-bottom: solid 3px var(--Color_Accent);
    padding: 0 0 .25rem;
    transition: none;
}
@media only screen and (min-width: 768px)
{
    .page_districthome .fbcms_tabset .tabset_titlecontainer
    {
        margin-top: 3rem !important;
    }
    .fbcms_tabset .tabset_titlecontainer
    {
        border-radius: 1000px
    }
}
@media only screen and (max-width: 993px)
{
    .fbcms_tabset .tabset_title_header
    {
        font-size: 1rem;
    }
}

/*- END Tabs ---------------------*/


.fbcms_carousel .slideItem .title .title-wrapper
{
    background-color: color-mix(in oklab, var(--Color_Primary), transparent 20%);
}
.fbcms_carousel .slideItem .title.centercard .title-wrapper
{
    padding: 6px;
}
.fbcms_carousel .slideItem .title
{
    font-size: 1.1rem;
    font-weight: 600;
}

/*- Spotlights ---------------------*/
.fbcms_spotlights .horz_layout_0 .fbcms_spotlight
{
    width: 330px;
    flex-grow: 1;
}
.fbcms_spotlights .fbcms_spotlight
{
    overflow: visible;
}
.fbcms_spotlight .desc_long
{
    display: block;
    margin-bottom: .5em;
}

/* button spots - /city-employee-portal/ */
.page_body.button_spots .fbcms_spotlights .horz_layout_0 .fbcms_spotlight
{
    width: 200px;
    flex-grow: 0;
    text-align: center;
}
.page_body.button_spots .fbcms_spotlights .horz_layout_0 .fbcms_spotlight_liner
{
    background-color: var(--Color_XLtBackground);
    padding: 1rem .5rem .5rem;
    border-radius: var(--Site_border-radius);
    height: 100%;
    transition: background .3s;
}
.page_body.button_spots .fbcms_spotlights .horz_layout_0 .fbcms_spotlight_liner:hover,
.page_body.button_spots .fbcms_spotlights .horz_layout_0 .fbcms_spotlight_liner:focus
{
    background-color: var(--Color_Accent);
}

/* Horz-wrap */
.fbcms_spotlight.wrapping .fbcms_spotlight_liner
{
    padding: 0;
    box-shadow: var(--Site_Box-Shadow);
    border-radius: var(--Site_border-radius);
    background: var(--Color_XLtBackground);
    max-width: 800px;
    margin-inline: auto;
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    align-items: stretch;
}
.fbcms_spotlight.wrapping .fbcms_spotlight_image
{
    float: none;
    width: 50%;
    order: 2;
    margin: 0;
    position: relative;
    z-index: 1;
}
.fbcms_spotlight.wrapping .fbcms_spotlight_image img
{
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: right;
}
.fbcms_spotlight.wrapping .fbcms_spotlight_image:before
{
    content: "";
    display: block;
    position: absolute;
    inset: 0 auto 0 0;
    width: 5rem;
    z-index: 2;
    background: linear-gradient(to right, var(--Color_XLtBackground) 2px, transparent);
}
.fbcms_spotlight.wrapping .fbcms_spotlight_text
{
    padding: 3rem 0 2rem 3rem;
    order: 1;
    margin-right: -4rem;
    position: relative;
    z-index: 2;
    width: calc(50% + 4rem);
}
.fbcms_spotlight.wrapping .desc_short
{
    font-size: 1.3rem;
}
.fbcms_spotlight.wrapping .desc_long
{
    font-style: italic;
    color: var(--Color_Secondary);
}


/* image only spots */
.fbcms_spotlight.hide_text .fbcms_spotlight_liner
{
    background-color: transparent;
    padding: 0;
    transform: scale(.95);
    transition: all .3s;
    border-radius: var(--Site_border-radius);
    filter: drop-shadow(0 0 0 rgba(0, 0, 0, .4));
    overflow: hidden;
    text-align: center;
}
.fbcms_spotlight.hide_text .fbcms_spotlight_liner:hover,
.fbcms_spotlight.hide_text .fbcms_spotlight_liner:focus
{
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .4));
    transform: scale(1);
}
.fbcms_spotlights .fbcms_spotlight.hide_text .fbcms_spotlight_image
{
    margin-bottom: 0;
}

/* Badges */
.page_home .flexi1.fbcms_spotlights
{
    /*margin-bottom: 0;*/
}
.page_home .flexi1 .fbcms_spotlight.hide_text
{
    display: grid;
    align-content: center;
}
.page_home .flexi1 .hide_text .fbcms_spotlight_image
{
    filter: grayscale(1);
    transition: all .3s;
}
.fbcms_spotlight.hide_text .fbcms_spotlight_liner:hover .fbcms_spotlight_image,
.fbcms_spotlight.hide_text .fbcms_spotlight_liner:focus .fbcms_spotlight_image
{
    filter: grayscale(0);
}
@media only screen and (min-width: 994px)
{
    .page_home .flexi1 .horz_layout_6 .fbcms_spotlight
    {
        flex: 0 1 14.6666%;
    }
}

/* Inheriting Spotlights */
.nav-slider-active .quickspots_wrapper
{
    padding: 0 12px;
}
.page_interior .quickspots_wrapper,
.page_home .home_component6
{
    border-top: solid 3px var(--Color_Accent);
    background: var(--Color_XLtBackground) var(--_background-svg) no-repeat bottom -1px center;
    background-size: 100% 6vw;
    
    --_background-svg: url('data:image/svg+xml,<svg width="100%" height="100px" viewBox="0 0 1280 140" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><g fill="%23004A8D"><path d="M853.893,86.998c-38.859,0-58.811-16.455-77.956-35.051c18.295-10.536,40.891-18.276,73.378-18.276 c38.685,0,64.132,12.564,85.489,28.347C916.192,72.012,900.8,86.998,853.893,86.998z M526.265,80.945 c-6.517-0.562-13.599-0.879-21.41-0.879c-70.799,0-91.337,27.229-134.433,35.662c14.901,3.72,32.118,6.07,52.898,6.07 C470.171,121.797,500.34,103.421,526.265,80.945z" fill-opacity=".3"/><path d="M663.458,109.671c-67.137,0-80.345-23.824-137.193-28.726C567.086,45.555,597.381,0,665.691,0 c61.857,0,85.369,27.782,110.246,51.947C736.888,74.434,717.459,109.671,663.458,109.671z M217.68,94.163 c55.971,0,62.526,24.026,126.337,24.026c9.858,0,18.508-0.916,26.404-2.461c-57.186-14.278-80.177-48.808-138.659-48.808 c-77.063,0-99.96,48.569-151.751,48.569c-40.006,0-60.008-12.206-80.011-29.506v16.806c20.003,10.891,40.005,21.782,80.011,21.782 C160.014,124.57,158.608,94.163,217.68,94.163z M1200.112,46.292c-57.493,0-56.935,46.595-115.015,46.595 c-53.612,0-59.755-39.618-115.602-39.618c-15.267,0-25.381,3.751-34.69,8.749c36.096,26.675,60.503,62.552,117.342,62.552 c69.249,0,75.951-43.559,147.964-43.559c39.804,0,59.986,10.943,79.888,21.777V85.982 C1260.097,68.771,1239.916,46.292,1200.112,46.292z" fill-opacity=".5"/><path d="M1052.147,124.57c-56.84,0-81.247-35.876-117.342-62.552c-18.613,9.994-34.005,24.98-80.912,24.98 c-38.859,0-58.811-16.455-77.956-35.051c-39.05,22.487-58.479,57.724-112.48,57.724c-67.137,0-80.345-23.824-137.193-28.726 c-25.925,22.475-56.093,40.852-102.946,40.852c-20.779,0-37.996-2.349-52.898-6.07c-7.895,1.545-16.546,2.461-26.404,2.461 c-63.811,0-70.366-24.026-126.337-24.026c-59.072,0-57.665,30.407-137.669,30.407c-40.006,0-60.008-10.891-80.011-21.782V140h1280 v-37.212c-19.903-10.835-40.084-21.777-79.888-21.777C1128.098,81.011,1121.397,124.57,1052.147,124.57z"/></g></svg>');
}
.page_districthome .quickspots_wrapper
{
    border-top: solid 1px var(--Color_Primary);
    background: var(--_background-svg)  no-repeat bottom, linear-gradient(to bottom, var(--Color_Primary), var(--Color_Accent));

    background-size: 100% 6vw, 100%;
    --_background-svg: url('data:image/svg+xml,<svg width="100%" height="100px" viewBox="0 0 1280 140" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><g fill="%23FFFFFF"><path d="M853.893,86.998c-38.859,0-58.811-16.455-77.956-35.051c18.295-10.536,40.891-18.276,73.378-18.276 c38.685,0,64.132,12.564,85.489,28.347C916.192,72.012,900.8,86.998,853.893,86.998z M526.265,80.945 c-6.517-0.562-13.599-0.879-21.41-0.879c-70.799,0-91.337,27.229-134.433,35.662c14.901,3.72,32.118,6.07,52.898,6.07 C470.171,121.797,500.34,103.421,526.265,80.945z" fill-opacity=".3"/><path d="M663.458,109.671c-67.137,0-80.345-23.824-137.193-28.726C567.086,45.555,597.381,0,665.691,0 c61.857,0,85.369,27.782,110.246,51.947C736.888,74.434,717.459,109.671,663.458,109.671z M217.68,94.163 c55.971,0,62.526,24.026,126.337,24.026c9.858,0,18.508-0.916,26.404-2.461c-57.186-14.278-80.177-48.808-138.659-48.808 c-77.063,0-99.96,48.569-151.751,48.569c-40.006,0-60.008-12.206-80.011-29.506v16.806c20.003,10.891,40.005,21.782,80.011,21.782 C160.014,124.57,158.608,94.163,217.68,94.163z M1200.112,46.292c-57.493,0-56.935,46.595-115.015,46.595 c-53.612,0-59.755-39.618-115.602-39.618c-15.267,0-25.381,3.751-34.69,8.749c36.096,26.675,60.503,62.552,117.342,62.552 c69.249,0,75.951-43.559,147.964-43.559c39.804,0,59.986,10.943,79.888,21.777V85.982 C1260.097,68.771,1239.916,46.292,1200.112,46.292z" fill-opacity=".5"/><path d="M1052.147,124.57c-56.84,0-81.247-35.876-117.342-62.552c-18.613,9.994-34.005,24.98-80.912,24.98 c-38.859,0-58.811-16.455-77.956-35.051c-39.05,22.487-58.479,57.724-112.48,57.724c-67.137,0-80.345-23.824-137.193-28.726 c-25.925,22.475-56.093,40.852-102.946,40.852c-20.779,0-37.996-2.349-52.898-6.07c-7.895,1.545-16.546,2.461-26.404,2.461 c-63.811,0-70.366-24.026-126.337-24.026c-59.072,0-57.665,30.407-137.669,30.407c-40.006,0-60.008-10.891-80.011-21.782V140h1280 v-37.212c-19.903-10.835-40.084-21.777-79.888-21.777C1128.098,81.011,1121.397,124.57,1052.147,124.57z"/></g></svg>');
}
.site_quickspots.fbcms_spotlights
{
    text-align: center;
    padding: 1rem 0;
    position: relative;
    z-index: 2;
    margin: 0;
}
.page_districthome .site_quickspots.fbcms_spotlights
{
    margin: 0;
}
.quickspots_wrapper .fbcms_contentheader,
.quickspots_wrapper .fbcms_contentfooter
{
    margin: 0;
}
.site_quickspots .fbcms_spotlight
{
    overflow: visible;
    container-type: inline-size;
}
.site_quickspots .fbcms_spotlight_liner
{
    background: var(--Color_White);
    border: solid 5px var(--Color_Primary);
    border-radius: var(--Site_border-radius);
    outline: solid 2px var(--Color_White);
    transition: all .3s ease-out;
    padding: .25rem;
    box-shadow: 0px 10px 40px 0px rgb(5 17 22 / 9%);
}
.site_quickspots .fbcms_spotlight_liner:hover,
.site_quickspots .fbcms_spotlight_liner:focus
{
    background: var(--Color_Primary);
    border-color: var(--Color_White);
    outline-color: var(--Color_Primary);
}
.site_quickspots .fbcms_spotlight_image img
{
    filter: var(--Filter-Color_Primary); 
    transition: all .3s ease-out;
}
.site_quickspots .fbcms_spotlight_liner:hover .fbcms_spotlight_image img,
.site_quickspots .fbcms_spotlight_liner:focus .fbcms_spotlight_image img
{
    filter: var(--Filter-Color_Accent);
}
.site_quickspots .desc_short
{
    font-size: .8rem;
    color: var(--Color_Secondary);
    margin-bottom: 0;
    text-transform: uppercase;
    transition: all .3s ease-out;
    /*font-family: serif;*/
    letter-spacing: .5px;

    @container (min-width: 175px)
    {
        font-size: 1rem;
    }
}
.site_quickspots .fbcms_spotlight_liner:hover .desc_short,
.site_quickspots .fbcms_spotlight_liner:focus .desc_short,
.site_quickspots .fbcms_spotlight_liner:hover .desc_long,
.site_quickspots .fbcms_spotlight_liner:focus .desc_long
{
    color: var(--Color_ComplPrimary); 
}
.site_quickspots .more_link
{
    display: none;
}

@media only screen and (min-width: 768px)
{
    .page_districthome .quickspots_wrapper
    {
        position: relative;
    }
    .page_districthome .fbcms_spotlight_slide_liner
    {
        justify-content: center;
    } 
    .page_districthome .site_quickspots.fbcms_spotlights
    {
        margin: -4rem 0 0;
    }
    .site_quickspots .fbcms_spotlight 
    {
        filter: drop-shadow(0 2px 5px rgb(0 0 0 / 30%));
        /*margin-bottom: 0 !important;*/
        margin-inline: .5%;
    }

    .site_quickspots .fbcms_spotlight .fbcms_spotlight_liner
    {
        aspect-ratio: 1 / 1;
        display: grid;
        align-content: center;
        text-align: center;
        padding: 10px;
        border-radius: 50%;
        overflow: hidden;
        transform-origin: bottom;
    }
    .site_quickspots .fbcms_spotlight_liner:hover,
    .site_quickspots .fbcms_spotlight_liner:focus
    {
        transform: translateY(-10px);
    }
    .site_quickspots .fbcms_spotlight .fbcms_spotlight_text
    {
        padding: 0 10px;
    }
}
@media only screen and (min-width: 994px)
{
    .site_quickspots .spotlights_horizontal.horz_layout_6 .fbcms_spotlight 
    {
        flex: 0 1 15.666%;
    }
    .site_quickspots .spotlights_horizontal.horz_layout_7 .fbcms_spotlight 
    {
        flex: 0 1 13.285%;
    }
    .site_quickspots .fbcms_spotlight  .fbcms_spotlight_image
    {
        margin-bottom: 1rem;
    }
}

/* Donate Page */
.page_donate .inside_center .horz_layout_0 .fbcms_spotlight_slide_liner
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    grid-gap: .5rem;
}
.page_donate .inside_center .fbcms_spotlight
{
    width: auto;
}
.page_donate .inside_center .fbcms_spotlight_liner
{
    padding: 0;
    background-color: var(--Color_Primary);
    color: var(--Color_White);
    position: relative;
    border-radius: var(--Site_border-radius);
    overflow: hidden;
}
.page_donate .inside_center .fbcms_spotlight_image
{
    line-height: 0;
    margin: 0;
}
.page_donate .inside_center .fbcms_spotlight_image img
{
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}
.page_donate .inside_center .fbcms_spotlight_text
{
    position: absolute;
    inset: 0;
    padding: 1rem;
    text-align: center;
    background: var(--Color_TransLtBlack);
    display: grid;
    align-content: center;
    justify-items: center;
    transition: background .5s;
}
.page_donate .inside_center .fbcms_spotlight_liner:hover .fbcms_spotlight_text,
.page_donate .inside_center .fbcms_spotlight_liner:focus .fbcms_spotlight_text
{
    background: var(--Color_TransBlack);

}

.page_donate .inside_center .fbcms_spotlight .desc_short
{
    color: var(--Color_White);
    font-size: 1.5rem;
    text-shadow: -2px 3px 10px rgba(0, 0, 0, 1);
}
.page_donate .inside_center .fbcms_spotlight .desc_long
{
    font-size: 1.2rem;
    text-wrap: balance;
}
.page_donate .inside_center .fbcms_spotlight .desc_long,
.page_donate .inside_center .fbcms_spotlight .more_link,
.page_donate .inside_center .fbcms_spotlight_text:after
{
    display: none;
}
.page_donate .inside_center .fbcms_spotlight_liner:hover .desc_short,
.page_donate .inside_center .fbcms_spotlight_liner:focus .desc_short
{
    display: none;
}
.page_donate .inside_center .fbcms_spotlight_liner:hover .desc_long,
.page_donate .inside_center .fbcms_spotlight_liner:focus .desc_long,
.page_donate .inside_center .fbcms_spotlight_liner:hover .more_link,
.page_donate .inside_center .fbcms_spotlight_liner:focus .more_link
{
    display: block;
}