@blue:	#097cd8;
@white:	#fff;
@charcoal-grey: #3a3f54;
@light-grey:	#f9f9f9;
@dark-blue:	#34384b;
@battleship-grey:	#636d82;
@dark:	#323232;
@grey:	#f9f9f9;
@font-color:	#545454;
@default-text:	16px;
@default-line-height:	22px;
@ptSans :	'PT Sans', sans-serif;
@slabo:	'Slabo 27px', serif;
@full:	100%;

html{
	margin:	0;
	padding:	0;
	overflow-y:	scroll;
	vertical-align:	baseline;
}
body{
	background:	@white;
	color:	@font-color;
	font-family: @ptSans;
	font-size:	@default-text;
	line-height:	@default-line-height;
	box-sizing:	border-box;
	margin:	0 auto;
	padding:	0;
}	
h{
	&1{
		font-family:	@slabo;
		font-size: @default-text + 20;
		line-height:	45px;
		font-weight:	100;
	}
	&2{
		font-family:	@slabo;
		font-size:	@default-text + 14;
		font-weight:	normal;
	}
	&3{
		font-family:	@slabo;
		font-size:	@default-text + 8;
		font-weight:	normal;
		line-height:	30px;
	}
	&4{
		font-family:	@slabo;
		font-size:	@default-text + 2;
		font-weight:	normal;
		line-height:	25px;
	}
	&5{
		font-family:	@slabo;
		font-size:	@default-text - 2;
		font-weight:	normal;
	}
	&6{
		font-family:	@slabo;
		font-size:	@default-text - 4;
		font-weight:	normal;
	}	
}
a{
	text-decoration:	none;
	color:	@charcoal-grey;	
	outline: none !important;
	transition: all 0.2s ease-in-out;
	&:hover{
		text-decoration:	none;
		cursor:	pointer;
		color:	@blue;
	}
}
ul{
	&.list-inline{
		padding-left:	0;
		margin-left:	-5px;
		list-style:	none;
		& > li {
				display:	inline-block;
				padding-right:	5px;
				padding-left:	5px;
			}
	}
	&.line{
		list-style:	none;
		line-height:	2;
		padding-left:	0;
		letter-spacing:	1px;
		& > li:before{
				
			}
	}
}
.btn{
	&--primary{
		background:	@blue;
		border:	2px solid @blue;
		color:	@white;
		padding:	12px 28px;
		font-size:	14px;
		text-transform:	uppercase;
		font-family:	'PT Sans', sans-serif;
		cursor:	pointer;
		border-radius:	4px;
		transition:	all 0.3s ease 0s;
		display:	inline-block;
		line-height:	18px;
		float:	none;
	}
	&--primary:hover{
		background:	@dark-blue;
		border:	2px solid @dark-blue;
		color:	@white;
	}
	&--transparent{
		background:	none;
		color:	@blue;
		padding:	12px 28px;
		font-size:	14px;
		text-transform:	uppercase;
		font-family:	'PT Sans', sans-serif;
		cursor:	pointer;
		border-radius:	4px;
		transition:	all 0.3s ease 0s;
		float:	none;
		display:	inline-block;
		border:	2px solid @blue;
		line-height:	18px;
	}
	&--transparent:hover{
		background:	@blue;
		border:	2px solid @blue;
		color:	@white;
	}
	&-white--border{
		background:	none;
		color:	@white;
		padding:	12px 28px;
		font-size:	14px;
		text-transform:	uppercase;
		font-family:	inherit;
		cursor:	pointer;
		border-radius:	4px;
		transition:	all 0.3s ease 0s;
		float:	none;
		display:	inline-block;
		border:	2px solid @white;
		line-height:	18px;
	}
	&-white--border:hover{
		background:	@white;
		border:	2px solid @white;
		color:	@blue;
	}
	&--text{
		background:	none;
		color:	@charcoal-grey;
		font-weight:	bold;
		text-decoration:	none;
	}
	&--prevnext{
		background:	none;
		border-radius:	4px;
		color:	@charcoal-grey;
		border: 2px solid @charcoal-grey;
		cursor: pointer;
		float:	none;
		display:	inline-block;
		font-size:	14px;
		padding:	10px 44px;
		font-weight:	bold;
	}
}	
img{
	max-width:	@full;
	height: auto;
}
.text{
	&--center{
		text-align:	center;
	}
	&--right{
		text-align:	right;
	}
}
.main-navigation ul{
	display:	none;
	list-style:	none;
	background: @light-grey;
	margin:	0 auto;
	padding-top:	20px;
	padding-bottom:	20px;
	padding-left:0;
	padding-right:0;
	margin-top:	-12px;
	& li a {
		 color: @charcoal-grey;
   		 font-family: 'PT Sans', sans-serif;
    	 font-size: 100%;
    	 font-weight: 600;
    	 letter-spacing: 3px;
    	 text-decoration: none;
    	 text-transform:	uppercase;
    	 line-height:	40px;
	}
}
.menu-toggle{
	display:	block;
	width:	auto;
	padding:	10px;
	background:	none;
	box-shadow:	none;
	border-radius:	0px;
	border:	0px;
	box-sizing:	border-box;	
	font-family: inherit;
	font-size:	24px;
	color:	@charcoal-grey;
	position:	absolute;
	right:	15px;
	top:	0;
}
#book-an-appointment{
	display:	none;
}

.main-navigation.toggled .nav-menu{
	display:	block;
	
}
.site-branding{
	text-align:	left;
	padding:	20px 10px;
	box-sizing:	border-box;
}
.container{
	width:	@full;
	box-sizing:	border-box;
	padding-left:	15px;
	padding-right:	15px;
}
.blue{
	color:	@blue;
}
.grey{
	background:	@grey;
	padding:	100px 0;
}
.battleship-grey{
	color:	@battleship-grey;
}
.white{
	color:	@white;
}
.span--text{
	font-family:	@ptSans;
	font-weight:	bold;
	font-size:	24px;
	letter-spacing:	1.3px;
	text-transform:	uppercase;
	color:	@charcoal-grey;
	&-alt{
		font-family:	@ptSans;
		font-weight:	bold;
		font-size:	24px;
		letter-spacing:	1.3px;
		text-transform:	uppercase;
		color:	#fff;
	}
}
.sidebar--header{
	font-family:	@ptSans;
	font-weight:	bold;
	font-size:	@default-text;
	letter-spacing:	1.2;
	color:	@charcoal-grey;
	text-transform:	uppercase;
}
aside{
	margin-bottom:	25px;
	& ul {
		padding-left:	0;
		list-style:	none;
		& > li{
				margin-bottom:	5px;
			}
	}
}
.underline{
	border-bottom:	3px solid @blue;
	color:	@blue;
	&--alt{
		border-bottom:	3px solid @white;
		color:	@white;
	}
}
.clearfix{
	margin:	15px auto;
	display:	block;
	width:	@full;
	float:	left;
}
.clearfix--2x{
	margin: 18px auto 95px;
	float:	left;
	width:	@full;
}
.clearfix-15{
	margin: 15px auto;
	float:left;
	width:100%;
}
.margin-100{
	margin-top:100px;
}
.bottom-placement{
	position:	absolute;
	bottom:	50px;
}
input[type="text"], input[type="email"]{
	padding:	10px 15px;
	border:	0px;
	box-shadow:	0 0 15px 0 rgba(0, 0, 0, 0.11);
	width:	28%;
	font-size:	14px;
	font-family:	@ptSans;
	 -webkit-appearance: none;
}
input[type="submit"]{
	padding:	12px 22px !important;
	border:	0px !important;
	border-radius:	0 4px 5px 0 !important;
	background:	@blue !important;
	color:	@white !important;
	font-size:	14px !important;
	font-family:	@ptSans;
	-webkit-appearance: none;
}
footer{
	background:	@dark;
	padding-top:	40px;
	padding-bottom:	40px;
	color:	@white;
	float:	left;
	width:	@full;
	& a{
		color:	@white;
	}
	& input[type="text"] {
		  width: 86%;
  		  float: left;
    	  background: #2d2d2d;
		  color:	@white;
	  }	
	& .subscribeBtn{
		float: left;
    	background: #272727;
    	padding: 9px 10px;
		position:	absolute;
	}
}
.hero-text{
	font-family:	@slabo;
	font-weight:	normal;
	font-size:	26px;
	letter-spacing:	1.8px;
	color:	@charcoal-grey;
	line-height:	36px;
	display:	block;
	margin-top:	20px;
}
.instagram-mask, .mask{
	background: url('/wp-content/uploads/2016/11/mask.jpg');
	background-size:	cover;
	background-position: initial;
	background-repeat:	no-repeat;
	padding: 100px 0 100px;
	color:	@white;
}
article{
	float:	left;
	width:	@full;
	display:	block;
	margin-bottom:	70px;
}
.comment-list{
	padding-left:	0;
	list-style:	none;
}
.comment-meta{
	background:	none;
	color:	inherit;
	& a {
		color:	inherit;
	}	
}
.avatar{
	border-radius:	60px;
}
.site-branding img {
    max-width: 106px;
}
#s{
	width:	@full;
	border:	1px solid @charcoal-grey;
	border-radius:	4px;
	box-shadow:	none !important;
	color:	@charcoal-grey;
}
label{
	font-size:	14px;
	color:	@charcoal-grey;
}
.wpcf7-form-control{
	box-shadow:	none !important;
	width:	@full !important;
	border-bottom:	1px solid @charcoal-grey !important;
	border-top:	0px !important;
	border-right:	0px !important;
	border-left:	0px !important;
	padding-left:	0px !important;
}
.wpcf7-email{
	padding:	10px 15px;
}	
.wpcf7-submit{
	border-radius:	4px !important;
	width:	65% !important;
	padding:	12px 0 !important;
}
.g--third, .g--half, .g-wide--1, .g-wide--3, .g-wide--full, .g-small--1{
	float:left;
	width:100%;
	box-sizing:	border-box;
}
.white-logo{
	display:	none;
}
#masthead{
	position:	fixed;
	background:	@white;
	width:	@full;
	box-sizing:	border-box;
	height:	68px;
	z-index:	100;
}
.site-content{
	float:	left;
	width:	@full;
	margin-top:	100px;
	box-sizing:	border-box;	
	display:	block;
}
iframe{
	width:	@full;
	display:	block;
}
div.wpcf7{
	overflow:	hidden;
}
.shadow{
	margin-bottom:50px;
	box-shadow:	0 10px 15px 0 rgba(0, 0, 0, 0.11);
	background:	@white;
	& img{
		width:	@full;
	}
}
textarea:focus, input:focus{
    outline: none;
}
input[type="text"]{
	box-sizing:border-box;
}
.attachment-post-thumbnail:hover{
	transform:	scale(1.05);
}
.single .attachment-post-thumbnail:hover{
	transform: none !important;
}
.post-img{
	max-height:500px;
	overflow:	hidden;
	& img{
		transition: all .2s ease-in-out;
	}
}
.panel-grid{
	margin-right: 0 !important;
	margin-left: 0 !important;
	margin-bottom:0 !important;
}
.panel-grid-cell{
	padding-left:0 !important;
	padding-right: 0 !important;
}
#pgc-w58763e2520063-1-0{
	text-align: center;
}
@media all and (min-width: 990px) {
	ul#menu-main-navigation {
		padding:	0;
		display:	block;
		background:	none;
		margin-top:	-12px;
		& li{
			list-style:	none;
			display:	inline;
			padding-left:	16px;
			text-transform:	uppercase;
			& a{
				font-weight:bold;
				font-size:	16px;
				color:	@dark-blue;
				letter-spacing:	2.3px;
				text-decoration:	none;
				font-family:	@ptSans;
			}
			& a:hover{
				color:	@blue;
			}
		}
	}

	.home #book-an-appointment {
		text-align:	right;
		font-family:	@ptSans;
		font-weight:	bold;
		letter-spacing:	2px;
		font-size:	16px;
		margin-top:	-5px;
		display:	block;
	}
	#book-an-appointment {
		text-align:	right;
		font-family:	@ptSans;
		font-weight:	bold;
		letter-spacing:	2px;
		font-size:	16px;
		margin-top:-5px;
		width:	18%;
		display:	block;
		& a{
			color:	@dark-blue;
		}
		& a:hover{
			color:	@blue;
		}
	}
	.home .headroom--unpinned #book-an-appointment a{
		color:	@white;
	}
	.home .headroom--top #book-an-appointment a{
		color:	@white;
	}
	.right-menu-item{
		display:	none !important;
	}
	.current-menu-item a{
		color:	@blue !important;
	}
	.container{
		max-width:	1440px;
		margin-right:	auto;
		margin-left:	auto;
		padding-right:	140px;
		padding-left:	140px;
		&--accordion{
			max-width:	760px;
			margin-right:	auto;
			margin-left:	auto;
			padding-left:	140px;
			padding-right:	140px;
		}
	}
	.site-header{
		padding:	28px 30px 0px;
		border-bottom:	1px solid @white;
		float:	left;
		width:	@full;
		box-sizing:	border-box;
		position:	fixed;
		z-index: 100;
	}

	.g{
		&--half{
			margin-right:	3.45%;
   			width:	48.15%;
			float:	left;
			margin-bottom:0;
		}
		&--third{
			margin-right:	3.45%;
    		width:	31.03%;
			float:	left;
			margin-bottom:0;
		}
		&-wide--1{
			margin-right:	3.45%;
    		width:	31.03%;
			float:	left;
			overflow:	hidden;
			margin-bottom:0;
		}
		&-wide--full{
			width:	@full;
			float:	left;
			margin-bottom:0;
		}
		&-wide--3{
			margin-right:	3.45%;
    		width:	65.5%;
			float:	left;
			margin-bottom:0;
		}
		&-small--1{
			width:	22.4%;
			margin-right:	3.45%;
			float:	left;
			position:	relative;
		}
		&-tiny--1{
			width: 15.4%;
			margin-right: 3.45%;
			float: left;
			position: relative;
		}
		&-large--gap{
			margin-right:	12%;
		}
		&--right{
			float:	right;
			text-align:	right;
			display:	inline;
		}
		&--last{
			margin-right:	0;
		}
		&--course:nth-child(3n) {
			margin-right:	0;
		}
		&-bottom--margin{
			margin-bottom:	3.7%;
		}
		&-alt--3{
			width:	58%;
			float:	left;
			margin-right:	3.7%;
		}
		&-alt--1{
			float:	left;
			margin-right:	3.7%;
			width:	30.2%;
		}
	}
	.menu-toggle{
		display:	none;
	}
	.site-branding{
		text-align:	left;
		padding:	0;
		float:	left;
		width:	15%;
		margin-right:	3%;
		& img{
			max-width:	136px;
		}
	}
	.nav-mid{
		width:	61%;
		margin-right:	3%;
	}
	.site-content{
		float:	left;
		width:	@full;
		margin-top:	125px;
	}
	.entry-header{
		max-height: 50px;
		float:	none;
		background-position:	0 -335px;
		background-size:	cover;
		background-attachment:	fixed;
	}
	.entry-title{
		text-align:	left;
	}
	.entry-meta{
		font-size:	14px;
		& a {
			color:	@font-color;
		}
	}
	.display-table-cell{
		display:	table-cell;
		vertical-align:	middle;
		float:	none;
	}
	.dark-logo{
		display:	none;
	}
	.headroom {
   		will-change: transform;
    	transition: transform 200ms linear;
	}
	.headroom--pinned {
    	transform: translateY(0%);
		background:	@white;
	}
	.headroom--not-top img.dark-logo{
		display:	block;
	}
	.headroom--pinned img.white-logo{
		display:	none;
	}
	.headroom--unpinned {
    	transform: translateY(-100%);
	}
	.headroom--top{
		background:none !important;
	}
	.headroom--unpinned img.dark-logo{
		display:	block;
	}
	.headroom--top img.white-logo{
		display:	block;
	}
	.headroom--top img.dark--logo{
		display:	none;
	}
	#respond{
		float:	left;
		display:	block;
		width:	@full;
		background:	@light-grey;
		padding:	20px;
	}
	footer .subscribeBtn{
		right:	0;
	}
}
@media (min-width:991px) and (max-width: 1100px) {
	.site-header{
		padding: 16px 10px 0;
	}
	.site-branding{
		width:10%;
	}
	.nav-mid{
		width:60%;
		margin-right:0;
	}
	#book-an-appointment{
		width: 27%;
	}
}