/*
Theme Name:     Amir El Saffar
Theme URI:      http: //www.amirelsaffar.com
Author:         Damian Sim
Author URI:     http: //www.damiansim.com
Template:       twentyeleven
Version:        1.0
*/

@import url("../twentyeleven/style.css");

/* =Structure
----------------------------------------------- */

body {
	padding: 0;
}

#header-container {
	float: left;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #DDD;
}

#branding-bg {
	position: absolute;
	width: 100%;
}

#branding {
	border-top: 0;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0;
}

/* Moving the menu */

#access {
	width: 57%;
	display: inline;
	clear: none;
	float: right;
	background: transparent;
	box-shadow: none;
	margin: 0 7.6% 0 0;
}

#access div {
	margin: 0;
}

/* Max-width 1100px */

#main-bg {
	float: left;
	width: 100%;
	margin: 0;
	background: rgba(255,255,255,.9);
}

#main {
	max-width: 1100px;
	margin: 0 auto;
	// padding: 1em 0 0;
}

#page, featured-posts, #ie7 article.intro {
	max-width: 100%;
	margin: 0 auto;
	padding-top: 56px;
	background: transparent;
}

/* .home #main-bg {
	margin: 30% 0 25%;
} */

#primary {
	padding-bottom: 2em;
}

/* #content {
	padding-bottom: 2em;
} */

/* Singular */

.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	margin: 0 auto;
	width: 100%;
}

.singular.page .hentry {
	padding: 0;
}

.singular .hentry {
	padding: 0;
}

/* Blog without sidebar */

/* .blog #content {
	margin: 0 7.6%;
	width: auto;
}


.blog .entry-header,
.blog .entry-content,
.blog footer.entry-meta,
.blog #comments-title {
	margin: 0 auto;
	width: 100%;
} */

/* =Global
----------------------------------------------- */

body, input, textarea {
	font: 16px/1.7 "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	background: #e2e2e2;
}

/* Text elements */

/* Bumping up small text from 12px to 13px */
#access a.assistive-text:focus,
.page-title a,
.entry-meta,
.entry-meta .edit-link a,
.commentlist .edit-link a,
#author-info,
article.intro .edit-link a,
#content nav a, 
.widget-area,
.widget ul li,
.comment-meta,
a.comment-reply-link,
#respond p {
	font-size: 13px;
} 

strong {
	font-weight: 600;
}

/* Bold = font-weight 500 */

dt,
.page-title a, 
.entry-title, 
.entry-meta a,
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2,
.page-link a:hover,
.wp-caption .wp-caption-text:before,
#author-description h2,
.singular .entry-title,
blockquote.pull,
#content nav a,
.widget a,
.widget_twentyeleven_ephemera .widget-entry-title,
.widget_calendar #wp-calendar th,
.comment-meta a,
#site-generator a {
	font-weight: 500;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.4;
}

h1 {
	margin-top: 0;
	font-size: 1.75em;
	text-transform: uppercase;
	letter-spacing: 2px;
}

h2 {
	font-size: 1.5em;
	text-transform: uppercase;
	letter-spacing: 2px;
}

h3 {font-size: 1.25em;}

h4 {font-size: 1.1em;}

small, .font_small {font-size: 0.9em;}

/* Links */
a {
	color: #888;
	text-decoration: underline;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:focus,
a:active,
a:hover {
	color: #373737;
	text-decoration: underline;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.top-link {
	float: left;
	margin-left: 7.6%;
	margin-bottom: 1.625em;
}

.home .top-link, .blog .top-link {
	display: none;
}

/* =Header
----------------------------------------------- */

header #branding, hgroup, nav {
	display: inline;
}

.home #branding-bg {
	background: rgba(3,50,59,.75);
}

#branding-bg {
	background: #3D6067;
	background: -moz-linear-gradient(#3D6067, #314D52);
	background: -o-linear-gradient(#3D6067, #314D52);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3D6067), to(#314D52));
	background: -webkit-linear-gradient(#3D6067, #314D52);
}

#branding hgroup {
	margin: 0 0 0 7.6%;
}

#header-image #s {
	display: none;
}

#header-image img {
	display: none;
	width: 100%;
	height: auto;
}

.home #header-image img {
	display: block;
}

#site-title {
	margin: 0;
	padding: 0;
	clear: none;
	display: inline;
	font-size: 36px;
}

#site-title a {
	color: #e5e5e5;
	font-family: 'Raleway', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 32px;
	font-weight: 500;
	line-height: 56px;
	// text-transform: uppercase;
	letter-spacing: 2px;
}

#site-title a:hover,
#site-title a:focus,
#site-title a:active {
	color: #eee;
}

#site-description {
	display: none;
}

/* =Menu
----------------------------------------------- */

#access a {
	color: #bbb;
	line-height: 56px;
	padding: 0 10px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#access ul ul a {
	font-size: 13px;
	line-height: 1.75em;
	background: rgba(3,50,59,.85);
	color: #bbb;
	border-bottom: 1px dotted #bbb;
}

#access ul {
	float: right;
	margin: 0;
	font-size: 13px;
	font-weight: 400;
	font-family: 'Raleway', "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	// letter-spacing: 1px;
}

#access ul ul {
	top: 3em;
}

.home #access li:hover > a,
.home #access a:focus,
.home #access ul ul :hover > a {
	background: rgba(132,62,0,.75);
}

#access li:hover > a,
#access a:focus,
#access ul ul :hover > a {
	background: #72461A;
	color: #eee;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

/* #access ul ul li:hover > a,
#access a:focus {
	color: #444;
} */

/* #access ul ul a,
#access ul ul:hover > a {
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	-ms-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
} */

.home #access .current-menu-item > a,
.home #access .current-menu-ancestor > a,
.home #access .current-page-item > a,
.home #access .current-page-ancestor > a,
.home #access .current_page_parent > a,
.home #access .current-post-parent > a {
	color: #eee;
	font-weight: normal;
	background: rgba(132,62,0,.75);
}

#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current-page-item > a,
#access .current-page-ancestor > a,
#access .current_page_parent > a,
#access .current-post-parent > a {
	color: #eee;
	font-weight: 400;
	background: #72461A;
}

#access ul ul .current-menu-item > a,
#access ul ul .current-menu-ancestor > a,
#access ul ul .current-page-item > a,
#access ul ul .current-page-ancestor > a {
	background: #72461A;
}

/* =Content
----------------------------------------------- */

/* Homepage specific */

.home .entry-title {
	display: none;
}

.home .entry-content {
	text-align: justify;
}

.home .entry-content p {
	// font-size: 18px;
}

.singular .entry-title {
	font-size: 1.75em;
}

.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #777;
	text-decoration: none;
}

.blog .entry-title,
.single-post .entry-title {
	letter-spacing: 1px;
}

.entry-content {
	padding: 1em 0 0;
}

.entry-content h3 {
	font-size: 1.25em;
	text-transform: none;
	line-height: 1.625;
	letter-spacing: 1px;
}

/* Images */

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: none;
	padding: 0;
	max-width: 100%;
}

img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: transparent;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

/* === Music Page Styling === */

.page-id-24 .entry-title {
	display: none;
}

#releases {
	float: left;
	border-bottom: double 3px #ccc;
	margin-bottom: 1.625em;
}

.musiccaption {
	font-size: .9em;
	line-height: 1.5;
	text-align: center;
}

/* === Video Page Styling === */

.page-id-103 .ezcol {
	text-align: center;
	font-size: .9em;
	line-height: 1.5;
	font-weight: 500;
}

/* === About Iraqi Maqam === */

#about-maqam-contents {
	background: #EEE;
	max-width: 500px;
	padding: 1em 1.625em;
	border: 1px solid #CCC;
}

/* ===Edit Links=== */

.singular .entry-meta .edit-link a {
	top: 0;
	left: 0;
}

.home.singular .entry-meta .edit-link a {
	top: -15px;
}

.single-post .entry-meta .edit-link a {
	top: 50px;
}

/* =Widgets
----------------------------------------------- */

.widget-title {
	font-size: 16px;
	line-height: 1.5;
	padding-bottom: 10px;
}

/* =Footer
----------------------------------------------- */

#footer-widget-wrapper {
	max-width: 1100px;
	margin: 0 auto;
	background: #e2e2e2;
}

#site-generator {
	padding: 10px 0;
	background: #222;
	background: -moz-linear-gradient(#252525, #0a0a0a);
	background: -o-linear-gradient(#252525, #0a0a0a);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a));
	background: -webkit-linear-gradient(#252525, #0a0a0a);
	font-size: 13px;
	color: #ddd;
	font-weight: 400;
	border-top: 0;
}

#site-generator a {
	color: #ddd;
	font-weight: 400;
	text-decoration: none;
}

#site-generator a:hover {
	text-decoration: underline;
}

/* ===Buttons=== */

.button {
	display: inline-block;
	padding: 15px 20px;
	background: #72461A;
	text-align: center;
	transition: background .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
}

#contact .button {
	width: 150px;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 1em;
	display: block;
}

.button:hover {
	background: #9C7E5F;
	transition: background .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
}

a.button, a.button:hover, a.button:active, a.button:focus {
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	color: #eee;
}

.purchase ul {
	list-style: none;
}

.purchase ul li {
	display: inline-block;
}

.purchase ul a {
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
	font-weight: 400 !important;
	color: #eee;
	display: inline-block;
	width: 150px;
	padding: 15px 15px;
	background: #72461A;
	text-align: center;
	list-style: none;
	text-decoration: none;
	transition: background .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
}

.purchase li:hover > a, .purchase li:active > a, .purchase li:focus > a {
	background: #9C7E5F;
}

.purchase ul li:hover > ul {
	display: block;
	opacity: 1;
}

.purchase ul ul {
	display: none;
	position: absolute;
	z-index: 9999;
	width: 150px;
	margin: 0;
}

/* .purchase ul ul li {
	float: left;
	position: relative;
	border-radius: 0;
} */

/* =Plugin Mods
----------------------------------------------- */

/* === Videos === */

.fve-max-width-wrapper {
	margin-bottom: 1.625em;
}

.wpvl_auto_thumb_box,
.video_lightbox_auto_anchor_image {
	width: 100% !important;
	height: auto !important;
}

.wpvl_auto_thumb_play {
	width: 32px;
	height: auto;
	left: 42% !important;
	top: 37% !important;
}

/* ===Full Width Audio Player === */

.fap-track-simple {
	text-decoration: none;
}

@media (max-device-width : 1024px) {
	#fap-main {
		max-width: 87% !important;
	}
}

@media (max-width: 640px) {
	#fap-meta-wrapper {
		width: 40% !important;
	}
	#fap-player-wrapper {
		width: 30% !important;
		margin-right: 10% !important;
	}
}
/*
@media (max-width: 480px) {
	#fap-meta-wrapper {
		display: none;
	}
	#fap-player-wrapper {
		width: 90% !important;
		float: none !important;
		margin: 5px auto 0 !important;
	}
} */

/* ===Responsive Menu=== */
#click-menu {
	width: 40px !important;
	padding: 8px 5px 3px 5px!important;
	z-index: 9999999999 !important;
	box-shadow: 1px 1px 3px #333;
	line-height: 1.5;
	text-transform: uppercase;
}

#click-menu .threeLines {
	width: 26px !important;
	height: 24px !important;
}

#click-menu .threeLines .line {
	height: 3px !important;
	margin-bottom: 5px !important;
}

#responsive-menu {
	z-index: 9999999999 !important;
}

/* ===Metaslider=== */

.metaslider {
	margin-bottom: 1.625em !important;
}

/* ===Gigpress=== */

.gigpress-sidebar-more {
	margin-top: 1em;
	text-transform: uppercase;
}

/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 800px) {
	.home #branding-bg, #branding-bg {
		position: relative;
		background: #3D6067;
		background: -moz-linear-gradient(#3D6067, #314D52);
		background: -o-linear-gradient(#3D6067, #314D52);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3D6067), to(#314D52));
		background: -webkit-linear-gradient(#3D6067, #314D52);
	}
}

@media (max-width: 650px) {
	#main, .entry-content {
		// padding: 0;
	}
	.entry-title {
		font-size: 24px;
	}
}

@media screen and (max-width: 480px) {
	#site-title a {
		font-size: 30px;
	}
	.entry-title {
		line-height: 1.25
	}
}

@media (min-width : 1824px) {
	body, input, textarea {
		font-size: 18px;
	}
	#branding, #main, #footer-widget-wrapper {
		max-width: 1200px;
	}
	#page, featured-posts, #ie7 article.intro {
		padding-top: 72px;
	}
	#site-title a, #access a {
		line-height: 72px;
	}
	#site-title a {
		font-size: 40px;
	}
	#access a {
		padding: 0 12px;
	}
	#access ul, #access ul ul a {
		font-size: 15px;
	}
	/* Bumping up certain elements from 13px to 14px */
	#access a.assistive-text:focus,
	.page-title a,
	.entry-meta,
	.entry-meta .edit-link a,
	.commentlist .edit-link a,
	#author-info,
	article.intro .edit-link a,
	#content nav a, 
	.widget-area,
	.widget ul li,
	.comment-meta,
	a.comment-reply-link,
	#respond p {
	font-size: 15px;
	} 
}

@media (min-width: 2000px) {
	/* #header-container {
		border-bottom: none;
		background: white;
	}
	.home #branding-bg {
		background: #3D6067;
		background: -moz-linear-gradient(#3D6067, #314D52);
		background: -o-linear-gradient(#3D6067, #314D52);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3D6067), to(#314D52));
		background: -webkit-linear-gradient(#3D6067, #314D52);
	}
	#branding-bg {
		position: relative;
	}
	.home #header-image {
		max-width: 1600px;
		margin: 3em auto 0;
		display: block;
	}
	#header-image {
		display: none;
	}
} */