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

* Filename:     CWBDefault.css
* Version:      1.0.31 (2016-8-30)
* Description:  Subtheme CSS for CWB Default
* Author:       Sean Walker (sean.walker@nreca.coop)

-----------------------------------------------*/
/* Position the Mega Menu fixed to the top of the template */
body {
    margin-top: 0;
}
a {
    color: #005a9c;
}
a:hover {
    color: inherit;
}
#container img {
    height: auto !important;
}
body.logged-in #toolbar { z-index: 1002; }
#admin-menu a[href="/admin/buttons/dashboard"],
#toolbar-menu a[href*="admin/buttons/dashboard"] {
    background-color: #005A9C;
}
#admin-menu a[href="/wizard/step/1"],
#toolbar-menu a[href="wizard/step/1"] {
    background-color: #F8991D;
}
.not-front #container {
    padding: 2rem;
}
#accordion a { color:inherit; }
#admin-menu, #admin-menu .dropdown {
    z-index: 2000;
}
input#edit-search-block-form--2 {
    color: #222;
}
form#search-block-form input#edit-submit {
    padding: 5px;
    border-radius: 2px;
    box-shadow: 2px 2px 10px -1px rgba(0,0,0,0.25);
    margin: 10px 0;
}
.block.block-tb-megamenu {
    background-color: #fff;
    border-top: 1px solid #ccc;
    margin: 0;
}
.region.region-mega-menu {
    position: relative;
    width: 100%;
    z-index: 1001;
}
.tb-megamenu-column h2 {
    font-size: 1.25em;
    text-transform: uppercase;
}
.tb-megamenu .btn-navbar {
    margin: 5px;
}
.tb-megamenu .nav > li > a {
     padding: 15px 15px;
     text-transform: uppercase;
}
.tb-megamenu .nav > li > a:hover {
    text-transform: uppercase;
}
.tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover {
    color: #666;
}
.tb-megamenu .dropdown-menu .active > a,
.tb-megamenu .dropdown-menu .active > a:hover {
    background-color: #eee;
}
.tb-megamenu .dropdown-menu .active > a,
.tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover {
    background-color: #eee;
    background-image: -moz-linear-gradient(top,#eee,#ccc);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#eee),to(#ccc));
    background-image: -webkit-linear-gradient(top,#eee,#ccc);
    background-image: -o-linear-gradient(top,#eee,#ccc);
    background-image: linear-gradient(to bottom,#eee,#ccc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#ccc', GradientType=0);
}
.tb-megamenu-item a[href^="#"] {
    font-weight: bold;
    cursor: default;
    color: #222;
}
.tb-megamenu-item a[href^="#"]:hover {
    text-transform: none;
    color: #222;
}
.header-regions-wrap .region .alerts-ticker {
    padding: 1rem 0 0 0;
}
.alert-ticker-item.page-features-alert img {
    float: left;
    margin-right: 1rem;
    max-height: 75px;
    width: auto;
}
.minilogo {
    display: none;
    visibility: hidden;
    position: fixed;
    width: 100%;
    min-height: 50px;
}
.minilogo img {
    margin: 0.1em;
    max-height: 44px;
    position: fixed;
    z-index: 1003;
    display: none;
    visibility: hidden;
}
.nisc-login { opacity: 0; }
.nisc-login.show{
    -webkit-animation:fadeIn 15s ease;
    opacity:1;
}
@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}

/* Font Rules */
#top-area .column h2 {
    padding: 0.25em;
    font-size: 1.5em;
}
body.front #container h2.pane-title {
    font-size: 3.125rem;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ccc;
    text-shadow: 4px 4px 4px #aaa;
    padding-top: 0.025em;
    text-transform: uppercase;
}
body.front .parallax-block .block > h2 {
    border-bottom: 1px solid #ccc;
    font-size: 3.125rem;
    letter-spacing: -0.125rem !important;
    margin-bottom: 2rem;
    text-shadow: 3px 4px 10px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}
.parallax-block .region h1,
.parallax-block .region h2,
.parallax-block .region h3,
.parallax-block .region h4,
.parallax-block .region h5
{ color:#ffffff; }

#top-area .column h2 {
    text-transform: uppercase;
}

/* Background Parallax Images and class font styles */
body {
    background-size: cover;
    background-image: url(../images/Header_Background_001.jpg);
    background-attachment: fixed;
}
body.not-front #container {
    background: rgba(255,255,255,0.95);
}
.region-home-banner-text .block {
    max-width: 100%;
}
.homebanner{
    background: none;
    background-position: center top;
    height: auto;
    /*max-height: 455px;*/
}
.homebanner .region {
    padding: 0;
    height: auto;
    background: none;
}
.parallax-block.one {
    background: #767474;
}
div#home-block-three {
    background-size: cover;
    background: #005773 url(../images/Header_Background_002.jpg) no-repeat center top;
}
.parallax-block .content h1,
.parallax-block .content h2,
.parallax-block .content h3,
.parallax-block .content h4,
.parallax-block .content h5 {
    line-height: 2.25rem;
}
.parallax-block ul {
    text-align: left;
}
.parallax-block {
    background: #aaa;
    border-bottom: none;
}

/* Template CSS */
div#header-region-top .block {
    margin: 0;
}
div#header_top {
    display: table;
    background-color: #1f1f1f;
    padding: 0.25em 3rem;
    font-size: 85%;
    min-height: 40px;
    width: 100%;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    color: #fff;
}
#header_top h2.element-invisible {  color: #fff;  }
div#header_top .quick_contact {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
div#header_top .header_contact {
    font-weight: bold;
    display: table-cell;
    float: left;
    color: #fefefe;
    text-transform: uppercase;
}
div#header_top .header_outage {
    margin-right: 2em;
    font-weight: bold;
    display: table-cell;
    float: left;
    color: #fefefe;
    text-transform: uppercase;
}
div#header_top .search_site {
    display: table-cell;
    float: right;
    position: relative;
}
div#header_top .container-inline div, div#header_top .container-inline label {
    display: table-cell;
    padding-left: 0.5em;
}
div#social_header_top {
    display: table-cell;
    float: right;
    position: relative;
}
#widgets-element-socialmedia_profile-default img {
    margin: 0.375em;
    right: 0.35em;
    position: relative;
}
/*#widgets-element-socialmedia_profile-buttons img:hover {*/
    /*box-shadow: 0 0 10px 1px rgba(255,255,255,0.25);*/
/*}*/
#top-menu a {
    text-transform: uppercase;
    font-weight: bold;
}
.menu-wrap {
    /*z-index: 1001;*/
    position: relative;
    /*background: rgba(255,255,255,0.90);*/
}
.search-form label {
    display: none;
    visibility: hidden;
}
form#search-block-form .captcha-admin-links {
    display: none;
    visibility: hidden;
}
.vbo-views-form {
    font-size: 75%;
}
form#views-exposed-form-content-view-page #edit-captcha {
    display: none;
}
#header_info ul.alerts-ticker li {
    background: none;
}
a.button-xsmall.pure-button {
    margin: 1rem;
}
.region-header-left.cwb-button-wrapper {
    float: left;
}
.region-header-right.cwb-button-wrapper {
    float: right;
}
#top-area {
    /*padding: 0 0 35px 0;*/
    padding: 75px 0;
}
#top-area .column .region {
    min-height: 400px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

/* Template Overrides */
#home-top-block {
    max-width: 1280px;
    padding: 0;
}
.panelizer-view-mode.node.node-full.node-cwb-article > h2 a {
    display: none;
}
body.front .panel-pane {
    margin: 0em 0em 2em 0em;
}
.not-front .container-wrap {
    background-color: white;
    padding: 20px;
}
.ui-dialog.linkit-wrapper {
  overflow: hidden;
  position: absolute;
  top: 40%;
  left: 35%;
  padding: .2em;
  outline: 0;
  z-index: 1001 !important;
  bottom: auto;
}
aside .block {
    margin-top: 6.25em;
}

/* Accessibility Improvements */
.tb-megamenu .mega > .mega-dropdown-menu {
    min-width: 200px;
    display: block !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px; width: 1px;
    margin: -1px; padding: 0; border: 0;
}
.tb-megamenu .mega.open > .mega-dropdown-menu,
.tb-megamenu .mega.dropdown-submenu:hover > .mega-dropdown-menu {
    display: block;
    overflow: visible;
    clip: auto;
    height: auto;
    width: auto;
}

/* Hide Save as Article Default Option */
#panels-ipe-edit-control-form #panelizer-save-default {
    display: none;
    visibility: hidden;
}

/* Top Menu */
#top-menu {
    float: right;
    font-size: 85%;
    right: 3%;
    top: 0;
    position: relative;
}
#top-menu ul.menu {
    float: right;
    display: inline-block;
}
#top-menu .menu > li {
    display: inline-block;
}
input#edit-search-block-form--2 {
    color: #222 !important;
}

/* Classes */
.full-wrap {
    max-width: 1280px;
}
body.front #container .container-wrap {
    max-width: 1280px;
}
.container-wrap {
    max-width: 1280px;
}
.head-wrap {
    clear: both;
    max-width: 96%;
    margin-left: 2%;
}
.homelink {
    float: left;
    padding: 0;
    margin-right: 0.25em;
}
.headbuttons {
    float: right;
    position: absolute;
    right: 5%;
    top: 2.25em;
}
.pure-button i {
    margin-right: 0.25em;
}
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
     background-color: #0074df;
}
a.pure-button.pure-button-primary:hover {
    color: #eee;
}
#header_buttons .pure-button span.ext {
    display: none;
}
#header_buttons a.icon:before {
    padding-right: 0.5em;
}
.menu-wrap .contact-info span.outage-label {
    font-weight: bold;
}
.field-content.strip {
    margin-top: 0.5em;
    border: 1px solid #ccc;
    width: 100%;
    margin-bottom: 0.5em;
}
.panel-panel.right.lastUnit {
    border-left: 1px solid #ccc;
    padding-left: 0 !important;
    padding-right: 0.5rem !important;
}

/* Flexible iFrame */
.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
}
.Flexible-container-nisc {
    height: 300px;
    min-width: 380px;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    width: 100%;
}
.Flexible-container-nisc iframe,
.Flexible-container-nisc object,
.Flexible-container-nisc embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Image Classes */
figure.image {
    border: 1px solid #aaa;
    margin: 1em;
    padding: 0.25em;
}
figure.image img {
    padding: 0.25em !important;
}
figcaption {
    text-align: center;
/*  background-color: #eee; */
/*  margin-top: 0.25em; */
    width: calc(100% - 0.5em);
    margin: 0 auto;
}

/* MDL Cards */
.mdl-card {
    max-width: 320px;
    height: auto;
    text-align: left;
    display: inline-block;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    background-color: #fff;
    margin: 1rem;
}
.mdl-button {
    background: 0 0;
    border: none;
    border-radius: 2px;
    color: #000;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-size: 0.85rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle;
    text-align: left;
    background-color: #005a9c;
    width: 100%;
}
.mdl-button:hover { font-weight: bold; }
.mdl-button a { color:#fff; }
.mdl-card__title {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: inherit;
    display: block;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    overflow: hidden;
    -webkit-transform-origin: 149px 48px;
    transform-origin: 149px 48px;
    margin: 0;
    position: relative;
    padding: 0.5rem;
    min-height: 3em;
}
.mdl-card__supporting {
     color: rgba(0,0,0,.54);
     font-size: 1rem;
     line-height: 18px;
     overflow: hidden;
     padding: 16px;
     width: 100%;
     position: relative;
    padding: 0 1em 1em 0.5em;
    min-height: 7em; 
}
.mdl-card__image img {
    border-bottom: 1px solid #ccc;
}
.field-content.mdl-button:hover { font-weight:bold; }

/* MDL Cards for Staff Bios */

.faw-close-delete { color:#fff; }
.bio-container {
    width: 300px;
    height: 658px;
    max-width: 300px;
    background: white;
    position: relative;
    /*top: 50%;*/
    /*left: 50%;*/
    overflow: hidden;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.25);
    /*transform: translate3d(-50%, -50%, 0);*/
    float: left;
    margin-right: 2.5em;
    margin-bottom: 2.5em;
}
h2.bio-heading {
    padding: 20px;
    color: white;
    background: #00aeee;
    font-weight: 300;
    text-align: center;
    font-size: 1.25em;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0px;
}
.bio-img-wrapper {
    padding: 0;
    position: relative;
}

.bio-img-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(62, 79, 178, .25);
    width: 100%;
}

.main-button {
    background: #00aeee;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding: 0;
    margin: 0;
}

.button-wrapper {
    width: 50px;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    right: 20px;
    bottom: 20px;
}

.bio-container button {
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.4);
    z-index: 9;
    position: relative;
}

.ripple {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 50%;
    z-index: -9;
    background: transparent;
    /*border: 1px solid #00aeee;*/
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 1;
}

.rippling {
    -webkit-animation: .3s rippling 1;
    animation: .3s rippling 1;
    -moz-animation: .3s rippling 1;
}

@-webkit-keyframes rippling {

    25% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }

}

@-moz-keyframes rippling {

    25% {
        -moz-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1;
    }

    100% {
        -moz-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }

}

@keyframes rippling {

    25% {
        transform: scale(1.5);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }

}

.layer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    background: #00aeee;
    border-radius: 50%;
    z-index: -99;
    pointer-events: none;
}

.button-wrapper.clicked {
    -webkit-transform: rotate(90deg) translateY(-96px);
    -ms-transform: rotate(90deg) translateY(-96px);
    transform: rotate(90deg) translateY(-96px);
    right: 0;
    bottom: 0;
    -webkit-transition: .3s all ease .6s;
    transition: .3s all ease .6s;
}

.button-wrapper.clicked .main-button {
    opacity: 0;
    -webkit-transition: .3s all ease .3s;
    transition: .3s all ease .3s;
}

.button-wrapper.clicked .layer {
    -webkit-transform: scale(100);
    -ms-transform: scale(100);
    transform: scale(100);
    -webkit-transition: 2.25s all ease .9s;
    transition: 2.25s all ease .9s;
}
.bio-img-wrapper img {
    width: 100%;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0;
    display: block;
    position: relative;
}
.bio-detail {
    color: #777;
    padding: 20px;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
}

.layered-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
}

.layered-content.active {
    opacity: 1;
    z-index: 1;
}

.layered-content.active .close-button {
    -webkit-animation: .5s bounceIn;
    animation: .5s bounceIn;
    position: absolute;
}

.layered-content .bio_content img {
    width: 100%;
    -webkit-shape-outside: 80px;
    shape-outside: 80px;
    border-radius: 50%;
    display: block;
    margin: 0 auto 15px;
    padding: 10px;
    box-sizing: border-box;
    background: white;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.4);
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
}

.close-button {
    background: white;
    position: absolute;
    right: 20px;
    top: 20px;
    color: #00aeee;
    font-size: 1.5em;
}

.bio_content p {
    color: white;
    font-weight: 300;
    text-align: center;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
    font-size: 90%;
}

.bio_content p a {
    font-size: 12px;
    background: white;
    padding: 2.5px 5px;
    color: #ff2670;;
    text-decoration: none;
    border-radius: 50px;
    display: inline-block;
    margin-left: 1.5px;
}

.bio_content img,
.bio_content p {
    opacity: 0;
    position: relative;
    top: -7.5px;
    color: white;
}

.layered-content.active .bio_content img {
    opacity: 1;
    top: 0;
    -webkit-transition: .5s all ease .5s;
    transition: .5s all ease .5s;
}

.layered-content.active .bio_content p {
    opacity: 1;
    top: 0;
    -webkit-transition: .5s all ease 1s;
    transition: .5s all ease 1s;
    padding: 1em;
}

/* Table Responsive Handling */
table {
    table-layout: fixed;
    max-width: 100%;
}
table caption {
    font-size: 1.5rem;
    font-weight: bold;
}
table td, table th, table a {
    word-wrap: break-word;
}
table td:not(:first-child) a, table th:not(:first-child) a {
    word-wrap: normal !important;
}

/* Form Styling */
input.form-text, textarea.form-textarea, select.form-select {
    padding: 10px;
}
button, body a.btn, input[type="submit"], input[type="reset"], input[type="button"] {
    padding: 10px;
}
#footer input#edit-name, #footer input#edit-pass {
    color: #222;
}

/* jQuery UI Accordion CSS */
.ui-accordion .ui-accordion-header {
    background: #666;
    padding-left:2em;
}
.accordion a {
    color: #00AFC4;
}

/* Google Doc Field */
#content .gdoc-field {
    background-color: #eee;
    border: 2px solid #222;
    height: 1000px;
    min-height: 600px;
    padding: 0.125rem;
    width: 100%;
}

/* Footer */
#footer #contactinfo span.outagetxt {
    font-weight: bold;
}
#footer #contactinfo span.officetxt {
    font-weight: bold;
}
#footer #contactinfo p {
    margin-bottom: 0;
    line-height: 150%;
}
div#block-cwbhelper-contact-info {
    padding: 10px;
}

/* Footer Menu */
div#footer_expanded {
    padding-bottom: 2em;
    padding-top: 1em;
}
#footer ul {
    text-align: left;
}
#footer-sitemap ul li li {
    margin: 5px 0 0 0;
}
#footer-sitemap ul li ul li ul {
    margin-left: 1em;
}
#footer-sitemap a.fs-root-link, #footer-sitemap span.fs-root-link {
    font-weight: bold;
}
#footer_expanded li a.active {
    color: #eee;
}
#footer-sitemap a, #footer-sitemap a.fs-root-link {
    font-size: initial;
}
#footer-sitemap a span.ext {
    display: none;
    visibility: hidden;
}
#footer-sitemap ul:first-child > li {
    width: 25%;
    margin-bottom: 1em;
}
#footer #footer_expanded a:hover {
    color: #ddd;
}
#footer #footer_expanded a {
    color: #fff;
}
#footer .region.region-social-icons {
    display: inline-block;
    text-align: center;
    /* vertical-align: middle; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    width: 100%;
}
#footer span.outage-label {
    font-weight: bold;
}

/* Footer Left & Right Regions */
div#footer_left {
    position: relative;
    float: left;
}
div#footer_right {
    position: relative;
    float: right;
}
div#footer .tse_boiler {
    max-width: 1280px;
    margin: 0 auto;
    color: #999;
    font-size: 13px;
    text-align: center;
}

/* Mobile Menu Style Based CSS */
#mmenu_left .mmenu-nav.mm-basic {
     background: rgba(0,0,0,0.75);
     border-right: 1px solid #888;
}
#mmenu_right .mmenu-nav.mm-basic {
    background: rgba(0,0,0,0.75);
    border-left: 1px solid #888;
}
.mmenu-nav.mm-basic > .mm-footer {
    background: inherit;
}

/*================================
	General Media Queries
==================================*/

/* Adding space for 3 Highlight regions on tablets */
@media (max-width: 960px) {
    #top-area .column {
        width: 90% !important;
        margin: 5% !important;
    }
}

/* Table Breakpoints */
@media screen and (min-width: 768px) {
    .table-wrapper .pinned {
        display: none !important;
    }
}
@media only screen and (max-width: 767px) {
    .table-wrapper div.scrollable {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media screen and (max-width: 767px) {
    table.responsive {
        table-layout: auto;
    }
    table.responsive td, table.responsive th {
        white-space: inherit;
    }
    .scrollable caption {
        visibility: hidden;
    }
    .pinned td {
        white-space: inherit;
    }
}

/*================================
	Tablet Specific Media Queries
==================================*/

/* Tablet Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    .full-wrap {
        max-width: 98%;
    }
    body.front .parallax-block .block > h2, body.front #container h2.pane-title {
        font-size: 3rem;
        line-height: 3rem;
    }
    .parallax-block {
        padding: 0 2rem;
    }
}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .homebanner {
        background-position: center top;
        background-size: cover;
    }
}

/* Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .homebanner {
        background-position: center top;
        background-size: cover;
    }
}

/*================================
	Mobile Specific Media Queries
==================================*/

@media (max-width: 980px){

    /* Media Queries for jQuery Mmenu Hamburger System */
    #hamburger {
        border-right: 2px solid #ccc;
        display: block;
        width: 45px;
        padding: 5px 10px;
        overflow: hidden;
        margin: 5px 0px;
    }
    #hamburger span {
        background: slategrey;
        display: block;
        height: 3px;
        margin: 5px 0;
        position: relative;
        transform: rotate( 0deg );
        top: 0;
        left: 0;
        opacity: 1;
        transition: none 0.5s ease;
        transition-property: transform, top, left, opacity;
    }
    #mmenu_left.mm-opened ~ #hidden_menus #hamburger span.top-bar {
        transform: rotate( 45deg );
        top: 7px;
    }
    #mmenu_left.mm-opened ~ #hidden_menus #hamburger span.middle-bar {
        opacity: 0;
        left: -40px;
    }
    #mmenu_left.mm-opened ~ #hidden_menus #hamburger span.bottom-bar {
        transform: rotate( -45deg );
        top: -7px;
    }
    .mmenu-nav {
        margin-top: 3.125rem;
    }
    #my-menu {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        position: fixed;
        top: 0em;
        z-index: 1005;
        left: 0;
        display: inline-flex;
        width: 64px;
        height: auto;
    }
    #my-menu img {
        background-color: #eee !important;
        border: 1px solid #222;
        height: auto;
        margin: 0;
        padding: 0;
        width: 15vmin;
    }
    #gear-menu {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        position: fixed;
        top: 0em;
        z-index: 1005;
        display: inline-flex;
        right: 0px;
        padding: 0.75em;
    }
    div.icon.faw-gears-setting {
        font-size: 32px;
        color: slategrey;
    }
    .mmenu-nav.mm-basic {
        background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
    }
    .mmenu-nav.mm-basic > .mm-header, .mmenu-nav.mm-basic > .mm-list li.mmenu-expanded .mmenu-block-expanded {
        background: none;
    }
    #mmenu_right .contact-info p {
        margin-bottom: 0px;
    }

    /* Header Queries */
    .minilogo {
        display: block;
        visibility: visible;
        z-index: 1003;
        left: 3rem;
        position: fixed;
        max-height: 50px;
        min-height: 50px;
        max-width: 33%;
    }
    .minilogo img {
        display: block;
        visibility: visible;
    }
    #top-area .column img, #footer-area .column img {
        width: inherit;
    }
    .mmenu-nav .contact-info > h2 {
        color: inherit;
    }
    .menu-wrap {
        z-index: inherit;
        background: #fff;
    }
    div#header_top {
        /*display: flex;*/
        /*position: fixed;*/
        /*z-index: 1002;*/
        /*background-color: #fff;*/
        display: none;
    }

    #header-region-top {
        padding-top: 50px;
    }

    #header-region-top::before {
        background-color: #ffffff;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
        content: "";
        height: 50px;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
    }
    .region.region-mega-menu {
        display: none;
        visibility:hidden;
    }
    div#header_top .quick_contact {
        display: table-header-group;
        text-align: center;
    }
    div#header_top .search_site, div#social_header_top, div#header_top .quick_contact {
        display: none;
        visibility: hidden;
    }
    div#header_top .header_contact {
        display: block;
        float: none;
    }
    div#header_top .header_outage {
        margin-right: 0em;
        display: block;
        float: none;
    }
    div#header_info .head-wrap {
        clear: both;
        max-width: 100%;
        margin-left: 0%;
        margin-top: 3rem;
    }
    #top-menu {
        display: none;
        visibility: hidden;
    }
    div#block-cwbhelper-top-menu {
        position: fixed;
        top: 0.666em;
        z-index: 1005;
        display: block;
        right: 1em;
        font-size: 75%;
    }
    .region.region-header-right ul.menu li, .region.region-header-right ul.links li, .region.region-header-right .item-list ul li {
         margin: 0 0 0px;
         padding: 0 0 0 0px;
     }
    .header-regions-wrap .region .alerts-ticker {
        background: none;
        border: none;
        border-radius: 0;
        padding-right: 0rem;
        padding-top: 0rem;
        margin-top: 1rem;
    }
    .region .block-cwbhelper:not(:first-child) {
        margin-top: 1em;
    }
    .cwb-button-wrapper {
        display: block;
        float: none;
    }
    .cwb-button-wrapper .cwb-button-container {
        display: inline-block;
        margin: 0.25rem;
    }
    .region-header-left .block {
        float: none;
    }
    #block-nivo-slider-nivo-slider .nivo-controlNav {
        bottom: 37.5px;
    }
    body.front .parallax-block .block > h2, body.front #container h2.pane-title {
        font-size: 2rem;
        line-height: 2rem;
    }
    a.button-xsmall.pure-button {
        float: left;
    }
    a.button-xsmall.pure-button {
        margin: 0.25rem;
    }
    div#block-cwbhelper-contact-info {
        padding: 0px;
    }
    #footer-sitemap {
        margin: 0 1em;
        display: none;
        visibility: hidden;
    }
    div#footer_left, div#footer_right {
        float: none;
        text-align: center;
    }
    #social_footer {
         display: inline-block;
    }
}

@media (max-width: 800px){
    .header-regions-wrap > .region {
        display: block;
    }
}

@media (max-width: 600px) {
    .panel-2col-bricks .panel-col-last {
        width: 100%;
    }
    .panel-2col-bricks .panel-col-first {
        width: 100%;
    }
    .panel-2col-bricks .panel-col-first .inside {
        margin: 0 0 0.5em 0;
    }
    .panel-2col-bricks .panel-col-last .inside {
        margin: 0 0 1.5em 0;
    }

    .panel-2col-stacked .panel-col-first {
        width: 100%;
    }
    .panel-2col-stacked .panel-col-last {
        width: 100%;
    }
    .not-front #container {
        padding: 1em;
    }
}

/* Hide Hamburgers if not Mobile Breakpoint */
@media (min-width: 981px) {
    #my-menu {
        display: none;
    }
    #gear-menu {
        display: none;
    }
}

/* Hide Hamburgers if not Mobile Breakpoint */
@media (max-width: 360px) {
    .cwb-button-wrapper .cwb-button-container {
        float: left;
    }
}

/* Print Cleanup CSS */
@media print {
    div#block-cwbhelper-site-logo img {
        max-height: 75px;
    }
    .region.region-header-right {
        display: none;
    }
    #header-region-top {
        display: none;
    }
    div#hidden_menus {
        display: none;
    }
    .minilogo {
        display: none !important;
    }
    #footer {
        display: none;
    }
}