/* clickshare specific overrides */
/* 
   Clickshare: 
   color: #095ba6 (or maybe #007ac3)
   font: Myriad (not free)
   sans-serif font
*/
html, body {
    height: 100%;
}
body
{
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    margin: 0;
    display: flex;
    flex-direction: column;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Asul', sans-serif;
}
h1
{
    margin-top: 0px;
    font-size: 36px;
    text-align: center;
    text-transform: uppercase;
}
h2
{
    font-size: 32px;
    font-style: italic;
    font-weight: normal;
    text-align: center;
}
h3
{
    font-size: 28px;
}
h4
{
    font-size: 24px;
}
h5
{
    font-size: 20px;
}
h6
{
    font-size: 16px;
    margin: 0;
    text-align: center;
}
.hidden {
    display: none;
}
.bold {
    font-weight: bold;
}
.center {
    text-align: center;
}
.mainContainer {
    flex: 1 0 auto;
}
#noMatchingResults 
{
    font-style: italic;
    text-align: center;    
}
.header li.hasSubMenu:after {
    content: "\25bf";
    margin-left: -3px;
    font-size: 13px;
}
.footer
{
    background-color: #095ba6;
}
.header, .header a,.footer, .footer a
{
    color: white;
    text-decoration: none;
}
.header
{
    /* fixed header */
    position: fixed;
    top: 0px;
    z-index: 100000; 
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: flex-start;
    padding: 5px 0;
    background-color: #095ba6;
}
.header ul
{
    list-style: none;
    margin: 0;
    padding-left: 20px;
    text-align: right;
}
.header li
{
    display:inline-block;
    padding: 5px 5px 0;
    vertical-align: middle;
}
.header li:not(.active) {
    margin-bottom: 2px;
}

.header img
{
    max-height: 60px;
    min-height: 45px;
    margin-top: 2px;
}
/* colored line for currently open section in nav */
.header .active
{
    border-bottom: 2px solid red;
}
.subNavigation {
    padding-top: 5px;
    font-size: .9em;
}
.header .subNavigation.active
{
    display: inline-block !important;
}
#navigation {
    min-height: 63px;
    flex-basis: 730px;
}
.footer .contact
{
    text-align: center
}
.contact h4 {
    margin: 16px 0;
}
.contact h5 {
    margin: 10px 0;
}
.footer .departments p
{
    margin: 0;
}
.footer .department
{
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
    width: 33%;
    min-width: 180px;
}
@media screen and (max-width: 880px) {
    #mainOffice {
	width: 100%;
    }
}
.slogans {
    margin-top: 3px;
    border-bottom: 2px solid black;
    text-align: center;
    padding: 5px 0 10px;
    font-weight: lighter;
    font-size: 16px;
    font-family: 'Asul',sans-serif;
    text-transform:uppercase;
}
.footer .footer-branding
{
    margin: 16px 0;
}
.content
{
    margin: 16px;
}
.content-container
{
    margin: 0 auto;
    max-width: 960px;
}
.content-container img
{
    max-width: 100%;
}
.disclaimer
{
    font-size: 10px;
}
#vision h2
{
    margin: 0;
}
#team img
{
    max-width: 150px;
    display: inline-block;
    padding-right: 16px;
    vertical-align: top;
    margin-top: 16px;
}
#team p
{
    width: 70%;
    display: inline-block;
}
.byline
{
    font-style: italic;
    text-align: center;
    /*padding-bottom: 16px;
    border-bottom: 1px solid black;*/
}
.sticky-wrapper.is-sticky * {
    background-color: white;
}
#history h2 {
    padding-top: 90px;
    margin-top: -90px;
}
#history h3, #metering h3 {
    margin: 5px 0;
    text-align: center;
}
#history h5 a, #history h5 a:visited {
    text-decoration: none;
    color: #095ba6;
}
#newspaper a, #newspaper a:visited
{
    text-decoration: none;
    color: black;
}

#newspaper a:hover
{
    color: #095ba6;
}

#newspaper
{
    letter-spacing: 1px;
    word-wrap: break-word;
    font-family: Lucida Sans, sans-serif;
}
#newspaper hr
{
    border: 2px solid black;
}
#newspaper .masthead
{
    display: flex;
    justify-content: space-between;
}
#newspaper .masthead h6
{
    margin: 0px 35px;
}
#newspaper .masthead h2.left
{
    text-align: left;
}
#newspaper .masthead h2.right
{
    text-align: right;
}
#newspaper .leftColumn
{
    width: 65%;
    display: inline-block;
    border-right: 4px solid darkgrey;
    vertical-align: top;
}
#newspaper .rightColumn
{
    width: 31%;
    display: inline-block;
    vertical-align: top;
}
#newspaper .leftColumn h1, #newspaper .rightColumn h1
{
    text-align: left;
    font-weight: bold;
}
#newspaper .leftColumn h2, #newspaper .rightColumn h2
{
    text-align: left;
    font-style: normal;
    font-weight: lighter;
    font-size: 16px;
}
#newspaper .leftColumn h2 span, #newspaper .rightColumn h2 span
{
    font-weight: normal;
    font-size: 20px;
}
#newspaper .leftColumn .column
{
    width: 47%;
    display: inline-block;
    vertical-align: top;
}
#newspaper .leftColumn .column.first
{
    border-right: 4px solid darkgrey;
}
#newspaper .lorem
{
    color: lightgrey;
    font-size: 6px;
    text-transform: uppercase;
    text-indent: 16px;
}
/* Begin FAQ accordion header colors */
.ui-state-default.ui-state-active
{
    color: #095ba6;
    background: lightgrey;
}
.ui-state-default
{
    color: lightgrey;
    background: #095ba6;
}
/* End FAQ accordion header colors */
/* BEGIN bundles */
#bundles p, .table .table-foot p
{
    text-align: center;
}
#bundles .table .table-cell:not(:first-child)
{
    width: 18%;
}
#bundles a
{
    text-decoration: none;
}
#bundles .package
{
    text-align: center;
}
#bundles .description div
{
    display: flex;
    justify-content: space-around;
}
#bundles div.details
{
    display: none;
    padding: 0 2em;
    color: grey;
}
#bundles ul
{
    text-align: left;
}
/* styles to support JS scrolling to related sections of the matrix */
#bundles .scrollTrigger
{
    text-decoration: underline;
}
#bundles .scrollTrigger::after
{
    content: "\21b4";
}
#bundles .table .table-cell:not(:first-child)
{
    width: 18%;
}
#bundles .twoIcons
{
    display: block;
}
#bundles .twoIcons .fa
{
    display: inline-block;
}
#bundles .disclosure
{
    font-size: 80%;
    padding-top: 2em;
}
/* END bundles */


/* BEGIN institutionAccess */
#institutionAccess .table-cell:first-child
{
    width: 20%;
}
#institutionAccess .table-cell span
{
    display: none;
}
#institutionAccess .table 
{
    margin-bottom: 25px;
}
#institutionAccess .table-legend
{
    margin-bottom: 25px;
    text-align: left;
    margin-left: 10%;
}
#institutionAccess .table-legend i
{
    vertical-align: middle;
}
#institutionAccess .table-legend span
{
    padding-left: 1em;
    color: black;
}
/* END institutionAccess */

/* BEGIN "table" styles */
.table
{
    display: table;
    border-collapse: collapse;
    text-align: center;
}
.table-head
{
    display: table-header-group;
    font-weight: bold;
}
.table-body
{
    display: table-row-group;
}
.table-caption
{
    display: table-caption;
    caption-side: bottom;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding: 1em;
}
.table, .table-cell-header, .table-cell
{
    border: 1px solid black;
}
.table-cell
{
    padding: 1em;
    display: table-cell;
    vertical-align: middle;
}


.table p
{
    text-align: left;
}
.table .parenthetical
{
    display: block;
    color: grey;
}
.table .fa.info
{
    font-size: 1em;
    color: grey;
    padding: 0 0 0 5px;
}

/* Styling to alternate the position of the icons in the first column of the matrix */

.table .fa, .table-legend .fa
{
    font-size: 2em;
    margin: auto 0;
}
.table-row
{
    display: table-row;
}
.table-row:nth-child(odd) .description div
{
    flex-direction: row-reverse;
}
.table-row:nth-child(even) .description .fa
{
    padding-right: 0.5em;
}
.table-row:nth-child(odd) .description .fa
{
    padding-left: 0.5em;
}
/* Icon styles for the body of the matrix */
.table .available.upcharge .fa, .table .optional .fa, .table-legend .optional
{
    color: orange;
    display: block;
}
.table .available .fa
{
    color: #095ba6;
    display: block;
}
.table .includes .fa, .table .yes .fa, .table-legend .yes
{
    color: green;
    display: block;
}
.table .no .fa, .table-legend .no
{
    color: red;
    display: block;
}
/* END "table" styles */


/* BEGIN modules */
#modules .search {
    vertical-align: bottom;
    width: 250px;
    height: 32px;
    font-size: 20px;
    border: 1px solid black;
}
ul.list {
    list-style: none;
    padding-left: 0px;
}
.list .module {
    padding-bottom: 10px;
}
.moduleClassification {
    font-size: 14px;
}
#modulesContainer label {
    font-weight: bold;
    padding-right: 10px;
}
#moduleCategories {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
#moduleCategories h2 {
    flex-basis: 100%;
}
.moduleClassification a, #moduleCategories a {
    display: inline-block;
    margin: 0px 3px 3px;
    color: black;
    background-color: #efefef;
    border: 1px solid #efefef;
    border-radius: 5px;
    text-decoration: none;
    padding: 3px 7px;
}
#moduleCategories a {
    font-size: 14px;
}
#moduleCategories a.selected {
    background-color: #095ba6;
    color: white;
}
#modules .listJSlength, #modules2 .resultsCounter, #modules2 .paginationContainer
{
    display: none;
}
#modules .moduleName 
{
    font-size: 1.25em;
    font-weight: bold;
}
#modules .listJSTableUtilities
{
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
/* END modules */

.button, .button:visited {
    padding: 5px 15px;
    background-color: #095ba6;
    color: white;
    text-decoration: none;
    border-radius: 25px;
}
#returnTop {
    display: none;
    position: fixed;
    bottom: 40px;
    right: 100px;
    border: 1px solid white;
}
#metering section
{
    padding: 20px 0;
}