/*
Theme Name: Movement By Design
Theme URI: 
Author: Foundry Digital
Author URI: 
Description: The theme for The Movement By Design website
Version: 1.0
*/


/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 14px;
	line-height: 30px;
	color: #777777;
}

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 30px 0;
	padding: 0;
}
audio, canvas, iframe, img, svg, video {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
 
.header-container {
	float:left;
	width:250px;
	padding:20px;
	height:100vh;
	background-color:#F7F7F7;
	position: fixed;
	width: 250px;
	left: 0;
	float: left;
	-webkit-box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.1);
}
.logo-img {
	width:250px;
	height:auto;
}
.main-container {
	  float: none; /* not needed, just for clarification */
    /* the next props are meant to keep this block independent from the other floated one */
    width: auto;
		padding-left:290px;
}
.home-container {
	 float: none; /* not needed, just for clarification */
    /* the next props are meant to keep this block independent from the other floated one */
    width: auto;
		padding-left:290px;
		height:100%;
}
h1, h2, h3, h4, h5 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	text-transform:uppercase;
	font-weight:normal;
	color:#000000;
}
a {
	font-weight:bold;
	color:#46c0ab;
}
article section {
	width:100%;
	padding:0 0 40px;
}
article section img {
	width:100%;
	height:auto;
}
article .featureimage {
	height:150px;
	width:100%;
	margin-bottom:40px;
	padding:120px 0 80px;
	text-align:center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
article .featureimage h1 {
	color:#ffffff;
	font-size:40px;
	font-weight:700;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7);
}
article .featureimage p {
	color:#ffffff;
	font-size:18px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
  font-weight: bold;
}
.container {
	  padding: 0 10%;
  margin: 0 auto;
  max-width: 1200px;
}
section img {
	max-width:100%;
	-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;	
	}
/** NAVIGATION **/

nav ul {
	list-style:none;
	text-align:center;
	width:100%;
	padding:0;
}
nav ul li {
	border-bottom:1px solid #E4E4E4;
	padding:10px 0;
}
#menu-item-18 {border-bottom:none;}
nav ul a {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	text-transform:uppercase;
	text-decoration:none;
	color:#000000;
}
nav ul a:hover {
	color:#46c0ab;
}

.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%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;

}


.gform_wrapper ul li.gfield {
  margin-bottom: 20px;
}
.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper textarea {
  padding: 15px 0 15px 0 !important;
	border:1px solid #ccc;
}
.gform_button, .button {
	color:#ffffff;
	text-transform:uppercase;
	background-color:#46c0ab;
	display:block;
	padding:10px 20px;
	font-family: 'Montserrat', sans-serif;
	border:none;
}
.gform_button:hover, .button:hover {
	background-color:#000000;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  border-top: none  !important;  
	border-bottom: none  !important;
}



@media screen and (max-width: 960px) {
	.logo-img {
		width:100px;
		height:auto;
	}
	.header-container {
		display:block;
		float:none;
		position:relative;
		height:auto;
		width:90%;
		padding:10px 5%;
	}
	.main-container, .home-container {
		padding-left:0;

	}
	article .featureimage {
  	height: auto;
		padding: 20px 0 20px;
		
	}
	article .featureimage h1 {
	font-size:28px;
	}
	.nav-toggle {
		text-decoration:none;
		color:#000000;
		float:right;
		font-size: 30px;
		padding-top:20px;
	}
	
	
	
	
}
@media screen and (max-width: 680px) {
  h2 {
		font-size:22px;
	}
	
}

	


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 959px) {
	
	
	
	
	
	
}
 @media print,  (-o-min-device-pixel-ratio: 5/4),  (-webkit-min-device-pixel-ratio: 1.25),  (min-resolution: 120dpi) {
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden; 
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
*,  *:before,  *:after {
	background: transparent !important;
	color: #000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
a,  a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
a[href^="#"]:after,  a[href^="javascript:"]:after {
	content: "";
}
pre,  blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
}
tr,  img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
p,  h2,  h3 {
	orphans: 3;
	widows: 3;
}
h2,  h3 {
	page-break-after: avoid;
}
}