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


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

/*
##################################################################
    SITE
##################################################################
*/btn-primary mx-addguest-button btn btn-light btn-lg btn-block text-muted my-3

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

body {
	font-family: "Source Sans 3", sans-serif;
}

.nav-secondary{
    color: #273A61; 
}

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

.nav-secondary.active {
    background-color: #273A61;
    color: #fff;
}

.nav-link-secondary {
    color: #333;
}
footer{
    font-family: "Source Sans 3", sans-serif;
}

/*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/myaccount.jpg');
} */

.page-title-home {
    background-image: url('/Portals/0/assets/images/Home Page Hero FPO.png');
}

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

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

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

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

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

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

.page-title-aboutnaicu {
    background-image: url('assets/images/NAICU News Header FPO.png');
}

.page-title {
    min-height: 40vh;
    display: flex;
    justify-content: flex-start
}

div.page-title > h1 {
    font-size: 35pt;
    font-weight: 900;
    margin-left: 12%;
    letter-spacing: .1rem;
}

/*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;
}

.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*/

.navbar-light .navbar-toggler-icon {
    background-image: url('/Portals/0/assets/images/hamburgermenu_icon_062424.svg');
}

.icon-myinstitution:before { content: "\f1ad"; }
.icon-myemailandusername:before { content: "\f674"; }

/*
.icon-myprofile:before { content: "\f007"; }
*/

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

/*layout*/

.container{
	margin-top:1em;
}

/*text*/

h1, h2, h3, h4, h5, h6 {
    font-family: "Source Sans 3", sans-serif;
    color: #273A61;
    font-weight: bold;
}

a, a:active, a:visited{ 
  color:#273A61;
}

a:hover{
	text-decoration:none;
	color:#343a40;
}

.text-primary a:hover{
	color:#343a40;
}

.text-primary{
	color:#273A61 !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.btn-primary:not(:disabled):not(.disabled) {
    color: #FFFFFF;
}

.btn-primary{
	background: #273A61;
    background-color: #273A61 !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    border: 2px solid #273A61;
}

.btn-primary:hover{
  	background: #fff !important;
    background-color: #fff !important;
  	color: #273A61 !important;
  	border: 2px solid #273A61;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active{
	background-color:#273A61;
  	border-color: #273A61;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #273A61;
    border-color: #273A61;
}

.btn-primary::selection {
	background: #273A61;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
    border: 2px solid #273A61;
    color: #FFFFFF;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background-color: #273A61 !important;
    color: #FFFFFF !important;
}

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

a:visited.btn-primary:hover{
  	color: #273A61;
}

.btn-secondary{
  	background: #E68F24;
    background-color: #E68F24 !important;
  	border: 2px solid #E68F24;
    color: #273A61;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 14px;
}

.btn-secondary:hover{
  	background: #fff !important;
    background-color: #fff !important;
  	color: #E68F24 !important;
  	border: 2px solid #E68F24;
}

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

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

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

.btn-link{
 	color:#273A61;
}

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

.btn-light{
  	background: #eee;
  	color: #343a40;
  	border-color:#eee;
}

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

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

.btn-outline-primary{
  	color: #273A61;
  	border: 2px solid #273A61;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8.5px;
    padding-bottom: 8.5px;
    border-radius: 5px;
}

.btn-outline-primary:hover{
    background-color:#273A61;
  	border: 2px solid #273A61;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8.5px;
    padding-bottom: 8.5px;
    border-radius: 5px;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active{
  	color: #273A61;
  	border-color: #273A61;
    background-color: transparent;
    font-weight: bold;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 7px;
    padding-bottom: 7px;
}

a:visited.btn-outline-primary{
  	color: #273A61;
}

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: #343a40;
  	color: #eee;
  	border-color:#343a40;
}

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

.btn-primary.mx-addnewaddress-button.btn.btn-light.btn-lg.btn-block.text-muted.mt-3:hover {
    color: #dee2e6 !important;
}

.mx-signinhelp-hyperlink {
    padding-left: 5px;
}

.mx-btn-circle-sm:hover {
    border-radius: 25px;
}

/*nav*/

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #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:#273A61;
    border-bottom: 3px solid #273A61;
}

.nav-item.dropdown {
 	color:#273A61;
 	margin: 0.75rem;
    font-size: 22px;
    font-weight: bold;
}

.nav-item.activedropdown {
 	color:#273A61;
 	margin: 0.75rem;
    font-size: 22px;
    font-weight: bold;
    border-bottom: solid #E68F24;
}

#navbarSupportedContent > ul > li:hover {
    color: #FFFFFF !important;
}

/*dropdowns*/

.dropdown-item.active, .dropdown-item:active {
	background-color:#273A61;
}

/*pagination*/

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

.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 #273A61;
    color: #273A61;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 8px !important;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #273A61;
    text-decoration: none;
    background-color: #fff;
    border-top: 1px solid #273A61 !important;
    border-bottom: 1px solid #273A61 !important;
    border-right: 1px solid #273A61 !important;;
}

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

.page-item:last-child .page-link {
    margin-left: -1px;
    border-top-right-radius: 1.2rem;
    border-bottom-right-radius: 1.2rem;
    padding: 8px;
}
.page-item.active .page-link {
    background: #273A61;
    border: 1px solid #273A61;
    padding: 8px;
}

.page-item.disabled .page-link {
    background: #fff;
    border-color: #273A61 !important;
    padding: 8px;
}
.page-item .disabled{
    color:#000 !important;
}

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

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

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

/*tables*/

.table-primary, .table-primary > td, .table-primary > th {
    background-color: #273A61;
    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: #273A61;
    opacity:0.6;
    border-color: #273A61;
    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: #273A61;
    border-color: #273A61;
}

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

/*forms*/

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

/*badges*/

.badge-primary{
 	background:#273A61;
}

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

/*backgrounds & borders*/

.bg-primary{
	background-color: #273A61 !important;
}

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

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

.bg-dark{
 	background-color: #343a40 !important;
}

.border-primary{
    border-color:#273A61 !important;
}

.border-dark{
    border-color:#343a40 !important;
}

.mx-modeview-panel {
    background-color: #D9CFB5;
    padding: 10px;
    border-radius: 5px;
}

#navbarSupportedContent > div > div.mx.mx-wrapper.mx-shoppingcart-summary-wrapper.mx-shoppingcart-summary-mxshoppingcartsummary-wrapper {
    background: none;
}

.mx-shoppingcart-cart-wrapper .mx-modeview-panel {
    padding: 35px;
}

#Form > header > nav > div.row.d-lg-none.pt-3.pl-5.pr-5 > div > span > div {
    background: none;
}

#Form > header > div.mx.mx-wrapper.mx-dashboard-announcements-wrapper.mx-dashboard-announcements-dnn\$mxannouncements-wrapper {
    background: none;
}

/*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;
	}
}

/* forms */

.rpGroup {
    background-color: #D9CFB5 !important;
}

.rpLink {
    background-color: #E68F24 !important;
}

.rpText {
    color: #000000 !important;
    padding: 15px !important;
}

.mx-panelbar ul.rpRootGroup {
    border: none !important;
}

.RadPanelBar_Default {
    background: none !important;
}

.mx-title-wrapper {
    padding-bottom: 10px;
}

.mx-panelbar ul.rpRootGroup li.rpItem a.rpLink {
    margin-left: -10px;
    margin-right: -10px;
    margin-top:-10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* forms */

div.search-by-letter > div > div > div.mx-modeview-panel {
    background-color: #FFFFFF;
}

select {
  padding: 10px;
  padding-right: 30px;

  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url('/Portals/0/assets/images/selectarrow_icon_062424.svg');
    background-repeat: no-repeat, repeat;
    background-position: right -0.1em top 50%, 0 0;
    background-size: 5.15em auto, 100%;
}

select::-ms-expand {
  display: none;
}

.RadPanelBar .rpExpandHandle {
    margin: 17px 5px 0 0 !important;
}

/* mobile */

#Form > header > nav > div.row.d-lg-none.pt-3.pl-5.pr-5 > button {
    color: #273A61;
}

/* misc */

div.mx-meetingregistration-guestidentification-wrapper > div.mx-modeview-panel > input:hover {
    color: #FFFFFF !important;
}

/* shopping cart */

a.mx-applypromo-hyperlink > i {
    padding-top: 5px;
}

.mx-billmelatertotalamount-span {
    color: #FFFFFF;
}

.mx-creditcardamount-span {
    color: #FFFFFF;
}

.btn-primary.mx-addnewaddress-button.btn.btn-light.btn-lg.btn-block.text-muted.mt-3 {
    color: #FFFFFF !important;
    border-color: #273A61;
}

.RadComboBox.RadComboBox_Default.mx-combobox {
    background-color: #FFFFFF;
}

.btn-primary.mx-addguest-button.btn.btn-light.btn-lg.btn-block.text-muted.my-3:hover {
    color: #6c757d !important;
}