/******************************************************************
Theme Name: Spectrum Nexus
Theme URI: https://www.thespectrum.net
Description: 
Author: Fusiongt
Author URI: https://www.fusiongt.com
Version: 1.0
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sass
******************************************************************/

html{overflow-x:hidden;}
body{font-family:'Inter'; font-weight:300; font-size:14px; line-height:20px; color:#212c32;}

	@media screen and (min-width: 40em) and (max-width: 63.9375em) {
		/* Medium Browser */
		body{font-size:16px; line-height:22px;}
	}

	@media screen and (min-width:63.9375em){
		/* Large Browser */
		body{font-size:18px; line-height:24px;}
	}

	p{line-height:1.8;}
		.small{font-size:0.8em; line-height:1.6;}
	h1, h2{font-family:'Inter'; font-weight:700;}
	
	h1{font-size:2.5em;}
	
		@media screen and (max-width: 40em){
			h2{font-size:2em;}
		}
	
	h3, h4, h5, h6, h7, h8, h9{font-family:'Inter';}
		h3, h5, h6{font-weight:500;}
		h4, h7, h8, h9{font-weight:300;}

	a{color:#4bc2f1;}
		a:hover, a:focus{color:#4bc2f1; text-decoration:underline;}
	a.nohover:hover{text-decoration:none;}
	
	.content{min-height:50vh;}

	.white{color:#fff !important;}
		.whitebg{background-color:#fff !important;}
		
	.black{color:#000 !important;}
		.blackbg{background-color:#000 !important;}
		.blackborder{border:1px solid #000;}

	.teal{color:#4bc2f1 !important;}
		.tealbg{background-color:#4bc2f1 !important;}	
		
	.orange{color:#f16e4b !important;}
		.orangebg{background-color:#f16e4b !important;}
	
	.tealgradientbg{background: linear-gradient(0deg, #2299c8 0%, #50c7f6 100%);}
	
	.purple{color:#9146FF !important;}
		.purplebg{background-color:#9146FF !important;}
	
	.circlebg{height:150px; width:150px; border-radius:50%; display:inline-block;}
	
	.shadow{text-shadow:1px 1px 1px #000;}
	
	.lightgraybg{background-color:#f5f5f5 !important;}
	
	.underline{text-decoration:underline;}
		
	.padding{padding:1em 0;}
	
	strong{font-size:700 !important;}
	
	.nomargin{margin:0;}
	
	.rounded{border-radius:0.5em;}
	
	.speechbubble{background:#fff; border-radius:1em; padding:2em; margin:1em; position:relative; border-color:#fff;}
	
		.speechbubble:after {
		   content: "";
		   position: absolute;
		   top: 100%;
		   right: 50%;
		   border-top: 20px solid white;
		   border-top-color: inherit; 
		   border-left: 20px solid transparent;
		   border-right: 20px solid transparent; 
		}
	

		@media screen and (min-width: 40em){
			/* Medium Large Browser */
			.speechbubble:after {
			   content: "";
			   position: absolute;
			   top: 50%;
			   right: -30px;
			   border-top: 20px solid white;
			   border-top-color: inherit; 
			   border-left: 20px solid transparent;
			   border-right: 20px solid transparent; 
			   transform: rotate(-90deg);
			}
		}
	
.gtTop{position:absolute; width:100%; z-index:2;}
	.gtTopLeft{}
		.gtTopLeft img{width:200px;}

		@media screen and (min-width: 40em) and (max-width: 63.9375em) {
			/* Medium */
			.gtTopLeft img{width:200px;}
		}
		@media screen and (min-width: 63.9375em) {
			/* Large */
			.gtTopLeft img{width:200px;}
		}
		
		.gtTop .menu .active>a{color:#4bc2f1;}
		
	.gtTopRight{font-size:1.5em; font-weight:500;}
		.gtTopRight a{color:#4bc2f1;}
			.gtTopRight a:hover{color:#4bc2f1; text-decoration:underline;}
	
	@media screen and (max-width: 40em){
		/* Small */
		.menu{padding-top:0.5em;}
	}
	
	.menu-icon{width:24px;}
		.menu-icon::after{background:#4bc2f1; box-shadow:0 7px 0 #4bc2f1, 0 14px 0 #4bc2f1; -webkit-box-shadow:0 7px 0 #4bc2f1, 0 14px 0 #4bc2f1;}
		.menu-icon:hover::after{background:#4bc2f1; box-shadow:0 7px 0 #4bc2f1, 0 14px 0 #4bc2f1; -webkit-box-shadow:0 7px 0 #4bc2f1, 0 14px 0 #4bc2f1;}
	

.headerPush{height:80px;}

	@media screen and (min-width:63.9375em){
		/* Large Browser */
		.headerPush{height:90px;}
	}

.callout{border:1px solid #999;}

/* Super Menu */
.visible{visibility:visible !important; opacity:1 !important;}

#wpadminbar{overflow:hidden;}

.admin-bar #gtSuperMenu{top:46px;}

	@media screen and (min-width: 40em) and (max-width: 63.9375em) {
		/* Medium Browser */
		.admin-bar #gtSuperMenu{top:46px;}
	}

	@media screen and (min-width:63.9375em){
		/* Large Browser */
		.admin-bar #gtSuperMenu{top:32px;}
	}

#gtSuperMenu{visibility:hidden; opacity:0; position:fixed; z-index:100; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.95); transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}

	.gtSuperMenuContent{padding-top:2em;}
	
		.gtSuperMenuList ul li a{color:#4bc2f1 !important; font-size:2em; font-weight:500; line-height:1.8;}

	.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after{border-color:#4bc2f1 transparent transparent;}
	
	#gtSuperMenu .submenu{font-size:0.8em;}
	
	.menu .active>a{background:transparent; color:inherit;}
	
/* Homepage */
.coverbg{background-repeat:no-repeat; background-size:cover; background-position:center center;}

.aligner {display:flex; align-items:center; justify-content:center;}
	.aligner-item{position:absolute; z-index:3;}
	.aligner-item--top{align-self:flex-start;}
	.aligner-item--bottom{align-self:flex-end;}

.herolarge{height:80vh; min-height:500px; background-position:top center; background-repeat:no-repeat; position:relative; overflow:hidden; display:flex; align-items:flex-end;}

	@media screen and (min-width:63.9375em){
		/* Large Browser */
		.herolarge{min-height:600px;}
		.heroText{height:800px;}
	}
	
	.coverbg h4{font-size:1.2em; line-height:2;}
	.coverbg h1{line-height:1.4; font-size:3.5em; text-shadow:2px 2px 2px rgba(0,0,0,0.9), 0px 0px 200px #000;}
	.coverbg h2{text-shadow:2px 2px 2px rgba(0,0,0,0.9), 0px 0px 200px #000;}
	

	@media screen and (max-width: 40em) {
		/* Small Browser */
		.coverbg h1{font-size:3em;}
	}

.heronormal{height:500px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; overflow:hidden; display:flex; align-items:flex-end;}


	@media screen and (max-width: 63.9375em) {
		/* Small Medium Browser */
		.heronormal{height:400px;}
	}

	@media screen and (min-width: 40em) and (max-width: 63.9375em) {
		/* Medium Browser */
		.heronormal{height:500px;}
	}


	.gtItem{border:1px solid #999; color:#666; padding:2em; text-align:center; position:relative;}
		.gtItem a{position:absolute; width:100%; height:100%; left:0; top:0;}
			.gtItem:hover{text-decoration:none; color:#212c32; border-color:#212c32;}
			.gtItem a:focus, .gtItem a:active{outline:0; border:none; -moz-outline-style:none;}
		
		.gtItem i{font-size:4em; line-height:1; display:inline-block;}
		.gtItem span{display:block; margin-top:1em;}
	
	.gtImageRight{background-repeat:no-repeat; background-size:cover; background-position:center center; min-height:200px; position:relative;}
		.gtImageRight:after{
			content: "";
			position: absolute;
			border:2px solid #212c32;
			width:100%;
			height:100%;
			left:-10px;
			top:10px;
			}
			
	.gtImageLeft{background-repeat:no-repeat; background-size:cover; background-position:center center; min-height:200px; position:relative;}
		.gtImageLeft:after{
			content: "";
			position: absolute;
			border:2px solid #212c32;
			width:100%;
			height:100%;
			right:-10px;
			top:10px;
			}
			
	.button{background:transparent; border-radius:30px; border:1px solid #212c32; color:#212c32; font-size:0.9em; padding-left:2em; padding-right:2em; background:#fff;}
		.button:hover, .button:focus{background:#fff; border-color:#66b743; color:#66b743;}
		
		.buttonGreen{background:#212c32; color:#fff;}
			.buttonGreen:hover, .buttonGreen:focus{color:#fff; background:#66b743;}
			
		.buttonLarge{font-size:1.1em;}

	.gtBgBuilding{background-image:url(assets/images/gt-decoration-building.png); background-repeat:repeat-x; background-size:100% 80px; height:80px;}
	
		@media screen and (min-width:63.9375em){
			/* Large Browser */
			.gtBgBuilding{background-image:url(assets/images/gt-decoration-building.png); background-repeat:repeat-x; background-size:100% 167px; height:167px;}

		}

.quote{margin-bottom:2em;}
	.quote p{font-size:0.9em;}
		.quote p:nth-last-child(1){margin:0;}
		
	.quoteBubble{border:1px solid #ccc; border-radius:1.6em; padding:1em; position:relative; background:#fff;}
	
		.quoteBubble:after, .quoteBubble:before{
		top: 100%;
		left: 90%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;}
			
		.quoteBubble:before{border-color: rgba(204, 204, 204, 0);
		border-top-color: #ccc;
		border-width: 16px;
		margin-left: -16px;}
		
		.quoteBubble:after{border-color: rgba(255, 255, 255, 0);
		border-top-color: #fff;
		border-width: 15px;
		margin-left: -15px;}
	
		.quoteAttribute{clear:both; text-align:right; margin-top:1.5em; font-weight:400; font-size:0.9em;}
		
		.quoteLeft{}
			.quoteLeft .quoteBubble:after, .quoteLeft .quoteBubble:before{left: 90%;}
			.quoteLeft .quoteAttribute{text-align:right;}
		
	/* Medium+ size */
	@media screen and (min-width: 40em) {
			.quoteLeft .quoteBubble:after, .quoteLeft .quoteBubble:before{left: 10%;}
			.quoteLeft .quoteAttribute{text-align:left;}
	}

.column-2{columns:300px 2;}
.column-3{columns:300px 3;}

hr{border-color:#999;}

ol li{margin-bottom:1em;}

.content ul li{margin-bottom:1em;}
	.content ul li ul{margin-top:0.5em;}

.loadingWait{position:absolute; width:100%; height:100%; background:rgba(255,255,255,0.8); z-index:2; display:flex; align-items:center;
  justify-content:center;}

.spinner {
  width: 100px;
  height: 100px;

  position: relative;
  margin: 100px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #212c32;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/* Ninja Form */
.nf-form-fields-required{display:none;}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit]{border-radius:30px; border:1px solid #999 !important; color:#212c32 !important; font-size:0.7em; padding:1em 2em; background:#fff !important; cursor:pointer; height:auto !important;}


/* Accordion */
.accordion-title{border:0; font-size:1.25rem; font-weight:400; color:#212c32; padding:0.5em 1em; line-height:1.5;}
.accordion-content{border:0; background:#f5f5f5;}
:last-child:not(.is-active)>.accordion-title, :last-child>.accordion-content:last-child{border:0;}
.accordion-title:focus, .accordion-title:hover{background-color:#f5f5f5; text-decoration:none;}
.is-active .accordion-title{background-color:#f5f5f5;}

.alignright{float:right; margin:0 0 1em 1em;}

/* Cookie Notice */
.cookie-notice-container{padding:0;}
#cookie-notice{font-size:0.9em; line-height:22px;}
#cookie-notice .cn-button{background:#fff; border:1px solid #ebebeb; color:#5f5d5d; font-weight:400; padding:0.5em 1em; margin-top:0.5em;}
#cn-notice-text{max-width:75rem; margin:1em auto 0 auto; display:block;}

/* Tabs */
.tabs{border-color:#999;}
.tabs-content{border-color:#999;}
.content ul.tabs li{margin-bottom:0 !important;}
.tabs-title>a{color:#212c32; font-size:0.8em; outline:none; padding:1em;}
.tabs-title>a:focus, .tabs-title>a[aria-selected=true]{color:#212c32; background:#f5f5f5; text-decoration:none;}
.tabs-title>a:hover{color:#212c32; text-decoration:none;}

/* Slider */
.sp-arrow{width:3px;}
.sp-button{border:1px solid #999; width:10px !important; height:10px !important;}
.sp-selected-button{background-color:#999;}

/* Diamond Shape */

.diamond{
  background: #76e3e7;
  height: 100px;
  text-align: center;
  transform:rotate(45deg);
  width:100px;
  display:inline-block;
  color:#fff !important;
  text-decoration:none !important;
}
.diamond span{
  color: #fff;
  display: table-cell;
  height: 100px;
  transform: rotate(-45deg);
  vertical-align: middle;
	width:100px;
	text-transform:uppercase;
	font-size:0.9em;
	text-align:center;
	padding-top:0.5em;
}
.diamond:hover, .diamond:focus{text-decoration:none;}


.diamond-outline {
  background: transparent;
  border:2px solid #76e3e7;
  height: 80px;
  text-align: center;
  transform:rotate(45deg);
  width:80px;
  display:inline-block;
  margin-bottom:1em;
}
.diamond-outline span{
  color: #76e3e7;
  display: table-cell;
  height: 80px;
  transform: rotate(-45deg);
  vertical-align: middle;
	width:80px;
}

/* Footer */
.footer{margin-top:3em;}