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

* Filename:     cobbemc.css
* Version:      1.1.0 (2016-8-4)
* Description:  CSS for CobbEMC theme
* Author:       Sean Walker (sean.walker@nreca.coop)

-----------------------------------------------*/
/* CSS Overrides */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
body {
    background-image: none;
}
body.front {
    background-image: none;
}
h1, .h1, h2, h3, h4, h5, h6 {
    color: #666;
}
h2.pane-title a {
    color: #666;
}
h2.pane-title a:hover, h2.pane-title a:active {
    color: #0084a9;
}
a { color: #00AFC4; }
a:hover { color: #666; }
p {  color: #444;  }
.not-front div#container h2 {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.5em;
}
.not-front div#container h3 {
    font-size: 1.75em;
    font-weight: 700;
    line-height: 1.375em;
}
div#container h4 {
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.25em;
}
div#container h5 {
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.125em;
}
div#container h6 {
    font-size: 1.125em;
    font-weight: 300;
    line-height: 1.075em;
}
hr {
    border: 0;
    height: 5px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #666, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #666, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #666, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #666, #f0f0f0);
}
blockquote {
    background: #f9f9f9;
    border-left: 10px solid #0084a9;
    margin: 1.5em 10px;
    padding: 0.5em 0.5em;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
    color: #666;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote p {
    display: inline;
}
ul ul {
    list-style-type: circle;
}
ul ul ul {
    list-style-type: square;
}
#container li {
    line-height: 2em;
}
.front #container p {
    font-size: 1.25rem;
    color: #444;
    line-height: 1.5em;
}
.front #container li {
    font-size: 1.25rem;
    color: #444;
}
.menu-wrap {
    padding: 4px 0;
}
#home-top-block {
    padding: 0;
}
div#header_top {
    padding: 0 3rem;
    font-size: 100%;
    background-color: #0084a9;
    min-height: 0;
    color: inherit;
    box-shadow: none;
}
div#header_top .header_outage {
    font-size: 85%;
}
input#edit-submit--2 {
    display: none;
    visibility: hidden;
}
input#edit-search-block-form--2 {
    padding: 4px;
    vertical-align: super;
    background-color: rgba(255,255,255,0.15);
    border-radius: 2px;
    box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.35);
    border: none;
    background: url('/sites/cobbemc/files/images/Search-64.png');
    background-size: 15%;
    background-repeat: no-repeat;
    color: #fff !important;
    background-position: 96% 50%;
    margin-top: 5px;
}
input#edit-search-block-form--2:focus {
    outline-color: rgba(0,0,0,0);
    border: none !important;
    outline-width: 0;
}
.search_site input#edit-submit {
    padding: 5px;
    vertical-align: super;
    margin-top: 2px;
    display: none;
    visibility: hidden;
}
.header_button-wrapper.cwb-button-wrapper {
    float: right;
}

/* Live Person */
.chat_box {
    background: #fff;
    width: 250px;
    height: 160px;
    position: fixed;
    bottom: -125px;
    left: 60px;
    transition: all .3s;
    /*border: 1px solid transparent;*/
    border-left: 5px solid #db6c2c;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.125) 0 0 10px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.125) 0 0 10px 2px;
    box-shadow: rgba(0, 0, 0, 0.125) 0 0 10px 2px;
    overflow: hidden;
    z-index:1000000;
}
.live_chat {
    text-align: center;
    text-decoration: none;
    display: block;
    height: 100%;
    padding: 5px 5px 15px;
    z-index: 9999;
    position: relative;
}
.chat_button {
    background: #666;
    border: 0;
    margin: 0 auto;
    padding: 5px 18px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    transition: all .3s;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
}
.chat_button:hover {
    background: #0084a9;
}
.chatheader {
    margin: 0 auto;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    font-weight: 700;
    color: #616161;
    text-align: center;
    display: block;
    cursor: pointer;
}
.live_chat p {
    color: #616161;
    font-size: 16px !important;
    margin: 0;
    line-height: 1em !important;
    text-align: center !important;
}
.cobbfav {
    vertical-align: middle;
}
img.cobbfav {
    max-height: 30px;
    width: auto;
}
div#LP_DIV_1432726472741 * {
    margin: 0 auto !important;
}
div#LP_DIV_1488227151186 {
    margin: 0 auto !important;
    position: relative;
    display: block;
    z-index: 9999;
}

/* Template Changes */
div#content .pane-mdl-card-blocks img {
    height: auto !important;
    width: 105% !important;
}
#NISC-login {
    left: 6%;
    margin-top: 6%;
    background-color: rgba(0,0,0,0);
 }
.smarthub_login {
    background: rgba(0,0,0,0) none repeat scroll 0 0;
    margin-top: 0rem;
    width: calc(27.5% - 1em);
    background-color: #0084a9;
    border-top-right-radius: 75px;
    display: table-cell;
    position: relative;
    text-align: center;
    vertical-align: top;
    margin-left: 1em;
}
.ui-dialog.linkit-wrapper {
    overflow: hidden;
    position: absolute;
    top: 40%;
    left: 35%;
    padding: .2em;
    outline: 0;
    z-index: 1001 !important;
    bottom: auto;
}

/* Tables */
table.noBorders { border: none; }
.noBorders td {
    background: white;
    border: none;
}

/* Icon Set Under Slideshow */
.region.region-home-icon-set {
    margin: 0px auto;
    width: 100%;
}
.my_programs-wrapper.cwb-button-wrapper .cwb-button-cell, body.not-front #container .cwb-button-wrapper .cwb-button-cell {
    max-width: none !important;
    margin: 0;
    padding: 1em 0.5%
}
.my_programs-container, body.not-front #container .cwb-button-wrapper .cwb-button-container {
     width: 100%;
     padding: 2em 0 !important;
}
span.my_programs-text.cwb-button-text, body.not-front #container .cwb-button-wrapper .cwb-button-text {
    font-weight: bold;
    margin-top: 1em;
    display: block;
}
body.not-front #container .cwb-button-wrapper {
    max-width: 99%;
}

/* Divider Arc CSS */
.divider-outside-bottom {
    position: relative;
    background: #fff;
}
.divider-outside-bottom:before {
    content: "";
    position:absolute;
    z-index: -1;
    width:96%;
    bottom: 0;
    height: 10px;
    left: 2%;
    border-radius: 100px / 5px;
    box-shadow:0 0 18px rgba(0,0,0,0.6);
}
.panel-2col-stacked .panel-separator {
    margin: 0;
}
.css3-gradient1{
    position:relative;
}
.css3-gradient1:after, .view.view-mdl-card-blocks:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 100%;
    bottom: 0;
    width: 60%;
    height: 60px;
    left: 20%;
    right: -10%;
    background: -webkit-radial-gradient(50% -3%,ellipse cover,rgba(00,00,00,0.5),rgba(97,97,97,0.0) 40%);
    background: radial-gradient(ellipse at 50% -70%,rgba(00,00,00,0.95),rgba(97,97,97,0.0) 40%);
}

/* MDL Adjustments */
.field-content.mdl_post_date {
    margin: -2em 0.5em 1em;
    padding: 0em;
}
.mdl-card {
    width: 32.125%;
    margin: 0.1em 0em;
    vertical-align: top;
    max-width: none;
}
.views-row-odd.views-row-first.mdl-card {
    margin-right: 1em;
}
.views-row-odd.views-row-last.mdl-card {
    margin-left: 1em;
}
.mdl-card__title {
    font-size: 1.25rem;
    padding: 1em 2rem;
}
.mdl-card__supporting {
    padding: 0 2em 0em 2em;
    min-height: 6em;
}
.mdl-button a {
    color: #e36f1e !important;
}
.mdl-button {
    color: #e36f1e;
    padding: 0em 0 4em 2.25em;
    font-size: 0.85rem;
    background-color: rgba(255,255,255,0) !important;
    text-transform: inherit;
}

/* Homepage Blocks */
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
    border-top-right-radius: 15px;
}
a.pure-button.pure-button-primary:after {
    content: " >>";
    font-size: 100%;
    vertical-align: baseline;
}
body.front #container {
    padding: 0;
}
body.front #container h2.pane-title {
    padding-bottom: 0.5em;
    border-bottom: none;
    padding-top: 0;
    font-weight: 700;
    margin-top: 1em;
}
.dcsmt {
    margin: 0 auto;
}
body.front #container .container-wrap {
    max-width: 1440px;
}
body.not-front .container-wrap {
    max-width: 1440px;
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
}
#container .outage_panel {
    position: relative;
    background-image: url(/sites/cobbemc/files/images/Homepage/Outage-Center-Storm-Clouds.jpg);
    background-repeat: no-repeat;
    padding: 1em 2em;
    background-size: cover;
    background-position: center;
}
#container .outage_panel .pure-button {
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 2em;
    width: calc(100% - 3em);
}
#container .outage_panel .panel-pane.pane-custom {
    /*background-color: rgba(255,255,255,0.75);*/
    min-height: 350px;
}
#container .outage_panel .panel-col-first .pane-content {
    padding: 2em;
    background-image: url(/sites/cobbemc/files/images/Current%20outages%20map.jpg);
    background-size: cover;
}
.parallax-block .region {
    max-width: 94%;
}
body.front .parallax-block .block > h2 {
    font-weight: 700;
}
#footer {
    background: #0084a9;
    padding-top: 2rem;
}
.full-wrap {
    max-width: 1440px;
}
.outage_panel .panel-panel .pane-content {
    background-color: #eee;
    min-height: 285px;
    position: relative;
}
.outage_panel h2.pane-title {
    padding-bottom: 0;
    margin-top: 0;
}
.outage_panel .pane-content h2:nth-child(1) {
    font-size: 1.75rem !important;
    background-color: rgba(255,255,255,1);
    padding: 0;
    margin: 0 !important;
    text-align: left !important;
    display: block;
    padding: 0.5em 0em 0.5em 1em !important;
    border-top-right-radius: 35px;
    border-bottom: 2px solid #ccc !important;
}
.outage_panel .pane-content {
    text-align: left;
    padding: 2em 2em;
}
.outage_panel .panel-3col-33-stacked .panel-col .inside {
    margin: 0 1.5em 1em .5em;
}
.outage_panel .panel-3col-33-stacked .panel-col-first .inside {
    margin: 0 1.5em 1em 0;
}

/* Social Media Tab Overrides */
.static .tab-content {
    padding: 10px;
    width: 100% !important;
}
.burr-flipped-content {
    width: 64.085%;
}

/* Sticky Header CSS */
div#header_info #block-cwbhelper-site-logo img {
    max-height: 10em;
    margin-top: 1em;
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s;
}

/* TB Mega Menu Cobb Specific Styling */
.mmenu-nav.mm-basic .mmenu-block-title:first-child {
    background-color: rgba(255, 255, 255, 0.125);
    display: table-cell;
    padding: 0.5em;
    text-shadow: none;
    text-transform: uppercase;
}
#mmenu_right .block.block-cwbhelper * {
    color: #fff;
    text-shadow: none;
}
.mmenu-nav.mm-basic {
    background: #007995;
}
.mmenu-nav.mm-basic > .mm-header {
    border: none;
}
.mmenu-nav.mm-basic > .mm-list li {
    border-bottom: medium none;
    border-top: medium none;
}
.block.block-tb-megamenu {
    border-top: none;
}
.tb-megamenu [data-id="5523"] {
    display: none;
    visibility: hidden;
}
.tb-megamenu.style-blue {
    background-color: #fff;
    float: right;
    right: 2em;
    top: -3em;
}
.tb-megamenu .nav > li > a {
    color: #666;
}
.tb-megamenu .dropdown-menu li > a {
    color: #666;
}
.tb-megamenu.style-blue .nav > li > a {
    border-right: none;
}
.tb-megamenu.style-blue .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu.style-blue .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #fff;
    border-right-color: #0084a9;
    color: #0084a9;
}
.tb-megamenu.style-blue .nav li.dropdown.open > .dropdown-toggle {
    color: #0084a9;
}
.tb-megamenu.style-blue .dropdown-menu li > a:hover, .tb-megamenu.style-blue .dropdown-menu li > a:focus, .tb-megamenu.style-blue .dropdown-submenu:hover > a {
    color: #0084a9;
}
.tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus {
    color: #fff;
    background-color: #0084a9;
}
.tb-megamenu .nav > li > a:focus, .tb-megamenu .nav > li > a:hover {
    color: #0084a9;
}
.tb-megamenu .nav li.dropdown.open > .dropdown-toggle {
    /*background-color: #0084a9;*/
    color: #0084a9;
}
.tb-megamenu .nav li.dropdown.active > .dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle,
.tb-megamenu .nav > li.dropdown.open.active > a:hover {
    background-color: #fff;
    color: #0084a9;
}
.tb-megamenu.style-blue  .nav > li.dropdown.open.active > a:hover,
.tb-megamenu.style-blue  .nav > li.dropdown.open.active > a:focus {
    color: #0084a9;
}
.tb-megamenu .dropdown-menu li > a:hover,
.tb-megamenu .dropdown-menu li > a:focus,
.tb-megamenu .dropdown-submenu:hover > a {
    color: #e36f1e;
}
.tb-megamenu .dropdown-menu {
    border-bottom: 3px solid #0084a9;
}
.tb-megamenu.style-blue .dropdown-menu {
    border-bottom-color: #0084a9;
    border-top: 1px solid #ccc;
}
.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected {
    background-color: #e36f1e;
}

/* General CSS */
div#loadingWrapper * {
    color: #fff !important;
}
.pure-u-1-5 p {
    padding: 0 1em 0 1em;
    text-align: left;
}
#container .pure-button {
    margin: 0.25em 0.5rem;
}
.homebanner {
    background: #fff none repeat scroll 0 0;
    height: auto;
    z-index: 8;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.5em;
    display: table;
    width: calc(100% + 2em);
}
.homebanner .region { background:none; }
.region.region-home-banner-text {
    background: none;
    display: table-cell;
    position: relative;
    width: 72.5%;
    padding-right: 1em;
}
.home_icon_set.css3-gradient1 {
    max-width: 1455px;
    margin-left: auto;
    margin-right: auto;
}
.Flexible-container-hub {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 55%;
    overflow: hidden;
}
.pay_now-wrapper.cwb-button-wrapper {
    display: inherit;
    position: relative;
    left: 8%;
    top: -1.25em;
    text-align: left;
}
.front #post-content p {
    text-align: left;
}
.footer_credit {
    border-top: 1px solid #ccc;
}
.footer_credit .copyright {
    float: left;
    padding: 5px 0;
    color: #eee;
}
#top-area .column {
    padding: 0 2%;
}
#top-area {
    padding: 35px 0 35px 0;
}
.container-wrap {
    max-width: 1280px;
}
body.front .parallax-block .block > h2 {
    text-shadow: none;
}
body.front #container h2.pane-title {
    text-shadow: none;
}
.panels-flexible-grey_paragraph {
    width: auto;
    background-color: #eee;
    padding: 1em 2em 0em 2em;
}
.panels-flexible-grey_paragraph h3 {
    text-align: left;
    padding: 0;
    margin: -0.4em;
}
.play_button {
    background: url(/sites/cobbemc/files/images/Play%20button.png);
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.parallax-block {
    background: #0084a9;
}
.parallax-block.two {
    background: #0084a9;
}
.co-op_connections_icons-container span {
    color: #fff;
    line-height: 2em;
}
#home-block-four {
    background: #0084a9;
}
#footer-sitemap a.fs-root-link, #footer-sitemap span.fs-root-link {
    font-size: 1.5rem !important;
    line-height: 2em;
    border-bottom: 2px solid #eee;
    display: inherit;
    margin: 0.5em 0em;
}
#footer-sitemap .depth-1 span.nolink {
    font-weight: bold;
    font-size: 16px;
}
#footer-sitemap ul li ul li a {
    font-weight: bold;
    margin: 1em 0 0 0;
    display: block;
}
#footer-sitemap ul li ul li ul {
    margin-left: 0em;
}
#footer-sitemap ul li ul li ul a {
    font-weight: 300 !important;
    margin: 0 !important;
}
#footer-sitemap ul > li > ul > li > span {
    margin: 1em 0 0 0;
    display: block;
}
div#footer_location {
    margin: 0 auto;
    display: block;
    position: relative;
    padding: 1em 0em;
    color: #fff;
}
div#footer .privacy {
    padding: 0.75em 0em 0.25em 0em;
}
div#footer .privacy a {
    color: #fff !important;
}
table.webform-grid {
    table-layout: auto;
}
div#footer .tse_boiler p {
    color: #fff;
}
.node-readmore a {
    background: #eee;
}

/* Classes */
.embedded-video .player {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embedded-video .player iframe,
.embedded-video .player object,
.embedded-video .player embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
a.colorbox-load.colorbox.init-colorbox-processed.cboxElement img {
    border-radius: 50%;
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.25);
    margin: 0 auto;
    display: block;
    transform: scale(0.75);
}
.responsive-circle {
    font-size: 80px;
    font-weight: 700;
    margin: -1em auto 20px;
    width: 80%;
}
.responsive-circle::after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 0;
    margin-bottom: 20px;
    padding-bottom: 100%;
    width: 100%;
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.25);
}
.responsive-circle div.circle-inner {
    color: rgba(255,255,255,0.87);
    float: left;
    line-height: 1em;
    margin-top: -0.5em;
    padding-top: 50%;
    text-align: center;
    width: 100%;
    font-size: 1.5em;
}
.circle_photo:after {
    background: url("/sites/cobbemc/files/images/Membership%20info%20family.jpg") repeat scroll 0 0 / cover ;
    background-position: 50% 50%;
}
div#DOMWindow {
    padding: 0 !important;
}

/* Child Pages */
body.not-front #container {
    background: rgba(255,255,255,1);
    overflow: initial;
}
/*#container a:target {*/
    /*padding-top: 8em;*/
/*}*/
.not-front div#container .hero_image_panel * {
    vertical-align: bottom !important;
}
.node h2.title, .page-title { margin: 0; }
.not-front h1.page-title {
    display: none;
}
.not-front .panel-pane.pane-custom {
    width: 100%;
    float: left;
}
.block-revslider {
    z-index: 1;
}

/* 3 Column 100% and 33% alternating */
.not-front .center-wrapper {
    width: calc(100% + 1em);
}
.panel-3col-33-stacked .panel-col .inside {
    margin: 0 0.5em 1em 0.5em;
}
.panel-3col-33-stacked .panel-col-first .inside {
    margin: 0 0.5em 1em 0.5em;
}
.panel-3col-33-stacked .panel-col-last .inside {
    margin: 0 0.5em 1em 0.5em;
}
.not-front .panel-3col-33-stacked .panel-col-top, .panel-3col-33-stacked .panel-col-bottom {
    margin-bottom: 2em;
}

/* Panel Overrides */
body.front div#panels-ipe-control-panelizer-node-411-default {
    display: none;
    visibility: hidden;
}
/*body.front div#panels-ipe-control-panelizer-node-412-default {*/
    /*display: none;*/
    /*visibility: hidden;*/
/*}*/
.panel-pane.pane-entity-field.pane-node-field-hero-image.hero_image_panel, .panel-pane.pane-entity-field.pane-node-field-webform-hero-image.hero_image_panel {
    display: block;
    position: relative;
}
.front .panelizer-view-mode.node.node-full.node-cwb-article h2:first-child {
    display: block !important;
}
.panelizer-view-mode.node.node-full.node-cwb-article h2:first-child {
    display: block;
    visibility: visible;
}
.not-front .hero_image_panel h2.pane-title:first-child,
.not-front .panels-flexible-region-cobb_emc_2_column_layout-hero_image-inside h2.pane-title:first-child {
    background-color: #0084a9;
    border-top-right-radius: 25px;
    bottom: 0;
    display: block;
    left: 0;
    margin-bottom: 0;
    min-width: 30%;
    padding: 0.5em;
    position: absolute;
    text-align: center;
    top: auto;
    visibility: visible;
}
.not-front .hero_image_panel h2.pane-title {
    color: #fff;
    display: block;
    font-size: 2.125rem;
    font-weight: bold;
    position: relative;
    /*text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);*/
    text-transform: uppercase;
}
#content .region-content .header {
    margin-bottom: 1em;
}
#content .region-content .unit .inside {
    margin: 0em 0.5em 1em 1em;
}
.panel-panel.right.lastUnit {
    border-left: none;
}
.panel-panel.right.lastUnit img {
    float: right;
}
figure.image {
    border: 1px solid #ccc;
    margin: 0em 0.5em 2em 0.5em;
    padding: 1em;
}
figure.image img {
    padding: 0 !important;
    width: 100%;
    margin-bottom: 0.5em;
}
figcaption {
    padding: 0;
    background: none !important;
    text-align: left;
}
figcaption strong {
    color: #444;
    font-size: 1.25em;
}
figcaption em {
    font-style: inherit;
    font-weight: 700;
    color: #00AFC4;
}
body.not-front #container a, body.not-front #container a:visited {
    color: #00AFC4;
}
.not-front .mdl-card {
    width: 100%;
}


/* Solar Use Page */
#solar-gen-today-container {
    bottom: 180px;
}
#solar-gen-today-container h4 {
    font-size: 1.25em !important;
    line-height: 1em !important;
}

/* MDL Cards for Staff Bios */

.faw-close-delete { color:#fff; }
.bio-container {
    width: 325px;
    height: 658px;
    max-width: 325px;
    background: white;
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 15px 0 rgba(0,0,0,0.25);
    float: left;
    margin-right: 0.825em;
    margin-bottom: 1.5em;
    margin-left: 0.825em;
}
h2.bio-heading {
    padding: 20px;
    color: white;
    background: #0084a9;
    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: #0084a9;
    -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(.25);
    -ms-transform: scale(.25);
    transform: scale(.25);
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
    opacity: 1;
}

.rippling {
    -webkit-animation: .2s rippling 1;
    animation: .2s rippling 1;
    -moz-animation: .2s 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: #0084a9;
    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: .2s all ease .4s;
    transition: .2s all ease .4s;
}

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

.button-wrapper.clicked .layer {
    -webkit-transform: scale(100);
    -ms-transform: scale(100);
    transform: scale(100);
    -webkit-transition: 1.5s all ease .4s;
    transition: 1s all ease .5s;
}
.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;
    z-index: 1;
    position: relative;
}
.bio-detail.nodetail {
    z-index: 0;
    display: none;
    visibility: hidden;
}
.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;
}
.ui-accordion .ui-accordion-header {
    background: #eee;
    color: #666;
}

/* Type display classes */
.display-1, .display-2, .display-3 {
    font-weight: 700;
    font-family: inherit;
    line-height: inherit;
    color: #222;
}
.display-4, .display-5 {
    font-weight: 300;
    font-family: inherit;
    line-height: inherit;
}
.display-1,
.not-front div#container .pane-main-callout h2,
.not-front div#container .pane-know-before-you-buy-callout h2,
.not-front div#container .pane-charging-your-ev-callout h2,
.not-front div#container .pane-ev-tools-callout h2 {
    font-size: 4rem;
    font-weight: 700;
    margin: 0;
}
.display-2 {
    font-size: 3rem;
}
.display-3 {
    font-size: 2rem;
}
.display-4, .lead {
    font-size: 1.5rem;
}
.display-5 {
    font-size: 1.25rem;
}

/* Panel Page setup at /ev */
/*:target:before {*/
    /*content:"";*/
    /*display:block;*/
    /*height: 115px; !* fixed header height*!*/
    /*margin: -115px 0 0; !* negative fixed header height *!*/
/*}*/
body.page-ev div#breadcrumbs {
    display: none;
    visibility: hidden;
}
body.page-ev .container-wrap {
    max-width: none;
    box-shadow: none;
}
body.page-ev .panel-panel img {
    width: 100%;
}
.callout-txt, .callout-txt_alt {
    padding: 0 5%;
}
.pane-menu-ev-menu ul.menu {
    padding: 0;
}
.callout-txt .lead,
.callout-txt p,
.callout-txt_alt .lead,
.callou-txt_alt p,
.pane-ev-intro-text .lead,
.pane-ev-intro-text p {
    line-height: 1.5rem;
}
.page-ev #container li {
    line-height: normal;
}
.pane-menu-ev-menu ul.menu {
    display: table;
    text-align: center;
    margin: 0 auto;
    /*padding: 2rem;*/
    position: relative;
}
.pane-menu-ev-menu ul.menu li {
    display: block;
}
.pane-menu-ev-menu ul.menu li a {
    color: #666;
}
body.page-ev #container .pane-menu-ev-menu a {
    color: #666;
    font-weight: 700;
}
.pane-main-callout:after,
.pane-know-before-you-buy-callout:after,
.pane-charging-your-ev-callout:after {
    content: "";
    position: absolute;
    z-index: 1;
    /*top: 100%;*/
    /*bottom: 0;*/
    width: 60%;
    height: 60px;
    left: 20%;
    right: -10%;
    margin-top: -.5rem;
    background: -webkit-radial-gradient(50% -3%,ellipse cover,rgba(00,00,00,0.5),rgba(97,97,97,0.0) 40%);
    background: radial-gradient(ellipse at 50% -70%,rgba(00,00,00,0.95),rgba(97,97,97,0.0) 40%);
}
.page-ev .panel-2col-bricks .panel-separator {
    margin-top: -1rem;
}
.panel-pane.pane-panels-mini.pane-ev-intro-text {
    width: 85%;
    margin: 0 auto;
}
.pane-ev-intro-text p.lead, .pane-ev-intro-text .display-1, .pane-ev-intro-text .display-2, .pane-ev-intro-text .display-3, .pane-ev-intro-text .display-4, .pane-ev-intro-text .display-5 {
    /*max-width: 85rem;*/
    margin: 1.5rem auto;
}
.pane-linear-gradient-callout {
    background-image: linear-gradient(to right, #e3e41c, #aee456, #84de80, #6cd39f, #6dc6b2);
    padding: 2rem 0;
}
.pane-linear-gradient-callout p {
    color: #fff;
}
.pane-main-callout, .pane-charging-your-ev-callout {
    background: #666;
}
.pane-main-callout h2, .pane-charging-your-ev-callout h2 {
    color: #e4e41b;
}
.not-front div#container .pane-main-callout h2,
.not-front div#container .pane-know-before-you-buy-callout h2,
.not-front div#container .pane-charging-your-ev-callout h2,
.not-front div#container .pane-ev-tools-callout h2 {
    margin: 0 auto;
    text-align: center;
    padding: 2rem 0 0 0;
}
.callout-img img {
    max-width: 66%;
    margin: 0 auto;
    display: block;
}
.callout-txt .lead, .callout-txt p {
    color: #fff;
    /*line-height: 2rem;*/
}
.callout-txt_alt .lead, .callou-txt_alt p, .pane-ev-intro-text .lead, .pane-ev-intro-text p {
    color: #222;
    /*line-height: 2rem;*/
}
.callout-txt .display-3, .callout-txt .display-4, .callout-txt .display-5,
.callout-txt_alt .display-3, .callout-txt_alt .display-4, .callout-txt_alt .display-5 {
    color: #e26f25;
}
.lead {
    font-size: 21px;
}
@media (max-width: 768px) {
    .lead {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.4;
    }
}
@media (max-width: 600px) {
    .page-ev #container {
        padding: 0;
    }
    .not-front .container-wrap {
        padding: 0;
    }
    .pane-charging-your-ev-callout:after {
        margin-top: 0;
    }
}
@media (min-width: 601px) {
    body.page-ev .center-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
    .callout-txt, .callout-txt_alt {
        padding-left: calc(15%);
    }
    .pane-menu-ev-menu ul.menu {
        padding: 2rem;
    }
    .callout-txt .lead,
    .callout-txt p,
    .callout-txt_alt .lead,
    .callou-txt_alt p,
    .pane-ev-intro-text .lead,
    .pane-ev-intro-text p {
        line-height: 2rem;
    }
    .pane-menu-ev-menu ul.menu li {
        display: table-cell;
        background: none;
    }
}
/* 0.75rem(12px) @ 15rem(240px) increasing to 4rem(64px) @ 120rem(1920px) */
@media (min-width: 15rem) {
    .display-1,
    .not-front div#container .pane-main-callout h2,
    .not-front div#container .pane-know-before-you-buy-callout h2,
    .not-front div#container .pane-charging-your-ev-callout h2,
    .not-front div#container .pane-ev-tools-callout h2 {
        font-size: calc(1rem + ((1vw - 0.15rem) * 3.0952));
        /* Where: * 3.0952 = 100 * font_Size_Difference / viewport_Width_Difference */
    }
}
/* Prevent font scaling beyond this breakpoint */
@media (min-width: 120rem) {
    .display-1,
    .not-front div#container .pane-main-callout h2,
    .not-front div#container .pane-know-before-you-buy-callout h2,
    .not-front div#container .pane-charging-your-ev-callout h2,
    .not-front div#container .pane-ev-tools-callout h2 {
        font-size: 4rem;
    }
}

/* 0.75rem(12px) @ 15rem(240px) increasing to 3rem(48px) @ 120rem(1920px) */
@media (min-width: 15rem) {
    .display-2 {
        font-size: calc(0.875rem + ((1vw - 0.15rem) * 2.1429));
        /* Where: * 2.1429 = 100 * font_Size_Difference / viewport_Width_Difference */
    }
}
/* Prevent font scaling beyond this breakpoint */
@media (min-width: 120rem) {
    .display-2 {
        font-size: 3rem;
    }
}

/* 0.75rem(12px) @ 15rem(240px) increasing to 2rem(32px) @ 120rem(1920px) */
@media (min-width: 15rem) {
    .display-3 {
        font-size: calc(0.75rem + ((1vw - 0.15rem) * 1.1905));
        /* Where: * 1.1905 = 100 * font_Size_Difference / viewport_Width_Difference */
    }
}
/* Prevent font scaling beyond this breakpoint */
@media (min-width: 120rem) {
    .display-3 {
        font-size: 2rem;
    }
}

/* 0.75rem(12px) @ 15rem(240px) increasing to 1.5rem(24px) @ 120rem(1920px) */
@media (min-width: 15rem) {
    .display-4, .lead {
        font-size: calc(0.75rem + ((1vw - 0.15rem) * 0.7143));
        /* Where: * 0.7143 = 100 * font_Size_Difference / viewport_Width_Difference */
    }
}
/* Prevent font scaling beyond this breakpoint */
@media (min-width: 120rem) {
    .display-4, .lead {
        font-size: 1.5rem;
    }
}

/* 0.75rem(12px) @ 15rem(240px) increasing to 1.25rem(20px) @ 120rem(1920px) */
@media (min-width: 15rem) {
    .display-5 {
        font-size: calc(0.75rem + ((1vw - 0.15rem) * 0.4762));
        /* Where: * 0.4762 = 100 * font_Size_Difference / viewport_Width_Difference */
    }
}
/* Prevent font scaling beyond this breakpoint */
@media (min-width: 120rem) {
    .display-5 {
        font-size: 1.25rem;
    }
}

/* Media */
@media (max-width: 1450px) {
    .region.region-smarthub-login {
        padding: 2em;
    }
    #NISC-login {
        left: 0%;
        margin-top: 0%;
        background-color: rgba(0,0,0,0);
    }
    .pay_now-wrapper.cwb-button-wrapper {
        top: -1.25em;
        left: 1.5%;
    }
    .cwb-button-cell {
        max-width: none;
        /*float: left;*/
        margin: 0.5em;
    }
    .tb-megamenu.style-blue .nav > li > a:first-child {
        font-size: 1.25vmax;
        padding: 5px;
    }
}

@media (max-width: 1225px) {
    #NISC-login {
        left: 0;
        margin-top: 0;
    }
    .mdl-card {
        width: 31.5%;
    }
    /*.outage_panel h2:nth-child(1) {*/
        /*font-size: 1.25rem !important;*/
    /*}*/
}

@media (max-width: 1145px) {
    .mdl-card__title {
        font-size: 1.125rem;
        padding: 1em 2rem;
        min-height: 90px;
    }
}

@media (max-width: 982px) {
    .tb-megamenu.style-blue .nav > li > a:first-child {
        font-size: 1.125vmax;
    }
    .homebanner { display:block; }
    .mdl-card {
        width: 31%;
    }
    /*.home_icon_set.css3-gradient1 {*/
        /*width: 100%;*/
        /*display: inline-block;*/
    /*}*/
}

@media (max-width: 980px) {
    .front #container p {
        font-size: 1.125rem;
        line-height: 1.125em;
    }
    .front #container li {
        font-size: 1.125rem;
    }
    div#header_info .head-wrap { margin-top: 0; }
    div#header_top {
        background-color: #fff;
    }
    .region.region-home-banner-text {
        width: 100%;
        display: inline-block;
    }
    #NISC-login {
        left: 0;
        margin-top: 0;
    }
    .smarthub_login {
        position: relative;
        width: 100%;
        background: #0084a9;
        padding: 0;
        margin: 0;
        border-top-right-radius: 0;
        float: right;
        width: 45%;
        top: 1em;
        right: 5%;
        padding-right: 0;
    }
    .pay_now-wrapper.cwb-button-wrapper {
        top: -2.25em;
        left: 2%;
    }
    .cwb-button-cell {
        margin: 0.25em;
    }
    .homebanner {
        background: none;
    }
    #home-top-block {
        padding: 0;
    }
    .Flexible-container-nisc {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 0;
        padding-top: 20px;
        width: 90%;
        margin-top: 3em;
    }
    .pure-button {
        font-size: 90%;
        margin: 0.5em;
    }
    .panel-flexible.panels-flexible-grey_paragraph.clearfix {
        background: #eee;
        padding: 1em 2em 2em 2em;
        text-align: left;
    }
    .home_icon_set.css3-gradient1 {
        width: 50%;
        display: inline-block;
        float: left;
    }
    .my_programs-wrapper.cwb-button-wrapper .cwb-button-cell, body.not-front #container .cwb-button-wrapper .cwb-button-cell {
        padding: 0em 0.75em 1em 0.75em;
    }
    .responsive-circle {
        margin: -0.5em auto 20px;
    }
    .outage_panel .pane-content {
        padding: 1em 1em;
    }
    .outage_panel .pane-content h2:nth-child(1) {
        font-size: 1.25rem !important;
    }
    #container .pure-button {
        margin: 0.25em 0.25rem;
        font-size: 0.85rem;
    }
}

@media (max-width: 880px) {
.tb-megamenu.style-blue .nav > li > a:first-child {
    font-size: 1vmax;
}
.panel-display.panel-twocol-63-37-stacked.clear-block .left {
    width: 50%;
}
}

@media (max-width: 800px) {
    div#header_info #block-cwbhelper-site-logo img {
        margin: 0 auto;
        position: relative;
        display: block;
    }
    .header-regions-wrap .region .alerts-ticker {
        border: 1px solid #e36f1e;
        padding: 1em;
        border-top-right-radius: 25px;
        width: 98%;
        left: 1%;
    }
    .not-front .panelizer-view-mode.node.node-full.node-cwb-article h2.pane-title:first-child {
        position: relative;
        padding: 0.25em 0.25em;
        font-size: 1.75em;
    }
}

@media (max-width: 640px) {
    /*.smarthub_login {*/
        /*width: 100%;*/
    /*}*/
    .header-regions-wrap .region .alerts-ticker {
        width: 95%;
        left: 2.5%;
    }
    .homebanner { margin-top: 0.25em; }
    .region.region-home-banner-text { display:none; visibility: hidden; }
    .smarthub_login {
        width: 85%;
        margin: auto 0;
        float: left;
        left: 4%;
    }
    .cwb-button-container.cwb-button-small {
        padding: 0.225em;
    }
    .home_icon_set.css3-gradient1 {
        width: 100%;
        display: inline-block;
        top: 1em;
    }
    .my_programs-wrapper.cwb-button-wrapper .cwb-button-cell {
        padding: 1em 1em 0em 1em;
    }
    .cwb-button-wrapper .cwb-button-container {
        margin: 0;
    }
    .pay_now-wrapper.cwb-button-wrapper {
        top: -2.25em;
    }
    .outage_panel .panel-panel .pane-content {
        min-height: 175px;
    }
    .panel-display.panel-twocol-63-37-stacked.clear-block .left {
        width: 100% !important;
    }
    .panel-3col-33-stacked .panel-col, .panel-3col-33-stacked .panel-col-last {
        margin-top: 2em;
    }
    .panel-panel.right.lastUnit {
        width: 100%;
        display: block;
        float: left;
    }
    .panel-3col-33-stacked .panel-col-first {
        width: 100%;
    }
    .panel-3col-33-stacked .panel-col {
        width: 100%;
    }
    .panel-3col-33-stacked .panel-col-last {
        width: 100%;
    }
    .panel-panel.right.lastUnit {
        border-left: 0px solid #ccc;
        padding-left: 0 !important;
        padding-right: 0.5rem !important;
        border-top: 1px solid #ccc;
        padding-top: 2em !important;
        margin-top: 1em;
    }
    .panels-flexible-grey_paragraph {
        padding: 1em 1em 0em 1em;
    }
    body.front #container h2.pane-title {
        margin-top: 1em;
        margin-bottom: 0.5em;
    }
    #container .css3-gradient1 h2.pane-title {
        max-width: 96%;
        margin-left: 2%;
    }
    .responsive-circle {
        margin: 0 auto 20px;
        width: 66%;
    }
    #container .pure-button {
        width: 96%;
        margin-left: 2%;
    }
    #container .outage_panel .panel-pane.pane-custom {
        min-height: 0;
    }
    .outage_panel {
        background-size: cover;
    }
    .outage_panel .panel-3col-33-stacked .panel-col-first .inside, .outage_panel .panel-3col-33-stacked .panel-col .inside, .panel-3col-33-stacked .panel-col-last .inside {
        margin: 0;
    }
    .panel-2col-stacked .panel-col-top .inside {
        margin-bottom: 0;
    }
    #content .region-content .header {
        margin-bottom: 0;
    }
    .footer, .header {
        padding: 0;
    }
    .css3-gradient1:after, .view.view-mdl-card-blocks:after { display:none; }
    #footer { padding: 0; }
}

@media (min-width: 981px) {
    div#header_info {
        height: 235px;
        box-shadow: 0 0 20px 5px rgba(0,0,0,0.125);
        -webkit-transition: height 0s;
        -moz-transition: height 0s;
        -o-transition: height 0s;
        transition: height 0s;
        transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        background-color: #fff;
    }
    div#header_info.shrink {
        height: 125px;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 1000;
        margin-top: 0;
        margin-bottom: 9em;
        -webkit-transition: height 0.2s;
        -moz-transition: height 0.2s;
        -o-transition: height 0.2s;
        transition: height 0.2s;
        transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
    }
    div#header_info.shrink #block-cwbhelper-site-logo img {
        float: left;
        max-height: 7em;
        margin-top: -0.25em;
        -webkit-transition: all 250ms;
        -moz-transition: all 250ms;
        -o-transition: all 250ms;
        transition: all 250ms;
        transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
    }
    div#header_info.shrink .alerts-ticker {
        display: none;
    }
    .tb-megamenu.reloc {
        float: right;
        top: -3.5em;
        /*transition: 0s;*/
        -webkit-transition: height 0.2s;
        -moz-transition: height 0.2s;
        -o-transition: height 0.2s;
        transition: height 0.2s;
        transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -webkit-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
    }
    .homebanner.shrink {
        margin-top: 11.5em;
    }
    body.not-front #container.shrink {
        margin-top: 200px;
        /*padding-top: 16em;*/
    }
}

@media (max-width: 780px) {
    /*.home_icon_set.css3-gradient1 {*/
        /*width: 100%;*/
        /*display: inline-block;*/
    /*}*/
    .outage_panel .panel-pane.pane-custom {
        min-height: 300px;
    }
    .mdl-card {
        width: 340px;
        margin: 1em 0;
    }
    .views-row-odd.views-row-first.mdl-card {
        margin-right: 0;
    }
    .views-row-odd.views-row-last.mdl-card {
        margin-left: 0;
    }
    .header_button-wrapper.cwb-button-wrapper {
        display: inline-block;
        float: none !important;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Header Buttons Add Pure CSS Grid Behavior */
@media screen and (min-width: 10.5em){
    .pure-u-sm-2, .pure-u-sm-1-2, .pure-u-sm-5-5, .pure-u-sm-24-24 {
        width: 100%;
    }
    .cwb-button-cell.pure-u-sm-1.pure-u-md-1-3.pure-u-lg-1-5 {
        width: 100%;
    }
}
@media screen and (min-width: 35.5em){
    .pure-u-sm-2, .pure-u-sm-1-2, .pure-u-sm-5-5, .pure-u-sm-24-24 {
        width: 50%;
    }
    .cwb-button-cell.pure-u-sm-1.pure-u-md-1-3.pure-u-lg-1-5 {
        width: 50%;
    }
}
@media screen and (min-width: 37em) {
    .pure-u-md-1-3, .pure-u-md-8-24 {
        width: 50%;
    }
    .cwb-button-cell.pure-u-sm-1.pure-u-md-1-3.pure-u-lg-1-5 {
        width: 50%;
    }
}
@media screen and (min-width: 47em) {
    .pure-u-md-1-3, .pure-u-md-8-24 {
        width: 50%;
    }
    .cwb-button-cell.pure-u-sm-1.pure-u-md-1-3.pure-u-lg-1-5 {
        width: 50%;
    }
}
@media screen and (min-width: 48em) {
    .pure-u-md-1-5, .pure-u-md-8-24 {
        width: 50%;
    }
    .cwb-button-cell.pure-u-sm-1.pure-u-md-1-5.pure-u-lg-1-5 {
        width: 50%;
    }
}

@media screen and (min-width: 50em) {
    .pure-u-md-1-3, .pure-u-md-8-24 {
        width: 100%;
    }
    .cwb-button-cell.pure-u-sm-1.pure-u-md-1-3.pure-u-lg-1-5 {
        width: 100%;
    }
}
@media screen and (min-width: 64em){
    .pure-u-lg-1-5 {
        width: 20%;
    }
    .cwb-button-cell.pure-u-sm-1.pure-u-md-1-3.pure-u-lg-1-5 {
        width: 20%;
    }
}