@import url('https://fonts.googleapis.com/css2?family=Prompt:wght@100;400;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

/*
    font-family: 'Jost',sans-serif;
    font-size: 14px;
    primary: #a558bf;
    secondary: #5d6268;
    light: #eee;
    dark: #343a40;
    success: #28a745;
    info: #bdcdd1;
    warning: #ffc107;
    danger: #dc3545;
*/

/*
##################################################################
    SITE
##################################################################
*/

html {
    font-size: 14px;
    scroll-behavior: smooth;
}

body {
	font-family: 'Jost', sans-serif;
}

.nav-secondary{
    /*color: #0a77a2;*/
	color: #3985BA;
}

.nav-secondary:hover {
    background-color: #5d6268;
    color: #fff;
}

.nav-secondary.active {
	/*background-color: #0a77a2;*/
    background-color: #3985BA;
    color: #fff;
}

.nav-link-secondary {
    color: #333;
}

/*site blocked*/

/*
html {
    background-color: #343a40;
}

body {
    max-width: 1200px;
    background-color: #fff;
    margin: 0 auto;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
}
*/

/*header images*/

/*
header {
    background-position: center center;
    background-size: cover;    
}

nav {
    background-image: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%) !important;
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%) !important;
    background-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%) !important; 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}

nav.bg-light,
.home-header.bg-primary,
.page-title.bg-primary.page-title-myaccount,
.page-title.bg-primary.page-title-membership,
.page-title.bg-primary.page-title-getinvolved,
.page-title.bg-primary.page-title-directories,
.page-title.bg-primary.page-title-events,
.page-title.bg-primary.page-title-shop,
.page-title.bg-primary.page-title-security {
    background-color: transparent !important;
}

nav .navbar-nav .nav-link {
    color: rgba(255,255,255,.5) !important;   
}

nav .navbar-nav .active>.nav-link {
    color: #fff !important;   
}

.navbar-toggler-icon {
  background-image: url("data:image/svg xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>") !important; 
}

.header-home {
    background-image: url('assets/images/home-splash.jpg');
}

.header-myaccount {
    background-image: url('assets/images/myaccount.jpg');
}

.header-membership {
    background-image: url('assets/images/membership.jpg');
}

.header-getinvolved {
    background-image: url('assets/images/getinvolved.jpg');
}

.header-directories {
    background-image: url('assets/images/directories.jpg');
}

.header-events {
    background-image: url('assets/images/events.jpg');
}

.header-shop {
    background-image: url('assets/images/shop.jpg');
}

.header-security {
    background-image: url('assets/images/security.jpg');
}
*/

/*page title images*/

.home-header {
    background-image: url('assets/images/home-splash.jpg');
}

.page-title-myaccount {
    background-image: url('assets/images/person-using-phone-and-computer_account_1903x350.png');/*url('assets/images/business-woman-hand-using-cell-phone_account_1903x350.png');  url('assets/images/myaccount.jpg*/
}

.page-title-membership {
    background-image: url('assets/images/membership.jpg');
}

.page-title-getinvolved {
    background-image: url('assets/images/getinvolved.jpg');
}

.page-title-getconnected {
     /*background-image: url('assets/images/cityscape-connection-icons_get-connected_1903x222.png');*/
     background-image: url('assets/images/cityscape-connection-icons_get-connected_1903x222.png');
     
}

.page-title-directories {
    /*background-image: url('assets/images/directories.jpg');*/
    background-image: url('assets/images/office-lobby_sign-in_1903x222.png');
}

.page-title-events {
    /*background-image: url('assets/images/events.jpg');*/
    background-image: url('assets/images/People-talking-at-conference_events_1903x222.png');

}

.page-title-shop {
    background-image: url('assets/images/shop.jpg');
}

.page-title-security {
    background-image: url('assets/images/security.jpg');
}

.page-title-staffonly {
    background-image: url('assets/images/coworkers-talking-to-each-other_staff_1903x222.png');
}

.page-title-adminresources {
}

/*panes or zones*/

.home-pane-fullwidthbottom,
.pane-fullwidth-myaccount-myprofile,
.pane-fullwidth-myaccount-mycompany,
.pane-contentpane-myaccount-mycompany-relatedcontacts,
.pane-fullwidth-directories-boardofdirectors {
    background-color: #eee; /*comment out if you want to remove background color on homepage*/
}

.pane-pagetitle {
    -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

/*icons*/

/*
.icon-myprofile:before { content: "\f007"; }
*/
.icon-stateandterritorialhealthofficials:before { content: "\f500"; }
.icon-asthopictorialdirectory:before { content: "\f3e0"; }
.icon-mycommittees:before { content: "\f0c0"; }

/*
##################################################################
    BOOTSTRAP
##################################################################
*/

/*layout*/

.container{
	margin-top:1em;
}

/*text*/

h2{
	font-weight:bold;
}

a, a:active, a:visited{ 
  /*color:#0a77a2;*/
	color: #3985BA;
}

a:hover{
	text-decoration:none;
	color:#242C3D; /*#343a40;*/
}

.text-primary a:hover{
	color:#242C3D; /*#343a40;*/
}

.text-primary{
	/*color:#0a77a2 !important;*/
	color: #3985BA !important;
}

.text-secondary{
	color:#5d6268 !important;
}

/*buttons*/

.btn {
    padding: 0.7rem 0.9rem;
}

.btn-sm {
    padding: 0.5rem 0.6rem;
}

.btn-block{
    height:5rem;
}

.btn-primary{
	/*background: #0a77a2;
	border-color:#0a77a2;*/
	background: #3985BA;
	border-color: #3985BA;
}

.btn-primary:hover{
  	background: #fff;
  	/*color: #0a77a2;
  	border-color:#0a77a2;*/
    color: #3985BA;
	border-color: #3985BA;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active{
	/*background-color:#0a77a2;
  	border-color: #0a77a2;*/
	background-color: #3985BA;
	border-color: #3985BA;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    /*background-color: #0a77a2;
    border-color: #0a77a2;*/
    background-color: #3985BA;
	border-color: #3985BA;
}

a:visited.btn-primary{
  	color: #fff;
}

a:visited.btn-primary:hover{
	color: #3985BA; /*#0a77a2;*/
}

.btn-secondary{
  	background: #5d6268;
  	border-color:#5d6268;
}

.btn-secondary:hover{
  	background: #fff;
  	color: #5d6268;
  	border-color:#5d6268;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active{
  	background: #5d6268;
  	border-color:#5d6268;
}

a:visited.btn-secondary{
  	color: #fff;
}

a:visited.btn-secondary:hover{
  	color: #5d6268;
}

.btn-link{
	color: #3985BA; /*#0a77a2;*/
}

.btn-link:hover{
  	color:#5d6268;
  	text-decoration:none;
}

.btn-light{
  	background: #eee;
  	color: #242C3D; /*#343a40;*/
  	border-color:#eee;
}

.btn-light:hover{
  	background: #242C3D; /*#343a40;*/
  	color: #eee;
  	border-color:#eee;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active{
  	background: #eee;
  	color: #242C3D; /*#343a40;*/
  	border-color:#eee;
}

.btn-outline-primary{
  	color: #3985BA; /*#0a77a2;*/
  	border-color: #3985BA; /*#0a77a2;*/
}

.btn-outline-primary:hover{
    background-color:#3985BA; /*#0a77a2;*/
  	border-color:#3985BA; /*#0a77a2;*/
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active{
  	color: #3985BA; /*#0a77a2;*/
  	border-color: #3985BA; /*#0a77a2;*/
    background-color: transparent;
}

a:visited.btn-outline-primary{
  	color: #3985BA; /*#0a77a2;*/
}

a:visited.btn-outline-primary:hover{
  	color: #fff;
}

.btn-outline-secondary{
  	color: #5d6268;
  	border-color:#5d6268;
}

.btn-outline-secondary:hover{
    background-color:#5d6268;
  	border-color:#5d6268;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active{
  	color: #5d6268;
  	border-color:#5d6268;
    background-color: transparent;
}

a:visited.btn-outline-secondary{
  	color: #5d6268;
}

a:visited.btn-outline-secondary:hover{
  	color: #fff;
}

.btn-dark{
  	background: #242C3D; /*#343a40;*/
  	color: #eee;
  	border-color:#242C3D; /*#343a40;*/
}

.btn-dark:hover{
  	background: #eee;
  	color: #242C3D; /*#343a40;*/
  	border-color:#eee;
}

/*nav*/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #242C3D; /*#343a40;*/
    background-color: #fff ;
}

.nav-pills .nav-link {
    border-radius: 0rem;   
}

.nav-link{
 	color:#5d6268;
}

.nav-link.active:hover{
 	color:#5d6268;
}

.nav-item.active {
 	color:#3985BA; /*#0a77a2;*/
    border-bottom: 3px solid #3985BA; /*#0a77a2;*/
}

.nav-item {
 	color:#5d6268;
 	margin: 0.75rem;
}

/*dropdowns*/

.dropdown-item.active, .dropdown-item:active {
	background-color:#3985BA; /*#0a77a2;*/
}

/*pagination*/

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination > li {
    display: inline;
}

.pagination > li > a, .pagination > li > span, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
    border: 1px  solid #3985BA; /*#0a77a2;*/
    color: #3985BA; /*#0a77a2;*/
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #3985BA; /*#0a77a2;*/
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #3985BA; /*#0a77a2;*/
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 1.2rem;
    border-bottom-left-radius: 1.2rem;
}

.page-item:last-child .page-link {
    margin-left: -1px;
    border-top-right-radius: 1.2rem;
    border-bottom-right-radius: 1.2rem;
}

.page-item.active .page-link{
	background: #0a77a2 ;
	border: 1px  solid #0a77a2 ;
}

.page-item.disabled .page-link{
	background: #fff ;
	border: 1px  solid #0a77a2 ;
	color: #eee;
}

.page-link:hover{
	background: #0a77a2 ;
	border: 1px  solid #0a77a2 ;
	color: #fff; 
}

.page-item:last-child:hover .page-link:hover {
    background: #0a77a2 ;
	border: 1px  solid #0a77a2 ;
	color: #fff;
}

.page-item:first-child:hover .page-link:hover {
    background: #0a77a2 ;
	border: 1px  solid #0a77a2 ;
	color: #fff;
}

/*tables*/

.table-primary, .table-primary > td, .table-primary > th {
    background-color: #3985BA; /*#0a77a2;*/
    color: #fff
}

.table-secondary, .table-secondary > td, .table-secondary > th {
    background-color: #eee;
}

/*lists*/ 

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

/*alerts*/

.alert-primary{
    background-color: #3985BA; /*#3985BA; */
    opacity:0.6;
    border-color: #3985BA; /*#0a77a2;*/
    color: #000;
}

.alert-info {
    color: #333;
    background-color: #bdcdd1;
    border-color: #bdcdd1;
}

.alert-primary a, .alert-info a {
    color: #343a40 ;
}

.alert-success {
    color: #fff;
    background-color: #3985BA; /*#0a77a2;*/
    border-color: #3985BA; /*#0a77a2;*/
}

.alert-success a {
    color: #fff ;
}

/*forms*/

.form-control {
    padding: 0.9rem 1rem;  
    height: calc(3.25rem + 2px); 
}

/*badges*/

.badge-primary{
 	background:#3985BA; /*#0a77a2;*/
}

.badge-secondary{
 	background:#5d6268;
}

/*backgrounds & borders*/

.bg-primary{
	background-color: #0a77a2 !important;
}

.bg-secondary{
 	background-color: #5d6268 !important;
}

.bg-light{
 	background-color: #eee !important;
}

.bg-dark{
 	/*background-color: #343a40 !important;*/
    background-color: #242c3d !important;
}

.border-primary{
    border-color:#0a77a2 !important;
}

.border-dark{
    /*border-color:#343a40 !important;*/
    border-color:#242c3d !important;
}

/*cards*/

.card-footer {
    background-color: #fff;
}

.card-body {
    padding: 1.25rem, 1.25rem, 1.25rem, 0.25rem !important;
}


@media (max-width: 992px) {
	.nav-pills .nav-link {
    	display: none;
	}

	.navbar-toggler {
	    border:none;	
	}
	
	.navbar {
	    padding-left:2rem;
	}
}



/* font family */

body {
	font-family: 'Jost',sans-serif;
}
h1, h2, h3, h4, h5, h6 {
        font-weight:500; /*font-weight:300;*/
        font-family: 'Jost',sans-serif;
}

.h5, h5 {
font-size: 1.3rem;
}

/* logos */

.site-logo img {
    width: 100%;
    max-width:545px;
    height: auto;
	margin:0px;
}
.site-logo-footer {
    max-width:200px; /*350px;*/
    width: 100%;
    height: auto;
    filter: unset;
    /*background-color:#ffffff;*/
    padding:15px;
    border-radius:5px;
}
.site-logo img:hover,
.site-logo-footer:hover {
	opacity:.6;
	transition:ease-in-out .2s;
}

/* home page banner */

.home-header {
    /*background-image: url(/Portals/0/assets/images/banners/astho-banner1-1200-500.jpg);
    background-image: url(/Portals/0/assets/images/group-of-coworkers-two-men-shaking-hands-smiling-home.png);*/
    background-image: url('assets/images/people-talking-at-presentation_home_1903x350.png');
    background-color: #ffffff!important;
    min-height: 40vh; /*80vh;*/
    /*animation-name: bghome;
	animation-duration: 50s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;*/
}
.home-header .text-center {
	text-align:left!important;
}
.home-header span {
	color: #ffffff;
    text-shadow: 1px 1px 5px #000000;
    text-transform: uppercase;
    font-weight: 600;
}

/* home page text color override */
.text-black-50 {
	color: #212529 !important;
}

/*@keyframes bghome {
	0% {
		background-image: url('/Portals/0/assets/images/banners/astho-banner1-1200-500.jpg'), url('/Portals/0/assets/images/banners/astho-banner2-1200-500.jpg');
	}
	
	34% {
		background-image: url('/Portals/0/assets/images/banners/astho-banner2-1200-500.jpg'), url('/Portals/0/assets/images/banners/astho-banner3-1200-500.jpg');
	}
	
	68% {
		background-image: url('/Portals/0/assets/images/banners/astho-banner3-1200-500.jpg');
	}	
	
}*/


/* top toolbar */

.top-toolbar {
	background-color: #06476b!important;
}

.nav-secondary-container {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;/*0none?*/
    box-shadow: none;
}
.top-toolbar a {
	color:#fff;
	font-size:1.1rem;
}

.top-toolbar a:hover {
    color: #cbd3da!important;
}


/* nav container */

nav {
	border-bottom:1px solid #c0c0c0;
}
.navbar {
	box-shadow: none!important;
	border-bottom-width:0px!important;
	margin-left:auto;
	margin-right:auto;
	max-width: 100%;
}

@media (min-width: 992px) {
	.navbar {
    	max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.navbar {
    	max-width: 1140px;
	}
}

@media (min-width: 1400px) {
	.navbar {
    	max-width: 1300px;
	}
}



/* footer */

footer {
	margin-top:60px;
}
footer .container{
	padding-top:40px;
}
footer div a.SkinObject,
footer div span.text-primary {
	color:#c0c0c0!important;
}
footer div a.SkinObject:hover {
	color: #FBB040!important;
}

/*Override bootstrap css to increase text size of footer info*/
.small, small {
font-size: 95%;
}

/* Hide dnn footer image and use hard coded one */
.hide-image {
display:none;
}


/* Use if you want to hide page title area on the My Account pages */

/*.page-title-myaccount {
	display: none;
	
}*/

/* disabled fields */

.mx-global-form-wrapper .RadAutoCompleteBox_Default .racDisabled {
    background-color: #e9ecef;
}

/* table cells for mobile */

.mx-grid th,
.mx-grid td {
	padding:3px;
	font-size:12px;
}
@media (min-width: 768px) {
	.mx-grid th,
	.mx-grid td {
		padding:10px;
		font-size:14px;
	}
}

/* Add max-width to MX image contact detail */
.mx-image-contact-detail {
	max-width: 140px;
}


/* MX Find grid row hover */

.table-hover tbody tr:hover {
    background-color: #d2eac8;
    cursor: pointer;
}

.table-hover tbody tr td:last-child {
    background-image: url(/Resources/MX/Images/arrow-right.png);
    background-repeat: no-repeat;
    background-position: 99% center;
    background-size:20px;
}
.table-hover tbody tr:hover td:last-child {
    background-image: url(/Resources/MX/Images/arrow-right-green.png);
}

/* shopping cart */

.mx-shoppingcart-membershipitems-sub-wrapper div.collapse {
	display:block!important;
}
.mx-shoppingcart-membershipitems-sub-wrapper div.col-md-4 a small {
	display:none!important;
}


/* static widths */

.w-10px {width:10px;}
.w-15px {width:15px;}
.w-20px {width:20px;}
.w-25px {width:25px;}
.w-30px {width:30px;}
.w-35px {width:35px;}
.w-40px {width:40px;}
.w-45px {width:45px;}
.w-50px {width:50px;}
.w-55px {width:55px;}
.w-60px {width:60px;}
.w-65px {width:65px;}
.w-70px {width:70px;}
.w-75px {width:75px;}
.w-80px {width:80px;}
.w-85px {width:85px;}
.w-90px {width:90px;}
.w-95px {width:95px;}
.w-100px {width:100px;}
.w-105px {width:105px;}
.w-110px {width:110px;}
.w-115px {width:115px;}
.w-125px {width:125px;}
.w-130px {width:130px;}
.w-135px {width:135px;}
.w-140px {width:140px;}
.w-145px {width:145px;}
.w-150px {width:150px;}
.w-165px {width:165px;}
.w-175px {width:175px;}
.w-200px {width:200px;}
.w-225px {width:225px;}
.w-250px {width:250px;}
.w-275px {width:275px;}
.w-285px {width:285px;}
.w-300px {width:300px;}

.w-200px-100,
.w-225px-100,
.w-250px-100,
.w-275px-100,
.w-285px-100,
.w-300px-100,
.w-315px,
.w-325px,
.w-350px,
.w-375px,
.w-400px,
.w-450px,
.w-500px,
.w-550px,
.w-600px,
.w-650px,
.w-700px,
.w-750px,
.w-800px,
.w-quarter,
.w-third,
.w-half {
	width:98%;
}
@media (min-width: 768px) {
	.w-200px-100 {width:200px;}
	.w-225px-100 {width:225px;}
	.w-250px-100 {width:250px;}
	.w-275px-100 {width:275px;}
	.w-285px-100 {width:285px;}
	.w-300px-100 {width:300px;}
	.w-315px {width:315px;}
	.w-325px {width:325px;}
	.w-350px {width:350px;}
	.w-375px {width:375px;}
}
@media (min-width: 992px) {
	.w-400px {width:400px;}
	.w-450px {width:450px;}
	.w-500px {width:500px;}
	.w-550px {width:550px;}
	.w-600px {width:600px;}
	.w-650px {width:650px;}
	.w-700px {width:700px;}
	.w-750px {width:750px;}
	.w-800px {width:800px;}
	.w-quarter{width:23%;}
	.w-third {width:32%;}
	.w-half{width:48%;}
}
@media (min-width: 1200px) {
	.w-quarter{width:24%;}
}



 /* static height */

 .h-0px {height:auto;}
.h-12px {height:12px;}
.h-14px {height:14px;}
.h-16px {height:16px;}
.h-18px {height:18px;}
.h-20px {height:20px;}
.h-22px {height:22px;}
.h-24px {height:24px;}
.h-26px {height:26px;}
.h-28px {height:28px;}

.h-30px {min-height:30px;}
.h-32px {min-height:32px;}
.h-34px {min-height:34px;}
.h-36px {min-height:36px;}
.h-44px {min-height:44px;}
.h-48px {min-height:48px;}
.h-60px {min-height:60px;}
.h-70px {min-height:70px;}
.h-80px {min-height:80px;}
.h-85px {min-height:85px;}
.h-90px {min-height:90px;}
.h-95px {min-height:95px;}

.h-100px,
.h-115px,
.h-200px,
.h-210px,
.h-250px,
.h-300px {
	min-height:20px;
}

@media (min-width: 768px) {
	.h-0px {height:0px;}
	.h-100px {min-height:100px;}
	.h-115px {min-height:115px;}
	.h-200px {min-height:200px;}
	.h-210px {min-height:210px;}
	.h-250px {min-height:250px;}
	.h-300px {min-height:300px;}
}

/* MX Configuration link */

.mx-configtoolbar-wrapper {
    margin-bottom: 0px;
    font-size:12px;
}




/* end of custom style */