/* GENERAL STYLES */
body {
	letter-spacing: 0.7px !important;
}
h2, h3, h4 {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

a:hover {
	cursor: pointer;
}
p {
	margin-top: 0.3em !important;
	margin-bottom: 0.3em !important
}
img {
	image-rendering: -webkit-	optimize-contrast !important;
	border-radius: 0.2em !important;
}

/* Like Button Custom */

.pld-like-dislike-wrap {
	margin-bottom: 0;
}
.pld-like-wrap {
	display: flex !important;
	align-items: center;
}
.pld-like-trigger img{
	max-width:60px !important;
}

.pld-like-trigger:focus{
	opacity: 0.5;
}

.pld-like-trigger img{
	max-width:60px !important;
}

.pld-count-wrap {
	font-weight: 600 !important;
	font-size: 0.8em;
	padding: 0px 10px;
	background-color: #f9f9f9;
	border-radius: 0.2em
}

.pld-dislike-wrap {
	display: none !important;
}

.contact-link a {
	background: #1b2535;
	width: auto !important;
	padding: 1em;
	text-align: center;
}
.contact-link a:hover {
	background: #16CBFF;
}
.contact-link a {
color: #fff !important;
}

.careers-mid-block .white-arrow {
	margin-right: 5em;
}

.wp-block-cover .wp-block-cover__image-background .wp-image-3685 {
	max-width: 2000px !important;
}
.flexia-logobar-inline {
	padding: 0 !important;
}
.flexia-footer-menu li a {
	color: #1b2535 !important;
	font-weight: bolder !important;
}
.flexia-footer-menu li a:hover{
	opacity: 0.7 !important;
	text-decoration: underline !important;
}

.about-contact-group p a, .first-section-text a {
	text-decoration: underline !important;
}

.first-section-text a:hover {
	color: #16cbff!important;
}

.contact-us-link {
	color: #1b2535;
}
/* NAVBAR STYLE */
.flexia-menu .nav-menu .menu-item-126 .sub-menu, .flexia-menu .nav-menu .menu-item-137 .sub-menu, .flexia-menu .nav-menu .menu-item-140 .sub-menu {
	margin-top: 10%;
}
a:hover {
	cursor: pointer;
}
#masthead.fixed{
	position: fixed;
	top: 0;
	left:0;
	width:100%;
	
}
.boot-camp-link a {
	text-transform: initial !important;
}
.flexia-navbar.active {
	transition:padding ease 0.6s !important;
	padding: 0em 2em 0em 2em;
}

/* Mobile Menu */
.flexia-menu .flexia-menu-toggle.flexia-menu-toggle-open::before {
	transform: translateY(8px) rotate(-137deg) !important;
}

.flexia-menu .flexia-menu-toggle.flexia-menu-toggle-open::after {
	transform: translateY(7px) rotate(137deg) !important;
}

/* SECTION 2 */
.section-2-column {
	padding: 2em!important;
 box-shadow: 5px 5px 10px 0 rgba(114, 122, 133, 0.137);
	background-color: #f9f9f9 !important;
	border-radius: 0.5rem !important;
	height: 200px;

}


/* SERVICES SECTION HOMEPAGE*/
.service-section {
	padding: 0 !important;
}
.service-contact-link {
	background: #1b2535;
	width: 20% !important;
	padding: 1em;
}
.service-contact-link:hover {
	background: #16CBFF;
}
.service-contact-link a {
color: #fff !important;
}
.service-contact-subtitle {
	width: 70% !important;
	margin: auto !important;
}
.service-grid {
	background-color: #000!important;
}
.service-grid figure {
	height: 100px !important;
}
.service-grid img {
	opacity: 0.5;
	cursor: pointer;
	object-fit: cover;
	display: block;
	height:100%;
	width: 100%;
}
.service-grid .wp-block-cover:hover  {
	background-color: #16CBFF !important;
}
.service-grid .wp-block-cover:hover img{
	opacity: 0.1 !important;
	transition: opacity ease 0.5s;
	z-index: 1;
	cursor: pointer;
}
.service-grid-title {
	transition: all ease 0.3s;
}
.service-grid-title a {
	letter-spacing: 1px;
}
.wp-block-cover a {
	color: #fff !important;
	border: 1px solid trasparent !important;
	padding: 0.3em 0.5em 0.3em 0.5em;
}
.wp-block-cover:hover .service-grid-title {
	opacity: 0.9;
	cursor: pointer;
}
.wp-block-cover:hover a {
	transition: letter-spacing ease 0.2s;
	letter-spacing: 2px;
	color: #fff !important;
	border: 1px solid #fff !important;

}
.wp-block-columns {
	margin: 0 !important;
}


/* sUAS BOOT CAMP - HOME SECTION */

.learn-to-fly-a-drone-section {
	padding:4em 4em 3em 4em;
}
.learn-to-fly-a-drone-section h2 {
	width: 80%;
}

/* SUAS BOOT CAMP */

 .bootcamp-dark-section ul, .faa-dark-section ul {
	padding-inline-start: 0 !important;
	margin-left: 1.5em !important;
}

.bootcamp-dark-link a {
	color: #1b2535 !important;
	text-decoration: underline !important;
}


 .bootcamp-dark-section ul li, .faa-dark-section ul li {
	padding: 0.1em 0 !important;
}
.flight-training-column {
	border: 2px solid #f9f9f9;
	background: #f9f9f9;
	padding: 2em 2em 0.5em 2em !important;
	box-shadow: 5px 5px 10px 0 rgba(114, 122, 133, 0.137);
	transform: scale(0.9);
}
.flight-training-column:hover {
	cursor: pointer;
	transform: scale(0.95);
	transition: transform ease 0.3s;
}
.flight-training-title {
	width: 70%;
	margin: auto;
}


/* CAREERS STYLE */

.careers-section {
	margin-bottom: 0 !important;
}
.job-description-content {
	width: 70% !important;
	margin: auto !important;
	padding: 4em 0 4em 0!important;
}

.careers-section2-grid {
	padding-left: 6em !important;
}

.careers-section2-grid a{
	color: #fff;
	text-decoration: underline;
}
.careers-section2-grid a:hover {
	color: #16cbff;
}


/* CONTACT PAGE */
.contact-section h1 {
	padding-left: 0.5em !important;
}
.contact-grid {
	background-color: #1b2535 !important;
	padding: 4em 0 4em 0;
}
.contact-form {
	padding: 4em 2em 4em 2em !important;
	border-radius: 0.6rem !important;
	box-shadow: 10px 10px 25px #080b0f !important;
	background-color: #fff!important;
}
.form-input {
	padding: 1.5em 0 1.5em 0 !important;
}
.contact-right-column {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.contact-right-column h3 {
	color: #fff !important;
}
.contact-block a:hover {
	color: #16CBFF;
}
.address-span {
	padding-left: 0px;
}
.social-icon-column {
	display: flex !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	flex-direction: row !important;
}
.social-icon-column .social-media-block {
	padding: 1em 0 1em 0 !important;
	border-radius: 0.2rem 	!important;
	margin: 0 !important;
	color: #f3f3f3 !important;

}
.social-icon-column .social-media-block h3 a {
	color: #f3f3f3 !important;
} 
.social-icon-column .social-media-block:hover {
	cursor: pointer !important;
	transform: scale(1.05) !important;
	transition: transform ease 0.1s;
}

.social-icon-column .social-media-block:hover h3 a {
	color: #16CBFF !important;
}
.text-area textarea{
	height: 150px !important;
}
.wpforms-submit {
	padding: 0.5em 1em 0.5em 1em !important;
	background-color: #16CBFF !important;
	color: #fff !important;
	border: none !important;
}
.wpforms-submit {
	font-size: 1.1em !important;
}
.wpforms-submit:hover {
	background-color: #1b2535 !important;
}
.location-section {
	padding: 3em 7em 3em 7em !important;
}

/* BLOG */
.latest-post-slider {
	padding: 3em 8em 3em 8em !important;
}
.sp-pcp-post .sp-pcp-title, .sp-pcp-post .sp-pcp-title a {
	font-weight: 500 !important;
}
.sp-pcp-post-content {
	font-size: 16px !important;
}
.content-area {
	background-color: #fff !important;
}
 .page-header {
	 background-size: cover !important;
	background-position: center center !important;
}
.blog-header {
	height: 500px!important;
}
.blog-header .header-inner {
	border-bottom: 2px solid #f7f7f7;
	background-color: #ffff !important;
	height: 100%;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}
.entry-content-wrapper {
	margin-top: 0 !important;
}
.entry-content-inner {
	width: 90% !important;
	margin: auto !important;
	font-size: 18.5px !important;
}
.single-post-entry {
	padding: 1.5em 0.5em 1.5em 0.5em !important;
}
.single-post-entry h1 {
	font-size: 1.4em !important;
}
.single-post-entry h2 {
	font-size: 1em !important;
}
.post p {
	font-size: 16px;
}
.flexia-post-block-item .flexia-entry-content {
	font-size: 16px !important;
}
.flexia-post-block-item-holder-inner {
	padding-bottom: 0.5em !important;
}
.flexia-post-block-item {
	box-shadow: 3px 3px 10px 0 rgba(114, 122, 133, 0.137);
}
.flexia-post-block-item:hover {
	transform: scale(1.01);
	cursor:pointer;
	transition: transform ease 0.5s, box-shadow ease 0.3s !important;
	box-shadow: 3px 3px 15px 0 rgba(126, 127, 128, 0.267);
}
.flexia-author-avatar, .sharedaddy {
	display: none !important;
}
.flexia-posted-by {
	display: none;
}
.updated-on {
	display:none;
}

.flexia-social-share-links a svg {
	fill: #f3f3f3 !important;
}
.flexia-social-share-links a svg:hover {
	fill: #16CBFF !important;
}
.flexia-social-share {
	justify-content: center !important;
	background-color: #1b2535!important;
	width: 90% !important; 
	margin: auto !important;
}
.flexia-social-share h5 {
	color: #ffff !important;
}
.flexia-site-footer {
	padding: 2em 0 !important;
}


 /*MEDIA QUERIES FOR ALL DEVICES*/

@media screen and (max-width: 800px) {
	 h1, h2, .contact-title {
		font-size: 1.5em !important;
	}
	
	.wp-block-media-text .wp-block-media-text__content {
		padding: 1em 0 !important;
	}

	
	.flexia-post-block-item-holder-inner h2 a {
		font-size: 0.75em;
	}
	.fas {
		display: block !important;
		text-align: center !important;
		padding: 0.5em !important;
	}
	.flexia-menu .nav-menu .menu-item-126 .sub-menu, .flexia-menu   .nav-menu .menu-item-137 .sub-menu, .flexia-menu .nav-menu .menu-item-140 .sub-menu {
		margin-top: 0;
	}
	.nav-menu {
		box-shadow: 0 .15em .35em 0 rgba(0,0,0,.135) !important;
	}
	.flexia-navbar {
		padding: 0 !important;
	}
	.site-branding {
		padding-left: 0.6em !important;
	}
	.menu-item a {
		border: 1px solid #f2f2f2!important;
	}
	.flexia-menu {
		padding-right: 0.6em !important;
	}
	.flexia-header-logo {
		width: 60px;
	}
	#masthead.fixed{
	top: 0 !important;
}

	.flexia-navbar {
	padding: 0 0.8em 0 0.8em;
}
	.flexia-menu .flexia-menu-indicator:before, .flexia-menu .flexia-menu-indicator:after {
		background: #a1a1a1;
	}
	.header-title-home{
	font-size: 2.2em !important;
}

.home-icons-group-container .icon-grid .section-2-column {
	padding: 2em  !important;
}
	.section-2-column h2 {
		font-size: 1em !important
	}
	

	.service-section {
	padding: 1em!important ;
}
	.service-contact-link {
	width: 90% !important;
}
.service-contact-link a {
color: #fff !important;
}
	.services-contact-title {
		font-size: 1.3em !important;
	}
.service-contact-subtitle {
	width: 100% !important;
	font-size: 16px !important;
}
	.home-icons-group-container{
		padding: 0 !important;
	}
	.about-us-title {
		font-size: 2em!important;
	}
	.about-content h3 {
		font-size: 1.5em !important;
	}
	.about-contact-group {
		padding: 1.5em !important;
	}
	.about-contact-group h2 {
		font-size: 2em !important;
		text-align:left !important;
	}
	.about-contact-group p {
		font-size: 16px !important;
		text-align:left !important;
	} 
	.about-contact-group p a, .first-section-text a {
		color: #1b2535 !important;
	}
	.latest-post-slider {
	padding: 2em !important;
}
	
	.learn-to-fly-a-drone-section .wp-block-jetpack-layout-grid {
		padding: 0 2em 0 2em !important;
	}
	.learn-to-fly-a-drone-section {
	padding: 2em 0 2em 0 !important;
	}
	.blog-header {
	    height: 600px !important;
    background-size: 150% 100% !important;
    background-position: center center !important;
	}
	.qubely-block-btn-anchor {
		font-size: 1em !important;
	}
	.bootcamp-grid {
		padding-left: 1em !important;
		padding-right: 1em !important
	}
	
	.contact-section {
		padding: 1em !important;
	}
	.contact-form {
	padding: 0 0.5em 0 0.5em;
}
	
	.contact-subtitle {
		font-size: 0.9em !important;
	}
	.contact-right-column {
		text-align: center !important;
	}
	.social-icon-column {
		transform: scale(0.80);
		justify-content: center !important;
		margin: 0 auto !important;
		width: 100% !important;
		max-width: 100% !important;
}
	.social-icon-image  {
		margin: .5em 1em .5em 1em !important;
	}
.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column *{
	 
	}
	/*#flight-training-header {
	height: 400px !important;
	 background-size: 100% 100%!important;
	background-position: center center!important;
background-image: linear-gradient(rgba(0, 0, 0, 0.349), rgba(0, 0, 0, 0.349)),url('https://droneintelligenceagency.com/wp-content/uploads/2021/10/Career-2-resized.jpg') !important;
		background-repeat: no-repeat !important;
	}*/
	#careers-header {
		 background-size: cover !important;
	}
	
.careers-section2-grid {
	padding-left: 2em !important;
}
	
	.careers-heading-spacer, .bootcamp-top-spacer {
		height: 10px !important;
	}
	.careers-section {
		padding-left: 1em !important;
		padding-right: 1em !important;
	}
	
	.careers-section1-grid {
		padding-left: 0.5em !important;
		padding-right: 0.5em !important;
	}
	
.careers-mid-block .svg-arrow {
	margin-right: 1em;
}
	
	.location-section {
	padding: 3em 1em 3em 1em !important;
}
.single-post .single-blog-meta .entry-meta {
    display: none !important;
}
	.flexia-social-share-links li a svg {
    height: 1em !important;
}
	.flight-training-title {
		padding: 0 1.7em 0 1.7em !important;
	width: 100%;
	}
	.flight-training-title h2, .flight-training-title p {
		text-align: left !important;
	}
	.flight-training-grid {
		padding: 0 !important;
	}
	.flight-training-column {
		
	}
	.blog-header .page-title {
		font-size: 3em !important;
	}
	.blog-desc {
		font-size: 0.9em !important;
	}
	.careers-title {
		font-size: 1.7em !important;
	}
	.job-description-content {
	width: 100% !important;
	padding: 2em !important;
}
	.contact-right-column {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
	.contact-block {
		padding-left: 1em;
		padding-right: 1em;
	}
	

}

@media screen and (min-width: 801px) and (max-width: 1100px) {
	.wp-block-columns {
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	}	
	.updated-on {
	display:none;
}
	.latest-post-slider {
	padding: 3em 5em 3em 5em !important;
}
	#careers-header {
		 background-size: cover !important;
	}
	.social-icon-column {
		flex-direction: row !important;
	}
	.flight-training-grid {
		display: flex !important;
		flex-direction: column !important;
	}
	.flight-training-column {
		width: 70%;
		margin: auto;
	}
	.about-contact-group h2, .about-contact-group p {
		text-align: center !important;
	}
}

@media screen and (min-width: 2100px) {
	.site-content {
		margin: auto;
		width: 85% !important;
		border-right: 2px solid #f7f7f7;
		border-left: 2px solid #f7f7f7;
	}
	.page-header-custom {
		height: 600px !important;
	}
	.flexia-site-footer {
		margin: auto;
		width: 85% !important;
	}
	.section-2-column {
	padding: 1em 4em 1em 4em !important;
}
}