/**
 * adding sorting ability to HTML tables with Bootstrap styling
 * @summary HTML tables sorting ability
 * @version 2.0.0
 * @requires tinysort, moment.js, jQuery
 * @license MIT
 * @author Matus Brlit (drvic10k)
 * @copyright Matus Brlit (drvic10k), bootstrap-sortable contributors
 */
table.sortable span.sign {
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    font-size: 12px;
    margin-top: -10px;
    color: #bfbfc1;
}
table.sortable th:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    font-size: 12px;
    margin-top: -10px;
    color: #bfbfc1;
}
table.sortable th.arrow:after {
    content: '';
}
table.sortable span.arrow, span.reversed, th.arrow.down:after, th.reversedarrow.down:after, th.arrow.up:after, th.reversedarrow.up:after {
    border-style: solid;
    border-width: 5px;
    font-size: 0;
    border-color: #ccc transparent transparent transparent;
    line-height: 0;
    height: 0;
    width: 0;
    margin-top: -2px;
}
table.sortable span.arrow.up, th.arrow.up:after {
    border-color: transparent transparent #ccc transparent;
    margin-top: -7px;
}
table.sortable span.reversed, th.reversedarrow.down:after {
    border-color: transparent transparent #ccc transparent;
    margin-top: -7px;
}
table.sortable span.reversed.up, th.reversedarrow.up:after {
    border-color: #ccc transparent transparent transparent;
    margin-top: -2px;
}
table.sortable span.az:before, th.az.down:after {
    content: "a .. z";
}
table.sortable span.az.up:before, th.az.up:after {
    content: "z .. a";
}
table.sortable th.az.nosort:after, th.AZ.nosort:after, th._19.nosort:after, th.month.nosort:after {
    content: "..";
}
table.sortable span.AZ:before, th.AZ.down:after {
    content: "A .. Z";
}
table.sortable span.AZ.up:before, th.AZ.up:after {
    content: "Z .. A";
}
table.sortable span._19:before, th._19.down:after {
    content: "1 .. 9";
}
table.sortable span._19.up:before, th._19.up:after {
    content: "9 .. 1";
}
table.sortable span.month:before, th.month.down:after {
    content: "jan .. dec";
}
table.sortable span.month.up:before, th.month.up:after {
    content: "dec .. jan";
}
table.sortable > thead th:not([data-defaultsort=disabled]) {
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0;
}
table.sortable > thead th:hover:not([data-defaultsort=disabled]) {
    background: #efefef;
}
table.sortable > thead th div.mozilla {
    position: relative;
}
/************* USE FOR SMALL TEXT (DATE ADDED, FOOTERS) *************/
/*ADDED NOV. 9 2017 */
.smallText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
}
/******* QUICK LINKS PANEL FLOAT RIGHT WITH TEXT WRAPPING ***************/
/*ADDED OCT 30 2017 */
.contentrt .floatright {
    float: right;
    padding: 10px;
}
/******* CUSTOM GLYPHS NEED TO BE COPIED TO /FONTS/ ***************/
/*ADDED SEPT. 26 2017 */
@font-face {
    font-family: 'icomoon';
    src: url('/fonts/icomoon.eot');
    /* IE9 Compat Modes */
    src: url('/fonts/icomoon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/icomoon.woff') format('woff'), /* Modern Browsers */ url('/fonts/icomoon.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/icomoon.svg') format('svg');
    /* Legacy iOS */
}
[class^="ca-gov-icon2-"], [class*=" ca-gov-icon2-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*------ e901, e900, e905 ----------------*/
.ca-gov-icon2-beakerf:before {
    content: "\e900";
}
.ca-gov-icon2-glass:before {
    content: "\e905";
}
.ca-gov-icon2-glass1:before {
    content: "\e901";
}
.fixed.compact .first-level-link [class^="ca-gov-icon2-"] {
    display: none;
}
.nav-item .toggle-sub-nav.closed .ca-gov-icon2-menu-toggle-open {
    display: none;
}
.nav-item .toggle-sub-nav.open .ca-gov-icon2-menu-toggle-closed {
    display: none;
}
.tab-group > [class^="ca-gov-icon2-"] {
    display: none !important;
}
.explore-invite a:hover span[class^="ca-gov-icon2-"] {
    color: #FDB81E;
}
h1 span[class^="ca-gov-icon2-"]:first-child {
    color: #046B99;
}
h1 span[class^="ca-gov-icon2-"]:first-child, .h1 span[class^="ca-gov-icon2-"]:first-child {
    display: none;
}
.nav-item.active > a > span[class^="ca-gov-icon2"], .nav-item:hover > a > span[class^="ca-gov-icon2"] {
    color: #046B99;
}
.first-level-link > span[class^="ca-gov-icon2"] {
    /* Navigation icons */
    color: #9fc7da;
}
.second-level-link [class^="ca-gov-icon2-"] {
    color: #046B99;
}
.panel-default .panel-heading h2 span[class^="ca-gov-icon2-"], .panel-default .panel-heading h3 span[class^="ca-gov-icon2-"], .panel-default .panel-heading h4 span[class^="ca-gov-icon2-"], .panel-default .panel-heading h5 span[class^="ca-gov-icon2-"] {
    color: #323A45;
}
.panel-overstated .panel-heading h2 span[class^="ca-gov-icon2-"], .panel-overstated .panel-heading h3 span[class^="ca-gov-icon2-"], .panel-overstated .panel-heading h4 span[class^="ca-gov-icon2-"], .panel-overstated .panel-heading h5 span[class^="ca-gov-icon2-"] {
    color: #fff;
}
.panel-understated .panel-heading h2 span[class^="ca-gov-icon2-"], .panel-understated .panel-heading h3 span[class^="ca-gov-icon2-"], .panel-understated .panel-heading h4 span[class^="ca-gov-icon2-"], .panel-understated .panel-heading h5 span[class^="ca-gov-icon2-"] {
    color: #323A45;
}
.panel-standout .panel-heading h2 span[class^="ca-gov-icon2-"], .panel-standout .panel-heading h3 span[class^="ca-gov-icon2-"], .panel-standout .panel-heading h4 span[class^="ca-gov-icon2-"], .panel-standout .panel-heading h5 span[class^="ca-gov-icon2-"] {
    color: #FDB81E;
}
h1 span[class^="ca-gov-icon2-"]:first-child, .h1 span[class^="ca-gov-icon2-"]:first-child {
    display: none;
}
.nav-item .toggle-sub-nav.closed .ca-gov-icon2-menu-toggle-open {
    display: none;
}
.nav-item .toggle-sub-nav.open .ca-gov-icon2-menu-toggle-closed {
    display: none;
}
a.second-level-link [class^="ca-gov-icon2-"] {
    display: inline-block;
    font-size: 22px;
    font-size: 1.375rem;
    vertical-align: -2px;
    margin-right: 3px;
}
.mobile-controls .ca-gov-icon2-menu-toggle-open, .mobile-controls .ca-gov-icon2-menu-toggle-closed {
    padding-left: 1em;
    padding-right: 1em;
    line-height: 44px;
}
.utility-header [class^="ca-gov-icon2-"] {
    font-size: 17.6px;
    font-size: 1.1rem;
    vertical-align: -2px;
}
.ask-group a.btn [class^="ca-gov-icon2-"] {
    padding-right: 10px;
    font-size: 28px;
    font-size: 1.75rem;
}
.tab-group > [class^="ca-gov-icon2-"] {
    display: none !important;
}
panel .panel-heading h2 span[class^="ca-gov-icon2-"], .panel .panel-heading h3 span[class^="ca-gov-icon2-"], .panel .panel-heading h4 span[class^="ca-gov-icon2-"], .panel .panel-heading h5 span[class^="ca-gov-icon2-"] {
    font-size: 32px;
    font-size: 2rem;
    position: relative;
    top: 4px;
}
.panel-body h1 span[class^="ca-gov-icon2-"] {
    margin-left: 0 !important;
}
.main-secondary .panel .panel-heading h2 span[class^="ca-gov-icon2-"], .main-secondary .panel .panel-heading h3 span[class^="ca-gov-icon2-"], .main-secondary .panel .panel-heading h4 span[class^="ca-gov-icon2-"], .main-secondary .panel .panel-heading h5 span[class^="ca-gov-icon2-"] {
    font-size: 28.8px;
    font-size: 1.8rem;
    position: absolute;
    left: 10px;
}
.location .contact [class^="ca-gov-icon2"] {
    font-size: 24px;
    font-size: 1.5rem;
    position: absolute;
    color: #555555;
}
.location.contact [class^="ca-gov-icon2-"] {
    font-size: 56px;
    font-size: 3.5rem;
    color: #555555;
    float: left;
    width: 20%;
    min-width: 60px;
    max-width: 60px;
}
.location.mini [class^="ca-gov-icon2"] {
    padding: 5px;
    line-height: 1;
    font-size: 32px;
    font-size: 2rem;
    position: absolute;
}
.location.full .contact [class^="ca-gov-icon2"] {
    font-size: 35.2px;
    font-size: 2.2rem;
    position: absolute;
}
/********* END CUSTOM GLYPHS *********************/
/***** force centering *********/
th.centered {
    text-align: center;
}
/***** This code adjusts the appearance of the second level navigation links in the heading include 'navigation2.html' **********/
li.customUnit {
    border-top: 0px solid #FDB81E;
    border-bottom: 0px solid #046B99;
    border-left: 0px solid #d6d6d6;
    border-right: 0px solid #d6d6d6;
    background: #F5F9FB;
}
li.customUnit2 {
    border-top: 0px solid #FDB81E;
    border-bottom: 0px solid #046B99;
    border-left: 0px solid #d6d6d6;
    border-right: 0px solid #d6d6d6;
    background: #FFFFFF;
}
/*  To replace the padding of 15px in the class "second-level-link" in navigation2.html (drop down navigation) with margins of 15px. This will make the cursor more accurate while hovering over the navigation links. A seach and replace will be the easiest way to change the class in the anchor tags in navigation2.html. "Ctrl+F" in Dreamweaver and "Find: second-level-link" and "Replace: second-level-link-custom" and select Replace All. Copy and paste the css code below into your custom.css file. 
  */
.second-level-link-custom {
    color: #046B99;
}
.second-level-link-custom [class^="ca-gov-icon-"] {
    color: #046B99;
}
a.second-level-link-custom {
    font-size: 17.6px;
    font-size: 1.1rem;
    margin: 15px;
}
a.second-level-link-custom:hover, a.second-level-link-custom:focus {
    text-decoration: none !important;
}
a.second-level-link-custom [class^="ca-gov-icon-"] {
    display: inline-block;
    font-size: 22px;
    font-size: 1.375rem;
    vertical-align: -2px;
    margin-right: 3px;
}
@media (max-width: 767px) {
    a.second-level-link-custom {
        padding: 10px 15px 10px 40px !important;
    }
}

img.partners {
    padding: 4px;
}
/* This code is to allow anchors to work with fixed headers.  */
.offset:before {
    display: block;
    content: " ";
    height: 150px; /* Give height of your fixed element */
    margin-top: -150px; /* Give negative margin of your fixed element */
    visibility: hidden;
}
/*This code is to remove the bullets and padding for section lists.  */
.list-section a {
    font-decoration: none !important;
}
.list-section ul {
    font-size: 0;
}
.list-section li {
    margin: 0%;
    background: none;
    padding-left: 0;
}
.higher {
    margin-top: -40px;
}
/*--------------------added September 15, 2017----------------------------*/
/****REGION 5 - BOARD MEMBERS PAGE - This code is to allow responsive design for Region 5 Board Member's & Executive Officer's photographs and bio ****/
.bdmember-photobox {
    float: left;
    padding: 5px;
    max-width: 175px;
    height: auto;
}
.bdmember-biobox {
    float: left;
    margin: 2px;
    padding: 5px;
    max-width: 1000px;
    height: auto;
}
/****REGIONAL BOARDS' HOME PAGES -  This code changes the <h1> font size, weight & color for the text on the home page "header-slideshow-banner" *****/
h1.homepage {
    font-size: 31px;
    font-weight: bold;
    color: #FFFFFF;
}
/***** REGION 5 YOUTUBE VIDEO & COMING SOON! NOT YET AVAILABLE NOTES - This adds the style for "Coming Soon!", "Video will open in YouTube", & "not yet available" notes*/
.noteHighlight {
    color: #d34a37;
    font-size: 12px;
    font-style: italic;
}
/**** REGION 5 COMMENT PERIOD DATES AND NOTATIONS FOR REVISIONS, UPDATES & VERSIONS - This will add an italics and smaller font to dates / notes that need to be added*/
.smallNote {
    font-size: 0.85em;
}
/**** REGION 5 EPA LEAF GREEN - This colors the leaf icon green***/
.ca-gov-icon-green {
    /*font-size:20px;   9-22-17 HM req to remove size (slk) */
    color: green;
}
/* 
ul.li {
list-style-image:url('/images/ca_department/arrow_black.gif')	
*/
/*This code takes the place of the "offset" class and resolves the problem with spacing and links not working correctly on the page */
/*:target:before {
display: block;
content: " ";
margin-top: -150px; 
height: 150px;
visibility: hidden;
pointer-events: none;
}
*/
@media (min-width: 768px) {
    .fixed ~ div :target:before {
        display: block;
        content: " ";
        height: 150px;
        margin-top: -150px;
        visibility: hidden;
    }
}
/*   READ MORE FADE OUT   */
.read-more-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease;
}
.read-more-toggle {
    display: none;
}
.read-more-toggle-label {
    display: inline-block;
    user-select: none;
    cursor: pointer;
    border: thick;
    border-radius: 25px;
    border-color: #fdb81e;
    padding: 10px;
    margin: .5em;
    font-size: .8em;
    background: #323a45;
    color: #49aee4;
}
.read-more-toggle-label:after {
    content: "More...";
    display: inline-block;
}
.read-more-toggle:checked + .read-more-content {
    display: block;
    /* css animation won't work with "auto"; set to some height larger
    than the content */
    max-height: 1000px;
}
.read-more-toggle:checked + .read-more-content + .read-more-toggle-label:after {
    content: "Less...";
}
/*   END OF READ MORE FADE OUT   */
/* -----------------------------------------
   GRADIENT BACKGROUNDS - /source/scss/cagov/gradient-backgrounds.scss
----------------------------------------- */
/* Linear Gradients
------------------------------------*/
.bg-gray-gradient {
    background-repeat: repeat-x;
    background-image: linear-gradient(180deg, #fff, #dbdbdb);
}
.bg-primary-gradient {
    background-repeat: repeat-x;
    background-image: linear-gradient(225deg, #046B99, #02415d);
}
.bg-highlight-gradient {
    background-repeat: repeat-x;
    background-image: linear-gradient(225deg, #FDB81E, #fed883);
}
.bg-standout-gradient {
    background-repeat: repeat-x;
    background-image: linear-gradient(225deg, #323A45, #5d6c80);
}
.bg-secondary-gradient {
    background-repeat: repeat-x;
    background-image: linear-gradient(225deg, #50aee4, #E1F2F7);
}
.bg-primary-standout-gradient {
    background-repeat: repeat-x;
    background-image: linear-gradient(225deg, #046B99, #323A45);
}
.bg-primary-highlight-gradient {
    background-repeat: repeat-x;
    background-image: linear-gradient(225deg, #046B99, #FDB81E);
}
.bg-standout-highlight-gradient {
    background-repeat: repeat-x;
    background-image: linear-gradient(225deg, #FDB81E, #323A45);
}
.bg-danger-warning-gradient {
    background-repeat: repeat-x;
    background-image: linear-gradient(225deg, #C2570F, #D24532);
}
.bg-info-success-gradient {
    background-repeat: repeat-x;
    background-image: linear-gradient(225deg, #1C7DB5, #32852E);
}
/* Radial Gradients */
.bg-grey-radialgradient {
    background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #dbdbdb 22%, #bbb);
    background-repeat: no-repeat;
}
.bg-greylight-radialgradient {
    background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #fff 25%, #eee);
    background-repeat: no-repeat;
}
.bg-primary-radialgradient {
    background-image: radial-gradient(circle farthest-side at 50% 50%, #046B99, #02415d);
    background-repeat: no-repeat;
}
.bg-highlight-radialgradient {
    background-image: radial-gradient(circle farthest-side at 50% 50%, #fed883, #FDB81E);
    background-repeat: no-repeat;
}
.bg-standout-radialgradient {
    background-image: radial-gradient(circle farthest-corner at 75% 95%, #5d6c80, #323A45);
    background-repeat: no-repeat;
}
.bg-secondary-radialgradient {
    background-image: radial-gradient(circle farthest-side at 50% 50%, #E1F2F7, #50aee4);
    background-repeat: no-repeat;
}
.bg-secondarylight-radialgradient {
    background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #fff 22%, #E1F2F7);
    background-repeat: no-repeat;
}
.bg-red-gradient {
    background-repeat: repeat-x;
    background-image: linear-gradient(225deg, #545351, #9a0000);
}
.bg-slate-gradient {
    background-repeat: repeat-x;
    background-image: linear-gradient(225deg, #A5BDC5, #577786);
}
.bg-yellow-gradient {
    background-repeat: repeat-x;
    background-image: linear-gradient(225deg, #f5811b, #ffce2b);
}
.bg-dkblue-gradient {
    background-repeat: repeat-x;
    background-image: linear-gradient(225deg, #7bb0da, #153554);
}
.bg-blueish-gradient {
    background-repeat: repeat-x;
    background-image: linear-gradient(225deg, #03A9F4, #0D47A1);
}
menu a.menu {
    font-weight: bold;
    background: #f5f9fb;
}
.ilrphome a.ilrphome, .ilrpsh a.ilrpsh, .ilrpeo a.ilrpeo, .ilrptentord a.ilrptentord, .ilrpreg a.ilrpreg, .ilrpcolinfo a.ilrpcolinfo, .ilrpforms a.ilrpforms, .ilrpoutreach a.ilrpoutreach, .ilrpdw a.ilrpdw, .ilrpenforce a.ilrpenforce, .ilrpcolsub a.ilrpcolsub, .ilrpelect a.ilrpelect, .ilrpsurface a.ilrpsurface, .ilrparchive a.ilrparchive {
    font-weight: bold;
    background: #f5f9fb;
}
blockquote.address {
    padding: 11px 22px;
    margin: 0 0 22px;
    font-size: 20px;
    border-left: ca-gov-icon-email;
}
/* WHATSOCK, 2016 */
/* Specific styles for ARIA Footnote Generator Module */
div.demo-block > p {
    font-size: 0.95em;
    line-height: 1.45;
}
div.demo-block > p + p {
    margin-top: 0.8em;
}
div.content {
    color: #555;
    background: #FFF;
    padding: 1rem;
    margin-bottom: 2rem;
}
div.content p:last-child {
    font-size: 90%;
    text-align: right;
}
.accFootnote {
    color: #000;
    background: #BAE8D4;
    text-shadow: 0 1px 0 #999;
    padding: 0 0 0 0.2em;
}
.accFootnote a, .accFootnote a:link {
    display: inline-block;
    width: 1em;
    height: 1.3em;
    line-height: 1em;
    font-size: 110%;
    text-decoration: none;
    text-align: center;
    border-radius: 1em;
    margin: 0 2px;
}
.accFootnote a:visited {
    background: #EEE;
}
.accFootnote a:hover {
    text-decoration: none;
    background: #F2D3A1;
}
#footnotes {
    margin-top: 3rem;
}
#footnotes::before {
    display: block;
    position: relative;
    top: -10px;
    content: "";
    width: 60%;
    height: 4px;
    background: #000;
}
#footnotes p {
    font-size: 0.85em;
    text-indent: -0.9em;
    margin: 0 0 0.8em 0.9em;
}
/*NEW NAV TABS BASED ON STATE TEMPLATE V4.6*/
.newtab-group {
    position: relative;
    border: 1px solid #ddd;
}
@media (max-width: 991px) {
    .newtab-group {
        border: none;
    }
}
.newtab-group > [class^="ca-gov-icon-"] {
    display: none !important;
}
.newtab-group .nav-tabs {
    border-radius: 0;
}
.newtab-group .nav-tabs li:first-child a {
    border-left: 0;
}
.newtab-group .nav-tabs li.active {
    border-top: 0;
}
.newtab-group .nav-tabs li > a {
    padding: 3px 15px;
    border-top: 0;
}
.newtab-group .nav-tabs li > a, .newtab-group .nav-tabs li > a:hover, .newtab-group .nav-tabs li > a:focus {
    border-top: none;
}
.newtab-group .tab-pane {
    padding: 15px;
}
.newnav-tabs {
    border-bottom: 1px solid #ddd;
}
.newnav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.newnav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0 0 0 0;
}
.newnav-tabs > li > a:hover {
    border-color: #d6d6d6 #d6d6d6 #ddd;
}
.newnav-tabs > li.active > a, .newnav-tabs > li.active > a:hover, .newnav-tabs > li.active > a:focus {
    color: #555555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}
.newnav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}
.newnav-tabs.nav-justified > li {
    float: none;
}
.newnav-tabs.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px;
}
.newnav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
}
@media (min-width: 768px) {
    .newnav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }
    .newnav-tabs.nav-justified > li > a {
        margin-bottom: 0;
    }
}
.newnav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 0;
}
.newnav-tabs.nav-justified > .active > a, .newnav-tabs.nav-justified > .active > a:hover, .newnav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd;
}
@media (min-width: 768px) {
    .newnav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 0 0 0 0;
    }
    .newnav-tabs.nav-justified > .active > a, .newnav-tabs.nav-justified > .active > a:hover, .newnav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}
.newnav-tabs {
    border-width: 0
}
.newnav-tabs > li {
    margin-bottom: 0;
    display: inline-block;
    float: inherit
}
.newnav-tabs > li.active > a {
    border: none !important;
    position: relative;
    outline: none;
    background: none;
    background-color: transparent !important
}
.newnav-tabs > li > a {
    border-radius: 0;
    font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
    font-stretch: condensed;
    font-size: 21px
}
.newnav-tabs > li > a, .newnav-tabs > li > a:hover, .newnav-tabs > li > a:focus {
    background: none;
    background-color: inherit;
    border: none;
    outline: none
}
.newtab-content {
    padding-top: 15px;
    padding-left: 15px;
}
.no-js .newtab-content > .newtab-pane {
    display: block !important
}
.main-primary .newtab-group {
    position: relative
}
.main-primary .newtab-group [class^="ca-gov-icon-"] {
    margin-left: -40px;
    font-size: 31.5px;
    position: absolute;
    top: 2px
}
@media (max-width:991px) {
    .main-primary .newtab-group [class^="ca-gov-icon-"] {
        display: none
    }
}
.ie7 .main-primary .newnav-tabs {
    border-width: 2px
}
.main-primary .newnav-tabs:after {
    content: "";
    background: #ccc;
    background: -moz-linear-gradient(left, #fff 0, #ccc 15%, #ccc 85%, #fff 100%);
    background: -webkit-linear-gradient(left, #fff 0, #ccc 15%, #ccc 85%, #fff 100%);
    background: -o-linear-gradient(left, #fff 0, #ccc 15%, #ccc 85%, #fff 100%);
    background: -ms-linear-gradient(left, #fff 0, #ccc 15%, #ccc 85%, #fff 100%);
    background: linear-gradient(left, #fff 0, #ccc 15%, #ccc 85%, #fff 100%);
    height: 2px;
    width: 100%
}
.main-primary .newnav-tabs > li > a {
    padding-bottom: 0
}
.main-primary .newnav-tabs > li.active > a {
    border: none !important
}
.main-primary .newnav-tabs > li.active > a:after {
    content: "";
    position: absolute;
    top: 52px;
    left: 50%;
    margin-left: 120px;
    height: 16px;
    width: 44px;
    background: url("../images/template2014/nav-down-arrow.png") no-repeat;
}

.agenda-item li {
  font-weight: bold;
}

.agenda-item li li {
    font-weight: normal;
}

/*Horizontal List*/
ul.horizontal li {
  display:inline;
  padding-right:75px; 
}

.mapcontainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/*HABs Button Icons (From Drought Page)*/

    .btn-carousel {
        color: #FFFFFF;
        background-color: #710000;
        transition: 0.2s;
    }
    .btn-carousel:hover {
        transition: 0.2s;
        transform: scale(1.1);
        color: #FFFFFF;
        background-color: #640000
    }
    .btn-carousel:focus, .btn-carousel:active, .btn-carousel.active, .open > .dropdown-toggle.btn-carousel {
        color: #FFFFFF;
        background-color: #640000;
        border-width: 2px;
        border-color: #FFFFFF;
        transform: scale(1.1);
    }
    .btn-carousel:active, .btn-carousel.active, .open > .dropdown-toggle.btn-carousel {
        background-image: none;
    }

    .habs-icon {
        width: 5rem;
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .btn-standout {
        transition: 0.2s;
    }
    .btn-standout:hover {
        transition: 0.2s;
        transform: scale(1.1);
    }
    .btn-standout:focus {
        transition: 0.2s;
        transform: scale(1.1);
        color: #323A45;
        background-color: #EEEEEE;
        border-width: 3px;
        border-color: #323A45;
    }
    
    .flex-icon {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .icon-heading {
        font-weight: bold;
        font-size: 1.25rem;
    }
    .icon-desc {
        padding: 0 1rem;
    }
    .icon-line {
        width: 85%;
    }

    .btn-icon {
        transition: 0.2s;
    }
    .btn-icon:hover {
        transition: 0.2s;
        transform: scale(1.1);
    }

    @media (min-width: 768px) {  
        .habs-icon {
            width: 11rem;
        }
        .flex-icon {
            display: block;
            text-align: center;
        }
        .icon-heading {
            font-size: 1.54rem;
            font-weight: normal;
        }
        .icon-line {
            display: none;
        }
    }

/*Habs Images*/
.habs-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.habscaption {
	align: left;
	/*font-style: italic;*/
	font-size: 0.8em;
	position: relative;
    color: #777777;
    padding: 5px;
}

/* Base HABs button style */
    .btn-habs {
    border: 3px solid #D32F2F;
    background-color: transparent;
    color: #D32F2F;;
    padding: 8px 16px;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 8px; /* Increased for more rounding */
    display: inline-block;
}

/* Hover effect */
.btn-habs:hover {
    background-color: #D32F2F;
    color: white;
}