/*
Theme Name: Dubstep
Theme URI: http:/www.cssigniter.com/dubstep
Author: cssigniter.com
Author URI: http://www.cssigniter.com
Description: Music theme for WordPress
Tags: two-columns, one-column, resposnive-layout, custom-background, custom-colors, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, white, yellow, dark, light, left-sidebar, right-sidebar
Version: 1.3
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* TABLE OF CONTENTS
00. 	GLOBAL
01. 	GLOBAL HEADER
01.1		LOGO
01.2		DESKTOP NAVIGATION
01.3		MOBILE NAVIGATION 
01.4		SLIDER
02. 	BASIC STRUCTURE
03. 	LISTS
04. 	FORMS
05. 	ARTICLES
06. 	PAGING
07. 	COMMENTS
08. 	COMMENT FORM
09. 	EVENTS
10. 	TRACKLISTING
11. 	MEDIA NAVIGATION
12. 	GLOBAL WIDGET STYLES
12.1 		WIDGET: PHOTOSLIDER
12.2 		WIDGET: SOCIAL (MUSIC) FOOTER
12.3 		WIDGET: GENERIC LISTS
12.4 		WIDGET: FLICKR
12.5 		WIDGET: CALENDAR
12.6 		WIDGET: SEARCH
12.7 		WIDGET: SOCIALS IGNITED
12.8 		WIDGET: ABOUT
12.9 		WIDGET: TEXT
12.10 	WIDGET: EVENTS
12.11 	WIDGET: BLOG
13. MODULE: MUSIC PLAYER
14. MODULE: ISOTOPE FILTERING
15. MODULE: CREDITS
16. WORDPRESS GENERATED CLASSES
17. MEDIA QUERIES
*/


/* ========================================
	00. GLOBAL STYLES
======================================== */
body { font:normal 16px 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h1,h2,h3,h4,h5,h6 { margin:0; line-height: 1.2; margin-bottom:15px; letter-spacing: -1px; font-weight:900; word-wrap: break-word; }
h1 { font-size:30px; }
h2 { font-size:28px; }
h3 { font-size:26px; }
h3.widget-title { font-size:30px; font-weight:300; margin-top:0 !important; margin-bottom:35px; line-height: 1; }
h4 { font-size:24px; }
h5 { font-size:22px; }
h6 { font-size:20px; }
a, a:focus, a:visited { outline: none; text-color: #CEE3F6;}
a:hover { text-decoration: underline;}
img { max-width: 100%; height: auto; }
.btn-action, .buttons .button { display:inline-block; padding:9px 10px 8px 10px !important; font-weight:700; font-size:12px; border-radius:2px; line-height: 1.2; }
.btn-action:after, .buttons .button:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; content: "\f054"; padding-left:5px; }
.btn-download:after { content: "\f019"; }
.btn-lyrics:after { content: "\f02d"; }
.btn-buy:after { content: "\f07a"; }
.btn-action.sold:after { display: none; }
.btn-action.canceled:after { content: "\f00d"; }
.btn-action-verso:after { content: ""; }
.btn-action-verso:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; content: "\f053"; padding:0 5px 0 0;  }
.no-trail:after { content:"" !important; }
.overlay { position:absolute; top:0; left:0; bottom:0; right:0; font-size:40px; transition: opacity 0.15s linear 0s; opacity: 0.3; }
.overlay:before { left: 50%; line-height: 1; margin-left: -20px; margin-top: -20px; position: absolute; text-align: center; top: 50%; width: 40px; }
.overlay:hover { opacity:1; }
.frame { position:relative; padding:10px; }
.group:before, .group:after { content: " "; display: table; }
.group:after { clear: both; }


/* ========================================
	01. GLOBAL HEADER
======================================== */
.header-wrap { position:relative; z-index:100; }

/* 01.1 LOGO */
#logo { margin-bottom:30px; }
#logo h1 { font-weight:300; line-height: 1; margin-bottom:0; }
#logo h2 { font-size:16px; font-weight:400; margin-bottom:0; }

/* 01.2 DESKTOP NAVIGATION */
#nav ul { margin: 0; padding: 0; list-style: none; }
#navigation { border-radius:2px; }
#navigation li { position: relative; z-index: 100;}
#navigation > li { float: left; }
#navigation ul { position: absolute; z-index: 1300; top: -999em; }
#navigation li:hover > ul,
#navigation .sfHover > ul { top: auto; z-index: 1500; }
#navigation li li:hover > ul,
#navigation li .sfHover > ul { top: 0; left: 100%; }
#navigation li li li:hover > ul,
#navigation li li .sfHover > ul{ top: 0; left: 100%; }
#navigation a, #navigation a:visited { display: block; white-space: nowrap; }
#navigation a { font-size:13px; font-weight:700; padding:18px 22px; }
#navigation ul li:last-child { border-bottom:none; }
#navigation ul a { font-size:12px; padding:12px 22px; }
.sf-arrows .sf-with-ul:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-image: none; border-right: 4px solid rgba(0, 0, 0, 0); border-style: solid; border-width: 4px; content: ""; height: 0; margin-top: 1px; position: absolute; right: 8px; top: 40%; width: 0; }

/* 01.3 DESKTOP NAVIGATION */
.slicknav_menu { display:none; }
.slicknav_btn { position: relative; display: block; vertical-align: middle; float:left; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
.slicknav_menu { font-size:16px; }
.slicknav_btn {	margin: 5px 5px 6px; text-decoration:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.slicknav_menu  .slicknav_menutxt {	font-weight: bold;	}
.slicknav_menu { padding:5px; }
.slicknav_nav { margin:0; padding:0; font-size:0.875em; }
.slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; }
.slicknav_nav ul { padding:0; margin:0 0 0 20px; }
.slicknav_nav .slicknav_item { padding:5px 10px; margin:2px 5px; }
.slicknav_nav a{ padding:5px 10px; margin:2px 5px; text-decoration:none; }
.slicknav_nav a:hover{ -webkit-border-radius: 2px; -moz-border-radius: 2px;	border-radius: 2px; }
.slicknav_nav .slicknav_item a { padding:0;	margin:0; }
.slicknav_nav .slicknav_item:hover { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.slicknav_nav .slicknav_txtnode { margin-left:15px; }


/* 01.4 SLIDER */
.slides li { position:relative; line-height: 0; }
.slides li h2 { font-weight:300; letter-spacing: -1px; display:inline-block; padding:15px 20px 17px 20px; margin-bottom:0; line-height: 1; position:absolute; }
.slides li .tl:before, .slides li .bl:before  { content: ""; position:absolute; bottom: -10px; left:0; }
.slides li .tr:before, .slides li .br:before  { content: ""; position:absolute; bottom: -10px; right:0; }
.slides li .tl { top:20px; left:-10px; }
.slides li .tr { top:20px; right:-10px; }
.slides li .bl { bottom:20px; left:-10px }
.slides li .br { bottom:20px; right:-10px; }


/* ========================================
	02. BASIC STRUCTURE
======================================== */
.wrap { margin-bottom:1px; padding:80px 0; }
.wrap:before { content:""; margin-left:	113px; position:relative;  top:-80px; width:75px; height:3px; }
.wrap-medium { padding:40px 0; }
.wrap-medium:before { position:relative; top:-40px; }
.wrap-small { padding:20px 0; }
.wrap-small:before { position:relative; top:-20px; }
.wrap-player { padding:40px 0; z-index:100; position:relative; }
.wrap-player:before { position:relative; top:-40px; }
.wrap-social-footer { padding-bottom:30px; }
.group:before, .group:after { content: " "; display: table; }
.group:after { clear: both; }


/* ========================================
	03. LISTS
======================================== */
.list { margin:0; padding:0; list-style: none; }
.list > li { transition: background-color 0.5s ease; padding:15px 10px; margin-top:-1px; z-index:1; position:relative; overflow: visible; }
.list > li:hover { z-index:2; }
.items-list li { padding:0; }
.items-list h2 { margin-top:20px; }
.items-list p { margin-bottom:0; }
.items-list .btn-action { position:static !important; display:inline-block; margin-top:20px; }
.item-meta { list-style: none; margin:0; padding:0; }
.item-meta li { font-size:14px; }
.item-meta li span { display:inline-block; width: 88px; }
.items-list-grid { list-style: none; margin:0; padding:0; }
.items-list-grid article { margin-bottom:30px; }
.items-list-grid h2 { font-size:18px; font-weight:700; margin-bottom:10px; }
.items-list-grid figure { padding:10px; margin-bottom:10px; position:relative; transition:all 0.2s ease-in-out;  }
.items-list-grid figcaption { line-height: 1; font-size:12px; padding-top:10px; }
.items-list-grid .item-meta { margin-bottom:10px; }
.filter-container-three .item-meta-top, .filter-container-four .item-meta-top { margin-bottom:0; }
.items-list-set figure { margin-bottom:0; }
.items-list-alt li { margin-bottom:60px; padding-bottom:35px; }
.items-list-alt li:last-child { margin-bottom:10px; }
.items-list-alt h2 { margin-top:0; }

.items-list-grid.products {
	margin-left: -15px;
	margin-right: -15px;
}
/* ========================================
	04. FORMS
======================================== */
label {	display: block;	margin-bottom: 3px; }
input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea {	width: 100%; padding: 7px 7px; font-family: inherit; outline:0; }
input[type=submit], button { line-height: normal; padding: 7px 20px 8px 20px; display: inline-block; border:none; border-radius:2px; }
input[type=submit]:hover,button:hover {	display: inline-block; }
input[type=submit], input[type=button], button { outline: 0; }

/* ========================================
	05. ARTICLES
======================================== */
.post h3, .post h4, .post h5 { margin-top:20px; }
.post blockquote { margin:0 0 15px 0; padding-left:20px; }
.post time { font-size:14px; margin:20px 0 5px 0; display:block; line-height: 1; }
.post time i { display:inline-block; margin-right:5px; position:relative; top:-2px; }
.post table { width:100%; }
.post table th { text-align: left; font-size:16px; }
.post table, .post table th, .post table td { padding:5px; }
.post table td { font-size:14px; }
.post-inner time { margin-top:25px; }
.post-inner .img-featured { margin:0 30px 15px 0; float:left; }
.post-meta { font-size:14px; padding-bottom:10px; }
.post-meta p { margin:0; }
.post-categories { float:left; }
p.post-comments { float:right; }
.static-page .post-inner h2 { margin-top:25px;  }
div.sharedaddy div.sd-block { margin-top: 35px !important; padding-top: 15px !important; }

/* ========================================
	06. PAGING
======================================== */
.paging-wrap { margin-top:30px; }
#paging span, #paging a { font-size:14px; border-radius:2px; padding:5px 10px; }
#paging span.dots { background: none; border: none; }
#paging ul { list-style: none; margin: 0; padding: 0;}
#paging ul li { display: inline-block; }
#paging .nav-symbol { background: none; padding: 0; margin: 0; color: inherit; border: none; }


/* ========================================
	07. COMMENTS
======================================== */
#comments { margin: 40px 0 30px 0;}
#comments h3 { margin: 0 0 30px; }
#comment-list { margin: 0; padding: 0; }
.comment-meta { padding-bottom: 0; margin-bottom: 0; display: block; }
#comments .post-comments { margin: 10px 0 30px 0; }
.post-comments ol, .post-comments ul { list-style: none; font-size:inherit;  }
.post-comments > ol { margin-left:0; margin-bottom:0; }
.post-comments li { margin:0 !important; padding:0 !important; background: none !important; position:relative; }
.post-comments .avatar { float: left; top:0; left:0; margin: 0 15px 5px 0; text-align: center;}
.post-comments .comment-text { margin-bottom: 20px; padding: 20px; border:solid 1px #33363c; }
.post-comments > .comment-text:last-child { margin-bottom:0; }
.post-comments .comment-copy { margin-left: 70px;  padding: 0; font-size: 14px;  }
.post-comments .comment-copy p { margin:0 0 15px 0; }
.post-comments .comment-copy p.comment-meta { font-weight:700; line-height:1; margin-bottom:10px; }
.comment-reply-link:hover, .btn-reply:hover {  }
#cancel-comment-reply-link { display:block; font-size:12px; margin: -20px 0 15px 0; }
#comments a.comment-reply-link { font-size:12px; padding:2px 5px; margin-top: 5px; display: inline-block; border-radius:2px; }
#comment-list #respond { margin-bottom: 30px; }
.comment-subscription-form { font-size: 13px; margin: 5px 0;}


/* ========================================
	08. COMMENT FORM
======================================== */
#respond { margin-top:30px; }
#commentform p:last-child { margin-bottom: 0; }


/* ========================================
	09. EVENTS
======================================== */
.event-title { font-size:18px; font-weight:700; margin:0 120px 4px 0; line-height: 1.4;  }
.event-meta { font-size:14px; font-weight:400; margin:0; }
.event-meta i { position:relative; top:-2px; margin-right:5px; }
.event-meta time:after { content:"/"; padding:0 8px; }
.list .btn-action { position:absolute; top:32%; right:10px; }
.sidebar .list .btn-action { position:static; margin-bottom:5px; }
.sidebar .event-title { margin-right:0; }
.upcoming-events, .map-events { margin-bottom:50px; }
#map-wrap { padding:10px; }
#map * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
#map img { max-width: none; }
#map h3, #map h4, #map p { margin-bottom:5px; }
#map h3 { font-size:16px; }
#map h4 { font-size:14px; }
#map p { font-size:12px; margin-top:0; }
/* #map { width:auto; height:350px; } */
.event-details .item-meta { margin:20px 0; }


/* ========================================
	10. TRACKLISTING
======================================== */
.tracklisting { margin:0; padding:0; list-style: none; }
.tracklisting > li { transition: all 0.2s ease-in-out; position:relative; padding:8px 0 9px 43px; }
.tracklisting > li:hover { padding-left:50px; }
.tracklisting > li:hover .media-btn { left:10px; }
.tracklisting-top { counter-reset:li; }
.tracklisting-top li:before { content:counter(li); counter-increment:li; position:absolute; top:-2px; right:5px; padding:0; font-weight:bold; font-size:50px; text-align:center; z-index:1; line-height: 1; }
.tracklisting a.button { position:absolute; top:10px; left:5px; padding:0; }
.tracklisting a.btn-action { position:static !important; }
.tracklisting h4 {  font-size:14px; margin:0 0 3px 0; }
.tracklisting h5 {  font-size:12px; margin:0; }
.tracklisting h4, .tracklisting h5 { font-weight:400; letter-spacing: 0; }
.track-buttons { list-style: none; margin:0; padding:0; position:absolute; top:9px; right:0; }
.track-buttons li { float:left; padding:0; margin-left:5px; }
.track-lyrics-hold { display: none; }
.tracklisting .btn-action { text-transform: uppercase; }
.soundcloud-wrap { display: none; margin-top: 10px; }
.soundcloud-wrap iframe { max-width: 100%; max-height: 150px; }
.tracklisting li.track { min-height: 50px; }
.pp_inline { color: #000; }
/* ========================================
	11. MEDIA NAVIGATION
======================================== */
#media-nav { margin-top:40px; }
.media-content { margin-top:20px; }
.media-content p:last-child { margin-bottom:0; }
.media-content-slider { margin-top:40px; }
.next-media { text-align: right; }
.slider-page { margin-bottom:20px; }
#media-nav { text-transform: uppercase; }


/* ========================================
	12. GLOBAL WIDGET STYLES
======================================== */
.widget { margin-bottom:40px; }
.sidebar .widget:last-child { margin-bottom:0; }
#footer .widget { margin-bottom:0; }
.widget ul { list-style: none; margin:0; padding:0; }
.widget ul > li > a { display:inline-block; padding:7px 0; }


/* ========================================
	12.1 WIDGET: PHOTOSLIDER
======================================== */
.slider-wrap { position:relative; margin-bottom: 0 !important; }
.flexslider li { border-bottom:none !important; }
.flexslider li:first-child { border-top:none !important; }
.flexslider li a { padding:0 !important; }
.slider-wrap .btn-action { position:absolute; top:0; right:0; }
#photo-slider { padding:15px; }
#carousel-slider { padding:15px; position:relative; top:-1px; }
#carousel-slider li { margin-right:0; }
#carousel-slider li img { transition: all 0.2s ease-in-out; opacity:0.5; }
#carousel-slider li img:hover, #carousel-slider li.flex-active-slide img { opacity:1; }
.widget_ci_photo_slider .btn-action { text-transform: uppercase; }
.currentTextHolder { color: #222; }

/* ========================================
	12.2 WIDGET: SOCIAL (MUSIC) FOOTER
======================================== */
#social-footer { text-align: center; }
#social-footer a { display:inline-block; margin:0 10px 15px 10px; opacity:0.5; }
#social-footer a:hover { opacity:1; }
#social-footer .widget { margin-bottom: 0; }

/* ========================================
	12.3 WIDGET: GENERIC LISTS
======================================== */
.widget-list { margin:0; padding:0; list-style: none; }
.widget-list figure { position:relative; margin-bottom:10px; }
.widget-list .event-title { margin:0 0 10px 0; }


/* ========================================
	12.4 WIDGET: FLICKR
======================================== */
.flickr_badge_image { float: left; margin: 0 10px 10px 0; }
.flickr_badge_image a {	display: block;	line-height: 0;	padding:5px; }


/* ========================================
	12.5 WIDGET: CALENDAR
======================================== */
#wp-calendar { width: 100%; }
#wp-calendar caption { text-align: left; padding: 9px; border-bottom-width: 0; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { font-weight: bold; padding: 8px; }
#wp-calendar tbody td { background: none; text-align: center; padding: 3px;}
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }


/* ========================================
	12.6 WIDGET: SEARCH
======================================== */
.searchform { line-height: 1; position: relative; }
.searchform > div { position: relative; line-height: 1; }
.searchform .screen-reader-text { display: none; }
.searchform input[type=text] { width: 100%;	font: inherit; line-height: 1; }
.searchsubmit {	line-height: 0;	position: absolute;	right: 0; top: 0; height: 100%; }
.search-results .items-list-alt li { padding-top: 35px; margin-bottom: 0;}
.search-results .items-list-alt li.searchnotice { padding: 10px 0; }
/* ========================================
	12.7 WIDGET: SOCIALS IGNITED
======================================== */
#widget-header { position:relative; }
#widget-header .widget { margin-bottom:0; }
#widget-header .widget_ci_socials_ignited { position:absolute; bottom:0; right:15px; }
#widget-header .ci-socials-ignited,
#widget-header .ci-socials-ignited-fa { text-align: right; }


/* ========================================
	12.8 WIDGET: ABOUT
======================================== */
.widget_about { margin-top: -5px; }
.widget_about .alignleft { float: left;	margin: 5px 15px 10px 0; }
.widget_about .alignright { float: right; margin: 5px 0 10px 15px; }


/* ========================================
	12.9 WIDGET: TEXT
======================================== */
.widget_text p:last-child {	margin-bottom: 0; }


/* ========================================
	12.10 WIDGET: EVENTS (+ EVENT)
======================================== */
.widget-events, .widget-event, .widget-video { margin-bottom:0; }
.sidebar .widget-events, .sidebar .widget-event, .sidebar .widget-video { margin-bottom:40px; }
.widget-event li, .widget_ci_event_widget li { border-bottom:none !important; }
#video video, video, .wp-video, .mejs-video { max-width: 100%; width: 100% !important; }
.sh-video { display: none; }

/* ========================================
	12.11 WIDGET: BLOG
======================================== */
.widget-blog { margin-bottom:0; }

/* ========================================
	13. MODULE: MUSIC PLAYER
======================================== */
a.button { outline:0; }
a.button i { line-height:1; font-size:14px; display:inline-block; width:30px; padding-top:8px; height:30px; text-align: center; border-radius:2px; outline:0; }
a.sm2_playing i:before{ content: "\f04c"; }

/* ========================================
	14. MODULE: ISOTOPE FILTERING
======================================== */
.filters-nav { margin:0 0 25px 0; padding:0; list-style: none; }
.filters-nav li { float:left; margin-right:5px; font-size:14px; }
.filters-nav li a { display:inline-block; padding:3px 12px; border-radius:2px; outline:0; }
.filter-container-four > li { min-height: 421px; }
.filter-container-three > li { min-height:339px; margin-left:-1px; }
.filter-small-list > li { min-height:241px; }
.filter-large-list > li { min-height:376px; }
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }

	
/* ========================================
	15. MODULE: CREDITS
======================================== */
.credits { font-size: 11px; }
.credits-col2 { text-align: right; }


/* ========================================
	16. WORDPRESS GENERATED CLASSES
======================================== */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 30px 15px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 30px 15px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter {	display: block;	margin-left: auto; margin-right: auto }
.wp-caption { max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft {	margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto;	margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text {	font-size: 11px; line-height: 17px;	margin: 0; padding: 7px 4px 0; }
.sticky {}
.bypostauthor { }

.gallery {
	margin-bottom: 20px;
	overflow: hidden;
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(50% - 4px);
	max-width:         calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.3% - 4px);
	max-width:         calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}

.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


/* ========================================
	17. MEDIA QUERIES
======================================== */
@media (max-width: 1200px) {
	.wrap { padding:40px 0; }
	.wrap:before { margin-left:95px; top:-40px; }
	.wrap-medium { padding:30px 0 20px 0; }
	.wrap-medium:before { top:-30px; }
	.wrap-small { padding:10px 0; }
	.wrap-small:before { top:-10px; }
	#navigation { display:none;	}
	.slicknav_menu { display:block;	}
	.items-list > li { padding-bottom:20px; }
	.filter-container-three > li { min-height: 349px; }
	.filter-container-artists-three > li { min-height: 309px; }
	.filter-container-four > li { min-height: 401px; }
	.items-list-grid article { margin-bottom: 0px; }
	.items-list-set article { margin-bottom: 30px; }
	.items-event-grid > li { margin-bottom:25px; }
	.prev-media a, .next-media a { display:block; }
	.prev-media { margin-bottom:5px; }
}

@media (max-width: 992px) {
	.wrap:before { margin-left:15px; }
	.row.events .items-list-grid figure img { width: 100%; }
}

@media (max-width: 769px) {
	#logo { text-align: center; }
	#header .widget_ci_socials_ignited { margin-bottom:0;  }
	#header .ci-socials-ignited,
	#header .ci-socials-ignited-fa { text-align: center; }
	.header-top { margin-bottom:30px; }	
	.list { margin-bottom:30px; }
	.event-title { margin-right:0; }
	.list .btn-action { position:static; }	
	.filter-container-four > li, .filter-container-three > li { margin-bottom:25px; }
	.wrap:before { margin-left:15px; }
	#widget-header { height: auto !important;}
}

@media (max-width: 767px) {
	body { overflow-x: hidden; }
	.widget { margin-bottom:30px; }
	.post-inner .img-featured { float:none; }
	.single-sidebar { margin-bottom:30px; }
	#widget-header { height: auto !important; margin: 50px 0 20px;}
	#header .widget_ci_socials_ignited { text-align: center; width: 100%; }

	.track-buttons { position:static; margin:5px 0 0 0; }
	.track-buttons li:first-child { margin-left:0; }
	.paging-wrap, #respond { margin-bottom:30px; }
}

@media (max-width: 480px) {
	.filters-nav { display:none; }
}