/*
Theme Name: RoadRunners (Share on navrangi.com)
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

 *======================================================
 *
 * TABLE OF CONTENTS
 * -----------------
 *
 * 1.  CSS RESET
 * 2.  BASE STYLES
 * 		2a. GENERAL HTML5 TAGS
 *		2b. PRIMARY CONTAINER & SECTIONS
 *		2c. HEADINGS
 *		2d. LISTS
 *		2e. BLOCKQUOTES
 *		2f. IMAGES
 *		2g.	TABLES
 *		2h.	FORMS
 *		2i. WRAPPERS
 *		2j.	MAPS
 * 3.  HELPER CLASSES
 * 4.  PAGE HEADER
 * 5.  HOME PAGE INTRO
 * 6.  INNER PAGE INTRO
 * 7.  HOMEPAGE STYLES
 * 8.  EVENTS & ARTISTS
 * 9.  BLOG
 * 10. COMMENTS
 * 11. SIDEBAR & SIDEBAR WIDGETS
 * 12. BUTTONS
 * 13. FOOTER & 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)
 *
 * @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;
}
.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;
}
.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-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-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: 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 	{ 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: 30px;
}
.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 {
	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-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 {
	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: 16px;
	line-height: 12px;
	color: #595959;
	margin: 16px 0 0 215px;
}
#events .home-event .home-event-details p {
	font-size: 12px;
	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; }
#events .button-large {	float: right; }

/* 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 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 & 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 {
	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: 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-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
 * =========================================================================================================================================
 * 
 * @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; }
}