/*
Theme Name: RoadRunners
Theme URI: http://themeforest.net
Author: Subatomic Themes
Author URI: http://themeforest.net/user/SubatomicThemes
Description: RoadRunners is a theme for Bands, Musicians and just about anything to do with music. It uses the popular "single page" layout and integrates some nice transition effects using the power of CSS. It works beautifully with WordPress' ability to embed audio and video into posts and pages. To get the most out of this theme, we recommend installing the complimentary RoadRunners Plugin so you can manage Artists and Events. 
Version: 1.0.4
License: See "Licenses" Folder
License URI: See "Licenses" Folder
Text Domain: roadrunners
Domain Path: /languages/
Tags: gray, orange, white, two-columns, three-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
*/

@import url("css/owl.theme.css");
@import url("css/owl.carousel.css");
 #blog  { display: none }
/* Default */
.vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* Header */
header { position: relative; } 
header#home-page-header { height: 95vh; padding: 0 !important; background: none; } 
header video { width: auto; min-width: 100%; height: auto; min-height: 100%; right: 0; bottom: 0; background-position: center; -webkit-background-size:cover; -moz-background-size: cover; -o-background-size:cover; background-size:cover;  position: absolute; z-index: 9; }
header#home-page-header #cover { width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; /*background: rgba(0,0,0,0.4);*/ position: absolute; z-index: 100; }
 
/* Navigation */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.navigation { margin-bottom: 20px; padding-bottom: 20px; font-family: "PT Sans Narrow", Arial, Tahoma, sans-serif; font-size: 25px; font-weight: 700; text-transform: uppercase; border-bottom: 1px solid #ddd; } 

/* Custom */
#custom .grid-50 { width: 640px !important; margin-left: auto; margin-right: auto; text-align: justify !important; float: none !important; }
.home #custom .sharedaddy  { display: none !important; }
/*#custom .grid-50 p { text-align: justify !important; }*/

/* Blog */
#blog h1, #blog h1 span { color: #fff !important; } 
.home #blog .sharedaddy { display: none !important; }

/* Filter */
#filters { margin-bottom: 30px; padding: 0 10px 30px 10px; border-bottom: 1px solid #ddd; }
#filters fieldset { float: left; }
#filters label { line-height: 40px; display: inline-block; }
#filters select { height: 40px; margin-right: 30px; }
#filters button { width: auto; height: 40px; line-height: 40px; }

#blog .grid-container .grid-33 { min-height: 430px !important; }

/* Footer */
#bottom-footer { background: #404040; }


/* Artists */
#artists .featured-image i {
 	width: 90px; 
	height: 90px; 
	background: url(images/bgr_gallery_hover.png) no-repeat center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -42px;
	margin-top: -42px;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-transform: scale(2) rotate(360deg);
	   -moz-transform: scale(2) rotate(360deg);
	     -o-transform: scale(2) rotate(360deg);
	        transform: scale(2) rotate(360deg);
	-webkit-transition: all 0.85s ease;
	   -moz-transition: all 0.85s ease;
	     -o-transition: all 0.85s ease;
	        transition: all 0.85s ease;
}
#artists .featured-image:hover i {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-transform: scale(1) rotate(0deg);
	   -moz-transform: scale(1) rotate(0deg);
	     -o-transform: scale(1) rotate(0deg);
	        transform: scale(1) rotate(0deg);
}


/* Events */
body.home #events h1 span, 
body.home #events h2
{ color: #666 !important; }

body.home #events .section-tagline { background-image: url(images/assets/intro-top-dark.png), url(images/assets/intro-bottom-dark.png) !important; }   
 

/**
 * 1. CSS RESET
 *------------------------------------------------------
 * 
 * http://meyerweb.com/eric/tools/css/reset/
 * v2.0 | 20110126
 * License: none (public domain)
 *
 * @since 1.0.0
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body 			{ line-height: 1; }
ol, ul 			{ list-style: none; }
blockquote, q 	{ quotes: none; }
a:focus 		{ outline: 0; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**
 * 2. BASE STYLES
 * =========================================================================================================================================
 * 
 * @since 1.0.0
 */

/**
 * 2a. GENERAL HTML5 TAGS
 *------------------------------------------------*/
body {
	-webkit-text-size-adjust: none; /* Fixes a multitude of problems on the iPhone5 display */
	font-size: 14px;
	line-height: 22px;
	color: #595959;
	background: #f6f6f6;
}
p {	margin-bottom: 30px; }
a { 
	text-decoration: none; 
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
a:hover { color: #252525; }
address {
	font-style: italic;
	margin-bottom: 30px;
}
abbr,
acronym {
	border-bottom: 2px dotted #a6a6a6;
	cursor: help;
}
big { font-size: 120%; }
small { font-size: 60%; }
cite { color: #999; }
pre, code, kbd, var {
	font-family: "Courier New", "Courier", monospace;
	color: #a6a6a6;
	background: #fff;
	padding: 5px 10px 5px 10px;
}
pre {
	padding: 30px;
	white-space: pre-wrap;
	word-wrap: break-word;
	border: 1px solid #e9e9e9;
	margin-bottom: 30px;
}
strong { font-weight: 700; }
em { font-style: italic; }
sub, sup {
	position: relative;
	font-size: 60%;
}
sub { top: 4px; }
sup { bottom: 4px; }

/**
 * 2b. PRIMARY CONTAINER & SECTIONS
 *------------------------------------------------*/
 
/*
 * 2c. HEADINGS
 *------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	text-transform: uppercase;
	line-height: 40px;
	color: #8c8c8c;
	margin-bottom: 20px;
}
h1 { font-size: 30px; }
h2 { font-size: 28px; }
h3 { font-size: 26px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #8c8c8c; }
 
/**
 * 2d. LISTS
 *------------------------------------------------*/
ul, ol {
	padding-left: 30px;
	margin-bottom: 30px;
	font-weight: 700;
}
ul { list-style: disc; }
ol { list-style: lower-roman; }
ul li,
ol li {	line-height: 35px; }
ul ul,
ul ol,
ol ul,
ol ol { margin-bottom: 0; }
dl { margin-bottom: 30px; }
dt { font-weight: 700; }
dd { margin-bottom: 30px; }
 
/**
 * 2e. BLOCKQUOTES
 *------------------------------------------------*/
blockquote {
	margin-bottom: 30px;
	padding: 25px 30px 30px 30px;
	background: #e9e9e9; /* Fallback Colour */
	background: rgba(0,0,0,0.05);
	-webkit-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.03);
	   -moz-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.03);
	        box-shadow: inset 0px -5px 0px rgba(0,0,0,0.03);
}
blockquote p {
	margin: 0;
	font-size: 18px;
	font-style: italic;
	line-height: 30px;
	color: #737373;
}
blockquote cite {
	margin-left: 30px;
	font-size: 14px;
}
 
/**
 * 2f. IMAGES
 *------------------------------------------------*/
#main img {
	max-width: 100%;
	height: auto;
	background: #fff;
	padding: 5px;
	-webkit-box-shadow: 0px 2px 0px rgba(0,0,0,0.05);
	   -moz-box-shadow: 0px 2px 0px rgba(0,0,0,0.05);
	        box-shadow: 0px 2px 0px rgba(0,0,0,0.05);
	-webkit-box-sizing: padding-box;
	   -moz-box-sizing: padding-box;
	        box-sizing: padding-box;
}
.gallery-caption {}

/**
 * 2g. TABLES
 *------------------------------------------------*/
table {
	width: 100%;
	text-align: center;
	border-collapse: separate;
	border-spacing: 1px;
	border-width: 1px 0 0 1px;
	margin-bottom: 30px;
}
td, th {
	background: #fff;
	padding: 15px 10px 15px 10px;
	color: #a6a6a6;
}
th { font-weight: 700; }

 
/**
 * 2h. FORMS
 *------------------------------------------------*/
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
	width: 100%;
	color: #999;
	font-weight: 700;
	border: 1px solid #ebebeb;
	border-radius: 0;
	background: #fff;
	height: 60px;
	padding: 0 30px 0 30px;
	margin-bottom: 20px;
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
	
}
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="email"]:hover,
input[type="month"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover,
input[type="time"]:hover,
input[type="url"]:hover,
input[type="week"]:hover,
textarea:hover {
	border: 1px solid #e0e0e0;
}
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus {
	background: #474747;
}
textarea {
	color: #999;
	font-weight: 700;
	border: 1px solid #ebebeb;
	background: #fff;
	margin-bottom: 20px;
	padding: 25px 30px 30px 30px;
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
input[type="submit"] {
	z-index: 899;
}
 
::-webkit-input-placeholder { font-style: italic; font-weight: normal; color: #a5a5a5; }
:-moz-placeholder 			{ font-style: italic; font-weight: normal; color: #a5a5a5; }
::-moz-placeholder 			{ font-style: italic; font-weight: normal; color: #a5a5a5; }
:-ms-input-placeholder		{ font-style: italic; font-weight: normal; color: #a5a5a5; }
input:-ms-input-placeholder	{ font-style: italic; font-weight: normal; color: #a5a5a5; }

/* SEARCH FORM */
.no-results .search-form,
.not-found .search-form {
	margin-bottom: 100px;
}
.search-form { 
	position: relative; 
}
.search-form input[type="search"] {
	font-weight: 700;
	width: 100%;
	height: 50px;
	background: #fff;
	border: 0;
	padding: 0 70px 0 20px;
	margin: 0;
	color: #a6a6a6;
	position: relative;
}
.search-form input[type="submit"] {
	display: block;
	font-family: "FontAwesome";
	font-size: 17px;
	font-weight: normal;
	line-height: 50px;
	text-shadow: none;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	padding: 0 0 3px 0;
	border: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	-webkit-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	   -moz-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	        box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
.widget .search-form input[type="submit"]:hover {
	background: #f9f9f9;
	color: #a6a6a6;
	-webkit-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.25);
	   -moz-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.25);
	        box-shadow: inset 0px -5px 0px rgba(0,0,0,0.25);
}

/**
 * 2i. WRAPPERS (Containers)
 *------------------------------------------------*/
/* Intended to use <main> in the markup (valid HTML5 tag) but IE no likey... */
#main { padding-bottom: 70px; }

/**
 * 2j. MAPS
 *------------------------------------------------*/
.fluid-map {
	position: relative;
	padding-bottom: 360px;
	height: 0;
	margin-bottom: 80px;
}
.fluid-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
 
/**
 * 3. HELPER CLASSES (Including WordPress Classes)
 * =========================================================================================================================================
 * 
 * @since 1.0.0
 */
@media screen and (max-width: 767px) {
	.first-on-mobile 	{ padding-left: 0 !important; }
	.last-on-mobile		{ padding-right: 0 !important; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.first-on-tablet 	{ padding-left: 0 !important; }
	.last-on-tablet		{ padding-right: 0 !important; }
}
@media screen and (min-width: 1025px) {
	.first-on-desktop 	{ padding-left: 0 !important; }
	.last-on-desktop	{ padding-right: 0 !important; }
}
.wp-caption {
	font-style: italic;
	color: #a6a6a6;
	margin-bottom: 30px;
	width: auto !important;
}
.wp-caption-text { text-align: center; }
.alignleft {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
} 
.alignright {
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
}
img.aligncenter { display: block; }
.aligncenter {
	float: none;
	text-align: center;
	margin-bottom: 30px;
	margin-left: auto; 
	margin-right: auto;
}
.alignnone { float: none; }
.clear {
	width: 0;
	height: 0;
	visibility: hidden;
	clear: both;
	zoom: 1;
}
.divider {
	clear: both;
	height: 5px;
	background: url(images/assets/divider-bg.png) repeat-x;
	margin: 30px 0 50px 0;
}
.top-fill {
	position: absolute;
	width: 100%;
	height: 170px;
	top: 0;
	left: 0;
	background: url(images/assets/top-fill.png) no-repeat 50% 0;
}
.bottom-fill {
	position: absolute;
	width: 100%;
	height: 170px;
	bottom: 0;
	left: 0;
	background: url(images/assets/bottom-fill.png) no-repeat 50% 0;
}

/* BACK-TO-TOP BUTTON */
.back-to-top {
	width: 50px;
	height: 42px;
	padding-top: 8px;
	background: #000; /* Fallback Colour */
	background: rgba(0,0,0,0.20);
	position: fixed;
	bottom: 0;
	right: 20px;
	text-align: center;
}
.back-to-top i:before {
	color: #fff;
	font-size: 30px;
}
.back-to-top:hover { 
	height: 52px;
	background: rgba(0,0,0,0.50);
}

/* ACCORDIONS & TOGGLES */
.accordion,
.toggle {
	display: block;
	margin: 0;
}
.accordion .accordion-header,
.toggle .toggle-header {
	margin: 0;
	display: block;
}
.accordion .accordion-header h2,
.toggle .toggle-header h2{
	font-size: 20px;
	margin: 0;
	background: #f0f0f0;
	padding: 0 0 0 80px;
	line-height: 50px;
	color: #999;
	-webkit-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.06);
	   -moz-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.06);
	        box-shadow: inset 0px -1px 0px rgba(0,0,0,0.06);
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
.accordion .accordion-header i,
.toggle .toggle-header i {
	width: 50px;
	height: 32px;
	padding: 18px 0 0 0;
	background: #e0e0e0;
	text-align: center;
	float: left;
	-webkit-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.06);
	   -moz-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.06);
	        box-shadow: inset 0px -1px 0px rgba(0,0,0,0.06);
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
.accordion .accordion-header i:before,
.toggle .toggle-header i:before {
	color: #a0a0a0;
	font-size: 18px;
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
.accordion .accordion-content,
.toggle .toggle-content {
	padding: 30px;
	background: #f2f2f2;
}
.accordion-header:hover h2 { background: #f8f8f8; }
.accordion-header:hover i {	background: #f0f0f0; }

/* TABS */
.roadrunners-tabs {
	margin: 0;
	padding: 0;
}
.roadrunners-tabs li {
	display: inline;
	float: left;
}
.roadrunners-tabs li a {
	display: block;
	line-height: 50px;
	padding: 0 20px 0 20px;
	margin-right: 1px;
	background: #f0f0f0;
	color: #999;
	-webkit-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.06);
	   -moz-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.06);
	        box-shadow: inset 0px -1px 0px rgba(0,0,0,0.06);
}
.roadrunners-tabs li a.active,
.roadrunners-tabs li a:hover 	{ background: #e0e0e0; }
.tab-container .wrap 			{ padding-top: 30px; }

/* 404 PAGE */
.error-404 h1 {
	text-align: center;
	font-size: 90px;
	margin-bottom: 50px;
}
.error-404 h3 {
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 50px;
}

/**
 * 4. PAGE HEADER
 * =========================================================================================================================================
 * 
 * @since 1.0.2
 * @changelog
 *
 * - Make the main top area sticky!
 */
 header .grid-70 { width: 100% !important; }
#header-top {
	background: #000; /* Fallback Colour */
	background: rgba(0,0,0,0.35);
	width: 100%;
	position: fixed;
	z-index: 9999;
}
#header-top.header-home { margin-bottom: 300px; }
#header-top .site-title {
	font-size: 20px;
	text-transform: none;
	margin: 18px 0 10px 0;
	float: left;
}
#header-top .grid-container { position: static !important; }
#header-top .site-title a 		{ color: #fff; }
#header-top .site-title span 	{ font-weight: normal; }
#header-top .logo_wrapper { left: 0; top: 15px; position: absolute; } 
#header-top img.site-logo { width: 230px; height: auto; background: transparent; } 

/**
 * SOCIAL ICONS
 */
#social-icons {	
	padding: 0; 
	margin: 0; 
}
#social-icons li {
	display: inline;
	float: left;
	margin-right: 1px;
	line-height: 32px;
}
#social-icons li a {
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	margin: 20px 0 0 0;
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
#social-icons li a:hover {
	height: 80px;
	margin-top: 0;
	background: #fff;
}
#social-icons li a i:before {
	position: relative;
	top: 5px;
	font-size: 18px;
	color: #fff;
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
#social-icons li a:hover i:before {
	top: 25px;
}
/**
 * MAIN NAVIGATION
 */
#main-navigation { width: 100%; text-align: center; }
#main-navigation ul {
	display: inline-block;
	
	padding: 0;
	margin: 0;
}
#main-navigation ul ul {
	float: none;
}
#main-navigation ul li {
	display: inline;
	line-height: 30px;
	margin-left: -3px;
}
#main-navigation ul li a {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	padding: 24px 25px 26px 25px;
	-webkit-transition: all 0.6s ease;
	   -moz-transition: all 0.6s ease;
	     -o-transition: all 0.6s ease;
	        transition: all 0.6s ease;
}
#main-navigation ul li a:hover {
	-webkit-transition: all 0.05s ease;
	   -moz-transition: all 0.05s ease;
	     -o-transition: all 0.05s ease;
	        transition: all 0.05s ease;
}
#mobile-menu {
	display: none;
	float: right;
	position: relative;
	top: 6px;
}
#mobile-menu i:before {
	color: #fff;
	font-size: 24px;
}

/**
 * 5. HOME PAGE INTRO
 * =========================================================================================================================================
 * 
 * @since 1.0.2
 * @changelog
 *
 * - Add more space to the top due to the sticky nav no longer having any margins.
 */
#home-page-header {
	position: relative;
	padding-top: 380px;
	padding-bottom: 350px;
	margin-bottom: 20px;
	background-position: 50% 50%;
	background-color: #404040;
	text-align: center;
}
/* Textillate Text */
#home-page-header h2 {
	height: 36px;
	overflow: hidden;
	visibility: hidden;
	margin: 0;
	padding: 0;
	font-size: 24px;
	font-weight: normal;
	line-height: 30px;
	text-transform: none;
	color: #fff;
}
#home-logo { margin-bottom: 10px; }
#home-logo .home-site-title {
	font-size: 90px;
	color: #fff;
	text-shadow: 0px 1px 1px #000;
	margin-bottom: 30px;
}
#textillate {
	padding: 16px 0 20px 0;
	margin-bottom: 120px;
	background-image: url(images/assets/intro-top.png), url(images/assets/intro-bottom.png);
	background-position: 50% 0, 50% 100%;
	background-repeat: no-repeat;
}
.go-down {
	width: 60px;
	height: 56px;
	padding-top: 4px;
	display: block;
	margin: 0 auto;
	background: #000; /* Fallback Colour */
	background: rgba(0,0,0,0.35);
}
.go-down i:before {
	font-size: 50px;
	color: #fff;
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
 
/**
 * 6. INNER PAGE INTRO
 * =========================================================================================================================================
 * 
 * @since 1.0.0
 */
#inner-page-header {
	position: relative;
	padding-top: 150px;
	padding-bottom: 170px;
	margin-bottom: 80px;
	background-position: 50% 0;
	background-color: #404040;
}
#page-meta {
	text-align: center;
	color: #fff;
}
#page-meta .page-title {
	font-size: 50px;
	color: #fff;
	margin-bottom: 40px;
}
#page-meta .breadcrumb-trail {
	font-size: 14px;
	color: #fff;
	padding: 16px 0 20px 0;
	margin-bottom: 80px;
	background-image: url(images/assets/intro-top.png), url(images/assets/intro-bottom.png);
	background-position: 50% 0, 50% 100%;
	background-repeat: no-repeat;
}
#page-meta .breadcrumb-trail span {
	margin-left: 2px;
	margin-right: 2px;
}
#page-meta .breadcrumb-trail a {
	color: #fff;
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
 
/**
 * 7. HOME PAGE STYLES
 * =========================================================================================================================================
 * 
 * @since 1.0.0
 */
/* SECTION HEADINGS */
.section-heading {
	text-align: center;
	margin-bottom: 30px;
}
.section-heading h1 {
	font-size: 80px;
	line-height: 53px;
	
	margin: 0;
	padding: 0;
}
.section-heading h1 span {
	display: block;
	font-size: 20px;
	color: #8c8c8c;
	
	
}
.section-heading h1 span.after {
	position: relative;
	top: 4px;
}
.parallax .section-heading h1,
.parallax .section-heading h1 span { color: #a55d2c; }

/* SECTION TAGLINES */
.section-tagline {
	text-align: center;
	padding: 14px 0 18px 0;
	margin-bottom: 100px;
	background-image: url(images/assets/intro-top-light.png), url(images/assets/intro-bottom-light.png);
	background-position: 50% 0, 50% 100%;
	background-repeat: no-repeat;
}


.section-tagline h2 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	text-transform: none;
	color: #8c8c8c;
}
.parallax .section-tagline h2 {
	color: #a55d2c;
}

/* SECTION - ABOUT US */
#about { padding-bottom: 100px; }
#about .about-left a, 
#about .about-right a
{ margin-bottom: 10px; color: #595959; display: block !important; }

#about .about-left strong, 
#about .about-right strong
{ color: #a55d2c; }

#about .aboutus_left, 
#about .aboutus_right
{ width: 33% !important; }

#about .aboutus_middle { width: 34% !important; }

.about-left,
.about-center,
.about-right {
	padding-top: 30px;
	position: relative;
}
.about-left 	{ text-align: right; }
.about-center 	{ text-align: center; }
.about-right 	{ text-align: left; }
.about-center { padding: 50px 30px 0 30px; color: #fff; /*background-image: url(images/assets/top-box-pattern.png);*/ background-repeat: repeat-x; }
.about-center h4 { color: #fff; }

.about-left em, 
.about-center em, 
.about-right em
{ font-style: normal; display: block; }

/* SECTION - ARTISTS */
#artists { 
	padding-top: 20px; 
	padding-bottom: 100px;
}
.artist-section-wrap { padding: 50px 0 50px 0; }
.artist-section-wrap .artist-home-meta h3 { }
.artist-section-wrap .featured-image .video { width: 460px; height: 307px; background: url(images/assets/img-bg.png) repeat; padding: 10px; overflow: hidden; }
.artist-section-wrap .featured-image .video iframe, 
.artist-section-wrap .featured-image .video embed 
{ width: 460px !important; height: 307px !important; }

.artist-odd 							{ background: #f0f0f0; }
.artist-section-wrap .featured-image 	{ margin: 0; }
#main .artist-section-wrap .featured-image .post-thumbnail-container img {
	background: url(images/assets/img-bg.png) repeat;
	padding: 10px;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
.artist-section-wrap h3 {
	font-size: 26px;
	line-height:26px;
	color: #8c8c8c;
	margin: 0;
}
.artist-section-wrap h4 {
	font-size: 16px;
	line-height: 18px;
	color: #bfbfbf;
	margin-bottom: 30px;
}
.artist-section-wrap h5 {
	text-align: right;
	font-size: 26px;
	line-height: 16px;
}
.artist-excerpt { margin-bottom: 26px; }
.artist-excerpt p { margin-bottom: 10px !important; }

/* SECTION - GALLERY */
#rr_gallery 		{ padding-top: 20px; } 
.section-gallery 	{ margin-bottom: 100px; }
.section-gallery a {
	width: 20%;
	float: left;
	position: relative;
}
#main .section-gallery a img {
	height: auto;
	display: block;
	padding: 0;
	margin: 0;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
#main .section-gallery a:hover img {
	opacity: 0.1;
	-moz-opacity: 0.1;
}
.section-gallery a i {
	width: 90px; 
	height: 90px; 
	background: url(images/bgr_gallery_hover.png) no-repeat center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -42px;
	margin-top: -42px;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-transform: scale(2) rotate(360deg);
	   -moz-transform: scale(2) rotate(360deg);
	     -o-transform: scale(2) rotate(360deg);
	        transform: scale(2) rotate(360deg);
	-webkit-transition: all 0.85s ease;
	   -moz-transition: all 0.85s ease;
	     -o-transition: all 0.85s ease;
	        transition: all 0.85s ease;
}
.section-gallery a:hover i {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-transform: scale(1) rotate(0deg);
	   -moz-transform: scale(1) rotate(0deg);
	     -o-transform: scale(1) rotate(0deg);
	        transform: scale(1) rotate(0deg);
}
.section-gallery a i:before {
	font-size: 100px;
	color: #fff;
}

/* SECTION - CONTACT */
#contact .roadrunners-contact-form .wpcf7-not-valid-tip {
	position: absolute;
	top: -50px;
	left: 0;
	background: #ececec;
	color: #f00;
	padding: 10px 20px 10px 20px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.08);
	   -moz-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.08);
	        box-shadow: inset 0px -1px 0px rgba(0,0,0,0.08);
}
#contact .roadrunners-contact-form .wpcf7-not-valid-tip:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -5px;
	left: 10px;
	width: 10px;
	height: 10px;
	background: #ececec;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	-webkit-box-shadow: inset -1px -1px 0px rgba(0,0,0,0.08);
	   -moz-box-shadow: inset -1px -1px 0px rgba(0,0,0,0.08);
	        box-shadow: inset -1px -1px 0px rgba(0,0,0,0.08);
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}
#contact .roadrunners-contact-form .wpcf7-response-output.wpcf7-validation-errors,
#contact .roadrunners-contact-form .wpcf7-response-output.wpcf7-mail-sent-ng,
#contact .roadrunners-contact-form .wpcf7-response-output.wpcf7-mail-sent-ok {
	width: 50%;
	background: #ececec;
	padding: 10px 20px 10px 20px;
	margin-top: -50px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: 0;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.08);
	   -moz-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.08);
	        box-shadow: inset 0px -2px 0px rgba(0,0,0,0.08);
}
#contact .roadrunners-contact-form .wpcf7-response-output.wpcf7-validation-errors,
#contact .roadrunners-contact-form .wpcf7-response-output.wpcf7-mail-sent-ng { color: #f00; }
#contact .roadrunners-contact-form .wpcf7-response-output.wpcf7-mail-sent-ok { color: #060; }
#contact .roadrunners-contact-form .wpcf7-form img.ajax-loader {
	display: block;
	width: 24px;
	height: 24px;
	background: transparent;
	margin: 20px auto;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}

/* SECTION - TESTIMONIAL */
#testimonial-01,
#testimonial-02 {
	background-color: #404040;
	background-position: 50% 50%;
}
.testimonial {
	position: relative;
	text-align: center;
	padding-top: 240px;
	padding-bottom: 310px;
}
.testimonial blockquote {
	display: block;
	font-size: 36px;
	font-style: italic;
	line-height: 48px;
	background: transparent;
	padding: 0;
	margin: 0 0 60px 0;
	color: #fff;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
.testimonial cite {
	display: block;
	font-size: 20px;
	font-style: italic;
	margin: 0;
	padding: 0;
	color: #fff;
}
.testimonial cite:before { content: "- "; }

/* SECTION - EVENTS */
#events {
	position: relative;
	padding-top: 200px;
	padding-bottom: 310px;
	background-color: #404040;
	background-position: 50% 50%;
}
#events a.home-event {
	display: block;
	height: 60px;
	background: #fff;
	overflow: hidden;
	margin-bottom: 1px;
}
#events a.home-event.last-event {
	margin-bottom: 63px;
}
.home-event-date { float: left; }
.home-event-date datetime {
	width: 100px; 
	display: block;
	height: 60px;
	font-size: 20px;
	font-weight: 700;
	line-height: 60px;
	color: #fff;
	padding: 0 20px 0 20px;
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
#events a.home-event:hover .home-event-date datetime { background: #fff; }
#events .home-event .home-event-thumbnail {
	float: left;
	width: 60px;
	height: 60px;
	background: #e5e5e5;
}
#events .home-event .home-event-thumbnail img {
	padding: 0;
	background: #e5e5e5;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
#events .home-event .home-event-details h3 {
	font-size: 15px;
	line-height: 12px;
	color: #595959;
	margin: 16px 0 0 215px;
}
#events .home-event .home-event-details p {
	font-size: 14px;
	color: #a6a6a6;
	margin: 0 0 0 215px; 
}
#events a.home-event:hover .home-event-details h3,
#events a.home-event:hover .home-event-details p { color: #fff; }


/* SECTION - BLOG */
#blog {
	position: relative;
	padding-top: 200px;
	padding-bottom: 310px;
	background-color: #404040;
	background-position: 50% 50%;
}
#blog .home-blog {
	display: block;
	color: #fff;
	margin-bottom: 20px;
}
#blog .home-blog h1 {
	font-size: 26px;
	text-align: center;
	line-height: 32px;
	margin: 0;
	padding: 30px;
	color: #fff;
}
#blog .home-blog-meta { height: 60px !important; text-align: center; }
#blog .home-blog-meta h6 { font-size: 16px; margin: 0; color: #fff; line-height: 60px !important; }
#blog .home-blog-meta h6 i { margin-right: 10px; }
#blog .home-blog-meta {
	background: #000; /* Fallback Colour */
	background: rgba(0,0,0,0.20);
}
#blog .home-blog-meta .home-blog-author { float: left; }
#blog .home-blog-meta .home-blog-date 	{ float: none; }
#blog .home-blog footer {
	height: 190px;
	overflow: hidden;
	padding: 30px;
	position: relative;
}
#blog .home-blog-view-post {
	text-align: center;
	color: #fff;
	margin: 0;
	padding-top: 20px;
}
#blog .home-blog-view-post i { margin: 0 10px 0 10px; }
#blog .home-blog footer img {
	width: 370px !important;
	height: 240px !important;
	border: 5px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	-webkit-transition: all 0.85s ease;
	   -moz-transition: all 0.85s ease;
	     -o-transition: all 0.85s ease;
	        transition: all 0.85s ease;
}
#blog .home-blog:hover footer img {
	opacity: 0;
	-moz-opacity: 0;
	-webkit-transform: translateY(260px);
	   -moz-transform: translateY(260px);
	     -o-transform: translateY(260px);
	        transform: translateY(260px);
}
#blog .button-large {
	display: block;
	width: 100%;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}

/* SECTION - CUSTOM */
#custom {
	padding-top: 20px; 
	padding-bottom: 100px;
}
 
/**
 * 8. EVENTS & ARTISTS
 * =========================================================================================================================================
 * Styling for event and artist listings generated by the "roadrunners_events_artists" plugin.
 *
 * @since 1.0.0
 */
 
/* EVENTS */
.event-entry-meta {	margin-bottom: 30px; }
.rr-meta-box.rr-event-purchase { background: #fff; position: relative; }
.rr-meta-box.rr-event-purchase:before { color: #a55d2c; opacity: 0.5; }
.rr-meta-box.rr-event-purchase a { font-weight: 900; color: #a55d2c; }
.rr-meta-box.rr-event-purchase a:hover { color: #000; }
.rr-meta-box.rr-event-purchase select { height: 40px; right: 20px; top: 18px; position: absolute; }
.rr-meta-box {
	display: block;
	text-align: center; 
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 10px 0;
	border-right: 1px solid #f6f6f6;
	position: relative;
	-webkit-box-shadow: inset 0px -3px 0px rgba(0,0,0,0.12);
	   -moz-box-shadow: inset 0px -3px 0px rgba(0,0,0,0.12);
	        box-shadow: inset 0px -3px 0px rgba(0,0,0,0.12);
}
.rr-meta-box h4 {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
.rr-meta-box a {
	color: #fff;
}
.rr-meta-box a:hover {
	text-decoration: underline;
	color: #fff;
}
.rr-event-date:before,
.rr-event-venue:before,
.rr-event-tickets:before,
.rr-event-price:before,
.rr-event-purchase:before {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	color: #fff; /* Fallback Colour */
	color: rgba(255,255,255,0.65);
	position: absolute;
	top: 5px;
	left: 20px;
}
.event-archive .rr-meta-box {
	float: none;
	margin-right: 0;
	border-right: 0;
}
.event-archive .rr-meta-box { padding: 25px 5px 10px 20px; text-align: left !important; }
.event-archive .rr-meta-box h4 { line-height: 100% !important; }
.event-archive .rr-meta-box.rr-event-purchase 	{ margin-bottom: 20px; }
.event-archive .event-meta-wrap:hover 			{ opacity: 0.65; }

/* Event date meta box */
.event-entry-meta .rr-meta-box { width: 19% !important; padding-top: 22px; text-align: left !important; float: left; } 
.event-entry-meta .rr-meta-box:last-of-type { border-right: none; } 
.event-entry-meta .rr-meta-box h4 { margin-bottom: 5px; padding-left: 20px; display: block; } 

/* Event */
.single-rr_events .event-entry-meta .rr-meta-box { width: 19% !important; padding-top: 22px; text-align: left !important; float: left; } 
.single-rr_events .event-entry-meta .rr-meta-box h4 { margin-bottom: 5px !important; } 
.single-rr_events .event-entry-meta .rr-meta-box:before { top: 15px !important; } 

/* EVENT POST THUMBNAIL */
#main .event-featured-image {
	margin-bottom: -5px;
	position: relative;
}
#main .event-featured-image img {
	padding: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}
#main .event-featured-image h3 {
	top: 15px;
	left: 0;
	padding: 10px 10px 10px 20px;
	font-size: 18px !important;
	/*text-transform: none !important;*/
	line-height: 100% !important;
	background: #fff;
	position: absolute;
	-webkit-box-shadow: 5px 5px 0px rgba(0,0,0,0.15);
	   -moz-box-shadow: 5px 5px 0px rgba(0,0,0,0.15);
	        box-shadow: 5px 5px 0px rgba(0,0,0,0.15);
}

/* ARTISTS */
.rr-artist-box {
	display: block;
	margin-bottom: 1px;
	padding: 23px 20px 18px 20px;
	position: relative;
	-webkit-box-shadow: inset 0px -3px 0px rgba(0,0,0,0.12);
	   -moz-box-shadow: inset 0px -3px 0px rgba(0,0,0,0.12);
	        box-shadow: inset 0px -3px 0px rgba(0,0,0,0.12);
}
.rr-artist-box p {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	color: #fff;
	text-transform: uppercase;
}
.rr-artist-box a {
	color: #fff;
}
.rr-artist-box a:hover {
	text-decoration: underline;
	color: #fff;
}
.rr-artist-discography:before,
.rr-artist-upcoming:before,
.rr-artist-genre:before {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	color: #fff; /* Fallback Colour */
	color: rgba(255,255,255,0.65);
	position: absolute;
	top: 14px;
	left: 20px;
}
.rr-artist-box.dark { background: #404040; }

.artist-featured-image iframe { width: 100%; max-width: 383px; height: 216px; }
.artist-archive .artist-featured-image { position: relative; }
.artist-archive .artist-featured-image i {
 	width: 90px; 
	height: 90px; 
	background: url(images/bgr_gallery_hover.png) no-repeat center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -42px;
	margin-top: -42px;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-transform: scale(2) rotate(360deg);
	   -moz-transform: scale(2) rotate(360deg);
	     -o-transform: scale(2) rotate(360deg);
	        transform: scale(2) rotate(360deg);
	-webkit-transition: all 0.85s ease;
	   -moz-transition: all 0.85s ease;
	     -o-transition: all 0.85s ease;
	        transition: all 0.85s ease;
}
.artist-archive .artist-featured-image:hover i {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-transform: scale(1) rotate(0deg);
	   -moz-transform: scale(1) rotate(0deg);
	     -o-transform: scale(1) rotate(0deg);
	        transform: scale(1) rotate(0deg);
}

.artist-archive .rr-meta-box {
	float: none;
	margin-right: 0;
	border-right: 0;
}
.artist-archive .artist-meta-wrap:hover { opacity: 0.65; }
.artist-entry-content {
	position: relative;
	bottom: 10px;
}
.artist-wrap { margin-bottom: 20px; }

/* ARTIST POST THUMBNAIL */
#main .artist-featured-image {
	margin-bottom: -5px;
	position: relative;
}
#main .artist-featured-image img {
	padding: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

 
/**
 * 9. BLOG
 * =========================================================================================================================================
 * 
 * @since 1.0.0
 */
.entry-meta 	 { margin-bottom: 20px; }
.entry-meta span { margin-right: 30px; }
.entry-meta span,
.entry-meta a,
.entry-footer span,
.entry-footer a {
	font-size: 16px;
	font-weight: 700;
	color: #bfbfbf;
	text-transform: uppercase;
}
.entry-meta span i:before,
.entry-footer span i:before {
	color: #d9d9d9;
	margin-right: 8px;
}
.entry-footer {	margin: 40px 0 50px 0; }
.entry-content { margin-bottom: 30px; }
.sticky {}
.sticky .entry-header h1:before {
	content: "\f08d";
	font-family: "FontAwesome";
	font-size: 26px;
	margin-right: 20px;
}

/* NAVIGATION */
.paging-navigation,
.post-navigation { margin-bottom: 80px; }

/* POST THUMBNAIL */
.featured-image {
	margin-bottom: 20px;
	position: relative;
}
.post-thumbnail-container {
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
.post-thumbnail-container:hover {
	opacity: 0.65;
	-moz-opacity: 0.65;
}
/*
.post-thumbnail-container i {
	z-index: 999;
	width: 80px;
	height: 56px;
	padding-top: 24px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	text-align: center;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-transform: scale(1.5) translateY(-75px);
	   -moz-transform: scale(1.5) translateY(-75px);
	     -o-transform: scale(1.5) translateY(-75px);
	        transform: scale(1.5) translateY(-75px);
	-webkit-border-radius: 80px;
	   -moz-border-radius: 80px;
	        border-radius: 80px;
	-webkit-transition: all 0.45s ease;
	   -moz-transition: all 0.45s ease;
	     -o-transition: all 0.45s ease;
	        transition: all 0.45s ease;
}
.post-thumbnail-container i:before {
	font-size: 32px;
}
.post-thumbnail-container:hover i {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-transform: scale(1) translateY(0);
	   -moz-transform: scale(1) translateY(0);
	     -o-transform: scale(1) translateY(0);
	        transform: scale(1) translateY(0);
}
*/
 
/**
 * 10. COMMENTS
 * =========================================================================================================================================
 * 
 * @since 1.0.0
 */
.comments-area 	{ padding-top: 50px; }
.comments-title { margin-bottom: 50px; }
.comment-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.comment-list li {
	font-size: 14px;
	font-weight: normal;
	line-height: 22px;
	color: #595959;
}
.comment-list .children {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 90px;
}
.comment-list .children .children .children .children .children { margin-left: 0; } /* No more margins after 5 levels deep */
.comment-author-avatar img 	{ float: left; }
.comment-body 				{ margin-left: 90px; }
.comment-body h4 {
	font-size: 18px;
	color: #8c8c8c;
	line-height: 18px;
	margin-bottom: 2px;
}
.comment-meta {
	font-size: 12px;
	font-style: italic;
	color: #bfbfbf;
	margin-bottom: 30px;
}
.comment-meta a { color: #bfbfbf; }
#cancel-comment-reply-link {
	font-size: 100%;
	float: right;
}
.comment-divider {
	clear: both;
	height: 1px;
	background: url(images/assets/divider-bg.png) repeat-x;
	margin: 20px 0 50px 0;
}
.no-comments { margin-bottom: 100px; }
.bypostauthor {}
.bypostauthor .comment-author-title:after {
	content: "\f005";
	font-family: "FontAwesome";
	font-size: 12px;
	margin-left: 20px;
	color: #bebebe;
	position: relative;
	bottom: 2px;
}

/* COMMENT FORM */
.comment-form {	margin-bottom: 100px; }
.comment-form #author {
	width: 48.75%;
	float: left;
}
.comment-form #email {
	width: 48.75%;
	float: right;
}
 
/**
 * 11. SIDEBAR & SIDEBAR WIDGETS
 * =========================================================================================================================================
 * 
 * @since 1.0.0
 */
#secondary { margin-bottom: 90px; }

/* BASIC WIDGET STYLING */
#secondary .widget {
	margin-bottom: 10px;
	padding: 10px 30px 30px 30px;
	background: #e9e9e9; /* Fallback Colour */
	background: rgba(0,0,0,0.05);
	-webkit-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.03);
	   -moz-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.03);
	        box-shadow: inset 0px -5px 0px rgba(0,0,0,0.03);
}
#secondary .widget-title {
	font-size: 16px;
	padding-bottom: 5px;
	color: #737373;
	border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* MENUS */
#secondary .widget ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#secondary .widget ul li a {
	font-size: 14px;
	font-weight: 700;
	color: #a6a6a6;
	line-height: 35px;
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
#secondary .widget ul li:before {
	content: "\f005";
	font-family: "FontAwesome";
	font-size: 12px;
	color: #ccc;
	margin-right: 10px;
}

/* SEARCH FORM */
#secondary .widget .search-form { position: relative; }
#secondary .widget .search-form input[type="search"] {
	font-weight: 700;
	width: 100%;
	height: 50px;
	background: #fff;
	border: 0;
	padding: 0 70px 0 20px;
	margin: 0;
	color: #a6a6a6;
}
#secondary .widget .search-form input[type="submit"] {
	display: block;
	font-family: "FontAwesome";
	font-size: 17px;
	font-weight: normal;
	line-height: 50px;
	text-shadow: none;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	padding: 0;
	border: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	-webkit-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	   -moz-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	        box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
#secondary .widget .search-form input[type="submit"]:hover {
	background: #f9f9f9;
	color: #a6a6a6;
	-webkit-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.25);
	   -moz-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.25);
	        box-shadow: inset 0px -5px 0px rgba(0,0,0,0.25);
}

/* WORDPRESS CALENDAR */
#secondary #wp-calendar { margin: 0; }
#secondary #wp-calendar caption {
	text-transform: uppercase;
	line-height: 40px;
}
#secondary #wp-calendar th,
#secondary #wp-calendar td { padding: 6px 4px 6px 4px; }
#secondary #wp-calendar th {
	background: #9a9a9a;
	color: #fff; 
}
#secondary #wp-calendar .pad { background: transparent; }

/* ROADRUNNERS CONTACT WIDGET */
#secondary .roadrunners-contact-box { margin-bottom: 10px; }
#secondary .roadrunners-contact-box-icon {
	float: left;
	color: #fff;
	width: 50px;
	height: 38px;
	padding-top: 12px;
	margin-right: 30px;
	text-align: center;
	-webkit-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	   -moz-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	        box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
}
#secondary .roadrunners-contact-box-icon i:before { font-size: 17px; }
#secondary .roadrunners-contact-box-content {
	text-transform: uppercase;
	font-size: 16px;
	color: #454545;
	padding-top: 12px;
}
#secondary .roadrunners-contact-box-content a { color: #454545; }
#secondary .roadrunners-contact-box-content address {
	margin: 0;
	font-style: normal;
}

/**
 * 12. BUTTONS
 * =========================================================================================================================================
 * 
 * @since 1.0.0
 */

/* NORMAL BUTTONS */
.button-large {
	display: inline-block;
	height: 60px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 60px;
	color: #fff;
	padding: 0 30px 0 30px;
	-webkit-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	   -moz-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	        box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);	
}
.button-large:hover {
	background: #ebebeb;
	-webkit-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.08);
	   -moz-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.08);
	        box-shadow: inset 0px -5px 0px rgba(0,0,0,0.08);
}
.button-large i { margin-left: 10px; }

/* POST NAVIGATION BUTTONS */
.nav-links a {
	display: inline-block;
	height: 60px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 60px;
	color: #fff;
	padding: 0 30px 0 30px;
	-webkit-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	   -moz-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	        box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
}
.nav-links a:hover {
	background: #ebebeb;
	-webkit-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.08);
	   -moz-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.08);
	        box-shadow: inset 0px -5px 0px rgba(0,0,0,0.08);
}
.nav-links a i.fa-angle-double-left { margin-right: 10px; }
.nav-links a i.fa-angle-double-right { margin-left: 10px; }
.nav-links .nav-previous { float: left; }
.nav-links .nav-next {
	float: right;
	text-align: right;
}

/* TAG CLOUD BUTTONS */
.tagcloud a {
	float: left;
	display: inline-block;
	height: 30px;
	font-size: 14px !important; /* Overrides inline CSS generated by WordPress */
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	padding: 0 15px 0 15px;
	margin: 0 10px 10px 0;
	-webkit-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.15);
	   -moz-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.15);
	        box-shadow: inset 0px -2px 0px rgba(0,0,0,0.15);
}
.tagcloud a:hover {
	background: #fff;
	-webkit-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.25);
	   -moz-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.25);
	        box-shadow: inset 0px -2px 0px rgba(0,0,0,0.25);
}

/* COMMENT REPLY BUTTON */
.comment-reply-link {
	display: inline-block;
	height: 30px;
	font-size: 14px;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
	color: #fff;
	padding: 0 15px 0 15px;
	margin: 0 0 30px 0;
	-webkit-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.15);
	   -moz-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.15);
	        box-shadow: inset 0px -2px 0px rgba(0,0,0,0.15);
}
.comment-reply-link:hover {
	background: #ebebeb;
	-webkit-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.25);
	   -moz-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.25);
	        box-shadow: inset 0px -2px 0px rgba(0,0,0,0.25);
}

/* COMMENT PAGINATION BUTTONS */
.comment-navigation { margin-bottom: 100px; }
.comment-navigation a {
	display: inline-block;
	height: 30px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 30px;
	color: #fff;
	padding: 0 15px 0 15px;
	-webkit-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.15);
	   -moz-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.15);
	        box-shadow: inset 0px -2px 0px rgba(0,0,0,0.15);
}
.comment-navigation a:hover {
	background: #ebebeb;
	-webkit-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.08);
	   -moz-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.08);
	        box-shadow: inset 0px -2px 0px rgba(0,0,0,0.08);
}
.comment-navigation a i.fa-angle-double-left { margin-right: 10px; }
.comment-navigation a i.fa-angle-double-right { margin-left: 10px; }
.comment-navigation .nav-previous { float: left; }
.comment-navigation .nav-next {
	float: right;
	text-align: right;
}

/* FORM BUTTONS */
button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
	width: 100%;
	display: block;
	height: 60px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: none;
	line-height: 60px;
	color: #fff;
	padding: 0 30px 0 30px;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	   -moz-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	        box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	background: #ebebeb;
	-webkit-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.08);
	   -moz-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.08);
	        box-shadow: inset 0px -5px 0px rgba(0,0,0,0.08);
}
 
/**
 * 13. FOOTER & FOOTER WIDGETS
 * =========================================================================================================================================
 * 
 * @since 1.0.0
 */
#page-footer {
	background-color: #404040;
	color: #858585;
	padding-top: 80px;
	padding-bottom: 60px;
}

/* BASIC WIDGET STYLING */
#page-footer .widget {
	margin-bottom: 20px;
	padding: 10px 30px 30px 30px;
	background: #000; /* Fallback Colour */
	background: rgba(0,0,0,0.15);
}
#page-footer .widget-title {
	text-align: center;
	font-size: 16px;
	padding-bottom: 5px;
	color: #fff;
	border-bottom: 1px solid rgba(0,0,0,0.15);
}
#page-footer .widget-title:before {
	content: "\f101";
	font-family: "FontAwesome";
	font-weight: normal;
	margin-right: 4px;
}
#page-footer .widget-title:after {
	content: "\f100";
	font-family: "FontAwesome";
	font-weight: normal;
	margin-left: 4px;
}

/* MENUS */
#page-footer .widget ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#page-footer .widget ul li a {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	line-height: 35px;
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
#page-footer .widget ul li:before {
	content: "\f005";
	font-family: "FontAwesome";
	font-size: 12px;
	margin-right: 10px;
}

/* SEARCH FORM */
#page-footer .widget .search-form {	position: relative; }
#page-footer .widget .search-form input[type="search"] {
	border: 0;
	background: #000; 
	background: rgba(0,0,0,0.25);
	color: #fff; 
	color: rgba(255,255,255,0.25);
}
#page-footer .widget .search-form input[type="search"]:focus {
	border: 0;
}
#page-footer .widget .search-form input[type="submit"] {
	display: block;
	font-family: "FontAwesome";
	font-size: 17px;
	font-weight: normal;
	line-height: 50px;
	text-shadow: none;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	padding: 0 0 3px 0;
	border: 0;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	-webkit-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	   -moz-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	        box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	-webkit-transition: all 0.25s ease;
	   -moz-transition: all 0.25s ease;
	     -o-transition: all 0.25s ease;
	        transition: all 0.25s ease;
}
#page-footer .widget .search-form input[type="submit"]:hover {
	background: #f9f9f9;
	color: #a6a6a6;
	-webkit-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.25);
	   -moz-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.25);
	        box-shadow: inset 0px -5px 0px rgba(0,0,0,0.25);
}
/* WORDPRESS CALENDAR */
#page-footer #wp-calendar { margin: 0; }
#page-footer #wp-calendar caption {
	text-transform: uppercase;
	line-height: 40px;
	color: #a6a6a6;
}
#page-footer #wp-calendar th,
#page-footer #wp-calendar td { 
	padding: 8px 4px 8px 4px;
}
#page-footer #wp-calendar td {
	background: #000; /* Fallback Colour */
	background: rgba(0,0,0,0.15);
}
#page-footer #wp-calendar th {
	background: #000; /* Fallback Colour */
	background: rgba(0,0,0,0.35);
	color: #fff; 
}
#page-footer #wp-calendar td a:hover { color: #fff; }
#page-footer #wp-calendar .pad { background: transparent; }

/* ROADRUNNERS CONTACT WIDGET */
#page-footer .roadrunners-contact-box { margin-bottom: 10px; }
#page-footer .roadrunners-contact-box-icon {
	float: left;
	color: #fff;
	width: 50px;
	height: 38px;
	padding-top: 12px;
	margin-right: 30px;
	text-align: center;
	-webkit-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	   -moz-box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
	        box-shadow: inset 0px -5px 0px rgba(0,0,0,0.15);
}
#page-footer .roadrunners-contact-box-icon i:before { font-size: 17px; }
#page-footer .roadrunners-contact-box-content {
	text-transform: uppercase;
	font-size: 16px;
	color: #fff;
	padding-top: 12px;
}
#page-footer .roadrunners-contact-box-content a { color: #fff; }
#page-footer .roadrunners-contact-box-content address {
	margin: 0;
	font-style: normal;
}


/**
 * 14. BOTTOM FOOTER
 * =========================================================================================================================================
 * 
 * @since 1.0.0
 */
#bottom-footer {
	padding: 25px 0 25px 0;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	line-height: 22px;
	text-transform: uppercase;
}
#bottom-footer p {
	color: #737373;
	margin: 0;
}

/**
 * 15. CAMERA FLASHES
 * =========================================================================================================================================
 * 
 * @since 1.0.0
 */
#camera-flashes {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 940px;
	overflow-x: hidden;
}
.flash {
	width: 243px;
	height: 243px;
	position: absolute;
	background: url(images/assets/flash.png) no-repeat;
	z-index: 999;
}
.flash.flash-01 {
	top: 360px; 
	left: 220px; 
	-webkit-animation: first-flash 8s infinite;
	   -moz-animation: first-flash 8s infinite;
	        animation: first-flash 8s infinite;
}
.flash.flash-02 { 
	top: 460px; 
	left: 1390px; 
	-webkit-animation: second-flash 8s infinite;
	   -moz-animation: second-flash 8s infinite;
	        animation: second-flash 8s infinite;
}
.flash.flash-03 { 
	top: 230px; 
	left: 1280px; 
	-webkit-animation: third-flash 8s infinite;
	   -moz-animation: third-flash 8s infinite;
	        animation: third-flash 8s infinite;
}
.flash.flash-04 { 
	top: 630px; 
	left: 450px;
	-webkit-animation: fourth-flash 8s infinite;
	   -moz-animation: fourth-flash 8s infinite;
	        animation: fourth-flash 8s infinite;
}
.flash.flash-05 { 
	top: 620px; 
	left: 1180px;
	-webkit-animation: fifth-flash 8s infinite;
	   -moz-animation: fifth-flash 8s infinite;
	        animation: fifth-flash 8s infinite;
}
@-webkit-keyframes first-flash
{
	0%, 4%, 15%, 100% 	{ opacity: 0; }
	5% 					{ opacity: 1; }
}
@-moz-keyframes first-flash
{
	0%, 4%, 15%, 100% 	{ opacity: 0; }
	5% 					{ opacity: 1; }
}
@-ms-keyframes first-flash
{
	0%, 4%, 15%, 100% 	{ opacity: 0; }
	5% 					{ opacity: 1; }
}
@keyframes first-flash
{
	0%, 4%, 15%, 100% 	{ opacity: 0; }
	5% 					{ opacity: 1; }
}

@-webkit-keyframes second-flash
{
	0%, 14%, 25%, 100% 	{ opacity: 0; }
	15% 				{ opacity: 1; }
}
@-moz-keyframes second-flash
{
	0%, 14%, 25%, 100% 	{ opacity: 0; }
	15% 				{ opacity: 1; }
}
@-ms-keyframes second-flash
{
	0%, 14%, 25%, 100% 	{ opacity: 0; }
	15% 				{ opacity: 1; }
}
@keyframes second-flash
{
	0%, 14%, 25%, 100% 	{ opacity: 0; }
	15% 				{ opacity: 1; }
}

@-webkit-keyframes third-flash
{
	0%, 29%, 40%, 100% 	{ opacity: 0; }
	30% 				{ opacity: 1; }
}
@-moz-keyframes third-flash
{
	0%, 29%, 40%, 100% 	{ opacity: 0; }
	30% 				{ opacity: 1; }
}
@-ms-keyframes third-flash
{
	0%, 29%, 40%, 100% 	{ opacity: 0; }
	30% 				{ opacity: 1; }
}
@keyframes third-flash
{
	0%, 29%, 40%, 100% 	{ opacity: 0; }
	30% 				{ opacity: 1; }
}

@-webkit-keyframes fourth-flash
{
	0%, 54%, 65%, 100% 	{ opacity: 0; }
	55% 				{ opacity: 1; }
}
@-moz-keyframes fourth-flash
{
	0%, 54%, 65%, 100% 	{ opacity: 0; }
	55% 				{ opacity: 1; }
}
@-ms-keyframes fourth-flash
{
	0%, 54%, 65%, 100% 	{ opacity: 0; }
	55% 				{ opacity: 1; }
}
@keyframes fourth-flash
{
	0%, 54%, 65%, 100% 	{ opacity: 0; }
	55% 				{ opacity: 1; }
}

@-webkit-keyframes fifth-flash
{
	0%, 79%, 90%, 100% 	{ opacity: 0; }
	80% 				{ opacity: 1; }
}
@-moz-keyframes fifth-flash
{
	0%, 79%, 90%, 100% 	{ opacity: 0; }
	80% 				{ opacity: 1; }
}
@-ms-keyframes fifth-flash
{
	0%, 79%, 90%, 100% 	{ opacity: 0; }
	80% 				{ opacity: 1; }
}
@keyframes fifth-flash
{
	0%, 79%, 90%, 100% 	{ opacity: 0; }
	80% 				{ opacity: 1; }
}


@media (max-width: 730px) {
	#home-logo .home-site-title { line-height: 100px }
	#about .aboutus_left, #about .aboutus_right { width: 100%!important }
	#about .aboutus_middle { width: 100%!important }
	.artist-section-wrap .featured-image  { margin-bottom: 20px!important; }
	img { max-width: 100%!important }
	#main-navigation ul  { background: rgba(51, 51, 51, 0.86) }
	#custom .grid-50 { width: 100%!important }
	.artist-section-wrap .featured-image .video iframe, .artist-section-wrap .featured-image .video embed 
	{ max-width: 100% }
	.section-gallery i { display: none!important }
	#blog { background-size: cover!important;     background-attachment: fixed;}
	#blog h1, #blog h1 span { color: #fff!important; }
}

@media (max-width: 480px) {

.testimonial {
    position: relative;
    text-align: center;
    padding-top: 95px;
    padding-bottom: 235px;
}

.featured-image { margin-right: 0!important }
.artist-section-wrap .artist-home-meta h3 { line-height: 120% }
.owl-item {}
	.artist-section-wrap .featured-image .video,
	.artist-section-wrap .featured-image .video iframe, .artist-section-wrap .featured-image .video embed 
	{ width: 100%!important }
}
@media (max-width: 480px) {
	#home-logo .home-site-title { font-size:50px; line-height: 60px }
}