﻿/*General and DNN Specific*/
html,
body {overflow-x: hidden}
body {padding-top:10px; background: #ffffff;font-size: 16px; line-height: 1.3em;color: #rgba(13, 4, 4, 1)}
Body #Form {height: 100%}
@media screen and (min-width:500px) { html { font-size: 14px}}
@media screen and (min-width:570px) { html { font-size: 15px}}
@media screen and (min-width:620px) { html { font-size: 16px}}
@media screen and (min-width:680px) { html { font-size: 17px}}
@media screen and (min-width:720px) { html {font-size: 18px}}
@media screen and (min-width:800px) { html {font-size: 19px}}
@media screen and (min-width:860px) { html {font-size: 20px}}
@media screen and (min-width:920px) {html {font-size: 21px}}
@media screen and (min-width:1000px) {html { font-size: 22px}}
b,strong {font-weight: 700 !important;}
.inner {min-height: 400px}
.margins {padding: 1%}
.TB_Wrapper,
.TB_Wrapper *,
.dnnActionMenu,
.dnnActionMenu *,
.dnnActionMenu:after,
.dnnActionMenu:before,
.dnn_mact,
.dnn_mact *,
.dnn_mact:after,
.dnn_mact:before,
[id*=ControlPanel],
[id*=ControlPanel] *,
[id*=ControlPanel]:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box;  box-sizing: content-box}
[class*=RadAjaxPanel] *,
[class*=Digital] * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box}
.dnni {color: #fff}
.dnni:hover {color: #000}
.dnnSearchResultAdvancedTip a {font-size: 7px !important}
.dnnSearchBoxPanel .dnnSearchBox {margin-right: 115px !important}
.DNNEmptyPane { display: none !important}
.dnnpane > [class*=col-md], .dnnpane > [class^=col-md] { padding: 0 15px}
.DNNContainer_Title_h2 h2 .TitleH2, .DNNContainer_Title_h3 h3 .TitleH3, .DNNContainer_Title_h4 h4 .TitleH4 { display: block; margin-bottom: 5px}
.DNNContainer_Title_h2 h2 .TitleH2.centered, .DNNContainer_Title_h3 h3 .TitleH3.centered, .DNNContainer_Title_h4 h4 .TitleH4.centered { text-align: center}
.DNNContainer_Boxed h2 .TitleBoxed {display: block;margin-bottom: 5px;padding: 5px;border: 1px solid #7b7878}
.paneOutline { border: 1px dashed #ccc}
ul {list-style: none !important}
ol.list-unstyled, ol.list-unstyled > li, ul.list-unstyled, ul.list-unstyled > li { list-style: none; margin: 0 }
ul.row {margin-left: -15px; margin-right: -15px}
ol, ul {list-style: none}
ul li {list-style-type: disc}
ul li li {list-style-type: circle}
ol li {list-style-type: decimal;list-style-position: inside}
.nav li {list-style: none !important}
ul#myTab {padding: 0;margin: 0}
.popover { z-index: 999}
embed, img, object { max-width: 100%}
img { height: auto}
.fRight{float:right;}
.fRLeft{float:left;}
p {margin: 0 0 20pxcolor: #rgba(13, 4, 4);font-size: 1.3em;line-height: 1.7em}
li {color: #rgba(13, 4, 4);font-size: 1.2em;line-height: 1.6em;font-family: 'Roboto', sans-serif;}
ol li > ol li {list-style-type: lower-latin}
.buttons-wrapper { text-align: center}
a.cta-button-primary, button.cta-button-primary {background: #7ca0c0;border: 1px solid #7ca0c0; color: #fff; transition: background-color 300ms ease-out 0s}
a.cta-button, a.cta-button-primary, button.cta-button, button.cta-button-primary {text-align: center; text-decoration: none; text-transform: uppercase; cursor: pointer;
 font-family: 'Open Sans', Arial, Helvetica, sans-serif; position: relative; display: inline-block; font-size: 18px; font-weight: 700; line-height: normal; margin: 0 5px 5px 0;
 min-width: 200px; padding: 10px 0; -webkit-transition: background-color 300ms ease-out 0s; -o-transition: background-color 300ms ease-out 0s}
a.cta-button-primary:hover, button.cta-button-primary:hover {  background: #91afca;  border-color: #91afca }
a.cta-button, button.cta-button { background: 0 0; border: 1px solid #7ca0c0; color: #7ca0c0; transition: background-color 300ms ease-out 0s}
a.cta-button:hover, button.cta-button:hover {color: #fff;  background: #7ca0c0;  border-color: #91afca}
a,
a:hover,
a:focus,
.page-link,
.btn-link {color: #59342D !important; text-decoration: none;transition: all .3s}
a:focus {text-decoration: underline}
a:active, a:link, a:visited {text-decoration: none}
a {outline: 0 !important}
body a,
body a:visited {color: #1E5288}
.search { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0}
.dnn-search { padding: 15px 0; max-width: 800px; margin: 0 25px; width: 85%;}
.dnn-search input.NormalTextBox {display: block; width: 100%; height: 45px; padding: 6px 12px; font-size: 18px; line-height: 1.42857143; color: #59342D !important;  font-style: italic;
  background-color: transparent; background-image: url(/portals/_default/skins/Activation/images/icon-search.png); background-position: 9px 8px; padding-left: 50px; background-repeat: no-repeat; border: 1px solid #59342D; border-radius: 0px; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.searchInputContainer { display: block !important}
.searchInputContainer input { top: 0; right: 0; border: 0; outline: 0; background: #dcddd8; width: auto;  height: 34px; margin: 0; padding: 0 52px 0 20px; font-size: 15px}
.searchInputContainer input::-webkit-input-placeholder {color: #818181}
.searchInputContainer input:-moz-placeholder { color: #818181}
.searchInputContainer input::-moz-placeholder { color: #818181}
.searchInputContainer input:-ms-input-placeholder { color: #818181}
.searchInputContainer a.dnnSearchBoxClearText {right: 45px !important}
.searchInputContainer a.dnnSearchBoxClearText.dnnShow {bottom: 2px}
#search-action, .SearchButton, .search-toggle-icon { background: url(/Portals/_default/Skins/Activation/Images/icon-search.png) center center no-repeat ; width: 35px;
 height: 34px; display: block; position: absolute; top: 0; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size: 22px; right: 0; padding: 0; margin: 0; outline: 0; line-height: 50px; text-align: center; cursor: pointer; text-indent: -9999px}
#dnn_uxHeader_avtSearch_pnlInput {margin-top: 30px;}
#searchSection { background: rgba(255, 255, 255, 0.9); margin: 0 0 10px 0}
.search-toggle { margin: 10px; display: block; float: left;padding-left:8px;}
@media (min-width:770px) {.search-toggle { display: none; }}
.tw-relative {position: relative;}
.tw-flex {display: flex;}
.tw-gap-3 {gap: 12px;}
.tw-inline-flex {display: inline-flex;}
.tw-h-10 {height: 40px;}
.tw-cursor-pointer {cursor: pointer;}
.tw-items-center {align-items: center;}
.tw-justify-start {justify-content: start;}
.tw-text-white {color: white;}
i.fa-kit {display: none;}
.tw-sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0}
.tw-w-full {width: 100%;}
.tw-grow { flex-grow: 1;}
@media only screen and (max-width:768px) { #search-action {  display: block} #login { padding-right: 21px} #dnn_ContentPane{padding-top:10%;}}
@media only screen and (max-width: 500px) { ul.searchSkinObjectPreview { width: auto; min-width: 240px;}}
@media only screen and (max-width: 350px) { ul.searchSkinObjectPreview { right: -30px;}}
#login {padding-right: 10px}
#login .loginGroup, #login .loginGroup *, #login .registerGroup, #login .registerGroup * {display: block}
#login .loginGroup, #login .registerGroup {float: right; padding: 0;margin: 0}
#login .loginGroup a, #login .registerGroup a {display: block;position: relative; height: 34px; min-width: 12px; padding: 7px 15px 0; color: #fff; font-size: 11px; vertical-align: middle }
#login .loginGroup a:hover, #login .registerGroup a:hover { background: #d7d7d7; color: #333;text-decoration: none}
#login .loginGroup a:active, #login .registerGroup a:active { color: #333}
#login .loginGroup a strong, #login .registerGroup a strong { display: block; position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; font-size: 11px; text-indent: -9999px}
#login .registerGroup li {float: left; line-height: 1.2em}
#login .registerGroup li:first-child:hover {border-left: #222}
#login .registerGroup .buttonGroup {margin-right: 0}
#login .registerGroup .userProfileImg a {min-width: 25px;min-height: 32px;padding: 0;background: 0 0}
#login .registerGroup a span {display: inline-block;position: absolute;right: 2px;top: -9px;min-width: 7px;margin-right: 3px;background: #3b96b6;text-align: center; font-size: 11px;  color: #fff;-webkit-text-shadow: 0 1px 0 #333; text-shadow: 0 1px 0 #333 }
#login .registerGroup a img {height: 32px; width: 32px; background: #333}
#login .userNotifications {border-left: 1px solid #ccc;border-right: 1px solid #ccc}
#login .userNotifications strong {height: 100%;background: url(images/notification_icon.png) center center no-repeat}
#login .userMessages strong {height: 100%;background: url(images/message_icon.png) center center no-repeat}
#login .userMessages a, #login .userNotifications a {padding: 0 18px}
#login .userMessages a span, #login .userNotifications a span {display: inline-block; margin-top: 9px; margin-right: 0;background-color: transparent; font-size: 10px}
.row-eq-height {display: flex; display: -webkit-flex; flex-wrap: wrap;}
#dnn_ctr3347_HtmlModule_lblContent{margin-left: 0; margin-right: 0;padding-left: 0; padding-right: 0; }

@media (min-width: 768px) { .row.row-eq-height {display: flex;flex-wrap: wrap;}.hiddenPC{display:none;}}
@media (max-width: 990px) {#searchSection { margin-bottom: 0!important}.siteTitle { display: none }.mobile-hidden { display: none }}
@media (max-width: 768px) {.hiddenPC{display:block;text-align:center;color:#ffffff;font-size: 20px;font-weight: 900;margin-top:-30px;}.pageTitle {font-size: 24px;}.footerLogos{padding:5% 0;}}
.centerDiv {display: flex;justify-content: center}
.siteTitle {font-size: 34px;font-weight: 900; color: #04143b;float: right; padding-top: 30px;padding-bottom: 30px;}
.pageTitle {font-size: 28px;font-weight: 900; color: #3B0418;text-align:left; margin:5% 0 3% 2%; }
.pageSubTitle {font-size: 24px;font-weight: 900; color: #04143b;text-align:left; margin:5% 0 3% 2%; border-left:solid 5px #04143b;}
.idaButtonExpand{margin:3%;}
.idaButtons{margin:3% 0;}

/*Custom Panels*/
.panel {padding: 2%;}
.panel-custom{padding: 2%;margin-bottom:3%;}
.panel-body>.heading{font-weight:600; color:#59342D;}
.panel-heading{background-color: #59342D;}
.panel-custom>.panel-heading {color: #ffffff !important;}
.panel-custom .panel-title {color: #ffffff !important;}
.panel-custom .panel-title .glyphicon{color: #ffffff !important;}
.panel-custom .panel-title a.collapsed a {color: #ffffff !important;}
.panel-custom h4.panel-title {color: #ffffff !important;margin-left:2%}
.panel-custom .panel-title a.collapsed .glyphicon:before{content: "\e114";}

blockquote { font: 14px/22px normal helvetica, sans-serif; margin-top: 10px;  margin-bottom: 10px;  margin-left: 50px;  padding-left: 15px;  border-left: 3px solid #04143b;}

/*End General and DNN Specific*/

.contactHead ul li {display: inline-block; font-size: 12px; color: #fff;  margin: 0;  height: 12px; line-height: 12px; padding:0; list-style-type: none ;}


#breadcrumbs { margin:2% 0; height: 12px; position: relative;}
.crumbs{color:#212e63;}
a.crumbs{color:#a02919 !important;}
.home-link,#dnn_dnnBreadcrumb_lblBreadCrumb span { font-size: 15px;font-weight:bold;padding:0 1%;}
.inner-page:before { content: ""; position: absolute; left: 0; right: 0; z-index: -1; background-image: url(/Portals/_default/Skins/Activation/Images/stormImage8.jpg);
 background-repeat: no-repeat; background-position: 0 -49px; background-size: 100% 250px; display: block; width: 100%; height: 800px; -webkit-filter: blur(5px); -moz-filter: blur(5px);
 -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(40px); transform: scale(1.1)}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .inner-page:before {  background-image: url(/Portals/_default/Skins/Activation/Images/stormImage3.jpg);}}

.sidebar hr { border-top: 3px solid #16384D;}
.sidebar {background: #f3f4f5;padding:96px 20px 20px 20px;position: relative; top:-96px; z-index: 1; min-height:500px;}
.sidebar h3 {font-weight: 900; font-size: 18px; color: #16384D;}
.sidebar ul {margin: 0 0 40px;}
.sidebar ul li { list-style-type: none;}
.sidebar ul li { margin: 7px 0}
#dnn_Inner_Sidebar img { z-index: 10; position: relative; margin: 0 auto;}
.sidebarMargin{margin-top:-120px;}
@media only screen and (max-width:768px) { .sidebarMargin{margin-top:0;}}
.sideImage{margin-top:10%;}

/*Dashboards--------*/
.dashboards{margin-bottom:1%}
.dashToggle {border: 0;padding: 12px 0 12px 15px; transition: 0.3s; color: #16384D; border-radius: 0; border-left: 2px solid #ebf1f6; font-weight: 600; font-size: 15px;}
.dashToggle:hover {color: #591313; border-color: #591313;}
.dashToggle.active {color: #591313; border-color: #591313;}
/*.carousel-inner > .item {-webkit-transition: 1.2s ease-in-out left;-moz-transition: 1.2s ease-in-out left; -o-transition: 1.2s ease-in-out left; transition: 1.2s ease-in-out left; transition-duration: 10s;}*/


/*Accordion--------*/
.panel-default>.panel-heading{margin-bottom:2%; background-color:#fafafa;}
.panel-heading .glyphicon-plus, .panel-heading .glyphicon-minus{padding-right:5%;}
.panel-heading  a { text-decoration: none;}
.panel-heading  a[aria-expanded="true"] .glyphicon-plus { display: none;}
.panel-heading  a[aria-expanded="true"] .glyphicon-minus {display: inline-block;}
.panel-heading  a[aria-expanded="false"] .glyphicon-minus {display: none;}
.panel-heading  a[aria-expanded="false"] .glyphicon-plus {display: inline-block;}


/*Home Page Link Buttons--------*/
.imageHolder {background-color:#e2e2e5; text-decoration: none; display: flex; flex-direction: column; /* Aligns children (image and text) in a column */ justify-content: center; /* Centers children vertically */
 align-items: center; /* Centers children horizontally */ min-height:110px;width: 100%; overflow: hidden; position: relative; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); margin: 5px; padding:5% 1% 0 1%;}
.imageHolder img { max-width: 100%; height: auto; margin: auto; display: block; object-fit: cover;}
.imageHolder::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(89, 52, 45, 0.2); opacity: 0; transition: opacity 0.3s ease;}
.imageHolder:hover::after { opacity: 1;}
.tileText { text-align: center;color:#2c3958;}



.weather{margin-top:-25px;}
.footerBorder{margin:5% 0;}
.footerBorder:before { content: ""; position: absolute; left: 0; right: 0; z-index: -1; background-image: url(/Portals/_default/Skins/Activation/Images/stormImage4.jpg);
 background-repeat: no-repeat; background-position: 0 -49px; background-size: 100% 100px; display: block; width: 100%; height: 100px; -webkit-filter: blur(5px); -moz-filter: blur(5px);
 -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(40px); transform: scale(1.1)}
.footerMiddle {padding:1% 0;}
.footerBottom {background: #2a4564;color: #fff;text-align: center;padding:1% 0;}
.footerBottom p, .footerBottom a {color: #fff!important;}
.footerBottom ul li {display: inline-block; font-size: 12px; border-right: 1px solid #fff;  margin: 0;  height: 12px; line-height: 12px; padding: 0 10px; list-style-type: none ;}
.footerBottom ul li:last-child { border: none ;}


















