/*-----------------------------------------------------------------------------------

Template Name: Elaine Greenwood
Template URI: www.elainegreenwood.co.uk
Version: 1.0

----------------------------------------------------------------------------------- */

body { font-size: 1em; line-height: 1.4; /* padding-bottom: 4em; */ }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}
img { vertical-align: middle; border: none; }
a{ text-decoration: none; }
ol, ul{ margin: 0; padding: 0; }
body {-webkit-font-smoothing: antialiased; font-smooth: always; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); font: 16px/24px 'roboto'; font-weight:400; }
.wrapper { width: 1140px; margin: 0 auto; }

.main table tr.grey th {background-color:#f5f5f5!important;color:#c8c8c8;text-decoration:line-through; }
.main table tr.grey th span {color:#c8c8c8;}
.main table tr.grey a.btn {background-color:#c8c8c8}
.caption {font-weight:bold}

.guest-teaching a{text-decoration:none}
.guest-teaching ul{width:100%;font-size:0}
.guest-teaching ul li{display:inline-block;vertical-align:top;padding-left:10px;width:50%;box-sizing:border-box}
.guest-teaching ul li:first-child{padding-left:0;width:45%}
.guest-teaching ul li a > span.application_1st{border:2px solid #DBDBD6;border-radius:5px;line-height:60px !important;-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;}
.guest-teaching ul li a > span{display:block;padding:20px;width:100%;height:100px;box-sizing:border-box;font-weight:bold;font-size:16px;color:#656a6f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.guest-teaching ul li a > span small{font-weight:normal;font-size:0.8em;line-height:normal;display:block;}
.guest-teaching ul li a > span strong{font-weight:normal;font-size:1em;line-height:normal;block;}

.guest-teaching ul li a > span.application_1st:hover{background:#DBDBD6;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	}

.dropdown, .dropleft, .dropright, .dropup {
	position:relative
}
.dropdown-toggle::after {
display:inline-block;
width:0;
height:0;
margin-left:.255em;
vertical-align:.255em;
content:"";
border-top:.3em solid;
border-right:.3em solid transparent;
border-bottom:0;
border-left:.3em solid transparent
}
.dropdown-toggle:empty::after {
margin-left:0
}
.dropdown-menu {
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	display:none;
	float:left;
	min-width:10rem;
padding:.5rem 0;
margin:.125rem 0 0;
	font-size:1rem;
	color:#212529;
	text-align:left;
	list-style:none;
	background-color:#fff;
	background-clip:padding-box;
	border:1px solid rgba(0, 0, 0, .15);
border-radius:.25rem
}
.dropdown-menu-right {
	right:0;
	left:auto
}
.dropup .dropdown-menu {
	top:auto;
	bottom:100%;
	margin-top:0;
margin-bottom:.125rem
}
.dropup .dropdown-toggle::after {
display:inline-block;
width:0;
height:0;
margin-left:.255em;
vertical-align:.255em;
content:"";
border-top:0;
border-right:.3em solid transparent;
border-bottom:.3em solid;
border-left:.3em solid transparent
}
.dropup .dropdown-toggle:empty::after {
margin-left:0
}
.dropright .dropdown-menu {
	top:0;
	right:auto;
	left:100%;
	margin-top:0;
margin-left:.125rem
}
.dropright .dropdown-toggle::after {
display:inline-block;
width:0;
height:0;
margin-left:.255em;
vertical-align:.255em;
content:"";
border-top:.3em solid transparent;
border-right:0;
border-bottom:.3em solid transparent;
border-left:.3em solid
}
.dropright .dropdown-toggle:empty::after {
margin-left:0
}
.dropright .dropdown-toggle::after {
vertical-align:0
}
.dropleft .dropdown-menu {
	top:0;
	right:100%;
	left:auto;
	margin-top:0;
margin-right:.125rem
}
.dropleft .dropdown-toggle::after {
display:inline-block;
width:0;
height:0;
margin-left:.255em;
vertical-align:.255em;
content:""
}
.dropleft .dropdown-toggle::after {
display:none
}
.dropleft .dropdown-toggle::before {
display:inline-block;
width:0;
height:0;
margin-right:.255em;
vertical-align:.255em;
content:"";
border-top:.3em solid transparent;
border-right:.3em solid;
border-bottom:.3em solid transparent
}
.dropleft .dropdown-toggle:empty::after {
margin-left:0
}
.dropleft .dropdown-toggle::before {
vertical-align:0
}
.dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] {
right:auto;
bottom:auto
}
.dropdown-divider {
	height:0;
margin:.5rem 0;
	overflow:hidden;
	border-top:1px solid #e9ecef
}
.dropdown-item {
	display:block;
	width:100%;
padding:.25rem 1.5rem;
	clear:both;
	font-weight:400;
	color:#212529;
	text-align:inherit;
	white-space:nowrap;
	background-color:transparent;
	border:0
}
.dropdown-item:focus, .dropdown-item:hover {
	color:#16181b;
	text-decoration:none;
	background-color:#f8f9fa
}
.dropdown-item.active, .dropdown-item:active {
	color:#fff;
	text-decoration:none;
	background-color:#007bff
}
.dropdown-item.disabled, .dropdown-item:disabled {
	color:#6c757d;
	background-color:transparent
}
.dropdown-menu.show {
	display:block
}
.dropdown-header {
	display:block;
padding:.5rem 1.5rem;
	margin-bottom:0;
font-size:.875rem;
	color:#6c757d;
	white-space:nowrap
}
.dropdown-item-text {
	display:block;
padding:.25rem 1.5rem;
	color:#212529
}
.btn-group, .btn-group-vertical {
	position:relative;
	display:-ms-inline-flexbox;
	display:inline-flex;
	vertical-align:middle
}
.btn-group-vertical>.btn, .btn-group>.btn {
	position:relative;
	-ms-flex:0 1 auto;
	flex:0 1 auto
}
.btn-group-vertical>.btn:hover, .btn-group>.btn:hover {
	z-index:1
}
.btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus {
	z-index:1
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group, .btn-group-vertical .btn+.btn, .btn-group-vertical .btn+.btn-group, .btn-group-vertical .btn-group+.btn, .btn-group-vertical .btn-group+.btn-group {
	margin-left:-1px
}
.btn-toolbar {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-pack:start;
	justify-content:flex-start
}
.btn-toolbar .input-group {
	width:auto
}
.btn-group>.btn:first-child {
	margin-left:0
}
.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius:0;
border-bottom-right-radius:0
}
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
border-top-left-radius:0;
border-bottom-left-radius:0
}
.dropdown-toggle-split {
padding-right:.5625rem;
padding-left:.5625rem
}
.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
margin-left:0
}
.dropleft .dropdown-toggle-split::before {
margin-right:0
}
.btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split {
padding-right:.375rem;
padding-left:.375rem
}
.btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split {
padding-right:.75rem;
padding-left:.75rem
}
.btn-group-vertical {
	-ms-flex-direction:column;
	flex-direction:column;
	-ms-flex-align:start;
	align-items:flex-start;
	-ms-flex-pack:center;
	justify-content:center
}
.btn-group-vertical .btn, .btn-group-vertical .btn-group {
	width:100%
}
.btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group {
	margin-top:-1px;
	margin-left:0
}
.btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius:0;
border-bottom-left-radius:0
}
.btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn:not(:first-child) {
border-top-left-radius:0;
border-top-right-radius:0
}
.btn-group-toggle>.btn, .btn-group-toggle>.btn-group>.btn {
	margin-bottom:0
}
.btn-group-toggle>.btn input[type=checkbox], .btn-group-toggle>.btn input[type=radio], .btn-group-toggle>.btn-group>.btn input[type=checkbox], .btn-group-toggle>.btn-group>.btn input[type=radio] {
	position:absolute;
	clip:rect(0,0,0,0);
	pointer-events:none
}
.input-group {
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-ms-flex-align:stretch;
	align-items:stretch;
	width:100%
}
.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control {
	position:relative;
	-ms-flex:1 1 auto;
	flex:1 1 auto;
	width:1%;
	margin-bottom:0
}
.input-group>.custom-file:focus, .input-group>.custom-select:focus, .input-group>.form-control:focus {
	z-index:3
}
.input-group>.custom-file+.custom-file, .input-group>.custom-file+.custom-select, .input-group>.custom-file+.form-control, .input-group>.custom-select+.custom-file, .input-group>.custom-select+.custom-select, .input-group>.custom-select+.form-control, .input-group>.form-control+.custom-file, .input-group>.form-control+.custom-select, .input-group>.form-control+.form-control {
	margin-left:-1px
}
.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
border-top-right-radius:0;
border-bottom-right-radius:0
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
border-top-left-radius:0;
border-bottom-left-radius:0
}
.input-group>.custom-file {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center
}
.input-group>.custom-file:not(:last-child) .custom-file-label, .input-group>.custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius:0;
border-bottom-right-radius:0
}
.input-group>.custom-file:not(:first-child) .custom-file-label, .input-group>.custom-file:not(:first-child) .custom-file-label::after {
border-top-left-radius:0;
border-bottom-left-radius:0
}
.input-group-append, .input-group-prepend {
	display:-ms-flexbox;
	display:flex
}
.input-group-append .btn, .input-group-prepend .btn {
	position:relative;
	z-index:2
}
.input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text, .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text {
	margin-left:-1px
}
.input-group-prepend {
	margin-right:-1px
}
.input-group-append {
	margin-left:-1px
}
.input-group-text {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
padding:.375rem .75rem;
	margin-bottom:0;
	font-size:1rem;
	font-weight:400;
	line-height:1.5;
	color:#495057;
	text-align:center;
	white-space:nowrap;
	background-color:#e9ecef;
	border:1px solid #ced4da;
border-radius:.25rem
}
.input-group-text input[type=checkbox], .input-group-text input[type=radio] {
	margin-top:0
}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text {
border-top-right-radius:0;
border-bottom-right-radius:0
}
.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
border-top-left-radius:0;
border-bottom-left-radius:0
}

/* ==========================================================================
   Theme Colours
   ========================================================================== */
body{
   	background: #e7e7e1;  /* Background for Site */
}
html, button, input, select, textarea, a { 
	color: #656a6f; /* General Body Text Color*/
}
.main ul li:before, h1 span, h2 span, h3 span, h4 span, .highlight, h5, h6, h1:after, h2:after, h3:after, .main-container a:hover, 
.more:before, ol > li:before, .cta a:hover, .error[generated=true], .footable.breakpoint > tbody > tr > td.expand:before{
	color: #8a4b44; /* Feature Color*/
}   
a.btn, input[type=button], nav .current_page_item a, input[type=submit]{
	background-color: #8a4b44; /* Button Back Ground Color*/
	color: #fff; /* Button Text Color*/
}
.color {color:#8a4b44}

a.btn:hover, input[type=button]:hover, nav a:hover, input[type=submit]:hover{
	background-color: #646d72; /* Button Back Ground Color on Hover*/
	color: #fff;
}
h1, h2, h3, h4, .nav a, h1 a, h2 a, h3 a, h4 a, #response .success, .success:before, #response .failure{
	color: #2d3438; /* Headings Color*/
} 
strong, b, .lead, .main table th, blockquote, .more, .cta a{
	color: #3c4a52; /* Headings Color*/
}
cite {
	font-size:0.75em;
	font-style:normal!important;
}
#masthead{
	background: #e7e7e1!important; /* Home Page Masthead Background Color - Match to image*/
}
.cta, .cta h1, .cta h2, .cta h3, .cta h4, .cta h5{
	color: #333; /* Masthead Headings Color*/
}
.main-content p a {
	text-decoration:underline;
}

/* Status message
=============================== */
.error-message,
.success-message,
.info-message,
.warning-message {
	border:2px solid;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	display:block;
	font:16px/24px;
	padding:15px;
	margin-bottom:20px;
}
.error-message i,
.success-message i,
.info-message i,
.warning-message i {
	font-size:18px;
	float:left;
	height:24px;
	line-height:24px;
	padding-right:10px;
}
.error-message ul,
.success-message ul,
.info-message ul,
.warning-message ul { margin:0; }

span.error-view,
span.success-view,
span.warning-view,
span.info-view {
	display:block;
	font-size:14px;
	height:14px;
	line-height:14px;
	margin-top:5px;
	padding:0 2px;
}
span.hint {
	display:block;
	font-size:13px;
	color:inherit;
	height:13px;
	line-height:13px;
	margin-top:5px;
	padding:0 2px;
}

/* Disabled state
=============================== */
.widget.disabled-view,
.input.disabled-view,
.select.disabled-view,
.checkbox.disabled-view,
.radio.disabled-view,
.checkbox-toggle.disabled-view,
.radio-toggle.disabled-view,
.primary-btn.disabled-view,
.secondary-btn.disabled-view,
.file-button.disabled-view { cursor:default; opacity:.5; }

.input.disabled-view input[type="file"] { cursor:default; }

.widget.disabled-view input,
.input.disabled-view input,
.input.disabled-view textarea,
.select.disabled-view select { border-color:rgba(0,0,0,.12) !important; }

.checkbox.disabled-view i,
.radio.disabled-view i,
.checkbox-toggle.disabled-view i,
.radio-toggle.disabled-view i { border-color:rgba(0,0,0,.26) !important; }

.primary-btn.disabled-view,
.secondary-btn.disabled-view,
.disabled-view .file-button { background:#303f9f; }

.widget.disabled-view .addon-btn:hover,
.widget.disabled-view .addon-btn:focus { background:#e0e0e0; cursor:default; color:rgba(0,0,0,.56); }

.widget.disabled-view .addon-btn i { color:rgba(0,0,0,.24) !important; }

/* Error state
=============================== */
.error-view .checkbox i,
.error-view .radio i,
.error-view .checkbox-toggle i,
.error-view .radio-toggle i,
.error-view input,
.error-view select,
.error-view textarea { background:#ffebee !important; }

.select.error-view i {
	background-color:#ffebee;
	-webkit-box-shadow:0 0 0 12px #ffebee;
	-moz-box-shadow:0 0 0 12px #ffebee;
	-o-box-shadow:0 0 0 12px #ffebee;
	box-shadow:0 0 0 12px #ffebee;
}
.error-view .icon-left,
.error-view .icon-right { border-color:#e57373; }

.error-view .icon-left,
.error-view .icon-right,
span.error-view,
.error-message i { color:#b71c1c; }

.error-message { background:#ffebee; border-color:#b71c1c; color:#b71c1c; }

/* Success state
=============================== */
.success-view .checkbox i,
.success-view .radio i,
.success-view .checkbox-toggle i,
.success-view .radio-toggle i,
.success-view input,
.success-view select,
.success-view textarea { background:#e8f5e9 !important; }

.select.success-view i {
	background-color:#e8f5e9;
	-webkit-box-shadow:0 0 0 12px #e8f5e9;
	-moz-box-shadow:0 0 0 12px #e8f5e9;
	-o-box-shadow:0 0 0 12px #e8f5e9;
	box-shadow:0 0 0 12px #e8f5e9;
}
.success-view .icon-left,
.success-view .icon-right { border-color:#81c784; }

.success-view .icon-left,
.success-view .icon-right,
span.success-view,
.success-message i { color:#1b5e20; }

.success-message { background:#e8f5e9; border-color:#1b5e20; color:#1b5e20; }

/* Warning state
=============================== */
.warning-view .checkbox i,
.warning-view .radio i,
.warning-view .checkbox-toggle i,
.warning-view .radio-toggle i,
.warning-view input,
.warning-view select,
.warning-view textarea { background:#fff8e1 !important; }

.select.warning-view i {
	background-color:#fff8e1;
	-webkit-box-shadow:0 0 0 12px #fff8e1;
	-moz-box-shadow:0 0 0 12px #fff8e1;
	-o-box-shadow:0 0 0 12px #fff8e1;
	box-shadow:0 0 0 12px #fff8e1;
}
.warning-view .icon-left,
.warning-view .icon-right { border-color:#f9a825; }

.warning-view .icon-left,
.warning-view .icon-right,
span.warning-view,
.warning-message i { color:#f57f17; }

.warning-message { background:#fff8e1; border-color:#f57f17; color:#f57f17; }

/* Info state
=============================== */
.info-view .checkbox i,
.info-view .radio i,
.info-view .checkbox-toggle i,
.info-view .radio-toggle i,
.info-view input,
.info-view select,
.info-view textarea { background:#e1f5fe !important; }

.select.info-view i {
	background-color:#e1f5fe;
	-webkit-box-shadow:0 0 0 12px #e1f5fe;
	-moz-box-shadow:0 0 0 12px #e1f5fe;
	-o-box-shadow:0 0 0 12px #e1f5fe;
	box-shadow:0 0 0 12px #e1f5fe;
}
.info-view .icon-left,
.info-view .icon-right { border-color:#0288d1; }

.info-view .icon-left,
.info-view .icon-right,
span.info-view,
.info-message i { color:#01579b; }

.info-message { background:#e1f5fe; border-color:#01579b; color:#01579b; }



/* ==========================================================================
   Logos
   ========================================================================== */  

.logo-foot{
	max-width: 140px; /* Update width to suite your own logo size */
}

.logo{
	display: inline-block;
	float: left;
	max-width: 333px; /* Update width to suite your own logo size */
}

.logo img, .logo-foot img{
	width: 100%;
}  


	

/* ==========================================================================
   Masthead Styles
   ========================================================================== */
#masthead{
	display: block;
	height: 1050px;
}

.cta h1{
	font-family: 'roboto';
	font-weight:900;
	font-size: 94px;
	margin-bottom: 15px;
	letter-spacing: -2px;
}
.cta h3{
	font-family: 'roboto'; 
	font-weight:300;
	letter-spacing: -1px;
}
.cta h1:after, .cta h2:after, .cta h3:after {
	content: none;
}
.cta{
	margin-top: 8%;
	padding-bottom: 30px;
	font-size: 18px;
}
.cta a{
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}




/* ==========================================================================
   Main Navigation Styles
   ========================================================================== */
 
.header-container nav{
	float: right;
}
.header-container .nav li{
	float: left;
	position: relative;
	padding: .4em .4em;
}
.nav a{
	font-family: 'roboto';
	font-weight:400;
	font-size: 18px;
	padding: 0.6em 1.2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.tinynav { 
	display: none; 
	width: 100%;
	margin-top: .5em;
	margin-bottom: .6em;
}



/* ==========================================================================
   Main Container General Layout Styles
   ========================================================================== */
.header-container header{
	padding-top: 60px;
	padding-bottom: 25px;
}   
.main-container{
	padding: 50px 0;
}
.main-content{
	width: 65%;
	float: left;
}
.main-content.full{
	width: 100%;
	float: none;
}
.main-content img, .right-aside img{
	max-width: 100%;width: 100%;
	background: #d7dce3;
	border: 6px solid #fff;
	margin: 1em 0;
	-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
}
.choreography-course .main-content img {
	width: 370px;
	padding: 0 0 1em;
	background: none;
	border: none;
	margin: 0;
}


#paypal img, #paypal form, #paypal fieldset, #paypal input[type=button], #paypal input[type=submit] {
	margin: none!important;
	border: none!important;
}



a img{
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	opacity: 1;
	position: relative;
}
a img:hover{
	opacity: .6;
}
.right-aside{
	float: right;
	width: 24%;
	border-left: 1px solid #cad2d7;
	padding-left: 4%;
}
.right-aside img{
	width: 100%;
}



/* ============= Columns ===============*/ 
.half{
	width: 47%;
	margin-right: 6%;
	float: left;
}
.third{
	width: 30%;
	margin-right: 5%;
	float: left;
}
.fourths{
	width: 22%;
	margin-right: 4%;
	float: left;
}
.two-third{
	width: 65%;
	margin-right: 5%;
	float: left;
}
.cta.two-third{
	width: 45%;
	margin-right: 5%;
	float: right;
}
.three-fourths{
	width: 74%;
	margin-right: 4%;
	float: left;
}
.left{
	float: left;
}
.right{
	float: right;
}




/* ==========================================================================
   Typography
   ========================================================================== */
h1, h2, h3, h4, h5, h6, p{

}   
h1, h2, h3, h4, h5, h6{ 
	font-weight: normal;
	line-height: 100%;
	letter-spacing: -1px;
	margin: 25px 0 .5em;
}
h4{
	margin: 10px 0 25px!important;
}
h1{
	font-size: 56px;
}
h2{
	font-size: 36px;
	margin-top: 15px;
}
h3{
	font-size: 28px;
	line-height:32px;
}
h4, h5{
	font-size: 26px;
}
h6{
	font-size: 14px;
	letter-spacing: 0px;
	position: relative;
}
h6.meta, blockquote h6{
	top: -1.4em;
}
strong, h1, h2, h3, h4, h5, h6, b, .more, ol > li:before, .cta a{
	font-family: 'roboto';
	font-weight:700;
}
h1:after {
	content: ".";
	font-size: 56px;
	position: relative;
	padding-left: 3px;
}
em{ 
	font-style:italic;
}
.lead {
	font-size: 24px;
	line-height: 32px;
	font-family: 'roboto';
}
.lead a {
	text-decoration:underline;
	color:#C33;
}
blockquote{
	font-size: 20px;
	line-height: 28px;
	font-family: 'aleoitalic';
}
.lead{
	margin-top: 0;
}

.main-container a{
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	cursor: pointer;
}


hr { display: block; height: 1px; border: 0; border-top: 1px solid #cad2d7; padding: 0; margin: 2em 0; }
hr.dash { display: block; height: 1px; border: 0; border-top: 1px dashed #cad2d7; margin: 2em 0; padding: 0; }
hr.dots { display: block; height: 1px; border: 0; border-top: 1px dotted #cad2d7; margin: 2em 0; padding: 0; }


iframe{
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 1%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #fff;
	width: 98%;
}
.fluid-width-video-wrapper{
	margin-bottom: 1em;
	background-color: #ffffff;
}
.fluid-width-video-wrapper iframe{
	width: 100%;
	padding: 0;
	margin: 0;
}


blockquote, blockquote.right, blockquote.left{
	margin: 0 3% 3%;
}



/* ============= Lists ===============*/   
.main ul, .main ol{
	margin-bottom: 12px;
}   
.main ul li, .more{
	list-style-type: none;
	line-height: 20px;
	padding-top: 5px;
	padding-bottom: 8px;
	position: relative;
	padding-left: 22px;
}

.main ul li:before, .more:before{
	content: "g";
	font-family: 'bulletsregular';
	font-size: 16px;
	left: 3px;
	top: 6px;
	position: absolute;
}
.main ol{
	margin-left: 22px;
}
ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol > li {
    position:relative; /* Create a positioning context */
    list-style:none; /
	margin: 0 0 0 1em;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 0px;
}
ol > li:before {
    content:counter(li) "."; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    position:absolute;
    top:-2px;
    left:-1.5em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:1.5em;
    margin-right:8px;
    padding:4px;
    text-align:center;
}
li ol,li ul {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}




/* ============= Buttons ===============*/
a.btn, input[type=button], input[type=submit]{
	border: none;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	font-family: 'roboto';
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: .6em 1.2em;
	white-space: nowrap;
	display: inline-block;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	margin-bottom: .5em;
	margin-top: .5em;
}
a.btn:hover{
	color: #fff;
}
a.small-btn{
	font-size: 14px;
	padding: .4em .9em;
}
a.xsmall-btn{
	font-size: 12px;
	padding: .2em .7em;
}



/* ============= Tables ===============*/
.main table{
	border: 1px solid #dcddc3;
	text-align: left;
	width: 100%;
	background: #F2F2EF;
	font-size:14px;
}
.main table th{
	padding: .5em;
	background-color: #d0d0c5;
	border: 1px solid #e7e7e1;
}
.main table td{
	padding: .5em;
	border: 1px solid #e7e7e1;
	vertical-align: center;	
}
.main table tr:nth-child(odd){
	background-color: #F2F2EF;
}
.main table tr:hover{
	background-color: #F2F2EF;
}
.main table th a.btn {margin:auto;
  display:block;text-align:center;}




/* ============= Forms ===============*/

/* Contact Form 7 */

form{
	margin-top: 1.5em;
}
fieldset{
	padding: 1em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d9d6cf;
	margin-bottom: 1em;
}
fieldset fieldset{
	background: #ffffff;
}
label{
	font-weight: 700;
	font-family: 'roboto';
	display: block;
}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=password], .wpcf7 input[type="select"], .wpcf7-select, .wpcf7 textarea,
input[type=text], input[type=email], input[type=password], input[type="select"] {
 	border: 1px solid #ddd;
	background: #ffffff;
	padding: 10px 2%;
	font-family: 'roboto';
	font-weight:300;
	color: #333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	outline: none;
	margin-bottom: 1em;
	resize: none;
	display: block;
	width: 50%;
	-webkit-appearance: none;
}
.wpcf7-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 54%;
  color: #333;
  border-color: #ddd!important;
  background: url(img/down-arrow.png) #fff no-repeat right 3px;
}

.wpcf7 input[type=text]:focus, .wpcf7 textarea:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=password]:focus, .wpcf7 textarea:focus, .wpcf7-select:focus,
input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus {
 	border: 1px solid #efdca2;
 }
textarea{
	width: 50%;
	height: 140px;
	display: block;
	resize: none;
	outline: none;
}
select, input[type=radio], input[type=checkbox] {
	margin-bottom: 1em;
	margin-right: 6px;
}
.error[generated=true] {
	font-size: 14px;
	font-family: 'roboto';
	font-weight:400;
}
div.wpcf7-mail-sent-ok {width: 50%; background:#fff;margin:1em 0;}
div.wpcf7-response-output {width: 50%; background:#fff;margin:1em 0;}


/* ==========================================================================
   Footer Styles
   ========================================================================== */
				
footer .wrapper{
	font-size: 14px;
	color: #9fa6aa;
	border-top: 1px solid #cad2d7;
	padding: 50px 0 50px;
	margin-top: 20px;
	margin-bottom: 4em;
}
.logo-foot{
	display: inline-block;
	padding: 0 3px;
}
.social-link{
	width: 31px;
	opacity: .4;
	display: inline-block;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}					
.social-link img{
	width: 100%;
}
.social-link:hover{
	opacity: 1;
}


/* ==========================================================================
   Media Queries 480
   ========================================================================== */
@media only screen and (max-width: 480px) { 	
	 input[type=text],  input[type=email], input[type=password], textarea, a.btn, input[type=button], input[type=submit]{
		padding: 10px 2%;
		width: 96%;
	}
	.cta h1{
		font-size:50px;
	}
	a.btn, input[type=button]{
		text-align: center;
	}
	a.small-btn{
		font-size: 14px;
		padding: .4em 2%;
	}
	a.xsmall-btn{
		font-size: 12px;
		padding: .2em 2%;
	}
	iframe{
		max-height: 320px;
	}
	hr, hr.dots { margin: 0; }
	
}



/* ==========================================================================
   Media Queries 600
   ========================================================================== */
@media only screen and (max-width: 600px) { 

	.logo{
		float: none;
		padding-bottom: 20px;
	}
	.header-container nav{
		float: none;
	}  
	select.tinynav{
		width: 100%;
	}
	.main-content img{
		width: 100%;
	}
	.backstretch{
		opacity: 0.25;
	}
	.cta.two-third{
		width: 100%;
		margin-right: 0%;
		float: none;
	}
	
	/* ============= Tables ===============*/
		.main table{ 
			border-left: 1px solid #cad2d7;
			border-right: 1px solid #cad2d7;
			border-top: none;
			border-bottom: none;
		}	
}

/* ==========================================================================
   Media Queries 768
   ========================================================================== */
@media only screen and (max-width: 768px) {
	.guest-teaching ul li a > span.application_1st{background:#DBDBD6;}
	.guest-teaching ul li {width:100%!important;padding-left:0!important;margin-bottom:10px;border:1px solid #3c4a52}
	.cta h1 {font-size:82px}

	.tinynav { 
		display: block; 
	}
	#nav{ 
		display: none; 
	}	
	#masthead{
		display: block;
		height: 100%;
	}
	.cta h1{
		font-size: 50px;
	}
	
	/* ============= Main Container General Layout Styles===============*/
	.header-container header{
		padding: 30px 0 0;
		text-align: center;
	} 
	.main-content, .right-aside{
		width: 100%;
		float: none;
		border: none;
		padding-left: 0;
		padding-right: 0;
	}
	.main-container{
		padding: 25px 0 50px;
	}
	.right-aside{
		margin-top: 25px; 
	}
	/* ============= Columns ===============*/ 
	.third, .half, .fourths, .two-third, ol.icon-lists li, ul.flag-lists li, .three-fourths, .foot.left, .foot.right{
		width: 100%;
		margin-right: 0%;
		float: none;
	}
	.third, .half, .fourths, .two-third, .three-fourths{
		margin-bottom: 30px;
	}
	blockquote.third, blockquote.half, blockquote.fourths, blockquote.two-third{
		width: 100%;
	}
	blockquote, blockquote.right, blockquote.left{
		margin: 0;
	}
	.foot.left, .foot.right{
		display: block;
		text-align: center;
		margin-bottom: 50px;
	}
	
 }
 
/* ==========================================================================
   Media Queries 992
   ========================================================================== */  
    @media only screen and (max-width : 992px) {
	.cta h1{
		font-size: 60px;
	}
	.tinynav { 
		display: block; 
	}
	#nav{ 
		display: none; 
	}
	.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=password], .wpcf7 input[type="select"], .wpcf7-select, .wpcf7 textarea,
input[type=text], input[type=email], input[type=password], input[type="select"], textarea {
	width:96%;	
    }
	.wpcf7-select {
	width:100%;
	}
	}
 
/* ==========================================================================
   Media Queries 1140
   ========================================================================== */  
@media only screen and (max-width: 1140px) { 
	.wrapper { width: 92%; margin: 0 4%; }
}


/* ==========================================================================
   FONTS
   ========================================================================== */
   
@font-face {
    font-family: 'aleoitalic';
    src: url('font/aleo-italic-webfont.eot');
    src: url('font/aleo-italic-webfont-.eot#iefix') format('embedded-opentype'),
         url('font/aleo-italic-webfont.woff') format('woff'),
         url('font/aleo-italic-webfont.ttf') format('truetype'),
         url('font/aleo-italic-webfont.svg#aleoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bulletsregular';
    src: url('font/bullets-webfont.eot');
    src: url('font/bullets-webfont-.eot#iefix') format('embedded-opentype'),
         url('font/bullets-webfont.woff') format('woff'),
         url('font/bullets-webfont.ttf') format('truetype'),
         url('font/bullets-webfont.svg#bulletsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}





/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.last{ margin-right: 0!important; padding-right: 0!important; border-right: none!important; }
.first{ margin-left: 0!important; padding-left: 0!important; border-left: none!important; }
.tableless, .tableless th, .tableless tr, .tableless td{
	background: none!important;
	border: none!important;
	padding: 0px!important;
}


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

@media print {
* { 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) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
img { max-width: 100% !important; page-break-inside: avoid; }

@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}

/* Tablets, iPads (landscape) ---------- */
@media screen and (max-width: 1200px) {
ul.nav#nav li a{
	font-size: 14px;
}
}