@import "@{parenturl}/less/mixins.less";

@blue: #394D78;
@green: #56ac51;
@light_green: #ABE0A6;




.entry-content p {
	.max({ font-size:15px; });
	.max({ font-size:14px; }, 640);
	.max({ font-size:13px; }, 420);
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#header h1 {
	position:relative;
	z-index:1;
}
@supports (-webkit-touch-callout: none) {
	#header{
		background-color:rgba(57,77,120,1) !important;
	} 
}
#header {
	background-color:rgba(57,77,120,1) !important;
	padding:20px 25px 0;
	.padding-sides(~"max(25px, 5vw)");
	display:grid;
	grid-template-columns:auto 1fr auto auto;
	grid-template-rows:1fr auto;
	grid-template-areas:
		"logo . . info"
		"logo . nav nav";
	@media (max-width:1600px) {
		grid-template-columns:auto 1fr auto;
		grid-template-rows:auto auto;
		grid-template-areas:
			"logo . info"
			"nav nav nav";
	}
	@media (max-width:1400px) {
		grid-template-columns:2fr 1fr;
		grid-template-rows:auto auto;
		grid-template-areas:
			"logo info"
			"nav nav";
	}
	#logo { grid-area:logo; }
	#header-info { grid-area:info; }
	nav { grid-area:nav; }

	#logo {
		margin-bottom:20px;
		max-width:570px;
		width:100%;
	}
	nav {
		text-align:right;
		z-index:15;
		ul.sub-menu { box-shadow:1px 1px 3px fade(#262626, 50); }
	}
	@media (max-width:960px) {
		ul.nav > li { font-size:14px; }
	}
	* {
		transition: all ease-in-out 0.3s;
	}
}

@media (min-width: 769px) {
	#header {
		position: fixed;
		width: 100%;
		&.smaller {
			#logo img {
				max-width: 290px;
			}
		}
	}
	.hero {
		padding-top: 226px;
	}
	body:not(.home) #content {
		padding-top: 226px;
	}
}
@media (max-width: 1599px) and (min-width: 769px) {
	.hero {
		padding-top: 271px;
	}
	body:not(.home) #content {
		padding-top: 271px;
	}
}
@media (max-width:768px) {
	#header {
		display:block;
		padding:25px 0 0;
		#header-info { display:none !important; }
		#logo {
			padding:0 25px;
			max-width:100%;
			a { display:block; }
			img {
				width:100%;
			}
		}
		#header-menu {
			border-top:1px solid #fff;
			.navbar-toggle {
				padding:5px 0 6px;
				color:#fff;
			}
		}
	}
}

.dcmo_block:not(.full) > div {
	max-width:1300px;
}

#header-info {
	display:grid;
	align-items:center;
	justify-items:center;
	grid-gap: 10px ~"max(25px, 5vw)";
	.header-info {
		.grid-template-one();
		svg {
			fill:@light_green;
			height:1.5em;
			width:1.5em;
			margin-right:.3em;
		}
		color:#fff;
		.font(~"", 400, 32px);
		letter-spacing:.05em;
		padding:.3em;
		text-transform:uppercase;
		b {
			.inherit();
			.font(@weight:600);
		}
		small {
			.inherit();
			.font(@size:.6em);
		}
		&#header-phone small { letter-spacing:.4em; }
	}
	
	@media (min-width:1401px) {
		grid-template-columns:auto auto;
	}
	@media (max-width:1400px) {
		.header-info { font-size:24px; }
	}
	@media (max-width:960px) {
		.header-info { font-size:18px; }
	}
}

/**** Full BORDER Color ****/
.sideContact .wpcf7 .better-input {
	.wpcf7-form-control-wrap {
		position: relative;
		background-color:fade(#fff, 0);
		border:none;
		border-bottom:1px solid black !important;
		margin-bottom:10px;
		display:block;
		margin-top: 1.75em;
		color:#414042 !important;
		.font(Montserrat, 400, 16px);
	}
}
.wpcf7 .better-input {
	.wpcf7-form-control-wrap {
		position: relative;
		background-color:fade(#fff, 0) !important;
		border:none;
		border-bottom:1px solid #fff;
		margin-bottom:10px;
		display:block;
		margin-top: 1.75em;
		color:#414042;
		.font(Montserrat, 400, 16px);
	}
	.betterInput {
		.inherit();
		.font();

		*::placeholder { color: rgba(0,0,0,1); opacity: .3; }
		*:-ms-input-placeholder { color: rgba(0,0,0,1); }
		*::-ms-input-placeholder { color: rgba(0,0,0,1); }
		*:-moz-input-placeholder { color: rgba(0,0,0,1); }
		*::-moz-input-placeholder { color: rgba(0,0,0,1); }

		* {
			color:inherit;
			border:0;
			padding: 1px 2px;
			background: transparent;
			resize:none;
		}
		label {
			.transition();
		}

		input, select, textarea {
			color:inherit;
			font-size:inherit;
			font-weight:inherit;
			font-family:inherit;
			padding:.3em;
			width:100%;
			&:focus {
				outline:none;
			}
		}
		textarea {
			height:75px;
		}
		select {
			display:block;
			width:100%;
			margin-bottom:5px;
		}

		label {
			position: absolute;
			width:100%;
			top:0;
			transform: translateY(.4em) translateX(.25em);
			left:0;
			pointer-events: none;
			color:inherit;
			font-size:inherit;
			font-weight:inherit;
			font-family:inherit;
			display: none;
		}
		.req {
			color:#FF4136;
			.transition(.3s, color, @easing);
		}

		*:focus:not(:placeholder-shown) + label,
		*:focus + label,
		*:focus:not(:placeholder-shown) + label .req,
		*:focus + label .req {
			color:#fff; // Inputting
			display: none;
		}
		*:not(:placeholder-shown) + label,
		*:not(:placeholder-shown) + label .req {
			color:#ddd; // Inputted
			display: none;
		}
		*:focus + label,
		*:not(:placeholder-shown) + label {
			transform: translateY(-1.3em);
			font-size: .8em;
			display: none;
		}
	}
	input[type="submit"] {
		border:none;
		border-radius:1em;
		display:block;
		margin:25px 0 0;
		width:100%;
		.font(Montserrat, 600, 20px);
		padding:1em;
		letter-spacing:.1em;
		text-transform:uppercase;
		background-color:@green;
		color:#fff;
		.hover();
		&:hover {
			background-color:#fff;
			color:@green;
		}
	}
}

.dcmo_block > div {
	.padding-ends(50px);
}

#contact-us {
	background-color:#808080;
	
	.pseudoBefore();
	
	&:before {
		background-image:url('/wp-content/uploads/2021/06/footer.svg');
		background-position:center;
	}
	
	.grid {
		align-items:center;
		.max({ .max-width(475px); } );
	}
	h5 {
		color:#fff;
		display:block;
		.font(~"", 400, 100px);
		.max({ font-size:75px; });
		margin-bottom:10px;
		text-transform:none;
	}

	.wpcf7 {
		max-width:475px;
		.better-input {
			.wpcf7-form-control-wrap {
				color:#fff;
				border-bottom: 1px solid #fff;
			}
		}
	}

	a.footer-info {
		color:#fff;
		margin-bottom:30px;
		.vertAlign(@justifyContent:flex-start);
		svg {
			fill:@light_green;
			height:32px;
			width:32px;
			margin-right:16px;
		}
		address { white-space:normal; }
	}
	#social-media {
		display:inline-grid;
		grid-auto-flow:column;
		grid-gap:25px;
		a {
			color:@light_green;
			display:block;
			svg {
				fill:currentcolor;
				height:32px;
				width:auto;
			}
		}
	}
}

#footer {
	background-color:#333333;
	padding:50px 25px 10px;
	
	> * {
		.max-width(1080px);
		&:not(:last-child) {
			margin-bottom:25px;
		}
	}
	.footer-menu {
		display:grid;
		grid-gap:25px;
		.min({ grid-template-columns:1fr 2fr 1fr; });
		li {
			line-height:1;
		}
		> li {
			> a {
				.font(inherit, 600, 1.5em);
				padding-bottom:.2em;
				border-bottom:1px solid;
				margin-bottom:.2em;
				display:block;
			}
			&:nth-child(2) {
				ul {
					columns:150px 2;
				}
			}
		}
	}
}

main#content {
	background-image:url('/wp-content/uploads/2021/06/background.svg');
	background-position: center -500px;
}

.video-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
	iframe{
  		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
}
}
@supports (-webkit-touch-callout: none) {
   /* CSS specific to iOS devices */ 
}
#header {
	z-index:105
}

#footer-links {
	display:grid;
	grid-auto-flow:column;
	position:sticky;
	bottom:0;
	z-index:100;
	background-color:fade(#fff, 90);
	.min({display:none !important;});
	a {
		display:block;
		color:#fff;
		padding:15px;
		.bold();
		text-align:center;
		text-transform:uppercase;
		font-size: 9px !important;
		svg {
			fill:currentcolor;
			display:block;
			margin:0 auto .5em;
			font-size:2em;
			height:1em;
			width:auto;
		}
		&:nth-child(odd) { background-color:@blue; }
		&:nth-child(even) { background-color:@green; }
	}
}
#welcomeHeader{
	padding: 50px;
}
#welcomeHeader h1 {
	color: #56ac51;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 100px;
    line-height: 1;
    font-style: normal;
    text-align: center;
    font-variant: normal;
    text-align-last: auto !important;
    text-transform: uppercase;
}
@media (max-width:769px) {
	#welcomeHeader h1{
		font-size: 50px;
	}
	
}

.scroll-to-top {
	cursor: pointer;
    bottom: 4%;
    display: none;
    position: fixed;
    right: 20px;
    z-index: 99999;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    width: 35px;
    border-radius: 50%;
    -webkit-transition: background-color .3s linear;
    -moz-transition: background-color .3s linear;
    -o-transition: background-color .3s linear;
    transition: background-color .3s linear
}

.scroll-to-top:hover,
.scroll-to-top:focus {
	opacity: .8
}
.scroll-to-top {
	background-color: rgba(57,57,57,.75);
	color: #eee
}

.scroll-to-top:hover {
	background-color: rgba(238,238,238,.75);
	color: #393939
}

.col-5 {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	@media (max-width: 768px) {
		display: grid;
		grid-template-columns: 1fr;
	}
}

.membership-flex {
	display: flex;
	justify-content: center;
	align-items: center;
}