@charset "UTF-8";
/* CSS Document */

/*
===============================================

    SP2013 CSS STYLES
    ..................
     I. Sharepoint User Ribbon
     II. Override Core Theme Styles
     III, Main Content
        1. Typography
        2. General Styles
        3. Top Nav
        4. Breadcrumbs
        5. Columns, Panels
        6. Side-Nav and Sub Nav
        7. Accordion


*****************************

    colors
    ..................

    // base
    light grey: #ebebeb
    white: #fafafa
    slate: #404040
    dark slate: #464646

    // primary
    blue: #2a578d
    light blue: #346aad
    dark blue: #15397f
    green: #00853f
    red: #bf311a

    // accent
    yellow: #ffe066
    peach: #ffe0b2
    dark peach: #ffc078


*****************************

    modular scale
    ..................

    99.376em    =   1590.019px
    74.551em    =   1192.813px
    55.927em    =   894.833px
    41.956em    =   671.293px
    31.475em    =   503.595px
    23.612em    =   377.791px
    17.713em    =   283.414px
    13.288em    =   212.614px
    9.969em     =   159.5px
    7.478em     =   119.655px
    5.61em      =   89.764px

    4.209em     =   67.34px
    3.157em     =   50.517px
    2.369em     =   37.897px
    1.777em     =   28.43px
    1.333em     =   21.328px
    1em         =   16px
    0.75em      =   12.003px


*****************************

    max widths
    ..................

    Content Max Width:
    64rem x 16px = 1024px

    Article Max Width:
    42.81rem  x 16px  = 684.96px


=============================================== */

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");
/*
***************************************
---------------------------------------

 I. Sharepoint User Ribbon

---------------------------------------
*************************************** */

/* Foundation Fixes for Sharepoint */
#page
{
	margin-top:1rem;
}
/*Hiding alternate headers from SharePoint */
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.ElementWithStyle\.Menu\.Styles\.Gallery tr + tr {
    display: none;
}
#ms-designer-ribbon
{
	box-sizing:content-box;
}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea
{
	display: inline-block;
    box-sizing: none;
    width: auto;
    height: initial;
    margin: 0;
    padding: 0 3px;
    border: 1px solid #cacaca;
font-family: inherit;
font-size: 8pt; 

}
#ribbonBox * {
    box-sizing: content-box;
}

#ms-designer-ribbon img {
    max-width: none;
}

.AspNet-WebPart 
{
	max-width: 100%;
	overflow: auto; /*might need to be changed to scroll to handle xslt scrolling */
	-webkit-overflow-scrolling: touch;
}
/* Added for the slider having a scrollbar */
#sliderWebPartZone div.AspNet-WebPart, #sliderWebPartZone div.AspNet-WebPart {
    ​overflow: hidden;
}
#sliderWebPartZone .AspNet-WebPart {
    overflow: hidden; /*This was in the enterprise to handle xslt scrolling ?? I think ?? -- Changed to HIDDEN remove scroll bar for slider*/
}
    .ms-webpartzone-cell {
    margin-bottom: 0;
}

.ms-webpart-titleText {
    display: none;
}

/*Copy/Paste Helper */
#rtePasteFlyout *, #rtePasteFlyoutLink *, #rtePasteFlyoutOptions *,
#rtePasteFlyout *:hover, #rtePasteFlyoutLink *:hover, #rtePasteFlyoutOptions *:hover {
    max-width: inherit;
    border: none;
}
/* yellow thing on top  */
#pageStatusBar .ms-status-yellow {
    margin-bottom: 0;
}

/*Thumbnail wrapper */
td.ms-cellstyle.ms-vb2 img {
    max-width: 100px;
}

/* images in content zones should not have a margin */
.content-zone img {
    /* margin: 0; */
}

/*Always hides webpart chrome title
.ms-webpart-titleText
{
	display:none;
}
*/
.dashboard-col .ms-webpart-chrome-title {
    display: none;
}

#s4-workspace .dashboard-col li {
    border-bottom: thin silver solid;
    list-style: none;
    margin-bottom: .5em;
    text-align: left;
}

#s4-worspace .dashboard-col ul > li {
    text-align: left;
}
.dashboard-col iframe
{
	width: 100%!important;
}
/*Wrapping web part titles */
div.ms-webpart-chrome-title nobr {
    white-space: pre-wrap;
}

/*Three Column page layout styling*/
#s4-workspace .three-column a.button
{
	margin:auto;
}
#s4-workspace .three-column img
{
	max-width:100%;
}
.three-column > div
{
    background: #E6E7E8;
    padding: 25px;
}

#s4-workspace .three-column li {
    border-bottom: thin silver solid;
    list-style: none;
    margin-bottom: .5em;
    text-align: left;
}
@media screen and (max-width: 1023px) {
    .three-column {
        padding-bottom: 2rem;
    }
}
/*
***************************************
---------------------------------------

 II.  Override Core Theme Styles

---------------------------------------
*************************************** */

body, #s4-bodyContainer, #pageStatusBar, .js-callout-body {
    margin: 0;
    background: #fafafa;
    font-family: "Montserrat", "Gotham", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.778rem;
    color: #464646;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
}

#s4-workspace a:focus, #s4-workspace a:hover {
    color: #143056;
}

.ms-table, #ms-belltown-table, .ms-tableRow {
    display: block;
}

#ms-belltown-table {
    padding: 0;
}

.row.full-width {
    max-width: 100% !important;
}

.ms-table {
    width: 100%;
}

/*
***************************************
---------------------------------------

 III. Main Content

---------------------------------------
*************************************** */




/*
=======================================
 Typography
======================================= */


body,
h1, h2, h3, h4, h5, p, li,
.ms-rtestate-field h1, .ms-rtestate-field h2, .ms-rtestate-field h3, .ms-rtestate-field h4, .ms-rtestate-field h5,
h1.ms-rteElement-H1, h2.ms-rteElement-H2, h3.ms-rteElement-H3, h4.ms-rteElement-H4, h5.ms-rteElement-H5, .goog-te-menu2-item * {
    text-transform: none;
    font-family: "Montserrat", "Gotham", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    color: #464646;
}

#s4-workspace h1, #s4-workspace h1 > a, #s4-workspace .ms-rteElement-H1 a {
    font-size: 3.157rem;
    line-height: 4.21208rem;
		font-weight:800;
}

#s4-workspace h2, #s4-workspace h2 > a, #s4-workspace .ms-rteElement-H2 a {
    font-size: 2.37007rem;
    line-height: 3.157rem;
		font-weight:800;
}

#s4-workspace h3, #s4-workspace h3 > a, #s4-workspace .ms-rteElement-H3 a {
    font-size: 1.778rem;
    line-height: 2.37007rem;
		font-weight:800;
}

#s4-workspace h4, #s4-workspace h4 > a, #s4-workspace .ms-rteElement-H4 a {
    font-size: 1.333rem;
    line-height: 2.37007rem;
	font-weight:800;
}

#s4-workspace h5, #s4-workspace h5 > a {
    font-size: 1rem;
    line-height: 1.778rem;
}

h1, h2, h3, h4, h5 {
    font-weight: 800;
}

@media screen and (max-width: 46.13rem) {
    #s4-workspace h1, .ms-rteElement-H1 {
        font-size: 2.369rem;
    }

    #s4-workspace h2, .ms-rteElement-H2 {
        font-size: 1.778rem;
    }

    #s4-workspace h3, .ms-rteElement-H3 {
        font-size: 1.333rem;
    }

    #s4-workspace h4, .ms-rteElement-H4 {
        font-size: 1rem;
    }

    #s4-workspace h5 {
        font-size: 1rem;
    }
}

#s4-workspace p, #s4-workspace .ms-rtestate-field p, #s4-workspace p.ms-rteElement-P,
#s4-workspace li,
#s4-workspace a {
    font-size: 1rem;
    line-height: 1.778rem;
    white-space: normal;
}

#s4-workspace strong {
    font-weight: 800;
}

#s4-workspace em {
    font-style: italic;
}

span {
    line-height: 1.42857143;
    font-family: "Montserrat", "Gotham", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
}
/*
blockquote {
    font-size: 1.333rem;
    line-height: 3.16128rem;
    display: block;
    width: 100%;
    padding: 1.77778rem;
    margin-bottom: 1.77778rem;
    background: #e0e0e0;
}

    blockquote > p {
        font-size: 1.333rem;
        line-height: 3.16128rem;
        margin-bottom: 0;
    }

    blockquote span, blockquote cite {
        font-size: 1rem;
        line-height: 1.778rem;
        display: block;
        padding-top: 1.33333rem;
        font-style: italic;
    }

        blockquote span a, blockquote cite a {
            display: inline-block;
        }
*/
/* hyperlinks
------------------------- */

/* Accessibility */
#page a, #page .content-zone a:hover, #page .sidebar a:hover {
    text-decoration: underline;
}

    #page a:hover span {
        text-decoration: underline;
    }

a:visited {
    color: #2a578d;
}
/* External link icons  */
#wrap a:not(.nav-tile):not(.button):not(.contentTile) i {
    transition: all 0.33333s ease-in-out;
}
/* #wrap a:not(.nav-tile):not(.button):not(.contentTile):hover i.fa-external-link {color: #fafafa;}
#wrap a:not(.nav-tile):not(.button):not(.contentTile):focus i.fa-external-link {color: #fafafa;} */

/* Google Search
----------------------------------------------- */

/*hiding an unused box and line*/
.gsc-resultsHeader {
    visibility: hidden !important
}

.gsc-above-wrapper-area {
    border: none !important;
}

/*fixing the boxes within boxes in the input section*/
.gsc-input-box {
    border: 0px solid #D9D9D9 !important;
}

.gsc-input input {
    box-shadow: none !important;
}

.gsc-input-box:hover {
    border: 0px solid #D9D9D9 !important;
}

/*hiding autofill text */
.gssb_c {
    display: none;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    filter: none !important;
    float: left;
    background: url(https://www.google.com/uds/css/v2/search_box_icon.png) center #2A578D no-repeat !important;
}

.cse .gsc-control-cse, .gsc-control-cse, .gsib_b {
    padding: 0px;
}

input.gsc-search-button.gsc-search-button-v2 {
    padding: .5rem 2rem !important;
    margin: 1rem !important;
    width: initial;
    height: 30px !important;
}

#gs_tti50 {
    padding: 0;
    width: 100%;
}
/* Styles to fix main search box */

input#gsc-i-id1, input#gsc-i-id2 {
    background: transparent !important;
    height: 2em !important;
    border-color: transparent !important;
}

table.gsc-search-box {
    background: transparent;
}

table#gs_id50 {
    border: none;
}

.gsc-input-box {
    height: 40px !important;
}

.gsib_a {
    padding: 0;
}

.gsc-input {
    padding: 10px 0 !important;
}

.gsc-input-box {
    height: 30px !important;
}

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
    padding-left: 0 !important;
}

.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover {
    background: none !important;
}

.gs-result .gs-title, .gs-result .gs-title * {
    text-decoration: none !important;
    font-weight: bold !important;
}

.gs-result:hover .gs-title:hover, .gs-result:hover .gs-title:hover * {
    text-decoration: underline !important;
}

.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
    font-style: italic !important;
    color: #426A34 !important;
}

.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
    font-size: 1rem;
    color: #444;
}

.gsc-input::-ms-clear {
    display: none !important;
}

div.gsc-selected-option {
    white-space: nowrap;
    word-wrap: break-word;
    word-break: break-word;
}

div.gs-webResult.gs-result > div.gsc-thumbnail-inside > div {
    height: 100% !important;
}

.gsc-tabHeader.gsc-tabhActive, .gsc-tabsArea {
    border-color: transparent !important;
}

.gsc-tabHeader.gsc-tabhActive {
    border-color: #404040 !important;
}

.gsc-input * {
    font-family: "Montserrat", "Gotham", "Open Sans", "Helvetica Neue", Helvetica, sans-serif !important;
}
/*Fix for width issue on search button*/
#s4-workspace button.gsc-search-button.gsc-search-button-v2 {
    width: 104px; /*Half button size*/
    line-height: 0;

}

/*Search Button colors*/
.gsc-search-button .gsc-search-button-v2, a.search-button, .portal-search input.gsc-search-button-v2 {
    background-color: #2a578d;
    border-color: #2a578d;
}

    .gsc-search-button .gsc-search-button-v2:hover svg {
        fill: #2a578d;
    }
/* External Link
----------------------------------------------- */

/* ensures spacing between external link icon and the adjacent text */
.fa-external-link {
    display: inline-block;
    padding-left: 0.333rem;
    font-size: inherit !important;
}

i {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
/* Needs adjusted for use with buttons, tiles, and the iconbar */
.external_link {
    position: relative;
}

    .external_link:before {
        content: "\f08e";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #dadada;
        font-size: 18px;
        padding-right: 0.5em;
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 7px 25px;
        transition: all 0.3s ease-in-out;
    }


/* PRIOR TYPOGRAPHY STYLES */
/*
h1, h2, h3, h4 {text-transform: uppercase;}
h1 {font-size: 1.75rem;}
h2 {font-size: 1.5rem;}
h3 {font-size: 1.4rem; color: #174e92;}
h4 {font-size: 1.25rem;} */



/*
=======================================
 Layout
======================================= */

.ms-noWrap {
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ms-pub-contentLayout h1#pageContentTitle,
h1#pageContentTitle,
.ms-pub-contentLayout h1 {
    display: block;
    max-width: 64rem;
    text-align: left;
    padding-left: 0;
}

.breadcrumbs {
    display: block;
    max-width: 64rem;
    text-align: left;
    padding-left: .889rem;
}

#s4-bodyContainer {
    padding-bottom: 0;
}

/* Vertical Rythym
------------------------- */


h1, h2, h3, h4, h5,
.content-container .content-zone .ms-rtestate-field p,
.content-container .content-zone .ms-rtestate-field hr,
.content-container .content-zone .ms-rtestate-field img {
    margin-bottom: 1.333rem;
}

#wrap {
    margin-bottom: 1.333rem;

    @media screen and (max-width: 46.13rem) {
        padding-left: 0.889rem; padding-right: 0.889rem;
    }
}


#contentBox, .ms-fullscreenmode #contentBox {
    margin: 0;
    min-width: auto;
}


/* MS Overrides
------------------------- */
.ms-rtestate-field p, p.ms-rteElement-P {
    margin-left: auto;
    margin-right: auto;
}

/*Fix for slider and general overflow issues */
#s4-workspace {
-webkit-overflow-scrolling: touch;
/*overflow:scroll;*/
}

/* Foundation Overrides
------------------------- */
#wrap .row .row {
    margin-left: auto;
    margin-right: auto;
}

.row.full-width {
    max-width: 100% !important;
}

.ms-WPBorder {
    border: none;
}


/*
=======================================
 General Styles
======================================= */

.primary-content {
    padding: 0 0 3em 0;
    background: none;
    z-index: 100;
}
.primary-content i
{
display:inline;
}

.primary-content .dashboard-col i, .primary-content .fa i, .content-zone i
{font-style: normal;}
.primary-color {
    background-color: #2a578d;
    border-color: #2a578d;
}

.secondary-color {
    background-color: #224671;
    border-color: #fafafa;
}

    .secondary-color:hover {
        background-color: #fafafa;
        border-color: #224671;
    }

.primary-hover:hover {
    background-color: #2a578d;
    color: #fafafa;
}

.is-current {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
}

.content-group {
    margin-bottom: 2em;
    clear: both;
}

    .content-group:before, .content-group:after {
        content: " ";
        display: table;
    }

    .content-group:after {
        clear: both;
    }

.row.padded {
    padding-bottom: 1.5625rem;
}
@media screen and (max-width: 1023px) {
.primary-content {
    padding: 1rem 0 1rem 0;
    background: none;
    z-index: 100;
}
}
/*
=======================================
 Breadcrumbs
======================================= */

.breadcrumbCurrentNode {
    float: none;
    clear: both;
    width: 100%;
    margin: 15px 5px;
}


/*
=======================================
 Columns, Panels
======================================= */

.panel {
    background: none;
    border: 0 none;
}

.sidebar ul.list-results li {
    list-style: none;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid #eee;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 1em 0;
}

    .sidebar ul.list-results li:last-child {
        border-bottom: none;
    }

    .sidebar ul.list-results li a {
        display: block;
        cursor: pointer;
        padding: .25em 0;
    }

        .sidebar ul.list-results li a:hover {
            background: rgba(255, 255, 255, 0.1);
        }

    .sidebar ul.list-results li a {
        border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
        display: inline;
        color: #194b6b;
    }

        .sidebar ul.list-results li a :hover {
            color: #194b6b;
        }

    .sidebar ul.list-results li:last-child {
        border-bottom: none;
    }

.sidebar p {
    word-wrap: break-word;
}

.contact-list li {
    text-align: left;
}

.panel {
    color: #496586;
    background: #E6E7E8;
}

.sidebar {
    background-color: #E6E7E8;
    padding: 1em 2em;
}

    .sidebar a:hover {
        color: #003366;
    }

    .sidebar ul {
        margin-left: 0;
        padding-left: 0;
    }

        .sidebar ul li {
            list-style: none;
            list-style-type: none;
        }

    .sidebar img {
        max-width: 100%;
    }

#page .sidebar > div {
    word-break: break-word;
}
/*Sidebar video resizing*/
.sidebar {
    position: relative;
    overflow: hidden;
}

    .sidebar iframe, .sidebar object, .sidebar embed {
        width: 100%;
    }
/*
=======================================
 Side-Nav and Sub Nav
======================================= */

.side-nav ul li a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    display: block;
    padding: 0.5em 0;
}

ul.side-nav li a :last-child {
    border-bottom: none;
}

ul.side-nav li.active a {
    font-weight: bold;
    color: #89171a;
}

.side-nav a {
    color: #89171A;
    line-height: inherit;
    text-decoration: none;
}

.side-nav li.selected {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
}

    .side-nav li.selected a {
        font-weight: bold;
    }

dl.sub-nav {
    border-bottom: 1px solid #eee;
}

    dl.sub-nav dt {
        display: block;
    }

    dl.sub-nav dd a {
        padding: .5em;
        -webkit-border-radius: 1em;
        -moz-border-radius: 1em;
        -ms-border-radius: 1em;
        -o-border-radius: 1em;
        border-radius: 1em;
    }

        dl.sub-nav dd a:hover {
            background: rgba(0, 0, 0, 0.05);
            color: #333;
        }

    dl.sub-nav dd.active a:hover {
        background: #89171a;
        color: #fff;
    }

@media only screen and (min-width: 48em) {
    dl.sub-nav {
        font-size: 1rem;
    }

        dl.sub-nav dt {
            display: inline-block;
        }
}


/*
=======================================
 Accordion
======================================= */

.transition, ul.accordion li i:not(.fa):before, ul.accordion li i:not(.fa):after,
.accordion i:not(.fa):before,
.accordion i:not(.fa):after, .accordion > div,
.accordion > p,
.faqs .accordion > p {
    transition: all 0.25s ease-in-out;
}

.flipIn, ul.accordion li,
.accordion {
    animation: flipdown 0.5s ease both;
}

.no-select {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

ul.accordion li,
.accordion {
    position: relative;
    perspective: 900;
}

    ul.accordion li:nth-of-type(1),
    .accordion:nth-of-type(1) {
        animation-delay: 0.5s;
    }

    ul.accordion li:nth-of-type(2),
    .accordion:nth-of-type(2) {
        animation-delay: 0.75s;
    }

    ul.accordion li:nth-of-type(3),
    .accordion:nth-of-type(3) {
        animation-delay: 1.0s;
    }

    ul.accordion li:last-of-type,
    .accordion:last-of-type {
        padding-bottom: 0;
    }

    ul.accordion li i:not(.fa),
    .accordion i:not(.fa) {
        position: absolute;
        margin-top: 12px;
        right: 0.333rem;
        transform: translate(-6px, 0);
    }

        ul.accordion li i:not(.fa):before, ul.accordion li i:not(.fa):after,
        .accordion i:not(.fa):before,
        .accordion i:not(.fa):after {
            content: "";
            position: absolute;
            background-color: #ffb74d;
            width: 3px;
            height: 9px;
        }

        ul.accordion li i:not(.fa):before,
        .accordion i:not(.fa):before {
            transform: translate(-2px, 0) rotate(45deg);
        }

        ul.accordion li i:not(.fa):after,
        .accordion i:not(.fa):after {
            transform: translate(2px, 0) rotate(-45deg);
        }

    ul.accordion li input[type=checkbox],
    .accordion input[type=checkbox] {
        position: absolute;
        cursor: pointer;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0;
    }

        ul.accordion li input[type=checkbox]:checked ~ .f-active,
        .accordion input[type=checkbox]:checked ~ .f-active {
            background-color: #464646;
            color: #fafafa;
        }

        ul.accordion li input[type=checkbox]:checked ~ div,
        ul.accordion li input[type=checkbox]:checked ~ p,
        .accordion input[type=checkbox]:checked ~ div,
        .accordion input[type=checkbox]:checked ~ p {
            margin-top: 0;
            max-height: 0;
            opacity: 0;
            transform: translate(0, 50%);
        }

        ul.accordion li input[type=checkbox]:checked ~ i:before,
        .accordion input[type=checkbox]:checked ~ i:before {
            transform: translate(2px, 0) rotate(45deg);
        }

        ul.accordion li input[type=checkbox]:checked ~ i:after,
        .accordion input[type=checkbox]:checked ~ i:after {
            transform: translate(-2px, 0) rotate(-45deg);
        }
    /* @media screen and (max-width: 74.9375rem) {
    ul.accordion li,
    .accordion {
      padding-left: 1.33333rem;
      padding-right: 1.33333rem; } }  */

    .accordion > div,
    .accordion > p,
    .faqs .accordion > p {
        position: relative;
        max-height: 10000px;
        margin: 0;
        z-index: 2;
        transform: translate(0, 0);

        opacity: 1;
    }
a.accordion-expander
{
    position: absolute;
    top: -27px;
}
.accordion_sidenav .accordion > div {
    margin: 0;
}

@media screen and (max-width: 74.9375rem) {
    .accordion_sidenav .accordion {
        padding-left: 0;
        padding-right: 0;
    }
}

.accordion_sidenav i:not(.fa) {
    margin-top: 1.778rem;
    right: 0.778rem;
}

ul.accordion {
    list-style: none;
    perspective: 900;
    padding: 0;
    margin: 0;
}

.accordion.accordion_table h2, .accordion.accordion_table p:first-of-type {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin: auto;
}

    .accordion.accordion_table h2 span, .accordion.accordion_table p:first-of-type span {
        flex-grow: 1;
    }

.accordion.accordion_table li {
    display: block;
    border-top: 2px solid #ebebeb;
    border-right: 2px solid #ebebeb;
    border-left: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
}

    .accordion.accordion_table li i {
        left: 2rem;
        margin: auto;
    }

    .accordion.accordion_table li p {
        padding: 1rem auto;
    }

.accordion.navAccordion li i {
    width: 1rem;
}

.accordion.navAccordion li input[type=checkbox] {
    right: 0.333rem;
    width: 1.333rem;
}

.updown_caret::after,
.is-accordion-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: #939393 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 1rem;
    transition: all 0.3s ease;
}

.updown_caret[aria-expanded='true']::after > a::after,
.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
    transform-origin: 50% 50%;
    transform: scaleY(-1);
}

/* Helper classes for image width */
.img-h1 {
    width: 1.333em;
}

.img-h2 {
    width: 1.777em;
}

.img-h3 {
    width: 2.369em;
}

.img-h4 {
    width: 3.157em;
}

.img-h5 {
    width: 4.209em;
}

/*Fast fix for accordian */
.pa-accordion .pa-accordion-summary {
    max-width: 1024px !important;
}

/*
=======================================
 Buttons
======================================= */

#s4-workspace button,
#s4-workspace .button, #s4-workspace .fc-button,
.reveal a.button,
[type="submit"] {
    /* dimensions */
    display: block;
    margin: 1.33333rem 0;
    padding: 0 1.33333rem;
    width: 212.614px; 
    min-height: 65px;
    cursor: pointer;
    transition: all 0.33333s ease-in-out;
    /* colors */
    outline: 0;
    border-radius: 0;
    border: 0.1875rem solid #2a578d;
    /*background: transparent;
    color: #464646;*/
    /* text styles */
    /*font-size: 1.333rem;*/
    line-height: 1.778rem;
    font-weight: 500;
    letter-spacing: 0.1rem;
    text-align: center;
    text-decoration: none !important;
}
#s4-workspace .button.half, a.button.half, #s4-workspace .fc-button.half, #s4-workspace .calendarWrapper .fc-button {
  
    width: 104px;
	padding:0;
 
}
#s4-workspace a.button.half
{
    padding-top: 1rem;
    float: left;
    margin-left: 1px;
}
}
    #s4-workspace button:visited,
    #s4-workspace .button:visited,
    .reveal a.button:visited,
    .reveal button:visited {
        color: #fafafa;
    }

/* Padding fix for hyperlinks with .button class */
#s4-workspace a.button, .reveal a.button {
    padding: 1rem;
}

    #s4-workspace .fc-button:hover,
    #s4-workspace button:focus,
    #s4-workspace button:hover,
    #s4-workspace button:active,
    #s4-workspace .button:focus,
    #s4-workspace .button:hover,
    #s4-workspace .button:active,
    .reveal a.button:focus,
    .reveal a.button:hover,
    .reveal a.button:active,
    .reveal button:focus,
    .reveal button:hover,
    .reveal button:active,
    [type="submit"]:focus,
    [type="submit"]:hover,
    [type="submit"]:active {
        background: #fafafa !important;
        border: 0.1875rem solid #2a578d;
        color: #2a578d;
    }

#s4-workspace button::-moz-focus-inner,
#s4-workspace .button::-moz-focus-inner,
[type="submit"]:-moz-focus-inner {
    border: 0;
}

@media screen and (max-width: 46.13rem) {
    #s4-workspace button,
    #s4-workspace .button, #s4-workspace .fc-button,
    .reveal a.button,
    .reveal button,
    [type="submit"] {
        font-size: 1rem;
    }

    #s4-workspace .banner {
        display: none;
    }
}

/* Buttons - Color Variations
-----------------------------------------*/

#s4-workspace button.inverted,
#s4-workspace .button.inverted,
[type="submit"].inverted {
    background: transparent;
    color: #fafafa;
    border: 0.1875rem solid #fafafa;
}

    #s4-workspace button.inverted:focus,
    #s4-workspace button.inverted:hover,
    #s4-workspace button.inverted:active,
    #s4-workspace .button.inverted:focus,
    #s4-workspace .button.inverted:hover,
    #s4-workspace .button.inverted:active,
    #s4-workspace [type="submit"].inverted:focus,
    #s4-workspace [type="submit"].inverted:hover,
    #s4-workspace [type="submit"].inverted:active {
        background: #fafafa;
        color: #464646;
    }

button.outlined,
.button.outlined,
[type="submit"].outlined {
    background: transparent;
    color: #464646;
    border: 0.1875rem solid #464646;
}

    button.outlined:focus,
    button.outlined:hover,
    button.outlined:active,
    .button.outlined:focus,
    .button.outlined:hover,
    .button.outlined:active,
    [type="submit"].outlined:focus,
    [type="submit"].outlined:hover,
    [type="submit"].outlined:active {
        background: #464646;
        color: #fafafa;
    }

/* Temp fix for language bar PA icon size (need to upload smaller icon)*/
img.h3.lang-logo {
    width: 40px;
}

li.is-submenu-item {
    background-color: #FAFAFA;
}

#s4-workspace .ms-ToolPaneOuter [type="submit"] {
    display: inline-block;
}

/* Global and Desktop Nav Styles */

.top-bar .dropdown .is-dropdown-submenu a:visited {
    color: #2a578d;
}

.top-bar .dropdown .is-dropdown-submenu a:hover {
    background-color: #2a578d;
    color: #fafafa !important;
}

/*IE Button Styles */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    button {
        font-family: "Montserrat", "Gotham", "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
    }
}
/* Mobile Nav Styles */

.mobile-accordion .accordion-title:hover,
.mobile-accordion .accordion-title:focus,
.mobile-accordion li:hover,
.mobile-accordion .accordion-list-item a:hover,
.mobile-accordion .no-children:hover,
.mobile-accordion .no-children:focus {
    background-color: #143056;
}

@media screen and (min-width: 1024px) {
    .top-bar ul > li:hover,
    .top-bar ul > li > a.top-nav-top-item:hover,
    .top-bar ul > li > a.top-nav-top-item:active,
    .dropdown > li > a:hover, .dropdown > li.hover,
    .dropdown > li:hover > a > i.fa-search {
        color: #143056 !important;
    }
}

#pagingWPQ1next img, #pagingWPQ1prev > a > span > img, #pagingWPQ2next > a > span {
    max-width: none;
    margin-left: 0px;
    }
#pagingWPQ1next > a > span, #pagingWPQ1prev > a > span, #pagingWPQ2next > a > span, #pagingWPQ2prev > a > span
{
        margin-left:-5px;
        top: -9px;
}

/* TEMPORARY PAGINATION FIXES FOR PENNDOT NEWS */

.row.NewsNaviagation {
    border-bottom: 1px solid #464646;
    border-top: 1px solid #464646;
    margin-bottom: 1em;
}

.NewsNaviagation a {
    float: left;
    padding: 1em 2em;
}

.PennDotNews .pagination, .PennDotNews .pagination a, .PennDotNews .pagination .current {
    float: left;
    padding: .4rem !important;
}

span#ctl00_ctl52_g_e18d3a03_9ab9_4cab_b118_ec8ef973a6cb_lblPageSizerAllNews,
span#ctl00_ctl52_g_e18d3a03_9ab9_4cab_b118_ec8ef973a6cb_lblPageSizerStateNews,
span#ctl00_ctl52_g_e18d3a03_9ab9_4cab_b118_ec8ef973a6cb_lblPageSizerDistrictNews,
span#ctl00_ctl52_g_e18d3a03_9ab9_4cab_b118_ec8ef973a6cb_lblPageSizerSearch,
span#ctl00_ctl52_g_86716baf_35da_4cbb_acda_808fa0d6213e_lblPageSizerDistrictOnly {
    margin-left: 30%;
    line-height: 2.4375rem;
}

.PennDotNews select {
    width: 30%;
    margin: 0;
    float: right;
}

.PennDotNews.pageSizerFilter {
    margin: 2em 0;
}

.SearchNewsTab {
    width: 20%;
    float: left;
    line-height: 2.4375rem;
}

.SearchDistrictLabel {
    width: 40%;
    float: left;
}

.SeachNewsBox, .SearchDistrictDropdown {
    width: 60%;
    float: left;
}

.SearchNewsButton {
    width: 20%;
    float: left;
}

    .SearchNewsButton input {
        height: 2.4375rem;
        margin: 0 1em;
    }

        .SearchNewsButton input[type=submit] {
            margin: 0;
            background-color: #2a578d;
            color: #fafafa;
            min-height: auto;
            font-size: 1em;
            padding: 0;
        }

.searchNewsContainer {
    padding: 0;
}

.PennDotNews .SearchDistrictDropdown select {
    width: 100%;
}

.row.CountyDropDown .large-3, .row.CountyDropDown .CountyDropDownControl {
    width: 50%;
    float: left;
    line-height: 2.4375rem
}

.PennDotNews .CountyDropDownControl select {
    width: 100%;
}

.row.CountyDropDown {
    margin-bottom: 2em;
}

@media screen and (max-width: 46.13rem) {
    .pageSizerFilter .columns {
        padding-left: 0;
        padding-right: 0;
        font-size: small;
    }

    span#ctl00_ctl52_g_e18d3a03_9ab9_4cab_b118_ec8ef973a6cb_lblPageSizerAllNews,
    span#ctl00_ctl52_g_e18d3a03_9ab9_4cab_b118_ec8ef973a6cb_lblPageSizerStateNews,
    span#ctl00_ctl52_g_e18d3a03_9ab9_4cab_b118_ec8ef973a6cb_lblPageSizerDistrictNews,
    span#ctl00_ctl52_g_e18d3a03_9ab9_4cab_b118_ec8ef973a6cb_lblPageSizerSearch,
    span#ctl00_ctl52_g_86716baf_35da_4cbb_acda_808fa0d6213e_lblPageSizerDistrictOnly {
        margin-left: auto;
        line-height: 2.4375rem;
    }

    .PennDotNews select {
        width: 50%;
    }

    .SeachNewsBox {
        width: 80%;
        float: left;
    }

    .SearchDistrictDropdown {
        width: 100%;
        margin-bottom: .5em;
    }

    .SearchNewsButton {
        width: 100%;
        margin-bottom: 1em;
    }

        .SearchNewsButton input[type=submit] {
            margin: auto;
            width: 100%;
        }
}

/*PennDOT News Aggregator Fixes */
ul.pagination.row.pageTop.SearchPager {
    width: 100%;
}

.pagination.SearchPager select {
    width: 40%;
}

/*Enterprise Calendar Fix */
#s4-workspace button.fc-button {
    background: #2a578d;
    border-color: #2a578d;
    color: #fafafa;
    margin: 0 .5rem;
}
    #s4-workspace button.fc-button:active, #s4-workspace button.fc-button:focus {
       background: #fafafa;
        border-color: #2a578d;
        color: #2a578d;
        margin: 0 .5rem;
}
/*Table of Contents Fix */
.level-bullet {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 5px;
    padding-right: 0px;
    list-style-type: disc;
    background-image: none;
}
/*Foundation Button Clear Fix */
.reveal a.button.clear {
    border: transparent !important;
    background-color: transparent !important;
    color: #2a578d;
    text-decoration: underline !important;
    line-height: 2rem;
}
#divAgencyFooter a.button:visited {
    color:#FAFAFA;
}
#divAgencyFooter a:hover.button:visited {
    color:#2a578d;
}
/* Back To Top Button */
.back-to-top {
    visibility: hidden;
    opacity: 0;
    display: inline-block;
    position: fixed;
    bottom: 3rem;
    right: 1em;
    width: 80px;
    padding: 1.25rem;
    z-index: 8;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    color: #fafafa;
    background-color: #2a578d;
    transition: opacity .3s 0s,visibility 0s .3s;
    margin-right: 1rem;
    border: 0.1875rem solid #FAFAFA !important;
}

div:hover.back-to-top {
    border: 0.1875rem solid #2a578d !important;
    background-color: #FAFAFA;
    color: #2a578d;
}

.back-to-top-is-visible {
    visibility: visible;
    opacity: 1;
}

.back-to-top.back-to-top-is-visible, .back-to-top.back-to-top-fade-out {
    transition: opacity .3s 0s,visibility 0s 0s;
}

/* Google Translate: Hide Top Bar */
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

body {
    top: 0px !important;
}
.no-pad-left {padding-left: 0px;}
.no-pad-right{padding-right: 0px;}
/**This change was made for the timer.  When a datetime picker is in edit mode on a page the time is cut off**/
.ms-dttimeinput select {
    display: block !important;
}

/* US Clickable Map Fixes */
#data-wrapper #infoBlock ul li:not(:last-child) {
    border-bottom: none !important;
}

#data-wrapper #infoBlock ul li {
    border-bottom: none !important;
}

#data-wrapper #infoBlock ul ul {
    list-style: initial !important;
    list-style-type: initial !important;
}


/*Changes added for the seach Styling TM 6.11.2018*/
.gsc-results.gsc-webResult tbody, .gsc-search-box tbody, .gsc-above-wrapper-area-container tbody {
    border: none;
}

.gsc-input-box tr {
    border-width: 1px;
    border-style: groove;
}

.gsib_a {
    padding-left: 5px !important;
}

.gsc-input {
    text-indent: 0px !important;
}

/*Fix top nav right issue */
div.top-bar-right.hide-for-large {
    max-width: initial !important;
}

/*Escape Button*/
.pcv-tooltip {
    position: absolute;
    top: 0px;
    right: 95px;
    visibility: hidden;
    background-color: #000;
    border: 1px solid #fff;
    padding: 10px 15px;
    width: 200px;
    color: #fff;
    text-align: left;
    font-size: 12px;
    z-index: 9999999999;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
}

.pcv-tooltip-bottom {
    position: absolute;
    top: -175px;
    right: 150px;
    visibility: hidden;
    background-color: #000;
    border: 1px solid #fff;
    padding: 10px 15px;
    width: 200px;
    color: #fff;
    text-align: left;
    font-size: 12px;
    z-index: 9999999999;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
}

#aEscape:hover .pcv-tooltip, #aMobileEscape:hover .pcv-tooltip-bottom {
    visibility: visible;
}