/*
Welcome to Custom CSS!
To learn how this works, see http://wp.me/PEmnE-Bt
*/

/* ============================================
   LARGE SCREENS (1299px and up)
   ============================================ */
@media screen and (min-width: 1299px) {
	.content-sidebar #content-sidebar-wrap,
	.full-width-content #content-sidebar-wrap,
	.sidebar-content #content-sidebar-wrap,
	#inner .wrap {
		width: 1300px;
		text-align: center;
	}

	#nav .wrap, .home-bottom, .home-middle, .home-top {
		overflow: visible;
		width: 750px;
	}

	#text-6, #featured-post-8, #block-10 {
		width: 1250px;
	}

	.sidebar {
		width: 440px;
		margin-top: 180px;
		margin-right: 50px;
	}

	#featured-post-6 .widget-wrap .post img,
	.category-industry-leaders a img,
	.category-musician-musings a img {
		max-width: 400px;
		max-height: 300px;
		width: auto;
		height: auto;
	}

	/* Fixed: moved inside media query, removed orphaned } */
	.content-sidebar #content, .sidebar-content #content {
		width: 55%;
	}
}

/* ============================================
   MEDIUM-LARGE SCREENS (1099px - 1298px)
   ============================================ */
@media screen and (min-width: 1099px) and (max-width: 1298px) {
	.content-sidebar #content-sidebar-wrap,
	.full-width-content #content-sidebar-wrap,
	.sidebar-content #content-sidebar-wrap,
	#inner .wrap {
		width: 1100px;
		text-align: center;
	}

	#nav .wrap, .home-bottom, .home-middle, .home-top {
		overflow: visible;
		width: 750px;
	}

	/* Fixed: added missing { */
	#text-6, #featured-post-8, #block-10{
		width: 1050px;
	}

	.sidebar {
		width: 350px;
		margin-top: 180px;
		margin-right: 10px;
	}

	#featured-post-6 .widget-wrap .post img,
	.category-industry-leaders a img,
	.category-musician-musings a img {
		max-width: 450px;
		max-height: 250px;
		width: auto;
		height: auto;
	}

	.fb_iframe_widget {
		display: none;
	}
}

/* ============================================
   MEDIUM SCREENS (800px - 1098px)
   ============================================ */
@media screen and (min-width: 800px) and (max-width: 1098px) {
	.content-sidebar #content-sidebar-wrap,
	.full-width-content #content-sidebar-wrap,
	.sidebar-content #content-sidebar-wrap,
	#inner .wrap {
		width: 800px;
		text-align: center;
	}

	#nav .wrap, .home-bottom, .home-middle, .home-top {
		overflow: visible;
		width: 750px;
	}

	#text-6, #featured-post-8, #block-10 {
		width: 750px;
	}

	/* Fixed: reduced margin-top from 180px to 20px */
	.sidebar {
		width: 100%;
		margin-top: 20px;
		margin-right: 10px;
	}

	.widget-wrap .post img,
	.category-industry-leaders a img,
	.category-musician-musings a img {
		max-width: 400px;
		max-height: 300px;
		width: auto;
		height: auto;
	}

	.fb_iframe_widget {
		display: none;
	}

	.content-sidebar #content, .sidebar-content #content {
		width: 95%;
	}
}

/* ============================================
   SMALL SCREENS (under 800px)
   ============================================ */
@media screen and (max-width: 799px) {
	#header {
		width: 100%;
	}

	.content-sidebar #content-sidebar-wrap,
	.full-width-content #content-sidebar-wrap,
	.sidebar-content #content-sidebar-wrap,
	#inner .wrap {
		width: 100%;
		text-align: center;
	}

	#nav .wrap, .home-bottom, .home-middle, .home-top {
		overflow: visible;
		width: 100%;
	}

	#text-6, #featured-post-8, #block-10 {
		width: 95%;
	}

	/* Fixed: reduced margin-top from 180px to 20px, margin-right to 0 */
	.sidebar {
		width: 100%;
		margin-top: 20px;
		margin-right: 0;
	}

	.widget-wrap .post img,
	.category-industry-leaders a img,
	.category-musician-musings a img {
		max-width: 400px;
		max-height: 300px;
		width: auto;
		height: auto;
	}

	.fb_iframe_widget {
		display: none;
	}

	.content-sidebar #content, .sidebar-content #content {
		width: 95%;
	}
}

/* ============================================
   GLOBAL STYLES
   ============================================ */
.full-width-content #content {
	width: 95%;
}

.widgettitlelink a,
.widgettitlelink a:visited {
	color: black;
}

#title-area {
	width: 100%;
	text-align: center;
}

#featured-post-6 .widget-wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
	grid-auto-rows: auto;
}

/* Fixed: changed span 3 to span 2 to match the 2-column grid */
.sidebar .widget-wrap,
.content-sidebar #sidebar .widget {
	border: none;
	grid-column: span 2;
}

#archives-5 .widget-wrap {
	border: 4px solid #f5f5f5;
}

.entry-content img {
	border: none;
}

.cff-wrapper .cff-visual-header .cff-header-img {
	display: block;
}