/* @override https://thekaneko.org/wp-content/themes/gmlaunch/css/nav.css?ver=4.9.5 */


/* ==========================================================================
	Header - Desktop
========================================================================== */
header{
	position: fixed;
	width: 100%;
	z-index: 999;
	top: 0;
}
.disclaimer {
	background: #e8e8e8;
	padding: 15px 30px;
	text-align: center;
	color: #000;
	font-size: 17px;
/*	display: none;*/
}
.disclaimer a {
	color: #000;
	border-bottom: 1px solid #000;
}
.disclaimer a:hover {
	color: #ff4325;
	border-bottom: 1px solid #ff4325;
}
.disclaimer .close {
	width: 15px;
	position: absolute;
	right: 20px;
	margin: -28px 0 0 20px;
}
.disclaimer .close a{
	border: none;
}
@media all and (max-width: 700px) {
.disclaimer  {
	display: none;
}
}
nav {
	overflow: hidden;
	background: #FFF;
/*	border-bottom: 1px solid #f0f0f0;*/
	height: 80px;
}
nav .logo {
	width: 60px;
	float: left;
	margin: 15px;
}
nav ul {
	float: right;
}
nav ul li {
	float: left;
}
nav ul li a {
	color: #000;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 17px;
	display: block;
	padding: 27px 45px;
}
nav ul li a:hover {
	color: #ff4325;
}
@media all and (max-width: 1100px) {
nav ul li a {
	padding: 27px 30px;
}
}
@media all and (max-width: 900px) {
nav ul li a {
	padding: 27px 20px;
		font-size: 15px;
}
}

/* ==========================================================================
	Footer
========================================================================== */




footer {
	overflow: hidden;
	color: #949494;
}
footer .wrapper {
	width: 1100px;
	margin: 0 auto 70px;
	
	
}
footer .logo {
	width: 100px;
	margin: 100px auto 50px;
}
footer p {
	font-size: 16px;
}
footer li.col5  p {
	font-size: 12px;
	line-height: 20px;
}
footer ul {
	overflow: hidden;
	padding: 50px 0;
}
footer li {
	float: left;
}
footer li.col1 { margin: 0 7% 0 0; width: 17%}
footer li.col2 { margin: 0 7% 0 0; width: 17%;}
footer li.col3 { margin: 0 7% 0 0; width: 13%;}
footer li.col4 { margin: 0 7% 0 0; width: 12%;}
footer li.col5 { margin: 0; width: 13%;}

footer h5 a, footer h5 {
	color: #fff;
	margin: 0 0 25px 0;
	font-size: 24px;
}
footer h5 a:hover {
	color: #ff4325;
}
footer a {
	color: #949494;
	font-size: 16px;
	display: block;
	margin: 0 0 15px 0;
}
footer a:hover {
	color: #ffffff;
}
footer hr {
	border-top: 1px solid #444;
	margin: 0 0 70px;
}
ul.bottom li {
	width: 40%;
	border: 1px solid blue;
}

@media all and (max-width: 1200px) {
footer .wrapper {
	width: 90%;
	margin: 0 auto 80px;
}
}
@media all and (max-width: 900px) {
footer li.col1 { margin: 0 0 20px; width: 39%;}
footer li.col2 { margin: 0 0 20px; width: 39%;}
footer li.col3 { margin: 0 0 20px; width: 22%;}
footer li.col4 { margin: 0 0 20px; width: 39%;}
footer li.col5 { margin: 0 0 20px; width: 22%;}
}

@media all and (max-width: 500px) {
footer li.col1, footer li.col2, footer li.col3, footer li.col4, footer li.col5 { 
	margin: 0 0 40px; 
	width: 100%;
}
footer ul {
	overflow: hidden;
	padding: 50px 0 0px;
}
footer .wrapper {
	margin: 0 auto 0px;
}
}

footer .visit {
	width: 48%;
	float: left;
}
footer .connected {
	width: 48%;
	float: right;
	font-size: 16px;
}
footer .clear {
	clear: both;
}
footer .layout, .black-box .layout {
	overflow: hidden;
	font-size: 16px;
}
footer .layout .right, .black-box .layout .right {
	float: left;
	width: 80%;
}
footer .layout .left, .black-box .layout .left {
	margin: 0 15px 20px 0;
	text-align: center;
	width: 20px;
	font-size: 18px;
}
@media all and (max-width: 900px) {
footer .visit, footer .connected  {
	width: 100%;
	margin: 0 0 50px;
}
}
@media all and (max-width: 500px) {
footer .layout .left {
	display: none;
}
footer .layout {
	margin: 0 0 30px 0;
}
}


/* --------- Social  ---------*/


ul.social {
	padding: 0;
	margin: 0 0 0 -10px;
}
ul.social li {
	padding: 10px;
	float: left;
}
ul.social li a {
	color: #000000;
	font-size: 25px;
	background: #f2f2f2;
	border-radius: 50px;
	padding: 10px 12px;
	display: block;
}
footer ul.social li a {
	background: #000000;
	color: #7f7f7f;

}
ul.social li a:hover {
	color: #ffffff;
}

.back-to-top {
	float: left;
	background: #333333;
	padding: 20px;
	text-align: center;
	font-size: 14px;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	display: block;
	margin: 0;
}
.back-to-top:hover {
	background: #494949;
	cursor: pointer;
}
.copyright a {
	font-size: 14px;
	display: inline;
}
.copyright {
	font-size: 14px;
	float: right;
	width: 420px;
	margin: 50px 0 0 0;
}
@media all and (max-width: 600px) {
.copyright {
	font-size: 12px;
	width: 220px;
	text-align: right;
	margin: 30px 20px 0 0;
	line-height: 20px;
}
.copyright a {
	font-size: 12px;
	display: inline;
}
}

/* --------- Newsletter Signup  ---------*/

#mc_embed_signup {
	margin: 20px 0 ;
	overflow: hidden;
	

}
#mc_embed_signup input.email {
	background: #333333;
	width: 70%;
	color: #FFF;
	float: left;
}
#mc_embed_signup input[type="submit"] {
	background: #191919;
	width: 30%;
	color: #a2a2a2;
	float: right;
}
#mc_embed_signup input[type="submit"]:hover {
	background: #ff4325;
	color: #FFF;
}



/* ==========================================================================
	Overlays
========================================================================== */

/* --------- Programs  ---------*/


.black-bg {
	background: #000;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 111111;
}
.black-bg .close {
	width: 20px;
	position: absolute;
	right: 50px;
	top: 50px;
	z-index: 2;
}
.programs-nav {
	display: flex;
	align-items: center;
	height: 100%;
}
.programs-nav a h3 {
	color: #FFF;
}
.programs-nav a {
	display: block;
}
.programs-nav a:hover h3, .programs-nav a:hover p {
	color: #fc4530;
	transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-webkit-transition: all .25s ease-in-out; 
}
.programs-nav p {
	color: #adadad;
}
.programs-nav .wrapper {
}
.programs-nav ul li {
	margin: 0 0 50px;
}
.programs-nav h6 {
	text-align: center;
	color: #adadad;
	margin: 0 0 80px ;
}
/*.programs-nav ul li a.yellow:hover { color:#f9de56;}
.programs-nav ul li a.purple:hover { color:#c782d8;}
.programs-nav ul li a.blue:hover { color:#1588d1;}
.programs-nav ul li a.orange:hover { color:#ef6f45;}*/

@media all and (max-width: 1150px) {
.programs-nav .column50.padding100 {
	padding: 0 50px;
}
.programs-nav {
	display: flex;
	align-items: flex-start;
	height: 100%;
	padding: 50px 0;
}
}

/* --------- Search  ---------*/

.search-nav {
	display: flex;
	align-items: center;
	height: 100%;
}
.search-nav .wrapper {
	width: 50%;
	margin: 0 auto;
	blue
}
.search-nav .wrapper .screen-reader-text {
	display: none;

}
.search-nav .wrapper input#s{
	padding: 20px;
	font-weight: normal;
	width: 87%;
	float: left;
	font-size: 18px;
	background: #000;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	font-family: futura-pt, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 30px;
	-webkit-appearance: none;
	border-radius: 0;
}
.search-nav .wrapper #searchsubmit {
	border: none;
	float: left;
	margin: 22px 0 0 0;
	width: 60px;
	height: 61px;
	background: url('/wp-content/themes/gmlaunch/imgs/search-button.png') no-repeat center center;
	-webkit-background-size: cover; 
	background-size: cover; 
	color: #000;
	text-indent: -999px;
}

@media all and (max-width: 1550px) {
.search-nav .wrapper input#s {
	width: 86%;
}
}
@media all and (max-width: 1550px) {
.search-nav .wrapper {
	width: 70%;
	margin: 0 auto;
}
}
@media all and (max-width: 1150px) {
.search-nav .wrapper {
	width: 90%;
}
.search-nav .wrapper input#s {
	width: 80%;
}
}
@media all and (max-width: 750px) {

.search-nav .wrapper input.search-field{
 padding: 20px 0;
	width: 100%;
}
}

/* Styles added by Plumb */

#mobile-menu-button{
	display: none;
}

@media all and (max-width: 775px) {
	
	header nav li{
		display: none;
	}
	header nav li:last-child{
		display: block;
		transition: opacity .5s;
		opacity: 1;
	}
	#mobile-menu-button{
		display: flex;
		position: relative;
		align-items: center;
		align-self: center;
		margin-left: auto;
		width: 44px;
		height: 20px;
		margin: 30px 30px 0 0;
		float: right;
	}
	#mobile-menu-button:before,
	#mobile-menu-button:after{
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background: #000;
		transition: .5s opacity;
	}
	#mobile-menu-button:after{
		top: auto;
		bottom: 0;
	}
	#mobile-menu-button span{
		display: block;
		width: 100%;
		height: 2px;
		position: relative;
	}
	#mobile-menu-button span:before,
	#mobile-menu-button span:after{
		content: "";
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		background-color: #000;
		transition: .5s transform, background-color .5s;
	}
	html.mobile-menu #mobile-menu-button:before,
	html.mobile-menu #mobile-menu-button:after,
	html.search #mobile-menu-button:before,
	html.search #mobile-menu-button:after{
		opacity: 0;
	}
	html.mobile-menu #mobile-menu-button span:before,
	html.search #mobile-menu-button span:before{
		transform: rotate(45deg)  scaleX(.5);
		background-color: #fff;
	}
	html.mobile-menu #mobile-menu-button span:after,
	html.search #mobile-menu-button span:after{
		transform: rotate(-45deg) scaleX(.5);
		background-color: #fff;
	}
	html.mobile-menu #mobile-nav,
	html.search #mobile-nav{
		opacity: 1;
		pointer-events: all;
	}
	html.mobile-menu,
	html.mobile-menu body{
		overflow: hidden;
	    position: relative;
	    height: 100%;
	}
	#mobile-nav{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		padding-top: 85px;
		background: #000;
		opacity: 0;
		z-index: 998;
		transition: .5s opacity;
		overflow-y: scroll;
	    -webkit-overflow-scrolling: touch;
	    pointer-events: none;
	    box-sizing: border-box;
	    float: none;
	}
	#mobile-nav ul{
		float: none;
		border-top: 1px solid #373737;
	}
	#mobile-nav ul.sub-menu{
		border: none;
	}
	#mobile-nav li{
		float: none;
	}
	#mobile-nav a{
		font-size: calc(17px + 2vw);
		display: block;
		border-bottom: 1px solid #373737;
		color: #fff;
		font-weight: bold;
		text-transform: none;
		padding-left: 45px;
		padding-right: 45px;
		font-family: futura-pt, sans-serif;
	}
	#mobile-nav .sub-menu{
		display: none;
	}
	#mobile-nav .sub-menu a{
		padding-left: 40px;
	}
	#mobile-nav li.menu-item-has-children{
		position: relative;
	}
	#mobile-nav li.menu-item-has-children > span{
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 100px;
		cursor: pointer;
	}
	#mobile-nav li.menu-item-has-children > span:before,
	#mobile-nav li.menu-item-has-children > span:after{
		content: "";
		position: absolute;
		width: 15px;
		height: 2px;
		background: #fff;
		right: 49px;
		top: 41px;
		transform: rotate(45deg);
		transition: transform .3s;
	}
	#mobile-nav li.menu-item-has-children > span:after{
		transform: rotate(-45deg);
		right: 39px;
	}
	#mobile-nav li.menu-item-has-children.open > span:before{
		transform: rotate(-45deg);
	}
	#mobile-nav li.menu-item-has-children.open > span:after{
		transform: rotate(45deg);
	}
	header nav{
		transition: background-color .5s;
	}
	html.mobile-menu header nav{
		background-color:  #000
	}
	header{
		z-index: 1000;
	}
	html.search header nav li:last-child,
	html.mobile-menu header nav li:last-child{
		opacity: 0;
		pointer-events: none;
	}
	html.search header .logo,
	html.mobile-menu header .logo{
		pointer-events: none;
	}
	html.search header nav{
		background-color:  #000
	}
	
}