/* Fonts */

.CorbertCondensed-Thin { 
	font-family: CorbertCondensed-Thin;
	font-weight: normal;
	font-style: normal;
}

.CorbertCondensed-MediumItalic { 
	font-family: CorbertCondensed-MediumItalic;
	font-weight: normal;
	font-style: normal;
}

.CorbertCondensed-Medium { 
	font-family: CorbertCondensed-Medium;
	font-weight: normal;
	font-style: normal;
}

.CorbertCondensed-LightItalic { 
	font-family: CorbertCondensed-LightItalic;
	font-weight: normal;
	font-style: normal;
}

.CorbertCondensed-Light { 
	font-family: CorbertCondensed-Light;
	font-weight: normal;
	font-style: normal;
}

.CorbertCondensed-Black { 
	font-family: CorbertCondensed-Black;
	font-weight: normal;
	font-style: normal;
}

.CorbertCondensed-HeavyItalic { 
	font-family: CorbertCondensed-HeavyItalic;
	font-weight: normal;
	font-style: normal;
}

.CorbertCondensed-Heavy { 
	font-family: CorbertCondensed-Heavy;
	font-weight: normal;
	font-style: normal;
}

.CorbertCondensed-ExtraBoldItalic { 
	font-family: CorbertCondensed-ExtraBoldItalic;
	font-weight: normal;
	font-style: normal;
}

.CorbertCondensed-BlackItalic { 
	font-family: CorbertCondensed-BlackItalic;
	font-weight: normal;
	font-style: normal;
}

.CorbertCondensed-ExtraBold { 
	font-family: CorbertCondensed-ExtraBold;
	font-weight: normal;
	font-style: normal;
}

.CorbertCondensed-Bold { 
	font-family: CorbertCondensed-Bold;
	font-weight: normal;
	font-style: normal;
}

.CorbertCondensed-DemiBoldItalic { 
	font-family: CorbertCondensed-DemiBoldItalic;
	font-weight: normal;
	font-style: normal;
}

.CorbertCondensed-DemiBold { 
	font-family: CorbertCondensed-DemiBold;
	font-weight: normal;
	font-style: normal;
}

.CorbertCondensed-BoldItalic { 
	font-family: CorbertCondensed-BoldItalic;
	font-weight: normal;
	font-style: normal;
}

.CorbertCondensed-Italic { 
	font-family: CorbertCondensed-Italic;
	font-weight: normal;
	font-style: normal;
}

.CorbertCondensed-Regular { 
	font-family: CorbertCondensed-Regular;
	font-weight: normal;
	font-style: normal;
}

.CorbertCondensed-ThinItalic { 
	font-family: CorbertCondensed-ThinItalic;
	font-weight: normal;
	font-style: normal;
}

.Piano-Keys { 
	font-family: Piano-Keys;
	font-weight: normal;
	font-style: normal;
}


/* General */

body {margin: 0; font-size:100%; background-color: #e8e2cc;} /* Old: #e8e2cc; */
img {max-width:100%; border-radius:3px;}
img a, a img {border:none;}
a {font-family: CorbertCondensed-Italic; text-decoration:none; color:#7c8456; transition: color 0.35s; -webkit-transition: color 0.35s; /* Safari */}
a.iconic {font-size: xx-large;}
span.iconic {
    font-size: 30px;
    vertical-align: middle;
    color: #685463;
}
div#scroller {
	position: relative;
    padding: 10px 0 0;
}
div#scroller span {
    font-family: 'CorbertCondensed-Bold';
    color: #645463; 
	display: block;
    text-align: center;
}
div#logo_container img {
    padding-top: 40px;
}
div#banner img {
    margin: 0 auto;
    box-shadow: 0px -12px 50px 11px #5f6b37;
    display: block;
}
div#testimonials blockquote {
    margin: 0 5% 30px;
}
a:hover {color:#5f6a36; transition: color 0.35s; -webkit-transition: color 0.35s; /* Safari */}
p {font-family: CorbertCondensed-Regular;}
h2 {font-family: CorbertCondensed-Heavy; padding-bottom: 10px; font-weight: normal;margin: 0 0 20px; color: #645463; text-align: center;}
h3 {font-family: CorbertCondensed-Bold; font-weight: normal; color: #645463;}
h4 {
    font-family: CorbertCondensed-DemiBoldItalic;
    font-weight: normal;
    color: #76656f;
    font-size: 18px;
}
span#to_scroll {
    font-family: 'CorbertCondensed-Heavy' !important;
    font-size: 22px;
}
div {box-sizing: border-box;}
i {color:#b6b695; transition: color 0.35s; -webkit-transition: color 0.35s; /* Safari */}
a i:hover {color:#5f6b37; transition: color 0.35s; -webkit-transition: color 0.35s; /* Safari */}
#nav i {color:#555; font-size:1em; margin:0 !important;}
ul#nav li.active a {color:#000000;}
ul#nav li i.active {color:#EEB78C;}
#contact_details li {
    padding: 10px;
}
/* Align some stuff central for small screens */
#credits {float:none;}
div#contact, div#social, #footer {text-align: center;}


/* Header css */
h2#repertoire_title {
    margin: 0 0 10px;
}
#logo h3 {
    margin: 0;
    padding: 20px;
}
ul#nav {
    margin: 0;
	padding: 0;
}
#navigation {width:auto; background:#e8e2cc; z-index: 100;} /* Old: #e8e2cc */
#whole_top_nav {max-width:1200px; margin:0 auto; position:relative;display: inline-block;
    vertical-align: top;
    font-size: 16px;}

#main-nav {float:left;}
#nav {list-style-type:none; -webkit-margin-before:14px;}
#nav li {display:inline-block; margin:0;}
#nav li:not(.active) a:hover {color:#222 !important;} 
#nav a { transition: color 0.1s; -webkit-transition: color 0.1s; /* Safari */ padding: 16px 10px;
    display: inline-block;
    vertical-align: top;
	font-family: CorbertCondensed-DemiBold;
    color: #71606b;}
#nav li i {margin-right:15px;}

#logo {float:left;}

/* Contact form */ 

#edward_dye_contact {
	display: block;
    margin: 0 !important;
    background: #fff;
    z-index: 999;
    position: absolute;
	height: 100%;
	padding:35px 10px;
    width: 350px;
    top: 0;
    left: 0;
}
#edward_dye_contact h3 {margin-top:0 !important; font-family: CorbertCondensed-Bold;}
#edc_name, #edc_email {
    width: 100%;
    height: auto;
    font-size: 15px;
    padding: 10px;
    outline: none;
    border: 1px solid #DDD;
    font-family: CorbertCondensed-Regular;
    display: block;
    box-sizing: border-box;
    margin: 0;
}
#edc_message {
	width: 100%;
    height: 150px;
    outline: none;
    border: 1px solid #DDD;
    font-family: CorbertCondensed-Regular;
    box-sizing: border-box;
    padding: 10px;
}
label {
	margin: 0 5px 10px;
    line-height: 1;
    font-family: CorbertCondensed-Regular;
    display: block;
}
#edc_submit {
font-family: CorbertCondensed-Bold;
height: 40px;
width: auto;
font-size: 15px;
padding: 5px 10px;
border: none;
outline: none;
margin-top: 20px;
color:#000;
background:#ddd;
transition: all 0.35s;
}
#edc_submit:hover {color:#fff; background:#5f6a36; cursor:pointer; transition: all 0.35s;}
#error_paragraph {position:absolute; right:50px; bottom:130px; font-size:25px; color:#BD3838;
	white-space:nowrap;
	display:block;}
	
.open_form{
position:fixed;
bottom: 0px;
right: 20%;
z-index:999;
background:rgba(90, 102, 49, 0.96);
color:#fff;
padding: 5px 10px;
font-family: CorbertCondensed-DemiBold;
font-size:20px;
}
.open_form:hover {
background:#5f6a36;
color:#fff;
padding: 5px 10px;    
right: 20%;
bottom: -2px;
}
.open_form i, .open_form:hover i {
color:#fff;
}

div#edward_dye_contact_inner.error, div#edward_dye_contact_inner.success {
	background: url('https://atesmeeseasel.com/images/Full Logo with Paint.png');
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
	height: 100%;
}
div#k_logo_corner {
    background: url('https://atesmeeseasel.com/images/favicon.ico');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: -10px;
    right: 0px;
}



/* Font */



/* Content css */

ul {list-style-type:none;}
ul#comms_list {
    list-style-type: decimal;
	padding: 0 0 30px 25px;
    margin-bottom: 35px;
    border-bottom: 1px dashed #cac1b4;
}
ul#comms_list li {
    font-family: 'CorbertCondensed-regular';
    padding: 5px 5px 5px 6px;
}
	table.comms-prices {
		position: relative;
		display: block;
		padding: 25px 1%;
		margin: 0 auto;
		width: auto;
		border-collapse: collapse;
		table-layout: fixed;
	}
	table.comms-prices tbody {
		margin: 0 auto;
		text-align: center;
		display: table;
	}
table.comms-prices th, table.comms-prices td {
    padding: 7px 29px;
    text-align: center;
}
table.comms-prices th {font-family: CorbertCondensed-Heavy; font-weight: normal; color: #645471; padding-bottom: 10px !important;}
table.comms-prices td {
    border-top: 1px dashed #b6b695;
    font-family: CorbertCondensed-regular;
    font-size: 15px;
}
#wrapper {
	max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    clear: both;
    box-sizing: border-box;
	position: relative;
}
#music, #pictures, #links, #contact, #biog, #social, #commissions, #testimonials  {position:relative; margin-bottom: 50px;    padding: 0 20px;}

#mason_pics {margin:30px auto 0;font-size: 0;}

.mason {width: 33.33%;box-sizing: border-box; padding: 10px;}

#contact_details li i {font-size: 3em; color:#b6b695;}
#contact_details {padding-left:0;}
#social i {font-size: 3em; float:none; clear:both;}


/* Footer css */

#footer {width:95%; margin:0 auto;}

#footer #inner {max-width:900px; margin:0 auto;}

#credits {clear:both;}
#credits {padding-left:0; margin-bottom:100px;}
#credits li {display:block; margin-right: 20px;}
#inner img {
    opacity: 0.5;
	margin-bottom: 50px;
}



#navigation:after,#whole_top_nav:after, #wrapper:after, div#full > div:after {
	content: ".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
	}
	
blockquote {
border-left: 8px solid #b6b695;
padding-left: 15px;
margin-bottom:30px;
font-family: CorbertCondensed-MediumItalic, sans;
}
span.sign {
font-family: CorbertCondensed-HeavyItalic, sans;
clear:both;
}

/* Slider repertoire */

.slider_vert {
position: absolute;
right: 0px;
top: 0px;
background: transparent !important;
border-radius:5px;
width: 10px;
height: 100%;
border: 0 !important;
z-index: 10;
}
.slider_vert .ui-widget-header {background:none !important;}
.slider_vert .ui-slider-handle { 
margin-left:0;
width: 10px;
height:10px;
outline:0;
border-radius: 5px;
cursor: pointer;
position: absolute;
border: 0 !important;
z-index: 12;
transition:none !important;
background:rgba(218, 218, 218, 0.49) !important;
left: 0;
}
.pl_wrap {
border-radius: 0px 0px 5px 5px;
position: absolute;
padding:0;
width:100%;
}
.pl_wrap p {margin:0; padding:10px; color: #a0a0a0; font-family: CorbertCondensed-Medium;}

.multiscroll {position: absolute; background: #eee; margin-top: 0 !important; list-style-type: none;}

#standards, #light, #ceremony {border: 0 !important; border-radius: 5px; margin-bottom:1px; width:auto;}
#standards h3, #light h3, #ceremony h3 {margin: 0 !important; padding: 15px; background: #f7d1b3;
    color: #505050;}

#rep_mason h3:hover {cursor:pointer; background:#cacaca; -webkit-transition:all 0.35s; -moz-transition:all 0.35s; -o-transition:all 0.35s;}
#rep_mason h3.active:hover {cursor:auto; background:#cacaca;}
#rep_mason h3.active {background:#cacaca; color:#000;   -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;} 

.fa.fa-plus {float: right; font-size: 30px; color: #ffffff;}
div#biog img {
    max-width: 100%;
    border-radius: 3px;
    display: block;
    margin: 0 auto;
}
.img-container {
    float: left;
    width: 35%;
    padding: 0 30px 30px 0;
}
.img-container.full-width {
    float: none;
    width: 100%;
    padding: 0;
    max-width: 100%;
}
div#logo_container {
    max-width: 250px;
    margin: 0 auto;
}	
div#full > div {
    clear: both;
    max-width: 799px;
    margin: 0 auto 50px;
}
	
	
@media screen and (min-width:0px) and (max-width:1000px) {

	#navigation {position:static; width: 100%;}
	
	
}

@media screen and (min-width:799px) and (max-width:9999px) {
	#navigation {position:relative; width: 100%;font-size: 0; text-align: center; padding-top: 1px;}
	#wrapper {font-size: 0;}
	/*div#rep_mason {
		position: fixed;
		font-size: 16px;
		width: 40%;
		max-width: 480px;
		padding: 0 20px;
		box-sizing: border-box;
		padding-top:85px; 
	}
*/
	div#container {
		font-size: 16px; 
	}
	div#full {
		padding-top: 80px;
	}
	#standards, #light, #ceremony {width:auto !important;}
}


@media screen and (min-width:0px) and (max-width:388px) {

	#logo h3 {font-size:0.9em; margin-right:15px; line-height: 1.2em;}
	ul#nav {padding-left:10px; margin-top:5px;}
	#nav li i {font-size:0.75em;}
	
}

@media screen and (min-width:0px) and (max-width:798px) {
	#navigation {border:0; position:static; visibility: hidden;}
	#nav li i:hover {color:#555 !important; transition: color 0.35s; -webkit-transition: color 0.35s; /* Safari */} 
	#main-nav {display: none;}
	
	.img-container {
		float: left;
		width: 50%;
		padding: 0 20px 20px 0;
	}
	.mason {
		width: 33.33%;
	}
	#rep_mason {margin-bottom:50px;padding: 20px;}
	#standards, #light, #ceremony {width:auto;}
	.fa.fa-hand-o-right {display:none;}
	#contact_details span#remove {display:none;}
	.slider_vert .ui-slider-handle { 
		width: 20px !important;
		left: -10px !important;
		border-radius:25px;
	}
	.pl_wrap p {padding-right:20px !important;}
}

@media screen and (min-width:0px) and (max-width:550px) {
	.img-container {
        float: left;
        width: 100%;
        padding: 0 0 30px;
    }
}
@media screen and (min-width:601px) and (max-width:1000px) {
	.mason {
		width: 50%;
		box-sizing: border-box;
		padding: 10px;
	}
}
@media screen and (min-width:0px) and (max-width:600px) {
	#container {
		display: block;
		width: 100%;
		margin: 0;
		box-sizing: border-box;
		font-size: 16px;
	}
	#rep_mason {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 20px;
		font-size: 16px;
	}
	.mason {
		width: 50%;
	}
}