/*
Theme Name: Airborne Visuals
Theme URI: https://www.ashtreedesign.net/ash-tree-design/contact-us.html
Author: Ash Tree Design
Author URI: https://www.ashtreedesign.net
Description: Private Theme
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
Tags: one-column
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Joiinda
This theme, like WordPress, is licensed under the GPL.


*/










/* Fundamentals */


*{outline:none;}


html {
	scroll-behavior: smooth; 
}



html,
body{
	padding:0;
	margin:0;
	height:100%;
	width:100%;
	min-height:100%; font-family: 'Poppins', sans-serif; font-weight: 400

}



body {
	color: #000000;
	font-size: 15px;
	line-height: 23px;
}



a {
	color: #ffffff;
	text-decoration: underline;  transition: 0.4s; font-weight: 600;  text-underline-offset: 5px;
}


a:visited {
	color: #ffffff;
	text-decoration: none;  transition: 0.4s;
}
	

a:hover {
	text-decoration: none; 	color: #ffffff;
	outline: underline;
}
	

a img ,img{
	border: none;
}	

a:focus, a:hover, a:active {
	outline: none;
}

a.more-link{display:none;}

img,fieldset{border:none;}

img{max-width: 100%;}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.sticky{}
.screen-reader-text{}
.gallery-caption{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}









/* Titles and Paragraphs */


h1,h2,h3,h4{
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 18px;
	margin: 0;
    color: #ffffff; font-weight: 700; font-family: 'Inter', sans-serif;
}

h1{font-size:90px; line-height:80px;color: #ffffff; letter-spacing: -7px; padding-bottom: 25px; margin-left: -7px}

h2{font-size:60px; line-height:55px;color: #ffffff; letter-spacing: -1.5px }
.home h2{font-size:90px; line-height:80px;color: #ffffff; letter-spacing: -7px; padding-bottom: 25px;  margin-left: -7px}

h3{font-size:60px; line-height:55px;color: #ffffff;  padding-bottom: 10px; letter-spacing: -1.5px }
h4{font-size:35px; line-height:39px;color: #ffffff;  padding-bottom: 5px; letter-spacing: -1.5px }
h5{font-size:21px; line-height:25px;color: #ffffff;  padding-bottom: 5px; letter-spacing: -0.5px; margin-top: 0px; margin-bottom: 0px }

p{
	padding: 0;
	margin: 0px; padding-bottom: 16px; 
}

li{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 7px;
}


ul,ol{padding-left: 25px; margin-top: 0px}

ul.widget{
	list-style:none;
	padding:0;
	margin:0;
}

b,strong{

    font-weight: 600;
}


blockquote{
    background-color: #FBFBFB;
    padding: 25px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 30px;
    border-bottom-color: #08344C;
    border-bottom-width: 5px;
    border-bottom-style: solid
}

p a:hover{text-decoration: underline; text-underline-offset: 3px;}









/* Theme Wrappers */


.wrap{	 
    max-width: 1250px;     margin: 0 auto; padding-left: 25px; padding-right: 25px
}

.private-page-template-default #mainbody .wrap{	 
    max-width: 900px; 
}

.private-page-template-default #mainbody{    border-bottom: 1px solid #ccc;}

.wrap:after{display: table; clear:both; content:'';}

#wrapper{
	background:none;
	padding:0;
	margin:0;
	width:100%;
	box-shadow:none; 
}


#mainbody{ max-width:100%; margin-left: auto; margin-right: auto; }
.page-template-page-showreel #mainbody{ padding-top: 140px}

.private-page-template-default #mainbody{ padding-top: 200px; padding-bottom: 40px}

.private-page-template-default h1{color: #000000;     font-size: 80px;
    line-height: 70px;}

.cp-logout{margin-bottom: 30px}
.cp-logout a{color: #000000}




/* Theme Header */


#headerwrap{
    width: 100%;max-width: 100%;
    display: block; position: absolute; left: 0px; right: 0px; top: 0px; z-index: 99999; padding-top: 15px

}


#headerwrap .wrap{
    position: relative; max-width: 100%
}

.page-template-page-showreel  .wrap { max-width: 100%}

#centredlogo{
float: left;    width: 40%; text-align: center
}

#centredlogo img{
height: 105px; width: auto
}


#header-left{float:left; width: 29%; padding-top: 40px; padding-left: 1%}
#header-left li{list-style: none; display: inline-block}
#header-left li a{color: #ffffff; padding-right: 5px; font-size: 14px; font-weight: 700; letter-spacing: -0.5px; text-decoration: none; padding-left: 5px;
    font-family: 'Inter', sans-serif;}

#header-left li a:hover{text-decoration: underline; color: #ffffff}










/* Theme Naivgation Menus */


#main-nav{
  margin: 0 auto; display:inline-block; float:right;  text-align: right;  transition: 0.3s; padding-top: 45px; display: none
}


#main-nav ul{
	list-style:none;
	padding:0;
	margin:0;
}

#main-nav ul li{
	display:inline-block;
		margin-left: 3px; margin-right: 3px; margin-bottom: 0px!important
}


body.home #main-nav ul li{border:none;}

#main-nav ul li a{
    font-size: 36px;
    color: #ffffff;
    padding: 0px; margin-left: 20px;

    display: block; letter-spacing: -1px; line-height: 32px
 }



#main-nav ul li a:hover{
	text-decoration:none; }

#main-nav ul li.current-menu-item a{
text-decoration:none;
}


#main-nav ul li.current_page_ancestor a{
text-decoration:none; 
}











/* Dropdown Menus */


#main-nav li ul{position: absolute;width: 200px;
z-index: 9999;
    background-color: #ffffff;
    visibility: hidden;
    opacity: 0;  margin-top: -1px; margin-left: 1px; padding-top: 7px; padding-bottom:7px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px}

#main-nav li ul li{    float: none; text-align: left; 	margin-left: 0px; margin-right: 0px; display: block;}
#main-nav li ul li.current-menu-item{ border-radius: 0px}
#main-nav li ul li a{
    font-size: 15px;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
    margin: 0px;
    border: none!important;
    color: #000000; letter-spacing: 0px; line-height: 19px
}
#main-nav li ul li a:hover {border-radius:0!important;color: #157EFB;  border: none!important; }
#main-nav li ul li:hover{border-radius:0!important; border: none!important;}
#main-nav li ul li.current-menu-item a{color: #000000; border: none!important;}
#main-nav li ul li.current-menu-item a:hover{color: #157EFB!important; border: none!important;}
#main-nav li:hover ul{visibility:visible; opacity:1;}












/* Slider/Banner */


#banner{
    position: relative;
    width: 100%; height: auto
}

#banner img{
    width: 100%; height: auto; min-width: 100%
}


#banner-home{position:relative;}
#banner-home img{width:100%; display:block;}

.flexslider .slides > li{ height: 850px;}

#banner-home .flex-control-nav{right:20px; bottom:30px;z-index:55;text-align: right;}
#banner-home .flex-control-nav li{margin:0 5px;}
#banner-home .flex-control-paging li a{font-size:0;}
#banner-home .flex-control-paging li a{border:1px solid #fff; background:transparent;    width: 12px; height: 12px;}
#banner-home .flex-control-paging li a.flex-active{background:#FFF;}


.show-mob,.close-mob{display:none;}

#new-sub-banner {
    height: 350px; position: relative; z-index: 9; 
}

#new-sub-banner .wrap{
   position: relative; min-height: 350px
}

.sub-banner-inner{
	position: absolute;
	bottom: -26px;
left: 50%;
    transform: translate(-50%, 0);
}
.sub-banner-inner h1{background-color: #EEEDE9;
    padding-top: 10px;
    padding-right: 18px;
    padding-left: 18px;
    padding-bottom: 10px;
    border-radius: 4px;
    display: inline-block;
text-transform: uppercase}



.flex-direction-nav{display:none;}











/* Theme Footer */



#bottomwrap{background-color: #ffffff; padding-top: 50px; padding-bottom: 60px}
#bottomwrap ul {margin: 0px; padding: 0px}
#bottomwrap li {list-style: none; }
#bottomwrap p, #bottomwrap a, #bottomwrap li{color: #000000; padding-bottom: 0px!important; margin-bottom: 0px!important; font-size: 14px; line-height:23px}
#bottomwrap h5{color: #000000; }
#bottomwrap a{text-decoration: none; font-weight: 400}
#bottomwrap a:hover{text-decoration: underline}

#footer-one{width: 9%; float: left; margin-right: 3%}
#footer-one img{width: 100%; height: auto}
#footer-two{width: 35%; float: left;  margin-right: 11%}
#footer-three{width: 19%; float: left;  margin-right: 2%}
#footer-four{width: 19%; float: left;  margin-right: 2%}











/* Contact Form 7 */


.wpcf7-form-control-wrap input[type=text], .wpcf7-form-control-wrap input[type=email] {
    border-radius: 0px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
    max-width: 96%;
    width: 96%;
    color: #666666;
    font-size: 15px;
    line-height: 22px;
    border: 1px solid #C4C4C4;
    padding-top:0px;
    padding-bottom: 0px;
    padding-left: 2%;
    padding-right: 2%;
    background-color: #ffffff;;
 margin-top: 0px; line-height: 46px; font-family: 'Poppins', sans-serif; font-weight: 400
}

textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 0px;
    margin: 0 0 15px 0;
    max-width: 96%;
    width: 96%;
    color: #666666;
    font-size: 15px;
    border: 1px solid #C4C4C4;
    padding-top: 20px;
    padding-right: 2%;
    padding-left: 2%;
    padding-bottom: 20px;
background-color: #ffffff; font-family: 'Poppins', sans-serif; font-weight: 400; height: 120px
}

.wpcf7-form input[type=submit] {
    background-color: #ffffff;
    border-color: #859D8A;
    border-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    padding-top: 8px;
    padding-right: 14px;
    padding-left: 14px;
    padding-bottom: 8px;
    color: #859D8A;
    font-size: 12px;
    margin-top: 20px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 2px; font-family: 'Poppins', sans-serif; font-weight: 400
}



.wpcf7-form input[type=checkbox] {
    border: 1px solid #C4C4C4;
}


.wpcf7-form p {

}


.wpcf7-response-output{color: #535353}





/* Services Carousel */


.services_slide{}
.service-item{}
.slide-inner{padding: 0 20px;}
.service-icon{margin:0 0 10px 0;}
.service-item img{    max-width: 35px; margin-bottom: 15px!important}
.whitetext .service-item img{ filter: invert(1);}
.service-item h3{font-size: 21px;  line-height: 25px;}
.service-item a{text-decoration: none; color: #000000}
.whitetext .service-item a{color: #ffffff}
.service-content{}
.services_slide .slick-prev::before,.services_slide .slick-next::before{display: none;}
.services_slide .slick-prev{
    background: url(images/left.svg) no-repeat center center / cover;
    width: 27px;
    height: 27px;
    line-height: normal;
}

.whitetext .services_slide .slick-prev{
    background: url(images/left-white.svg) no-repeat center center / cover;
}


.services_slide .slick-prev:hover,.services_slide .slick-prev:focus{
    background: url(images/left-over.svg) no-repeat center center / cover;
}
.services_slide .slick-next{
    background: url(images/right.svg) no-repeat center center / cover;
    width: 27px;
    height: 27px;
    line-height: normal;
}

.whitetext .services_slide .slick-next{
    background: url(images/right-white.svg) no-repeat center center / cover;
}


.services_slide .slick-next:hover,.services_slide .slick-next:focus{
    background: url(images/right-over.svg) no-repeat center center / cover;
}

#mainbody .slick-next {
    right: -4%;
}

#mainbody .slick-prev {
    left: -4%;
}




/* WP Bakery Styles */

.blacktext p, .blacktext h2, .blacktext h3, .blacktext h4, .blacktext h5{color: #000000}
.whitetext p, .whitetext h2, .whitetext h3, .whitetext h4, .whitetext h5{color: #ffffff}
.paddingtop{padding-top: 70px}
.paddingbottom{padding-bottom: 60px}
.paddingtopsmall{padding-top: 40px}
.paddingbottomsmall{padding-bottom: 25px}
.nobottommargin{margin-bottom:0px}

.whitebutton a{
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	padding-top: 9px;
	padding-right: 14px;
	padding-left: 14px;
	padding-bottom: 10px;
	font-size: 14px;
	color: #000000;
	 display: inline-block; margin-top: 15px; background-color: #ffffff; margin-right: 15px; text-decoration: none
}

a.whitebutton{
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	padding-top: 9px;
	padding-right: 14px;
	padding-left: 14px;
	padding-bottom: 10px;
	font-size: 14px;
	color: #000000;
	display: inline-block; margin-top: 15px; background-color: #ffffff; margin-right: 15px; text-decoration: none
}

.whitebutton a:hover, a.whitebutton:hover{
background-color: #000000;
	color: #ffffff; text-decoration: none
}

.tealbackground{background-color: #778796}
.orangebackground{background-color:#DFB086}
.greybackground{background-color:#404D53}
.blackbackground{background-color:#000000}
.bluebackground{background-color:#99B6CC}
.greenbackground{background-color: #57A383}

.bluewaves{background-image: url("images/blue-waves.svg"); background-size: 100%; background-position: top; background-repeat: no-repeat}
.greenwaves{background-image: url("images/green-waves.svg"); background-size: 100%; background-position: top; background-repeat: no-repeat}

.rowunderline{border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #ffffff}

.videorow{height: 550px; position: relative}
.showreelbox{position: absolute; bottom: 40px; left:0px; z-index: 99}

.coloured-rows{padding-top:15vh; padding-bottom: 15vh}

.featured-box{
	padding-top: 320px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px
}

.greenhalfill{background-image: url("images/greenhalfill.png"); background-repeat: repeat-x; background-size: 100% 50%; background-position: top}
.bluehalfill{background-image: url("images/bluehalfill.png"); background-repeat: repeat-x; background-size: 100% 50%; background-position: top}

.locationbox{padding:100px; margin-bottom: 0px!important

}

.flexrow{
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.locationh1 h1{padding-top: 15vw; padding-bottom: 5vw}

.wppb-form-field label, #wppb-login-wrap .login-username label, #wppb-login-wrap .login-password label, #wppb-login-wrap .login-auth label {
display: block;
    width: 100%!important; margin-bottom: 10px
}

.wppb-form-field input[type="text"], .wppb-form-field input[type="number"], .wppb-form-field input[type="email"], .wppb-form-field input[type="url"], .wppb-form-field input[type="password"], .wppb-form-field input[type="search"], .wppb-form-field select, .wppb-form-field textarea, .wppb-checkboxes, .wppb-radios, #wppb-login-wrap .login-username input, #wppb-login-wrap .login-password input, #wppb-login-wrap .login-auth input {
    width: 100%!important; padding: 8px!important
}