@charset "UTF-8";
/* CSS Document */

.i4a_header_row1 {

    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

#header_row1_column2 {
    display: flex;
    justify-content: flex-end;
}

#header_row2_column1 {
    padding-left: 0px;
    padding-right: 0px;
}

.btn.buttonRed:hover,
.btn.buttonRed:focus,
.btn.buttonPurple:hover,
.btn.buttonPurple:focus {
    background-position: 0;
}

div[role*="combobox"] {
 z-index: 10000 !important; 
}

a:not(.btn), a:link:not(.btn), a:active:not(.btn), a:visited:not(.btn) {
    text-decoration: none;
    color: #3D9BE9;
}
a:not(.btn):hover, a:link:not(.btn):hover, a:active:not(.btn):hover, a:visited:not(.btn):hover {
    text-decoration: underline !important;;
    color: #3D9BE9 !important;
}

/*-------------------------------*/
/*-------------------------------*/
/*-------------------------------*/

#mainNavbar ul li a{
    color: #ffffff !important;
}

nav.mainNavigation {
    height: 60px !important;
    min-height: 60px !important;
    background-color: #3D9BE9 !important;
    background-image: none !important;
    margin-bottom: 20px !important;
    
}

.sub-arrow {
	display: none !important;
}

.navbar-nav .dropdown-menu {
	min-width: 15em !important;
}

#mainNavbar > ul > li > a {
	padding-top: 18px !important;
	padding-bottom: 19px !important;
	padding-left: 13px !important;
	padding-right: 13px !important;	
}

ul.dropdown-menu.multi-level > li > a {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

#mainNavbar > ul > li > a:hover {
	color: #fff !important;
}

.bg-dark.navbar-dark .navbar-nav .nav-link:hover {
    color: #fff !important;
}

.navbar-nav>li>a {
    color: #fff !important;
    text-transform: uppercase !important;
}

.navbar-nav>li:hover, .navbar-nav>li:hover a {


  text-decoration: underline !important;
  color: white !important;
}

.navbar-nav>li>.dropdown-menu {

    background-color: #ffffff !important;
}

.navbar-nav>.dropdown-menu>li>a:hover {

    color: #3D9BE9 !important;
}
.navbar-nav>.dropdown-menu>li>a:hover {

    background-color: #3D9BE9 !important;
}

nav .dropdown-menu>li>a:focus,
nav .dropdown-menu>li>a:hover {

    background-color: #3D9BE9 !important;
    background-image: none !important;
}

nav .dropdown-menu>li>a {
    color: #3D9BE9 !important;
}

/* below is styles for different screen sizes */

/* small tablets
---------------------------------------------------------------*/
@media (max-width: 767px) {
	.container {
		max-width: 100% !important;
	}
	
    div[class*="col"] {
        padding-bottom: 10px;
        padding-top: 0px !important;
    }
	
	.navbar-toggler {
    	border-color: #1a242f !important;
    	margin-left: auto !important;
    	margin-top: -5px;
	}
	
	.navbar-toggler:hover {
    	background-color: #1a242f !important;
	}
	
    .navbar-collapse {
		height: auto !important;
		background-color: #3D9BE9 !important;
		background-image: none !important;
	    border-color: transparent !important;
	}
	
	#mainNavbar {
		margin-left: -17px !important;
		margin-right: -17px !important;
		border-top: 1px solid #ccc !important;
		margin-top: 2px !important;
	}
	
	#mainNavbar > ul > li {
		padding-right: 0px !important;
	}
	
	#mainNavbar > ul > li > a {
		padding-left: 15px !important;
		padding-right: 0px !important;
		padding-top: 12px !important;
    	padding-bottom: 12px !important;
	}
	
	ul.dropdown-menu.multi-level > li > a {
		padding-left: 25px !important;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
}

/* smartphones
---------------------------------------------------------------*/
@media (max-width: 480px) {

    div[class*="col"] {
        padding-bottom: 10px;
        padding-top: 0px !important;
    }

    a.menu_secondarymenu_link_link,
    a.menu_secondarymenu_link_link:link,
    a.menu_secondarymenu_link_link:active,
    a.menu_secondarymenu_link_link:visited {
        font-size: 11px !important;
    }

}

/*--------------FONT AWESOME OVERRIDE-------------*/
.fa {

    font-family: FontAwesome !important;

}

/*---------Primary Button Override-------*/
/*---------Success Button Override-------*/
/*  ? background-color override
     ? border-color override
 */
/*----------------------------------------------*/

.btn-primary {
    background-color: #3d9be9 !important;
    border-color: #3d9be9 !important;
    color: #ffffff;
    background-image: none;
}

.btn-primary:hover {
    background-color: #ffffff !important;
    border-color: #3d9be9;
    color: #3d9be9 !important;
    background-image: none;
}

.btn-success {
    background-color: #46a748 !important;
    border-color: #46a748 !important;
    color: #ffffff;
    background-image: none;
}

.btn-success:hover {
    background-color: #ffffff !important;
    border-color: #46a748 !important;
    color: #46a748 !important;
    background-image: none;
}

.btn-secondary {
    background-image: none !important;
    background-color: #808285 !important;
    color: #fff !important;
    border-color: #808285 !important;
}

.btn-secondary:hover {
    background-image: none !important;
    background-color: #ffffff !important;
    color: #808285 !important;
    border-color: #808285 !important;
}

/*----Event Calendar Short Description Overrides----*/

.i4aCalendar_events_event_shortdescription {
    font-size: 90%;
}

/*----Admin Description Field Overrides Overrides----*/
.ckeditoralt-1029-bodyEl {
    font-size: 1rem;
}


/*----Panel Success Class Override Code----*/
.panel-success {
    border-color: #46s748 !important;

}

.panel-success>.panel-heading {
    background-color: #46a748 !important;
    border-color: #3D9BE9 !important;
}

.text-success {
    color: #467a48;
}

.text-danger {
    color: #d9232d;
}

.alert-success {
    background-color: #3D9BE9;
}

.alert-info {
    background-color: #3d9be9;
}

#loginFailedText h2 {
    color: #ffffff !important;
}

/*--send reset link--*/

.meetingUserExists>div>a#sendResetLink {
    color: #ffffff;
    text-decoration: underline;
}

/*---bg bootstrap overrides----*/

.bg-success {
    background-color: #46a748;
}

.bg-warning {
    background-color: #ff9900;
}

.bg-primary {
    background-color: #3d9be9;
}

.bg-danger {
    background-color: #d9232d;
}

/*---bg bootstrap overrides alert----*/

.alert-success {
    background-color: #46a748;
}

.alert-warning {
    background-color: #ff9900;
}

.alert-primary {
    background-color: #3d9be9;
}

.alert-danger {
    background-color: #d9232d;
}

/*---bg bootstrap overrides text----*/

.text-success {
    color: #46a748;
}

.text-warning {
    color: #ff9900;
}

.text-primary {
    color: #3d9be9;
}

.text-danger {
    color: #d9232d;
}


/* ---------- Event Results ---------*/

.i4aCalendar_events_event_more_info > div > a:first-child {
     display: none;
}
.i4aCalendar_events_event_more_info > div > a:nth-child(2) {
     margin-left: -8px; 
}

/*--SPE IN ACTION MENU ITEM--*/
/*
div.widget_responsivemenu > nav > div.navbar-collapse > ul > li:nth-child(4){
  font-weight: bold !important;
}*/

a:not(.btn), a:link:not(.btn), a:active:not(.btn), a:visited:not(.btn) {
 color: #3D9BE9 !important; 
}

/*--DANGER BOX IN RESET PASSWORD SCREEN--*/

.careerHub_alert-dismissible > p.text-danger > b {
	color: #ffffff !important;
}

.careerHub_alert-dismissible > p.text-danger > a[href="mailto:noreply@4spe.org"] {
	color: #ffffff !important;
}

/*--i4a Calendar Events Styles--*/
#i4aCalendar_events > .card {
    margin-bottom: 1.5rem !important; 
}

.loginModule_ResetButton {
  color: #3D9BE9 !important;
}

.loginWidgetForgotPassword:hover {
  color: #3D9BE9 !important;
  text-decoration: underline !important;
}
/* pixel image */

img[src="https://bcp.crwdcntrl.net/5/c=12671/seg=22.7.0/seg=SPE"]{
 padding: 0 !important; 
  margin: 0 !important; 
  visibility: hidden;
  width: 1px !important;
  height: 1px !important;
  background-color: #333333 !important;
  vertical-align: unset !important;
  max-width: unset !important;
position: absolute !important;
  top: 0;
  left: 0;
}