/*
V2022-08-12
DR - 07.15.2022 - Merged countDown.css into this one 
DR - 07.16.2022 - Added new and updated flag for updated news renderer
DR - 08.03.2022 - #sitewrapper justify-content changed from space-between to flex-start
DR - 08.14.2022 - #describedlinks a - change 1em spacing to 0.5em
DR - 08.14.2022 - #eventlist a - change 1.3em to 1.4em
DR - 08.14.2022 - AddSearch.com Implementation
*/
:root {
    
    /*TRANSITION SPEEDS*/
    --fast: .1s;
    --slow: 1s;
    
    /*GRAYSCALE COLORS*/
    --verylightGray: #EFEFEF;
    --lightGray: #CCC;
    --mediumGray: #999;
    --darkGray: #666;
    --black_02: rgba(0,0,0,.025);
    --black_10: rgba(0,0,0,.125);
    --black_25: rgba(0,0,0,.250);
    --black_50: rgba(0,0,0,.500);    
    --black_75: rgba(0,0,0,.750);     
    
    /*PALMETTO GBA COLORS*/
    --PGBA_brown: hsl(30,13%,38%);
    --PGBA_brown_accent: hsl(30,13%,28%);
    --PGBA_brown_textColor: white;
    
    --PGBA_green: hsl(90,57%,45%);
    --PGBA_green_accent: hsl(90,57%,35%);
    --PGBA_green_textColor: black;
    
    --508_green: hsl(90,57%,41%);
    --508_green_accent: hsl(90,57%,31%);
    --508_green_textColor: white;

    --PGBA_warmGray: hsl(33,20%,91%);
    --PGBA_warmGray_accent: hsl(33,20%,81%);
    --PGBA_warmGray_textColor: black;
    
    --PGBA_orange: hsl(46,100%,48%);
    --PGBA_orange_accent: hsl(46,100%,38%);
    --PGBA_orange_textColor: black;
    
    --PGBA_red: hsl(0,100%,40%);
    --PGBA_red_accent: hsl(0,100%,30%);
    --PGBA_red_textColor: white;
    
    --PGBA_lightBlue: hsl(188,100%,38%);
    --PGBA_lightBlue_accent: hsl(188,100%,28%);
    --PGBA_lightBlue_05: hsla(188,100%,38%,.05);    
    --PGBA_lightBlue_textColor: white;
    
    --508_lightBlue: hsl(188,100%,29%);
    --508_lightBlue_accent: hsl(188,100%,19%);
    --508_lightBlue_textColor: white;    
    
    --PGBA_darkBlue: hsl(194,100%,17%);
    --PGBA_darkBlue_accent: hsl(194,100%,7%);
    --PGBA_darkBlue_textColor: white;
    
    /*THEMING COLOR VARIABLES*/ 
    --transparent: rgba(0,0,0,0);
    --overlayColor: var(--black_75);
    --linkColor: #006685;      
    --separatorColor: var(--lightGray);        
    
}

/*CUSTOM FONTS*/ 
    @font-face {
        font-family: 'BryantPro';
        src: url('fonts/BryantPro-Regular.eot');
        src: url('fonts/BryantPro-Regular.woff') format('woff'), url('fonts/BryantPro-Regular.ttf') format('truetype'), url('../fonts/BryantPro-Regular.svg') format('svg');
        font-weight: normal;
        font-style: normal
    }
    @font-face {
        font-family: 'BryantPro';
        src: url('fonts/BryantPro-Medium.eot');
        src: url('fonts/BryantPro-Medium.woff') format('woff'), url('fonts/BryantPro-Medium.ttf') format('truetype'), url('fonts/BryantPro-Regular.svg') format('svg');
        font-weight: Bold;
        font-style: normal
    }
    @font-face {
        font-family: 'Elena';
        src: url('fonts/Elena-Regular.eot');
        src: url('fonts/Elena-Regular.woff') format('woff'), url('fonts/Elena-Regular.ttf') format('truetype'), url('fonts/Elena-Regular.svg') format('svg');
        font-weight: normal;
        font-style: normal
    }
    @font-face {
        font-family: 'Elena';
        src: url('fonts/Elena-Medium.eot');
        src: url('fonts/Elena-Medium.woff') format('woff'), url('fonts/Elena-Medium.ttf') format('truetype'), url('fonts/Elena-Medium.svg') format('svg');
        font-weight: Bold;
        font-style: normal
    }

/*SITE STRUCTURE*/ 
    html {
        visibility: visible;
        opacity: 1;
    }
    body {
        height: 100%;
        margin: 0em;
        padding: 0em;
        overflow-x: hidden;
        -ms-overflow-style: scrollbar !important;
        font-family: "Elena", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
        background: white;
        color: black;
        overflow-y: scroll;
    }
    #sitewrapper {
        position: absolute;
        min-height: 100%;
        width: 100%;
        margin: 0em;
        padding: 0em;
        display: flex;
        min-height: 100%;
        flex-direction: column;
        justify-content: flex-start;
    }
    @media (min-width:1300px) {
        .container {
            width: 1270px
        }
    }

    /*COMMON STYLES*/

        /*STICKY*/
        .sticky {
            position: sticky;
            top: 0;
            position: -webkit-sticky
}

        /*MOBILE*/
        .mobile-only {display: none !important}
        @media (max-width:767px) {
            .mobile-only {display: block !important}
            .mobile-disabled {display: none !important}
}

        /*COLUMNS*/
        @media(min-width:768px) {
            .columns2 {column-count: 2}
            .columns3 {column-count: 3}
            .columns4 {column-count: 4}
            .column-span {column-span: all}
            .column-nobreak {break-inside: avoid-column}
        }

/*FIXED ELEMENTS*/

    .skiplink {
        position: absolute;
        left: -999em;
        opacity: .01;
        display: block;
}

    /*AMA POPUP*/
    #amamodal {
        height: 100%;
        color:black;
    }
    #amamodal .modal-content {
        border-radius: 0px;
        padding-bottom:0em;
    }
    #amamodal .modal-header h3{margin-bottom: 0em !important;}
    #amamodal .modal-body {
        background:var(--verylightGray);
        max-height: 50%;
        height: 400px;
        overflow-y: scroll;
        margin: 0px;
        padding: 0em 1em;
    }
    .modal-backdrop.in {
        opacity: 1;
        background: var(--overlayColor);
    }
    @media (max-width:767px) {
        #amamodal {
            margin: 1.5em;
            font-size: .75em
        }
        #amamodal .modal-body {
            max-height: 50%
        }
}

    /*CHATBEACON*/
    .chatwrapper {
        position: fixed;
        bottom: -14px;
        right: -1px
}

/*HEADER*/

/*MAIN*/

    main {
        --gridPadding: 4em;
        --colWidth: 12.5em;        
        flex-grow: 1000;
        padding: calc(var(--gridPadding) / 4) 0em;
    }
    main .container {
        position: relative;
        display: grid;        
        height: calc(100% - var(--gridPading));        
        margin-top: calc(var(--gridPadding) / 4);
        margin-bottom: calc(var(--gridPadding) / 4);
        grid-gap: 0em var(--gridPadding);
        grid-template-columns: [leftcolumnstart] calc(var(--colWidth) * 1.25) [leftcolumnend] auto [rightcolumnstart] var(--colWidth) [rightcolumnend];
        grid-template-rows: auto;
		grid-template-areas:"pageHeader pageHeader pageHeader"
			        			"topicNav article aside" 
    }
    
    main .container::before, main .container::after {
        display: none
    }
    
    /*TOP - PAGE HEADER*/

    	main .container:has(#pageHeader){
   	
    	}
    	main #pageHeader{
    		grid-area:pageHeader;
    		margin-bottom:calc(var(--gridPadding)/2);
    	}    	
    
    /*LEFT - TOPIC NAVIGATION*/

        main #topicNav {
            grid-area: topicNav;        
            position: relative;      
            flex-direction: column;
            font-size: 1.25em;         
        }
        main #topicNav .topicNavToggle {
            display: none
        }
        main #topicNav a {
            margin-bottom: .5em;
            display: block;
            position: relative;
            color: var(--linkColor); 
            font-weight: bold;
        }
        main #topicNav .specificTopics a:first-of-type {
            padding-bottom: .25em;
            border-bottom: 1px solid var(--separatorColor);
            font-size: 1.5em;
            line-height: 1.25em;
            order:-1000000;
        }
        main #topicNav a.active:before {
            content: "";
            display: block;
            box-sizing: border-box;
            width: .625em;
            height: .625em;
            position: absolute;
            left: -1em;
            top: .2em;
            border: 3px solid var(--PGBA_green);
            transform: rotate(45deg);
            border-bottom-color: white;
            border-left-color: white;
        }
        main #topicNav a:first-child.active:before{
            width:.4125em;
            height:.4125em;
            left:-.65em;
            top:.25em;
        }
        main #topicNavOverlay {
            display: none
        }

    /*CENTER - PAGE CONTENT*/

        main #pageContent {
            grid-area: article;
            position:relative;        
            font-size: 1.25em;
        }

            main #pageContent:first-child {grid-column-start: leftcolumnstart}
            main #pageContent:last-child {grid-column-end: rightcolumnend}

        main article {
            position: relative;
            padding-bottom: calc(var(--gridPadding) /2);
            margin-bottom: calc(var(--gridPadding) /2);
            border-bottom: 5px double var(--PGBA_green);
        }
            main article .topicNavToggle {display: none}
            main article h1 {
                margin: 0em;
                padding: 0em
            }
            main article #articleInfo {
                padding: 0em;
                margin: 0.2em 0em 0.5em 0em;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
            main article #articleInfo .date {
                font-style: italic;
                font-size: 14px;
                margin-right: 1em;
                color: var(--darkGray);
            }
            main article #articleControls button {
                background: none;
                border: none;
                opacity: .5
            }
            main article #articleControls button:hover {
                opacity: 1
            }

        main #afterArticle {position: relative;}
            #afterArticle div.asideContainer:first-child {
                padding-top: calc(var(--gridPadding)/4);
            }

    /*RIGHT - ASIDE COLUMN*/

        main #aside {
            grid-area: aside;
            position: relative;
            padding-top: calc(var(--gridPadding) / 8);
        }
            #aside div.asideContainer:first-child {
                padding-top: 0em;
                margin-top: 0em;
            }

    /*MULTI-COLUMN STYLES*/

        /*SIDE COLUMN PADDING FIXES*/
        main #refineResults,
        main #topicNav,
        main #aside{
            padding-top: calc(var(--gridPadding) / 8);
        }

        div.asideContainer {
            padding: calc(var(--gridPadding)/2) 0em;
            margin: 0em;
            border-bottom: 1px solid var(--separatorColor)
        }
        div.asideContainer:last-child {
            border-bottom: none;
            margin-bottom: 0px;
            padding-bottom: 0px;
        }

        /*COLUMN SEPARATING BORDERS*/
        main #refineResults::after,
        main #topicNav::after, 
        main #pageContent:not(:last-child)::after{
            content: "";
            width: 1px;
            height: 100%;
            background: var(--separatorColor);
            position: absolute;
            top: 0em;
        }
        main #refineResults::after,
        main #topicNav::after, main #pageContent::after {
            right: calc(calc(var(--gridPadding) / -2.5) + 2px)
        }

    @media(max-width:1200px) {
        main .container {
            grid-template-columns: [leftcolumnstart] var(--colWidth) 1fr [rightcolumnend];
            grid-template-rows: auto auto;
            grid-template-areas: 
            	"pageHeader pageHeader"
            	"topicNav article"
                "topicNav aside"
        }
        
        main #topicNav {
            grid-area: topicNav;
        }
 
        main #aside{padding-top:0em}       
        
        main #pageContent:first-child, 
        main #aside:nth-child(2) {
            grid-column-start: leftcolumnstart;
            grid-column-end: rightcolumnend
        }
 
        main #pageContent::after, 
        main #afterArticle::after, 
        main #aside::before {
            display: none
        }        
        
        div.asideContainer {
            padding-bottom: calc(var(--gridPadding)/2);
        }
        
        #aside div.asideContainer:last-child {
            border-bottom: none
        }  
        #afterArticle div.asideContainer:last-child {
            border-bottom: 1px solid var(--separatorColor);
            padding-bottom: calc(var(--gridPadding)/2);
        }        
    }

    @media(max-width: 991px) {
        main .container {
            height: auto;
            grid-template-columns: [leftcolumnstart] 1fr [rightcolumnend];
            grid-template-rows: auto auto;
            grid-template-areas: 
            	"pageHeader"
            	"article"
                "aside"
        }
        
        main #topicNav {
            display: block;
            position: absolute;
            top: -1.6em;
            left: -100%;
            max-width: 75%;
            z-index: 1000;
            background: white;
            height: calc(100%);
            padding: calc(var(--gridPadding)/2);
            transition: var(--fast);
        }
        main #topicNav.open {
            left: 0em;
        }           
        main #topicNav .topicNavToggle {
            display: block;
            color: var(--darkGray);
            font-family:"BryantPro";
            font-weight:bold;;
            background: #FFF;
            border: none;
            padding: none;
            position: absolute;
            top: .25em;
            right: .25em;
            font-size:1em;
            width:1.5em; 
            height:1.5em;
        }
        main #topicNav .topicNavToggle:hover{
            background:var(--verylightGray);
            border-radius:100%;
            color:black;
        }      
        main #topicNav > #topicNavOverlay {
            display: block;
            position: absolute;
            top: 0;
            left: 100%;
            height: 100%;
            width: 0px;
            z-index: -1;
            background: none;
            transition: var(--fast) background;
            border-radius: 0%;
        }
        main #topicNav.open > #topicNavOverlay {
            width: 10000%;
            right: -1000%;
            background: var(--overlayColor);
        }
        main #pageContent:first-child article .topicNavToggle {
            display: none;
        }
        main article .topicNavToggle {
            display: block;
            margin-bottom: 1em;
            padding: 0.33em 0.66em 0em;
            background: white;
            border: 1px solid var(--mediumGray);
            border-radius: 2px;
        }
        main article .topicNavToggle::before {
            content: "\2630  "
        ;margin-right: .25em;}
 
        main article #articleInfo {
            align-items: center;
            flex-wrap: wrap;
        }
        main article #articleInfo > * {
            flex-grow: 1
        }
        main article #articleInfo #articleControls {
            text-align: right;
        }
        main #afterArticle {
            margin-top: 0
        }
        
        main article::after, main #afterArticle::after, main #topicNav::after, main article::before, main #afterArticle::before, main #aside::before {
            display: none
        }
    }

    @media(max-width: 800px) {
        main #topicNav {
            padding-left: 2em
        }
    }

/*FOOTER*/
 
    footer {
        --footerBG: var(--PGBA_brown);
        --footerText: white;
        --footerSpacing: 1em;
        padding: 0em !important;
        margin: 0em;
        font-family: "Elena";
        font-size: 1.1em;
        background: var(--footerBG);
        color: white;
    }
    footer .container {
        padding: calc(2 * var(--footerSpacing)) 0em;
    }
    footer div {
        padding-bottom: var(--footerSpacing);
    }
    footer h2, footer h3, footer h4 {
        font-family:bryantPro;
        font-weight:Bold;
        font-size: 1.25em;
        color: var(--footerText);
        padding-bottom:calc(.25 * var(--footerSpacing));
        margin-bottom:calc(.25 * var(--footerSpacing));
    }
    footer p {
        margin: 0em;
        padding: 0em 0em calc(.25 * var(--footerSpacing));
        line-height: 1.5
    }
    footer a {
        color: var(--footerText);
    }
    footer a:hover {
        text-decoration: underline;
        color: var(--footerText);
    }
    
 .modal-content h2 { color: black;}
 .modal-content h3 { color: black;}
    
    #POPAMAC a {
   		font-weight: bold; 
    }

/*CONTENT ELEMENTS*/

        /*BUTTONS*/
        .btn, .btn-default {
            background: var(--PGBA_warmGray);
            color: var(--PGBA_warmGray_textColor);
            border: none;
            border-bottom:3px solid var(--PGBA_warmGray_accent) !important; 
            transition: background var(--fast) ease-in-out, color var(--fast) ease-in-out;
            text-shadow: none;
            border: none;
            font-family: "BryantPro";
            padding-bottom: 5px;
            border-radius: 3px !important;
            font-size:18px; 
            font-weight:bold;
        }
        .btn:hover,.btn:focus, .btn-default:hover, .btn-default:focus {     
            background: var(--PGBA_warmGray_accent);  
        }
            
            /*SIZES*/
            .btn-sm {
                font-size:14px; font-weight: bold;
                padding:.25em .5em 0em
            }
            .btn-lg {
                padding-bottom: 7px;
                font-size: 20px;
                font-weight: bold;
}

            /*COLORS*/
            .btn-primary, .btn-info {
                background: var(--508_lightBlue);
                color: var(--508_lightBlue_textColor);
                border-bottom-color: var(--508_lightBlue_accent) !important;
            }
            .btn-primary:hover, .btn-primary:focus,.btn-info:hover, .btn-info:focus {
                background: var(--508_lightBlue_accent);
            }
            .btn-success {          
                background: var(--508_green);
                color: var(--508_green_textColor);
                border-bottom-color: var(--508_green_accent) !important;
            }
            .btn-success:hover, .btn-success:focus {
                background: var(--508_green_accent)
            }
            .btn-warning {          
                background: var(--PGBA_orange);
                color: var(--PGBA_orange_textColor);
                border-bottom-color: var(--PGBA_orange_accent) !important;
            }
            .btn-warning:hover, .btn-warning:focus {
                background: var(--PGBA_orange_accent)
            }
            .btn-danger {
                background: var(--PGBA_red);
                color: var(--PGBA_red_textColor);
                border-bottom-color: var(--PGBA_red_accent) !important;
            }
            .btn-danger:hover, .btn-danger:focus {
                background: var(--PGBA_red_accent)
            }
            .btn-link {
                color: var(--linkColor);
                background: var(--transparent);            
                border-bottom-color: var(--transparent) !important;
            }
            .btn-link:hover,.btn-lin:focus{
                background: var(--transparent);            
            }

        /*LINKS*/
        a {
            color: var(--linkColor);
            cursor: pointer !important;
        }
        a:hover {
            text-decoration: underline
        }
        a.btn {
            text-decoration: none !important
        }
        a.btn:hover {
            text-decoration: none !important;
        }
        a[style="border: 1px solid blue;"] {
            border: none !important
        }

            /*CARD LINKS*/
            .cardLinks {
                --colgap: 1em                
                position: relative;
                margin-top: var(--colgap);
                margin-bottom: calc(2*var(--colgap));
                margin-left: calc(-1*var(--colgap));
                margin-right: calc(-1*var(--colgap));
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-gap: 0;
                grid-auto-flow: column;
            }
            .cardLinks:after {
                position: absolute;
                content: " ";
                width: 1px;
                height: calc(100% + calc(2*var(--colgap)));
                top: calc(-1*var(--colgap));
                right: 0em;
                background: white
            }
            .cardLinks > a {
                display: block;                
                position: relative;
                font-size: .9em;                
                line-height: 1.3em;
                color: black;
                border: 1px solid var(--lightGray);
                box-shadow: 0px 0px 1em var(--black_25)), 0px 0px 3px var(--black_10));
                padding: var(--colgap);
                border-radius: 2px;
                text-decoration: none;
                margin-top: calc(var(--colgap) * .25);
                margin-bottom: calc(var(--colgap) * .25);
                margin-left: var(--colgap);
                margin-right: var(--colgap);
            }
            .cardLinks > a:hover {
                background: var(--PGBA_lightBlue_05);
                box-shadow: 0px 0px 1em var(--black_25), 0px 0px 3px var(--black_50);
                text-decoration: none !important;
            }
            .cardLinks > a > strong {
                display: block;
                color: var(--PGBA_darkblue);
                line-height: 1.25em;
                font-size: 1.15em;
                font-weight: bold;
                margin-bottom: calc(var(--colgap) * .25)
            }
            .cardLinks > a:hover > strong {
                text-decoration: underline !important;
            }
            .cardLinks > a:after {
                position: absolute;
                content: " ";
                width: 1px;
                height: calc(100% + var(--colgap));
                top:  calc(var(--colgap) * -.5);
                right: calc(-1 * var(--colgap) - 1px);
                background: var(--separatorColor)
            }
            .asideContainer .cardLinks {
                margin: 0em  calc(var(--colgap) * -1);
                padding: 0em;
            }

        /*TABLES*/
        table {
            width: 100%;
            margin: 2em 0em
        }
        table th {
            padding: 1em;
            background: var(--verylightGray);
            border-bottom: 1px solid var(--darkGray)
        }
        table td {
            padding: 1em
        }
        table tr:nth-child(even) td {
            background: var(--verylightGray)
        }
        h2 + table {
            margin-top: 0em
        }

/*REFACTORED CSS END*/
























.tableContainer {
    max-width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    position: relative;
    box-shadow: 10em 0em 5em -5em var(--lightGray) inset;
    margin: 0em 0em 2em;
    transform: rotate(180deg)
}
.tableContainerInstructions::before {
    content: "Large table, scroll to left \279C";
    color: var(--mediumGray);
    font-style: italic;
    font-size: .9em;
    display: block;
    margin-top: 2em;
    margin-bottom: .5em;
}
.tableContainer table {
    table-layout: fixed;
    margin: 0em;
    padding: 0em;
    transform: rotate(180deg)
}


table.cardTable {
    padding: 1em;
    background: var(--verylightGray)
}
table.cardTable thead {
    position: absolute;
    left: -100000px
}
table.cardTable tr {
    margin: 1em;
    display: grid;
    grid-template-columns: auto 1fr;
    background: white;
    border: 1px solid var(--mediumGray);
    border-radius: 3px
}
table.cardTable td, table.cardTable span.fauxth {
    border-none;
    padding: .5em 1em
}
table.cardTable td:nth-child(1), table.cardTable td:nth-child(2) {
    padding-top: 1em
}
table.cardTable td:nth-last-child(1), table.cardTable td:nth-last-child(2) {
    padding-bottom: 1em
}
table.cardTable tr td.fauxth {
    font-weight: bold;
}
table.cardTable td {
    background: #FFF !important
}

.eventlist {
    list-style: none;
    padding: 0em;
}
.eventlist li {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: .33em 1em;
    margin-bottom: .5em
}
.eventlist li p {
    margin: 0em;
    padding: 0em;
}
.eventlist .eventheader {
    grid-column: 1/-1;
    font-size: 1.25em;
    font-weight: bold;
    color: #000;
    font-family: "bryantpro";
    text-transform: uppercase;
}
.eventlist .date {
    grid-column: 1;
    font-family: "bryantpro";
    font-size: 14px;
}
.eventlist .event {
    grid-column: 2
}
.eventlist a {
    line-height: 1.2em !important;
    font-size: 1.2em !important;
    margin-right: .5em;
    padding: 0em !important;
    ;
    margin: 0em !important;
}
.eventlist a:hover {
    background: #FFF0 !important;
}
.eventlist .eventTitle, .eventcalendar .eventInfo {
    margin-right: .5em;
}
.eventcalendar .flag, .eventlist .flag {
    font-size: .75em;
    font-weight: bold;
    border-radius: 3px;
    padding: .3em .4em .2em .4em;
    line-height: 1em;
    position: relative;
    border: 1px solid #CCC;
    color: #000;
    background: #f9f9f9;
    display: inline-block;
    top: -1px;
    font-family: "bryantpro";
    text-transform: uppercase;
}
.eventlist .flag.red, .eventcalendar .flag.red {
    background: #C00;
    color: #FFF;
    border: 1px solid #A00 !important
}
.eventlist-sidebar {margin-top:0em}
.eventlist-sidebar:first-child {
    border-top: none;
    margin-top: 0em;
    padding-top: 0
}
.eventlist-sidebar h2, .eventlist-sidebar ul {
    padding: 0;
    margin: 0
}
.eventlist-sidebar h2 {
    display: none
}
.eventlist-sidebar ul li .date {
    margin-top: .5em
}
.eventlist-sidebar button {
    /* font-size: 1em; */
    /* padding: .25em .5em; */}
@media(min-width:1200px) {
    .eventlist-sidebar ul li {
        display: block
    }
}



/****************************/

/*GLOBAL STYLES AND ELEMENTS*/


h1, h2, h3, h4 {
    font-family: "Elena";
    color: #000;
}
h2 {
    margin-top: 1em;
    font-weight: bold
}
.well h2 {
    margin-top: 0em
}
h2, h3 {
    font-family: bryantpro !important;
    font-weight: bold;
    font-size: 22px !important;
    line-height: 1.25em;
    margin-bottom: .5em !important;
}
h2.nomargintop, h3.nomargintop {
    margin-top: 0px
}
h2 + h3 {
    margin-top: -4px;
    margin-bottom: .5em !important
}
hr {
    border-top: 1px solid #CCC;
    margin: 30px 0px;
}
p.text-muted {
    font-size: .8em
}
p.indent {
    margin-left: 1.5em
}
p.text-strong {
    font-size: 1.3em;
    font-family: bryantPro;
    font-weight: bold;
    line-height: 1.3em !important
}
p.text-strong.green {
    color: var(--508_green);
    background: none !important;
}

.list-unstyled {
    list-style: none;
    list-style-image: url(data:image/gif; base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}


/*FLEX CONTAINER*/
.flexcontainer, .flexcontainernowrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: space-between;
}
.flexcontainernowrap {
    flex-wrap: nowrap !important;
}
.flexcontainer > div, .flexcontainernowrap > div {
    margin-bottom: 1em
}
.flexcontainer > div:only-child, .flexcontainernowrap > div:only-child {
    width: 100%
}
.flexcontainer > div:not(:last-of-type), .flexcontainernowrap > div:not(:last-of-type) {
    margin-right: 2%
}
.flexcontainer.column {
    flex-direction: column;
}
.flexcontainer.spaced {
    align-items: space-between
}
.flexcontainer.nowrap {
    flex-wrap: none;
}
.flexcontainer.even > * {
    width: 10px;
    flex-grow: 1;
}
.flexcontainer.ruled > div:not(:last-child) {
    padding-right: 1em;
    margin-right: 1em;
    border-right: 1px solid #CCC
}
.flexcontainer.ruled > div > :first-child {
    margin-top: 0em
}
.flexcontainer.ruled-top {
    margin-top: 1.5em;
    padding-top: 1.5em;
    border-top: 1px solid #CCC
}

.well .flexcontainer {
    margin-bottom: 0em
}
.flexcontainer .flexfill {
    flex-grow: 1000
}
@media(max-width:767px) {
    .flexcontainer, .flexcontainernowrap, .flexcontainer.nowrap {
        flex-direction: column
    }
    .flexcontainer.even > div {
        width: 100%
    }
    .flexcontainer.ruled > div:not(:last-child) {
        border-right: none;
        margin-right: 0px;
        border-bottom: 1px solid #CCC;
        padding-bottom: 1em;
        margin-bottom: 1em;
    }
}

/*ALERTS*/
.alert {
    border-radius: 0px;
    color: #000
}
.alert strong {
    font-family: "BryantPro";
    font-size: 1.1em;
}

/*INFOBOX*/
.infobox {
    border: 2px solid var(--PGBA_brown);
    background: #FFF;
    margin-bottom: 1.5em;
    display: block
}
.infobox .head {
    background: var(--PGBA_brown);
    display: block;
    color: #FFF;
    font-family: "BryantPro";
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 7px 0px 5px 0px;
    width: 66%;
    text-align: center
}
.infobox h2 {
    font-family: "BryantPro";
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    padding-left: .9em;
    padding-top: 0em;
    margin-bottom: .25em;
    font-size: 18px;
}
.infobox p {
    font-family: "Elena";
    color: #000;
    padding-left: 1.1em;
    padding-right: 1em;
    font-size: 1.2em
}
.infobox a.more {
    font-family: "Elena"; /* text-transform:uppercase; */ display: inline-block;
    text-decoration: none;
}
.infobox a.more::after {
    content: " \003e"
}
.infobox a.more:hover {
    text-decoration: underline;
}
.infobox table {
    margin: 14px 1em 1em 1em
}
.infobox td {
    color: #2C2521;
    vertical-align: top;
    padding-bottom: .5em;
}
.infobox td.date {
    font-family: "BryantPro";
    font-size: 12px;
    padding-right: .75em;
    vertical-align: top;
    line-height: 1.1em;
    padding-top: 3px;
    text-transform: uppercase
}
.infobox td.description {
    font-family: "Elena";
    font-size: 18px;
    line-height: 1.2em;
    padding-top: -5px
}
.infobox td.description p {
    padding: .5em 0em 0em 0em !important
}
.infobox td.description a {
    display: block;
}
.infobox td.description a:hover p {
    text-decoration: none !important
}
.well {
    background-image: none;
    background: #f9f9f9;
    order-radius: 0px;
    border-color: #bbb;
    padding: 1.5em;
    border-radius: 0px;
    box-shadow: 0px 0px 10px #EEE inset
}

/*************/
/*PAGE HEADER*/
#header {
    border-bottom: 1px solid #CCC;
}
.navbar {
    background: #FFF;
    border: 0px solid #338F09;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 0px
}
/*SUPERLINKS*/
.superlinks {
    background: #FFF
}
.superlinks ul {
    list-style: none;
    margin-bottom: 0px;
    padding-left: 0px;
    text-align: right;
    font-size: 14px;
    padding-bottom: 24px
}
.superlinks li {
    display: inline-block;
    margin: 0px;
    vertical-align: baseline
}
.superlinks a {
    display: block;
    color: var(--PGBA_brown);
    font-size: .95em;
    font-family: "Elena";
    text-decoration: underline;
    padding: .75em 1em .6em;
}
.superlinks a:hover {
    background: #ede9e4
}
.superlinks li:nth-last-child(2) a {
    text-decoration: none;
    background: #004357;
    color: #FFF;
}
.superlinks li:nth-last-child(2) a:hover {
    background: #006988;
    text-decoration: none !important;
}
.superlinks li.palmettologo {
    float: left
}
.superlinks li.palmettologo a {
    color: #FFF;
    padding: .5em 1em;
    font-family: "Elena";
    font-size: 1.2em;
    color: #FFF;
    margin-left: -15px
}
.superlinks li.palmettologo a:hover {
    background: #FFF
}
.superlinks li.palmettologo a img {
    height: 38px
}
/*SITE GREEN LOGO*/
.navbar-brand {
    padding: 1em 1em .65em 1em;
    height: auto;
    cursor: pointer;
    margin: 0em !important;
    transition: background .1s ease-in-out;
    background: var(--508_green);
    color: #FFF !important;
    font-family: "Elena";
    text-shadow: none;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    position: relative;
    top: 8px;
    font-size: 19px;
    font-weight: bold;
    text-shadow: 0px 0px 1px #245C06;
}
.navbar-brand:hover, .navbar-brand:focus {
    background: #518220 !important;
    color: #FFF !important
}
/*MAIN NAVIGATION LINKS*/
.navbar-nav {
    margin: .4em 0px 0em 1em
}
.navbar-nav > li.dropdown {
    position: static !important
}
.navbar-nav > li.dropdown > a, .navbar-nav > li.dropdown > p {
    font-family: "Elena", "OpenSans", Arial, Helvetica, sans-serif;
    padding: .9em .75em 13px .75em;
    margin: 0em 0em 4px 0em;
    font-size: 130%;
    color: var(--PGBA_brown) !important;
    text-shadow: none !important;
    transition: background .15s ease-in-out;
    box-shadow: none !important;
    position: relative;
    top: 4px;
}
.navbar-nav > li.dropdown > a.active {
    background: #EEEEEE
}
.navbar-nav > li.dropdown:hover > a, .navbar-nav > li.dropdown:hover > a.active, .navbar-nav > li.dropdown:hover > .dropdown-toggle {
    background: #e9e9e9;
}
.navbar-nav > li.dropdown .caret {
    margin-left: .25em;
    transition: transform .25s ease-in-out
}
.navbar-nav .dropdown:hover .caret, .navbar-default .navbar-nav .dropdown.open .caret {
    transform: rotate(-90deg)
}
.navbar-nav > li.dropdown > a:hover:before {
    content: "";
    width: 2em;
    height: 120%;
    display: block;
    position: absolute;
    top: 5px;
    left: -.9em;
    z-index: 1000;
    transform: rotate(30deg)
}
.navbar-nav > li.dropdown > a:hover:after {
    content: "";
    width: 2em;
    height: 120%;
    display: block;
    position: absolute;
    top: 5px;
    right: -.9em;
    z-index: 1000;
    transform: rotate(-30deg)
}
/*DROPDOWNS*/
.navbar-nav .dropdown-menu {
    left: auto;
    margin: 0em 0em 0em;
    background: none;
    border: 0em;
    padding: 0em;
}
.navbar-nav .dropdown-menu .dropdown-container {
    border-radius: 0px;
    background-color: #f7f7f7;
    border: none;
    border-bottom: 4px solid var(--PGBA_brown);
    border-top: 2px solid #CCC;
    box-shadow: 0 1em 2em var(--black_75);
    padding: 1em
}
.navbar-nav .dropdown-menu.dropdown-mega {
    position: absolute;
    left: 0px;
    z-index: 100000;
    width: 100%;
    background: none;
    margin: 0px;
    padding: 0px;
    border: none;
    border-radius: none;
    box-shadow: none
}
.navbar-nav .dropdown-menu.dropdown-mega .dropdown-container {
    border-radius: 0px;
    background-color: #f7f7f7;
    border: none;
    border-bottom: 4px solid var(--PGBA_brown);
    border-top: 2px solid #CCC;
    box-shadow: 0 1em 2em var(--black_75);
    padding: 1em
}
.navbar-nav .dropdown-menu.dropdown-mega .flexcontainer {
    margin-top: .75em;
    display: flex;
    justify-content: space-between;
    align-content: stretch
}
.navbar-nav .dropdown-menu.dropdown-mega .columns2, .navbar-nav .dropdown-menu.dropdown-mega .columns3, .navbar-nav .dropdown-menu.dropdown-mega .columns4 {
    column-rule: 1px dotted #DDD;
    padding-top: 1em;
    column-gap: 0px
}
.navbar-nav .dropdown-menu a.btn {
    white-space: normal;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-transform: uppercase;
    margin: 0px 15px 10px 15px;
    font-size: 19px;
    font-weight: bold;
    padding: 12px 12px 10px 12px;
}
.navbar-nav .dropdown-menu li a, .navbar-nav .dropdown-menu li p.fauxlink {
    padding: .3em .5em .1em 1em;
    display: block;
    clear: both;
    margin-left: 0em;
    font-weight: 400;
    line-height: 1.42857143;
    cursor: pointer;
    font-size: 1.1em;
    break-inside: avoid-column;
    color: #006685;
    font-family: "Elena";
}
.navbar-nav .dropdown-menu li p.fauxlink {
    padding: .25em 1em 0em .9em;
    display: block;
    clear: both;
    line-height: 1.42857143;
    cursor: auto;
    font-size: 1.2em;
    break-inside: avoid-column;
    font-family: "BryantPro" !important;
    text-transform: uppercase;
    color: #2C2521;
    text-shadow: none !important;
    margin-bottom: 0px;
    font-weight: bold;
}
.navbar-nav .dropdown-menu li a:hover {
    background: #f0f0f0;
    text-decoration: none;
}
.navbar-nav .dropdown-menu .infobox {
    margin: 0em 1.1em 3em
}
ul.subtopics.list-unstyled.column-nobreak[topic="null"] {
    break-inside: auto
} /*fix for topics without categorization*/
.navbar-nav .dropdown-menu.dropdown-mega .dropdown-container.buttons-left {
    display: flex;
}
.navbar-nav .dropdown-menu.dropdown-mega .dropdown-container.buttons-left .flexcontainernowrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 25%;
    margin: .5em 2em 0em -.5em
}
.navbar-nav .dropdown-menu.dropdown-mega .dropdown-container.buttons-left .columns4 {
    columns: 3
}
.navbar-nav .formslisttarget .finderBlurb > a {
    font-family: "BryantPro";
    font-size: 1.1em;
    margin: 0em 0.33em;
    font-weight: Bold;
}
/*SEARCH*/
.searchcontainer {
    padding-right: 0px;
    box-shadow: none;
    margin-bottom: 0em;
    position: relative;
    top: -8px
}
.searchcontainer input, .searchcontainer button {
    border: none;
    margin-top: .0em;
    padding: 6px 10px;
}
.searchcontainer input {
    background: #EEE;
    font-family: "Elena";
    padding: 1.2em 1em 1em 1em !important;
    font-weight: normal;
    border-radius: 0px !important;
    box-shadow: none;
    font-size: 1.1em
}
.searchcontainer button {
    color: #FFF;
    text-shadow: none;
    transition: background linear .1s;
    box-shadow: none;
    border-radius: 0px !important;
    background: #00a8c3;
    z-index: 10;
    border-bottom: 0px solid #FFF !important;
}
.searchcontainer button:hover {
    background: #006f95
}
.searchcontainer button img {
    height: 22px
}
@media(max-width:767px) {
    .searchcontainer input {
        height: 36px;
    }
}
/*MOBILE MENU BUTTON*/
.navbar-toggle {
    padding: 0px 0px 10px;
    margin-top: 0.0em;
    margin-bottom: .75em;
    border: 2px solid #ffffff !important;
    border-radius: 1px;
    background-color: #ffffff;
    position: relative;
    top: 15px;
}
.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: #fff !important;
    border: 2px solid #fff !important
}
.navbar-toggle .icon-bar {
    background: #00a8c3 !important;
    width: 25px;
    height: 3px;
}
.navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {
    background: #006f95 !important;
}
/*MEDIA QUERIES*/
/*DESKTOP*/
@media (min-width:768px) {
    .dropdown:hover .dropdown-menu {
        display: block
    }
}
@media(min-width: 768px) and (max-width: 1199px) {
    .superlinks {}
    .superlinks ul {
        padding: 0px;
    }
    .superlinks li:not(:last-child) a {
        padding: 6px 10px;
    }
    .superlinks li.palmettologo {
        order: 1;
        margin-left: 15px;
    }
    .superlinks li.palmettologo a {
        padding: 8px 0px 2px 0px
    }
    .superlinks li.palmettologo a img {
        height: 34px;
    }
    .navbar-brand {
        padding-top: 15px;
        padding-bottom: 11px;
        padding-left: 13px;
        /* background:#FFF; */
        /* color:var(--508_green) !important; */
        text-shadow: none;
    }
    .navbar-brand:hover {
        background: #FFF !important;
        color: #518220 !important;
        text-decoration: underline;
    }
    .searchcontainer {
        margin-top: 6px;
        top: 8px;
        /* margin-bottom:28px; */
    }
    .navbar-nav {
        margin: 5px 0px 0px -15px;
        width: 100%;
    }
    .navbar-nav > li.dropdown > a, .navbar-nav > li.dropdown > p {
        padding-top: 12px;
        padding-bottom: 8px;
        /* background: #f9f9f9; */
    }
}
/*MOBILE*/
@media(max-width:767px) {
    .navbar-nav {
        background: #FFF;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 10px 0px;
        overflow: hidden;
    }
    .navbar-brand {
        margin-left: 1em !important;
        padding-left: 15px !important;
        top: 0px;
    }
    .navbar-collapse {
        position: relative;
        border-top: 2px solid #CCCCCC !important;
        overflow: hidden;
    }
    .navbar-nav > li.dropdown > a, .navbar-nav > li.dropdown > p {
        margin: 0px 0px 0px 0px;
        padding: .75em;
    }
    .navbar-nav > li > a span.caret {
        display: none !important
    }
    .searchcontainer {
        padding: 0px 0px 0px 0px;
        margin: 1.5em 0px 0px 0px;
        border-color: #FFF !important;
        width: 100%;
    }
    .searchcontainer .input-group {
        width: 100%
    }
    .searchcontainer .input-group button {
        padding-bottom: 8px !important;
    }
}
/***********/
/*MEGAALERT*/
/* display:block; border-top: 20px solid #f9f9f9; removed from a.megaalert DJR 2/24/2020 */
div.megaalert, a.megaalert {
    display: block;
    font-family: "OpenSansBold";
    padding: 1em 0em;
    color: #fff;
    font-weight: bold;
    box-shadow: none;
    text-shadow: 0px 0px .5px var(--black_50);
}
div.megaalert p, a.megaalert p {
    margin-bottom: 0px
}
a.megaalert p:after {
    content: "Click for more information.";
    text-decoration: underline;
    margin-left: 5px;
}
.megaalert, .megaalert.danger {
    background: #CC0000;
    border-bottom: 2px solid #990000;
}
a.megaalert:hover, a.megaalert.danger:hover {
    background: #990000;
}
.megaalert.warning {
    color: #000;
    background: #f4bb00;
    border-bottom: 2px solid #c78500;
}
a.megaalert.warning:hover {
    background: #c78500;
}
.megaalert.success {
    background: #518220;
    border-bottom: 2px solid #245c06;
}
a.megaalert.success:hover {
    background: #245c06;
}
.megaalert.info {
    background: #387B85;
    border-bottom: 2px solid #0f4854;
}
a.megaalert.info:hover {
    background: #0f4854;
}
/****************/
/*BREADCRUMB BAR*/
#breadcrumbs {
    background: #f9f9f9;
    margin-bottom: 0px;
}
.breadcrumb {
    background: inherit;
    box-shadow: none;
    margin-bottom: 0px;
}
.breadcrumb a {
    color: #006685;
}
@media(max-width:767px) {
    .breadcrumb {
        padding: 8px 19px
    }
}
/*palmettogba.com HOME PAGE BOXES*/
/*palmettogba.com HOME PAGE BOXES*/
.dotcomWrapper {
    display: flex;
    width: 1500px;
    max-width: 100%;
    padding: 0em 1.5em;
    margin: auto;
}
.dotcomWrapper > div {
    width: 50%;
    padding: 0em;
    font-size: 24px;
    margin-bottom: 1em;
}
.dotcomWrapper > div h2, .dotcomWrapper > div h3 {}
.dotcomWrapper > div h2 {
    text-align: center;
    font-size: 1.8em
}
.dotcomWrapper > div h3 {
    font-family: bryantPro;
    margin: 0em;
    font-weight: Bold;
    font-size: 1.25em
}
.dotcomWrapper > div button.btn-lg {
    padding: 3em 5em !important: text-transform:uppercase
}
.dotcomWrapper a.btn {
    font-size: 1.1em;
    text-transform: uppercase;
    font-style: normal;
}
.dotcomCorporate {
    background-image: url(../imgs/3.jpg);
    flex-grow: 1em;
    margin-right: 1em;
    color: #FFF;
    background-size: Cover;
    background-position: center;
    color: #FFF;
    display: flex;
    flex-direction: column;
}
.dotcomCorporate h2 {
    color: #FFF;
    text-shadow: 0px 0px 5px #000A
}
.dotcomCorporate div {
    flex-grow: 10000;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.btn-outline:hover {
    color: var(--508_green);
    background: #FFF !important
}
.dotcomMedicare {
    background-image: url(../imgs/1.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    flex-grow: 1em;
    margin-left: 1em;
    color: #FFF;
}
.dotcomMedicare h3 {
    color: #FFF
}
.dotcomMedicare p {
    font-family: bryantPro;
    font-size: .66em;
    margin-top: 0em;
    margin-bottom: .5em;
    font-style: italic;
}
.dotcomMedicare .lobwrapper a {
    display: block;
    color: FFF;
    text-decoration: underline;
    font-size: .8em;
    margin-top: .5em;
    margin-bottom: .8em;
    line-height: 1.15em;
    font-family: bryantPro;
    font-weight: bold
}
.dotcomMedicare .lobwrapper a:hover {
    text-decoration: none
}
.dotcomMedicare > .ntmwrapper {
    padding: 1em;
    margin-bottom: 1em;
    border-bottom: .5em solid #FFF;
    text-align: center;
}
.dotcomMedicare .lobwrapper {
    display: flex;
    flex-direction: row;
    padding: 1.5em 1em;
}
.dotcomMedicare .lobwrapper div {
    break-inside: avoid;
    margin-bottom: 1em;
}
.dotcomMedicare .lobwrapper div:last-child {
    margin-bottom: 0em
}
.dotcomMedicare .lobwrapper div h3 + a {
    margin-top: .66em
}
.dotcomMedicare .lobwrapper h3 {
    white-space: nowrap
}
.dotcomMedicare > div > div:first-child {
    padding-right: 1em;
    border-right: 1px solid #BBB;
    margin-right: 1em
}
@media(max-width:1100px) {
    .dotcomWrapper {
        flex-direction: column;
        width: 100%;
        margin: 0;
        padding: 1em;
    }
    .dotcomWrapper > div {
        width: 100%;
        margin: 0em;
    }
    .dotcomWrapper .dotcomCorporate {
        padding-bottom: 1em;
        ;
        margin-bottom: 1em;
    }
    .dotcomWrapper .dotcomMedicare .lobwrapper {
        columns: 1;
    }
    .dotcomMedicare .lobwrapper > div:last-child {
        margin-bottom: 1em
    }
}
/*****/
/*NEW TO MEDICARE LOB SELECT PAGE*/
.lobmapwrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-left: -.5em;
    margin-right: -.5em;
}
.lobmapwrapper > div {
    flex-grow: 1;
    width: 1px;
    max-width: 100%;
    box-sizing: border-box;
    margin: .5em;
    padding: 1em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    border: 3px solid var(--508_green)
}
.lobmapwrapper h2 {
    font-family: "BryantPro";
    width: 100%;
    text-align: Center;
    font-size: 1.75em;
    margin-top: 0em;
    margin-bottom: -.5em;
}
.lobmapwrapper img {
    width: 100%;
    z-index: -1;
    min-height: 1px;
}
.lobmapwrapper a {
    font-family: "BryantPro";
    width: 100%;
    font-size: 1.4em;
    margin-bottom: .25em;
    line-height: 1.25em;
    text-align: center;
    text-decoration: none;
    font-weight: Bold
}
.lobmapwrapper a:first-of-type {
    margin-top: .5em
}
.lobmapwrapper a:hover {
    text-decoration: underline
}
@media(max-width:1200px) {
    .lobmapwrapper {
        flex-wrap: wrap;
    }
    .lobmapwrapper > div {
        width: 45%
    }
}
@media(max-width:768px) {
    .lobmapwrapper > div {
        width: 100%
    }
    .lobmapwrapper > div img {
        width: auto;
        height: 100px
    }
}
.providertypes {
    display: flex;
    align-items: stretch
}
.providertypes > div {
    padding: 0em;
    width: 10px
}
.providertypes > div:first-child {
    flex-grow: 1
}
.providertypes > div:nth-child(2) {
    flex-grow: 2
}
.providertypes > div:not(:last-child) {
    padding-right: 1em;
    border-right: 1px solid #CCC;
    margin-right: 1em;
}
.providertypes h4 {
    font-size: 2em;
    margin-bottom: .5em;
    font-family: "BryantPro";
    font-weight: bold;
    text-align: Center;
    width: 100%;
}
.providertypes h5 {
    font-size: 1em;
    margin-top: .5em;
    font-weight: bold;
}
.providertypes ul {
    list-style: none;
    padding: 0em;
    margin: 0em;
}
.providertypes ul li {
    line-height: 1.25em;
    margin-bottom: .66em
}
/***********/
/*JUMBOTRON*/
.jumbotron {
    padding: 2em 0em .25em 0em;
    margin-bottom: 0em;
    border-bottom: 1px solid #CCCCCC; /* background:rgb(221,221,221); */ background: -moz-linear-gradient(top, rgba(221, 221, 221, 1) 0%, rgba(238, 238, 238, 1) 21%); /* background:-webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(238,238,238,1) 21%); */ /* background:linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(238,238,238,1) 21%); */ background: #f9f9f9;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#eeeeee', GradientType=0);
}
/*JUMBOTRON ELEMENTS*/
/*INTROBLURB*/
.jumbotron .flexcontainer > div.introblurb {
    border-bottom: 1px solid #CCC;
}
.introblurb h1 {
    font-size: 2.7em !important;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 5px;
}

@media screen and (min-width: 768px) {
	.introblurb h1 {
	    font-size: 2.7em !important;
	    font-weight: bold;
	    margin-top: 0px;
	    margin-bottom: 5px;
	}
}

.jumbotron .flexcontainer > div.introblurb h2 {
    font-size: 38px;
    margin-top: 0px;
    margin-bottom: 5px;
}
.jumbotron .flexcontainer > div.introblurb p {
    margin-top: 0px;
    font-size: 18px;
}
/*INFOBOXES*/
.infobox {
    background: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.infobox > *:last-child {
    flex-grow: 1000
}
.infobox > .info-footer {
    flex-grow: 1000;
    margin-right: 1.3em;
    margin-bottom: 1.3em;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}
.jumbotron .flexcontainer > div.infobox {
    width: auto;
    width: 1%;
    flex-grow: 2;
    border: 3px solid var(--PGBA_brown);
}
/*PHOTOLINKS*/
.jumbotron div.photolinks {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.jumbotron div.photolinks a {
    flex-grow: 1;
    width: 1em;
    display: flex !important;
    flex-direction: column;
    flex-wrap: no-wrap;
    align-items: flex-end;
    height: 200px;
    position: relative;
    overflow: hidden;
    background: #000;
    text-decoration: none !important;
}
.jumbotron div.photolinks a div.overlay {
    z-index: 1;
    flex-grow: 10000;
    width: 100%;
    opacity: 1;
    background-size: cover !important;
    transition: opacity .1s linear;
    background-position: 50% 50% !important;
}
.jumbotron div.photolinks a > span {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    font-size: 18px 1em;
    background: var(--508_green);
    color: #FFF;
    width: 100%;
    text-align: center;
    font-family: "BryantPro";
    text-transform: uppercase;
    padding: 6px 10px 6px 10px;
    letter-spacing: 1px;
    line-height: 1.1;
    transition: background .1s linear;
    box-shadow: 0px 0px 10px #000;
    text-shadow: 0px 0px 3px #245C06;
    border-bottom: 2px solid #518220;
    font-size: 19px;
    font-weight: bold;
}
/*4 Links*/
.jumbotron div.photolinks a:nth-child(1):nth-last-child(4), .jumbotron div.photolinks a:nth-child(2):nth-last-child(3), .jumbotron div.photolinks a:nth-child(3):nth-last-child(2) {
    margin-right: 2%
}
/*3 Links*/
.jumbotron div.photolinks a:nth-child(1):nth-last-child(3), .jumbotron div.photolinks a:nth-child(2):nth-last-child(2) {
    margin-right: 2%
}
/*2 Links*/
.jumbotron div.photolinks a:nth-child(1):nth-last-child(2) {
    margin-right: 2%
}
/*1 Link*/
.jumbotron div.photolinks a:nth-child(1):nth-last-child(1) {
    margin-right: 0%
}
.jumbotron div.photolinks a:hover {
    text-decoration: none;
}
.jumbotron div.photolinks a:hover div.overlay {
    opacity: .9;
}
.jumbotron div.photolinks a:hover span {
    background: #518220
}
/*TEXTLINKS*/
.jumbotron div.textlinks {
    width: 23.5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}
.jumbotron div.textlinks a {
    display: flex;
    background: #009FB8;
    color: #FFF;
    font-family: "BryantPro";
    text-transform: uppercase;
    padding: 12px 12px 10px;
    margin-bottom: 1em;
    letter-spacing: 1px;
    transition: background .2s;
    font-size: 19px;
    font-weight: bold;
    align-content: center;
    align-items: center;
    line-height: 19px;
    border-bottom: 2px solid #008094;
    justify-content: center;
    text-shadow: 0px 0px 3px #006f95;
    flex-grow: 1;
    white-space: normal !important
}
.jumbotron div.textlinks a > span {
    width: 100%;
    text-align: center;
    display: block
}
.jumbotron div.textlinks a:hover {
    background: #008094;
    color: #FFF;
    text-decoration: none;
    border-color: #008094
}
.jumbotron div.textlinks a:last-child {
    margin-bottom: 0em !important
}
/*MEDIUM DESKTOP + SMALL DESKTOP + MOBILE*/
@media(max-width:1199px) {
    .jumbotron div.photolinks {
        flex-wrap: wrap
    }
    .jumbotron div.photolinks a {
        width: 1em;
    }
    .jumbotron div.photolinks a.countDownLink {
        width: 100% !important;
        margin-right: 0% !important;
    }
    .jumbotron div.photolinks a.countDownLink:not(:last-child) {
        margin-bottom: 2em;
    }
    .jumbotron .flexcontainer {
        flex-wrap: wrap
    }
    .jumbotron div.textlinks {
        width: 100%;
        margin-right: 0% !important;
        flex-direction: row;
    }
    .jumbotron div.textlinks a {
        width: 1em;
        flex-grow: 1;
        height: 100%;
        margin-right: 2%
    }
    .jumbotron div.textlinks a > span {
        width: 100%;
        text-align: center;
        display: block
    }
    .jumbotron div.textlinks a:last-of-type {
        margin-right: 0% !important
    }
}
/*MOBILE*/
@media(max-width:991px) {
    .jumbotron div.photolinks a {
        width: 100% !important;
        margin-right: 0% !important;
        margin-bottom: 2em;
    }
    .jumbotron div.photolinks a:last-of-type {
        margin-bottom: 0% !important
    }
    .jumbotron div.photolinks a:not(.countDownLink) {
        flex-direction: row;
        flex-wrap: nowrap;
        height: 125px;
    }
    .jumbotron div.photolinks a:not(.countDownLink) .overlay {
        height: 100%;
        width: 30%;
    }
    .jumbotron div.photolinks a:not(.countDownLink) span {
        width: 70%;
        display: flex;
        height: 100%;
        justify-content: center;
        align-items: center;
    }
    .jumbotron div.textlinks {
        flex-direction: column;
    }
    .jumbotron div.textlinks a {
        width: 100%;
        height: auto;
    }
    .jumbotron div.infobox {
        width: 100% !important;
        margin-right: 0% !important;
    }
}
/*Alternate styles if countdown is a photolink*/
.photolinks a.countDownLink {
    border: none;
    display: flex;
    justify-content: center;
}
.photolinks a.countDownLink .countDownClock {
    margin-bottom: 0px;
    height: 100%;
    width: 100%;
    border: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background: #b8efff;
    box-shadow: 00px 0px 100px #4ed1f9 inset;
}
.photolinks a.countDownLink .countDownClock .deadline {
    color: #000
}
.photolinks a.countDownLink .countDownClock span {
    background: none;
    box-shadow: none;
    border: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #000;
    text-shadow: none;
    font-family: "Elena";
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0px;
    font-size: 1em;
}
.photolinks a.countDownLink:hover .countDownClock span {
    background: none;
    box-shadow: none;
    border: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.photolinks a.countDownLink .countDownClock.warning {
    background: #ffd278;
    box-shadow: 00px 0px 100px #f4bb00 inset;
}
.photolinks a.countDownLink .countDownClock.danger {
    background: #C00;
    box-shadow: 00px 0px 100px #9e0000 inset;
    color: #FFF;
}
.photolinks a.countDownLink .countDownClock.danger span, .photolinks a.countDownLink .countDownClock.danger .deadline {
    color: #FFF
}
@media (max-width: 1199px) {
    .jumbotron div.photolinks a.countDownLink {
        height: auto !important;
        width: 100%;
        max-height: inherit !important;
        flex-direction: column !important;
    }
    .jumbotron div.photolinks a.countDownLink .countDownClock {
        display: inline-block;
        width: 100% !important;
        display: block;
        padding: 15px;
    }
    .jumbotron div.photolinks a.countDownLink .countDownClock .countdown > span {
        display: inline !important;
    }
}
@media(max-width:991px) {
    .jumbotron div.photolinks a.countDownLink {
        height: auto !important;
        max-height: inherit !important;
        flex-direction: column !important;
    }
    .jumbotron div.photolinks a.countDownLink .countDownClock {
        display: inline-block;
        width: 100% !important;
        display: block;
        padding: 15px;
    }
    .jumbotron div.photolinks a.countDownLink .countDownClock .countdown > span {
        display: inline !important;
    }
}
/***********/
/*PAGE BODY*/
.main {
    padding-top: 1em;
    padding-bottom: 3em;
    font-family: "Elena";
    font-size: 18px;
    opacity: .01;
    line-height: 1.5em;
}
.main a {
    text-decoration: underline
}
.main a:visited:not(.btn) {
    color: #006685;
}
.main a:hover:not(.btn), .main a:hover:visited:not(.btn) {
    text-decoration: underline;
    color: #4395a2
}
.main p, .main ul, .main ol {
    color: #2C2521;
}
.main p {
    line-height: 1.5em
}
.main .text-muted { /* color:#bcb4ac; */ font-size: .9em !important;
}
/*PADDING FIXES*/
.main .main {
    padding-top: 0px
}
.main > br:first-child {
    display: none
}
/**************/
/*LEFT SIDEBAR*/
/*SUBTOPIC LIST*/
.subtopiccontainer { /* padding-right:30px; */
}
.subtopiclist {
    border-radius: 0px;
    margin-right: 0px;
    box-shadow: none;
}
.subtopiclist .list-group-item {
    padding: .5em .5em .4em .5em;
    background: #fff;
    border: none;
    font-size: 19px;
    font-weight: bold;
}
.subtopiclist .list-group-item p {
    font-size: .7em;
    margin-bottom: 0px;
    color: #000;
    border: none
}
.subtopiclist .list-group-item a {
    display: block; /* padding-left: 1em; */ line-height: 1.2em;
    text-decoration: none;
    color: #006685 !important;
}
.subtopiclist .list-group-item a:hover {
    text-decoration: underline
}
.subtopiclist .list-group-item.parenttopic {
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #BCB4AC !important;
    padding-top: 0px;
    padding-left: 0em;
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 5px;
}
.subtopiclist .list-group-item.parenttopic.active:before {
    top: 3px;
    left: 0px
}
.subtopiclist .list-group-item.parenttopic img {
    width: 25px;
    height: 25px;
    margin-bottom: 5px
}
.subtopiclist .list-group-item.parenttopic a {
    font-size: 1.1em;
    padding-left: .5em;
}
.subtopiclist .list-group-item.active {
    background: #fff;
    text-shadow: none;
}
.subtopiclist .list-group-item.active:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 0px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 7px 0px 7px 7px;
    border-radius: 100%;
    border-color: transparent transparent transparent #72b431;
}
/*AD WIDGET*/
div.adWidget {
    display: flex;
    flex-direction: column
}
div.adWidget > a {
    transition: .33s;
    display: flex;
    flex-direction: column;
    border: 1px solid #AAA;
    background: #EEE;
    margin-bottom: .5em;
    padding: .5em;
    text-decoration: none;
    color: #000000 !important;
    justify-content: flex-start;
    align-items: flex-start;
    hyphens: auto;
}
div.adWidget > a > .title {
    width: 100%;
    font-family: "BryantPro";
    font-weight: bold;
    text-decoration: none !important;
    text-transform: uppercase;
    display: block;
    line-height: 1.15em;
    margin-bottom: .25em
}
div.adWidget > a > .blurb {
    width: 100%;
    font-size: .8em;
    line-height: 1.2em
}
div.adWidget > a > .blurb:after {
    content: " >"
}
div.adWidget > a:hover {
    color: #006685 !important;
    background: #FFF;
    border-color: #006685;
    text-decoration: none
}
div.adWidget > a:hover > .blurb {
    text-decoration: underline !important
}
@media(max-width:991px) {
    div.adWidget {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: .75em;
    }
    div.adWidget > a {
        flex-basis: 100%;
    }
    div.adWidget > a:not(:first-child) {
        margin-left: .5em
    }
}
@media(max-width:991px) {
    .subtopiclist {
        border: 1px solid #e9e9e9;
        padding: 1em .75em .5em .75em;
        /* display: none; */
    }
    .subtopiclist .list-group-item.parenttopic, .subtopiclist .list-group-item {
        background: none;
    }
    .subtopiclist .list-group-item.parenttopic a {
        font-size: 16px;
    }
    .subtopiclist .list-group-item a {
        font-size: 14px;
    }
    .subtopiclist .list-group-item {
        padding: .25em .5em
    }
    .subtopiclist .list-group-item.active:before {
        top: 10px;
        border-width: 5px 0px 5px 5px;
    }
}
/***************/
/*RIGHT SIDEBAR*/
.sidebarcontent {
    padding-top: 3em;
    font-size: .9em;
    text-align: center;
    background: #FFF
}
.sidebarcontent p {
    margin-top: 1em
}
.sidebarcontent button {
    margin-bottom: .5em;
    border: none;
    opacity: .5;
    padding: .8em;
    border-radius: 2px;
    background: none;
    font-family: "BryantPro";
    color: rgb(119, 119, 119);
    font-size: 11px
}
.sidebarcontent button:hover {
    opacity: .5;
    background: #EEE
}
.sidebarcontent button.backtotop {
    display: none;
    padding: .5em;
    line-height: 14px
}
.social a img {
    display: inline-block;
    width: 30%;
    margin: 5%;
    max-height: 50px
}
@media(max-width:768px) {
    .sidebarcontent {
        /* position: fixed; */
        bottom: 0px;
        left: 0px;
        width: 100%;
        border-top: 1px solid #bcb4ac;
        z-index: 10000;
        height: 4em;
    }
    .sidebarcontent br {
        display: none
    }
    .sidebarcontent button {
        margin: 8px 5px 8px 5px
    }
    .sidebarcontent button.backtotop {
        display: inline-block !important;
        position: relative;
        top: 3px;
    }
}
/****************/
/*CENTER SECTION*/
/*SUPER INTRO*/
div.superIntro {
    padding-bottom: 1.25em;
    border-bottom: 1px solid #CCC;
    margin-bottom: 1.5em;
}
div.superIntro p.superIntroSentence {}
div.superIntro div.superIntroBanner[hidden] {
    display: none !important
}
div.superIntro div.superIntroBanner {
    display: flex;
    background: #008094;
    padding: 1.25em 1.25em 1.4em 1.5em;
    margin-bottom: 1.5em;
}
div.superIntro div.superIntroBanner img {
    max-width: 60px;
    max-height: 60px;
    margin-right: 1em;
    filter: invert()
}
div.superIntro div.superIntroBanner > div {
    flex-grow: 10000;
    display: flex;
    flex-direction: column;
}
div.superIntro div.superIntroBanner h2 {
    margin-top: 0px;
    margin-bottom: .05em;
    font-family: "BryantPro";
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
}
div.superIntro div.superIntroBanner p {
    color: #FFF !important;
    margin-bottom: .1em
}
div.superIntro div.superIntroBanner p:last-child {
    margin-bottom: 0em;
    margin-top: 1em
}
div.superIntro div.superIntroBanner a {
    background: #FFF;
    color: #FFF;
    font-family: "BryantPro";
    font-weight: bold;
    text-transform: uppercase;
    padding: .5em .75em;
    text-decoration: none
}
div.superIntro div.superIntroBanner a:hover {
    text-decoration: underline;
    background: var(--black_10);
    color: #FFF
}
div.superIntro div.superIntroBanner a:last-of-type {
    background: #FFF;
    color: #008094;
}
div.superIntro div.superIntroBanner a:last-of-type:hover {
    background: rgba(255, 255, 255, .9)
}
div.superIntro div.superIntroLinks {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
div.superIntro div.superIntroLinks > div {
    display: flex;
    flex-direction: column;
    width: 29%;
    min-width: 200px;
    justify-content: flex-start;
    align-items: center;
    margin: 1% 2%;
}
div.superIntro div.superIntroLinks > div:nth-child(1):nth-last-child(4), div.superIntro div.superIntroLinks > div:nth-child(2):nth-last-child(3), div.superIntro div.superIntroLinks > div:nth-child(3):nth-last-child(2), div.superIntro div.superIntroLinks > div:nth-child(4):nth-last-child(1) {
    width: 40%;
}
div.superIntro div.superIntroLinks > div > svg {
    width: 60px;
    height: 60px;
    margin-bottom: .5em;
    fill: var(--PGBA_brown)
}
div.superIntro div.superIntroLinks > div > img {
    margin-bottom: .5em;
    width: 60px;
    height: 60px;
    filter: invert(1);
    filter: invert(37%) sepia(15%) saturate(456%) hue-rotate(349deg) brightness(97%) contrast(88%);
}
div.superIntro div.superIntroLinks > div > svg[color="brown"] {
    fill: var(--PGBA_brown)
}
div.superIntro div.superIntroLinks > div > svg[color="blue"] {
    fill: #0095bb
}
div.superIntro div.superIntroLinks > div > svg[color="green"] {
    fill: var(--508_green)
}
div.superIntro div.superIntroLinks > div > a {
    text-align: center;
    text-decoration: none;
    font-family: "BryantPro";
    font-weight: Bold;
    text-transform: uppercase;
    line-height: 1.1em;
    margin-bottom: .4em;
    width: 100%;
}
div.superIntro div.superIntroLinks > div > p {
    font-size: .9em;
    line-height: 1.4em;
    text-align: center;
    width: 100%
}
/*ARTICLE*/
.article .backtotopic {
    display: none;
    margin-bottom: .25em !important
}
@media(min-width:992px) {
    .subtopiccontainer + .article {
        border-left: 1px solid #bcb4ac;
        padding-left: 30px;
    }
}
div.introText ~ br, div.introText > br:first-child {
    display: none;
} /*remove extra spaces after intro text*/
/*Auto Launcher*/
#automsg {
    --autoMsgColorDefault: #006988;
    --autoMsgColorFailed: #C00;
    --autoMsgColor: var(--autoMsgColorDefault);
    counter-reset: bounceCount;
    border: 3px solid var(--autoMsgColor);
    margin: 1em 0em;
}
#automsg.failed {
    --autoMsgColor: var(--autoMsgColorFailed)
}
#automsg h2 {
    font-weight: bold;
    font-family: "Bryant Pro";
    display: inline-block;
    background: var(--autoMsgColor);
    color: #FFF;
    margin: 0em;
    font-size: 1.25em;
    padding: .25em .66em
}
#automsg p {
    margin: .5em 1em 0em;
}
#automsg p:first-of-type {
    margin-top: 1em
}
#automsg p:last-child {
    margin-bottom: 1em
}
#automsg a {
    font-weight: bold;
    display: block;
    margin-top: .25em
}
#automsg h2 span {
    counter-increment: bounceCount;
    position: relative;
    animation-name: bounce;
    animation-duration: 1s;
    animation-iteration-count: 10;
    animation-timing-function: ease-in-out;
}
#automsg h2 span:nth-child(2) {
    animation-delay: .1s
}
#automsg h2 span:nth-child(3) {
    animation-delay: .2s
}
@keyframes bounce {
    0% {
        bottom: 0px;
    }
    25% {
        bottom: 2px;
    }
    50% {
        bottom: 0px;
    }
    100% {
        bottom: 0px;
    }
}
/*STEP BY STEP GUIDES*/
.stepguide {
    padding: 1em 0em
}
.stepguide > div {
    padding: 1.5em 0em;
    border-top: 3px solid #72b431;
    display: flex;
    justify-content: flex-start
}
.stepguide > div > div:first-child {
    border: 5px solid #72b431;
    border-radius: 100%;
    width: 100px !important;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--508_green);
    font-size: 66px;
    font-family: bryantPro;
    font-weight: bold;
    line-height: 1em;
    margin-right: .5em;
    min-width: 100px;
}
.stepguide > div > div:last-child {
    width: auto
}
.stepguide h2 {
    margin-top: 0px;
    color: var(--508_green);
    font-family: bryantPro;
    font-weight: bold
}
/*TABLES*/
.main table th, .main table td {}
.article table {
    width: 100%;
    margin: 0em
}
.article table:not(.dataTable) {
    margin-bottom: 2em
}
.article table > tbody > tr:nth-child(odd) {
    background: #FFF
}
.article table > tbody > tr:nth-child(even) {
    background: #F6F4F2
}
.article table > thead > tr > th {
    border-bottom: 2px solid var(--PGBA_brown) !important;
    background: #ede9e4;
    color: #000;
    border-top: 1px solid #bcb4ac;
    text-shadow: none;
    padding: .5em .5em .2em;
    font-size: 110%;
    vertical-align: bottom
}
.article table td {
    padding: 1em;
    vertical-align: top;
}
.article table.dataTable th {
    border-top: none !important
}
table.groupedByRowClass > tbody > tr:nth-child(even) {
    background: #FFF
}
table.groupedByRowClass th{position:absolute; left:-100000px; opacity:.0001}
table.groupedByRowClass td {
    vertical-align: top;
    padding: 0px 0px 1em 0px;
}
table.groupedByRowClass td:first-child {
    width: 80px;
    padding-right: .75em;
    font-family: "BryantPro";
    font-size: .75em;
    position: relative;
    top: -.35em;
}
table.groupedByRowClass span.description {
    font-size: .75em;
    color: #000;
    font-family: "BryantPro";
    margin-bottom: 0;
    text-decoration: none;
    font-style: italic;
    position: relative;
    top: -.35em;
}
table.groupedByRowClass span.description:first-child {}
table.groupedByRowClass a {
    display: block;
    margin-bottom: .35em;
    line-height: 1.2em;
    margin-top: 0;
    text-decoration: none; /* margin-left:1em; */ /* text-indent:-1em; */
}
table.groupedByRowClass span.description + a {
    margin-top: -6px
}
table.groupedByRowClass a + span.description {
    padding-top: 10px;
    display: block;
}
table.groupedByRowClass tr.showallrow {
    display: table-row;
    font-weight: bold;
}
table.groupedByRowClass[description=false] span.description {
    display: none
}
/*SWITCH ELEMENT*/
.selectlist {
    margin-bottom: 1em
}
.selectlist li:first-child {
    font-size: 125%
}
.selectlist li:not(:first-child) {
    margin-left: .45em
}
input[type=checkbox] {
    display: none
}
input[type=checkbox] + label {
    flex-basis: 50%;
    font-size: 1em;
    font-weight: normal;
    user-select: none;
    color: #000;
    cursor: pointer
}
input[type=checkbox] + label > .switch {
    width: 2em;
    height: 1em;
    display: inline-block;
    background: #CCC;
    border-radius: 1em;
    margin-right: 15px;
    position: relative;
    top: .15em;
    cursor: pointer
}
input[type=checkbox] + label > .switch::after {
    content: " ";
    width: .7em;
    height: .7em;
    background: #FFF;
    position: absolute;
    top: .15em;
    left: .15em;
    border-radius: 100%;
    transition: .2s
}
input[type=checkbox]:checked + label {
    color: #000
}
input[type=checkbox]:checked + label > .switch {
    background: #72b431
}
input[type=checkbox]:checked + label > .switch::after {
    left: 1.15em
}
.selectlist:not(:first-of-type) li:not(:first-child) {
    display: none
}
.selectlist .selectspecific {
    display: block;
    font-family: "BryantPro";
    text-transform: uppercase;
    font-size: .6em;
    margin-left: 4.3em;
    margin-top: -.5em
}
/*DESCRIBEDLINKS*/
.describedlinks a {
    display: block;
    margin-bottom: 0.5em;
    break-inside: avoid;
    text-decoration: none;
}
.describedlinks a span {}
.describedlinks a span.title {
    font-family: "Elena";
    line-height: 115%;
    padding-bottom: 0px;
    font-size: 1em;
    font-weight: bold;
}
.describedlinks a span.description {
    font-family: "Elena";
    color: #000;
    line-height: 130%;
    font-size: .9em;
    display: block;
}
.describedlinks a:hover {
    text-decoration: none
}
.describedlinks a:hover span.title {
    text-decoration: underline;
}
.describedlinks a:hover span.description {
    color: #000
}
.describedlinks a[new]:after {
    content: "NEW";
    display: inline;
    background: #004357;
    color: #FFF;
    border-radius: 2px;
    font-size: 12px;
    font-family: "BryantPro";
    padding: 2px 5px 2px 4px;
    margin-left: 1em;
    position: relative;
    top: -4px;
}
.describedlinks a[updated]:after {
    content: "UPDATED";
    display: inline;
    background: #004357;
    color: #FFF;
    border-radius: 2px;
    font-size: 12px;
    font-family: "BryantPro";
    padding: 2px 4px;
    margin-left: 1em;
    position: relative;
    top: -4px;
}
.topnews a {
    margin-bottom: .75em
}
.topnews a span.title, .topicslisting a:first-child span.title {
    font-size: 1.5em !important
}
.recentnewstable a span.title {
    font-size: 1em;
    font-weight: bold;
}
.keytopics {
    margin: 2em 0em
}
.keytopics a {
    text-align: center;
    font-size: 105% !important
}
.keytopics a span.title {
    margin-bottom: .25em
}
.keytopics a img {
    margin-bottom: 1em;
    height: 72px
}
.topicslisting > div {
    margin-bottom: 2em;
    break-inside: avoid !important;
    border-radius: 3px;
}
.topicslisting a.topic {
    margin-bottom: .15em;
}
.topicslisting a.topic:last-child {
    margin-bottom: -8px
}
.topicslisting a.subtopic {
    padding: 0em 0em 0em;
    margin-bottom: 0em;
    text-indent: -1.45em;
    margin-left: 0em;
    padding-left: 1em;
}
.topicslisting a.subtopic:before {
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #006685;
    border-radius: 100%;
    position: relative;
    top: -4px;
    margin-left: 10px;
    margin-right: 4px;
}
.topicslisting a.subtopic:nth-child(2) {
    border-top: 1px solid #f0f0f0;
    padding-top: .5em;
}
.topicslisting a.subtopic .title {
    font-size: 1em;
}
.describedlinks a.more {
    color: #4395a2;
    font-family: "Elena"; /* text-transform:uppercase; */ display: inline-block;
    text-decoration: none;
    font-weight: bold;
}
.describedlinks a.more::after {
    content: " \003e"
}
.describedlinks a.more:hover {
    text-decoration: none;
    color: #006f95
}
/*SEARCH RESULTS PAGE*/
#searchresults li>a:before{
              height:var(--iconSize); 
              width:var(--iconSize); 
              background-repeat:no-repeat; 
              background-position:center center; 
              float:left; 
              margin-right:var(--iconMargin); 
              content:""
       }
       #searchresults li.result_article>a:before{background-image:url(article.svg); filter: invert(36%) sepia(9%) saturate(833%) hue-rotate(349deg) brightness(98%) contrast(82%);}
       #searchresults li.result_event>a:before{background-image:url(calendar.svg); filter: invert(74%) sepia(53%) saturate(4322%) hue-rotate(2deg) brightness(94%) contrast(105%);}
       #searchresults li.result_file>a:before{background-image:url(file.svg); filter:none;}
       #searchresults li.result_file.pdf>a:before{background-image:url(filepdf.svg);}
       #searchresults li.result_file.doc>a:before{background-image:url(filedoc.svg);}                                         
       #searchresults li.result_form>a:before{background-image:url(form.svg); filter: invert(20%) sepia(27%) saturate(6%) hue-rotate(2deg) brightness(95%) contrast(100%);}      
       #searchresults li.result_tool>a:before{background-image:url(tool.svg); filter: invert(54%) sepia(53%) saturate(6466%) hue-rotate(160deg) brightness(101%) contrast(103%);}      
       #searchresults li.result_topic>a:before{background-image:url(topic.svg); filter:invert(70%) sepia(11%) saturate(2430%) hue-rotate(48deg) brightness(88%) contrast(86%);}                        
#searchresults .title {
    color: var(--linkColor);
    margin-bottom: .05em;
    font-size: 1.25em !important;
    line-height: 1.25em;
    margin-bottom: .2em;
    display: block;
}
#searchresults .des {
    margin-bottom: .25em;
    /* margin-top: -.3em; */
    font-size: 1.2em;
}
#searchresults .text-muted {
    margin-top: 0px;
    font-size: 13px;
    color: #666;
}
#refineresults {
    /* font-size: .9em; */
}
#refineresults select {
    display: block;
    width: 100%;
    padding: .5em .25em;
    margin-bottom: 1em
}
#refineresults li {
    /* color: #00a8c3; */
    margin-left: 1em;
    /* text-indent: -1em; */
    margin-bottom: .25em
}
#refineresults li.active {
    font-weight: bold;
}
#refineresults li.active .flag{
    background:var(--linkColor);
    color:#FFF;
}
#refineresults li:not(:only-child).active::after {
    content: "Clear Filter"; 
    display:block;
    margin-left:.5em;
    font-size:90%;
    color:var(--linkColor);
    text-decoration:underline;
    cursor:pointer;
}
#refineresults li:not(:only-child).active:hover{text-decoration:underline;}

/*SPLASH PAGE*/
.titleimg {
    height: 90px;
    width: 90%;
    margin: 3em 5% 1em 5%
}
.splashwrapper {
    display: flex;
    max-width: 1400px;
    margin: auto
}
.splashwrapper > div {
    background-size: cover !important;
    width: 50%;
    padding: 40px 80px;
    margin-bottom: 1em
}
@media(max-width:991px) {
    .splashwrapper {
        display: block
    }
    .splashwrapper > div {
        width: 100%
    }
}
.splashwrapper > div:first-of-type {
    margin-right: 30px
}
.splashwrapper h3, .splashwrapper p, .splashwrapper a {
    color: #FFF
}
.splashwrapper h3 {
    margin-top: 1em;
    font-size: 150%
}
.splashwrapper h3:first-child {
    margin-top: 0px
}
.splashwrapper p {
    font-size: .9em
}
.splashwrapper ul {
    padding-left: 0px
}
.splashwrapper li {
    list-style: none
}
.splashwrapper li a {
    display: block;
    border-bottom: 1px solid #FFF;
    padding: 10px .5em 5px;
    margin-left: 0px;
    font-size: .9em
}
.splashwrapper li a:hover {
    background: #72b431;
    text-decoration: none
}
.splashwrapper li:first-child {
    border-top: 1px solid #FFF
}
.splashwrapper button {
    margin: 1em;
    background: #72b431;
    color: #FFF;
    border: none;
    font-family: "BryantPro";
    text-transform: uppercase;
    padding: .75em 1.5em;
    text-align: center
}
/*CONTACT US PAGE*/
.fieldgroup {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 1em;
}
.fieldgroup h2 {
    grid-column: 1/-1;
    margin-bottom: 0em;
}
.fieldgroup label {
    grid-column: 1;
    position: relative;
    top: 12px
}
.fieldgroup label.extralabel {
    position: absolute;
    top: -10000px;
    left: -10000px;
}
.fieldgroup .fieldwrapper {
    grid-column: 2;
    position: relative;
    float: left;
    width: 100%;
    display: flex;
}
.fieldgroup .fieldwrapper p {
    position: relative;
    top: 12px;
    margin: 0em;
}
.fieldgroup .fieldwrapper.fieldwrappercolumn {
    flex-direction: column;
}
.fieldgroup .fieldwrapper.fieldwrappercolumn > * {
    margin-bottom: .25em
}
.main .article > .date {
    font-size: 12px;
}
.main li ol, .main li ul {
    margin-bottom: 1em;
}
/*PRETTY ALPHA LISTS*/
.main ol.fancyList {
    counter-reset: alphaList;
    list-style: none;
    padding-left: 0em;
    position: relative;
}
.main ol.fancyList > li {
    counter-increment: alphaList;
    margin-left: 2.5em;
    font-family: bryantPro;
    font-weight: bold;
    margin-bottom: 1em
}
.main ol.fancyList > li > ul, .main ol.fancyList > li > ol {
    font-family: "Elena";
    font-weight: normal
}
.main ol.fancyList > li::before {
    content: counter(alphaList, lower-alpha);
    position: absolute;
    left: 0em;
    text-transform: uppercase;
    width: 1.55em;
    height: 1.5em;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    background: var(--508_green);
    color: #FFF
}
.main ol.fancyList > li > p:first-child {
    font-size: 1.1em;
    font-family: bryantPro;
    font-weight: bold;
}
.main ol.fancyList > li > p:not(:first-child) {
    font-size: 1em;
}
.main ol.fancyList > li > p ~ p {
    font-family: "Elena";
    font-size: .8em;
    font-weight: normal;
}

/*****/
/* Article Update Notification */
.softboxA {
    position: relative;
    display: block;
    background: #FCFCFC;
    border: 2px solid #EEE;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 1em;
}
.softboxA:first-of-type {
    margin-top: 0px
}
.softboxA h2 {
    margin-top: 0em;
    padding-top: 0em;
    padding-bottom: .1em;
    margin-bottom: .1em;
    font-size: 1.7em
}
.softboxA h3 {
    margin-top: 0em;
    padding-top: 0em;
    padding-bottom: .1em;
    margin-bottom: .1em;
}
.softboxA .bgA {
    position: absolute;
    display: none;
    top: 1em;
    right: 1em;
    height: 5em;
    width: 5em;
    opacity: .25;
}
/*FANCY NUMBERED LISTS*/

    .timelinewidget > a, .timelinewidget > a:visited {
        border: 3px solid #009FB8;
        padding: .5em .5em;
        font-family: bryantPro;
        font-weight: bold;
        text-decoration: none;
        line-height: 1.1em;
        transition: .1s;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.1em;
        width: 100%;
        background: #009FB8;
        color: #FFF !important;
    }
    .timelinewidget > a:hover {
        background: #007c90;
        color: #FFFFFF !important;
        text-decoration: none !important
    }
    .timelinewidget ol {
        counter-reset: list-counter;
        list-style: none;
        padding-left: 40px;
        padding: 0em;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin: 0em 0em 1em;
        flex-grow: 2;
        width: 100%;
    }
    .timelinewidget ol li {
        counter-increment: list-counter;
        position: relative;
        font-family: bryantPro;
        font-weight: bold;
        font-size: 1.25em;
        flex-direction: row;
        text-align: left;
        line-height: 1em;
        margin-bottom: 0;
        font-size: 1em;
        border-left: 3px solid #009FB8;
        flex-grow: 10;
        display: flex;
        align-items: center;
        padding: 1em 0em .75em 1.5em;
        margin: 0em 0em 0em 1em;
    }
    .timelinewidget ol li::before {
        display: block;
        content: '\2713';
        background: #009FB8;
        border: 3px solid #009FB8;
        color: #fff;
        font-family: bryantPro;
        font-weight: bold;
        position: absolute;
        --size: 32px;
        font-size: calc(.5 * var(--size));
        left: calc(-1 * var(--size) + 14px);
        line-height: calc(var(--size) - 5px);
        width: var(--size);
        height: var(--size);
        top: calc(50% - 1px - var(--size)/2);
        border-radius: 50%;
        text-align: center;
        z-index: 2;
    }
    .timelinewidget ol li.done:before {
        content: '\2713'
    }
    .timelinewidget ol li.active ~ :not(li) {
        content: inherit
    }
    .timelinewidget ol li.active:before {
        content: counter(list-counter);
        background: #FFF;
        color: #009FB8;
        z-index: 2
    }
    .timelinewidget ol li.active:after {
        content: "";
        height: 50%;
        width: 3px;
        position: absolute;
        top: 0px;
        left: -3px;
        background: #009FB8;
        z-index: 1;
    }
    .timelinewidget ol li:not(.active):last-child:after {
        content: "";
        height: 50%;
        width: 3px;
        position: absolute;
        top: 50%;
        left: -3px;
        background: #FFF;
        z-index: 1;
    }
    .timelinewidget ol li.active:last-child {
        border-left-color: #FFF
    }
    .timelinewidget ol li.active ~ li:before {
        content: counter(list-counter);
        background: #eee;
        color: #000;
        border-color: #eee
    }
    .timelinewidget ol li.active, .timelinewidget ol li.active ~ * {
        border-left: 3px solid #eee
    }
    .timelinewidget ol li > a {
        text-decoration: none;
        position: relative;
        top: -2px;
    }
    .timelinewidget ol li > a:hover {
        text-decoration: underline
    }

/*AD WIDGET*/
div.adWidget {
    display: flex;
    flex-direction: column
}
div.adWidget > a {
    transition: .33s;
    display: flex;
    flex-direction: column;
    border: 1px solid #AAA;
    background: #EEE;
    margin-bottom: .5em;
    padding: .5em .6em .5em .5em;
    text-decoration: none;
    color: #000;
    justify-content: flex-start;
    align-items: flex-start
}
div.adWidget > a > .title {
    width: 100%;
    font-family: "BryantPro";
    font-weight: bold;
    text-decoration: none !important;
    text-transform: uppercase;
    display: block;
    line-height: 1.15em;
    margin-bottom: .25em
}
div.adWidget > a > .blurb {
    width: 100%;
    font-size: .8em;
    line-height: 1.2em
}
div.adWidget > a > .blurb:after {
    content: " >";
    width: 10px;
    display: inline-block;
    margin-left: 4px
}
div.adWidget > a:hover {
    color: #006685 !important;
    background: #FFF;
    border-color: #006685;
    text-decoration: none
}
div.adWidget > a:hover > .blurb {
    text-decoration: underline !important
}
@media(max-width:991px) {
    div.adWidget {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: .75em;
    }
    div.adWidget > a {
        flex-basis: 100%;
    }
    div.adWidget > a:not(:first-child) {
        margin-left: .5em
    }
}
div.adWidget > a[action="1"] {
    order: 1
}
div.adWidget > a[action="2"] {
    order: 2
}
div.adWidget > a[action="3"] {
    order: 3
}
div.adWidget > a[action="4"] {
    order: 4
}
div.adWidget > a[action="5"] {
    order: 5
}
/* Qualtrics Widget */
.pgbaQualtricsWidget {
    position: relative;
    background: var(--508_green);
    border: 9px double var(--508_green);
    background-clip: content-box;
    color: #FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0em;
}
.pgbaQualtricsWidget > div {
    padding: 1em 1em 1.25em 1em
}
.pgbaQualtricsWidget h2, .pgbaQualtricsWidget p {
    margin-top: 0em;
    color: #FFF;
    font-weight: bold;
    font-family: "BryantPro"
}
.pgbaQualtricsWidget h2 {
    margin-bottom: .1em;
    font-size: 2em;
}
.pgbaQualtricsWidget p {
    font-size: 19px;
    margin-bottom: 0em;
}
.pgbaQualtricsWidget a {
    border: none;
    background: #FFF;
    padding: .66em 1em;
    margin-right: 1.5em;
    font-family: "BryantPro";
    font-size: 19px;
    font-weight: bold;
    color: var(--508_green) !important;
    text-decoration: none !important;
}
.pgbaQualtricsWidget a:hover {
    text-decoration: underline;
    box-shadow: 0px 0px 0px 5px #0003
}
.pgbaQualtricsWidget a {
    color: var(--508_green);
    text-decoration: none;
}

/*PCID REDIRECT PAGE*/
.PCIDloadingwrapper, .PCIDlinkwrapper {
    position: absolute;
    background: #FFF;
    width: 100%;
    height: 100%;
}
.PCIDloadingwrapper .wrapperinner, .PCIDlinkwrapper .wrapperinner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center
}
.PCIDloadingwrapper h1 {
    font-family: "BryantPro";
    font-weight: bold;
    text-transform: uppercase;
    color: var(--508_green);
    font-size: 1.5em
}
.PCIDloadingwrapper .loadingbar {
    width: 100%;
    max-width: 250px;
    height: 1.5em;
    border-radius: 1.5em;
    background: #72b431;
    overflow: hidden;
    position: relative;
}
.PCIDloadingwrapper .loadingbar div {
    height: 1000%;
    transform: rotate(30deg);
    animation-timing-function: linear;
    background: #fff5;
    position: absolute;
    top: -500%;
    animation-name: slide;
    animation-iteration-count: infinite;
    animation-delay: -41s
}
.PCIDloadingwrapper .loadingbar div:nth-child(0) {
    width: 5%;
    animation-duration: 5s;
}
.PCIDloadingwrapper .loadingbar div:nth-child(1) {
    width: 10%;
    animation-duration: 7s;
}
.PCIDloadingwrapper .loadingbar div:nth-child(2) {
    width: 15%;
    animation-duration: 11s;
}
.PCIDloadingwrapper .loadingbar div:nth-child(3) {
    width: 20%;
    animation-duration: 13s;
}
.PCIDloadingwrapper .loadingbar div:nth-child(4) {
    width: 25%;
    animation-duration: 17s;
}
.PCIDlinkwrapper {
    display: none;
}
.PCIDlinkwrapper h1 {
    color: #000;
    margin-bottom: .25em
}
.PCIDlinkwrapper p {
    font-size: 1.25em
}
.PCIDlinkwrapper a {
    font-family: "BryantPro";
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.5em
}
.PCIDlinkwrapper button {
    margin-top: .5em;
}
@keyframes slide {
    0% {
        left: -30%
    }
    50% {
        left: 130%
    }
    100% {
        left: -30%
    }
}
/*CONTACT US*/
/*CONTACT SIDEBAR LINK*/
main #topicNav a.contactSidebarLink {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 1.1em 0em 1em;
    display: grid;
    font-size:1em;
    grid-template-columns: 40px 1fr;
    grid-template-areas: "image text";
    grid-gap: .75em;
    text-decoration: none !important;
    margin: .5em 0em;
}
a.contactSidebarLink svg {
    grid-area:image;
    fill: var(--508_green);
}
a.contactSidebarLink img {
    grid-area:image;    
    filter: invert(49%) sepia(52%) saturate(549%) hue-rotate(47deg) brightness(103%) contrast(92%);
}
a.contactSidebarLink div {
    grid-area:text;
    margin-top: -.25em
}
a.contactSidebarLink div span {
    display: block;
}
a.contactSidebarLink div span:first-child {
    font-family: "Elena";
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: .1em
;font-size: .95em;}
a.contactSidebarLink div span:not(:first-child) {
    font-size: 15px;
    line-height: 1.15em;
    color: #444;
    font-weight: normal;
}
/*TITLE LINK*/
a.titleLink {
    display: inline-block;
    font-weight: bold;
    font-size: .9em;
    text-decoration: none;
}
a.titleLink + h1 {
    margin-top: .15em
}
/*ICONGRID COMPONENT*/
.iconGrid {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 1px 0px;
    --iconSize: 75px;
    --iconMargin: 2em;
}
/*CHILDREN*/
.iconGrid > div {
    background: #FFF;
    padding: 2em 0em 1em
}
.iconGrid .flexcontainer {
    margin-top: 1.5em
}
.iconGrid .flexcontainer > div {
    margin-bottom: 0em;
    padding-bottom: 0em
}
.iconGrid > div:nth-child(1), .iconGrid > div:nth-child(2) {
    padding-top: 1em
}
.iconGrid h2:first-child {
    margin-top: 0em;
    font-size: 1.5em
}
.iconGrid svg, .iconGrid img {
    width: var(--iconSize);
    max-width: var(--iconSize);
    max-height: var(--iconSize);
    margin-right: var(--iconMargin)
}
.iconGrid svg {
    fill: var(--508_green);
}
.iconGrid img {
    filter: invert(49%) sepia(52%) saturate(549%) hue-rotate(47deg) brightness(103%) contrast(92%);
}
.iconGrid h2 + div.flexcontainer {
    margin-top: 0em
}
.iconGrid .flexcontainer > div:nth-child(2):last-child {
    flex-grow: 2
}
/*MODIFIERS*/
.iconGrid.ruled {
    background: #CCC
} /*LINES BETWEEN ROWS*/
.iconGrid.smallIcons { /*SHRINK ICONS*/
    --iconSize: 60px;
    --iconMargin: 1.5em
}
.iconGrid.smallIcons > div {
    padding-top: 2em
}
.iconGrid.smallIcons > div:nth-child(1), .iconGrid.smallIcons > div:nth-child(2) {
    padding-top: 1em
}
@media(max-width:500px) {
    .iconGrid {
        grid-template-columns: 1fr;
        grid-gap: 0px
    }
    .iconGrid h2 {
        text-align: center
    }
    .iconGrid > div:nth-child(odd) {
        text-align: center;
        padding-bottom: .5em
    }
    .iconGrid > div:nth-child(even) {
        margin-bottom: 1px;
        padding-top: 1em;
    }
    .iconGrid div.flexcontainer > div {
        margin: 0em 0em 1em 0em !important;
        padding: 0em !important
    }
    .iconGrid div.flexcontainer.ruled > div {
        border-bottom: none
    }
    .iconGrid div.flexcontainer > div > *:last-child {
        padding-bottom: 0em;
        margin-bottom: 0em
    }
    .iconGrid h2 > span {
        display: block
    }
    .iconGrid img {
        margin-right: 0px
    }
}
/*CARD LINKS*/
.cardLinks {
    position: relative;
    margin-top: 1em;
    margin-bottom: 2em;
    margin-left: -1em;
    margin-right: -1em;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0;
    grid-auto-flow: column;
    --colgap: 1em
}
.cardLinks:after {
    position: absolute;
    content: " ";
    width: 1px;
    height: calc(100% + 2em);
    top: -1em;
    right: 0px;
    background: #FFF
}
.cardLinks > a {
    position: relative;
    line-height: 1.3em;
    color: #444 !important;
    font-size: .9em;
    display: block;
    border: 1px solid #DDD;
    box-shadow: 0px 0px 1em var(--black_02), 0px 0px 3px var(--black_10);
    padding: 1em;
    border-radius: 3px;
    text-decoration: none;
    margin-top: .25em;
    margin-bottom: .25em;
    margin-left: var(--colgap);
    margin-right: var(--colgap);
}
.cardLinks > a:hover {
    background: #00a8c311;
    box-shadow: 0px 0px 1em var(--black_10), 0px 0px 3px var(--black_50);
    text-decoration: none !important;
}
.cardLinks > a > strong {
    display: block;
    font-size: 1.25em;
    color: #006685;
    line-height: 1.25em;
    font-size: 1.15em;
    font-weight: bold;
    margin-bottom: .25em
}
.cardLinks > a:hover > strong {
    text-decoration: underline !important;
}
.cardLinks > a:after {
    position: absolute;
    content: " ";
    width: 1px;
    height: calc(100% + 1em);
    top: -.5em;
    right: calc(-1 * var(--colgap) - 1px);
    background: #CCC
}
@media(max-width:1000px) {
    .cardLinks {
        grid-template-columns: 1fr 1fr !important;
    }
}
@media(max-width:650px) {
    .cardLinks {
        display: block !important
    }
}


/*EVENTLIST / EVENT CALENDAR SHARED STYLES*/

.eventlist {
    list-style: none;
    padding: 0em;
    margin: 1.3em 1.3em 0em 1.3em
}
.eventlist li {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: .33em 1em;
    margin-bottom: .5em
}
.eventlist li p {
    margin: 0em;
    padding: 0em;
}
.eventlist .eventheader {
    grid-column: 1/-1;
    font-size: 1.25em;
    font-weight: bold;
    color: #000;
    font-family: "bryantpro";
    text-transform: uppercase;
}
.eventlist .date {
    grid-column: 1;
    font-family: "bryantpro";
    font-size: 14px;
}
.eventlist .event {
    grid-column: 2
}
.eventlist a {
    line-height: 1.3em !important;
    font-size: 1.3em !important;
    margin-right: .5em;
    padding: 0em !important;
    ;
    margin: 0em !important;
}
.eventlist a:hover {
    background: #FFF0 !important;
}
.eventlist .eventTitle, .eventcalendar .eventInfo {
    margin-right: .5em;
}
.eventcalendar .flag, .eventlist .flag {
    font-size: .75em;
    font-weight: bold;
    border-radius: 3px;
    padding: .3em .4em .2em .4em;
    line-height: 1em;
    position: relative;
    border: 1px solid #CCC;
    color: #000;
    background: #f9f9f9;
    display: inline-block;
    top: -1px;
    font-family: "bryantpro";
    text-transform: uppercase;
}
.eventlist .flag.red, .eventcalendar .flag.red {
    background: #C00;
    color: #FFF;
    border: 1px solid #A00 !important
}
/*EVENTS INTRO PAGE-SPECIFIC CHANGES*/
.eventlist-intro-container {
    position: relative;
    padding-bottom: 1em;
    margin-bottom: 1em;
    background: #FFF;
    border-left: 1.5em solid #FFF;
    width: 33%;
    float: right;
}
.eventlist-intro-container:before {
    content: "";
    height: 100%;
    width: 1px;
    background: #CCC;
    position: absolute;
    top: 0px;
    left: 0px;
}
.eventlist-intro-container .eventlist {
    margin: 0em;
    padding: 0em 0em 0em 1.5em;
    font-size: .8em
}
.eventlist-intro-container .btn {
    margin-top: 1em !important;
}
.eventlist-intro-container h2 {
    margin-left: .8em;
    margin-top: 0em;
    font-size: 1.5em
}
.eventlist-intro-container li {
    grid-template-columns: 1fr;
}
.eventlist-intro-container li > .date {}
.eventlist-intro-container li > a {
    grid-column: 1 !important;
    margin-bottom: .5em !important;
}
.eventlist-intro-container li > a span.flag {
    margin-top: .25em !important;
}
@media (max-width:768px) {
    .eventlist-intro-container {
        float: none;
        width: 100%;
        padding: 0em 0em 2em 0em;
        border: none;
        margin: 0em 0em 1.5em 0em;
        border-bottom: 1px solid #CCC
    }
    .eventlist-intro-container:before {
        display: none;
    }
    .eventlist-intro-container .eventlist {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }
}
/*EVENT CALENDAR PAGE*/
.eventcalendar {
    display: grid;
    grid-template-columns: auto 1fr;
    justify-items: stretch;
    align-items: stretch;
}
.eventcalendar h2 {
    font-family: "bryantpro";
    font-size: 1.5em;
    grid-column: 1/-1;
    margin-bottom: 0em;
    padding-bottom: .4em;
    border-bottom: 1px solid #CCC
}
.eventcalendar .date {
    grid-column: 1;
    font-family: "bryantpro";
    font-size: 16px;
    margin-left: .75em;
    margin-right: .25em;
    padding: .75em 0em .75em 0em;
    line-height: 2em;
}
.eventcalendar ul {
    grid-column: 2;
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
    padding: .75em;
    margin-bottom: 0em;
}
.eventcalendar ul li {
    display: block;
}
.eventcalendar ul li:last-child {
    margin-bottom: 0em;
}
.eventcalendar ul li:last-child p {
    margin-bottom: 0em
}
.eventcalendar ul li a {
    display: block !important;
    line-height: 1.25em
}
.eventcalendar ul li p {
    margin-top: .1em;
    font-size: .9em;
    display: inline-block;
}
.eventcalendar .past a {
    font-weight: normal !important;
    font-style: italic;
    font-size: 1em !important
}
.eventcalendar .today {
    background: var(--508_green)22
}
.eventcalendar .date.today {
    font-size: 0em
}
.eventcalendar .date.today:after {
    content: "TODAY";
    font-size: 16px;
    font-weight: bold;
    padding: .75em;
    position: relative;
    top: .75em;
    line-height: 32px
}
.eventcalendar .flag {
    margin-top: .25em;
    padding: .1em .5em 0em .5em;
    line-height: 1.6em;
    position: relative;
    top: -3px;
    float: right;
}

/*EVENT PAGE DATE/LOCATION INFO GRID*/
.eventinfogrid {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: .5em 1em;
    margin-bottom: 1em;
}
.eventinfogrid > div:nth-child(odd) {
    font-weight: bold;
}

/*EVENT PAGE REGISTER WIDGET*/
.eventRegistrationBanner {
    margin-top: 1em;
    display: flex;
    background: var(--508_green);
    padding: 1.25em 1.25em 1.4em 1.5em;
    margin-bottom: 1.5em;
    color: #FFF !important
}
.eventRegistrationBanner svg {
    fill: #FFF;
    max-width: 60px;
    max-height: 60px;
    margin-right: 1em;
}
.eventRegistrationBanner h2 {
    margin-top: 0px;
    margin-bottom: .05em;
    font-family: "BryantPro";
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF
}
.eventRegistrationBanner p {
    color: #FFF !important;
    margin-top: .25em;
    margin-bottom: .1em;
    line-height: 1.2em !important;
}
.eventRegistrationBanner div:nth-child(2) {
    align-self: center;
    flex-grow: 100
}
.eventRegistrationBanner button {
    padding: .5em 1em;
    background: #FFF;
    border: none;
    margin-left: 1em;
    color: var(--508_green);
    font-weight: bold;
    font-family: "bryantpro"
}
.eventRegistrationBanner p:last-child {
    margin-bottom: 0em;
    margin-top: 1em;
}
.eventRegistrationBanner a {
    background: #FFF;
    color: var(--508_green);
    font-family: "bryant pro";
    font-weight: bold;
    text-transform: uppercase;
    padding: .5em .75em;
    text-decoration: none !important;
}
.eventRegistrationBanner a:hover {
    text-decoration: underline;
    background: rgba(255, 255, 255, .9);
    color: var(--508_green) !important;
}
.eventRegistrationBanner[status="Closed"] {
    background: #E9E9E9;
}
.eventRegistrationBanner[status="Closed"] svg {
    fill: #000
}
.eventRegistrationBanner[status="Closed"] h2, .eventRegistrationBanner[status="Closed"] p, .eventRegistrationBanner[status="Closed"] a {
    color: #000 !important
}

li.dropdown .viewAllEvents {
    margin-left: 1.25em;
    margin-top: 0.5em;
}




    #aside .cardLinks {
        display: flex;
        flex-direction: column;
        padding-left: 1em;
        padding-right: 1em;
    font-size: 16px;}
    #aside .cardLinks::after {
        display: none
    }
    #aside .cardLinks a {
        margin: 0em 0em .5em 0em
    }
    #aside .cardLinks a:after {
        display: none
    }
    #aside .cardLinks a.focal {
        background: var(--lightGray);
        border-color: var(--mediumGray);
    }
    @media(max-width:1200px) {        
        #aside .eventlist-sidebar{margin-top:-1em}


        #aside .cardLinks {
            flex-direction: row;
            flex-wrap: wrap;
        }
        #aside .cardLinks a {
            width: 1px;
            flex-grow: 1;
            margin: .5em
        }
        #aside .cardLinks a.focal {
            width: 100%
        }

    }

    
    @media(max-width: 991px) {    
        #aside .cardLinks {
            flex-direction: column;
            flex-wrap: nowrap;
            margin: 0em calc(-1em + 2px);}
        #aside .cardLinks a {
            width: 100%;
            margin: 0em 0em 1em
        }
    }


/*FANCY NUMBERED LISTS*/
@supports (color: var(--)) {
	.timelinewidget > a, .timelinewidget > a:visited {
		border: 3px solid #009FB8;
		padding: .5em .5em;
		font-family: bryantPro;
		font-weight: bold;
		text-decoration: none;
		line-height: 1.1em;
		transition: .1s;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 1.1em;
		width: 100%;
		background: #009FB8;
		color: #FFF !important;
	}
	.timelinewidget > a:hover {
		background: #007c90;
		color: #FFFFFF !important;
		text-decoration: none !important
	}
	.timelinewidget ol {
		counter-reset: list-counter;
		list-style: none;
		padding-left: 40px;
		padding: 0em;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		margin: 0em 0em 1em;
		flex-grow: 2;
		width: 100%;
	}
	.timelinewidget ol li {
		counter-increment: list-counter;
		position: relative;
		font-family: bryantPro;
		font-weight: bold;
		font-size: 1.25em;
		flex-direction: row;
		text-align: left;
		line-height: 1em;
		margin-bottom: 0;
		font-size: 1em;
		border-left: 3px solid #009FB8;
		flex-grow: 10;
		display: flex;
		align-items: center;
		padding: 1em 0em .75em 1.5em;
		margin: 0em 0em 0em 1em;
	}
	.timelinewidget ol li::before {
		display: block;
		content: '\2713';
		background: #009FB8;
		border: 3px solid #009FB8;
		color: #fff;
		font-family: bryantPro;
		font-weight: bold;
		position: absolute;
		--size: 32px;
		font-size: calc(.5 * var(--size));
		left: calc(-1 * var(--size) + 14px);
		line-height: calc(var(--size) - 5px);
		width: var(--size);
		height: var(--size);
		top: calc(50% - 1px - var(--size)/2);
		border-radius: 50%;
		text-align: center;
		z-index: 2;
	}
	.timelinewidget ol li.done:before {
		content: '\2713'
	}
	.timelinewidget ol li.active ~ :not(li) {
		content: inherit
	}
	.timelinewidget ol li.active:before {
		content: counter(list-counter);
		background: #FFF;
		color: #009FB8;
		z-index: 2
	}
	.timelinewidget ol li.active:after {
		content: "";
		height: 50%;
		width: 3px;
		position: absolute;
		top: 0px;
		left: -3px;
		background: #009FB8;
		z-index: 1;
	}
	.timelinewidget ol li:not(.active):last-child:after {
		content: "";
		height: 50%;
		width: 3px;
		position: absolute;
		top: 50%;
		left: -3px;
		background: #FFF;
		z-index: 1;
	}
	.timelinewidget ol li.active:last-child {
		border-left-color: #FFF
	}
	.timelinewidget ol li.active ~ li:before {
		content: counter(list-counter);
		background: #eee;
		color: #000;
		border-color: #eee
	}
	.timelinewidget ol li.active, .timelinewidget ol li.active ~ * {
		border-left: 3px solid #eee
	}
	.timelinewidget ol li > a {
		text-decoration: none;
		position: relative;
		top: -2px;
	}
	.timelinewidget ol li > a:hover {
		text-decoration: underline
	}
}


/* COUNTDOWN CLOCK */
    .countDownClock{color:#000; border:2px solid #69a42d; padding:0px; background:#FFF; margin-bottom:1em;}
.countDownClock.countDownClockLargeTitle .title{display:block; text-align: center; font-size:1.5em; padding:.25em .5em .25em .25em}
.countDownClock .title{margin-top:0px; background:#69a42d; color:#FFF; padding:.5em 1em .5em .5em; display:inline-block; width:auto; font-size:19px; font-weight:bold; font-family:"Bryant Pro"; line-height:1em;}
.countDownClock.countDownDeadlineHidden .deadline{display: none}
.countDownClock .deadline{font-size:14px; font-style:italic; color:#6c6054; margin-top:-8px; padding:.25em .75em; text-align:center;}
.countDownClock .countdown{padding:.5em .5em .25em;text-align:center;font-size:24px;line-height:24px;}

.countDownClock.warning{border-color:#eb9d00}				
.countDownClock.warning .title{background-color:#eb9d00; color:#000}

.countDownClock.danger{border-color:#C00}				
.countDownClock.danger .title{background-color:#C00}

.countDownClock.pastDue{border-color:#6c6054}				
.countDownClock.pastDue .title{background-color:#6c6054}	
.countDownClock.pastDue .countdown{color:#6c6054}	

.countDownLink:hover{text-decoration:none}


/* Alternate styles if countdown is a photolink. */

.photolinks a.countDownLink{border:none; display:flex; justify-content:center;}
.photolinks a.countDownLink .countDownClock{
    margin-bottom:0px;
    height:auto;
    flex-grow:100000;
    border:none;
    display:flex;
    justify-content: center;
    flex-direction:column;
    background:#b8efff;
    box-shadow:00px 0px 100px #4ed1f9 inset;
}
.photolinks a.countDownLink .countDownClock .deadline{color:#000}
.photolinks a.countDownLink .countDownClock span{background:none; box-shadow:none; border:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#000; text-shadow:none; font-family:"Elena"; text-transform:none; font-weight:normal; letter-spacing:0px; font-size:1em;}
.photolinks a.countDownLink:hover .countDownClock span{background:none; box-shadow:none; border:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}


.photolinks a.countDownLink .countDownClock.warning{
    background:#ffd278;
    box-shadow:00px 0px 100px #f4bb00 inset;    
}				

.photolinks a.countDownLink .countDownClock.danger{
    background:#C00;
    box-shadow:00px 0px 100px #9e0000 inset;    
    color:#FFF;
}
.photolinks a.countDownLink .countDownClock.danger span,
.photolinks a.countDownLink .countDownClock.danger .deadline{color:#FFF}
@media (max-width: 1199px){
    .jumbotron div.photolinks a.countDownLink{height:auto !important; width:100%; max-height:inherit !important; flex-direction:column !important;}  
    .jumbotron div.photolinks a.countDownLink .countDownClock{display: inline-block; width:100% !important; display:block; padding:15px;}
    .jumbotron div.photolinks a.countDownLink .countDownClock .countdown>span{display: inline !important;}   
}
@media(max-width:991px){
    .jumbotron div.photolinks a.countDownLink{height:auto !important; max-height:inherit !important; flex-direction:column !important;}  
    .jumbotron div.photolinks a.countDownLink .countDownClock{display: inline-block; width:100% !important; display:block; padding:15px;}
    .jumbotron div.photolinks a.countDownLink .countDownClock .countdown>span{display: inline !important;}    
}

/* Front Page News Engine */
.newsFP a[new]:after {
    content: "NEW";
    display: inline;
    background: #004357;
    color: #FFF;
    border-radius: 2px;
    font-size: 12px;
    font-family: "BryantPro";
    padding: 2px 5px 2px 4px;
    margin-left: 1em;
    position: relative;
    top: -4px;
}
.newsFP a[updated]:after {
    content: "UPDATED";
    display: inline;
    background: #004357;
    color: #FFF;
    border-radius: 2px;
    font-size: 12px;
    font-family: "BryantPro";
    padding: 2px 4px;
    margin-left: 1em;
    position: relative;
    top: -4px;
}
.newsFP {display:grid;row-gap:5px;grid-template-columns:100px 85%;width:100%}
.newsFP-MTOP {margin-top:14px;margin-right:5px;font-size:0.75em;font-family:"BryantPro"}
.newsFP-LINK {font-weight:bold}

.timed {display:none}

/*NO LONGER USED?*/

    /*Quick Search*/
    #quicksearchresults {
        display: none;
        position: absolute;
        width: 100%;
        background: white;
        box-shadow: 0em .5em 1em var(--black_25);
        right: 0px;
        top: 34px;
        margin: 0em;
        padding: 0em;
        list-style: none;
        z-index: 10000;
    }
    #quicksearchresults li {
        padding: 0em
    }
    #quicksearchresults li:first-of-type {
        margin-top: 1em
    }
    #quicksearchresults li a {
        padding: .75em 1em .5em;
        margin: 0em;
        font-weight: bold;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        text-transform: capitalize
    }
    #quicksearchresults li:nth-child(1n+6) {
        display: none
    }
    #quicksearchresults .mItem {
        padding-left: 1em;
        margin-bottom: -0.8em;
        color: gray
    }
    #quicksearchresults .qMore {
        text-align: right;
        margin-right: 0.8em
    }

    .bodyflex {
        display: flex;
        min-height: 100%;
        flex-direction: column;
        justify-content: space-between
    }
    
    /*SEARCH RESULTS*/
    main #searchresults:last-child{grid-area:article; grid-column-end: rightcolumnend}
    main #refineResults{grid-area:topicNav; position: relative;}
    main #refineResults select{margin-right:1em; max-width:95%}
    	#refineResults *:first-child{margin:0em}
    	#refineResults label,
    	#refineResults p{font-weight:bold;font-size: 1.25em;padding:0em; margin:1em 0em 0em 0em}
    	#refineResults li{margin: .25em 0em .5em !important;font-size: 1.1em;}

        #refineResults li a{display:flex;justify-content: space-between;align-items:baseline; flex-wrap:nowrap;}
        #refineResults li a span.flag{background:#EEE; border:1px solid #DDD;padding:0px 4px; position:relative; top:-2px; margin-left:.5em; border-radius:3px; display:inline-block;min-width: 22px;text-align: center;}
    
    p.suggestedSearches{margin:.5em 0em -.1em 0em; padding:0em}
    p.suggestedSearches a{font-weight:bold;}
    p.suggestedSearches span.flag{margin-left:.5em; display:inline-block;}
	p.suggestedSearches span.flag:not(:last-child):after{color:#000; content:","}

       @media(max-width: 991px) {#refineResults{display:none}} 
 
                 		
                			#searchresults{
                				--iconSize: 40px;
                				--iconMargin: 13px;
                			}
                			#searchresults a.pinned{
                				display:block;
                				background:#CCC;   
                				padding:1em;     
                				margin-bottom:1em;             				           	
                			}
                			
                			#searchresults ol li>a{font-size:1.25em}
                			#searchresults ol p{margin-bottom:.25em}
                			#searchresults ol li>*:not(a){margin-left:calc(var(--iconSize) + var(--iconMargin))}
                			#searchresults a.pinned:hover{text-decoration:underline !important}
                			#searchresults a.pinned span.blurb{color:#FFF; font-size:.9em; font-style:italic; display:block}
                			#searchresults a.pinned span.linktitle{padding:0em; margin:0em;}
                			
                			#searchresults a.pinned{
							    display:block;
							    background: #008094;
							    padding: 1.25em 1.25em 1.4em 1.5em;
							}
							#searchresults a.pinned:hover{background:#008090ee}
														
							#searchresults a.pinned h2 {
							    margin-top: 0px;
							    margin-bottom: .05em;
							    font-family: "BryantPro";
							    text-transform: uppercase;
							    color: #FFF;
							    font-weight: bold;
							}
							#searchresults a.pinned p {
							    color: #FFF !important;
							    margin-bottom: .1em
							}
							#searchresults a.pinned p:last-child {
							    margin-bottom: 0em;
							    margin-top: 1em
							}
							
							#searchresults li>a:before{
								height:var(--iconSize); 
								width:var(--iconSize); 
								background-repeat:no-repeat; 
								background-position:center center; 
								float:left; 
								margin-right:var(--iconMargin); 
								filter: invert(25%) sepia(0%) saturate(2728%) hue-rotate(140deg) brightness(85%) contrast(58%);;}
							#searchresults li.result_article>a:before{content:""; background-image:url(article.svg)}
							#searchresults li.result_event>a:before{content:""; background-image:url(calendar.svg)}
							#searchresults li.result_file>a:before{content:""; background-image:url(file.svg)}
							#searchresults li.result_form>a:before{content:""; background-image:url(form.svg)}	
							#searchresults li.result_tool>a:before{content:""; background-image:url(tool.svg)}	
							#searchresults li.result_topic>a:before{content:""; background-image:url(topic.svg)}														
														
							#searchresults li .text-muted span:not(:last-child){margin-right:1em;}
							#searchresults li .text-muted span:before{font-weight:bold;}
							#searchresults li .text-muted span.date:before{content:"Date: "}
							#searchresults li .text-muted span.size:before{content:"Size: "}							
							#searchresults li .text-muted span.topic:before{content:"Topic: "}
							#searchresults li .text-muted span.type:before{content:"Type: "}

#searchresults h4{margin-bottom:0em}
#searchresults ol li{margin-bottom:2em;}
.pinnedwrapper{display:flex; grid-gap:1.5em; flex-direction:row; flex-wrap:wrap;}
.pinnedwrapper a{margin:0em !important; flex-basis:30%; flex-grow:1}

#searchresults .noresults{display:none; font-size: 1.25em;}
#searchresults:nth-child(2) {grid-column-start: leftcolumnstart !important}
#searchresults:nth-child(2) .noresults{display:block;margin-bottom: 5em;}
#searchresults .noresults a{text-decoration:underline;}
#searchresults .noresults a:hover{text-decoration:none;}
#searchresults .noresults a:before{display:none;}
#searchresults .noresults ul{display:flex; flex-direction:column;}
#searchresults .noresults ul li{
        margin:0em !important; 
        text-indent:0em !important; 
        padding:0em 0em .5em
}
#toolsresults a { display: block;font-size: 1.25em;color: #006685 !important;line-height: 1.25em;font-size: 1.15em;font-weight: bold;margin-bottom: .25em}