/*
Theme Name: Rose Music Group
Template: twentyfourteen
Author: elizabethmaxwellmedia

*/



/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 *
 * -----------------------------------------------------------------------------
 */


body {
	background-color:#000;
	color:#fff;
}

.col1-3,
.col2-3 {
	width:100%;
	box-sizing:border-box;
}

a {
	color:#729188;
}

a:active,
a:hover {
	color: #9db3ac;
}
	
a img {filter:alpha(opacity=100);}

a img:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}

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

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

/* Buttons */

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #729188;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 30px 11px;
	text-transform: uppercase;
	vertical-align: bottom;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #729188;
	color: #fff;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #729188;
}

/* Mediaelements */


.hentry .mejs-overlay-button {
	background-color: #729188;
	background-image: none;
	border-radius: 2px;
	box-shadow: 1px 1px 1px rgba(0,0,0,.8);
	color: #000;
	height: 36px;
	margin-left: -24px;
	width: 48px;
}

.hentry .mejs-overlay-button:before {
	-webkit-font-smoothing: antialiased;
	content: '\f452';
	display: inline-block;
	font: normal 32px/1.125 Genericons;
	position: absolute;
	top: 1px;
	left: 10px;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #729188;
}


.hentry .mejs-overlay:hover .mejs-overlay-button {
	background-color: #729188;
	color: #fff;
}

.hentry .mejs-controls .mejs-button button:hover {
	color: #729188;
}



/**
 * Header 1
 * ----------------------------------------------------------------------------
 */
 
 header {
	 clear:both;
	 width:100%;
	 z-index: 99999;
	 background-color:#000;
	 height: auto;
	 overflow: auto;
 }
 
 .header-container {
	 clear:both;
	 width:100%;
	 max-width:1020px;
	 margin:0 auto;
	 padding: 0 10px;
	 box-sizing: border-box;
 }
 
 header h1#logo {
	clear:left;
	float:left;
    display: inline-block;
    width:80%;
	max-width:350px;
	margin:10px 0;
}

header h1#logo img {
	width:100%;
}	



/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */

.site-navigation ul {
	list-style: none;
	margin: 0;
}

.site-navigation li {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.site-navigation ul ul {
	margin-left: 20px;
}

.site-navigation a {
	color: #fff;
	display: block;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: .1em;
}

.site-navigation a:hover {
	color: #729188;
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	color: #729188;
	font-weight: 300;
}

/* Primary Navigation */

.primary-navigation {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 14px;
	padding-top: 24px;
}

.primary-navigation.toggled-on {
	padding: 72px 0 36px;
}

.primary-navigation .nav-menu {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	display: none;
}

.primary-navigation.toggled-on .nav-menu {
	display: block;
}

.primary-navigation a {
	padding: 7px 0;
}

/* Secondary Navigation */

.secondary-navigation {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 12px;
	margin: 48px 0;
}

.secondary-navigation a {
	padding: 9px 0;
}

.menu-toggle {
	background-color: #000;
	border-radius: 0;
	cursor: pointer;
	height: 48px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 14px;
	right: 0;
	text-align: center;
	width: 48px;
}

.menu-toggle:before {
	color: #fff;
	content: "\f419";
	padding: 16px;
}

.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover {
	background-color: #444;
}

.menu-toggle:focus {
	outline: 1px dotted;
}



/**
 * Main Content
 * ----------------------------------------------------------------------------
 */
 
 #main-content-wrapper {
	 width:100%;
	 background: url('http://rosemusicgroup.com/images/bg-main-rs2-643.jpg') no-repeat top right scroll; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
 }
 
 
 #main-content-wrapper-secondary {
	 width:100%;
	 background: url('http://rosemusicgroup.com/images/bg-secondary.jpg') no-repeat top center scroll; 
  	-webkit-background-size: 100% auto;
  	-moz-background-size: 100% auto;
  	-o-background-size: 100% auto;
  	background-size: 100% auto;
 }
 
 
/**
 * Secondary Header
 * ----------------------------------------------------------------------------
 */
 
 #secondary-header-wrapper {
	 clear:both;
	 width:100%;
	 z-index: 9999;
	 background-color: rgba(0,0,0,.6);
 }
 
 .secondary-header-container {
	 width:100%;
	 max-width:1020px;
	 margin:0 auto;
	 padding: 5px 10px 10px;
	 box-sizing: border-box;
	 text-align:center;
 }
 
 h2.site-description {
	 display: inline;
	 text-transform:uppercase;
	 color:#999;
	 font-weight:300;
	 font-size:.7em;
	 letter-spacing: .1em;
 }
 
 /**
 * Home Page
 * ----------------------------------------------------------------------------
 */
 
.home-content-container {
	 width:100%;
	 padding:0px;
	 margin:0 auto;
	 box-sizing:border-box;
	 min-height:500px;
 }
 
 .main-content-container {
	 width:100%;
	 max-width:1020px;
	 padding:10px 20px;
	 margin:0 auto;
	 box-sizing:border-box;
 }
 
.feat-artist,
.feat-artist-name {
	display:inline-block;
	width:auto;
    white-space:nowrap;
	padding:10px;
	text-transform:uppercase;
	font-size: .8em;
	font-weight: 300;
	letter-spacing: .1em;
 }
 
.feat-artist {
	clear:left;
	float:left;
	margin-top:250px;
	background-color:#729188;
}

.feat-artist-name {
	clear:left;
	float:left;
	background-color:rgba(0,0,0,.5);	
}

.feat-artist-name a {
	color:#fff;
}

span.feat-artist-arrow {
	padding-left:10px;
	color:#729188;
}

.feat-artist-name a:hover,
span.feat-artist-arrow a:hover {
	color: #9db3ac;
}

.footer-blog {
	width:100%;
	box-sizing:border-box;
	padding:10px;
	background-color:#fff;
	color:#000;
}

.footer-blog img {
	width:100%;
	margin:0;
}

/**
 * Secondary Pages
 * ----------------------------------------------------------------------------
 */

.content-container {
	width:100%;
	background-color:#fff;
	min-height:400px;
	color:#000;
	padding: 20px;
	box-sizing: border-box;
	margin:0 auto;
	font-size: 1em;
	width:100%;
}

.entry-header {
	max-width:100%;
	background-color: transparent;
}

h1.entry-title {
	font-size:1.8em;
}

h3.page-subtitle {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	text-align:center;
	width:100%;
	padding: 15px;
	box-sizing: border-box;
	font-size: 1.2em;
	-webkit-hyphens: none;
	-moz-hyphens:    none;
	-ms-hyphens:     none;
	hyphens:         none;
}

br.br-2 {display:none;}



/**
 * Roster Page
 * ----------------------------------------------------------------------------
 */

.artist {
	float:left;
	text-align:center;
	width:100%;
	color:#333;
}

.artist-image {
	width:100%;
	height:100%;
	overflow:hidden;
	-webkit-border-radius: 50%;                
	-moz-border-radius: 50%;                
	-ms-border-radius: 50%;                
	-o-border-radius: 50%; 
	border-radius: 50%;  
}

.artist img {                
	width: 100%;                
	height: 100%;       
	-webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    max-width: 100%;                            
}

.artist:hover img { 
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

h3.artist-title {
	text-transform:uppercase;
	margin:0;
	padding:10px 20px 0;
	font-size:1.2em;
	letter-spacing: .1em;
	font-weight: 900;
}

p.artist-genre {
	font-size:.9em;
	font-style:italic;
	font-weight:300;
	margin-bottom:0;
	padding-bottom:0;
}

p.read-more a {
	color:#333;
	text-decoration:underline;
	font-size:.8em;
	font-weight:300;
}

.read-more a:hover {
	color:#999;
}

/**
 * Artist Page
 * ----------------------------------------------------------------------------
 */

.left-sidebar {
	float:left;
	width:100%;
}

.right-content {
	float:left;
	width:100%;
	margin-top:10px;
}

.all-artists {
	clear:both;
	width:100%;
	padding:10px 20px;
	background-color:#729188;
	margin-top:20px;
	box-sizing: border-box;
}

.all-artists a {
	color:#fff;
}

.all-artists a:hover {
	color:#9db3ac;
}


/**
 * Booking Page
 * ----------------------------------------------------------------------------
 */

.booking-form {
	width:100%;
	box-sizing: border-box;
}

.booking-form-field,
.booking-form-field-100 {
	width:100%;
	margin-top:10px;
}

input[type="text"] {
	width:100%;
}


/**
 * Concert & Event Production Page
 * ----------------------------------------------------------------------------
 */

.col3 {width:100%;}

.videoWrapper { 
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom:20px;
}
 
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

h5.video-title {
	width:100%;
	font-weight:normal;
	font-size: 1.2em;
	border-bottom:1px solid #000;
	padding-right:20px;
	box-sizing:border-box;
}





/**
 * Blog Pages - Archives
 * -----------------------------------------------------------------------------
 */

.archive-header {
	margin: 10px 0 24px;
	max-width: 100%;
	box-sizing:border-box;
	padding:10px;
}

.archive-title {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	margin: 0;
	color:#fff;
}

.content-sidebar {
	border-top: 0px solid rgba(0, 0, 0, 0.1);
	border-bottom: 0px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #767676;
	padding: 10px 15px 0;
}


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

#social-wrapper {
	clear:both;
	width:100%;
	background-color: rgba(0,0,0,.6);
}

.social-container {
	width:100%;
	max-width:1020px;
	margin:0 auto;
	padding:20px 10px;
	box-sizing:border-box;
	text-align:center;
}

.social-container img {
	width:40px;
	height:40px;
	margin:0 5px;
}


#footer-wrapper {
	clear:both;
	width:100%;
}

.footer-container {
	width:100%;
	max-width:1020px;
	margin:0 auto;
	color: #999999;
	font-size: .7em;
	padding: 20px 10px;
	font-family: Helvetica, Arial, sans-serif;
	box-sizing:border-box;
	text-align:center;
}

.last {
	margin-right:0 !important;
}



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

.artist {
	 float:left;
	 width:48%;
	 margin: 10px 4% 10px 0;
 }
 
 .artist:nth-of-type(2n) {
	margin:10px 0;
}
 .artist:nth-of-type(2n+1) {
	clear:left;
	float:left;
}

 }
 

 @media only screen and (min-width : 643px) {

br.br-1 {display:none;}

.header-container {
	padding: 0 15px;
}

.secondary-header-container {
	 text-align:left;
	 padding: 6px 20px 10px;
 }

h2.site-description {
	font-size: .8em;
}

.home-content-container {
	padding: 10px 0;
}

.feat-artist,
.feat-artist-name {
	font-size:1em;
	padding: 15px;
}

.content-container {
	margin:20px auto;
}

.left-sidebar {width:30%;}

.right-content {
	float:right;
	width:64%;
	margin-left:4%;
	margin-top:0;
}

.social-container img {
	width:50px;
	height:50px;
}

.footer-container {
	padding: 20px;
}

.content-sidebar {
		width: 100%;
	}
	

}


@media screen and (min-width: 783px) {

.content-container {
	padding:30px;
}

.page-container {
	padding: 50px;
}


 #main-content-wrapper {
	 width:100%;
	 background: url('http://rosemusicgroup.com/images/bg-main-rs2-783.jpg') no-repeat top right scroll; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
 }
 
header h1#logo {
    width:40%;
}

br.br-2 {display:inline;}

.artist {
	 float:left;
	 width:31%;
	 margin: 10px 3% 10px 0;
 }

.artist:nth-of-type(2n) {
	margin: 10px 3% 10px 0;
}

.artist:nth-of-type(2n+1) {
	clear:none;
}

.artist:nth-of-type(3n) {
	margin:10px 0;
}

.artist:nth-of-type(3n+1) {
	clear:left;
	float:left;
}


.booking-form-field {
	float:left;
	width:49%;
}

.booking-form-field:nth-of-type(2n) {
	margin-left:2%;
}

.col3 {
	display:inline-block;
	width:32%;
	margin:0 0 0 1.5%;
}

.col3:first-child {margin-left:0;}
.videoWrapper {margin-bottom:0px;}
h5.video-title {font-size: 1em;}
	

	/* Navigation */

	.site-navigation li .current_page_item > a,
	.site-navigation li .current_page_ancestor > a,
	.site-navigation li .current-menu-item > a,
	.site-navigation li .current-menu-ancestor > a {
		color: #fff;
	}

	/* Primary Navigation */

	.primary-navigation {
		float: right;
		font-size: 0;
		margin: 0 1px 0 -12px;
		padding: 0;
		text-transform: uppercase;
	}

	.primary-navigation .menu-toggle {
		display: none;
		padding: 0;
	}

	.primary-navigation .nav-menu {
		border-bottom: 0;
		display: block;
		border-right: 1px solid #333;
	}

	.primary-navigation.toggled-on {
		border-bottom: 0;
		margin: 0;
		padding: 0;
	}

	.primary-navigation li {
		border: 0;
		display: inline-block;
		height: auto;
		line-height: 48px;
		position: relative;
		border-left: 1px solid #333;
	}

	.primary-navigation a {
		display: inline-block;
		padding: 17px 14px;
		white-space: nowrap;
		font-size:11px;
	}

	.primary-navigation ul ul {
		background-color: #729188;
		float: left;
		margin: 0;
		position: absolute;
		top: 48px;
		left: -999em;
		z-index: 99999;
	}

	.primary-navigation li li {
		border: 0;
		display: block;
		height: auto;
		line-height: 1.0909090909;
	}

	.primary-navigation ul ul ul {
		left: -999em;
		top: 0;
	}

	.primary-navigation ul ul a {
		padding: 18px 12px;
		white-space: normal;
		width: 176px;
	}

	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #729188;
		color: #fff;
	}

	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: #41a62a;
	}

	.primary-navigation ul li:hover > ul,
	.primary-navigation ul li.focus > ul {
		left: auto;
	}

	.primary-navigation ul ul li:hover > ul,
	.primary-navigation ul ul li.focus > ul {
		left: 100%;
	}

	.primary-navigation .menu-item-has-children > a,
	.primary-navigation .page_item_has_children > a {
		padding-right: 26px;
	}

	.primary-navigation .menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children > a:after {
		-webkit-font-smoothing: antialiased;
		content: "\f502";
		display: inline-block;
		font: normal 8px/1 Genericons;
		position: absolute;
		right: 12px;
		top: 22px;
		vertical-align: text-bottom;
	}

	.primary-navigation li .menu-item-has-children > a,
	.primary-navigation li .page_item_has_children > a {
		padding-right: 20px;
		width: 168px;
	}

	.primary-navigation .menu-item-has-children li.menu-item-has-children > a:after,
	.primary-navigation .menu-item-has-children li.page_item_has_children > a:after,
	.primary-navigation .page_item_has_children li.menu-item-has-children > a:after,
	.primary-navigation .page_item_has_children li.page_item_has_children > a:after {
		content: "\f501";
		right: 8px;
		top: 20px;
	}
	
.col2-3 {
	float:left;
	width:66.666%;
	box-sizing:border-box;
	margin:0;
}

.col1-3 {
	float:left;
	width:33.333%;
	box-sizing:border-box;
}
	
}

@media screen and (min-width: 846px) {

 
header h1#logo {
    max-width:400px;
}

.secondary-header-container {
	 padding: 10px 20px 15px;
 }
 
h2.site-description {
	font-size: 1em;
}

.primary-navigation a {
	font-size:12px;
	padding:22px 15px;
}
	
}

@media screen and (min-width: 1008px) {
	
 #main-content-wrapper {
	 width:100%;
	 background: url('http://rosemusicgroup.com/images/bg-main-rs2-1008.jpg') no-repeat top right scroll; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
 }
 
 
.primary-navigation a {
	font-size:13px;
	padding: 23px 20px;
}

}