@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css');
@import url('https://use.typekit.net/rto1zft.css');

/* ==========================================================================
     Members website custom styles
   ========================================================================== */
   html, body{
    font-size: 100%;
   }
   body {
    font-family: 'proxima-nova', sans-serif;
    /* font-size: 1.6rem; */
}


a {
    color: #0a74c6;
    text-decoration: none;
    outline: 0;
    /* font-family: Metric, sans-serif; */
}

a:active, a:focus, a:hover {
    color: #0067ab;
    text-decoration: none;
    outline: 0;
}

a:visited, .Link:visited, .RadGrid.RadGrid .rgRow a:visited, .RadGrid.RadGrid .rgAltRow a:visited, .RadGrid.RadGrid .rgEditForm a:visited, .k-grid.k-grid a:visited, .RadToolTip.RadToolTip a:visited {
    color: #0067ab;
}




h1, h2, h3, h4, h5, h6 {
	font-family: 'proxima-nova', sans-serif;
	 
	hyphens: auto;
}
h1, h1.pageHeader {	
	font-family: 'proxima-nova', sans-serif;
	/* font-size: 4.3rem;
	font-weight: 400; */
	 
}
 
 
h2, .PanelTitle, h2.PanelTitle {
	font-family: 'proxima-nova', sans-serif;
	 
}
 
h4, .h4, .SectionLabel{
    color: #007749;
    font-family: 'proxima-nova', sans-serif;
}
 
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}



.btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton {
    background-color: #0067ab;
    border-color: transparent;
}
.PrimaryButton, .UsePrimaryButton .TextButton, .RadGrid input.PrimaryButton, .RadGrid.RadGrid input.TextButton.PrimaryButton, .RadGrid.RadGrid a.TextButton.PrimaryButton {
    background-color: #0067ab;
    border-color: transparent;
}
.btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton {
    background-color: #0067ab;
    border-color: transparent;
}
.btn:hover, .btn:focus, .btn:active, .TextButton:hover, .TextButton:focus, .TextButton:active, .RadUpload.RadUpload .ruButton:hover, .RadUpload.RadUpload .ruButton:focus, .RadUpload.RadUpload .ruButton:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:active{
    background-color: #0067ab;
}

.heading-icon .panel-title, .heading-icon h3{
    color: #333333;
    font-weight: 400;
}

.member-profile .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .member-profile .mini-profile-banner-small .mini-profile-name-section .SectionLabel{
        color: #333333;
}

.RadTabStrip_MetroTouch{
    font-family: Metric, sans-serif !important;
}

.RadTabStrip .rtsLevel1.stacked-list a.rtsLink:hover, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink:focus, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink:active, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:hover, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:focus, .RadTabStrip .rtsLevel1.stacked-list a.rtsLink.rtsSelected:active{
    color: #0067ab;
}

a, .Link, .RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a, .RadToolTip.RadToolTip a{
    color: #0067ab;
}
a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active, .RadGrid.RadGrid .rgRow a:hover, .RadGrid.RadGrid .rgRow a:focus, .RadGrid.RadGrid .rgRow a:active, .RadGrid.RadGrid .rgAltRow a:hover, .RadGrid.RadGrid .rgAltRow a:focus, .RadGrid.RadGrid .rgAltRow a:active, .RadGrid.RadGrid .rgEditForm a:hover, .RadGrid.RadGrid .rgEditForm a:focus, .RadGrid.RadGrid .rgEditForm a:active, .k-grid.k-grid a:hover, .k-grid.k-grid a:focus, .k-grid.k-grid a:active, .RadToolTip.RadToolTip a:hover, .RadToolTip.RadToolTip a:focus, .RadToolTip.RadToolTip a:active{
     color: #0067ab;
}


/*******/

.header{
    padding: 0px;
}
#masterHeaderBackground, .header{
    border: 0px;
}

 .header-container, .SliderPage1{
    max-width: 1600px;
    
}
 .header-top-container .header-container{
padding: 20px 40px;
/* overflow: hidden;
clear: both; */
display: flex;
align-self: center;
 }
 .header-logo-container{
    float: none;
 }


.container{
    max-width: 1490px;
}

.footer .container{
    width: 94%;
    max-width: 1600px;

}


.navbar-header{
    flex-direction: column;
    margin-left: auto;

}
.header-logo-container{
    align-items: center;
}
.top-utility{
    display: flex;
    justify-content: end;
    align-items: center;
    margin-bottom: 15px;
    margin-right: 15px;
}

.top-utility .util-links {
    margin-right: 1rem;
}
.top-utility  ul {
     
    display: flex;
    flex-wrap: wrap;
}
.top-utility .util-links li {
    position: relative;
}
.top-utility .util-links li+li {
    padding-left: 1.5rem;
}

header .top-utility .util-links li+li:before {
    content: ":";
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: .6rem;
    top: 50%;
    font-weight: 700;
}

 .top-utility .util-links a {
    text-decoration: none;
    color: #4a4a4a;
}
 .top-utility .util-links a:hover {
    color: #0067ab;
}

#ste_container_ciUtilityNavigation{
    float: right;
}

.logoutbt{
    border-radius: .5rem;
    background-color: #00966d;
    
    border: 0;
    /* border-radius: .25rem; */
    color: #fff !important;
    font-weight: 600;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-size: clamp(1rem, calc(1rem + 2 * ((100vw - 29.9375rem) / 1441)), 1.125rem);
    padding: .75em 1em;
    font-family: proxima-nova, sans-serif;
        transition: color .3s ease, background-color .3s ease, border-color .3s ease;

}
.logoutbt:hover{
    background-color: #00b080;
}



/****** social media ******/


.social ul,
.menu-social ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.social li+li,
.menu-social li+li {
    margin-left: .5rem
}

.social a,
.menu-social a {
    color: #fff;
    width: 2.1875em;
    height: 2.1875em;
    line-height: 2.1875em;
    text-align: center;
    background-color: #ccc;
    color: #fff;
    display: block;
    text-decoration: none;
    border-radius: 100%;
    position: relative
}

.social a:hover,
.menu-social a:hover {
    background-color: #999
}

.social a>*,
.menu-social a>* {
    position: absolute;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 75%;
    height: auto
}

.social .facebook,
.menu-social .facebook {
    background-color: #3b5998
}

.social .facebook:hover,
.menu-social .facebook:hover {
    color: #fff;
    background-color: #2d4373
}

.social .twitter,
.menu-social .twitter {
    background-color: #111
}

.social .twitter:hover,
.menu-social .twitter:hover {
    color: #fff;
    background-color: #000
}

.social .linkedin,
.menu-social .linkedin {
    background-color: #3190c4
}

.social .linkedin:hover,
.menu-social .linkedin:hover {
    color: #fff;
    background-color: #27729b
}

.social .youtube,
.menu-social .youtube {
    background-color: #ef383a
}

.social .youtube:hover,
.menu-social .youtube:hover {
    color: #fff;
    background-color: #e21214
}

.social .pinterest,
.menu-social .pinterest {
    background-color: #db3023
}

.social .pinterest:hover,
.menu-social .pinterest:hover {
    color: #fff;
    background-color: #af261c
}

.social .instagram,
.menu-social .instagram {
    background-color: #bc2a8d
}

.social .instagram:hover,
.menu-social .instagram:hover {
    color: #fff;
    background-color: #92216e
}



@media (min-width: 992px) {

    input.search-field{
    height: 48px;
    background-position: 7px -9px;
}

    .primary-navigation-area{
    margin-left: 15px;
    margin-right: 15px;
    /* height: 3.75rem; */
    position: relative;
    z-index: 201;
    background-color: #0067ab;
 
    /* display: flex; */
    border-radius: 8px;
    
 }
    .nav-primary {
        float: none;
        clear: both;
    }

     .primary-navigation-area ul.rmHorizontal{
        display: flex !important;
     }

    .primary-navigation-area ul.rmHorizontal > li{

         position: relative;
    line-height: 3.75rem;
    -webkit-box-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
 
}
.primary-navigation-area ul.rmHorizontal > li:first-child {
    border-radius: .5rem 0 0 .5rem;
    overflow: hidden;
}
.primary-navigation-area ul.rmHorizontal > li:last-child {
    border-radius: 0 .5rem .5rem 0;
    overflow: hidden;
}
.primary-navigation-area ul.rmHorizontal > li .rmText{
    float: none !important;
    display: inline;
}
.primary-navigation-area ul.rmHorizontal > li a{
    text-align: center !important;
}

/* .primary-navigation-area ul.rmHorizontal > li:hover > a {
    background-color: #005892;
    color: #fff;
    position: relative;
} */

.RadMenu.RadMenu_Austin .rmRootLink.rmExpanded, .RadMenu.RadMenu_Austin .rmRootLink:hover, .RadMenu.RadMenu_Austin .rmRootLink.rmFocused {
    background-color: #005892;
    /* color: #0067ab; */
}


.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink{
    text-transform: none;
    font-weight: 600;
}
.RadMenu.RadMenu_Austin .rmLink {
    color: #fff;
}

}


.topbar{
    background: #222;
    color: #fff;
}
.ContentRecordPageButtonPanel {
    
    margin: 0;
}
.member-utility{
        color: #fff;
    text-transform: uppercase;
     
    display: flex;
    justify-content: flex-end;
    padding: 0 1.0738255034%;
}

.member-utility ul {
    
    display: flex;
    flex-wrap: wrap;
    margin: auto;
     
    padding: 0;
    margin-right: 0;
    list-style: none;
}


.member-utility ul>li {
    font-size: .875rem;
    height: 2.5rem;
    line-height: 2.5rem;
}
.member-utility ul a {
    height: 2.5rem;
    line-height: 2.5rem;
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 0 1rem;
}
.member-utility ul a:hover {
    background-color: #2f2f2f;
}
.member-utility ul a .fa {
    margin-right: .5rem;
    color: #1090f3;
}
.member-utility .username {
    font-weight: 700;
    padding: 0 1rem;
    color: #1090f3;
    /* font-size: 1rem; */
}


/* 
.nav-auxiliary a{
    color: #000000;
}
.nav-auxiliary a:hover{
    color: #0067ab;
} */

/****/


/* .RadMenu.RadMenu_Austin .rmLink{
    color: #000000;
}

.RadMenu.RadMenu_Austin .rmRootLink.rmExpanded, .RadMenu.RadMenu_Austin .rmRootLink:hover, .RadMenu.RadMenu_Austin .rmRootLink.rmFocused {
    background-color: #fff;
    color: #0067ab;
} */

/**** footer ****/
.footer h3{
    color: #fff;
}

.footer-content{
    background-color: #222222;
    text-align: left
}
footer .footer-content {
    padding: clamp(2.8125rem, calc(2.8125rem + 35 * ((100vw - 29.9375rem) / 1441)), 5rem) 0 clamp(2.1875rem, calc(2.1875rem + 15 * ((100vw - 29.9375rem) / 1441)), 3.125rem);
}

.footer-link-wrap{
    display: flex;
    flex-wrap: wrap;
}

footer .footer-nav {
    font-size: 1.125rem; 
    display: flex;
    padding: 0 1.0738255034%; 
    flex: 1 1 auto;
}
footer .footer-nav ul {
    -webkit-box-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
footer .footer-nav ul li+li {
    margin-top: 1rem;
}

footer a {
    color: #fff;
    text-decoration: none;
}
footer a:hover {
    color: #666;
}
.footer-content a {
    color: #fff;
}
.footer-content a:hover {
    color: #666;
}


footer .footer-address {
    font-size: clamp(1rem, calc(1rem + 2 * ((100vw - 29.9375rem) / 1441)), 1.125rem);
    margin: 0 auto;
    margin-right: 0;
    padding: 0 1.0738255034%;
   
    flex: none;
}
footer .footer-address strong {
    display: block;
    color: #666;
    font-size: clamp(1.125rem, calc(1.125rem + 2 * ((100vw - 29.9375rem) / 1441)), 1.25rem);
    color: #0496a9;
    padding: 0 0 .25rem;
}
footer .footer-address .phone {
    display: block;
    margin-top: 1rem;
}
footer .footer-address .fa {
    color: #666;
    margin-right: .5rem;
    color: #007681;
}



.footer-nav-copyright .footer-copyright{
    display: block;
    margin: 0;
    float: none;
}

.footer-nav-copyright {
    background-color: #222222;
    color: #fff;
    
    padding: clamp(2.1875rem, calc(2.1875rem + 15 * ((100vw - 29.9375rem) / 1441)), 3.125rem) 0;
    border-top: 1px solid #444;
}

.footer-copyright-top{
    display: flex; 
    align-items: center;
}
.footer-copyright-top .footer-logo {
    width: 16.25rem;
}
.footer-copyright-top .social{
   margin-left: auto;
}
footer .copyright {
    margin-bottom: 0;
    font-size: .875rem;
    margin-top: 1.6em;
}



@media (max-width: 68.75rem) {
    footer .footer-nav {
        display: none;
    }
        footer .footer-address {
        margin: 0;
    }
}

/***** profile page changes *****/

.coadmin-manage a{
    background-color: #00966d;
}
.coadmin-manage a:hover, .coadmin-manage a:focus, .coadmin-manage a:active {
    background-color: #00b080;
    color: #fff;
}

.stacked-tabs .select-tab {
     
    background: #00966d;
}

html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: #0067ab;
    background-color: #0067ab;
}

.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1{
    border-color: #0067ab !important;
}
.RadTabStripTop_MetroTouch .rtsLevel1 {
    border-bottom: 3px solid #0067ab !important;
}
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
    background-color: #0067ab;
}

@media (max-width: 992px) {

.header-top-container .header-container{
    /* display: block; */
    align-items: center;
}

.header-logo-container {
    /* align-items: center; */
    float: left;
    justify-content: center !important;
}
.navbar-header {
    /* float: none;
    margin-left: unset;
    justify-self: center; */
}
.top-utility{
    margin: 15px 0 15px 0;
    display: none;
}


.navbar-toggle.collapsed{
    background-color: #0067ab;
    padding: 7px;
    border-radius: 4px;
}


.navbar-collapse, .searchbar-collapse{
    background-color: #222;
}
.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink{
    text-transform: none;
}
.RadMenu.RadMenu_Austin .rmLink{
    color: #fff;
}



}

@media (min-width: 768px) {
   .searchbar-toggle{
    display: none;
   }
}

@media (max-width: 768px) {

    .searchbar-collapse{
        position: absolute;
    }

.top-utility{
    flex-wrap: wrap;
    justify-content: center;
}
.util-links{
    padding-bottom: 10px;
}
#ste_container_ciUtilityNavigation{
    float: none;
    text-align: center;
}

.header-logo-container {
 
    max-width: 170px;
}
.logoutbt{
padding: .4em 0.8em;
border-radius: 4px;
}

}