/** basic setup footer stays at bottom **/
:root{
    --bs-border-color:#cccccc;
}

body{margin:0; padding:0; min-height:100vh; display:flex; flex-direction:column; font-family:"articulat-cf", sans-serif; font-style:normal; font-size:16px; line-height:26px; color:#000000;}
main{flex-grow:1; overflow-x:hidden;}
header.adjust-for-google-translate{padding-top:82px;}
header.adjust-for-google-translate.is-scrolled{padding-top:38px;}
a{color:#0055B8; transition:all .15s ease-in-out!important; text-underline-offset:5px;}
a:hover{color:#44C1B3;}
.cursor-pointer{cursor:pointer;}
.page-anchor{position:absolute; top:-100px;}
.navbar-dark{--bs-navbar-color:rgba(255, 255, 255, 1);}
.dropdown-toggle::after{font-family:"Font Awesome 6 Pro"; content:"\f078"; font-weight:900; color:#44C1B3; border:0px; line-height:0; position:absolute; top:24px; vertical-align:0.05em; font-size:.6em; margin-left:0.8em; transition:all .15s ease-in-out!important;}
.dropdown-toggle.show::after{transform:rotate(-180deg); color:#ffffff;}
header{background-position:center center; background-size:cover; background-repeat: no-repeat;}
.cool-gradient{background:linear-gradient(90deg, rgba(0,86,184,1) 0%, rgba(37,172,208,1) 33%, rgba(68,193,179,1) 66%, rgba(212,216,41,1) 100%)!important;}
.warm-gradient{background:linear-gradient(90deg, rgba(238,94,41,1) 0%, rgba(246,163,61,1) 100%)!important;}
.bg-blue{background:#0055B8;}
.bg-hover-blue:hover{background:#0055B8!important;}
.bg-light-blue{background:#CCDDF1!important;}
.bg-grey{background:#efefef;}
.border-end-1{border-right:1px solid #ffffff;}
.border-black{border-color:rgba(0, 0, 0, 1)!important;}


.text-teal{color:#44c1b3;}
.text-blue{color:#0055B8;}


/*.text-blue::before{color:#0055B8!important;}*/
.fw-regular{font-weight:500!important;}
.fw-medium{font-weight:600!important;}
.fw-bold{font-weight:800!important;}

.default-transition{transition:all .15s ease-in-out!important;}

h1, .h1{font-size:32px!important; line-height:36px!important;}
h2, .h2{font-size:24px!important; line-height:28px!important;}
h3, .h3{font-size:22px!important; line-height:26px!important;}
h4, .h4{font-size:20px!important; line-height:24px!important;}
h5, .h5{font-size:18px!important; line-height:22px!important;}
h6, .h6{font-size:16px!important; line-height:22px!important;}

.fs-page-title{font-size:60px!important;}
.fs-news-title{font-size:48px!important; line-height:52px!important;}
.fs-xl{font-size:24px!important; line-height:32px!important;}
.fs-lg{font-size:20px!important; line-height:28px!important;}
.fs-sm{font-size:14px!important; line-height:24px!important;}

.logo{min-height:120px;padding:17px;}
.offcanvas-logo{width:290px;}
.footer-logo{width:150px;}

.btn{--bs-btn-border-width:2px;}
.btn em, .btn i{color:#44c1b3; transition:color .15s ease-in-out;}
.btn:hover em, .btn:hover i{color:#ffffff;}
.btn-outline-primary{
    --bs-btn-color: #000000;
     --bs-btn-bg: #ffffff;
    --bs-btn-border-color: #000000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0055b8;
    --bs-btn-hover-border-color: #000000;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0055b8;
    --bs-btn-active-border-color: #000000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000000;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #000000;
    --bs-gradient: none;
}

.form-control, .form-select{border:2px solid #CCCCCC; border-radius:5px;}
.form-control:focus, .form-select:focus{border-color:#0055B8;}
label{font-size:18px;}

.navbar-nav .btn-outline-primary{background:transparent; border-color:#ffffff; color:#ffffff;}
.navbar-nav .btn-outline-primary:hover{color:rgba(255, 255, 255, .75); border-color:rgba(255, 255, 255, .75);}
.navbar-nav .btn-outline-primary:hover i{color:rgba(255, 255, 255, .75);}



.navbar .navbar-nav .dropdown-menu{border:0px;}



.navbar .text-bg-light .navbar-nav .nav-link{color:#000000;}
.navbar .text-bg-light .navbar-nav .nav-link:hover{color:rgba(0, 0, 0, .75);}
.navbar .text-bg-light .navbar-nav .nav-link.search{color:#44c1b3;}
.navbar .text-bg-light .navbar-nav .nav-link.search:hover{color:rgba(68, 193, 179, .75);}
.navbar .text-bg-light .navbar-nav .btn-outline-primary{background:transparent; border-color:#000000; color:#000000;}
.navbar .text-bg-light .navbar-nav .btn-outline-primary:hover{color:rgba(0, 0, 0, .75); border-color:rgba(0, 0, 0, .75);}
.navbar .text-bg-light .navbar-nav .btn-outline-primary:hover i{color:rgba(68, 193, 179, .75);}
.navbar .text-bg-light .navbar-nav .dropdown-toggle:hover::after{color:rgba(68, 193, 179, .75);}

.hide-search:hover{color:#44c1b3!important;}


#searchModal .modal-content{background:#0056B8;}
#searchModal .btn-close{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
opacity:.8; font-size:1.3rem;}
#searchModal .text-bg-dark{color:#ffffff; background-color:#0056B8!important;}
#searchModal .btn-outline-primary{border-color:#ffffff;}
#searchModal input{border-color:#ffffff;}



#disabledBillPayModal .modal-content{background:#0056B8;}
#disabledBillPayModal .btn-close{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
opacity:.8; font-size:1.3rem;}
#disabledBillPayModal .text-bg-dark{color:#ffffff; background-color:#0056B8!important;}
#disabledBillPayModal .btn-outline-primary{border-color:#ffffff;}
#disabledBillPayModal input{border-color:#ffffff;}

/** alerts **/
.alert-container{background:#EE5E29; overflow:hidden; display:flex; max-height:1000px; transition:max-height .5s cubic-bezier(.17,.67,1,1.23)!important;}
.alert-container.slide-up{max-height:0;}
.alert-container .content-container{color:#ffffff; z-index:1;}
.alert-container .content-container .title{color:#ffffff; font-style:normal; font-size:2.2em; white-space:nowrap;}
.alert-container .content-container .content p{margin-bottom:0px; font-weight:400;}
.alert-container .content-container .content p a{font-weight:bold;}
.alert-container .content-container .content a{ text-decoration:none;  color:#0056B8; transition:color .15s ease-in-out;}
.alert-container .content-container .content a:hover{color:#44C1B3;}
.alert-container .community-tree-overlay{position:absolute; top:50%; transform:translateY(-50%); left:0px; z-index:0;}
.alert-container .close{background:#F6A33D; transition:all .15s ease-in-out;}

.alert-container .close i{color:#ffffff; opacity:.6;transition:all .15s ease-in-out; font-size:2.3em; z-index: 2;}
.alert-container .close:hover{background:#F6A33D;}
.alert-container .close:hover i{opacity:1;}
@media(min-width:768px){
    .alert-container .close::after{content:''; width:100%; height:100%; position:absolute; background:inherit; z-index:1; bottom:0; transform-origin:left bottom; }
}
@media(max-width:767px){
    .alert-container .close{height:55px; position:absolute!important; right:0px; border-bottom-left-radius: 50%;}
    .alert-container .content-container .title{white-space:normal; margin-right:60px!important; font-size:1.8em;}
}

.main-section{margin-top:122px;}


.carousel-control-next, .carousel-control-prev{width:10%;}

/** page section content **/
.section-content-container .boxed{border:2px solid #cccccc;}
.section-content-container .content > p{margin-bottom:0px;}
.section-content-container .content  a{text-decoration:none;}
.section-content-container .content img{max-width:100%;;}
.section-content-container .content > h3.blue:after{content:''; width:100%; Height:4px; position:absolute; bottom:-7px; left:0px; background:#0055B8!important;}
.section-content-container .content > h3.cool:after{content:''; width:100%; Height:5px; position:absolute; bottom:-7px; left:0px; background:linear-gradient(90deg, rgba(0,86,184,1) 0%, rgba(37,172,208,1) 33%, rgba(68,193,179,1) 66%, rgba(212,216,41,1) 100%)!important;}
.section-content-container .content > h3.warm:after{content:''; width:100%; Height:5px; position:absolute; bottom:-7px; left:0px; background:linear-gradient(90deg, rgba(238,94,41,1) 0%, rgba(246,163,61,1) 100%)!important;}
.section-content-container .third-height{min-height:250px!important;}
.section-content-container .accent-container{height:10px;}
.section-content-container .accent-container-small{height:5px;}
.section-content-container .img-container{background-size:cover; background-position:center center; min-height:448px;}
.section-content-container .icon-container .text-blue{color:#0055B8;}
.section-content-container .icon-container .text-grey{color:#999999;}



/** page section accordions **/
.section-faq-container .accordion-item{border:2px solid #cccccc!important;}
.section-faq-container .accordion-body .separator{height:5px;}
.section-faq-container .accordion-body > p:last-child{margin-bottom:0px;}
.section-faq-container .accordion-button:not(.collapsed){background:#ffffff; color:#000000;}
.section-faq-container .accordion-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%2344C1B3'%3e%3cpath fill-rule='evenodd' d='M256 429.3l22.6-22.6 192-192L493.3 192 448 146.7l-22.6 22.6L256 338.7 86.6 169.4 64 146.7 18.7 192l22.6 22.6 192 192L256 429.3z'/%3e%3c/svg%3e");}
.section-faq-container .accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%2344C1B3'%3e%3cpath fill-rule='evenodd' d='M256 429.3l22.6-22.6 192-192L493.3 192 448 146.7l-22.6 22.6L256 338.7 86.6 169.4 64 146.7 18.7 192l22.6 22.6 192 192L256 429.3z'/%3e%3c/svg%3e");}

/** news **/
.news-list-container .article-container:hover .article-title{color:#44C1B3!important;}


#stateSelect .content > h3.cool:after{transition:all .15s ease-in-out!important; content:''; width:100%; Height:5px; position:absolute; top:-7px; left:0px; background:linear-gradient(90deg, rgba(0,86,184,1) 0%, rgba(37,172,208,1) 33%, rgba(68,193,179,1) 66%, rgba(212,216,41,1) 100%)!important;}
#stateSelect .content > h3.warm:after{transition:all .15s ease-in-out!important; content:''; width:100%; Height:5px; position:absolute; top:-7px; left:0px; background:linear-gradient(90deg, rgba(238,94,41,1) 0%, rgba(246,163,61,1) 100%)!important;}
#stateSelect .boxed:hover{border-color:#0055B8;}
#stateSelect .boxed:hover .content > h3{color:#ffffff!important;}
#stateSelect .boxed:hover .content > h3.cool:after{content:''; width:100%; Height:5px; position:absolute; top:-7px; left:0px; background:#ffffff!important;}
#stateSelect .boxed:hover .content > h3.warm:after{content:''; width:100%; Height:5px; position:absolute; top:-7px; left:0px; background:#ffffff!important;}

/** pagination **/
.active > .page-link, .page-link.active{color:#ffffff; background-color:#0055b8; border-color:#0055b8; pointer-events:none;}
.page-link{color:#000000; border-color:#cccccc; border-width:2px; font-weight:bold; min-width:50px; text-align:center;}
span.page-link{background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color);}
a.page-link:hover{color:#ffffff; background-color:#0055b8; border-color:#0055b8;}
.page-item:not(.active) span.page-link:hover{color:#000000;}
/*.page-link i{line-height:30px;}*/
.pagination a.page-link i{color:#44C1B3!important;}

/** footer author **/
.footer-author{background:#ffffff; border-top:2px solid #cccccc;}
.social-container .social-item{transition:all .15s ease-in-out!important; height:50px!important; display:flex; justify-content:center; align-items:center; width:50px!important; border-radius:50%; border:2px solid #2E2825;}
.social-container .social-item:hover{border:2px solid #44C1B3;}
.social-container .social-item img{transition:all .15s ease-in-out!important; height:30px; max-width:30px; filter: brightness(0) saturate(100%) invert(13%) sepia(14%) saturate(490%) hue-rotate(336deg) brightness(97%) contrast(92%);}
.social-container .social-item:hover img{filter:brightness(0) saturate(100%) invert(69%) sepia(10%) saturate(2154%) hue-rotate(124deg) brightness(94%) contrast(88%);}

.footer-author .list-group-item{border-bottom:0px;}
.footer-author .list-group-item a{text-decoration-color:#ffffff; color:#333333;}
.footer-author .list-group-item a:hover{text-decoration-color:#44c1b3!important; color:#44c1b3!important;}
.footer-author .copyright{font-size:18px;}

/** footer author **/
.footer-credits{background:#0C0C0C}
.footer-credits .credit{padding:10px 0; color:#FFF; font-size:.8em; margin:0; text-align:right; margin-right:25px;}
.footer-credits .credit img{width:180px; filter:grayscale(1); transition:.5s ease-in-out;}
.footer-credits .credit img:hover, .footer-credits .credit img:active{filter:grayscale(0);}

/*** Chat ***/
.chat-button{cursor:pointer; z-index:10; position:fixed; bottom:50px; right:25px; height:70px; width:70px; border-radius:50%; background-color:#97c21c; transition:0.3s all ease; text-align:center;box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.63);}
	.chat-button i{font-size:1.75rem; color:#ffffff; margin-top:23px;}
	.chat-button span{position:absolute; left:0px; top:-30px; font-size:.85rem; font-weight:bold; text-transform:uppercase; color:#999999; white-space:nowrap; letter-spacing:1px; transition:0.3s all ease;}
	.chat-button:hover{background-color:#0056b8;}
	.chat-button:hover span{color:#666666;}
	#chat_window{background-color:#ffffff; z-index:9001; display:none; position:fixed; bottom:50px; right:25px; border-radius:15px; -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.59); box-shadow:0px 0px 19px 0px rgba(0,0,0,0.59);}
	#chat_window .chat-window-iframe{height:500px; width:365px;}
	#chat_window .close-button{display:block; padding-right:15px; padding-top:15px; width:100%; cursor:pointer; font-weight:bold; text-align:right;}
	#chat_window .close-button:hover{color:#999;}
	#chat_window iframe{margin-top:10px;}
	#chat_window .nav-tabs > li > a{border-radius:0px 0px 0 0;}
	#chat_window .mobile{padding:15px;}
	@media(max-width: 762px){
		#chat_window .destop{display:none;}
		#chat_window .mobile{display:block;}
	}
	@media(min-width: 763px){
		#chat_window .destop{display:block;}
		#chat_window .mobile{display:none;}
	}





@media(max-width:576px){

}

@media(min-width:576px){
	
}

@media(max-width:768px){
    

}

@media(max-width:991px){
    .offcanvas-logo{width:100px;}
    header .navbar .navbar-nav > .nav-item > .nav-link, header .navbar .navbar-nav > .dropdown-item{font-weight:700;}
    
    .dropdown > .dropdown-menu{margin-left:15px; margin-top:0px!important; padding-top:0px!important;}
    .dropdown > .dropdown-menu .dropdown-item{padding-left:0px;padding-top:.75rem; padding-bottom:.75rem;}
    
            
    
    header .navbar.show-gradient:after{content:''; position:absolute; left:0px; top:0px; width:100%; height:8px; background:linear-gradient(90deg, rgba(0,86,184,1) 0%, rgba(37,172,208,1) 33%, rgba(68,193,179,1) 66%, rgba(212,216,41,1) 100%)!important;}
    header .navbar.show-gradient:before{content:''; position:absolute; left:0px; bottom:-8px; width:100%; height:8px; background:linear-gradient(90deg, rgba(0,86,184,1) 0%, rgba(37,172,208,1) 33%, rgba(68,193,179,1) 66%, rgba(212,216,41,1) 100%)!important;}
    header.adjust-for-google-translate{padding-top:93px;}
    .offcanvas-header{padding-top:20px;}
    .offcanvas-header:after{content:''; position:absolute; left:0px; top:0px; width:100%; height:8px; background:linear-gradient(90deg, rgba(0,86,184,1) 0%, rgba(37,172,208,1) 33%, rgba(68,193,179,1) 66%, rgba(212,216,41,1) 100%)!important;}
    .dropdown-toggle.show::after{color:#44c1b3;}
    .mobile-menu-expand{position:absolute; top:5px; height:40px; transition:background .15s ease-in-out; cursor:pointer;}
    .mobile-menu-expand:hover, .mobile-menu-expand:active{background:rgba(255, 255, 255, .2);}
    .mobile-menu-expand:hover:after, .mobile-menu-expand:active:after{border-color:#44c1b3;}
    header .navbar .navbar-nav{width:100%; padding-top:15px; padding-bottom:15px; border-top:1px solid rgba(0, 0, 0, .2); border-bottom:1px solid rgba(0, 0, 0, .2);}
    header .navbar .navbar-nav .nav-link{color:#000000; padding-top:.75rem; padding-bottom:.75rem;}
    header .navbar .navbar-nav > li > .mobile-menu-expand{right:-10px; width:50px; background:rgba(255, 255, 255, 0); border:2px solid #000000;}
    header .navbar .navbar-nav > li > .dropdown-toggle::after{position:absolute; right:7px; top:26px; font-size:1.1em;}
    header .navbar .navbar-nav > li > ul > li > .mobile-menu-expand{right:0px; width:40px;}
    
    header .navbar .navbar-nav > li > ul > li >.mobile-menu-expand{right:-10px; width:50px;}
    header .navbar .navbar-nav > li > ul > li >.dropdown-toggle::after{position:absolute; right:11px; top:23px;}
    header .navbar .navbar-nav > li > ul > li > ul > li > .mobile-menu-expand{right:0px; width:40px;}
    
    header .navbar .navbar-nav .dropdown-toggle:hover::after{color:#000000!important;}
    header .navbar .navbar-nav .dropdown-menu{margin-top:10px; margin-bottom:15px;}
    .dropend .dropdown-toggle::after{display:inline-block; margin-left:.255em; vertical-align:-.255em; content:""; border-top:.5em solid transparent; border-right:0; border-bottom:.5em solid transparent; border-left:.5em solid; top:18px; right:15px;}
    
    .logo{min-height:80px;padding:10px;}
    .main-section{margin-top:106px;}
    .fs-page-title{font-size:35px!important;}
    .fs-xl{font-size:14px!important; line-height:22px!important;}
    
}

    
@media(min-width:992px){
    .me-lg-4-5{margin-right:2.75rem!important;}
    .mt-lg-4-5{margin-top:2.3rem;}
    #searchModal .modal-header{align-items:flex-start;}
    .navbar.is-scrolled{padding-bottom:0px; padding-top:0px;}
    .navbar-brand.is-scrolled{padding-top:0px; padding-bottom:0px; margin-top:10px; margin-bottom:10px;}
    .navbar-brand.is-scrolled .logo{min-height:45px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;}
    .primary-navigation.is-scrolled, .secondary-navigation.is-scrolled{margin-top:20px!important;}
    header .navbar.show-gradient:after{content:''; position:absolute; left:0px; bottom:-8px; width:100%; height:8px; background:linear-gradient(90deg, rgba(0,86,184,1) 0%, rgba(37,172,208,1) 33%, rgba(68,193,179,1) 66%, rgba(212,216,41,1) 100%)!important;}
    

    header .navbar .navbar-nav > li > ul > li a{color:#000000;}
    .nav-item .dropdown-menu .nav-item .dropdown-menu{left:100%; top:0px;}
    .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu{left:100%; top:0px;}
    .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu{left:100%; top:0px;}
    .news-list-container .article-container img{object-fit:cover; aspect-ratio:1 / 1;}
    .navbar .navbar-nav .dropdown-menu{box-shadow:0px 0px 20px #00000029;}
    .navbar .navbar-nav > .nav-item > .nav-link{border-top:3px solid transparent; border-bottom:3px solid transparent;}
    .navbar .navbar-nav > .nav-item > .nav-link:not(.no-border-hover):hover{border-bottom:3px solid #0055b8;}
    .dropdown-menu .dropdown-toggle, header .navbar .navbar-nav .dropdown-item{padding:.25rem 1.5rem!important;}
    .dropdown-menu .dropdown-toggle:hover{background:rgba(0, 0, 0, .1);}
    .dropend .dropdown-toggle::after{display:inline-block; margin-left:.255em; vertical-align:-.255em; content:""; border-top:.5em solid transparent; border-right:0; border-bottom:.5em solid transparent; border-left:.5em solid; top:13px; right:10px;
    }
}
@media(min-width:992px) and (max-width:1400px){
    .dropdown-toggle::after{top:16px;}
    .primary-navigation > .nav-item .nav-link{padding-top:0px!important;}
    .secondary-navigation{margin-top:2.3rem;}
}
@media(min-width:1200px){
	.me-xl-4-5{margin-right:2.75rem !important;}
}