/*
Theme Name: Diamond Healer
Theme URI: https://diamondhealer.co.uk
Description: Theme for Diamond Healer
Author: Exe Digital
Author URI: https://exedigital.co.uk
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
*/

body {
    --000000: #000;
    --111111: #fff;
    --222222: #f0f0f0;
}

/* remove blue outline */
* {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
-webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
outline: none !important;
}

body {
	margin: 0;
}

/*** Hamburger and Navigation ***/

.elementor-kit-6 button.hamburger {
	display: inline-block;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	overflow: visible;
	background: none;
	position: absolute;
    top: -12px;
    right: 0;
    z-index: 9999;
    width: 33px;
	height: 23px;
}

button.hamburger.is-active {
	position: fixed;
	right: 20px;
	top: 37px;
}

button.hamburger:hover,
button.hamburger:focus {
	background: none;
	border: 0;
}
  .hamburger:hover {
    opacity: 1; }
  .hamburger.is-active:hover {
    opacity: 1; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #fff; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 33px;
    height: 2px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}
.hamburger-inner::before {
    top: -10px;
}

/** Collapse R **/
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

  .hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; 
}

.hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
    transform: translate3d(0, -10px, 0) rotate(45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media(max-width: 767.9px) {
	
	.elementor-element.elementor-widget#main-menu-navigation {
		position: fixed;
		height: 100vh;
		width: 100vw;
		top: -100vh;
		left: 0;
		transition: top 0.3s;
		background: #18332F;
		z-index: 999;
		padding-top: 70px;
		overflow: hidden;
	}

	.elementor-element.elementor-widget#main-menu-navigation.open {
		top: 0;
	}

	.elementor-element.elementor-widget#main-menu-navigation nav ul {
		padding-right: 0;
		display: block;
		width: 100%;
		padding: 0;
		z-index: 1;
	}

	.elementor-element.elementor-widget#main-menu-navigation nav ul li {
		display: block;
		width: 100%;
		position: relative;
		margin: 16px 0;
		padding: 10px 0;
		overflow: auto;
		text-align: center;
	}
	
	.elementor-element.elementor-widget#main-menu-navigation nav ul li a {
		display: inline-block;
		position: relative;
		color: #fff;
		font-size: 26px;
		font-weight: 600;
		text-align: center;
		padding: 4px 0;
		margin: 0;
	}
	
	
}
/**********************************/
/** Hamburger and Navigation END **/
/**********************************/

h1 span,
h2 span, 
h3 span,
h4 span,
h5 span,
h6 span {
    color: var(--blue);
}

.hide {
    display: none;
}

/**
.elementor.elementor .e-con>.elementor-widget#enquire-form {
	background: rgba(0,0,0,0.3);
	padding: 0 30px;
}
**/

#enquire-form div.wpforms-container input[type=text]::placeholder,
#enquire-form div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium::placeholder {
	color: #000;
	opacity: 0.3;
}

#enquire-form div.wpforms-container input[type=text] {
	padding: 20px;
	//background: rgba(0,0,0,0.2);
	border: 0;
	//color: #fff;
	height: unset;
	border-radius: 0;
}

#enquire-form div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
	padding: 20px;
	//background: rgba(0,0,0,0.2);
	border: 0;
	//color: #fff;
	border-radius: 0;
}

#enquire-form div.wpforms-container-full .wpforms-field-label,
#enquire-form div.wpforms-container-full .wpforms-field-label-inline {
	color: var(--e-global-color-91a6e50);
}

#enquire-form#lbg div.wpforms-container-full .wpforms-field-label,
#enquire-form#lbg div.wpforms-container-full .wpforms-field-label-inline {
	color: ;
}

#enquire-form div.wpforms-container-full button[type=submit] {
	font-size: 16px;
    padding: 18px 30px;
    height: unset;
	color: var( --e-global-color-91a6e50 );
	background-color: var( --e-global-color-5aafa03 );
	border-radius: 0;
}

#enquire-form div.wpforms-container-full button[type=submit]:hover,
#enquire-form div.wpforms-container-full button[type=submit]:active,
#enquire-form div.wpforms-container-full button[type=submit]:focus {
	color: ;
	background-color: var( --e-global-color-5aafa03 );
}

#enquire-form div.wpforms-container-full button[type=submit]:focus:after {
	display: none;
}

span.gold {
	color: var( --e-global-color-5aafa03 );
}



@media(min-width:767.9px) {
	 
	
	
}

@media(max-width: 1159px) {
    
	
	
}

@media(max-width: 1024px) {
	
	
	
}

@media(max-width:888px) {

	

}

@media(max-width: 848px) {

    

}

@media(max-width: 767.9px) {
	
	
    
}

@media(max-width: 576px) {

    

}

@media(min-width: 340px) and (max-width: 576px) {

    

}