/*
Theme Name: No Lights No Lycra
Theme URI: 
Description: 
Author: Malvolio
Version: 1.0
Tags: none
*/


/* =Reset default browser CSS. 
-------------------------------------------------------------- */


/* ----- GLOBAL FONTS & TYPE ----- */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&display=swap');

@import url("//hello.myfonts.net/count/396d81");

@font-face {font-family: 'FuturaRound-Medium';src: url('fonts/396D81_0_0.eot');src: url('fonts/396D81_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/396D81_0_0.woff2') format('woff2'),url('fonts/396D81_0_0.woff') format('woff'),url('fonts/396D81_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaRound-Demi';src: url('fonts/396D81_1_0.eot');src: url('fonts/396D81_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/396D81_1_0.woff2') format('woff2'),url('fonts/396D81_1_0.woff') format('woff'),url('fonts/396D81_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'FuturaRound-Book';src: url('fonts/396D81_2_0.eot');src: url('fonts/396D81_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/396D81_2_0.woff2') format('woff2'),url('fonts/396D81_2_0.woff') format('woff'),url('fonts/396D81_2_0.ttf') format('truetype');}




body {
    font-family: 'FuturaRound-Book', sans-serif;
	font-weight: 400;
    font-size: 15px;
    padding:     0px;
    margin:      0px;
	line-height: 1.5;
	color: #3e53a4;
	background-color: #ffffff;
}



p {
	padding: 0px 0px 20px 0px;
	margin: 0px;
}


h1 {
	font-family: 'FuturaRound-Demi', sans-serif;
	color: #3e53a4;
	font-size: 20px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-weight: 400;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
}

h2 {
	font-family: 'FuturaRound-Medium', sans-serif;
	color: #33b4b7;
	font-size: 15px;
	line-height: 35px;
	margin-bottom: 20px;
	padding: 0px;
	font-weight: 400;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
}

h3 {
	font-family: 'FuturaRound-Demi', sans-serif;
	color: #3e53a4;
	font-size: 15px;
	margin: 0px;
	padding: 0px;
	font-weight: 400;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
}

h4 {
	font-family: 'FuturaRound-Book', sans-serif;
	color: #ffffff;
	font-size: 17px;
	margin: 0px;
	padding: 0px;
	font-weight: 400;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
}


ul {
	margin: 0px 0px 12px 15px;
	padding: 0;
}

li {
	list-style-type: disc;
	padding: 0px 0px 8px 5px;
	}


hr {
	border: none;
	border-top: 1px solid #3e53a4;
	margin: 20px 0px 15px 0px;
	clear: both;
}

b, strong {
	font-family: 'FuturaRound-Demi', sans-serif;
	font-weight: 400;
}

a {
	color: #33b4b7;
	text-decoration: underline;
}




/* ----- LAYOUT ----- */


#header {
	width: 100%;
	float: left;
	background: #3e53a4;
}

#menu {
	max-width: 370px;
	width: 100%;
	float: left;
}

#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1::before {
	margin-left: 10px !important;
}

#logo {
	text-align: center;
	margin: 20px 35% 15px 35% !important;
	width: 30%;
	padding: 0px;
	position: absolute;
	z-index: 10000;
}

a#hbutton1, a#hbutton2 {
	font-family: 'FuturaRound-Demi', sans-serif;
	letter-spacing: 3px;
	font-size: 10px;
	padding-top: 30px;
	height: 60px;
	width: 125px;
	text-align: center;
	text-decoration: none;
	transition: 0.5s ease;
	float: right;
	text-transform: uppercase;
}

a#hbutton1 {
	color: #ffffff;
	background: #33b4b7;
}

a#hbutton1:hover {
	color: #33b4b7;
	background: #ffffff;
}

a#hbutton2 {
	color: #3e53a4;
	background: #fce432;
}


a#hbutton2:hover  {
	color: #fce432;
	background: #3e53a4;
}

@media screen and (min-width: 700px) {
#mega-menu-item-3593, #mega-menu-item-3594 {
	display: none !important;
}
}

@media screen and (max-width: 700px) {
a#hbutton1, a#hbutton2 {
	display: none;
}
	
#mega-menu-item-3593 a {
	background: #3e53a4 !important;
}

#mega-menu-item-3594 a {
	background: #fce432 !important;
	color: #3e53a4 !important;
}
}

#content {
	width: 100%;
	float: left;
}


#footer {
	width: 90%;
	background: #3e53a4;
	float: left;
	color: #ffffff;
	padding: 25px 5%;
}

#footer-flex {
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
}



#footer-left {
	flex: 1 0 0;
	float: left;
}

#footer-right {
	flex: 3 0 0;
	float: right;
	text-align: right;
	color: #fce432;
	font-size: 17px;
	font-family: 'FuturaRound-Medium', Arial;
}

#footer-full {
	float: left;
	margin-top: 20px;
	color: #8da1dc;
    font-size: 14px;
	font-family: 'FuturaRound-Book', Arial;
	text-align: center;
}


#footer-right img {
	vertical-align: middle;
	margin-left: 5px;
}

.copyright {
	font-size: 10px;
	font-family: 'FuturaRound-Book', Arial;
	display: inline-block;
	margin-left: 30px;
}


@media screen and (max-width: 700px) {
#footer-left, #footer-right {
	width: 100%;
	text-align: center;
}
}



/* ----- CONTENT BLOCKS ----- */

.flex {
	display: flex;
	flex-direction: row;
	width: 100%;
	flex-wrap: wrap;
	margin-top: -1px;
}


@media screen and (max-width: 800px) {
.flex {
	flex-direction: column;
}
	
.cblockw1, .cblockw2 {
	flex-basis: 100% !important;
}

}


.cblock {
	flex: 1;
	margin: 60px 15% 80px 15%;
}


.white_block50 {
	display: flex;
	flex-direction: row;
	width: 100%;
	flex-wrap: wrap;
}


.cblockw1, .cblockw2 {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 44%;
	text-align: left;
	padding: 0px 3% 0px 0px;
}



.blue-scribble {
	background-color: #3e53a4;
	background-image: url('images/scribbles.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}

.blue-scribble .cblock {
	text-align: center;
	color: #ffffff !important;
}

.blue-scribble a {
	display: inline-block;
	font-family: 'FuturaRound-Medium', sans-serif;
	color: #33b4b7;
	border: 1px solid #33b4b7;
	font-size: 15px;
	padding: 12px 48px;
	font-weight: 400;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-radius: 40px;
	transition: 0.5s ease;
}

.blue-scribble a:hover {
	color: #ffffff;
	border: 1px solid #ffffff;
}


a.lazy-load-youtube {
	border: 1px solid #000000;
	border-radius: 40px;
	transition: 0.5s ease;
}

a.lazy-load-youtube:hover {
	border: 1px solid #ffffff;
}




.grey_block_full {
	background-color: #e6e6e6;
	width: 100%;
}

.grey_block_full img {
	margin: 20px;
}



.link_block {
	flex-grow: 0;
  	flex-shrink: 0;
	padding: 45px 0px 55px 0px;
	text-align: center;
	flex-basis: 50%;
}

.link_block_100 {
	flex-grow: 0;
  	flex-shrink: 0;
	padding: 45px 0px 55px 0px;
	text-align: center;
	flex-basis: 100%;
}

.link_block a, .link_block_100 a {
	display: inline-block;
	font-family: 'FuturaRound-Demi', sans-serif;
	font-size: 15px;
	padding: 30px 0px;
	font-weight: 400;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-radius: 50px;
	width: 70%;
}
a.fbutton {
	display: inline-block;
	font-family: 'FuturaRound-Demi', sans-serif;
	font-size: 15px;
	padding: 30px 0px;
	font-weight: 400;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-radius: 50px;
	width: 70%;
	text-align: center;
}


.teal_block {
	background-color: #33b4b7;
}

.teal_block a, a.fbutton {
	color: #ffffff;
	background: #33b4b7;
	border: 2px solid #ffffff;
	transition: 0.5s ease;
}

.teal_block a:hover {
	color: #33b4b7;
	background: #ffffff;
}

.blue_block {
	background-color: #bccedd;
}

.grey_block {
	background-color: #e6e6e6;
}

.yellow_block {
	background-color: #fbe332;
}

.blue_block a, .grey_block a, .yellow_block a {
	color: #3e53a4;
	border: 2px solid #3e53a4;
	transition: 0.5s ease;
}

.blue_block a:hover {
	color: #bccedd;
	background: #3e53a4;
}

.grey_block a:hover {
	color: #e6e6e6;
	background: #3e53a4;
}

.yellow_block a:hover {
	color: #fbe332;
	background: #3e53a4;
}






.purple_block, .orange_block, .pink_block {
	font-family: 'Space Grotesk', sans-serif;
	text-align: center;
	background-position: bottom;
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 100%;
}

.purple_block {
	color: #2d427b;
	background-color: #d1c6df;
	background-image: url("images/orange-wave.png");
	font-size: 23px;
	display: flex;
	justify-content: center;
}

.purpleimg {
	background-image: url("images/NLNL-Landing-Page-Main-Image.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	max-width: 826px;
	width: 50%;
	padding: 90px 25%;
	text-align: center;
}


.orange_block {
	color: #2d427b;
	background-color: #ffb688;
	background-image: url("images/pink-wave.png");
	font-size: 18px;
}

.orange_block .white_block50 {
	text-align:center;
}

.orange_block a.button {
	padding: 18px;
	border-radius: 30px;
	text-decoration: none !important;
	transition: 0.5s ease;
	display: inline-block !important;
	margin: 10px 0px !important;
	background: #f8f814 !important;
	color: #2d427b !important;
	border: 4px solid #f8f814 !important;
}

.orange_block a.button:hover {
	border: 4px solid #2d427b !important;
}

.pink_block {
	color: #ffffff;
	background: #f1927f;
	font-size: 28px;
}





/* ----- FORMS ----- */

input[type="text"], input[type="password"], input[type="email"], textarea {
	padding:9px !important;
	font-family: 'FuturaRound-Book', sans-serif;
	color:#3e53a4;
	font-size: 14px !important;
	background:#e6e6e6;
	vertical-align:top;
	font-weight: 400;
	margin-bottom: 5px;
	border: none;
}

input[type="submit"], .gform_button, #gf_coupon_button {
	padding: 15px 48px;
	font-family: 'FuturaRound-Book', sans-serif;
	background-color: #ffffff;
	border: none;
	color: #3e53a4;
	font-size: 19px !important;
	border-color: #3e53a4;
	border-width: 2px;
	border-style: solid;
	text-decoration: none;
	transition: 0.5s ease;
}

.post-password-form input[type="submit"] {
    padding: 4px 48px;
}

.gform_button:hover {
	border-color: #33b4b7;
	color: #33b4b7;
}

.gfield_required {
	color: #33b4b7 !important;
}

.ui-datepicker {
	margin: 0px auto !important;
}

.gform_wrapper div.charleft.warningTextareaInfo {
	display: none !important;
}

.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
	vertical-align: top !important;
	font-size: 14px !important;
}



.wp_pp_button_amount_section {
	margin-top: 15px;
}

.wp_pp_button_amount_section, .wp_pp_button_submit_btn {
	margin-bottom: 15px;
}


/* ----- MAILCHIMP FORM ----- */

#gform_20 input[type="text"] {
	padding:9px !important;
	font-family: 'FuturaRound-Book', sans-serif;
	color:#3e53a4;
	font-size: 19px !important;
	background:#ffffff;
	vertical-align:top;
	font-weight: 400;
	margin-bottom: 5px;
	border-bottom: 1px solid #3e53a4;
	text-align: center;
}

#gform_20 input[type="submit"] {
	display: inline-block;
	text-align: center;
}

#gform_20 ul{
 text-align: center;
}

div.gform_footer.top_label {
text-align: center;
}




/* ----- GRIDS ----- */


h4.pt-cv-title a {
	font-family: 'FuturaRound-Demi', sans-serif !important;
	color: #3e53a4 !important;
	font-size: 15px !important;
	margin: 10px 0px 30px 0px !important;
	padding: 0px !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	transition: 0.5s ease;
	display: block;
}

h4.pt-cv-title a:hover {
	color: #33b4b7 !important;
}

.pt-cv-wrapper {
	margin-top: 30px;
}




/* ----- IMAGES ----- */


.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 0px;
}
.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

a img {
	border: none;
}

 img {
    max-width: 100%;
    height: auto;
}

p.wp-caption-text {
	text-align: center;
	margin-bottom: 30px;
	padding: 0px;
}

.fluid-width-video-wrapper {
	margin-bottom: 30px;
}

.lazy-load-div::before {
	display: none !important;
}


.gallery {
	display: grid;
	grid-column: 3;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}


.gallery-item {
	width: 100% !important;
}

.gallery img {
	border: none !important;
}