/*
Theme Name: PHLOX Child
Theme URI: https://wp-themes.com/phlox
Author: ChildThemeWP.com
Author URI: https://childthemewp.com
Description: My WordPress PHLOX child theme.
Template: phlox
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.0
Text Domain: phlox-child
*/

/* general new styles */
:root {
	--blue: #156EAA;
	--yellow: #D2A23B;
}
#topBar {
	position: absolute;
	width: 100%;
	z-index: 1;
}
#topMenu, #mainHeader {
	background: var(--blue);
	border-bottom: 4px solid var(--yellow);
}
#logo {
	display: block;
	width: 150px;
	position: absolute;
	left: 0;
	filter: drop-shadow(0 0 15px rgba(0,0,0,.5));
}
#site-elementor-header #logo {
	width: 110px;
	top: 0;
}
.main-menu-top {
	font-family: 'Roboto Condensed';
	font-weight: 600;
}

.home-block {
	margin-top: 70px;
	margin-bottom: 70px;
}

footer.aux-elementor-footer,
#homeFooter {
	border-top: 4px solid var(--yellow);
}
#homeFooter p {
	margin-bottom: 0;
}

/* overrides */
.page-title-section .aux-page-title-entry {
	margin-bottom: 35px !important;
}
header.aux-sticky .elementor-element .elementor-widget-container {
	margin-top: 0 !important;
}
.aux-sticky .elementor-8 .elementor-element.elementor-element-c49eb21 .aux-logo-anchor {
	transform-origin: left top !important;
}
.aux-sticky .elementor-8 .elementor-element.elementor-element-54a26d6 {
	padding: 10px 0 !important;
}
.elementor-widget-aux_menu_box > .elementor-widget-container {
	margin-top: 0 !important;
}
.aux-offcanvas-menu .aux-master-menu.aux-narrow.aux-toggle .aux-menu-item > .aux-item-content {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.aux-cross-symbol::before,
.aux-cross-symbol::after {
	background-color: #ffffff !important;
}

/* responsive parts */
@media (max-width: 1099px) {
	.main-menu-top {
		width: auto !important;
		margin-left: auto;
	}
}
@media (max-width: 1024px) {
	.elementor-8 .elementor-element.elementor-element-99ffd65.elementor-column > .elementor-widget-wrap {
		justify-content: flex-end !important;
	}
	#topMenu, #mainHeader {
		padding-left: 15px;
		padding-right: 15px;
	}
	#topMenu .elementor-widget-aux_menu_box {
		width: auto !important;
		margin-left: auto;
	}
	.aux-offcanvas-menu li {
		text-align: left;
		margin-bottom: 25px;
	}
	.aux-elementor-header-menu .aux-menu-depth-0 > .aux-item-content {
		white-space: normal !important;
	}
}