/* 
Theme Name: Rhino Action Group
Description: This is a child theme of Hello Elementor for Rhino Action Group, created by Candlelight Websites
Author: Candlelight Websites
Author URI: https://lightyourway.co.za
Template: hello-elementor
Version: 1.0.1
Text Domain:  rhinoactiongroup
*/

/* Header base state */
#rag-header {
    background: transparent;
	position: fixed;
	z-index: 900;
	transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
	padding-top: 8px;
	padding-bottom: 8px;
}
/* White header on scroll */
#rag-header.is-scrolled {
    background: var( --e-global-color-780c660 );
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}
/* Logo change on scroll */
/* Initial state */
#rag-header #logo-light {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}
#rag-header #logo-dark {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}
/* When header is scrolled */
#rag-header.is-scrolled #logo-light {
	opacity: 0;
	visibility: hidden;
}

#rag-header.is-scrolled #logo-dark {
	opacity: 1;
	visibility: visible;
}
/* Menu items when scroll */
#rag-header:not(.is-scrolled) .elementor-nav-menu--main .menu-item a {
	color: var( --e-global-color-28f3dcf );
}
#rag-header:not(.is-scrolled) .elementor-nav-menu--main .menu-item a:hover {
	color: #fff;
}
#rag-header:not(.is-scrolled) .elementor-menu-toggle svg {
	fill: #fff;
}
.elementor-heading-title .pre-title,
.elementor-image-box-title .pre-title{
	display: block;
	color: var(--e-global-color-secondary);
    font-size: 0.75rem;
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-weight: var(--e-global-typography-text-font-weight);
    text-transform: uppercase;
	letter-spacing: .1em;
    margin-bottom: 14px;
}
.text-secondary {
	color: var(--e-global-color-secondary) !important;
}
@media(min-width:768px) {
	#rag-header {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#rag-header.is-scrolled {
		padding-top: 8px;
		padding-bottom: 8px;
	}
}