/* Pupsite Template - Blanford - Bond */

:root {
    --Color_Primary:    hsl(0deg 0% 31%); /* 8.19 */
    --Color_PrimaryDk:  hsl(0deg 0% 23%); /* 11.2 */
    --Color_Secondary:  hsl(0deg 0% 41%); /* 5.48 */
    --Color_Accent:     hsl(0deg 0% 57%); /* 3.15 */

    --Color_White:           hsl(0deg 0% 100%); /* 1.11 */

    --Color_BackgroundLt:   hsl(0deg 0% 95%); /* 1.11 */
    --Color_ComplPrimary:  var(--Color_White);

    --Color_Text:       hsl(0deg 0% 15%); /* 15.13 */
    --Color_Link:       var(--Color_Secondary);

    --Site_ComponentMargin: 3rem;
    --Site_ComponentWidth:  calc(100% - (var(--Site_ComponentMargin) * 2));
    --Site_MainLogoWidth:   225px;
    --Site_PupLogoWidth:    300px;
    --Site_BorderRadius:    0;
    --Site_TextShadow:      1px 1px 1px rgba(0, 0, 0, .4);
    --Site_BoxShadow:       1px 1px 4px rgba(0, 0, 0, .5);

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

    --button-animation-depth: .25em;
    --button-stroke-width: 2px;
    --button-depth-color: var(--Color_PrimaryDk);
    --button-stroke-color: var(--Color_PrimaryDk);
}

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

/* Body */
.page_body,
.fbd_content,
.fbcms_htmleditor
{
    color: var(--Color_Text);
    font: 400 1.1rem/1.6 var(--Font_Base);
}
.page_body
{
    background: var(--Color_White);
    margin: 0;
    min-width: 320px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
    height: 100vh;
}
.fbd_content,
.fbcms_htmleditor
{
    background-color: var(--Color_White);
}
/* END Body */

/* General Styling */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block;
}

img {
    border-style: none;
    max-width: 100%;
    height: auto;
}
.fbcms_content img
{
    max-width: 100%;
    height: auto !important;
}

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

input,
textarea,
select {
    font: 100% Arial, Helvetica, sans-serif;
    color: #666;
    vertical-align: middle;
}

form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
    cursor: pointer;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    margin: 0;
    padding: 4px 7px;
}

textarea {
    overflow: auto;
    resize: vertical;
    vertical-align: top;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}
/* END General Styling */

/* wrapper & overall structure */
.fbcms_component
{
    max-width: 100%;
    display: block;
    width: 100%;
}
.fbcms_component::after
{
    content: "";
    display: table;
    clear: both;
}
.component_liner
{
    width: 100%;
}
@media only screen and (min-width: 768px)
{
    .component_liner,
    .fbcms_ppz_widget_liner
    {
        width: var(--Site_ComponentWidth);
        height: 100%;
        position: relative;
        margin: 0 auto;
    }
}
@media print {
}

/*
===========================================================
 HEADER
===========================================================
*/
.fbcms_header
{
    background: var(--Color_PrimaryDk);
}
.fbcms_header:after {
    content: " ";
    display: table;
    clear: both;
}
@media only screen and (max-width: 499px) 
{
    .fbcms_header 
    {
        text-align: center;
        padding: 12px 12px 30px;
    }
}
@media only screen and (min-width: 768px) 
{
    .fbcms_header 
    {
        z-index: 3;
        box-shadow: var(--Site_BoxShadow);
    }
    .fbcms_header.shrink * {
        transition: all .25s ease-in-out;
    }
    .fbcms_header .header_main
    {
        position: relative;
    }
    .navigation_wrapper
    {
        z-index: 3;
    }

    :target::before {
      content: "";
      display: block;
      height: 3rem; /* fixed header height*/
      margin: -3rem 0 0; /* negative fixed header height */
    }

    .fbcms_header .main_site_logo
    {
        width: var(--Site_MainLogoWidth);
    }
    .fbcms_header.shrink .main_site_logo
    {
        width: calc(var(--Site_MainLogoWidth) / 2);
    }
    .fbcms_header .pupsite_logo
    {
        width: var(--Site_PupLogoWidth);
    }
    .fbcms_header.shrink .pupsite_logo
    {
        width: calc(var(--Site_PupLogoWidth) / 2);
    }
}

/* Logo */
.logo {
    display: inline-block;
    margin: 46px 0 12px;
    text-decoration: none;
    position: relative;
    z-index: 100;
}
.main_site_logo,
.pupsite_logo
{
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
}
.main_site_logo img,
.pupsite_logo img {
    max-width: 100%;
    height: auto;
}
@media only screen and (min-width: 768px)
{
    .logo {
        margin: 10px 0;
    }
    .pupsite_logo
    {
        margin: 0 0 0 10px;
    }
}

/* Site Scripts */
.fbcms_content.site_script_foot
{
    display: block;
    position: relative;
    margin-bottom: 10px;
}

/* Social Media Script */
.fbcms_content ul.social_media_list {
    margin: 0px;
    line-height: 2;
}

.social_media_list li a
{
    color: var(--Color_White);
}
.social_media_list li a:hover,
.social_media_list li a:focus
{
    color: var(--Color_Accent);
}
.social_media_list li a.phone {
    margin-left: 8px;
}
.social_media_list:after
{
    content: "";
    display: table;
    clear: both;
}
.fbcms_content ul.social_media_list > li {
    display: inline-block;
    margin: 0 5px;
    list-style: none;
}

.fbcms_content ul.social_media_list > li:first-child {
    margin-left: 0;
}
.fbcms_content ul.social_media_list > li:last-child {
    margin-right: 0;
}

@media print
{
    .fbcms_content ul.social_media_list {
        display: none;
    }
}
/*
===========================================================
 END HEADER
===========================================================
*/

/*
===========================================================
 MENUS
===========================================================
*/

.main-nav .top_level_item.menu_school,
.nav-main .top_level_item.menu_school
{
    display: none;
}

/* Old Menu Markup */
@media only screen and (min-width: 768px)
{
    .main-nav .top_level
    {
        max-width: calc(100% - (var(--Site_MainLogoWidth) + 2rem));
        display: flex;
        justify-content: space-around;
    }
    .main-nav .top_level_item
    {
        display: grid;
        align-content: center;
        position: relative;
        margin: 0 5px;
        padding-bottom: 30px;
    }
    .fbcms_header.shrink .main-nav .top_level_item
    {
        padding-bottom: 20px;
    }
    .main-nav .top_level_item:last-child
    {
        margin-right: 0;
    }
    .main-nav .top_level_link
    {
        color: var(--Color_White);
        text-decoration: none;
        font-weight: bold;
        text-align: center;
        border-bottom: solid 0 var(--Color_White);
        position: relative;
    }
    .main-nav .top_level_item .top_level_link:after 
    {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        height: 0;
        width: 20px;
        border: solid 10px transparent;
        transition: all .3s ease;
    }
    .main-nav .top_level_item.active .top_level_link:after, 
    .main-nav .top_level_item:hover .top_level_link:after, 
    .main-nav .top_level_item.hoverfocus .top_level_link:after 
    {
        border-top-color: var(--Color_White);
    }
    .main-nav .top_level_item.active .top_level_link,
    .main-nav .top_level_item:hover .top_level_link,
    .main-nav .top_level_item.hoverfocus .top_level_link
    {
    /*    color: var(--Skin_DkPrimary);*/
    }
}
@media only screen and (min-width: 768px)
{
    .menu_title.menusection_title
    {
        display: none;
    }
}
@media only screen and (min-width: 994px)
{
    .main-nav .top_level_item
    {
        margin: 0 20px;
    }
    .main-nav .top_level_link
    {
        font-size: 1.2rem;
    }
}
@media print {
    .navigation_wrapper
    {
        display: none !important;
    }
}
.nav-slider-active .nav-slider-button.slider-button
{
    top: 4px;
}

/* New Markup */
.nav-slider-deactivated .nav-main .top_level
{
    max-width: calc(100% - (var(--Site_MainLogoWidth) + 2rem));
    display: flex;
    justify-content: space-around;
}
.nav-slider-deactivated .nav-main .top_level_item
{
    display: grid;
    align-content: center;
    position: relative;
    padding-bottom: 30px;
    margin: 0 5px;
}
.nav-slider-deactivated .fbcms_header.shrink .nav-main .top_level_item
{
    padding-bottom: 20px;
}
.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);
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    border-bottom: solid 0 var(--Color_White);
    position: relative;
}
.nav-slider-deactivated .top_level_item .top_level_link:after 
{
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    width: 20px;
    border: solid 10px transparent;
    transition: all .3s ease;
}
.nav-slider-deactivated .nav-main .top_level_item.active .top_level_link:after, 
.nav-slider-deactivated .nav-main .top_level_item:hover .top_level_link:after, 
.nav-slider-deactivated .nav-main .top_level_item.hoverfocus .top_level_link:after 
{
    border-top-color: var(--Color_White);
}
.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
{
/*    color: var(--Skin_DkPrimary);*/
}
@media only screen and (min-width: 768px)
{
    .menu_title.menusection_title
    {
        display: none;
    }
}
@media only screen and (min-width: 994px)
{
    .nav-slider-deactivated .nav-main .top_level_item
    {
        margin: 0 20px;
    }
    .nav-slider-deactivated .nav-main .top_level_link
    {
        font-size: 1.2rem;
    }
}
@media print {
    .navigation_wrapper
    {
        display: none !important;
    }
}
.nav-slider-active .nav-slider-button.slider-button
{
    top: 4px;
}
/*
===========================================================
 END MENUS
===========================================================
*/

/*
===========================================================
 MAIN CONTENT FRAMEWORK
===========================================================
*/
.fbcms_content.firstone
{
    padding-top: 2rem;
}
.fbcms_content.lastone
{
    padding-bottom: 2rem;
}

@media only screen and (max-width: 767px)
{
    .component_liner
    {
        padding: 0 12px;
    }
}
@media only screen and (min-width: 768px)
{
    .fbcms_main
    {
        position: relative;
        z-index: 1;
    }
    .columns
    {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .left_col
    {
        order: 1;
    }
    .center_col
    {
        order: 2;
    }    
    .right_col
    {
        order: 3;
    }
}
@media only screen and (min-width: 994px)
{
    .fbcms_content.firstone
    {
        padding-top: 4rem;
    }
    .fbcms_content.lastone
    {
        padding-bottom: 4rem;
    }
}

/* Flexi Framework */
.section_title
{
    padding: 2em 0 0;
    text-align: center;
}
.flexi
{
    position: relative;
}
.flexi .fbcms_section
{
    width: 100%;
    position: relative;
}
.flexi .fbcms_content.flexi_block
{
    padding: 2rem 0 1rem;
}
@media only screen and (min-width: 994px)
{
    .flexi,
    .flexi .fbcms_section
    {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }


    .flexi .fbcms_content.flexi_block
    {
        padding: 2rem 0;
    }

    .flexi_block.pup_welcome.fbcms_content
    {
        display: grid;
        align-items: center;
    }

    /* http://lea.verou.me/2011/01/styling-children-based-on-their-number-with-css3/ 
    -- editmode selectors added to accomodate add block button as an additional item */

    /* When 2 or more blocks */
    .flexi .flexi_block,
    .fbcms_editmode .flexi .flexi_block:first-child:nth-last-child(3), 
    .fbcms_editmode .flexi .flexi_block:first-child:nth-last-child(3) ~ .flexi_block
    {
        width: calc(50% - (4rem / 2));
    }

    .flexi .flexi_block:only-child,
    .fbcms_editmode .flexi .flexi_block:first-child:nth-last-child(2), 
    .fbcms_editmode .flexi .flexi_block:first-child:nth-last-child(2) ~ .flexi_block
    {
        width: 100%;
    }

    .flexi .fbcms_section > .addblock_buttonbar_wrapper
    {
        min-width: 100%;
    }
}
@media only screen and (min-width: 1200px)
{
    .flexi .fbcms_content.flexi_block
    {
        padding: 3rem 0;
    }

    /* When 3 or 6 flexi content blocks */
    .flexi .flexi_block:first-child:nth-last-child(3), 
    .flexi .flexi_block:first-child:nth-last-child(3) ~ .flexi_block,
    .fbcms_editmode .flexi .flexi_block:first-child:nth-last-child(4), 
    .fbcms_editmode .flexi .flexi_block:first-child:nth-last-child(4) ~ .flexi_block,
    .flexi .flexi_block:first-child:nth-last-child(6), 
    .flexi .flexi_block:first-child:nth-last-child(6) ~ .flexi_block,
    .fbcms_editmode .flexi .flexi_block:first-child:nth-last-child(7), 
    .fbcms_editmode .flexi .flexi_block:first-child:nth-last-child(7) ~ .flexi_block
    {
        width: calc(33.333% - (4rem / 3));
    }
    /* Any more than 3 defaults to halves */
}


/*==== Home Layout Sections ======================================================= */


/* First Section - Welcome / Flexi */
.main_focus
{
}
.pup_welcome
{
}


/* 2nd Section - columns  */
@media only screen and (min-width: 768px)
{
    .component2 .column.left_col 
    {
        width: calc(40% - 2rem);
    }
    .component2 .column.right_col
    {
        width: calc(60% - 2rem);
    }
}
@media only screen and (min-width: 994px)
{
    .component2 .column.left_col 
    {
        width: calc(40% - 4rem);
    }
    .component2 .column.right_col
    {
        width: calc(60% - 4rem);
    }
}

/* 3rd Section - Flexi  */
.component3
{
}

/* 4th Section - columns  */
@media only screen and (min-width: 768px)
{
    .component4 .column.left_col
    {
        width: calc(40% - 2rem);
    }
    .component4 .column.right_col 
    {
        width: calc(60% - 2rem);
    }
}


/*==== OneCol / System Layout Sections ====================================== */
.page_onecol .main_focus
{
    background: var(--Color_Secondary);
    color: var(--Color_White);
}
.page_onecol .component_bottom
{
    background: var(--Color_BackgroundLt);
}
/*
===========================================================
 END MAIN FRAMEWORK
===========================================================
*/

/*
===========================================================
 FOOTER
===========================================================
*/
.fbcms_footer
{
    position: relative;
    color: var(--Color_White);
    border-top: solid 6px var(--Color_Accent);
    background-color: var(--Color_PrimaryDk);
    padding: 1rem 0;
    font-size: 1rem;
}

.fbcms_footer .column.right_col
{
    font-size: .825rem;
}

.fbcms_footer a {
    color: var(--Color_White);
}
.goog-te-gadget,
.goog-te-gadget a
{
    color: var(--Color_White) !important;
}
.goog-te-gadget .goog-te-combo
{
    margin: 4px 0 0 0 !important;
}

.fbcms_footer p.content_intro {
    color: var(--Color_White);
}

.fbcms_content.building_info {
    margin: 0 0 6px;
}
.fbcms_content.building_info .building_name
{
    font-weight: bold;
}
.fbcms_content.building_info > span,
.fbcms_content.building_info a.building_map > span
{
    display: block;
}
.building_map.has_map_icon .building_citystatezip
{
    margin-left: 1em;
}
.fbcms_building_info .divider
{
    display: none;
}

.fbcms_translate,
.copyright,
.powered
{
    display: block;
    margin-bottom: 10px;
}
@media only screen and (min-width: 768px)
{
    .fbcms_footer .footer_liner 
    {
        padding: 2rem 0;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .fbcms_footer .column
    {
        width: calc(33.3333% - (4rem / 3));
    }
    .fbcms_footer .column.center_col
    {
        text-align: center;
    }
    .fbcms_footer .column.right_col
    {
        text-align: right;
    }
}
@media print {
    .fbcms_translate,
    .link_pdfviewer
    {
        display: none;
    }
}
/*
===========================================================
 END FOOTER
===========================================================
*/

/*
-------------------------------------
 Rich Text Formatting
-------------------------------------
*/
h1
{
    color: var(--Color_PrimaryDk);
    font: 500 2rem/1.3 var(--Font_Heading);
    padding: 0 0 0.4em;
    text-shadow: var(--Site_TextShadow);
}
h1.inside_title
{
    padding: 0.4em 0;
}

h2
{
    color: var(--Color_Primary);
    font: 500 2rem/1.3 var(--Font_Heading);
    margin-bottom: .6em;
    text-shadow: var(--Site_TextShadow);
}

h3,
.fbcms_news_headlines .fbcms_article_title,
.fbcms_newscontent .newsarticle_title,
.fbcms_storylist .story_title,
.fbcms_story_search .story_title
{
    color: var(--Color_Primary);
    font: 500 1.3rem/1.3 var(--Font_Heading);
    margin-bottom: .3em;
}

h4,
.fbcms_spotlight .desc_short,
.fbcms_cards .fbcms_card_name,
.fbcms_upcoming_events .event_title, 
.fbcms_upcoming_events .event_title a
{
    color: var(--Color_Primary);
    font: 500 1.2rem/1.3 var(--Font_Heading);
    margin-bottom: .3em;
}

.fbcms_content h2 + ul, .fbcms_content h2 + ol,
.fbcms_content h3 + ul, .fbcms_content h3 + ol,
.fbcms_content h4 + ul, .fbcms_content h4 + ol,
.fbcms_content h5 + ul, .fbcms_content h5 + ol,
.fbcms_content h6 + ul, .fbcms_content h6 + ol,
.fbcms_content .content_intro + ul, .fbcms_content .content_intro + ol
{
    margin-top: 0;
}

p.content_intro
{    
    color: var(--Color_Primary);
    font: 500 1.4rem/1.4 var(--Font_Base);
    margin: 0 0 1em;
}
p.content_intro strong
{
    font-weight: bold;
}

/* Button Block links */
.jump_url a,
.spotlight_button.spotlight_viewall,
.fbcms_spotlight_text .more_link,
.fbcms_newsletters .news_archivetoggle,
.fbcms_more_link a,
.fbcms_article_detail a,
.content_buttonblock a,
.news_archivetoggle,
.fbcms_custom_form .submit_button,
#fbcms-tax-calculator button,
.newsarticle_document .document_download
{
    display: inline-block;
    position: relative;
    height: auto;
    background-color: var(--Color_BackgroundLt);
    border-radius: var(--Site_BorderRadius);
    color: var(--Color_PrimaryDk);
    font: bold .825em/1.2 var(--Font_Base);
    padding: .5em .75em;
    margin: .75em .75em .5em 0;
    text-decoration: none;
    transition: transform .3s cubic-bezier(.5,2.5,.7,.7);
    box-shadow: 0 0 0 var(--button-stroke-width,0) var(--button-stroke-color);
    transform: translateY(0);
    z-index: 1;
    border: none;
}
.jump_url a:hover,
.jump_url a:focus,
.spotlight_button.spotlight_viewall:hover,
.spotlight_button.spotlight_viewall:focus,
.fbcms_spotlight_text .more_link:hover,
.fbcms_newsletters .news_archivetoggle:hover,
.fbcms_newsletters .news_archivetoggle:focus,
.fbcms_more_link a:hover,
.fbcms_more_link a:focus,
.fbcms_article_detail a:hover,
.fbcms_article_detail a:focus,
.content_buttonblock a:hover,
.content_buttonblock a:focus,
.news_archivetoggle:hover,
.news_archivetoggle:focus,
.fbcms_custom_form .submit_button:hover,
.fbcms_custom_form .submit_button:focus,
#fbcms-tax-calculator button:hover,
#fbcms-tax-calculator button:focus,
.newsarticle_document .document_download:hover,
.newsarticle_document .document_download:focus
{
    color: var(--Color_White);
    background-color: var(--Color_Primary);
    text-decoration: none;
    box-shadow: 0 0 0 var(--button-stroke-width,0) var(--button-stroke-color), 
                0 var(--button-animation-depth, .375em) 0 0 var(--button-depth-color);
    transform: translateY(calc(-1*var(--button-animation-depth, .375em)));
}

.jump_url a:before,
.spotlight_button.spotlight_viewall:before,
.fbcms_spotlight_text .more_link:before,
.fbcms_newsletters .news_archivetoggle:before,
.fbcms_more_link a:before,
.fbcms_article_detail a:before,
.content_buttonblock a:before,
.news_archivetoggle:before,
.fbcms_custom_form .submit_button:before,
#fbcms-tax-calculator button:before,
.newsarticle_document .document_download:before {
    content: "";
    border-radius: var(--Site_BorderRadius);
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    transition: bottom .3s cubic-bezier(.5,2.5,.7,.7);
    z-index: -1;
}
.jump_url a:hover:before,
.jump_url a:focus:before,
.spotlight_button.spotlight_viewall:hover:before,
.spotlight_button.spotlight_viewall:focus:before,
.fbcms_spotlight_text .more_link:hover:before,
.fbcms_newsletters .news_archivetoggle:hover:before,
.fbcms_newsletters .news_archivetoggle:focus:before,
.fbcms_more_link a:hover:before,
.fbcms_more_link a:focus:before,
.fbcms_article_detail a:hover:before,
.fbcms_article_detail a:focus:before,
.content_buttonblock a:hover:before,
.content_buttonblock a:focus:before,
.news_archivetoggle:hover:before,
.news_archivetoggle:focus:before,
.fbcms_custom_form .submit_button:hover:before,
.fbcms_custom_form .submit_button:focus:before,
#fbcms-tax-calculator button:hover:before,
#fbcms-tax-calculator button:focus:before,
.newsarticle_document .document_download:hover:before,
.newsarticle_document .document_download:focus:before {
    bottom: calc(-1*var(--button-animation-depth, .375em)*1.1);
}

.fbcms_custom_form .fbcms_custom_form_submission 
{
    text-align: center;
}
/*
-------------------------------------
 END Rich Text Formatting
-------------------------------------
*/

/*
===========================================================
 News Styling
===========================================================
*/
@media only screen and (min-width: 500px)
{
    .page_newsarticle .inside_main .fbcms_newsarticle
    {
        display: grid;
        grid-template-columns: auto; /*minmax(auto, 30%) 1fr;*/
        grid-gap: 1rem 2rem;
    }
    .page_newsarticle .newsarticle_date
    {
        grid-column: 1 / 3;
        font-weight: 500;
        text-transform: uppercase;
    }
    .page_newsarticle .newsarticle_title 
    {
        grid-column: 1 / 3;
    }
    .page_newsarticle .newsarticle_details 
    {
        grid-column: 1 / 3;
    }
}   
@media only screen and (min-width: 768px)
{
    .page_newsarticle .inside_main .fbcms_newsarticle
    {
        grid-template-columns: auto;
    }
    .page_newsarticle .fbcms_media 
    {
        grid-row: auto / span 4;
    }
    .page_newsarticle .newsarticle_details 
    {
        grid-column: 2 / 3;
    }
}


.page_newsarticle #related_section
{
    text-align: center;
}
.page_newsarticle #related_section > div:nth-child(2)
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 1rem 2rem;
}
/*
===========================================================
 END News Styling
===========================================================
*/

/*
===========================================================
 Staff Styling
===========================================================
*/
.fbcms_staff_listing .email_icon,
.fbcms_staff_search .email_icon,
.fbcms_contact_email .email_icon,
.fbcms_staff_cards .fbcms_contentbody .email_icon  {
    background-color: var(--Color_Link);
}
.fbcms_staff_listing_header,
.fbcms_staff_search_results .header {
    color: var(--Color_Primary);
    font-weight: bold;
}
/*
===========================================================
 END Staff Styling
===========================================================
*/  

.fbcms_spotlight .desc_long
{
    display: block;
}

/*
===========================================================
 Expandable Content Styling
===========================================================
*/
.fbcms_ec_title
{
    background-color: var(--Color_Primary);
}
.fbcms_ec_title:hover,
.fbcms_ec_title:focus
{
    background-color: var(--Color_PrimaryDk);
}
.fbcms_ec_title h2
{
    font-size: 1.5rem;
    line-height: initial;
}
.fbcms_ec:not(.fbcms_ec_collapsed) .fbcms_ec_title
{
    margin-bottom: 0;
}
.fbcms_ec .fbcms_richtext_content
{
    padding: 10px;
    background-color: var(--Color_BackgroundLt);
}
/*
===========================================================
 END Expandable Content Styling
===========================================================
*/