/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.0.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

/* Avionics News Cover
---------------------------------  */
.frontcover {
	-ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Safari */
    transform: rotate(7deg);
    box-shadow: 5px 5px 5px;
	color: #2A2A2A;
}

.fixed-header-on .header .logo img {
max-height: 50px;
}

.header-dropdown-buttons .btn-group > .btn {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  width: 130px;
  height: 40px;
  padding: 0;
  line-height: 38px;
  text-align: center;
  background-color: #f2f2f2;
  border: 1px solid #e9e9e9;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 0;
}


/*  Bootstrap Clearfix */

/*  Tablet  */
@media (min-width:767px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: none;
  }
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: left;
  }
}


/*  Medium Desktop  */
@media (min-width:992px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: left;
  }
}


/*  Large Desktop  */
@media (min-width:1200px){

  /* Column clear fix */
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1){
    clear: left;
  }
}

/*Backgrounds
---------------------------------- */
.background-img-marketreport {
  background: url("/https/aea.net/images/MarketReport_Background_1900x1900.jpg") 50% 0px no-repeat;
}

.background-img-nextgen-resources {
/*  background: url("/https/aea.net/images/MarketReport_Background_1900x1900.jpg") 50% 0px no-repeat; */
	background-color: #00A651;
	color: #ffffff;
}

.background-img-nextgen-adsb {
/*  background: url("/https/aea.net/images/MarketReport_Background_1900x1900.jpg") 50% 0px no-repeat; */
	background-color: #CB242B;
	color: #ffffff;
}

.background-img-nextgen-datalink {
/*  background: url("/https/aea.net/images/MarketReport_Background_1900x1900.jpg") 50% 0px no-repeat; */
	background-color: #007DC5;
	color: #ffffff;
}

.background-img-nextgen-navigation {
/*  background: url("/https/aea.net/images/MarketReport_Background_1900x1900.jpg") 50% 0px no-repeat; */
	background-color: #F27120;
	color: #ffffff;
}

.background-img-delegates {
/*  background: url("/https/aea.net/images/MarketReport_Background_1900x1900.jpg") 50% 0px no-repeat; */
	background-color: #0082CC;
	color: #ffffff;
}



/*NextGEN page
---------------------------------- */

.nextgentitle {
	color: #ffffff;
}

/*Video Embeds
---------------------------------- */
.embed-container { 
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*Toggle Text to show and hide with a plus and minu
----------------------------------  */
.toggle-text[data-toggle="collapse"] i:before {
font-size: 10px;
content: "\f068";
}
.toggle-text.collapsed[data-toggle="collapse"] i:before {
content: "\f067";
}

/*Adjust Blogpost bottom margin
----------------------------------  */
.blogpost {
  margin: 0 0 30px;
}

.OutsideList {
  list-style-position: outside;
}

/*Convention Button
----------------------------------  */
.btn-convention {
  color: #ffffff;
  background-color: #EA7423;
  border-color: #EA7423;
}
.btn-convention:hover,
.btn-convention:focus,
.btn-convention.focus,
.btn-convention:active,
.btn-convention.active,
.open > .dropdown-toggle.btn-convention {
  color: #ffffff;
  background-color: ##ED853F;
  border-color: ##ED853F;
}

/*Change image to black n white
----------------------------------  */
img.desaturate {
	filter: grayscale(100%);
}

/* Footer text */
.footertext {
    color: #ffffff;
}

.footer h2.title { 
	color: #ffffff;
}


/*Change image to black n white
----------------------------------  */
.custom-hero-gradient {
  /* Define a specific height for the hero section */
  min-height: 400px;
  /* Apply the gradient background */
  background-image: linear-gradient(to right, #0082CC 0%, #2d3439 100%);
  /* Ensure text is readable over the background */
  color: white; 
  /* Add padding for spacing */
  padding-top: 100px;
  padding-bottom: 100px;
}

 /* === HERO === */
        .hero-section { background: linear-gradient(135deg, var(--aea-blue) 0%, #001a33 100%); color: #fff; padding: 64px 0; position: relative; overflow: hidden; }
        .hero-section::after { content: ''; position: absolute; top: -50%; right: -10%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(200,168,78,0.08) 0%, transparent 70%); border-radius: 50%; }
        .hero-section h1 { font-size: 2.5rem; font-weight: 700; margin-bottom: 16px; }
        .hero-section p.lead { font-size: 1.15rem; opacity: 0.9; max-width: 680px; line-height: 1.75; }
        .hero-badge-label { display: inline-block; background: var(--aea-gold); color: var(--aea-blue); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; padding: 4px 12px; border-radius: 3px; margin-bottom: 16px; }
        .hero-stat { text-align: center; padding: 20px; background: rgba(255,255,255,0.07); border: 1px solid rgba(255,255,255,0.12); border-radius: 10px; }
        .hero-stat .stat-val { font-size: 2.2rem; font-weight: 800; color: var(--aea-gold); line-height: 1; }
        .hero-stat .stat-lbl { font-size: 12px; opacity: 0.75; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 6px; }


/*  Row Height Fix */

.row.equal {
				display: flex;
				display: -webkit-flex;
				flex-wrap: wrap;
			}

.row-equal-item {
  flex: 1 0 auto;
}


.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.row-flex-item {
  flex: 1 0 auto;
}

/* Ensure the boxes inside columns also stretch to 100% height */
.row-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.row-flex .thumbnail, 
.row-flex .panel {
  flex-grow: 1; /* Forces the internal box to fill the column height */
  height: 100%;
}

/* === BENEFITS === */
        .benefit-card { background: #fff; border: 1px solid var(--aea-border); border-radius: 6px; padding: 28px 24px; height: 100%; transition: box-shadow 0.2s; }
        .benefit-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.08); }
        .benefit-card h4 { font-size: 1rem; font-weight: 700; color: var(--aea-blue); margin-bottom: 10px; }
        .benefit-card p { font-size: 14px; color: #555; margin-bottom: 0; }
        .benefit-icon { color: var(--aea-gold); font-size: 1.6rem; margin-bottom: 14px; }

.assessment-pathway { display: flex; gap: 0; justify-content: center; flex-wrap: wrap; margin: 30px 0; }
        .assessment-step { background: #fff; border: 2px solid var(--aea-border); border-radius: 10px; padding: 30px 24px; text-align: center; width: 300px; position: relative; transition: box-shadow 0.2s; }
        .assessment-step:hover { box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
        .assessment-step .step-number { background: var(--aea-blue); color: #fff; width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; margin: 0 auto 14px; }
        .assessment-step h4 { font-size: 1.05rem; font-weight: 700; color: var(--aea-blue); margin-bottom: 10px; }
        .assessment-step p { font-size: 14px; color: #555; margin-bottom: 0; }
        .assessment-step .step-icon { font-size: 2rem; color: var(--aea-gold); margin-bottom: 12px; }
        .assessment-arrow { display: flex; align-items: center; color: var(--aea-gold); font-size: 1.6rem; padding: 0 8px; }
        @media (max-width: 992px) { .assessment-arrow { transform: rotate(90deg); padding: 8px 0; } .assessment-pathway { flex-direction: column; align-items: center; } }




