/* Mixins For Child Theme Styling */
@mixin clearfix {
	&::after {
		clear: both;
		content: "";
		display: block;
	}
}

/*
	Config Styles

 */
html,
body { position: relative; height: auto; } // Overwrite Bourbon's layout.scss (otherwise mmenu jumps)
html { font-family: $base-font-family; }
body { 
	background: white;
	// color: $hm_brand3;
	// font-size: .9em;

	@media only screen and ( min-width:640px ) {
		font-size: 1em;
	}

	@media only screen and ( min-width:1000px ) {
		font-size: 1.2em;
	}
}

main img.ig-style-square {
	max-width: 90%;
	width: 400px;
	margin: 0 auto 1em;
	border-radius: 2em;
}

main img.eye {
	max-width: 40%;
	width: 200px;
	margin: 1em auto;
}

// Newsletter Import on page 'newsletter' and home
[data-ff-el="root"].ff-625dd4840f214591d1197850 .ff-625dd4840f214591d1197850__container {
	max-width: 100%!important;
}

//	Page Header
.page-header {
	$break-point: 780px;

	img {
		max-width: 960px;
		width: 100%;
		margin: 0 auto 2em;
	}

	h1 {
		margin-bottom: 0;
		font: 300 3em $header-font-family;
		text-transform: uppercase;
		padding: 2rem 1rem;

		@media only screen and ( min-width:640px ) {
		text-align: center;
			font-size: 3em;
		}
	}
}

h1 {
	font-family: $header-font-family;
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: .75rem;
	letter-spacing: 1px;
	padding: .5em 0;

	@media only screen and (min-width: $large-screen) {
		font-size: 2.2em;
	}

	a {
		color: $base-accent-color;
	}
}


h2 {
	font-family: $header-font-family;
	// color: $hm_brand3;
	font-size: 1.5em;
	text-transform: capitalize;
	margin-top: 1em;
}


h3 {
	// color: $hm_brand2;
	font-family: $header-font-family;
	font-size: 1.25em;
	font-weight: 300;
	// text-transform: capitalize;
	margin-top: 1em;
}


p.title {
	font-size: 1.65em;
	// letter-spacing: 2px;
	text-transform: uppercase;
}


blockquote {
	margin: 0 auto;
	max-width: 80%;
}


a {
	color: $link-color;
	text-decoration: none; 

	&:hover {
		// color: $hm_brand2;
	}
}

/* img */
img { display: block; height: auto; }

/* Group */
.group { @include clearfix; }

/* Container */
.container { max-width: $container; margin: 0 auto; }

/*
	Button Styles

 */
p.button {
	margin: 1rem auto 0;

	a {
		transition: .2s background ease;
		display: inline-block;
		background: $cmo-green-light;
		color: white;
		font-size: 1.25rem;
		text-transform: uppercase;
		padding: 1em;

		&:hover {
			background: $cmo-green-dark;
		}
	}
}

a.button {
	transition: .2s background ease;
	display: inline-block;
	background: $cmo-green-light;
	color: white;
	font-size: 1.25rem;
	text-transform: uppercase;
	padding: 1em;

	&:hover {
		background: $cmo-green-dark;
	}
}

/*
	WP Native Image Alignment

 */
img.alignleft { 
	display: block;
	margin: 1em auto;

	@media only screen and (min-width:800px) {
		float: left;
		margin: 0 1rem 1rem 0;
	}
}
img.alignright { 
	display: block;
	margin: 1em auto;

	@media only screen and (min-width:800px) {
		float: right; 
	}
}

// Used on Foundations Templates
.fz-1-2 { font-size: 1.2em; }
.c-y { color: #ffff00; }

// General
.mb-1 {
	margin-bottom: 1em!important;
}

.mb-2 {
	margin-bottom: 2em!important;
}

.centered {
	text-align: center;
}

/*
	UL Checked

 */
ul.bordered {
	padding: 2em;
	// border: 2px solid $hm_brand2;
}

ul.checked {
	list-style: none;
	margin: 1em 0 1em 2em;
	max-width: 600px;
	text-transform: capitalize;

	@media only screen and (min-width:800px) {
		margin: 1em auto;
	}
	
	li {
		position: relative;
		margin-bottom: .5em;

		&:before {
			position: absolute;
			left: -1.5em;
			top: 4px;
			font-size: .85em;
			content: '\f00c';
			color: $base-accent-color;
			font-family: "FontAwesome";

		}

		&:last-child {
			margin-bottom: 0;
		}
	}
}

ul.xed-out {
	list-style: none;
	margin: 1em 0 1em 2em;
	max-width: 600px;
	text-transform: capitalize;

	@media only screen and (min-width:800px) {
		margin: 1em auto;
	}
	
	li {
		position: relative;
		margin-bottom: .5em;

		&:before {
			position: absolute;
			left: -1.5em;
			top: 4px;
			font-size: .85em;
			content: '\f00d';
			color: red;
			font-family: "FontAwesome";

		}

		&:last-child {
			margin-bottom: 0;
		}
	}
}



/*
	Forms

 */
form.wpcf7-form {
	$blue: #809BCE;
	// $grey: $hm_brand3;

	label {
		font-weight: normal;
		font-style: italic;
	}

	textarea {
		// border-left: 1px solid rgba($grey, .5);
	}

	input::placeholder, textarea::placeholder {
		// color: $hm_brand3;
	}

	// input, textarea {
	form.wpcf7-form input, form.wpcf7-form textarea {
		// color: $hm_brand3;
		line-height: 1.6;
		border: 0;
		box-shadow: none;
		// border-bottom: 1px solid rgba($grey, 0.5);

		&:focus {
			outline: 0;
			border-bottom: 1px solid rgba($blue, 0.7);
			transition: 0.6s all ease;
		}
	}

	input[type=submit] {
		position: relative;
		background: linear-gradient(180deg, $base-accent-color, darken($base-accent-color,10));
		color: white;
		letter-spacing: 2px;
		font-weight: 300;
		text-transform: uppercase;
		width: 100%;
		border: 0;
		outline: 0;
		z-index: 3;

		&:hover {
			transform: translateY(4px);
			transition: 0.4s all ease;
		}
	}
}

		/*
			Form

		 */
		form.wpcf7-form {

			span:nth-of-type(1),
			span:nth-of-type(2) {
				display: inline-block;
				width: 49%;
				margin-right: 2%;
			}

			// span:nth-of-type(3),
			// span:nth-of-type(4) {
			// 	display: inline-block;
			// 	width: 49%;
			// 	margin-right: 2%;
			// }

			// span:nth-of-type(4),
			span:nth-of-type(2) {
				margin-right: 0;
			}
		}
/* embedresponsively */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }