/*
Theme Name: NUIQ - Child Theme
Description: TheGem Elementor Child theme for BlueMoon LLC
Author: AxisCreativeTeam
Theme URI: https://axiscreativeteam.com/
Author URI: https://axiscreativeteam.com/
Template: thegem-elementor
Version: 1.0.0
Tags: axis
License: GNU General Public License
License URI: license.txt
*/ 


/*.elementor img {
    border:2px solid red !important; 
}
*/


.elementor-section.hide, 
.elementor-widget.hide { display: none !important; visibility: hidden !important; }

.elementor-section {  }


.axis_fade, 
.axis_fade_t,
.axis_fade_b, 
.op {
	position: relative !important;
}

.axis_fade .elementor-container, 
.axis_fade_t .elementor-container, 
.axis_fade_b .elementor-container, 
.op .elementor-container, 
.axis_fade .e-con-inner, 
.axis_fade_t .e-con-inner, 
.axis_fade_b .e-con-inner, 
.op .e-con-inner { z-index: 9 !important;  }


.axis_fade::after, 
.axis_fade_t::after, 
.axis_fade_b::after {
	content: '';
	position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%;  
	z-index: 0;
} 



/*



============================================

axis_fade adds top and bottom fade to the whole SECTION 
layered on top of whatever BG image is selected in Elementor
	axis_fade 		:: does both top and bottom
	axis_fade_t 	:: does only top
	axis_fade_b 	:: does only bottom

Add on a color with the class name
primary fade color names for NUIQ
	teal 	:: 014854
	navy 	:: 01242A
	gold 	:: B88A1E
	tan 	:: D9C397
	ltgrey 	:: EDEDEB
	dkgrey 	:: 7c7c7c
	black 	:: 000000
	white 	:: ffffff

Layer in some opacity using op
op1 through op9
	op1 	:: will add 10% color overlay
	... and so on ...
	op9 	:: will add 90% color overlay

============================================

examples:
	axis_fade teal op lv1
	axis_fade teal op lv5
	axis_fade navy op lv3
	axis_fade black op lv7

Header:
	axis_fade black op lv1

to achieve a transition between 2 elements
combine as follows:
	Section 1 	:: axis_fade_b black 
		Add a BG image
		bottom will fade to black
	Section 2 	:: axis_fade_t black 
		Add a BG image
		top will fade to black

Black to teal fade
	axis_fade_t black 


=============================================
	Knockout text examples:
		knockout white lv3
		knockout black lv5
		knockout teal lv2
		ect...



https://cssgradient.io/
	fade stops: 3 - 30 - 70 - 97


*/


.teal.axis_fade::after {
	background: rgb(1,72,84);
	background: -moz-linear-gradient(180deg, rgba(1,72,84,1) 3%, rgba(1,72,84,0) 30%, rgba(1,72,84,0) 70%, rgba(1,72,84,1) 97%);
	background: -webkit-linear-gradient(180deg, rgba(1,72,84,1) 3%, rgba(1,72,84,0) 30%, rgba(1,72,84,0) 70%, rgba(1,72,84,1) 97%);
	background: linear-gradient(180deg, rgba(1,72,84,1) 3%, rgba(1,72,84,0) 30%, rgba(1,72,84,0) 70%, rgba(1,72,84,1) 97%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#014854",endColorstr="#014854",GradientType=1); 
} 

.navy.axis_fade::after {
	background: rgb(1,36,42);
	background: -webkit-linear-gradient(rgba(1,36,42,1) 3%, rgba(1,36,42,0) 30%, rgba(1,36,42,0) 70%, rgba(1,36,42,1) 97%);
	background: -o-linear-gradient(rgba(1,36,42,1) 3%, rgba(1,36,42,0) 30%, rgba(1,36,42,0) 70%, rgba(1,36,42,1) 97%);
	background: linear-gradient(rgba(1,36,42,1) 3%, rgba(1,36,42,0) 30%, rgba(1,36,42,0) 70%, rgba(1,36,42,1) 97%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01242a",endColorstr="#01242a",GradientType=1); 
}

.gold.axis_fade::after {
	background: rgb(184,138,30);
	background: -moz-linear-gradient(180deg, rgba(184,138,30,1) 3%, rgba(184,138,30,0) 30%, rgba(184,138,30,0) 70%, rgba(184,138,30,1) 97%);
	background: -webkit-linear-gradient(180deg, rgba(184,138,30,1) 3%, rgba(184,138,30,0) 30%, rgba(184,138,30,0) 70%, rgba(184,138,30,1) 97%);
	background: linear-gradient(180deg, rgba(184,138,30,1) 3%, rgba(184,138,30,0) 30%, rgba(184,138,30,0) 70%, rgba(184,138,30,1) 97%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b88a1e",endColorstr="#b88a1e",GradientType=1);
}

.tan.axis_fade::after {
	background: rgb(217,195,151);
	background: -moz-linear-gradient(180deg, rgba(217,195,151,1) 3%, rgba(217,195,151,0) 30%, rgba(217,195,151,0) 70%, rgba(217,195,151,1) 97%);
	background: -webkit-linear-gradient(180deg, rgba(217,195,151,1) 3%, rgba(217,195,151,0) 30%, rgba(217,195,151,0) 70%, rgba(217,195,151,1) 97%);
	background: linear-gradient(180deg, rgba(217,195,151,1) 3%, rgba(217,195,151,0) 30%, rgba(217,195,151,0) 70%, rgba(217,195,151,1) 97%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d9c397",endColorstr="#d9c397",GradientType=1);
}

.ltgrey.axis_fade::after {
	background: rgb(237,237,235);
	background: -moz-linear-gradient(180deg, rgba(237,237,235,1) 3%, rgba(237,237,235,0) 30%, rgba(237,237,235,0) 70%, rgba(237,237,235,1) 97%);
	background: -webkit-linear-gradient(180deg, rgba(237,237,235,1) 3%, rgba(237,237,235,0) 30%, rgba(237,237,235,0) 70%, rgba(237,237,235,1) 97%);
	background: linear-gradient(180deg, rgba(237,237,235,1) 3%, rgba(237,237,235,0) 30%, rgba(237,237,235,0) 70%, rgba(237,237,235,1) 97%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ededeb",endColorstr="#ededeb",GradientType=1);
}
.dkgrey.axis_fade::after {
	background: rgb(124,124,124);
	background: -webkit-linear-gradient(rgba(124,124,124,1) 3%, rgba(124,124,124,0) 30%, rgba(124,124,124,0) 70%, rgba(124,124,124,1) 97%);
	background: -o-linear-gradient(rgba(124,124,124,1) 3%, rgba(124,124,124,0) 30%, rgba(124,124,124,0) 70%, rgba(124,124,124,1) 97%);
	background: linear-gradient(rgba(124,124,124,1) 3%, rgba(124,124,124,0) 30%, rgba(124,124,124,0) 70%, rgba(124,124,124,1) 97%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7c7c7c",endColorstr="#7c7c7c",GradientType=1);			
}

.black.axis_fade::after {
	background: rgb(0,0,0);
	background: -webkit-linear-gradient(rgba(0,0,0,1) 3%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 70%, rgba(0,0,0,1) 97%);
	background: -o-linear-gradient(rgba(0,0,0,1) 3%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 70%, rgba(0,0,0,1) 97%);
	background: linear-gradient(rgba(0,0,0,1) 3%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 70%, rgba(0,0,0,1) 97%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.white.axis_fade::after {
	background: rgb(0,0,0);
	background: -webkit-linear-gradient(rgba(255,255,255,1) 3%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 70%, rgba(255,255,255,1) 97%);
	background: -o-linear-gradient(rgba(255,255,255,1) 3%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 70%, rgba(255,255,255,1) 97%);
	background: linear-gradient(rgba(255,255,255,1) 3%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 70%, rgba(255,255,255,1) 97%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}



/*============================ TOP FADE ========================= */


.teal.axis_fade_t::after {
	background: rgb(1,72,84);
	background: -moz-linear-gradient(180deg, rgba(1,72,84,1) 3%, rgba(1,72,84,0) 30%);
	background: -webkit-linear-gradient(180deg, rgba(1,72,84,1) 3%, rgba(1,72,84,0) 30%);
	background: linear-gradient(180deg, rgba(1,72,84,1) 3%, rgba(1,72,84,0) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#014854",endColorstr="#014854",GradientType=1);
}

.navy.axis_fade_t::after {
	background: rgb(1,36,42);
	background: -moz-linear-gradient(180deg, rgba(1,36,42,1) 3%, rgba(1,36,42,0) 30%);
	background: -webkit-linear-gradient(180deg, rgba(1,36,42,1) 3%, rgba(1,36,42,0) 30%);
	background: linear-gradient(180deg, rgba(1,36,42,1) 3%, rgba(1,36,42,0) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01242a",endColorstr="#01242a",GradientType=1);
}

.gold.axis_fade_t::after {
	background: rgb(184,138,30);
	background: -moz-linear-gradient(180deg, rgba(184,138,30,1) 3%, rgba(184,138,30,0) 30%);
	background: -webkit-linear-gradient(180deg, rgba(184,138,30,1) 3%, rgba(184,138,30,0) 30%);
	background: linear-gradient(180deg, rgba(184,138,30,1) 3%, rgba(184,138,30,0) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b88a1e",endColorstr="#b88a1e",GradientType=1);
}

.tan.axis_fade_t::after {
	background: rgb(217,195,151);
	background: -moz-linear-gradient(180deg, rgba(217,195,151,1) 3%, rgba(217,195,151,0) 30%);
	background: -webkit-linear-gradient(180deg, rgba(217,195,151,1) 3%, rgba(217,195,151,0) 30%);
	background: linear-gradient(180deg, rgba(217,195,151,1) 3%, rgba(217,195,151,0) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d9c397",endColorstr="#d9c397",GradientType=1);
}

.ltgrey.axis_fade_t::after {
	background: rgb(237,237,235);
	background: -moz-linear-gradient(180deg, rgba(237,237,235,1) 3%, rgba(237,237,235,0) 30%);
	background: -webkit-linear-gradient(180deg, rgba(237,237,235,1) 3%, rgba(237,237,235,0) 30%);
	background: linear-gradient(180deg, rgba(237,237,235,1) 3%, rgba(237,237,235,0) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ededeb",endColorstr="#ededeb",GradientType=1);
}
.dkgrey.axis_fade_t::after {
	background: rgb(124,124,124);
	background: -moz-linear-gradient(180deg, rgba(124,124,124,1) 3%, rgba(124,124,124,0) 30%);
	background: -webkit-linear-gradient(180deg, rgba(124,124,124,1) 3%, rgba(124,124,124,0) 30%);
	background: linear-gradient(180deg, rgba(124,124,124,1) 3%, rgba(124,124,124,0) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7c7c7c",endColorstr="#7c7c7c",GradientType=1);		
}

.black.axis_fade_t::after {
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 3%, rgba(0,0,0,0) 30%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 3%, rgba(0,0,0,0) 30%);
	background: linear-gradient(180deg, rgba(0,0,0,1) 3%, rgba(0,0,0,0) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.white.axis_fade_t::after {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 3%, rgba(255,255,255,0) 30%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 3%, rgba(255,255,255,0) 30%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 3%, rgba(255,255,255,0) 30%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}


/*============================ BOTTOM FADE ========================= */

.teal.axis_fade_b::after {
	background: rgb(1,72,84);
	background: -moz-linear-gradient(180deg, rgba(1,72,84,0) 70%, rgba(1,72,84,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(1,72,84,0) 70%, rgba(1,72,84,1) 100%);
	background: linear-gradient(180deg, rgba(1,72,84,0) 70%, rgba(1,72,84,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#014854",endColorstr="#014854",GradientType=1);
}

.navy.axis_fade_b::after {
	background: rgb(1,36,42);
	background: -moz-linear-gradient(180deg, rgba(1,36,42,0) 70%, rgba(1,36,42,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(1,36,42,0) 70%, rgba(1,36,42,1) 100%);
	background: linear-gradient(180deg, rgba(1,36,42,0) 70%, rgba(1,36,42,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#01242a",endColorstr="#01242a",GradientType=1);
}

.gold.axis_fade_b::after {
	background: rgb(184,138,30);
	background: -moz-linear-gradient(180deg, rgba(184,138,30,0) 70%, rgba(184,138,30,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(184,138,30,0) 70%, rgba(184,138,30,1) 100%);
	background: linear-gradient(180deg, rgba(184,138,30,0) 70%, rgba(184,138,30,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b88a1e",endColorstr="#b88a1e",GradientType=1);
}

.tan.axis_fade_b::after {
	background: rgb(217,195,151);
	background: -moz-linear-gradient(180deg, rgba(217,195,151,0) 70%, rgba(217,195,151,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(217,195,151,0) 70%, rgba(217,195,151,1) 100%);
	background: linear-gradient(180deg, rgba(217,195,151,0) 70%, rgba(217,195,151,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d9c397",endColorstr="#d9c397",GradientType=1);
}

.ltgrey.axis_fade_b::after {
	background: rgb(237,237,235);
	background: -moz-linear-gradient(180deg, rgba(237,237,235,0) 70%, rgba(237,237,235,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(237,237,235,0) 70%, rgba(237,237,235,1) 100%);
	background: linear-gradient(180deg, rgba(237,237,235,0) 70%, rgba(237,237,235,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ededeb",endColorstr="#ededeb",GradientType=1);
}
.dkgrey.axis_fade_b::after {
	background: rgb(124,124,124);
	background: -moz-linear-gradient(180deg, rgba(124,124,124,0) 70%, rgba(124,124,124,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(124,124,124,0) 70%, rgba(124,124,124,1) 100%);
	background: linear-gradient(180deg, rgba(124,124,124,0) 70%, rgba(124,124,124,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7c7c7c",endColorstr="#7c7c7c",GradientType=1);		
}

.black.axis_fade_b::after {
	background: rgb(0,0,0);
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 70%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 70%, rgba(0,0,0,1) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0) 70%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.white.axis_fade_b::after {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 70%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 70%, rgba(255,255,255,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,0) 70%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
/*
	teal 	:: 014854
	navy 	:: 01242A
	gold 	:: B88A1E
	tan 	:: D9C397
	ltgrey 	:: EDEDEB
	dkgrey 	:: 7c7c7c
	black 	:: 000000

	op 		:: adds an opacity overlay
	opacity of the overlay
			lv1 to lv9



*/
.elementor-element.op::before {
	content: '';
	position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%;  
	z-index: 1;
}


.teal.op::before {background: rgb(1,72,84);}
.navy.op::before {background: rgb(1,36,42);}
.gold.op::before {background: rgb(184,138,30);}
.tan.op::before { background: rgb(217,195,151);}
.ltgrey.op::before {background: rgb(237,237,235);}
.dkgrey.op::before {background: rgb(124,124,124);}
.black.op::before {background: rgb(0,0,0);}
.white.op::before {background: rgb(100,100,100);}


.op.lv1::before {opacity: 0.1 !important;}
.op.lv2::before {opacity: 0.2 !important;}
.op.lv3::before {opacity: 0.3 !important;}
.op.lv4::before {opacity: 0.4 !important;}
.op.lv5::before {opacity: 0.5 !important;}
.op.lv6::before {opacity: 0.6 !important;}
.op.lv7::before {opacity: 0.7 !important;}
.op.lv8::before {opacity: 0.8 !important;}
.op.lv9::before {opacity: 0.9 !important;}







.knockout .elementor-widget-container {position: relative; z-index: 9; padding: 3px 12px 3px 12px;}
.knockout .elementor-heading-title {position: relative; z-index: 9;}

.knockout .elementor-widget-container::after {	content: '';
	position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%;  
	z-index: 1;}

.knockout.teal .elementor-widget-container::after {background: rgb(1,72,84);}
.knockout.navy .elementor-widget-container::after {background: rgb(1,36,42);}
.knockout.gold .elementor-widget-container::after {background: rgb(184,138,30);}
.knockout.tan .elementor-widget-container::after { background: rgb(217,195,151);}
.knockout.ltgrey .elementor-widget-container::after {background: rgb(237,237,235);}
.knockout.dkgrey .elementor-widget-container::after {background: rgb(124,124,124);}
.knockout.black .elementor-widget-container::after {background: rgb(0,0,0);}
.knockout.white .elementor-widget-container::after {background: rgb(255,255,255);}


.knockout.lv1 .elementor-widget-container::after {opacity: 0.1 !important;}
.knockout.lv2 .elementor-widget-container::after  {opacity: 0.2 !important;}
.knockout.lv3 .elementor-widget-container::after  {opacity: 0.3 !important;}
.knockout.lv4 .elementor-widget-container::after  {opacity: 0.4 !important;}
.knockout.lv5 .elementor-widget-container::after  {opacity: 0.5 !important;}
.knockout.lv6 .elementor-widget-container::after  {opacity: 0.6 !important;}
.knockout.lv7 .elementor-widget-container::after  {opacity: 0.7 !important;}
.knockout.lv8 .elementor-widget-container::after  {opacity: 0.8 !important;}
.knockout.lv8 .elementor-widget-container::after {opacity: 0.9 !important;}




/* ================== AXIS SHADOW ====================== */

.axis_shadow {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    box-shadow: 0px -2px 50px #000000a3, 0px -10px 50px #000000a3;
}



 


 


/* ================== other mods ====================== */
#footer-nav { border: none !important; }




/* ================== BUTTON OVERRIDES ====================== */
.gem-button .gem-inner-wrapper-btn {
	font-size: 14px !important; 
	letter-spacing: 1px !important;
	/*line-height: 40px !important;*/
	padding: 13px 17px 13px 17px !important;
	
    background-color: transparent;
    background-image: linear-gradient(120deg, #D9C397 0%, #B88A1E 100%) !important;
	color: #01242A !important; 
	font-weight: 600 !important;
}
.gem-widget-button .gem-button {
	border-radius: 15px 15px 15px 15px !important;
}
.elementor-button span {
	font-weight: 600 !important;
}




/* ================== Menu Variations mods ====================== */




/* ================== Menu While desktop at top ====================== */
.header-sticky-template.header-wrapper.header-sticky.header-sticky-on-desktop {

}


/* ================== Menu While sticky ====================== */
.cta_link, 
.header-wrapper .cta_link, 
.header-sticky-template.header-wrapper.header-sticky.header-sticky-on-desktop .cta_link{
	
	
    background-color: transparent !important;
    background-image: linear-gradient(120deg, #D9C397 0%, #B88A1E 100%) !important;
	
	/* special padding*/
	/*padding: 5px 9px 5px 10px; 	
	border-radius: 10px 10px 10px 10px !important;*/
	
	/* normal padding*/
	 padding: 10px 16px 10px 16px !important; 
	 border-radius: 15px 15px 15px 15px !important;
	   		
	color: #01242A !important; 
	font-size: 14px !important; 
	font-weight: 600 !important;
	letter-spacing: 1px !important; 
}

.header-sticky-template.header-wrapper.header-sticky.header-sticky-on-desktop .cta_link span.ico {
	/*display: none !important; visibility: hidden;*/
}





.site-header.header-sticky.header-transparent.header-light header-with-sticky-template, 
.header-sticky-template.header-wrapper.header-sticky.header-sticky-on-desktop {}

.header-background:before {
   display: none !important;
}



/* ================== Menu While desktop after sticky  ====================== */
.header-sticky-template.header-wrapper.header-sticky.header-sticky-on-desktop.header-sticked {
  /*max-width: 100%;*/
}

.header-sticky-template.header-wrapper.header-sticky.header-sticky-on-desktop.header-sticked .header-background:before {
   display:block !important; 

	background: rgb(0,0,0);
	/*opacity: 0.7;*/
	/*border-top: 2px solid #000;*/
    border-bottom: 1px solid #363636;
    box-shadow: 0px -5px 45px #000000, 0px -15px 45px #000000;
	
	
/*	background: -moz-linear-gradient(180deg, rgba(0,0,0,0.85) 40%, rgba(0,0,0,0.45) 80%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.85) 40%, rgba(0,0,0,0.45) 80%, rgba(0,0,0,0) 100%);
	background: linear-gradient(180deg, rgba(0,0,0,0.85) 40%, rgba(0,0,0,0.45) 80%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
*/
	
	/* 
	background: rgb(1,72,84);
	background: -moz-linear-gradient(180deg, rgba(1,72,84,0.75) 80%, rgba(1,72,84,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(1,72,84,0.75) 80%, rgba(1,72,84,0) 100%);
	background: linear-gradient(180deg, rgba(1,72,84,0.75) 80%, rgba(1,72,84,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#014854",endColorstr="#014854",GradientType=1);
	*/
}
.header-sticky-template.header-wrapper.header-sticky.header-sticky-on-desktop.header-sticked .fullwidth-content {
	/*padding: 0 0 20px 0;*/
}


#site-header .site-logo {
	/*position: relative; top: 20px; */
}
.header-sticky-template.header-sticky.header-sticky-on-desktop.header-sticked .site-logo  {
	/*    width: 100px;     
	max-width: 100px;*/
	/*position: relative; top: 20px;*/
} 




/* mobile menu scale up */

.thegem-te-menu .menu-toggle.small, 
.thegem-te-menu .menu-toggle.dl-trigger, 
.thegem-te-menu-mobile__overlay.mobile-view .menu-toggle {
    scale: 1.5;
}


/*mobile menu custom patch for BG image */

.thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-wrapper::after, 
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-wrapper::after {
	content: '';
	position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%;  
	z-index: -1;
 	background-image: url(/wp-content/uploads/2024/07/teal-marble-background-scaled.jpeg);
	background-position: center; background-size: cover;
	background-color: #000; 
    opacity: 0.42;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view .mobile-menu-slide-wrapper.opened::after, 
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-wrapper.opened::after {
    position: fixed; 
}
.thegem-te-menu-mobile__slide-vertical.mobile-view .mobile-menu-slide-wrapper .nav-menu {
    border-top: 1px solid #ffffff57;
}


.thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-search-widget > .minisearch, 
.thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-search-widget > .minisearch {
	    padding: 17px 30px 15px 90px !important;
}
.thegem-te-menu-mobile__slide-horizontal.mobile-view li.menu-item-type-search-widget > .minisearch::after, 
.thegem-te-menu-mobile__slide-vertical.mobile-view li.menu-item-type-search-widget > .minisearch::after {
	    content: '';
    position: absolute;
    top: 10px;
    /* right: 0px; */
    /* bottom: 0; */
    left: 15px;
    height: 55px;
    width: 55px;
    z-index: -1;
    background-image: url(/wp-content/uploads/elementor/thumbs/NUIQ_Logo_Icon_Metallic-qqlcjhghdrf8uztnn7pr2b4w6vijo27t5qgjl3d5ns.png);
    background-position: center;
    background-size: contain;
} 



/*
.header-sticky-template.header-wrapper.header-sticky.header-sticky-on-desktop.header-sticked .logo.mobile {
	display: block !important;
}
.header-sticky-template.header-wrapper.header-sticky.header-sticky-on-desktop.header-sticked .logo.desktop {
	display: none;
}*/


.megamenu-template.template-framing-border {
	border-top: 2px solid #004652 !important;
	margin: 17px 0 0 0;
}

.header-sticky-template.header-wrapper.header-sticky.header-sticky-on-desktop.header-sticked .megamenu-template.template-framing-border {
	margin: 10px 0 0 0; 
}




.header-sticky-template.header-wrapper.header-sticky.header-sticky-on-desktop.header-sticked .elementor-1150 .elementor-element.elementor-element-d5bc96f > .elementor-element-populated {
    padding: 15px 21px 7px 21px !important;
}




/*
 Commited to :: Neutra2Text_light on ALL fonts
*/


@font-face {
     font-family: 'NUIQ - Neutraface Book';
	src: local('Custom Font'),
         url('./fonts/Neutra2Text_light.woff2') format('woff2'),
         url('./fonts/Neutra2Text_light.woff') format('woff');
   /*  src: local('Custom Font'),
        url('./fonts/Neutra2Text_book.woff2') format('woff2'),
        url('./fonts/Neutra2Text_book.woff') format('woff');
	*/
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}
 

@font-face {
     font-family: 'NUIQ - Neutraface Light';
	src: local('Custom Font'),
         url('./fonts/Neutra2Text_light.woff2') format('woff2'),
         url('./fonts/Neutra2Text_light.woff') format('woff');
   /* src: local('Custom Font'),
        url('./fonts/Neutra2Text_book.woff2') format('woff2'),
        url('./fonts/Neutra2Text_book.woff') format('woff');
	*/
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: 'NUIQ - Neutraface Bold';
	src: local('Custom Font'),
         url('./fonts/Neutra2Text_light.woff2') format('woff2'),
         url('./fonts/Neutra2Text_light.woff') format('woff');
    /*src: local('Custom Font'),
        url('./fonts/Neutra2Text_book.woff2') format('woff2'),
        url('./fonts/Neutra2Text_book.woff') format('woff');
	*/
     font-weight: bold;
     font-style: normal;
     font-display: swap;
}

 

@font-face {
     font-family: 'NUIQ - MON-CHERI';
     src: local('Custom Font'),
         url('./fonts/TAN-MON-CHERI.woff2') format('woff2'),
         url('./fonts/TAN-MON-CHERI.woff') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
} 

.gem-text-button, 
.elementor-button-text {
    font-family: 'NUIQ - Neutraface Book' !important;
}


/* ------------------- THEME TWEEKS ---------------------- */

/* Prevents hoding of the description on 4col loop items for services
add:: axis_force_description to the actual loop
*/
.axis_force_description .news-grid.portfolio.columns-4 .portfolio-item:not(.double-item-squared) .image .links .caption .description, 
.axis_force_description .news-grid.portfolio .portfolio-item.small-item .image .links .caption .description {
    display: block !important;
}



@media screen and (min-width: 1023px) and (max-width: 1339px) { 
	
	#menu-nuiq-main-menu .menu-item a { font-size: 13px !important; }
	/*#menu-nuiq-main-menu { border: 1px solid red;  }*/
} 


@media (max-width: 1024px) {
	
	
	/*	
	
	#page:not(.elementor-editor-active)::after {
			content: ' mobile versioning disabled on dev instances ';
			position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%;  
			z-index: 999;  
			background: #999; color: #fff; text-align: center; padding: 100px; 
		}
	*/
	
	
}

.block-content:last-of-type {
    padding-bottom: 0 !important;
}

.portfolio .portfolio-set {
    margin-bottom: 0 !important;
}

.block-content {
    padding-top: 0 !important;
}





/* stop clicks on conditions */
.supress_clicks a, 
.supress_clicks a:hover, 
.supress_clicks .caption, 
.supress_clicks .caption:hover { cursor: default !important; }











/*
 CSS query for touch enabled, ie: no mouse
@media (hover: none) {
  a { background: yellow !important; }
}

*/



/* ============== FAQ mobile patches  */


	.gem-tta.gem-tta-general.gem-tta-accordion.gem-tta-style-simple_solid .gem-tta-panel-body, 
	.gem-tta.gem-tta-general.gem-tta-accordion.gem-tta-style-simple_dashed .gem-tta-panel-body {
		padding: 0 0 0 0 !important;
	}
	.gem-tta.gem-tta-general.gem-tta-accordion .gem-text-output	{
		padding: 15px 30px 35px 30px !important;
	}


@media screen and (min-width: 1px) and (max-width: 1023px) { 
		
	/* for FAQ accordians */
	.gem-tta .gem-tta-panel .gem-tta-title-text {
		line-height: normal !important;
	}
	
	.gem-tta.gem-tta-general.gem-tta-accordion.gem-tta-style-simple_solid .gem-tta-panel-body, 
	.gem-tta.gem-tta-general.gem-tta-accordion.gem-tta-style-simple_dashed .gem-tta-panel-body {
		padding: 0 0 0 0 !important;
	}
	.gem-tta.gem-tta-general.gem-tta-accordion .gem-text-output	{
		padding: 0 0 30px 30px !important;
	}

		
}




/* ============== row/width patch for sizing */

@media screen and (min-width: 1px) and (max-width: 1023px) { 
	.fullwidth-content .elementor-section .elementor-container.elementor-column-gap-thegem { padding: 0 0 0 0 !important; }
	.elementor-column-gap-thegem > .elementor-row { margin: 0 0 0 0 !important; }
}





/* page body footer spacing patch*/

article:not(.type-page) > .entry-content.post-content {
    margin-bottom: 0 !important;
}



/*
@media screen 
	and (min-width: 1px) 
	and (max-width: 1023px)
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: portrait)  { 
	    
selector .elementor-heading-title { 
    font-size: 28px !important;
    line-height: normal !important;
    text-transform: none !important;
}

}


*/



.scroll-top-button {
    bottom: 90px;
	    right: 5px;
}

/*

.elementor-widget-container { border: 1px solid yellow; }
.elementor-element { border: 1px solid green; }
*/



.grecaptcha-badge { z-index: 999 !important; }


@media screen and (max-width: 1024px) { 
    .scroll-top-button {
        right: 0;
   		bottom: 120px;
    }
	.grecaptcha-badge { z-index: 999 !important; 
   		bottom: 55px !important; }
}