<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/**
 * Theme Name: 		Roadrunners - A One-Page Music Theme
 * Theme Author: 	Dan Richardson - Subatomic Themes
 * Theme URI: 		http://themeforest.net
 * Author URI: 		http://themeforest.net/user/SubatomicThemes
 * File:			main.css
 *
 * ======================================================
 *
 * TABLE OF CONTENTS
 * -----------------
 *
 * 1.  CSS RESET
 * 2.  BASE STYLES
 * 		2a. GENERAL HTML5 TAGS
 *		2b. PRIMARY CONTAINER &amp; SECTIONS
 *		2c. HEADINGS
 *		2d. LISTS
 *		2e. BLOCKQUOTES
 *		2f. IMAGES
 *		2g.	TABLES
 *		2h.	FORMS
 *		2i. WRAPPERS
 *		2j.	MAPS
 *      2k. EMBEDS
 * 3.  HELPER CLASSES
 * 4.  PAGE HEADER
 * 5.  HOME PAGE INTRO
 * 6.  INNER PAGE INTRO
 * 7.  HOMEPAGE STYLES
 * 8.  EVENTS &amp; ARTISTS
 * 9.  BLOG
 * 10. COMMENTS
 * 11. SIDEBAR &amp; SIDEBAR WIDGETS
 * 12. BUTTONS
 * 13. FOOTER &amp; FOOTER WIDGETS
 * 14. BOTTOM FOOTER
 * 15. CAMERA FLASHES
 *
 *====================================================*/
 
/**
 * 1. CSS RESET
 *------------------------------------------------------
 * 
 * http://meyerweb.com/eric/tools/css/reset/
 * v2.0 | 20110126
 * License: none (public domain)
 *
 */
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
 * =========================================================================================================================================
 */

/**
 * 2a. GENERAL HTML5 TAGS
 *------------------------------------------------*/
body {
	-webkit-text-size-adjust: none;
	font-size: 14px;
	line-height: 22px;
	color: #595959;
	background: #f6f6f6;
	overflow-x: hidden;
}
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 &amp; 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)
 *------------------------------------------------*/
#main { padding-bottom: 70px; }
.parallax:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 170px;
	top: 0;
	left: 0;
	background: url(../images/assets/top-fill.png) no-repeat 50% 0;
}
#inner-page-header:after,
#home-page-header:after,
.parallax:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 170px;
	bottom: 0;
	left: 0;
	background: url(../images/assets/bottom-fill.png) no-repeat 50% 0;
}

/**
 * 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;
}

/**
 * 2k. EMBEDS
 *------------------------------------------------*/
p &gt; embed, p &gt; iframe, p &gt; object, p &gt; video { margin-bottom: 0px; }
embed, iframe, object, video {
	max-width: 100%;
	vertical-align: middle;
	margin-bottom: 20px;
}
 
/**
 * 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;
}
.aligncenter {
	float: none;
	text-align: center;
	margin-bottom: 30px;
}
.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;
}

/* 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 &amp; 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 {
	display: none;
	padding: 30px 30px 10px 30px;
	background: #f6f6f6;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.accordion-header:hover h2 {
	background: #454545;
	color: #fff;
}
.accordion-header:hover i:before { color: #fff; }

/* 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-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 .site-title a 		{ color: #fff; }
#header-top .site-title span 	{ font-weight: normal; }
#header-top img.site-logo 		{ 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 ul {
	display: inline;
	float: right;
	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-color: #404040;
	background-position: 50% 50%;
	background-size: cover;
	text-align: center;
}
/* Textillate Text */
#home-page-header .tlt {
	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: 36px;
	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: #fff; }

/* 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: #fff; }

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

/* SECTION - ARTISTS */
#artists { 
	padding-top: 20px; 
	padding-bottom: 100px;
}
.artist-section-wrap 					{ padding: 50px 0 50px 0; }
.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: 16px;
	color: #8c8c8c;
	margin: 0;
}
.artist-section-wrap h4 {
	font-size: 16px;
	line-height: 18px;
	color: #bfbfbf;
	margin-bottom: 26px;
}
.artist-section-wrap h5 {
	text-align: right;
	font-size: 26px;
	line-height: 16px;
}
.artist-excerpt { margin-bottom: 26px; }

/* 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 {
	width: 100%;
	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 {
	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-size: cover;
}
#testimonial-01 { background-position: 50% 40%; }
#testimonial-02 { background-position: 50% 80%; }
.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%;
	background-size: cover;
}
#events .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 time {
	display: block;
	width: 140px;
	height: 60px;
	font-size: 16px;
	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 time { 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: 16px;
	line-height: 12px;
	color: #595959;
	margin: 16px 0 0 260px;
}
#events .home-event .home-event-details p {
	font-size: 12px;
	color: #a6a6a6;
	margin: 0 0 0 260px;
}
#events a.home-event:hover .home-event-details h3,
#events a.home-event:hover .home-event-details p { color: #fff; }
#events .button-large {	float: right; }

/* SECTION - BLOG */
#blog {
	position: relative;
	padding-top: 200px;
	padding-bottom: 310px;
	background-color: #404040;
	background-position: 50% 50%;
	background-size: cover;
}
#blog .home-blog {
	display: block;
	color: #fff;
	margin-bottom: 20px;
}
#blog .home-blog h2 {
	font-size: 26px;
	text-align: center;
	line-height: 32px;
	margin: 0;
	padding: 30px;
	color: #fff;
}
#blog .home-blog-meta h6 {
	font-size: 16px;
	margin: 0;
	color: #fff;
}
#blog .home-blog-meta h6 i { margin-right: 10px; }
#blog .home-blog-meta {
	background: #000; /* Fallback Colour */
	background: rgba(0,0,0,0.20);
	padding: 10px 30px 10px 30px;
}
#blog .home-blog-meta .home-blog-author { float: left; }
#blog .home-blog-meta .home-blog-date 	{ float: right; }
#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 {
	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 &amp; ARTISTS
 * =========================================================================================================================================
 *
 * Styling for event and artist listings generated by the "roadrunners_events_artists" plugin.
 */
 
/* EVENTS */
.event-entry-meta {	margin-bottom: 30px; }
.rr-meta-box {
	display: block;
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	padding: 18px 20px 8px 20px;
	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: 14px;
	left: 20px;
}
.event-archive .rr-meta-box {
	float: none;
	margin-right: 0;
	border-right: 0;
}
.event-archive .rr-meta-box.rr-event-tickets 	{ margin-bottom: 20px; }
.event-archive .event-meta-wrap:hover 			{ opacity: 0.65; }

/* 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 {
	position: absolute;
	top: 15px;
	left: -5px;
	background: #fff;
	padding: 5px 20px 5px 20px;
	-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: 31px 20px 26px 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: 15px;
	color: #fff;
	text-transform: uppercase;
}
.rr-artist-box a { color: #fff; }
.rr-artist-box a:hover {
	text-decoration: underline;
	color: #fff;
}
.rr-artist-title:before,
.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-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
 * =========================================================================================================================================
 */
.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);
}

/* TAXONOMY DESCRIPTION */
.taxonomy-description {
	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);
}
.taxonomy-description p {
	margin: 0;
	font-size: 18px;
	line-height: 30px;
	color: #737373;
}

/**
 * 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 &amp; SIDEBAR WIDGETS
 * =========================================================================================================================================
 */
#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
 * =========================================================================================================================================
 */

/* NORMAL BUTTONS */
.button-large {
	display: inline-block;
	height: 60px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 58px;
	color: #fff;
	padding: 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 &amp; FOOTER WIDGETS
 * =========================================================================================================================================
 */
#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
 * =========================================================================================================================================
 */
#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
 * =========================================================================================================================================
 */
#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; transform: rotate(90deg); }
	5% 					{ opacity: 1; transform: rotate(0deg); }
}
@-moz-keyframes first-flash
{
	0%, 4%, 15%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	5% 					{ opacity: 1; transform: rotate(0deg); }
}
@-ms-keyframes first-flash
{
	0%, 4%, 15%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	5% 					{ opacity: 1; transform: rotate(0deg); }
}
@keyframes first-flash
{
	0%, 4%, 15%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	5% 					{ opacity: 1; transform: rotate(0deg); }
}

@-webkit-keyframes second-flash
{
	0%, 14%, 25%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	15% 				{ opacity: 1; transform: rotate(0deg); }
}
@-moz-keyframes second-flash
{
	0%, 14%, 25%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	15% 				{ opacity: 1; transform: rotate(0deg); }
}
@-ms-keyframes second-flash
{
	0%, 14%, 25%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	15% 				{ opacity: 1; transform: rotate(0deg); }
}
@keyframes second-flash
{
	0%, 14%, 25%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	15% 				{ opacity: 1; transform: rotate(0deg); }
}
@-webkit-keyframes third-flash
{
	0%, 29%, 40%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	30% 				{ opacity: 1; transform: rotate(0deg); }
}
@-moz-keyframes third-flash
{
	0%, 29%, 40%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	30% 				{ opacity: 1; transform: rotate(0deg); }
}
@-ms-keyframes third-flash
{
	0%, 29%, 40%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	30% 				{ opacity: 1; transform: rotate(0deg); }
}
@keyframes third-flash
{
	0%, 29%, 40%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	30% 				{ opacity: 1; transform: rotate(0deg); }
}
@-webkit-keyframes fourth-flash
{
	0%, 54%, 65%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	55% 				{ opacity: 1; transform: rotate(0deg); }
}
@-moz-keyframes fourth-flash
{
	0%, 54%, 65%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	55% 				{ opacity: 1; transform: rotate(0deg); }
}
@-ms-keyframes fourth-flash
{
	0%, 54%, 65%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	55% 				{ opacity: 1; transform: rotate(0deg); }
}
@keyframes fourth-flash
{
	0%, 54%, 65%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	55% 				{ opacity: 1; transform: rotate(0deg); }
}
@-webkit-keyframes fifth-flash
{
	0%, 79%, 90%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	80% 				{ opacity: 1; transform: rotate(0deg); }
}
@-moz-keyframes fifth-flash
{
	0%, 79%, 90%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	80% 				{ opacity: 1; transform: rotate(0deg); }
}
@-ms-keyframes fifth-flash
{
	0%, 79%, 90%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	80% 				{ opacity: 1; transform: rotate(0deg); }
}
@keyframes fifth-flash
{
	0%, 79%, 90%, 100% 	{ opacity: 0; transform: rotate(90deg); }
	80% 				{ opacity: 1; transform: rotate(0deg); }
}</pre></body></html>