/*
Theme Name:     MisforMusic
Theme URI:		http://www.misformusic.com
Author:			Debadge
Author URI:		http://debadge.co.uk
Description:    Copyright Debadge Design | 2015
Version:		1.0
Template:       Divi
*/

@import url('../Divi/style.css');

/***************/
/* FEED TWEAKS */
/* Some feeds have RSS errors. The rules below define what to do with individual feeds that have errors. Each feed is defined by its own author-* class from functions.php. */
/***************/

/* Red Errors, hide */
article.author-hypebot > a:nth-of-type(1),
article.author-gossip-on-this > a:nth-of-type(1),
article.author-music-week > a:nth-of-type(1)
 {
	visibility: hidden;
}
article.author-hypebot > a:nth-of-type(1) img,
article.author-gossip-on-this > a:nth-of-type(1) img,
article.author-music-week > a:nth-of-type(1) img
{
	visibility: visible;
}

/* Missing Images, show fallback thumbnail */
article.author-allhiphop > a:nth-of-type(1),
article.author-consequence-of-sound > a:nth-of-type(1) {
	display:none;
}
article.author-allhiphop > a:nth-of-type(2) img.fallback-img,
article.author-consequence-of-sound > a:nth-of-type(2) img.fallback-img {
	display:block !important;	
}

/* Missing Images when in Homepage Editors Pick */
body.home #editors-pick-posts article.author-consequence-of-sound img {
	display:none;
}

/***************/
/* SIZE TWEAKS */
/***************/

/* Change global width */
.et_boxed_layout #page-container, .et_boxed_layout.et_non_fixed_nav.et_transparent_nav #page-container #top-header, .et_non_fixed_nav.et_transparent_nav.et_boxed_layout #page-container #main-header, .et_fixed_nav.et_boxed_layout #page-container #top-header, .et_fixed_nav.et_boxed_layout #page-container #main-header, .et_boxed_layout #page-container .container, .et_boxed_layout #page-container .et_pb_row, .et_boxed_layout.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row, .et_boxed_layout.et_pb_pagebuilder_layout.single.et_full_width_portfolio_page #page-container .et_pb_row, .et_boxed_layout.et_pb_pagebuilder_layout.single #page-container .et_pb_row {
    width: 95%;
}
.et_fullwidth_nav #main-header .container {
    width: 100%;
}
@media all and ( max-width: 980px ) {
	.et_fullwidth_nav #main-header .container {
	    width: 95%;
	}
	/* logo size when responsive */
	.et_header_style_left #logo { height: 60px; }
}

/* WHEN NO SIDEBAR DIVIDER LINE -
modify default content/sidebar widths on non-divi layout pages 
body #page-container #left-area {
	width:65.666% !important;
	padding-right:0;
	margin-right:3%;
}
body #page-container #sidebar {
	width:31.333% !important;
	padding-left:0;
}*/
/* back to normal for responsive mode 
@media all and ( max-width: 980px ) {
	body #page-container #left-area {
	width:100% !important;
	padding-right:0;
	margin-right:0;
	}
	body #page-container #sidebar {
		width:100% !important;
		padding-left:0;
	}
}*/

/*spacing above content*/
#main-content .container {
    padding-top: 40px;
}

/* Main submenu */

#top-menu li li {
	padding:0px;
}
.nav li ul {
	width:150px;
}
.nav ul li a:hover {
	background-color:#222;
	opacity:1;
}
#top-menu li li a {
	width:150px;
}


/*****************/
/* COLOUR TWEAKS */
/*****************/

.et_overlay {
    border:none;
}

body {
	background:url(images/bg2.jpg) repeat fixed;
}
#main-content {
    background-color:#fff;
}
#main-header {
	background:url(images/head-bg.jpg) #222222 no-repeat right bottom;
}
#main-content, .page-background {
	background-image:url(images/bg-page.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	background-size:auto;
	background-color:#fafafa;
	text-shadow:1px -1px 0 rgba(255,255,255,1);
}
@media all and ( max-width: 980px ) {
	#main-content, .page-background {
		background-image:none;
	}
}

/* banner colour for Index/Archive page titles */
.index-title-banner {
	background-color: #222222;
    padding:0 !important;
}

/* Page box shadow */
.et_boxed_layout #page-container {
    box-shadow: 0 0 80px 0 rgba(0, 0, 0, 1);
}

/* Sidebar Search widget */
.et_pb_sidebar_0 .widget_search input#s, #sidebar .widget_search input#s {
    border: 1px solid #d8d8d8;
    color: #666;
	border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.et_pb_sidebar_0 .widget_search input#s:focus, #sidebar .widget_search input#s:focus {
    border: 1px solid #59AD21;
}
.et_pb_sidebar_0 .widget_search #searchsubmit, #sidebar .widget_search #searchsubmit {
    background-color: #333;
	border: 1px solid #333;
	font-family: "Oswald",Helvetica,Arial,Lucida,sans-serif;
	text-transform:uppercase;
	color:#fff !important;
	padding:0.6em;
}
.et_pb_sidebar_0 .widget_search #searchsubmit:active, #sidebar .widget_search #searchsubmit:active {
    background-color: #59AD21;
	border: 1px solid #59AD21;
}
.et_pb_sidebar_0 .et_pb_widget {
    float: none;
    margin-bottom: 30px !important;
    width: 100%;
}
.et_pb_sidebar_0 .widget_search #searchsubmit, #sidebar .widget_search #searchsubmit {
    width:auto;
	border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

/* recent posts date */
.widget_recent_entries span.post-date {
	color:#aaa;
	font-size:11px;
}


/***************/
/* FORM TWEAKS */
/***************/

/* Style default forms */

input[type="submit"], button {
	cursor:pointer;
}

textarea {
	resize:vertical;
}

.et_pb_contact p {
	margin-bottom:20px !important;
}

.et_pb_contact p select {
    font-size: 14px;
    width: 100% !important;
}

.et_pb_contact p textarea {
	height:150px;
    min-height: 100px;
}

.wpcf7-list-item input[type="checkbox"] {
	width:auto !important;
}
.wpcf7-checkbox {
	display:block;
	width:100%;
}

form.et_pb_contact_form .wpcf7-checkbox span.first {
	margin-left: 0;
}

.et_pb_contact input, .et_pb_contact textarea, .et_pb_contact select { 
	background-color:#fff !important; border:1px solid #e2e2e2 !important; padding: 16px !important; color: #999 !important;
}
.et_pb_contact input:focus, .et_pb_contact textarea:focus, .et_pb_contact select:focus {
	border-color:#59ad21 !important; color: #777 !important;
}
.et_pb_contact input[type="submit"] {
	border:none !important;
	background-color:#E54E53 !important;
	color:#fff !important;
	border-radius:3px;
	font-weight:600;
	transition: all 0.2s ease 0s;
}
.et_pb_contact input[type="submit"]:hover {
	background-color:#59ad21 !important;
}

/* Custom alert boxes for wpcf7 */
.wpcf7-response-output {
	border-radius: 3px;
    margin: 20px 0 !important;
    padding: 15px !important;
}
.wpcf7-validation-errors {
	background-color: #fcf8e3;
    border: 1px solid #faebcc !important;
    color: #8a6d3b;
}
.wpcf7-mail-sent-ok {
	background-color: #dff0d8;
    border: 1px solid #d6e9c6 !important;
    color: #3c763d;
}

/***************/
/* TEXT TWEAKS */
/***************/

body {
	font-weight: 300;
}

blockquote {
    padding-left: 30px;
	font-style:italic;
}

h1 {font-size: 32px; font-weight:600;}
h2 {font-size: 21px; font-weight:600;}
h3 {font-size: 19px; font-weight:600;}
h4 {font-size: 17px;}
h5 {font-size: 15px;}
h6 {font-size: 13px;}


article.page .entry-content h2 {
	margin-top:30px;
}
h2, h3, h4, h5, h6 {
	margin-bottom:20px;
	padding-top:10px;
}

.index-title-banner h1 {
    padding:0;
	line-height: 50px;
	color:#ffffff !important;
	text-shadow:none;
}

/*H title background imgs*/
#main-content .entry-content h1, #main-content #left-area h1 {
	background:url(images/title-bg-long4.png) right bottom no-repeat;
	padding:0;
	margin-bottom:30px;
	color:#333;
	line-height:50px;
	border-bottom:1px solid #e2e2e2;
}
/* Alternating H1 BG images on homepage */
.home .et_pb_column_1 div:nth-of-type(3) h1 {
	background:url(images/title-bg-long1.png) right bottom no-repeat !important;
}
.home .et_pb_column_1 div:nth-of-type(5) h1 {
	background:url(images/title-bg-long3.png) right bottom no-repeat !important;
}
.home .et_pb_column_1 div:nth-of-type(7) h1 {
	background:url(images/title-bg-long2.png) right bottom no-repeat !important;
}
@media all and ( max-width: 980px ) {
	h1 {
		font-size:30px;
	}
}
 
.entry-content > h2 {
	background:url(images/title-bg-long2.png) right bottom no-repeat;
	border-bottom:1px solid #e2e2e2;
	text-shadow:10px 0 10px #fff;
	padding-right:30%;
}
#main-content .entry-content h3, #main-content #left-area h3 {
	background:url(images/title-bg-long3.png) right top no-repeat;
	text-shadow:10px 0 10px #fff;
}
#main-content .widgettitle {
	background:url(images/title-bg-tall1.png) right bottom no-repeat;
	border-bottom:1px solid #e2e2e2;
	padding:10px 10px 10px 0;
	color:#333;
}
.et_pb_widget:nth-of-type(4) .widgettitle {
	background:url(images/title-bg-tall2.png) right bottom no-repeat !important;
}
.et_pb_widget:nth-of-type(5) .widgettitle {
	background:url(images/title-bg-tall3.png) right bottom no-repeat !important;
}
.et_pb_widget:nth-of-type(6) .widgettitle {
	background:url(images/title-bg-tall4.png) right bottom no-repeat !important;
}

/* widget title hover states */
.et_pb_sidebar_0 .et_pb_widget .widgettitle, #sidebar .et_pb_widget .widgettitle {
    transition: all .2s ease-in-out;
}
.et_pb_sidebar_0 .et_pb_widget:hover .widgettitle, #sidebar .et_pb_widget:hover .widgettitle {
	border-left:10px solid #E54E53;
	padding:10px !important;
}

/* remove h1 styles on home-hero */
.home-hero h1 {
	background:none !important;
	padding:0 !important;
	margin-bottom:0 !important;
	border-bottom:none !important;
	font-weight:normal !important;
	color:#fff !important;
	text-shadow:none !important;
}	

/* modify mobile navigation */
#et_mobile_nav_menu {
	text-transform:uppercase;
	font-weight:400;
}

/*****************/
/* LAYOUT TWEAKS */
/*****************/

/* Remove transition from fixed header bar */
#main-header {
	transition:background-color 0s ease 0s, color 0s ease 0s, transform 0s ease 0s, opacity 0s ease-in-out 0s !important;
}
/* Add padding to main content to compensate for huge header*/
#page-container {
	padding-top:244px !important;
}
@media all and ( max-width: 980px ) {
	#page-container {
		padding-top:79px !important;
	}
}

#main-content .container::before {
/* Remove sidebar vertical line
	width: 0;*/
	background-color: #e2e2e2;
} 

/* red page borders */
#main-header {
    border-bottom:5px solid #E54E53;
}
#main-footer {
    border-top:5px solid #E54E53;
}

/* Only for centered navigation */
/* remove lower menu text padding */
.et_header_style_centered #top-menu > li > a {
    padding-bottom:15px !important;
}
/* change main menu container */
.et_header_style_centered #main-header div#et-top-navigation {
    padding: 10px 0;
}

/* Post date position in footer widget */
#footer-widgets span.post-date {
	display:block;
	font-size:14px;
}

/* remove footer widget bullets */
#footer-widgets .footer-widget li::before {
    border-radius: 0;
    border-style:none;
    border-width: 0;
    content: "";
    left: 0;
    position:relative;
    top:0;
}
#footer-widgets .footer-widget li {
    padding: 0 0 10px 0;
    position: relative;
}

/* individual article styles in archive lists */
#main-content article.post {
	padding:0 0 12px 0;
	overflow: auto;
	transition: all .2s ease-in-out;
	margin-bottom:20px;
	text-align:justify;
	border-bottom:1px solid #e2e2e2;
}
#main-content article.post:nth-last-of-type(1) {
	border-bottom:none;
}
#main-content article.post:hover h2 {
	color:#E54E53;
}
#main-content article.post h2 {
	margin:0 0 10px 0;
	padding:0;
	color:#555;
	transition: all .2s ease-in-out;
	text-align:left;
}
#main-content article.post h2 a:active {
	color:#59ad21;
}
#main-content article.post .post-meta {
    font-size: 11px;
    padding-bottom:0;
	color:#aaa;
}
#main-content article.post .post-meta a {
	color:#E54E53;
}
/* article thumbnail */
#main-content article.post img {
	max-width:20%;
	height:auto;
	float:left;
	margin-right:3%;
	transition: all .2s ease-in-out;
	margin-bottom:10px;
}
/* Flashing img */
#main-content article.post:hover img {
	opacity: 1;
	-webkit-animation: flash 1s;
	animation: flash 1s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .8;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .8;
	}
	100% {
		opacity: 1;
	}
}

/*article styles in page lists*/
/* remove unnecessary images */
#main-content article.post p img {
	display:none;
}
/* remove unnecessary text - increase as necessary */
#main-content article.post p:nth-of-type(3),
#main-content article.post p:nth-of-type(4),
#main-content article.post p:nth-of-type(5),
#main-content article.post p:nth-of-type(6),
#main-content article.post p:nth-of-type(7),
#main-content article.post p:nth-of-type(8),
#main-content article.post p:nth-of-type(9),
#main-content article.post p:nth-of-type(10),
#main-content article.post p:nth-of-type(11){
	display:none;
}
/* then ensure admin written posts are displayed in full */
body.single-post #main-content article.post p:nth-of-type(3),
body.single-post #main-content article.post p:nth-of-type(4),
body.single-post #main-content article.post p:nth-of-type(5),
body.single-post #main-content article.post p:nth-of-type(6),
body.single-post #main-content article.post p:nth-of-type(7),
body.single-post #main-content article.post p:nth-of-type(8),
body.single-post #main-content article.post p:nth-of-type(9),
body.single-post #main-content article.post p:nth-of-type(10),
body.single-post #main-content article.post p:nth-of-type(11){
	display:block;
}
/* remove fallback image when thumbnail present */
#main-content article.post a:nth-of-type(2) > img.fallback-img {
	display:none;
}
.et_pb_blog_grid_wrapper article.post a.fallback-img-link {
	display:none;
}
/* style articles in grids */
#main-content .et_pb_blog_grid_wrapper article.post {
	padding:20px;
	transition: all .2s ease-in-out;
	border-radius:4px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	border:none;
}
#main-content .et_pb_blog_grid_wrapper article.post:hover {
}
#main-content .et_pb_blog_grid_wrapper article.post h2 {
	margin:0 0 6px 0;
	font-size:22px;
}
/* Hide text content when posts shown as grid (editors pick) */
#main-content .et_pb_blog_grid_wrapper article.post p {
	display:none;
}
#main-content .et_pb_blog_grid_wrapper article.post p.post-meta {
	display:block;
}

/**********************/
/* Custom Page Styles */
/**********************/

/* 4 Images, remaining side-by-side */
/*News page*/body.page-id-3798 #main-content article:nth-child(n+5),
body.category-features #main-content article:nth-child(n+5),
body.category-industry-news #main-content article:nth-child(n+5) {
	background-color:#fff;
	border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    padding: 20px;
	display:inline-block;
	margin-right:5%;
	width:47%;
	vertical-align:top;
}
body.page-id-3798 #main-content article:nth-child(n+5) img,
body.category-features #main-content article:nth-child(n+5) img,
body.category-industry-news #main-content article:nth-child(n+5) img {
	display:none !important;
}
body.page-id-3798 #main-content article:nth-child(n+5) > a:nth-of-type(1),
body.category-features #main-content article:nth-child(n+5) > a:nth-of-type(1),
body.category-industry-news #main-content article:nth-child(n+5) > a:nth-of-type(1) {
	display:none;
}
body.page-id-3798 #main-content article:nth-child(even),
body.category-features #main-content article:nth-child(even),
body.category-industry-news #main-content article:nth-child(even) {
	margin-right:0 !important;
}

/* All side-by-side */
body.category-reviews #main-content article {
	background-color:#fff;
	border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    padding: 20px;
	display:inline-block;
	margin-right:5%;
	width:47%;
	vertical-align:top;
}
body.category-reviews #main-content article img {
	display:none;
}
body.category-reviews #main-content article:nth-child(even) {
	margin-right:0 !important;
}