/*
 Theme Name:   APOETC
 Theme URI:    http://apoetc.com.ar/
 Description:  Asociación de Profesores de la Orquesta Estable del Teatro Colón
 Author:       MFR&GV
 Template:     hoarder
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  apoetc
*/

@import url(http://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700|Roboto:400,700|Open+Sans:400,300,600,700);

body {
	background: #fff;
	border-top: 10px solid #2c2f32;
    font-family: 'Open Sans', Roboto, Helvetica, Arial, sans-serif;
	font-size: 15px;
}

.published {
	display: none;
}

.logged-in .published {
	display: inline;
}

a,
a:hover,
.entry-title a:hover,
#primary-menu .sub-menu > li > a:hover,
#primary-menu .sub-menu .current-menu-item > a,
#primary-menu .sub-menu > .sfHover > a,
.entry-link a:hover,
.entry-meta-footer a:hover,
.comment-meta a:hover,
.bypostauthor .comment-meta a,
.bypostauthor .comment-meta a:hover,
.comment-author cite a:hover,
.bypostauthor .comment-author cite a:hover,
#load-more:hover,
#footer a:hover,
#footer .widget > ul a:hover,
.widget_nav_menu a:hover,
.zilla-tweet-widget li .twitter-time-stamp:hover {
	color: #920011;
}

.page-title,
.entry-content h2, h3, h4,
button,
#submit,
input[type="submit"],
.gform_next_button,
.gform_previous_button,
.gform_button,
.entry-quote,
.entry-link,
.comments-title,
#reply-title,
.pings-title,
.comment-author cite,
#load-more,
.footer-lower,
.widget-title,
.twitter-link,
#zilla-mobile-menu ul.sub-menu,
.entry-title,
.page.page-template-template-home-2col-php .entry-title {

    font-family: 'Open Sans', Roboto, Helvetica, Arial, sans-serif;
}

#logo {
	float: left;
}

#logo, #logo a {
	text-align: left;
}

#header {
	position: relative;
}

.main-navigation {
	position: absolute;
	bottom: 0;
	background: transparent;
	border-bottom: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

#primary-menu {
	float: right;
}

#primary-menu > li > a {
	font-size: 18px;
	font-family: Raleway, 'Open Sans', Roboto, Helvetica, Arial, sans-serif;
	border-right: 0;
	border-top: 0;
	padding-bottom: 0;
	padding-top: 15px;
}

#primary-menu > li:first-child > a {
	border-left: 0;
}

#primary-menu > li > a:hover, #primary-menu .current-menu-item > a, #primary-menu > .sfHover > a {
	border-top: 0;
	color: #920011;
}

#primary-menu .current-menu-item > a {
	background: url(current-menu.svg) no-repeat top left;
}

.single .entry-title, .page .entry-title {
	font-size: 36px;
	font-family: Raleway, 'Open Sans', Roboto, Helvetica, Arial, sans-serif;
	margin-top: 0;
}

h2 {
	font-weight: 500;
}

.single .hentry {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.category-hidden .published {
	display: none;
}

.single-format-standard .post-thumb {
	display: inline-block;
	width: 300px;
	vertical-align: top;
	margin-top: 2.05em;
}

.post-thumb a img { 
    text-decoration: none; 
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

.post-thumb a:hover img {
	opacity: 1;
}

.entry-meta-header {
	color: #920011;
}

.layout-2cr .isotope-item {
	background: #e8e9e3;
}

.hentry,
.error404 .hfeed > div {
    -webkit-border-radius: 0px;
            border-radius: 0px;
}

.hfeed, .error404 .hfeed > div {
	margin-bottom: 0;
}

.blog #primary {
	padding-bottom: 0;
}

.archive .hentry,
.search .hentry { 
	width: 300px; 
}

.post-thumb {
	margin: 0;
}


.format-gallery ul.slides {
	margin-bottom: 0;
}

.blog .flexslider .slides li,
.page-template-template-home-2col-php .flexslider .slides li { height: 225px !important; }

.flexslider {
	position: relative;
}

.zilla-direction-nav,
.archive .zilla-direction-nav {
	width: 296px;
	border-bottom: 0;
	margin: 0 2px;
	position: absolute;
	top: 2px;
}

.zilla-direction-nav li a {
	width: 32px;
	height: 32px;
	text-indent: -99999px;
	display: block;
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,0.5);
}

.zilla-direction-nav .zilla-prev {
	background-image: url(./arrow-left.png);
}

.zilla-direction-nav .zilla-next {
	background-image: url(./arrow-right.png);
}

.gallery-caption, .image-caption {
	color: #717171;
}

.jp-audio-container {
	bottom: 28px;
}

.format-video h2.entry-title {
	margin-top: 34px;
}

.format-audio h2.entry-title {
	margin-top: 0px;
}

.single .jp-video-container, .single .jp-audio-container, 
.archive .jp-video-container, .archive .jp-audio-container {
	width: 99.7%;
}
.jp-jp-audio {
	position: relative;
}

.jp-jplayer-audio img {
	cursor: pointer;	
}

.jp-jplayer {
	position: relative;
}

.jp-jplayer-audio .playpause {
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -16px;
	left: 50%;
	margin-left: -16px;
	width: 32px;
	height: 32px;
	display: block;
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,0.5);
	transition: background-color 300ms ease-out;
	background-image: url(./pause.png);
}

.jp-jplayer-audio.hover .playpause {
	background-color: rgba(255,255,255,0.8);
}

.jp-jplayer-audio .playpause.play {
	background-image: url(./arrow-right.png);
}

.entry-quote {
	background: transparent;
	color: #000;
}

.entry-quote::after {
	content: ''	;
}

.entry-quote h2::before {
	content: '“';
	font-size: 45px;
	color: #920011;
	position: absolute;
	left: -10px;
	font-family: Garamond, Times New Roman;
	font-weight: bold;
}

.entry-quote h2::after {
	content: '„';
	font-size: 45px;
	color: #920011;
	position: absolute;
	bottom: 65px;
	font-family: Garamond, Times New Roman;
	font-weight: bold;
}

.format-quote > a:hover .entry-quote {
	background: transparent;
	text-decoration: none;
	color: #920011;
}

.entry-quote .quote-source, .entry-link .link-url {
	color: #920011;
}

.format-gallery .post-thumb {
	padding-bottom: 0;
}

.single .format-gallery .post-thumb {
    padding-bottom: 19px;
}

#footer {
	background: #9d9151;
	border-top: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	color: #fff;
	padding-bottom: 10px;
}

.footer-inner {
	padding: 0;
	background: transparent;
}

.footer-lower {
	text-transform: none;
	background: transparent url(apoetc-footer.png) no-repeat;
	width: 800px;
	margin: 0 auto;
	min-height: 98px;
	position: relative;
}

.footer-lower .footer-inner {
	position: absolute;
	bottom: 0;
	padding: 1.875em 0 0 140px;
	width: 100%;
}

a.facebook {
    width: 32px;
    height: 32px;
    position: absolute;
    display: block;
    line-height: 32px;
    text-indent: -99999px;
    background: url(facebook.png) no-repeat;
    top: 21px;
    left: 658px;
}

a.youtube {
    width: 32px;
    height: 32px;
    position: absolute;
    display: block;
    line-height: 32px;
    text-indent: -99999px;
    background: url(youtube.png) no-repeat;
    top: 21px;
    left: 700px;
}

/* jPlayer skin */
.jp-interface,
.jp-controls .seperator-first,
.jp-controls .seperator-second,
.jp-controls a:hover,
a.jp-play,
a.jp-pause,
.jp-seek-bar,
.jp-play-bar,
.jp-volume-bar,
.jp-volume-bar-value,
a.jp-mute,
a.jp-unmute {
	background-image: url(media-player.png);
}

input, textarea, .zilla .gform_wrapper input[type="text"], .zilla .gform_wrapper input[type="url"], .zilla .gform_wrapper input[type="email"], .zilla .gform_wrapper input[type="tel"], .zilla .gform_wrapper input[type="number"], .zilla .gform_wrapper input[type="password"], .zilla .gform_wrapper textarea {
	border-color: #e8e9e3;
	background-color: #e8e9e3;
}

@media only screen and (min-width: 960px) {
	.single #primary, .page #primary, .archive #primary, .error404 #primary, .search #primary,
	.page .hentry {
		width: 960px;
		padding-bottom: 0;
	}
		
	.single .format-gallery {
		width: 800px;
		margin-left: 70px;
	}

	.single .format-gallery .entry-title {
		margin-left: 70px;
	}
	
	.single .zilla-direction-nav {
		width: 900px;
		top: 200px;
		margin: 0 20px;
		left: -70px;
	}
	
	.single .format-standard {
		width: auto;
	}

	.single .standard-wrapper {
		width: 620px;
		display: inline-block;
		vertical-align: top;
	}

	#footer.bottom {
		position: absolute;
		width: 100%;
		bottom: 0;
	}

	
}

@media only screen and (max-width: 960px) {
	#logo {
		float: none;
	}
	
	.main-navigation {
		position: static;
	}
	
	.sf-menu > li {
		padding-left: 20px;
	}
	
	.single .zilla-direction-nav {
		width: 616px;
	}
	
	.footer-lower {
		width: auto;
		background-position: -80px 0;
	}
	.footer-lower .footer-inner {
		width: 100%;
		padding-left: 0px;
	}
	.footer-inner > p {
		margin-left: 80px;
	}
	a.youtube {
		top: auto;
		left: auto;
		right: 70px;
		bottom: 0;
	}
	
	a.facebook {
		top: auto;
		left: auto;
		right: 32px;
		bottom: 0;
	}
	
}

@media only screen and (max-width: 640px) {	
    .archive .post-thumb,
    .search .post-thumb {
		width: 300px;
	}
	
    .single .zilla-direction-nav,
	.archive .zilla-direction-nav,
	.search .zilla-direction-nav {
		width: 296px;
	}

	
	.footer-lower {
		width: auto;
		background: transparent;
		min-height: 70px;
	}
	
	.footer-lower .footer-inner {
		padding: 0 0 0 10px;
		width: 100%;
		min-height: 32px;
	}
	.footer-inner > p {
		margin-left: 0;
		margin-right: 100px;
	}
	

}