/* ==============================================================================
Theme Name: Phlox Child
Description: Child theme for the Phlox theme 
Author: averta
Template: phlox
Version: 1.0
================================================================================= */

html, body {
	overscroll-behavior: none; /* Prevent browser rubber band effect */
	background-color: #030E30 !important;
}

.aux-fold {
	padding-left: 20px; padding-right: 20px;
}

.aux-full-width #inner-body{
	overflow-x: visible;
	background-color: #030E30 !important;
} 

/* Header background color */
.site-header-section {
	background-color: transparent !important; 
	background: #041549;
	background: linear-gradient(180deg, rgba(4, 21, 73, 1) 0%, rgba(4, 21, 73, 0) 100%);
}

/* Sticky header */
.aux-top-sticky .site-header-section.aux-sticky {
	background: #041549 !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px); 
	background: linear-gradient(to bottom, rgba(4, 21, 73, 1), rgba(4, 21, 73, .5)) !important;
}


.aux-toggle-menu-bar {
	background-color: rgba(4, 21, 73, .8);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px); 
}

.aux-toggle-menu-bar  #menu-top-menu {
	padding:0 20px;
}

.site-header-section.aux-add-border .aux-wrapper {
	border:none !important;
}

/* Mobile toggle (burger icon) color */
.site-header-section .aux-header .aux-burger:before,
.site-header-section .aux-header .aux-burger:after,
.site-header-section .aux-header .aux-burger .mid-line {
  border-color: #fff !important;
}
.site-header-section .aux-header-elements:not(.aux-vertical-menu-elements),
.site-header-section .aux-fill .aux-menu-depth-0 > .aux-item-content {
	height:100px !important;
}
.site-header-section .aux-search-box {
	display:none !important; /* Hide the search icon */
}
.site-header-section.aux-sticky .aux-logo.aux-scale {
	transform: scale(1) !important;
}

img.aux-logo-image {
	width:80px; height:80px;
}

/* Top Menu */

ul#menu-top-menu li a {
	height:auto !important; padding: 16px 0;
}
ul#menu-top-menu li a:after {
	display:none !important;
} 
ul#menu-top-menu li a span {
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 550 !important;
	letter-spacing:1px;
	padding: 4px 0;
	transition: .5s all;
}
ul#menu-top-menu li.current-menu-item a span {
	border-bottom:2px solid #BAE0F7;
}
ul#menu-top-menu li a:hover span {
	color: #BAE0F7 !important;
}

/* Forms */

.wpcf7-form br {
	display: none;
}
.wpcf7-form label {
	margin-bottom: 0.5em;
}
.wpcf7-form input,
.wpcf7-form textarea {
	margin-bottom: 0.75em !important;
}
.wpcf7-form textarea {
	min-height: auto !important;
	border-radius: 0 !important;
}
.wpcf7-form input[type=submit]{
	background-color: #209FDF;
}


textarea {
	border-radius: 0 !important;
}

/* Reset select to default browser styling */
select {
	appearance: revert !important;
	-moz-appearance: revert !important;
	-webkit-appearance: revert !important;
	all: unset !important;          /* removes theme styling */
	all: revert !important;         /* restores browser defaults */
	box-sizing: border-box;
	padding: 10px 12px !important;
	width: 100% !important;
	font-size: 16px !important;
	border-radius: 0 !important;
}

input[type=radio]{
	appearance: revert !important;
	-moz-appearance: revert !important;
	-webkit-appearance: revert !important;
	all: unset !important;          /* removes theme styling */
	all: revert !important;         /* restores browser defaults */
}

button[type="submit"]{
	border-radius: 50px !important;
	font-weight: bold !important; 
	background-color: #209FDF !important;
}

/* WHAT WE OFFER Custom Styles */

#what-we-offer .widget-image-caption {
	background: #041549;
	background: linear-gradient(0deg, rgba(4, 21, 73, 1) 0%, rgba(4, 21, 73, 0) 100%);
	position:absolute;
	bottom:0; left:0; width:100%;
	padding: 100px 20px 0 20px;
}

#what-we-offer .widget-image-caption:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f061';
	position: absolute;
	bottom:8px;
	right:20px;
	color: #209FDF;
	font-size:18px;
} 

.elementor-widget {
	overflow: hidden;
}

#contact-us .elementor-button-icon {
	color: #209FDF !important;
}


.e-n-tabs {
	button {
		margin-bottom: 0 !important;
	}
}

table.ea-advanced-data-table tr:nth-child(even) {
	background-color: rgba(255,255,255,.1);
}


/* TABLET */


@media (min-width: 768px) {
	
	/* Sticky header */
	.aux-top-sticky .site-header-section.aux-sticky {
		background: #041549;
		background: linear-gradient(180deg, rgba(4, 21, 73, 1) 0%, rgba(4, 21, 73, .5) 100%);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px); 
	}
	
	

	
	ul#menu-top-menu li a {
		padding: 0 12px;
	}
}



/* DESKTOP */


@media (min-width: 1024px) {
	ul#menu-top-menu li a {
		height:100px !important; padding: 0 16px;
	}
}