/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Font
--------------------------------------------------------------*/
body html { padding:0; margin:0;}

body {
	font-family: 'Signika', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	background-color: #000000;
	
}

p {
	color: #FFF;
}

a:link, a:visited {
	color: #0099CC;
	text-decoration: none;	
}

a:hover {
	color: #FFFFFF;
	text-decoration: none;	
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

}

h1.entry-title {
	font-size: 30px;
	color: #FFF;
	font-family: 'Signika', Arial, Helvetica, sans-serif;
}

/*--------------------------------------------------------------
# Background
--------------------------------------------------------------*/
.bg-blue { background-color:#61d8ff;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header {
	background-image: url(../images/polaraviation-background-top.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.site-branding { padding:20px 0; }
p.site-title, h1.site-title { padding:0; margin:0; }
p.site-title a, h1.site-title a { text-indent:-99999px; display:block; background-image: url(../images/polaraviation-logo-top.jpg); background-position:center center; background-repeat:no-repeat; background-size:contain; height:81px; width:241px;}

#primary-menu, #secondary-menu, #tertiary-menu { padding:0; margin:0;}
#primary-menu>li { margin:0 20px;}
#secondary-menu>li, #tertiary-menu>li { margin:0px;}
#primary-menu a { color:#FFF; text-transform:uppercase; font-size:125%; font-weight:300; padding-bottom:20px;}
#primary-menu a:hover { color:#045f93;}

#primary-menu .sub-menu { background-color:#000; border-radius:10px; top:2em; }
#primary-menu .sub-menu a { padding:5px 10px;}

.main-navigation ul ul a { width:250px;}

.usermenu { background-color:#FFF;}
.usermenu p { padding:15px 0px; margin:0; color:#FFF;}

#secondary-menu>li, #tertiary-menu>li { list-style:none; display:inline-block;}
#secondary-menu>li a, #tertiary-menu>li a { padding:15px 15px; display:block; text-transform:uppercase; border-right:1px solid #CCC;}
#secondary-menu li a:hover, #tertiary-menu li a:hover { color:#000;}

#secondary-menu ul,
#tertiary-menu ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	left: -999em;
	z-index: 99999;
	background-color:#FFF;
	list-style: none;
	margin: 0;
	padding-left: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}




#secondary-menu .sub-menu a, #tertiary-menu .sub-menu a { padding:10px; border-right:none;}

#secondary-menu li:hover > ul,
#secondary-menu li.focus > ul,
#tertiary-menu li:hover > ul,
#tertiary-menu li.focus > ul {
	left: auto;
}

#primary-menu ul,
#secondary-menu ul,
#tertiary-menu ul {
	opacity:0;
    filter:alpha(opacity=0);
    -webkit-transition:300ms ease;
    -moz-transition:300ms ease;
    -o-transition:300ms ease;
    transition:300ms ease;
}

#primary-menu li:hover > ul,
#primary-menu li.focus > ul,
#secondary-menu li:hover > ul,
#secondary-menu li.focus > ul,
#tertiary-menu li:hover > ul,
#tertiary-menu li.focus > ul {
	visibility:visible;
    opacity:1;
    filter:alpha(opacity=100);
}

@media only screen and (max-width: 768px) and (min-width: 320px) {
	.usermenu { padding:0;}
	.usermenu .row {margin:0;}
	.usermenu .col-md-12 { padding:0;}
	.main-navigation ul ul {
		position:static;
		top:auto;
		left:auto;
	}
	
	.main-navigation li {
		float:none;
		width:100%;	
		clear:both;
	}
	
	.main-navigation ul ul a {
		width: 100%;
	}
	
	#primary-menu .sub-menu { width:100%; clear:both;}
	
	#primary-menu .sub-menu a { padding:10px 0px 10px 40px; color:#0CF;}
	
	#primary-menu .sub-menu li:before, #secondary-menu .sub-menu li:before, #tertiary-menu .sub-menu li:before {
		content:"\f054";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		position: absolute;
    	top: 12px;
		left:20px;
		color:#0CF;
	}
	
	#secondary-menu .sub-menu li, #tertiary-menu .sub-menu li { position:relative;}
	
	#secondary-menu .sub-menu li a, #tertiary-menu .sub-menu li a { padding-left:40px;}
	
	#primary-menu a { padding:10px 0px; clear:both; border-bottom:1px solid #666}
	
	#secondary-menu>li, #tertiary-menu>li { list-style:none; display: block; margin: 0;}
	
	#secondary-menu>li a, #tertiary-menu>li a {
		padding: 15px 15px;
		border-right:none;
	}
	
	#secondary-menu ul, #tertiary-menu ul {
		float: none;
		position:static;
		top:auto;
		left:auto;
		box-shadow:none;
		display:none;
	}
	
	#primary-menu ul,
	#secondary-menu ul,
	#tertiary-menu ul {
		opacity:1;
		filter:alpha(opacity=1);
		-webkit-transition:none;
		-moz-transition:none;
		-o-transition:none;
		transition: none;
	}
}

/*--- Overwrite Staff Dashboard Menu ---*/
#menu-item-113 { background-color: #61d8ff;}
#menu-item-113 a { color:#FFF;}

/*--- Mobile Menu ---*/
.mobile-drop-bars {
    visibility: hidden;
    font-size: 3em !important;
    color: #FFF;
    cursor: pointer;
    position: absolute;
    z-index: 9999;
    top: 40px;
    right: 30px;
}

.mobile-drop-bars:before {
    content: '\f0c9';
}

@media only screen and (max-width: 768px) and (min-width: 320px) {
.mobile-drop-bars {
    visibility: visible;
}
}

/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/
.home-content-area {
	background-image:url(../images/polaraviation-background-middle.jpg);
	background-position:top center;
	background-repeat:repeat-x;
}

.home-content-area .row {
	border-bottom:#39F 1px solid;
}

/*--------------------------------------------------------------
# Flight Icon
--------------------------------------------------------------*/

#flight-icon {
	background-image:url(../images/polaraviation-background-middle.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	padding:20px 0px;
}

.home #flight-icon {
	background-image: none;
	background-color:#000;
	padding:20px 0px;
}

.button-links {
	display:inline-block;
	margin:0 auto;
}

a.button-links:hover {
	background-position:bottom center !important;
}

.btn-charters {
	background-image:url(../images/btn-charter2.jpg); 
	background-position:top center;
	background-repeat:no-repeat;
	margin-right:6px;
}

.btn-freight {
	background-image:url(../images/btn-freight.jpg); 
	background-position:top center;
	background-repeat:no-repeat;
	margin-right:6px;
}

.btn-training {
	background-image:url(../images/btn-training.jpg); 
	background-position:top center;
	background-repeat:no-repeat;
	
}

.btn-scenic {
	background-image:url(../images/btn-scenic.jpg); 
	background-position:top center;
	background-repeat:no-repeat;
	margin-right:6px;
}

/*--------------------------------------------------------------
# Content Style
--------------------------------------------------------------*/
.site-content {
	background-image:url(../images/polaraviation-background-internalcontent3.jpg);
	background-position:top center;
	background-repeat:no-repeat;	
}
.content-area {
	background-color:#045f93;
}
.staff-content-area, staff-content-area-dashboard {
	background-color:#000;
}

.site-main {
	font-size:16px;
	color:#FFF;
	font-weight:300;	
}

/*--------------------------------------------------------------
# Search Widget
--------------------------------------------------------------*/
#search-2 {
	padding:20px 0px;
	float:right;
	margin:0;	
}
/*--------------------------------------------------------------
# Featured Image
--------------------------------------------------------------*/
.img-responsive {
	width:100%;
	max-width:100%;
	height:auto;	
}


/*--------------------------------------------------------------
# Staff Dashboard
--------------------------------------------------------------*/

.staff-content-area h1.entry-title { display:none;}
.page-template-page-staff-dashboard h1.entry-title { text-align:center; text-transform:uppercase; color:#0CF;}

.dashboard { background-color:#001822;}
.col-20 { float: left; width:20%; padding:25px 0px;}
@media only screen and (max-width: 768px) and (min-width: 320px) {
	.col-20 {
		float:none;
		width:100%;
	}
}

.box-animation {
	text-align:center; position:relative; overflow:hidden; z-index: 1;
}
.box-animation h2 { font-size:18px; text-transform:uppercase; font-style:italic; color:#0CF;}
.box-animation p { padding:0 10%;}
.box-hover { position:absolute; top: 0; left: 0; width: 100%; height: 100.1%; text-align: center;
	background: rgba(226,226,226,0.8);
	background: -moz-linear-gradient(left, rgba(226,226,226,0.8) 0%, rgba(254,254,254,0.8) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(226,226,226,0.8)), color-stop(100%, rgba(254,254,254,0.8)));
	background: -webkit-linear-gradient(left, rgba(226,226,226,0.8) 0%, rgba(254,254,254,0.8) 100%);
	background: -o-linear-gradient(left, rgba(226,226,226,0.8) 0%, rgba(254,254,254,0.8) 100%);
	background: -ms-linear-gradient(left, rgba(226,226,226,0.8) 0%, rgba(254,254,254,0.8) 100%);
	background: linear-gradient(to right, rgba(226,226,226,0.8) 0%, rgba(254,254,254,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );
	-webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	-webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
	opacity: 0;
	}
.box-animation:hover .box-hover {
  opacity: 1;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}

.box-hover:before {
	display: inline-block;
    content: '';
    vertical-align: middle;
    height: 100%;
}

.box-content {
	display: inline-block;
    vertical-align: middle;
    padding: 10px;
    height: auto;
    width: 90%;	
}

.box-content a {
	color: #003;
}

.box-content a:hover {
	color: #09F;
}

.col-20 ul.menu { margin:0; padding:0;}
.col-20 ul.menu li { list-style:none; padding:5px 0px; border-bottom:1px solid #333;}
.col-20 ul.menu li:last-child { border-bottom: none;}

/*--------------------------------------------------------------
# Content Area
--------------------------------------------------------------*/
.post-edit-link {
	display:inline-block;
	border-radius:10px;
	padding:5px 20px;
	background-color:#FFF;
	text-transform:uppercase;	
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-info { border-top:1px solid #CCC; color:#FFF; padding:20px 0px; font-size:12px; margin:20px 0px;}
.site-info p { padding:0; margin:0;}

/*--------------------------------------------------------------
# Bootstrap overwrite
--------------------------------------------------------------*/
.no-padding {
    padding-right:0;
    padding-left:0;
}

button, input[type="button"], input[type="reset"], input[type="submit"], input, select, textarea { font-size:14px;}

.tml-user-admin-bar-front-wrap { display:none;}

/*--------------------------------------------------------------
# WP File Download overwrite
--------------------------------------------------------------*/
.wpfd-container-default .file { padding:10px 0px; border-top:1px solid #666;}
.wpfd-container-default .file-size, .wpfd-container-default .file-hits, .wpfd-container-default .file-dated { float:left; padding-right:10px;}
.wpfd-container-default .filecontent:after { clear:both; display:table; content:'';}
.wpfd-content-default h3 { font-size:1.2em;}

@media only screen and (max-width: 768px) and (min-width: 320px) {
	.wpfd-content-default .wpfdcategory { display:block !important; padding: 10px 0px !important; margin: 5px 0px; text-align:center;}
	.wpfd-content-default .backcategory {
		float: none !important;
		background:#0CF !important;
		padding: 10px 0px !important;
		margin: 5px 0px;
		text-align:center;
		color:#FFF !important;
	}
}


/*--------------------------------------------------------------
# ACF overwrite
--------------------------------------------------------------*/
.site-main .acf-fields > .acf-field { padding-left:0; padding-right:0;}
.site-main .acf-button {
	border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, .8);
    line-height: 1;
    padding: .6em 1em .4em;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	cursor: pointer;
}

.site-main .acf-actions li {
	float:none;
	text-align:center;
	margin-top:20px;	
}

.site-main .acf-button:hover {
	background: #0FF ;
}

.nf-form-content .nf-help { background:none;}

/*--------------------------------------------------------------
# Show warning if device in portrait mode
--------------------------------------------------------------*/
/* for all screens */
.portrait-warning {display: none; background-color:#F00; border-radius:10px; padding:20px; text-align:center; color:#FFF; font-size:18px; margin:20px;}

/* only when orientation is in portrait mode */
@media screen and (orientation:portrait) {
    .portrait-warning {
         display: block;
    }
}

/*--------------------------------------------------------------
# NINJA FORM OVERIDE
--------------------------------------------------------------*/
.nf-response-msg { display:block; border-radius:5px; background-color:#FC0;}
.nf-response-msg p { color:#000 !important; padding: 10px 15px; margin: 0;}

.nf-field-element select {padding: 6px; border-radius: 4px;}
.nf-field-element select option {padding: 6px;}

.error-404 {
	padding-bottom:50px;	
}