/*
Theme Name: Future of Aviation
Author: Insight Designs
Template: unicon
Version: 1.1
*/



/*
+++++++++++++++++++++
COLORS
+++++++++++++++++++++


Corporate Blue			#003882
Corporate Yellow		#f9c349
Corporate Gray			#54595F
Darker Gray				#62615b
Bright Yellow			#fdb903
Background Med Gray		#EEEEEE
Background bluish-gray	#F3F5F8
Link Blue				#0043b7
Tomato					#FC5130
Cyan					#30bced
Rich Gray				#626c66
Lavender Blush			#eee5e9
h1 gray					#323a3d
*/



/*#############################################  
#############################################  FONTS
#############################################*/  








/*###############################################
SITEWIDE STYLES
###############################################*/
body.logged-in.admin-bar .sticky-wrapper .header-v1-only.header-transparent,
body.logged-in.admin-bar .stuck{
	top: unset;
}
body :is(h1, h2, h3, h4, h5) {
  font-family: "Montserrat"!important;
}

body #content .wpb_text_column a{ font-weight: 600;}

body {
	& .wpb_row,
	.wpb_content_element,
	ul.wpb_thumbnails-fluid > li,
	.last_toggle_el_margin,
	.wpb_button {
	    margin-bottom: 0px;
	}
}
body {
	#new-user-form {
		.vc_separator {
			margin-bottom: 18px;
		}
	}

}

body {
	& .vc_section.vc_section-has-fill,
	.vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section,
	.vc_section.vc_section-has-fill+.vc_section{
		padding-top: 0;
	}
}

body h1{
	color: #323a3d;
}


body h2 {
	color: #083882;
	font-weight: 400;
	margin-bottom: 7px;
}

@media only screen and (max-width:600px) {
	body h2 {
		font-size: 30px;
	}
	body h3 {
		font-size: 20px;
	}
}

body h3{
	font-weight: 500;
	margin-bottom: 7px;
}

body h4 {
    color: #323a3d;
    margin-bottom: 7px;
}

body :is(h5, h6){
	font-weight: 600;
	margin-bottom: 7px;
	color: #003882;
}

body blockquote{
	color: #8B8787;
	font-size: 24px;
}

body :is(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a){
	color: #d54327;
}

body{
	& :is(a.button,
	input[type=submit],
	button,
	.minti_button,
	a.button.full,
	#navigation ul li.nav-button a,
	.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern,
	a.mobile_facet_bottom_button,
	a.start-your-search) {
	    border-radius: 0px!important;
	    background: linear-gradient(154deg, #003887 -1%, #003887 20%, #2196F3 20%, #003887 100%)  !important;
	    border-color: #fff!important;
	    font-family: "Montserrat"!important;
	    color: #FFFFFF!important;
	    transition-property: all;
	    transition-duration: .2s;
	    text-transform: lowercase !important;
	    margin: 0;
	    padding: 9px 22px !important;
	    background-position: left center;
	    background-size: 760% !important;
	    font-size: 15px;
	    font-weight: 600 !important;
	    letter-spacing: .09em !important;

			&:hover{
			    background-image: linear-gradient(154deg, #0b2d71 0%, #0b2d71 20%, #2196F3 22%, #003887 100%) !important;
			    background-size: 100% !important;
   			}
	}
}

body .home-slide-text a.start-your-search {
    font-size: 22px !important;
    line-height: 30px;
    position: relative;
    height: 30px;
    display: inline-block;
}

body .vc_separator .vc_sep_line {
	    border-color: #FC5130!important;
	}


body .bottomImages img.attachment-full {
    width: 100%;
    height: auto;
    position: relative;
    bottom: -2px;
}

body #content p a, body #content a {
	font-weight: 600;
}

.pseudo-h4-paragraph .wpb_wrapper p {
	color: #323a3d;
	font: 400 27px Montserrat,Arial,Helvetica,sans-serif;
}
@media only screen and (max-width: 600px) {
	body #fullimagecenter h1 {
		font-size:32px;
	}
}

/*###############################################
HEADER STYLES
###############################################*/

body {
	
	& #logo img {
	    height: 100px;
	    width: auto;
	}
	
	& header.stuck.header-transparent #logo img{
		max-height: 100px;
	}
	
	& header.stuck.header-transparent #logo {
	    height: 100px;
	    width: auto;
	    transform: scale(1);
	    transition: transform .3s ease-in-out;
	    margin-top: 24px; 
	}

	& header.stuck:not(.header-transparent) #logo {
	    height: 75px;
	    width: auto;
	    transform: scale(.8);
	    margin-top: 6px;
	}
	
	& header#header{
	    box-shadow: none;
	    border-bottom: 12px solid #f9c349;
	}
	    
	& header#header.header-transparent.header-v1{
		border-bottom: none;
		box-shadow: none!important;
	}
	
	& header#header #navigation > ul > li:not(.nav-button) > a {
        border-bottom: 0px solid #003882;
        transition: all .2s ease-in-out !important;
        padding: 0;
        margin-left: 1em;
        margin-right: 1em;
        padding-bottom: 4px;
        text-transform: uppercase;
        letter-spacing: .25em;

	
		&:hover {
			  border-bottom: 3px solid #003882;
		}
	}
	
	& header#header #navigation > ul > li:not(.nav-button):last-child > a {
	    margin-right: 0;
	}
	
	& #navigation ul li.nav-button a{
		margin-left: 15px;
		margin-top: -10px;
	}
	& header#header #navigation ul#user-menu{
		position: absolute;
		right: 10px;
	}
	
	& header#header #navigation ul li.login-button a {
	    position: absolute!important;
	    top: 10px;
	    font-size: 11px!important;
	    display: inline-block!important;
	    width: max-content;
	    right: 3px;
	    letter-spacing: .1em!important;
	    padding-bottom: 2px;
	}

	& header#header #navigation ul li.logged-in-button a {
	    position: absolute!important;
	    top: 10px;
	    font-size: 11px!important;
	    display: inline-block!important;
	    width: max-content;
	    right: 3px;
	    letter-spacing: .1em!important;
	    padding-bottom: 2px;
	}

	/* Show/hide login buttons based on WordPress logged-in body class */
	&.logged-in header#header #navigation ul li.login-button,
	&.logged-in div#mobile-navigation ul li.login-button {
	    display: none!important;
	}

	&:not(.logged-in) header#header #navigation ul li.logged-in-button,
	&:not(.logged-in) div#mobile-navigation ul li.logged-in-button {
	    display: none!important;
	}
	
	
	& #mobile-navigation ul li i {
	    display: block;
	    padding: 10px 6px 10px 0px;
	    float: left;
	    margin: -7px 0 0 0;
	    font-size: 14px;
	}
	
}
li.login-button.become_a_sponsor {
    top: 20px;
}
#mobile-navigation .container ul#mobile-nav{
	margin: 16px 0 0 0;
}
#mobile-navigation .container ul#user-menu{
	margin: 0 0 30px 0;
}
/*###############################################
HOME STYLES
###############################################*/

body {
	
/*-------------------------------------------------------------
- Home Counters
-------------------------------------------------------------*/
	& .count-up {
	    font-size: 4.5em;
	    margin: 0;
	    padding: 0;
	    font-weight: 700;
	    line-height: 1;
	    color: #1051B5;
	}
	& .scholarships-money .count-up:before {
	    content: '$';
	    font-weight: 700;
	    font-size: 0.6em;
	    position: relative;
	    top: -12px;
	    left: -10px;
	}

	
	& #section-intro-counters .counter-number{
		font-size: 4.5em;
		color: #1051B5 !important;
	    font-weight: 700;
	}


	& #section-intro-counters .counter-title {
	    font-size: 17px;
	    line-height: 1.2em;
	}
	
	& /* .scholarships-money .counter-number:after, */ .scholarships-total .counter-number:after{
	    content: '+';
	    font-weight: 700;
	    font-size: 0.6em;
	    position: relative;
	    top: -4px;
	    display: inline;
	    right: 0px;
	}
	
	& .scholarships-money  .counter-number:before {
	    content: '$';
	    font-weight: 700;
	    font-size: 0.6em;
	    position: relative;
	    top: -12px;
	    left: -10px;
	}
	
	& .scholarships-money span.counter-title {
	    margin-left: -35px;
	}
	
	& .scholarships-total span.counter-title {
	    margin-right: -35px;
	}
	
	& .vc-hoverbox-inner{
		min-height: 200px!important;
	}
	
	& .vc-hoverbox-block.vc-hoverbox-front{
		justify-content: flex-end;
	}
	
	& .vc-hoverbox-block.vc-hoverbox-front .vc-hoverbox-block-inner{
		background: #000000ba;
		padding: 10px;
	}

	& .vc-hoverbox-block.vc-hoverbox-front h2 {
	    color: #ffffff;
	    font-size: 19px;
	    font-weight: 600;
	}
	
	& .vc-hoverbox-block.vc-hoverbox-back h2 {
	    font-size: 22px;
	    font-weight: 600;
	}

}



.hide-on-mobile{display:none;}

#section-intro-counters h1 {
    text-transform: none;
    font-family: "Montserrat"!important;
    color: #083882;
    line-height: 1.2em;
}

@media screen and (max-width: 767px) {
.count-up {
    font-size: 3.5em;
    margin: 0;
    padding: 0;
    font-weight: 300;
    line-height: 1;
    color: white;
}
}

/* SLIDER REV HOME PAGE */
#Home_Hero h1 {
    font-size: 40px;
    font-weight: 400;
    color: #ffffff;
}
@media only screen and (max-width:600px) {
	#Home_Hero h1 {
		font-size: 27px;
		margin-top: 20px;
        line-height: 1.1;
	}
}

/* We Have What You Are Looking For..  */
#section-intro-counters h2 {
    font-size: 42px;
}
@media only screen and (max-width:600px) {
	#section-intro-counters .wpb_row.vc_row-fluid.standard-section.section.section-no-parallax.stretch {
		padding-top: 40px !important;
	}
	#section-intro-counters h2 {
		font-size: 25px;
	}
	.pseudo-h4-paragraph .wpb_wrapper p {
		font-size: 22px !important;
	}
}

/* PLOT YOUR COURSE SECTION */

@media only screen and (min-width:768px) and (max-width:1099px) {
	#Plot_Your_Course .vc-hoverbox-block-inner {
			padding-inline: 10px;
	}
}
@media only screen and (min-width:768px) and (max-width:959px) {
	#Plot_Your_Course .vc-hoverbox-block.vc-hoverbox-back h2,
	#Plot_Your_Course .vc-hoverbox-block.vc-hoverbox-front h2 {
        font-size: 1rem;
	}
}
@media only screen and (max-width:767px) {
	#Sponsorship_Organizations .vc_col-sm-12 {
		padding: 0px 20px 0px 20px !important;
	}
	#Sponsorship_Organizations .owl-stage {
		margin-left: 20px;
	}
	#Sponsorship_Organizations .owl-theme .owl-controls .owl-nav .owl-prev {
		left: -10px;
	}
	#Sponsorship_Organizations .owl-dots {
		margin-left: 40px;
	}
	#Sponsorship_Organizations .sponsorship-border .vc_col-sm-12 {
		padding: 0px !important;
	}
}

/* SPONSORS SECTION */

body .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item img {
    max-height: 140px;
    min-width: 200px;
}

body .vc_images_carousel .vc_carousel-slideline .vc_item {
    display: flex;
    justify-content: center;
    align-items: center;
}


body .owl-carousel .owl-stage {
    display: flex;
}

body .owl-carousel .owl-stage-outer .owl-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body .owl-carousel .owl-stage-outer .owl-item img.attachment-full {
    max-height: 140px;
    max-width: 200px;
}

/* What Fuels Your SECTION */
@media only screen and (max-width:600px) {
	#What_Fuels figure.wpb_wrapper.vc_figure {
		max-width: 60%;
	}
	#What_Fuels .vc_col-sm-4 {
		margin-bottom: 0px;
	}
}

/*###############################################
FOOTER STYLES
###############################################*/

body {
	& footer p {
	    font-size: 16px;
	    line-height: 1.4em;
	}
	
	& footer .columns:first-child p{
		padding-right: 40px;
	}
	
	& footer .columns:last-child p{
		padding-left: 190px;
		margin-bottom: 8px;
	}
	

	
	& footer .one-third.columns {
	    flex-direction: column;
	    display: flex;
	    justify-content: center;
	}

	& footer .container {
	    display: flex;
		justify-content: center;
		width: 100%;
	}
	
	& #footer .widget {
	    margin-bottom: 10px;
	    font-size: 13.5px;
	}
	
	& #footer .widget a {
		font-weight: 600;
	    border-bottom: 0px solid #0B2D71;
	    transition: .3s all ease-in-out;
	    padding-bottom: 3px;

	    &:hover{
		    border-bottom: 0px solid #d4e3f9;
	    }
	}
	
	& #footer {
	    padding: 40px 0 0px 0;
	}
	& footer .gform-theme--foundation .gform_fields {
		grid-row-gap:0;
	}
	& footer .gfield_label{
		color: #fff!important;
	}
	& footer .gfield_required{
		color: #ff947c;
	}
	
	& #copyright .copyright-col2{
		display: none
	}
	
	& #copyright .copyright-text {
	    font-size: 14px;
	    text-align: center;
	    width: 100%;
	}
		
}
/*###############################################
CONTACT PAGE STYLES
###############################################*/

body .iconbox-style-3 i.boxicon {
    margin-bottom: 10px;
    line-height: 1em;
}

body .iconbox h3 {
    display: none;
}

body .iconbox p {
    line-height: 1.4em;
    font-size: 16px;
    font-weight: 500;
}

body .iconbox {
    margin-bottom: 20px;
}

body .iconbox i.fa.fa-envelope.boxicon {
    font-size: 40px;
    line-height: 40px;
}

body i.fa.fa-bars {
    font-family: 'FontAwesome'!important;
}





/*###############################################
Gravity Forms STYLES
###############################################*/
.gform_wrapper form input[type="submit"]:focus-visible {
	outline: 2px solid #003887!important;
	outline-offset: 2px !important;
}

/*********************/
/* RESPONSIVE STYLES */
/*********************/

@media screen and (min-width: 959px) and (max-width:1435px) {
	body .vc-hoverbox-block.vc-hoverbox-front h2 {
		width: 130px;
        margin: auto;
	}
}

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 1000px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 959px) {
	body {
		& .logo img {
		    height: 73px;
		    width: auto;
		}
		& 	#mobile-navigation-btn {
			color: #1c3d7f;
		}
		& 	#mobile-navigation-btn:hover {
			color: #fdba23;
		}    
	}

}

@media screen and (min-width: 767px) and (max-width:958px) {
	body .vc-hoverbox-block.vc-hoverbox-front h2 {
		width: 108px;
        margin: auto;
	}
	#Contact_Row .vc_col-sm-8.col,
	#Contact_Row .vc_col-sm-4.col {
		width: 50%;
	}
}


@media screen and (min-width:1px) and (max-width: 767px) {
	body {
		& .logo img {
		    height: 80px;
		    width: auto;
		}
		& #mobile-header .logo {
			margin-top: 18px;
		}

		& .count-up {
		    font-size: 2.8em;
		    margin: 0;
		    padding: 0;
		    font-weight: 700;
		    line-height: 1;
		    color: #1051B5;
		}	

		& vc_responsive .page-section .standard-section .span_12 {
		    max-width: 100vw;
		}
	
		& .wpb_column.vc_column_container.vc_col-sm-1\/5 {
		    padding-left: 20px;
		    padding-right: 20px;
		}
		
		& .container{
			width: 100vw;
		
				& .one.column,
				.one.columns,
				.two.columns,
				.three.columns,
				.four.columns,
				.five.columns,
				.six.columns,
				.seven.columns,
				.eight.columns,
				.nine.columns,
				.ten.columns,
				.eleven.columns,
				.twelve.columns,
				.thirteen.columns,
				.fourteen.columns,
				.fifteen.columns,
				.sixteen.columns,
				.one-third.column,
				one-third.columns,
				.two-thirds.column,
				.two-thirds.columns {
					    width: 90vw;
					    margin: auto 5vw;
				}   
		}
		& .counter-number {
		    font-size: 3.2em;
		}
		& :is(footer .four.columns:nth-child(2), footer .four.columns:nth-child(3)) {
		    width: 60%;
		}
		
		& :is(footer .four.columns:first-child,footer .four.columns:last-child) {
		    display: none;
		}
		
		& .owl-carousel.owl-loaded {
		    width: 70vw;
		    margin: 0 3vw;
		}
		
		& .icons-contact .wpb_column.vc_column_container.vc_col-sm-4 {
		    width: 33.333%;
		    display: inline-block;
		    margin-bottom: 0px;
		}
		
		& .scholarship-header {
		    display: flex;
		    flex-direction: column;
		    align-items: center;
		}
		
		& .scholarship-header .sponsor-logo-container {
		    align-self: center;
		}
		
		& .scholarship-card-wrapper h3 {
		    text-align: center;
		    margin: 20px 0;
		}
		
		&.on-mobile #page-wrap {
		    margin-top: -1px;
		    background: #fff;
		}
		
		& footer .container {
		    display: flex;
		    justify-content: center;
		    width: 100%;
		    flex-direction: column;
		    align-items: center;
		    gap: 30px;
		}

	} /* body end */
} /*  media query end */

@media screen and (max-width: 600px) {
	#gform_7 label.gform-field-label.gform-field-label--type-sub {
		color: #ffffff;
		margin-top: 0px;
		margin-bottom: 15px;
	}
	.wpb_row.mobile-top-pad-40 {
		padding-top: 40px !important;
	}
	.wpb_row.mobile-bot-pad-40 {
		padding-bottom: 40px !important;	
	}
}

@media screen and (max-width: 479px) {

}





@media screen and (min-width: 767px) {
	/* .facet-scholarships-wrapper.responsive_facet_wrapper.facet-sticky {
		position: static !important;
		box-shadow: none !important;
	} */

	/* .filter_scroll_wrapper {
    	max-height: 100% !important;
    	overflow-x: scroll;
	} */

	.reset-filter {
		margin-bottom: 10px;
	}

	.scholarships_filter_group.scholarships_filter_group_bottom .scholarships_filter_group {
		padding-left: 0px;
    	padding-right: 20px;
	}

	.scholarships_filter_group.scholarships_filter_group_bottom .scholarships_filter_group#scholarships_age_slider,
	.scholarships_filter_group.scholarships_filter_group_bottom .scholarships_filter_group#scholarships_gpa_slider {
		padding-left: 20px;
	}
}

.scholarships_filter_group input[type="text"],
#sponsors_search_filters input[type="text"],
.search-wrapper input[type="text"]  {
    width: 90%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

.scholarship-link-btn-container {
	text-align: center;
}


.filters-toggle-btn{
  display:block; width:100%;
  margin:10px 0; padding:10px 12px;
  border:1px solid #ddd; background:#fff; font-weight:600; cursor:pointer;
}
.filters-toggle-btn:focus{ outline:2px solid #000; outline-offset:2px; }
/* Collapsed by default; no display:none */
#more-filters {
  overflow: hidden;
  max-height: 0;
  transition: max-height 300ms ease;
  will-change: max-height;
}

/* Optional: when open you can tweak spacing */
#more-filters.is-open { 
	max-height: 4000px;
}

.scholarship-award-section {
  display: flex;
  flex-direction: column;
}

.sponsor_contacts,
.scholarship_contact{
    background: #f7f9fc;
    border: 1px solid #d4d8e8;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
    position: relative;
}