/*
Theme Name: Semeneya Studio Theme
Theme URI: http://mysemeneya.com
Description: Dance Studio Theme
Version: 1.0
Author: Düable Design & Development, LLC
Author URI: http://duable.com
Tags: html5, css3
*/


/* RESET FROM HTML5 BOILERPLATE */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #900; color: #fff; text-shadow: none; }
::selection { background: #900; color: #fff; text-shadow: none; }

h1,h2,h3,h4,h5,h6,ul,p{ margin: 0; padding: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* LAYOUT ALIGNMENT */
.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clear { zoom: 1; }
.left{
	float:left;
}
.right{
	float:right;
}
.fixed-layer{
	position:fixed;
	left:50%;
	margin-left:-500px !important;
	width:1000px !important;
}
.inline{
	display:inline-block;
	vertical-align:top !important;
}
/* IE6 + IE7 inline block positioning fix. Apply "inline" class to all inline-block elements */
.ie6 .inline,
.ie7 .inline{
	zoom:1; display:inline;
}
	
/* Little transition effect for all links */
a{ 
-webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
   -moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -ms-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
     -o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
   -moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
    -ms-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
     -o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
        transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
}

.btn-gradient{
	background: #980001; /* Old browsers */
	background: -moz-linear-gradient(top, #980001 0%, #4f0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#980001), color-stop(100%,#4f0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #980001 0%,#4f0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #980001 0%,#4f0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #980001 0%,#4f0000 100%); /* IE10+ */
	background: linear-gradient(top, #980001 0%,#4f0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#980001', endColorstr='#4f0000',GradientType=0 ); /* IE6-9 */
}

/*------------------------------------------------------[ SOCIAL MEDIA SPRITES ]----------*/
.sm-sprites{
	height: 56px;
	width: 60px;
}

.sm-sprites.facebook{
	background: url(images/sm-sprites.png) 0px 0px;
}
	.sm-sprites.facebook:hover{
		background: url(images/sm-sprites.png) 0px -57px;
	}
.sm-sprites.twitter{
	background: url(images/sm-sprites.png) -60px 0px;
}
	.sm-sprites.twitter:hover{
		background: url(images/sm-sprites.png) -60px -57px;
	}
.sm-sprites.googleplus{
	background: url(images/sm-sprites.png) -122px 0px;
}
	.sm-sprites.googleplus:hover{
		background: url(images/sm-sprites.png) -122px -57px;
	}
.sm-sprites.linkedin{
	background: url(images/sm-sprites.png) -182px 0px;
}
	.sm-sprites.linkedin:hover{
		background: url(images/sm-sprites.png) -182px -57px;
	}
.sm-sprites.youtube{
	background: url(images/sm-sprites.png) -244px 0px;
}
	.sm-sprites.youtube:hover{
		background: url(images/sm-sprites.png) -244px -57px;
	}

/*------------------------------------------------------[ Navigation ]----------*/

nav.main {
	display: block;
	position: relative;
	text-align: center;
	background: #000;
	height: 45px;
	z-index: 99;
}
nav.main ul {
	display: inline-block;
	position: relative;
	list-style: none;
}
nav.main ul li {
	display: inline-block;
	position: relative;
	margin: 0px 1px;
	background: url(images/nav-bg.jpg);
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	height: 45px;
}
nav.main ul li a {
	display: inline-block;
	padding: 13px 12px;
	font: normal 14px 'Amaranth', sans-serif;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}
	.ie6 nav.main ul,
	.ie6 nav.main ul li,
	.ie6 nav.main ul li a,
	.ie7 nav.main ul,
	.ie7 nav.main ul li,
	.ie7 nav.main ul li a{
		zoom:1; display: inline;
	}

	nav.main ul li a:hover,
	nav.main ul li.current-menu-item a,
	nav.main ul li:hover a{
		background: #900;
	}
	nav.main ul li a:active{
		
	}
	nav.main ul li:hover ul, 
	nav.main ul li.sfhover ul{
		display: block; 
	}
				
/*------> SECOND LEVEL */

nav.main ul li ul {
	display: none;
	position: absolute; 
	top: 42px;
	left: -2px; 
	width: 200px;
	list-style: none;
	padding: 0px;
	border: none;
	z-index: 9;
}
nav.main ul li ul li {
	display: block;
	margin: 0px;
	width: 200px; 
	text-align: left;
	background: #000;
}
nav.main ul li li:hover,
nav.main ul li li:focus{
	margin-right: 0px;
	padding-right: 0px;
}
nav.main ul li ul li a {
	display: block; 
	padding: 10px 20px;
	height: auto;
	background: #000 !important;
}
nav.main ul li ul li a:hover {
	background: #900 !important;
}	
nav.main ul li ul li:hover ul, 
nav.main ul li ul li.sfhover ul{
	display: block; 
}
					
/*---------------> THIRD LEVEL	*/
					
nav.main ul li ul li ul {
	display: none;
	position: absolute; 
	top: 0px; 
	left: 200px; 
	width: 200px;
	list-style: none;
	padding: 0px;
	border: none;
}
nav.main ul li ul li ul li {
	display: block;
	margin: 0px;
	width: 200px; 
	text-align: left;
}
nav.main ul li ul li ul li:hover,
nav.main ul li ul li ul li:focus{
}
nav.main ul li ul li ul li a {
	display: inline-block;
	padding: 10px 20px;
}
	.ie6 nav.main ul li ul li ul li a,
	.ie7 nav.main ul li ul li ul li a{
		zoom:1; display: inline;
	}
nav.main ul li ul li ul li a:hover {

}			
					
/*------------------------------------------------------[ Main Structure ]----------*/

body{
	background: url(images/bg-tile.jpg) center top #fff;
	font-size: 1em;
	margin-top: 123px;
}

.top-bar{
	height: 53px;
	background: #000;
	-moz-box-shadow: 0px 0px 3px #fff;
	-webkit-box-shadow: 0px 0px 3px #fff;
	box-shadow: 0px 0px 3px #fff;
	position: fixed;
	z-index: 999;
	top: 0px;
	width: 100%;
}

.top-bar .logo{
	margin-top: 5px;
	background: url(images/semeneya-top-logo.png);
	height: 47px;
	width: 121px;
}

.top-bar .phone{
	margin-top: 12px;
	background: url(images/phone.png) left bottom no-repeat;
	height: 35px;
	padding-left: 40px;
	color: #fff;
	font: normal 28px 'Amaranth', sans-serif;
}
.top-bar .social-buttons{
	padding-top: 18px;
	padding-right: 15px;
}
.container{
	max-width: 1040px;
	width: 1040px;
	margin: 0px auto;
	position: relative;
}
.container.black{
	background: #000;
	height: 45px;
	margin-top: 90px;
}

/*------------------------------------------------------[ Header ]----------*/
header.main{
	width: 100%;
	background: url(http://mysemeneya.com/wp-content/themes/semeneyastudio/style.css) top center;
	position: relative;
}
#logo{
	position: absolute;
	top: -63px;
}

/*------------------------------------------------------[ Slider ]----------*/
ul.slides{
	height: 413px;
	display: block;
	position: relative;
}
#slider .info-panel{
	width: 280px;
	height: 373px;
	padding: 20px 45px;
	text-align: center;
	background: url(images/info-panel-bg.jpg);
	font: normal 1.1em 'Actor', sans-serif;
	color: #fff;
}
#slider .info-panel p{
	padding-bottom: 15px;
	font: normal .9em 'Actor', sans-serif;
}
#slider .info-panel header{
	font: italic 1.6em 'Amaranth', sans-serif;
	color: #fff;
	padding-bottom: 15px;
}
#slider .info-panel a.btn{
	font: normal 1.1em 'Amaranth', sans-serif;
	text-transform: uppercase;
	width: 250px;
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
}
#slider .image-panel{
	width: 670px;
	height: 413px;
	background: #000;
}
.sub-header{
	margin-bottom: 9px;
}
.full .sub-header{
	width: 980px;
	background: #900;
}

/*------------------------------------------------------[ Page Body ]----------*/
.home article.container{
	margin-top: 413px;
}
#page-body{
	background-image: linear-gradient(top, rgb(227,227,227) 0%, rgb(183,183,183) 100%);
	background-image: -o-linear-gradient(top, rgb(227,227,227) 0%, rgb(183,183,183) 100%);
	background-image: -moz-linear-gradient(top, rgb(227,227,227) 0%, rgb(183,183,183) 100%);
	background-image: -webkit-linear-gradient(top, rgb(227,227,227) 0%, rgb(183,183,183) 100%);
	background-image: -ms-linear-gradient(top, rgb(227,227,227) 0%, rgb(183,183,183) 100%);
	width: 1040px;
	margin: 105px auto 15px auto;
	position: relative;
	-moz-box-shadow: 0px 0px 13px #000;
	-webkit-box-shadow: 0px 0px 13px #000;
	box-shadow: 0px 0px 13px #000;
}
#main-content{
	width: 743px;
	margin: 9px;
}
#main-content header{
	position: relative;
	z-index: 9;
	background: url(images/nav-bg.jpg) repeat-x #000;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	padding: 10px 15px;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
}
#main-content header h1{
	font: bold 1.3em 'Actor', sans-serif;
}
.sub #main-content header{
	margin-top: -65px;
	margin-bottom: 15px;
}
.sub #main-content header.no-image{
	margin-top: 0px;
	margin-bottom: 10px;
}
.sub #main-content.full header{
	margin-top: -55px !important;
}
#main-content.full{
	width: 1020px;
}
#main-content.full #content-area{
	width: 960px;
	background: #fff;
}
#content-area{
	border: 1px solid #999;
	padding: 20px 30px 40px 30px;
	background: url(images/content-bg.jpg) bottom center no-repeat #fff;
	font-size: 13px;
	width: 683px;
	min-height: 720px;
}
.breadcrumbs{
	border-bottom: 1px solid #efefef;
	padding-bottom: 10px;
}
.breadcrumbs a{
	text-decoration: none;
}
.content{
	position: relative;
	text-align: left;
}

/*------------------------------------------------------[ Typography ]----------*/
.content h1{
	font: normal 2em 'Actor', sans-serif;
	padding-bottom: 10px;
}
.content h2{
	font: normal 2em/1.5em 'Amaranth', sans-serif;
	color: #900;
	padding-bottom: 10px;
}
.content h3{
	font: normal 1.8em 'Amaranth', sans-serif;
	padding-bottom: 10px;
}
.content h4{
	font: italic 1.1em "georgia", times, serif;
	padding-bottom: 10px;
}
.content h5{
	font: italic 1em "georgia", times, serif;
	padding-bottom: 10px;
}
.content p{
	font: normal 1.1em/1.7em 'Actor', arial, sans-serif;
	padding-bottom: 10px;
}
.content p img{

}
.content ul,
.content ol{
	font: normal 1.1em/1.7em 'Actor', arial, sans-serif;
	margin-left: 30px;
	padding-bottom: 10px;
}
.content a{
	color: #900;
}
.content a:hover{
	color: #000;
}

/* CONTENT ALIGNMENT */
	.content .alignleft{
		float: left;
		margin: 0px 20px 20px 0px;
		padding: 10px;
	}
	.content .aligncenter{
		text-align:center;
	}
	.content .alignright{
		float: right;
		margin: 0px 0px 20px 20px;
		padding: 10px;
	}
	.gallery-item{
		float:left;
		margin:5px;
	}
	
/* SIDEBAR STYLING */
.sidebar{
	width: 279px;
	margin: 10px 0px 10px 0px;
	position: relative;
}

ul.contact-info{
	margin-left: 0;
}
ul.contact-info li{
	list-style: none;
}
/* QUICK CONTACT FORM STYLING */
.qc{
	
}
.qc .wpcf7-text,
.qc .wpcf7-form-control-wrap textarea{

}
.qc .wpcf7-form-control-wrap textarea{
	height: 100px;
}
.qc .wpcf7-submit{

}

/* EVENT LIST */

.the-event-list li{
	padding: 15px 20px;
	margin: 15px 0px;
	min-height: 210px;
	position: relative;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.the-event-list li:hover{
	background: #efefef;
}
.the-event-list li{
	list-style: none;
}
.the-event-list li .event-image{
	margin: 0 20px 0 0;
}
.the-event-list li h2 a{
	font-size: 1.5em;
	text-transform: uppercase;
	text-decoration: none;
}
.the-event-list li .btn{
	font: normal 1.1em 'Amaranth', sans-serif;
	text-transform: uppercase;
	padding: 10px 20px;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
}

/*------------------------------------------------------[ Studio Schedule ]----------*/
.schedule_header th{
	background: #900 !important;
	color: #fff !important;
	font-size: 1.5em;
}
.schedule.filtered_collection.mindbody_classic tr{
	min-height: 400px;
}
.studio-classes li{
	list-style: none !important;
}
.gce-calendar{
	font-size: 2em;
	margin-bottom: 35px;
}
.gce-feed-1{
	margin-bottom:  15px;
}
/*------------------------------------------------------[ Class Listing Page ]----------*/
.class_list .class_list .class_show{
	display: inline-block;
	*display: inline;
	padding: 20px;
	min-width: 260px;
	max-width: 260px;
	vertical-align: top;	
	min-height: 170px;
	background: #efefef;
	margin: 5px !important;
}

.class_list .class_list .class_show .class_description{
	min-height: 100px;
}
.class_offered_link{
	background: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	padding: 0!important;
	
}
.class_offered_link a{
	font: normal 1em/1.3em "Helvetica Neue",Helvetica,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif;
	background: #900;
	padding: 3px 5px;
}

/*------------------------------------------------------[ Footer ]----------*/
footer{
	background: url(images/footer-bg.jpg) top center no-repeat #000;
}

nav.footer{
	width: 100%;
	background: #000;
	text-align: center;
	margin-top: 20px;
	display: inline-block;
	*display: inline;
}
nav.footer li{
	display: inline-block;
	*display: inline;
	padding: 10px 5px;
}
nav.footer li a{
	font: normal 14px 'Amaranth', sans-serif;
	padding: 10px 10px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}
nav.footer li a:hover{
	background: #900;
}
nav.footer ul ul{
	display: none;
}
.footer-social{
	width: 370px;
	padding-top: 30px;
}
.footer-list{
	width: 260px;
	min-height: 258px;
	background: url(images/mailing-bg.png);
	text-align: center;
}
.footer-list header{
	padding-top: 25px;
	padding-bottom: 10px;
	font: normal 1.2em 'Amaranth', sans-serif;
	color: #fff;
}
.footer-list #cc_form_2{
	background: none;
	border: none;
}
.footer-list #cc_form_2 .cc_email_address.kws_input_container{
	padding: 0;
}
.footer-list #cc_form_2 .cc_email_address.kws_input_container input{
	background: #333;
	color: #fff;
	padding: 5px 10px;
	border: 1px solid #666;
	width: 200px;
}
.footer-list #cc_form_2 .cc_Go.kws_input_container{
	margin-top: 0;
	padding-top: 10px;
}
.footer-list #cc_form_2 .cc_Go.kws_input_container input{
	background: #900;
	color: #fff;
	padding: 5px 10px;
	border: none;
}
.footer-map{
	width: 380px;
	padding-top: 10px;
	padding-left: 20px;
}

	
/* CONTACT FORM PAGE STYLING */
.wpcf7-text,
.wpcf7-form-control-wrap textarea{

}
.wpcf7-form-control-wrap textarea{
	height: 100px;
}
.wpcf7-submit{

}
.wpcf7-response-output{
	color: #fff;
	background: #000;
	border: 1px solid #fff !important;
}
/* MEDIA QUERIES */
@media screen and (max-width: 1000px) {
     
}
@media screen and (min-width: 768px) {
	.studio-classes #gce_widget-2{
		display: block;
	}
	.studio-classes #gce_widget-4{
		display: none;
	}
	
}
@media screen and (max-width: 768px) {
	.studio-classes #gce_widget-2{
		display: none;
	}
	.studio-classes #gce_widget-4{
		display: block;
	}
}

@media screen and (max-width: 480px) {

	
}

/* PRINTING STYLES */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: 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: ""; } 
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; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}