/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* header menu - make sticky with js and this class */
.hdr-sticky {
	position: fixed;
	/* top: 66px; */ /* top-margin of container initially set to -66px in elementor */
	top:0;
	width: 100%;
	background: rgba(0,0,0,0.5);
	border-color: transparent !important;
	transition: background 3s, border-color 3s;
}
#hdr-menu-container {
	transition: background 3s;
}

body {
	background-image: url(/wp-content/uploads/top-fade-3.png);
	/* background-image: url(/wp-content/uploads/bmoon-bg1.jpg); */
	/* background-image: url(/wp-content/uploads/london-eye-moon.jpg); */
	background-repeat: no-repeat;
	/ *background-position: center center;*/
	/* background-attachment: fixed;*/
	/* -webkit-background-size: cover; */
	/* -moz-background-size: cover; */
	/* -o-background-size: cover; */
	/* background-size: cover !important; */
	max-width:100%;
	max-height:100%;
	/* height: 100vh; */
	width:auto;
}


h1,h2,h3,h4,h5,h6 {
	color: #fff !important;
	font-weight: normal !important;
}
h2 {
	padding: 18px 0px 18px 18px !important;
	background-color: transparent;
	background-image: linear-gradient(180deg, #020101 0%, #2182C4 100%);
}

/* take off the row shading in tables */
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
	background-color: transparent !important;
}
/* and the hover */
table tbody tr:hover>td, table tbody tr:hover>th {
    background-color: transparent !important;
}

.float-right {
	float: right;
}
#QQQ_site-header-wrapper {
	background: rgba(0,0,0,0.5);
	height: 128px;
	position: sticky;
	top: 0;
	z-index: 9;
	-webkit-transition: height 0.5s;
	-moz-transition: height 0.5s;
	transition: height 0.5s;
	margin-bottom: 28px;
}
#QQQ_header-logo {
	height:100px;
}
.QQQ_site-branding,
.QQQ_site-branding,
.QQQ_site-branding img {
	height: 100px !important;
	width: auto !important;
	-webkit-transition: height 0.5s;
	-moz-transition: height 0.5s;
	transition: height 0.5s;
}
@media screen and ( max-width: 768px ) {
	/* don't seem to be able to do this in elementor */
	.QQQ_site-branding {
		max-width: 70% !important;
		width: 70% !important;
	}
	/* img not correct proportions */
	.QQQ_site-branding img {
		height: 80px !important;
	}
	/* */
	#QQQ_site-header-wrapper {
		max-height: 110px !important;
	}
}

.QQQ_site-header {
	max-width: 1140px;
	width: 100%;
}
.QQQ_site-navigation a {
	color: #fff;
}
.QQQ_site-navigation a:hover {
	color: #ff8;
}
.QQQ_site-navigation ul.menu li ul {
	background: #222 !important;
	z-index: 2;
}

/**********/
.shrink {
	height: 80px !important;
	background: #000 !important;
}

.shrink.site-header {
	padding-top: 0.5rem !important;
}
.shrink.site-branding,
.shrink.site-branding img {
	height: 60px !important;
	width: auto;
	padding-top: 0 !important;
}

/** How to move the arrows in Navmenu Addon For Elementor **/
.IQQQ_NFO-elementor-navigation .menu-item-has-children > a:after {
	right: -4px !important;
	top: 14px !important;
}