/**
* Theme Name: Croma
* Theme URI: http://croma.irontemplates.com/
* Description: Music and Creative WordPress Theme - Croma is a creative theme specialized for musicians and the music industry.
* Tags: custom-colors, custom-header, custom-menu, featured-images
*
* Author: IronTemplates
* Author URI: http://irontemplates.com
*
* Version: 3.6
* Text Domain: croma
*
* License: GNU General Public License v2 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
*
* Table of Contents:
*
* 1.0 - Base
* 1.1 - Webfonts
* 1.2 - Reset
* 2.0 - Repeatable Patterns
* 2.1 - Utilities
* 2.2 - Animations
* 2.3 - Responsive Assets
* 2.4 - Icons
* 2.5 - Social Networks
* 2.6 - Grid
* 2.7 - Panel
* 2.8 - Carousel
* 2.9 - Media Object
* 2.10 - Flag Object
* 2.11 - IOS Slider
* 3.0 - Structure
* 3.1 - Container
* 3.2 - Sidebar
* 3.3 - Post Grid
* 3.4 - Post List
* 3.5 - Post Accordion
* 4.0 - Header
* 4.1 - Site Header
* 4.2 - Navigation
* 4.3 - Breadcrumbs
* 4.4 - Primetime
* 5.0 - Content
* 5.1 - Entry
* 5.2 - News
* 5.3 - Event
* 5.4 - Album
* 5.5 - Photo
* 5.6 - Video
* 5.7 - Contact
* 5.8 - Tracklist
* 5.9 - Galleries
* 5.10 - Pagination
* 5.11 - Filters
* 5.12 - 404
* 5.13 - Comments
* 5.14 - Portfolio
* 5.15 - Artist
* 6.0 - Forms
* 6.1 - Site Forms
* 6.2 - Contact Form 7
* 7.0 - Widgets
* 7.1 - Audio Player
* 7.2 - Twitter
* 7.3 - Latest News
* 7.4 - Upcoming Events
* 7.5 - Recent Videos
* 7.6 - Newsletter
* 7.7 - Terms
* 7.8 - WordPress Widgets
* 7.9 - Third-Party Widgets
* 8.0 - Footer
* 8.1 - Site Footer
* 8.2 - Copyright
* 9.0 - Media Queries
*
* Stylesheet outline based on “Principles of writing consistent, idiomatic CSSâ€
* by Nicolas Gallagher.
*
* @see https://github.com/necolas/idiomatic-css
* ==========================================================================
*/
/* ==========================================================================
1.0 Base
========================================================================== */
/* 1.2 Webfonts
========================================================================== */
@font-face {
font-family: 'Oswald';
src: url('fonts/oswald-regular.eot');
src: url('fonts/oswald-regular.eot?#iefix') format('embedded-opentype'),
url('fonts/oswald-regular.woff') format('woff'),
url('fonts/oswald-regular.ttf') format('truetype'),
url('fonts/oswald-regular.svg#oswaldregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Oswald';
src: url('fonts/oswald-bold.eot');
src: url('fonts/oswald-bold.eot?#iefix') format('embedded-opentype'),
url('fonts/oswald-bold.woff') format('woff'),
url('fonts/oswald-bold.ttf') format('truetype'),
url('fonts/oswald-bold.svg#oswaldbold') format('svg');
font-weight: bold;
font-style: normal;
}
/* Fontello, a Font-Awesome fallback */
@font-face {
font-family: 'Fontello';
src: url('fonts/fontello.eot');
src: url('fonts/fontello.eot?#iefix') format('embedded-opentype'),
url('fonts/fontello.woff') format('woff'),
url('fonts/fontello.ttf') format('truetype'),
url('fonts/fontello.svg#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
/* 1.2 Reset
========================================================================== */
/**
* Font Size : 14px (0.875em)
* Line Height : 20px (1.429em)
*
* @todo Integrate Normalize.css to provide cross-browser consistency
* and a smart default styling of HTML elements.
*
* @see http://git.io/normalize
*/
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html{
text-decoration:none !important;
}
body{
position: relative;
height: auto;
min-height: 100%;
min-width: 320px;
margin: 0;
color: #1F1F1F;
background-color: #EEE;
font-family: 'Open Sans',sans-serif;
font-size: 14px;
line-height: 20px;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
body:after{
content:'';
width: 0;
height: 0;
clear: both;
}
h1{
margin:0.67em 0 0.67em 0;
}
h2{
margin:0.67em 0 0.67em 0;
}
h3{
margin:0.67em 0 0.67em 0;
}
h4{
margin:0.67em 0 0.67em 0;
}
h5{
margin:0.67em 0 0.67em 0;
}
h6{
margin:0.67em 0 0.67em 0;
}
p{
margin:0.67em 0 0.67em 0;
}
.site-logo.righttype, .site-logo.lefttype {
top: 30px;
}
.wp-admin-bar .mini #menu-main-menu {
top:0px;
}
.wp-admin-bar .header-top-menu{
margin-top:8px;
}
.wp-admin-bar .menu-toggle, .wp-admin-bar .menu-toggle-off, .wp-admin-bar .site-logo{
top:62px;
}
.wp-admin-bar .classic-menu.responsive ul li.logo{
top:-60px;
}
@media screen and (max-width: 1144px){
.wp-admin-bar #menu-main-menu{
top:0px;
}
}
@media screen and (max-width: 782px){
.wp-admin-bar .classic-menu.responsive {
top: 46px;
}
}
@-webkit-keyframes fontfix {
from { opacity: 1; }
to { opacity: 1; }
}
img{border-style:none;}
a{
text-decoration:none;
}
a:hover{text-decoration:none;}
a:active{background-color:transparent;}
input,
textarea,
select{
font:13px;
vertical-align:middle;
color:#1f1f1f;
}
form,
fieldset{
margin:0;
padding:0;
border-style:none;
}
header, footer, article, section, hgroup, nav, figure, aside{display:block;}
figure{
margin:0;
padding:0;
}
figure{
padding:12px;
}
input[type="text"],
input[type="password"],
input[type="file"],
input[type="email"],
input[type="submit"],
textarea{
-webkit-appearance:none;
-webkit-border-radius:0;
}
input[type="submit"]::-moz-focus-inner{
border:0;
padding:0;
}
input[type="submit"]:hover{cursor:pointer;}
q{quotes:none;}
q:before,
q:after{content:'';}
.menu-type-push-menu .page-title, .error404 .menu-type-push-menu h1{
margin-top: 100px;
}
.menu-type-classic-menu .page-title, .error404 .menu-type-classic-menu h1{
margin-top: 40px;
}
.page-title h1, h1.page-title, .error404 h1{
text-align:center;
}
.heading-space {
padding-top: 80px;
}
span.heading-t{
display:block;
height:0px;
width:26px;
margin:0 auto;
background-color:#000;
}
@media (max-width: 1144px) {
span.heading-t{
margin-top: 100px;
}
}
span.heading-b{
display:block;
height:3px;
width:26px;
margin:0 auto;
background-color:#000;
margin-bottom:70px;
}
span.heading-t3{
display:block;
width:26px;
margin:0 auto;
background-color:#000;
margin-top:70px;
}
span.heading-b3{
display:block;
height:2px;
width:26px;
margin:0 auto;
background-color:#000;
margin-bottom:30px;
}
#wrapper .wpb_row .widget.iron_widget_divider:first-child span.heading-t,
#wrapper .wpb_row .widget.iron_widget_divider:first-child span.heading-t3{
margin-top:inherit;
}
@media (max-width: 991px) {
#wrapper .wpb_row .widget.iron_widget_divider:first-child span.heading-t,
#wrapper .wpb_row .widget.iron_widget_divider:first-child span.heading-t3{
margin-top:70px;
}
}
#wrapper .wpb_row .widget.iron_widget_divider:first-child span.heading-b,
#wrapper .wpb_row .widget.iron_widget_divider:first-child span.heading-b3 {
margin-bottom:inherit!important;
}
#wrapper .wpb_row.no-margin{
margin-bottom:inherit!important;
}
span.heading-side{
display:block;
height:3px;
width:26px;
background-color:#000;
margin-bottom:10px;
}
#footer span.heading-side, #footer span.heading-t3, #footer span.heading-b3, #sidebar span.heading-t3, #sidebar span.heading-b3{
display:none;
}
p{}
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.page-title.uppercase h1{
text-transform:uppercase;
}
.widget.uppercase h3{
text-transform:uppercase;
}
.widget-title:after{content:' '; display: table; clear: both;}
h3 .rsswidget{height: 14px;}
h3 .rsswidget img{line-height: 14px;}
.widget_rss li{ margin-bottom: 30px;}
.widget_rss li .rsswidget{display:block; font-weight: 300}
.widget_rss li .rss-date{font-size: 10px;}
.widget_rss .rssSummary{ color:#444; font-size: 12px;}
table{
width: 100%;
}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
padding:10px;
}
table{
margin-bottom:20px;
}
.woocommerce table, .woocommerce th, .woocommerce td{
border:0px;
padding:0px;
}
.single-event table, .single-event th, .single-event td{
border:none;
padding:0px;
}
.single-event td{
padding-bottom:5px;
}
dt{
font-weight:bold;
}
dd{
margin:0px;
margin-bottom:20px;
}
code, pre{
border:1px solid #e1e1e8;
background-color:#f7f7f9;
border-radius:4px;
padding-left: 5px;
padding-right: 5px;
}
pre{
border:1px solid #e1e1e8;
background-color:#f7f7f9;
border-radius:4px;
padding:20px;
}
/* ==========================================================================
2.0 General
========================================================================== */
/* 2.1 Helper Classes
========================================================================== */
/* Clearing floats */
.clear {
clear: both;
}
/* No underlines on link */
a:hover{
text-decoration:none;
}
.opacityzero{
opacity:0;
height:100px;
width:100%;
position:absolute;
}
.clear:after,
.atoll:after,
.island:after,
.islet:after,
.widget:after,
.widget-area:after,
.textwidget:after,
.panel__heading:after,
.panel__body:after,
.content__wrapper:after,
.section:after,
.marquee .text-box:after,
.entry:after,
.photos-list:after,
.panel .nav-holder:after,
.heading:after,
#nav:after,
.menu:after,
#header:after,
#twocolumns:after,
.links-block:after,
.two-columns:after,
.form .row:after,
.info-section:after,
.form .box:after,
.form-submit:after,
.container:after {
content: "";
display: block;
clear: both;
}
.hentry{
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.ajax-load {
background-image: url(images/ajax-loader.gif);
background-repeat: no-repeat;
background-position: bottom center;
padding-bottom: 70px!important;
margin-bottom: 30px!important;
}
.articles-section.ajax-load {
background-position: 48% 100%;
}
/*#wp-admin-bar-site-name a {
max-width: 100px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}*/
.fancybox-lock .fancybox-overlay {
overflow-y: hidden;
}
/*make lightbox fit into a small device*/
@media only screen and (max-width: 800px){
.fancybox-wrap{
left: 0 !important;
}
.fancybox-skin, .fancybox-skin iframe, .fancybox-wrap{
width:100vw !important;
padding: 0 !important;
}
.fancybox-skin{
padding: 0 !important;
}
.fancybox-close{
right: 14px;
}
}
.fullwidthimg img{
width:100vw;
}
/* Assistive text */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
line-height: normal;
padding: 15px 23px 14px;
position: absolute;
left: 5px;
top: 5px;
text-decoration: none;
width: auto;
z-index: 100000; /* Above WP toolbar */
}
.iron_widget_videos,
.listing-section.videos,
.two_column_album,
.iron_widget_posts,
.articles-section{
visibility:hidden;
}
/* 2.2 Component Animations
========================================================================== */
.fade {
opacity: 0;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
/* 2.3 Responsive Assets
========================================================================== */
/*
* Responsive images
*
* Fluid images for posts, comments, and widgets
*/
.entry img,
.comment-content img,
.widget img,
.wp-caption {
max-width: 100%;
}
.logged-in-as{
width:100%;
max-width:600px;
margin:0 auto;
display:block;
}
/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto;
}
img.size-full,
img.size-large,
img.wp-post-image {
height: auto;
max-width: 100%;
}
img.wp-post-image{
width:100%;
}
#footer .textwidget img.size-full,
#footer .textwidget img.size-large,
#footer .textwidget img.wp-post-image {
height: auto;
width: auto;
}
img.wp-post-image.original {
height: auto;
max-width: inherit;
width:inherit;
}
/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
max-width: 100%;
}
.link-mode-replace embed,
.link-mode-replace iframe,
.link-mode-replace object,
.link-mode-replace video {
}
/* Override the Twitter embed fixed width. */
.twitter-tweet-rendered {
max-width: 100% !important;
}
/* Images */
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
margin: 5px 10px 5px 0;
}
img.alignright {
margin: 5px 0 5px 20px;
}
.wp-caption.alignright {
margin: 5px 0 5px 10px;
}
img.aligncenter {
margin: 5px auto;
}
img.alignnone {
margin: 5px 0;
}
.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
font-size: 12px;
font-style: italic;
font-weight: 300;
margin-top:0px;
}
img.wp-smiley,
.rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
list-style-position: inside;
}
/* 2.4 Icons
========================================================================== */
#footer .social-networks .fa,
.hotlink .fa{
font-family: Font Awesome\ 6 Free, Font Awesome\ 6 Brands, Font Awesome\ 6 Regular, Font Awesome\ 6 Solid;
}
[class^="fa-"]:before,
[class*=" fa-"]:before {
width: 1em;
text-align: center;
}
x:-o-prefocus,
.fa-left-open-big,
.fa-right-open-big,
.fa-vimeo,
.fa-soundcloud {
font-family: Fontello;
}
.fa-left-open-big:before { content: '\e800'; }
.fa-right-open-big:before { content: '\e803'; }
.fa-vimeo:before { content: '\f40a'; }
.fa-soundcloud:before { content: '\f1be'; }
.fa-youtube-play:before { content: '\f167'; }
.link [class^="fa-"]:before,
.link [class*=" fa-"]:before {
width: auto;
}
/* 2.5 Social Networks
========================================================================== */
.social-networks {
margin:0;
padding:0;
list-style:none;
float:right;
}
.panel.fixed-bar .social-networks {
float:none;
position: absolute;
right: 20px;
top: 0;
}
.panel .social-networks {
padding:21px 0;
}
.social-networks li {
display:inline-block;
vertical-align:top;
margin: 0 5px 5px 5px;
}
#footer .social-networks li {
display:inline-block;
vertical-align:top;
margin: 0 36px 41px 27px;
}
.social-networks a {
color: #888888;
text-decoration: none;
}
.social-networks a i{
padding:0.5em;
font-size: 35px;
color:#878787;
transition: color 0.35s ease 0s;
}
.social-networks a i:hover{
}
.sharing_toolbox{
text-align: right;
}
.sharing_toolbox i{
font-size: 25px;
padding:8px;
line-height:1em;
}
/* 2.6 Grid
========================================================================== */
/**
* Grid wrapper
*/
.grid-cols {
margin-left: -2%;
list-style: none;
margin-bottom: 0;
}
/**
* Grid
*/
.grid__item,
.grid-cols > .widget {
float: left;
display: block;
width: 100%;
margin-left: 2%;
}
.grid-cols--1 > .grid__item, .grid-cols--1 > .widget { width: 98%; }
.grid-cols--2 > .grid__item, .grid-cols--2 > .widget { width: 48%; }
.grid-cols--3 > .grid__item, .grid-cols--3 > .widget { width: 31.33%; }
.grid-cols--4 > .grid__item, .grid-cols--4 > .widget { width: 23%; }
/* 2.7 Panel/Island/Widget
========================================================================== */
/**
* Simple, boxed off content, as per:
* csswizardry.com/2011/10/the-island-object
* E.g.:
*
<div class="atoll">
<div class="island">
I am boxed off.
</div>
</div>
*
* The term `.island` for the moment since `.panel`
* is currently, non-semantically, used for the top navbar.
*
* @demo jsfiddle.net/inuitcss/u8pV3
*/
.atoll,
.island,
.islet,
.widget,
.panel__body {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.atoll > :last-child,
.island > :last-child,
.islet > :last-child,
.widget > :last-child,
.panel__body > :last-child {
margin-bottom: 0;
}
/**
* Use it like an "outer panel"
*
* @alias `.panel`, `.outer-panel`
*/
.atoll {
}
.atoll,
.widget {
}
#sidebar .widget{
background:none;
margin-bottom:25px;
/*overflow:hidden;*/
padding:0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/**
* Use it like an "inner panel" or "panel contents"
*
* @alias `.inner-panel`, `.panel__body`
*/
.island,
.islet,
.panel__body {
margin-bottom: 9px;
}
.island,
.panel__body {
padding: 10px;
}
.panel__heading + .panel__body {
margin-top: 10px;
}
/**
* Just like `.island`, only smaller.
.islet {
padding: 5px;
}
/**
* Optional Heading
*/
.panel__heading {
padding: 20px;
color: #FFF;
background-color: #000;
}
.panel-title,
.widget-title {
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: normal;
line-height: 1;
text-transform: uppercase;
}
h1.panel-title,
h2.panel-title,
h3.panel-title,
h4.panel-title,
h5.panel-title,
h6.panel-title,
.panel-title,
.widget-title {
color: inherit;
}
/**
* Badges & Actions
*/
.panel-action {
float: right;
font-size: 12px;
line-height: 24px;
white-space: nowrap;
}
/* Temporary fix */
.panel__heading .panel-action {
line-height: 24px;
}
.panel-action + .panel-action {
margin-right: 5px;
}
/**
* Optional Footer (stays gray in every modifier class)
*/
.panel__footer {
padding: 20px;
color: #FFF;
background-color: #000;
}
/* .panel-group {} */
/* Tighten up margin so it's only between panels */
.panel-group .atoll {
margin-bottom: 0;
overflow: hidden; /* crop contents when collapsed */
}
.panel-group .atoll + .atoll {
margin-top: 5px;
}
/**
* @deprecated In favor of abstract "panel" component.
*/
/* section */
.section {
clear: both;
margin: 20px 0 40px;
}
/* heading */
.heading {
position: relative;
margin-bottom: 20px;
text-align: center;
height:64px;
background:url(images/heading-deco.png) top center no-repeat;
}
.heading h1 {
color: #000000;
display: inline-block;
font-size: 24px;
font-weight: normal;
height: 64px;
line-height: 64px;
margin: 0;
text-transform: uppercase;
vertical-align: top;
font-weight:bold;
letter-spacing: 5px;
background:none;
}
.heading .link{
position: absolute;
right: 18px;
top: 50%;
margin-top: -7px;
font-size: 14px;
line-height: 1;
text-align: right;
vertical-align: baseline;
}
.widget-blocks{
margin:0 -30px 27px -10px;
overflow:hidden;
}
.widget-blocks .block{
float:left;
width:50%;
padding:0 20px 20px 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.widget-blocks .block .holder{
border:1px solid #4f4f4f;
padding:9px;
height: 262px;
}
/* title-box */
.title-box{
background:#000;
overflow:hidden;
margin:0 0 25px;
padding:20px 23px 17px;
color:#fff;
}
.link{
display:inline-block;
vertical-align:top;
white-space:nowrap;
font-size:12px;
line-height:15px;
}
.title-box .link{
float:right;
margin:5px 0 0 20px;
}
.title-box h2{
font:24px/28px;
font-weight: normal;
overflow:hidden;
margin:0;
text-transform:uppercase;
letter-spacing:1px;
color:#fff;
}
#sidebar .post-date{
color: #353535;
display: block;
font-size: 10px;
margin-top: -5px;
}
#sidebar .widget_recent_entries ul li{
margin-bottom:15px;
}
#sidebar .widget_recent_entries ul li a{
display:block;
}
#sidebar select,
#footer select{
width:100%;
}
/* 2.8 Carousel
========================================================================== */
.carousel {
position: relative;
}
.panel__heading + .carousel {
margin-top: 10px;
}
.carousel__wrapper {
position: relative;
}
.js-carousel .carousel__wrapper {
overflow: hidden;
margin: 0 49px;
border: 1px solid #4F4F4F;
border-width: 1px 0;
}
.carousel .btn-prev,
.carousel .btn-next {
z-index: 2;
position: absolute;
top: 0;
bottom: 0;
display: none;
width: 48px;
border: 1px solid #4F4F4F;
background-color: #FFF;
color: #000;
font-size: 50px;
}
.carousel .btn-prev { left: 0; }
.carousel .btn-next { right: 0; }
.carousel .btn-prev:hover,
.carousel .btn-next:hover {
width: 58px;
color: #FFF;
text-decoration: none;
}
.carousel .btn-prev:hover { left: -10px; }
.carousel .btn-next:hover { right: -10px; }
.carousel .icon-left-open-big,
.carousel .icon-right-open-big {
position: absolute;
top: 50%;
margin: -25px 0 0 0;
}
.carousel .icon-left-open-big { left: 0; }
.carousel .icon-right-open-big { right: 0; }
.carousel .slideset {
width: 100%;
overflow: hidden;
}
.carousel .slide {
float: left;
display: block;
position: relative;
width: 32.33%;
margin: 0.5%;
border: 1px solid #4F4F4F;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.js-carousel .slide {
margin: 0;
border-width: 0 1px 0 0;
}
.carousel img,
.article img {
display: block;
width: 100%;
height: auto;
}
.carousel .slide a,
.article a {
cursor: pointer;
overflow: hidden;
display: block;
position: relative;
color: #000;
text-decoration: none;
}
.carousel .more,
.article .more {
position: absolute;
right: 20px;
bottom: 9px;
font-size: 24px;
}
.carousel .hover-box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
color: #1A1A1A;
/* `background-color` in color palette */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.carousel .slide a:focus .hover-box,
.carousel .slide a:hover .hover-box,
.carousel .slide a.hover .hover-box {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.hover-box__centered:before {
content: "";
display: inline-block;
height: 100%;
margin-right: -0.25em;
vertical-align: middle;
}
.hover-box__inner {
display: inline-block;
vertical-align: middle;
}
.vc-carousel-indicators {
display: none;
}
.vc-carousel-control .icon-prev:before,
.vc-carousel-control .icon-next:before {
top: 1px!important;
}
.vc-carousel-control {
margin-top: -34px!important;
}
/**
* Sidebar
*/
.content__side .js-carousel .carousel__wrapper {
margin: 0 35px;
}
.content__side .carousel .btn-prev,
.content__side .carousel .btn-next {
width: 34px;
font-size: 30px;
}
.content__side .carousel .btn-prev:hover,
.content__side .carousel .btn-next:hover {
width: 44px;
}
.content__side .carousel .icon-left-open-big,
.content__side .carousel .icon-right-open-big {
margin: -15px 0 0 0;
}
.content__side .carousel .slide {
width: auto;
}
.content__side .carousel .more {
right: 12px;
bottom: 4px;
}
/**
* Footer
*/
/* 2.9 Media Object
========================================================================== */
/* 2.10 Flag Object
========================================================================== */
/* 2.11 IOS Slider
========================================================================== */
.iosSliderWrap i{
display:none;
}
.iosSliderWrap .text1{
font-family: 'Josefin Sans', sans-serif !important;
}
.iosSliderWrap .text2{
font-family: 'Josefin Sans', sans-serif !important;
}
#sidebar .iron_widget_iosslider{
padding:0px;
}
/* ==========================================================================
3.0 Structure
========================================================================== */
/* 3.1 Container
========================================================================== */
/* wrapper */
#wrapper{
margin:0 auto;
position:relative;
min-height:850px;
}
#wrapper .wpb_row{
padding: 0;
background-size: cover;
background-position: center;
position: relative;
}
#wrapper .container > .boxed,
#wrapper .wpb_row.in_container,
#wrapper .wpb_row .wpb_row{
max-width:1144px;
margin: 0px auto 35px auto;
}
@media only screen and (min-width: 1920px){
.single-artist #wrapper .container > .boxed,
.single-artist #wrapper .wpb_row.in_container,
.single-artist #wrapper .wpb_row .wpb_row{
max-width:1480px;
}
}
#wrapper .wpb_row.parallax {
background-repeat: no-repeat!important;
background-size:cover!important;
overflow: hidden;
}
#wrapper .wpb_row.parallax.enabled{
background-attachment: fixed !important;
}
#wrapper .wpb_row.parallax.disabled{
background-attachment: initial !important;
}
#wrapper .wpb_row .background-overlay, #wrapper .wpb_row .bg-video-wrap{
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#wrapper .wpb_row.has-bg-video{
overflow: hidden;
}
#wrapper .wpb_row .bg-video-wrap video.bg-video{
width:100%;
height:100%;
object-fit: cover;
}
/* container */
.container{
min-height:800px;
padding-bottom:0px;
position: relative;
z-index: 20;
}
.container:before{
clear: both;
content: "";
display: table;
margin-top: -1px;
height: 0;
}
.single .container, .blog .container, .page-template .container{
padding-left:12px;
padding-right:12px;
box-sizing:border-box;
padding-bottom:50px;
}
/* panel */
.panel{
width:100%;
position:relative;
margin-top: 40px;
z-index:10;
}
.nav-holder{
position: relative;
max-width:1104px;
padding:0px;
margin:0 auto;
}
.panel .opener{
display:none;
float:right;
width:86px;
border-left:1px solid #696969;
height:16px;
background:#fff;
text-align:center;
text-transform:uppercase;
color:#000;
font:14px/1;
padding:24px 17px 19px 10px;
cursor:pointer;
letter-spacing:2px;
}
.panel .opener:hover{text-decoration:none;background:#efeded;}
.panel.popup-active .opener{background:#efeded;}
/* .content__wrapper {} */
.content__main {
float:left;
width:65%;
}
.content--rev .content__main {
float: right;
}
.panel-networks{
display:table;
margin:0 auto;
transition: opacity 0.25s ease;
-moz-transition: opacity 0.25s ease;
-webkit-transition: opacity 0.25s ease;
}
/* 3.2 Sidebar
========================================================================== */
.content__side {
margin-top: 40px;
float: right;
width: 30%;
padding:none;
background:none;
}
.content--rev > .content__side {
float: left;
}
/* 3.3 Posts
========================================================================== */
.stickypost{
display:none;
width:60px;
height:62px;
position:absolute;
top:0px;
right:0px;
background:url(images/stickycorner.png) no-repeat;
}
.stickypost i{
font-size:16px;
display:block;
position:absolute;
top:7px;
right:7px;
}
.sticky .stickypost{
display:block;
}
.sticky {
margin-bottom: 50px;
}
/* 3.4 Post List
========================================================================== */
.media-list,
.listing-section {
padding:0px;
list-style: none;
width:100%;
position:relative;
}
.media-decoration {
float: right;
font-size: 30px;
padding: 0.25em;
}
.media-decoration.media-audio {
color: #FFF;
border-radius: 100%;
}
.media-block a.hover .media-decoration.media-audio,
.media-block a:hover .media-decoration.media-audio {
background: #000;
}
.media-block a.hover .media-decoration.media-video,
.media-block a:hover .media-decoration.media-video {
color: #000;
}
/* media-block */
.media-block{
overflow:hidden;
position:relative;
}
.media-block:after{
content:'';
clear: both;
display: table;
}
.media-block a{
padding:0px;
text-decoration:none;
/*color:#000;*/
cursor:pointer;
/*background-color:#f7f7f7;*/
margin-bottom:2px !important;
transition: all 0.12s ease-in-out;
-moz-transition: all 0.12s ease-in-out;
-webkit-transition: all 0.12s ease-in-out;
text-decoration:none !important;
position:relative;
}
.page-template-archive-posts-list-php .media-block a{
display: block;
}
.two_column_album .media-block a{
margin-bottom:0px !important;
}
.media-block a.hover{
color:#1a1a1a;
}
.media-block .holder{
width:100%;
display:table;
table-layout: fixed;
position:relative;
}
.media-block .image{
width:260px;
float:left;
margin:0 40px 0 0;
position: relative;
}
.media-block .image.rel{
position:relative;
}
.news .media-block .image,
.videos .media-block .image{
width: 260px;
margin:0 40px 0 0;
}
.news .media-block .image.empty {
width: 0;
}
.media-block .text-box{
width:100%;
display:table-cell;
vertical-align:middle;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:25px;
padding-left: 285px;
}
.media-block .text-box.empty {
padding: 40px 40px 40px 10px;
}
.meta-simple{
margin-top:12px;
}
/* fix for VC 4.9 */
.vc_column-inner {
padding-top: 0px!important;
padding-left: 0px!important;
padding-right: 0px!important;
}
/*.vc_col-has-fill>.vc_column-inner{
padding-top: 0px!important;
}*/
/*end of fix*/
.vc_span4 .media-block .image,
.vc_span3 .media-block .image,
.vc_span2 .media-block .image{
float:none;
margin:0px;
width:auto;
}
.vc_span4 .media-block .text-box,
.vc_span3 .media-block .text-box,
.vc_span2 .media-block .text-box{
display:block;
}
.vc_span4 .recent-posts h2,
.vc_span3 .recent-posts h2,
.vc_span2 .recent-posts h2{
font-size:20px;
line-height:22px;
}
.media-block .image img{
display:block;
}
.media-block img{
max-width: 100%;
height: auto;
}
.media-block h2{
color:#000;
margin:0;
font-size:20px;
font-weight:300;
}
.news .media-block h2, .iron_widget_recent_posts .news .media-block h2{
font-weight:300;
font-size:24px;
text-transform:none;
line-height:26px;
margin:0px;
}
.webkit .media-block h2{margin:0 0 10px;}
.media-block .datetime,
.media-block .category{
margin:0px;
font-size:12px;
line-height:20px;
}
.media-block .meta-simple{
margin: 5px 0 0;
color:#353535;
}
.meta-author-link{
display:inline;
}
.media-block .meta-author-link,
.media-block .post-categories,
.media-block .post-tags{
font-size:12px;
line-height:20px;
}
.media-block a.hover .datetime,
.media-block a.hover .category{color:#1a1a1a;}
.media-block .excerpt{
margin-top:10px;
margin-bottom:10px;
}
/* 3.5 Post Accordion
========================================================================== */
/* 3. Custom background positon
(to use as extra class on an visual compser element)
========================================================================== */
#wrapper .bg-left-top{
background-position: left top !important;
}
#wrapper .bg-left-center{
background-position: left center !important;
}
#wrapper .bg-left-bottom{
background-position: left bottom !important;
}
#wrapper .bg-right-top{
background-position: right top !important;
}
#wrapper .bg-right-center{
background-position: right center !important;
}
#wrapper .bg-right-bottom{
background-position: right bottom !important;
}
#wrapper .bg-center-top{
background-position: center top !important;
}
#wrapper .bg-center-center{
background-position: center center !important;
}
#wrapper .bg-center-bottom{
background-position: center bottom !important;
}
/* ==========================================================================
4.0 Header
========================================================================== */
/* 4.1 Site Header
========================================================================== */
.header__left,
.header__left:before,
.site-title,
.site-description,
.blockquote-box {
display: inline-block;
vertical-align: middle;
text-align: left;
}
.site-title,
.site-description {
margin-right: 30px;
}
/* logo */
.site-title {
overflow: hidden;
margin:0 auto;
display:table;
margin-top:120px;
}
.site-title img {
width: auto;
height: auto;
}
.logo-desktop {
display: block;
max-width: 350px;
max-height: 150px;
}
.logo-desktop.retina{
display:none;
}
.logo-mobile.retina{
display:none;
}
.logo-mobile {
display: none;
max-width: 150px;
max-height: 50px;
}
.logo-panel {
display: none;
float: left;
margin: 12px 30px 0 0;
}
.logo-panel img {
width: auto;
height: auto;
max-width: 120px;
max-height: 40px;
}
.panel.fixed-bar .logo-panel{
display:block;
}
/* slogan */
.site-description {
max-width: 190px;
font-size: 10px;
line-height: 1.2;
letter-spacing: 5px;
text-transform: uppercase;
word-spacing: -1px;
}
/* blockquote-box */
blockquote{
margin:0px;
margin-left:50px;
padding:20px;
display:inline-block;
border-left:3px solid #000;
}
blockquote cite{
margin-top:10px;
display:block;
}
blockquote p{
margin:0px;
}
.blockquote-box {
max-width: 470px;
}
.blockquote-box blockquote {
margin:0;
font-style:normal;
font-size: 16px;
line-height: 1.125;
text-transform:uppercase;
margin:0 0 12px;
letter-spacing:0.1px;
}
.blockquote-box blockquote:before { content: "“"; }
.blockquote-box blockquote:after { content: "â€"; }
.blockquote-box figcaption {
text-align:right;
display:block;
font:14px/16px;
}
.blockquote-box figcaption:before {
content:"";
width:25px;
height:1px;
background:#fff;
display:inline-block;
vertical-align:top;
margin:8px 19px 0 0;
}
.side-menu{
display:none;
position:fixed;
top:0px;
width:370px;
height:100%;
max-width: 100vw;
background-color:#353535;
z-index:9999;
overflow-y: auto;
overflow-x:hidden;
transition: all 0.4s ease-out;
}
.side-menu.righttype{
right:-370px;
}
.side-menu.lefttype{
left:-370px;
}
.side-menu.righttype.open{
right:0px;
}
.side-menu.lefttype.open{
left:0px;
}
body.pushMenu{
overflow: hidden;
}
#pusher-wrap{
position: relative;
height: 100%;
z-index: 20;
}
.pushMenu #pusher-wrap{
perspective: 1000px;
}
#pusher{
width:100%;
position:relative;
-webkit-overflow-scrolling: touch;
z-index: 30;
}
#overlay{
perspective: 1000px;
z-index: 15;
height:100vh;
width:100vw;
position:fixed;
top:0px;
left:0px;
opacity:1!important;
}
#overlay .perspective{
height:100vh;
width:100vw;
position:fixed;
top:0px;
left:0px;
z-index:10;
transform-origin: 35% center 0;
content:'';
}
/* RIGHT-SIDE ANIMATIONS */
#pusher.righttype.type1{
overflow-y:scroll;
overflow-x: hidden;
height: 100vh;
}
#pusher.righttype.type2{
transform-origin: right;
transform-style: preserve-3d;
overflow-y:scroll;
overflow-x: hidden;
height: 100vh;
}
#pusher.righttype.type3{
transform-origin: 35% center 0;
overflow-y:scroll;
overflow-x: hidden;
height: 100vh;
}
/* LEFT-SIDE ANIMATIONS */
#pusher.lefttype.type1{
overflow-y:scroll;
overflow-x: hidden;
height: 100vh;
}
#pusher.lefttype.type2{
transform-origin: left;
transform-style: preserve-3d;
overflow-y:scroll;
overflow-x: hidden;
height: 100vh;
}
#pusher.lefttype.type3{
transform: perspective(1000px) translate3d(0, 0, -600px) rotateY(-15deg);
transform-origin: 65% center 0;
transform-style: preserve-3d;
overflow-y:scroll;
overflow-x: hidden;
height: 100vh;
}
.site-logo{
position:absolute;
/* top:40px;*/
z-index: 9999;
transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-webkit-transition: opacity 0.2s ease;
}
.site-logo.righttype{
left: 40px;
}
.site-logo.lefttype{
right: 40px;
}
.alt-menu-toggle:hover{
cursor:pointer;
}
.menu-toggle{
z-index:2000;
}
.menu-toggle-off{
z-index:9999;
}
.menu-toggle,.menu-toggle-off{
position:absolute;
top:33px;
height:28px;
width:28px;
font-size:32px;
line-height:28px;
text-align:right;
}
.menu-toggle-off{
right:50px;
}
.menu-toggle.righttype{
right:50px;
}
.menu-toggle.lefttype{
left:50px;
}
.fixed_header .menu-toggle{
position:fixed;
z-index:2000;
}
.fixed_header .site-logo{
position:fixed;
z-index:2000;
}
#fixed-panel .menu-toggle{
top:25px;
background:url(images/menu-open-w.png) no-repeat;
}
.menu-toggle:hover, .menu-toggle-off:hover{
cursor:pointer;
}
.menu-toggle.hidden-on-desktop{
display:none!important;
}
@media only screen and (max-width: 850px){
.menu-toggle.hidden-on-desktop{
display:block!important;
}
.side-menu-open .menu-toggle.hidden-on-desktop{
display:none!important;
}
}
ul.header-top-menu {
position: absolute;
top:12px;
z-index:1000;
}
ul.header-top-menu.righttype {
right: 35px;
padding: 12px 70px 12px 10px !important;
}
ul.header-top-menu.lefttype {
left: 35px;
padding: 12px 10px 12px 70px !important;
}
ul.header-top-menu li{
display:inline-block;
font-size: 14px;
color: #222;
line-height: 24px;
}
ul.header-top-menu.righttype li{
margin: 0 0 0 20px;
}
ul.header-top-menu.lefttype li{
margin: 0 20px 0 0;
}
ul.header-top-menu li a:hover{
text-decoration:none;
opacity:0.7;
}
ul.header-top-menu .languages-selector{
margin:0!important;
}
ul.header-top-menu .languages-selector ul{
margin:0!important;
padding:0;
display:inline;
}
ul.header-top-menu .languages-selector select{
margin: 0 0 0 20px;
}
.classic-menu .languages-selector li, .classic-menu.responsive ul .languages-selector li{
display: inline-block;
width:initial;
border: 0;
}
.classic-menu.responsive ul li.hotlink.languages-selector{
width: 100% !important;
}
.classic-menu.responsive ul .languages-selector li a{
width:initial;
}
.classic-menu.responsive ul li.languages-selector ul{
overflow: visible;
text-align: center;
max-height: initial;
background-color:inherit;
}
@media only screen and (max-width: 850px){
.header-top-menu{
display:none!important;
}
.site-logo{
/*top:25px;*/
}
.site-logo.righttype{
left:25px;
}
.site-logo.lefttype{
right:25px;
}
.menu-toggle{
/* top:25px;*/
}
.menu-toggle.righttype{
right:35px;
}
.menu-toggle.lefttype{
left:35px;
}
.menu-toggle-off{
/* top:25px;*/
}
.righttype .menu-toggle-off{
right:35px;
}
.lefttype .menu-toggle-off{
left:35px;
}
.site-title{
margin-top:35px !important;
}
}
#fixed-panel{
position:fixed;
top:0px;
left:0px;
width:100%;
height:78px;
background-color:#f88887;
z-index: 1000;
opacity:0;
top:-78px;
display:none;
}
.fixed-panel-logo{
position:absolute;
left:50px;
top:50%;
margin-top:-35px;
}
.fixed-panel-logo img{
max-height:70px;
}
/* 4.2 Navigation
========================================================================== */
#nav {
float: left;
font-size: 13px;
line-height: 17px;
width:100%;
}
.nav-menu,
.nav-menu > ul {
margin: 0;
padding: 0;
list-style: none;
}
.nav-menu li {
display: inline-block;
width:100%;
text-align:center;
}
.nav-menu li a {
display: block;
color: #FFF;
font-size: 16px;
line-height: 18px;;
text-decoration: none;
font-family: 'Josefin Sans', sans-serif;
font-weight:700;
position:relative;
transition: opacity 0.25s ease;
-moz-transition: opacity 0.25s ease;
-webkit-transition: opacity 0.25s ease;
padding-top:5px;
padding-bottom:5px;
padding-left:20px;
padding-right:20px;
}
.nav-menu li.backlist{
margin-bottom:20px;
}
.nav-menu li a.backbtn{
background:none;
font-size:18px;
}
.nav-menu li a.backbtn:hover{
background-color:#FFF;
color:#353535
}
.webkit .nav-menu li a,
.presto .nav-menu li a,
.trident .nav-menu li a {
}
.nav-menu li:hover > a {
text-decoration: none;
background-color: #e7e7e7;
color: #000;
}
.nav-menu .sub-menu,
.nav-menu .children {
background-color: #353535;
display: block;
position: absolute;
z-index: 11;
background:none !important;
}
.nav-menu .sub-menu ul,
.nav-menu .children ul {
}
ul.nav-menu ul a,
.nav-menu ul ul a {
color: #FFFFFF;
}
ul.nav-menu .has-drop-down.hover > ul {
display: block;
}
.nav-menu .sub-menu li,
.nav-menu .children li {
}
.nav-menu .sub-menu li:last-child,
.nav-menu .children li:last-child {
border-bottom: 0;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
background-image: none;
}
.panel.fixed-bar{
padding:0px;
position:fixed;
left:0;
top:0;
}
.panel.fixed-bar #nav {
float: none;
}
body.admin-bar .panel.fixed-bar{
top:28px;
}
ul.sub-menu{
position:fixed;
width:370px;
height:100%;
max-width:100vw;
display:block;
top:0px;
padding: 0px;
transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-webkit-transition: all 0.25s ease;
}
#footer ul.sub-menu, #sidebar ul.sub-menu{
position:relative;
left:0px;
right:0px;
}
.righttype ul.sub-menu{
right:-370px;
}
.lefttype ul.sub-menu{
left:-370px;
}
ul.sub-menu.active{
-webkit-transform: translateZ(0px);
}
.righttype ul.sub-menu.active{
right:0px;
-webkit-transform: translateZ(0px);
}
.lefttype ul.sub-menu.active{
left:0px;
-webkit-transform: translateZ(0px);
}
.sub-arrow i{
position:absolute;
top:0px;
font-size:32px;
color:#000;
top:50%;
}
.righttype .sub-arrow i{
right:10px;
}
.lefttype .sub-arrow i{
right:10px;
}
li:hover .has-drop-down-a .sub-arrow i{
color:#000;
}
@media only screen and (max-width: 767px){
.sub-arrow i{
position:absolute;
font-size:24px;
line-height:26px;
color:#000;
}
}
/* 4.3 Breadcrumbs
========================================================================== */
.breadcrumbs{
margin:0 0 29px;
color:#000;
font-size:13px;
}
.breadcrumbs ul{
margin:0;
padding:0;
list-style:none;
overflow:hidden;
}
.breadcrumbs li{
float:left;
position:relative;
padding:0 21px 2px 1px;
}
.breadcrumbs li:after{
content:'>';
position:absolute;
left:-13px;
top:1px;
font-size:11px;
}
.breadcrumbs li:first-child:after{display:none;}
.breadcrumbs a{color:#000;}
/* 4.4 Primetime
========================================================================== */
#page_primetime .iosSliderWrap {
clear: both;
width: 100%;
position: relative;
}
.primeimg{
width:100%;
}
.sliderContainer {
height: 100%;
padding: 0 0;
}
.iosSlider {
position: relative;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
}
.iosSlider .slider {
width: 100%;
height: 100%;
}
.iosSlider .slider .item {
width: 872px;
height: 100%;
padding: 0 0 0 0;
text-align: center;
}
.iosSlider .slider .item .inner {
position: relative;
top: 0;
left: 0;
width: 100%;
margin: 0 auto;
height: 100%;
box-shadow: 0 0 10px -5px #000;
background-repeat: no-repeat;
background-size: cover;
}
.iosSlider .slider .item .inner a{
display: block;
position: absolute;
width: 100%;
top: 50%;
text-decoration:none;
}
.iosSlider .slider .item .inner img {
position: relative;
top: 0;
left: 0;
width: 100%;
margin: 0 auto;
}
.iosSlider .slider .item .inner .selectorShadow {
position: absolute;
left: 0;
bottom: 0;
background: url(../_img/selector-shadow.png) no-repeat 0 0;
width: 120px;
height: 30px;
display: none;
}
.iosSlider .slider .item .inner .text1 {
opacity: 0;
filter: alpha(opacity=0);
left: 0;
padding: 0;
width: 100%;
position: relative;
text-align: center;
}
.iosSlider .slider .item .inner .text1 span {
color: #fff;
font-size: 56px;
padding: 0;
line-height:normal;
padding-top:20px;
padding-bottom:5px;
display:block;
}
.iosSlider .slider .item .inner .text2 {
opacity: 0;
filter: alpha(opacity=0);
left: 0;
padding: 0;
width: 100%;
position: relative;
text-align: center;
}
.iosSlider .slider .item .inner .text2 span {
display: block;
color: #fff;
font-size: 24px;
padding:0px;
line-height:normal;
padding-top:5px;
padding-bottom:20px;
display:block;
}
.vc_span4 .iosSlider .slider .item .inner .text1 span,
.vc_span3 .iosSlider .slider .item .inner .text1 span,
.vc_span2 .iosSlider .slider .item .inner .text1 span,
#footer .iosSlider .slider .item .inner .text1 span,
#sidebar .iosSlider .slider .item .inner .text1 span{
font-size:36px;
}
.vc_span4 .iosSlider .slider .item .inner .text2 span,
.vc_span3 .iosSlider .slider .item .inner .text2 span,
.vc_span2 .iosSlider .slider .item .inner .text2 span,
#footer .iosSlider .slider .item .inner .text2 span,
#sidebar .iosSlider .slider .item .inner .text2 span{
font-size:18px;
}
.sliderContainer .slideSelectors {
position: relative;
bottom: -17px;
left: 0;
width: 137px;
margin: 0 auto;
z-index: 1;
height: 11px;
}
.sliderContainer .slideSelectors .prev {
float: left;
width: 11px;
height: 11px;
background: url(../_img/selector-prev.png) no-repeat 50% 0;
}
.sliderContainer .slideSelectors .next {
float: left;
width: 11px;
height: 11px;
margin: 0 0 0 10px;
background: url(../_img/selector-next.png) no-repeat 50% 0;
}
.sliderContainer .slideSelectors .item {
float: left;
width: 9px;
height: 9px;
background: #aaa;
margin: 1px 1px 1px 11px;
filter: alpha(opacity=25);
border-radius: 10px;
}
.sliderContainer .slideSelectors .item.first {
margin-left: 1px;
}
.sliderContainer .slideSelectors .selected {
width: 11px;
height: 11px;
margin: 0 0 0 10px;
background: #eee;
opacity: 1;
filter: alpha(opacity=100);
box-shadow: none;
}
.sliderContainer .slideSelectors .selected.first {
margin-left: 0;
}
.sliderContainer .scrollbarContainer {
position: relative;
bottom: 4px;
left: 0;
width: 1024px;
height: 4px;
margin: 0 auto;
z-index: 1;
}
@media screen and (max-width: 1200px) {
.iosSliderWrap{
height: 334px!important;
}
.iosSlider .slider .item {
width: 100%;
}
.iosSlider .slider .item .inner {
width: 954px;
}
}
/* ==========================================================================
5.0 Content
========================================================================== */
/* 5.1 Entry
========================================================================== */
.sticky {}
.wp-featured-image {
display: block;
margin-bottom: 15px;
margin-top:15px;
}
.page-template-default .wp-featured-image{
margin-top: 0;
}
.entry{
font-size:14px;
line-height:18px;
font-weight:400;
}
/* 5.2 News
========================================================================== */
/* articles-section */
.articles-section{
list-style: none outside none;
padding: 0;
position: relative;
width: 100%;
}
.articles-section:after{
clear:both;
}
.articles-section .article{
display:inline-block;
vertical-align:top;
width:33.3%;
padding:0 40px 38px 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0 -4px 0 0;
}
#twocolumns .articles-section .article{
width:49%;
}
.articles-section .article .holder{border:1px solid #4f4f4f;}
.single-post .entry{}
.video-post{color:#353535;}
/*.single-post time{
font-size:12px;
}*/
.single-post .split{
background-color:#e2e2e2;
width:100%;
height:1px;
margin-bottom:15px;
margin-top:15px;
display:none;
}
/* meta */
.meta{
font-size:13px;
line-height:16px;
margin:0px;
position:relative;
overflow:hidden;
text-align:left;
margin-bottom:15px;
}
.meta .datetime{
position:relative;
z-index:1;
padding:0 10px 0 0;
float:left;
max-width:120px;
}
.meta .links{
display:inline-block;
vertical-align:top;
background:none;
position:relative;
z-index:1;
padding:0px;
padding-right:10px;
max-width:60%;
}
.classic-meta .meta-author-link{
display:inline !important;
}
.video-block .meta .links{padding:0 0 0 9px;}
.video-block .meta{margin:0 0 18px;}
/* blockquote-block */
.blockquote-block{
background:#f7f7f7;
color:#e80e50;
margin:0 0 26px;
padding:40px 50px 46px 59px;
overflow:hidden;
text-align:left;
}
.blockquote-block .title{
display:block;
margin:0 0 9px;
text-transform:uppercase;
font:14px/18px;
}
.blockquote-block blockquote {
display:block;
margin:0;
font-size:20px;
font-weight:300;
font-style:italic;
line-height:24px;
}
.blockquote-block figcaption {
display:block;
text-align:right;
margin-right:-15px;
margin-top:20px;
font-size:14px;
font-weight:600;
font-style:italic;
}
/* links-block */
.links-block{
margin:0px;
padding:10px 0 10px;
margin-top:15px;
}
#content .links-block{margin:15px 0 0;}
#content .links-block .button{float:left;}
#content .video-block .links-block{
margin:30px 0 0;
padding:31px 0 48px;
}
a.button{
display:inline-block;
vertical-align:top;
color:#000;
padding: 8px 20px;
margin:0 0 14px;
text-align:center;
font-size:16px;
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
.playlist a.button{
opacity:0;
}
.trident a.button{padding:8px 18px 4px;}
a.button:hover{
text-decoration:none;
color:#fff;
}
.store-list a.button{
background-color:#f7f7f7;
color:#545454;
font-size:14px;
}
.store-list a.button:hover{
background-color:#e80e50;
color:#FFF;
font-size:14px;
}
/* two-columns */
.two-columns{
margin:0 -40px 0 0;
text-align:justify;
}
.two-columns .column{
float:left;
width:50%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0 40px 0 0;
color:#1a1a1a;
}
.two-columns .column-last{
float:left;
width:50%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0 40px 0 0;
color:#1a1a1a;
}
.two-columns p{margin:0 0 20px;}
.two-columns .blockquote-block{
margin:22px 0 26px;
padding:37px 45px 45px 62px;
}
.two-columns .blockquote-block .title{margin:0 0 14px;}
.form-block{padding:35px 0 0;}
/* News Grid */
.news-grid-wrap{
float: left;
margin-bottom:1%;
margin-left:0px;
margin-right:0.5%;
width: 49.5%;
opacity:0;
transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-webkit-transition: opacity 0.4s ease;
}
.news-grid-wrap.right{
clear:right;
float:right;
margin-left:0.5%;
margin-right:0px;
}
.news-grid-wrap a{
height:100%;
width:100%;
display:block;
transition: all 0.12s ease-in-out;
-moz-transition: all 0.12s ease-in-out;
-webkit-transition: all 0.12s ease-in-out;
}
.news-grid-wrap a img, .news-grid-wrap a .news-grid-tab{
display:block;
text-decoration:none;
}
.news-grid-wrap a{
background-color:#F7F7F7
}
.news-grid-wrap a:hover{
text-decoration:none;
background-color:#e80e50;
}
.news-grid-wrap .news-grid-tab{
position:relative;
width:100%;
display:table;
overflow:hidden;
text-overflow:ellipsis;
}
.news-grid-wrap .tab-text{
width:100%;
padding:20px;
display:block;
position:relative;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.news-grid-wrap a time{
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
.vc_span12 .news-grid-wrap .tab-text,
.vc_span6 .news-grid-wrap .tab-text{
padding:25px;
}
.vc_span4 .news-grid-wrap .tab-text .tab-title,
.vc_span3 .news-grid-wrap .tab-text .tab-title,
.vc_span2 .news-grid-wrap .tab-text .tab-title,
#footer .news-grid-wrap .tab-text .tab-title{
font-size:14px;
line-height:16px;
}
@media only screen and (max-width: 500px){
.news-grid-wrap{
float:none !important;
width:100% !important;
}
}
/* Classic Blog */
.articles-classic{
}
.articles-classic .media-block .image{
float:none;
width:100%;
display:block;
margin:0px !important;
}
.articles-classic .classic-meta{
font-size:12px;
line-height:14px;
margin-bottom:17px;
}
.articles-classic .classic-meta .datetime{
font-size:12px;
line-height:14px;
text-transform:none;
}
.articles-classic .media-block .text-box{
display:block;
position:relative;
}
.articles-classic .media-block .holder{
margin-bottom:60px !important;
}
.articles-classic .media-block .text-box{
padding:35px;
}
.articles-classic .text-box h2{
display:table;
font-size:24px;
word-break: break-word;
line-height: 30px;
}
.articles-classic a.readmore-classic, article .more-link{
margin-top:30px;
margin-bottom:0px !important;
border: 1px solid #000;
display: table;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
padding: 10px 20px;
text-decoration: none !important;
text-transform: uppercase;
transition: all 0.35s ease 0s;
}
.articles-classic a.readmore-classic:hover, article .more-link:hover{
color:#FFF;
}
.articles-classic .post-categories, .articles-classic .post-tags {
display: inline-block;
margin-top:8px;
}
.articles-classic .post-categories {
margin-right: 8px;
}
.articles-classic .post-categories a{
display:inline-block;
font-size:12px;
}
.articles-classic .post-tags a{
display:inline-block;
font-size:12px;
}
.articles-classic i {margin-right: 5px;}
/* 5.3 Event
========================================================================== */
.concerts-list{
margin:0;
padding:0px;
margin:0px;
list-style:none;
color:#fff;
font-size:12px;
}
.concerts-list li{
overflow:hidden;
position:relative;
display:block;
height:100%;
}
.concerts-list .nothing-found{
letter-spacing: 0px;
padding: 20px 30px;
}
.concerts-list .title-row{
position:relative;
padding:20px;
color:#5a5a5a;
font-size:18px;
font-weight: 300;
height:66px;
box-sizing:content-box;
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
.concerts-list .title-row h2.event-text-wrap{
font-size:18px;
line-height:20px;
}
.icon-concert-dropdown {
z-index: 1;
position: relative;
}
.icon-concert-dropdown,
li.expanded .title-row .icon-concert-dropdown {
}
.title-row.hover .icon-concert-dropdown {
color: #FFF;
}
.icon-concert-dropdown:before {
content: "\f067";
}
li.expanded .title-row .icon-concert-dropdown:before {
content: "\f068";
}
.concerts-list .title-row .datetime{
margin-right:0px;
border:1px solid #FFF;
font-size:16px;
padding: 20px 10px;
float:left;
color:#353535;
margin-top:3px;
min-width:130px;
text-align:center;
}
.concerts-list .title-row .location{font-weight:normal;}
.concerts-list .title-row span{
display:block;
vertical-align:top;
}
.concerts-list .title-row .buttons{
overflow:hidden;
padding:32px 22px 32px;
position:absolute;
right:0;
top:0;
font:12px/16px;
text-transform:none;
text-align:right;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
height:100%;
width:100%;
display:block;
opacity:0;
filter:alpha(opacity=0);
text-decoration:none !important;
}
.concerts-list .buttons:hover{
opacity:1;
filter:alpha(opacity=100);
transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-webkit-transition: opacity 0.2s ease;
}
.concerts-list .title-row .link{
text-decoration:underline;
vertical-align:middle;
padding:0;
position:relative;
}
.concerts-list .title-row .link:before{display:none;}
.concerts-list .title-row .link:hover{text-decoration:none;}
.concerts-list .title-row .button{
margin:0px;
vertical-align:middle;
min-width:64px;
position:relative;
padding: 7px 19px;
}
.concerts-list .title-row.hover .button:hover{color:#fff;}
.concerts-list .expanded .title-row .button{
color:#000 !important;
}
.concerts-list .expanded .title-row .button:hover{color:#fff !important;}
.concerts-list .title-row .opener{
float:left;
position:relative;
padding:2px 0 0 29px;
color:#fff;
font-size:24px;
text-transform:uppercase;
left:-9999px;
text-decoration:none;
}
.concerts-list .title-row:hover .opener{left:auto;}
.concerts-list .expanded .title-row .buttons{background:none !important;}
.concerts-list .expanded .title-row .open-link,
.concerts-list .expanded .title-row .opener{display:none;}
.concerts-list .expanded .title-row:after{
height:4px;
top:44px;
}
.concerts-list .title-row .date{
padding: 0;
}
.concerts-list .title-row .time{
background:#fff;
font-size:12px;
padding: 4px 5px 1px;
margin-left: 13px;
line-height: 19px;
letter-spacing: 0.1em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.concerts-list .title-row .open-link{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
cursor:pointer;
overflow:hidden;
text-align:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:32px 22px 31px;
}
.concerts-list .slide{
width:100%;
overflow:hidden;
}
.concerts-list .slide .holder{
padding: 0 48px 21px;
max-width:700px;
color:#5A5A5A;
}
.concerts-list .entry h2 {
color:#5A5A5A;
text-transform:uppercase;
}
/* Single Page */
.event-text-wrap-single{
display: block;
float: left;
margin-left: 20px;
position: relative;
top: 50%;
}
.event-row{
background: none repeat scroll 0 0 #F7F7F7;
color: #5A5A5A;
font-size: 18px;
font-weight: 300;
height: 66px;
padding: 20px;
position: relative;
}
.event-row .datetime{
border: 3px solid #FFFFFF;
color: #353535;
float: left;
font-size: 16px;
margin-right: 0;
padding: 20px;
}
.event-row span.location{
display: block;
vertical-align: top;
white-space: nowrap;
color: #5A5A5A;
font-size:20px;
line-height:24px;
font-weight:300;
}
.event-row span.city{
display: block;
vertical-align: top;
white-space: nowrap;
color: #e80e50;
font-size:20px;
line-height:24px;
font-weight:300;
}
.event-row .button{
margin:0px;
position:absolute;
right:20px;
top:35px;
}
.event-wrapper{
margin-top:60px;
}
.event-wrapper .lefthalf{
float:left;
width:46.5%;
margin-right:4.5%;
min-height:1px;
}
.event-wrapper .righthalf{
float:left;
width:49%;
}
.event-wrapper table{
margin-top:20px;
margin-bottom:20px;
margin-left:-10px;
}
.event-boldtitle{
text-transform:uppercase;
font-size:30px;
line-height:30px;
/* color:#3e3e3e;*/
font-weight:700;
text-align:left;
}
.event-icon{
width:30px;
text-align:center;
}
@media (max-width: 767px) {
.event-wrapper .lefthalf{
float:none;
width:100%;
}
.event-wrapper .righthalf{
float:none;
width:100%;
margin-top:20px;
}
}
.title-row.no-countdown{
transition: background-color 0.35s ease 0s;
}
.title-row.no-countdown:hover{
}
.title-row.no-countdown h2 span, .title-row.no-countdown time{
transition: color 0.35s ease 0s;
}
.title-row.no-countdown:hover h2 span{
color:#FFF;
}
.title-row.no-countdown:hover time{
color:#FFF;
}
.title-row.no-countdown a{
opacity:0 !important;
}
.countdown-block.finished{
display:none !important;
}
/* NEW EVENTS WIDGET */
ul.concerts-list{
border-top:1px solid transparent;
}
ul.concerts-list li{
border-bottom:1px solid transparent;
}
ul.concerts-list li a.panel-action{
border-bottom:none !important
}
.event-line-wrap{
display:block;
width:100%;
padding-top:24px;
padding-bottom:24px;
background:#000;
font-family: 'Open Sans',sans-serif;
font-size:18px;
line-height:20px;
position:relative;
transition: background 0.2s ease;
-ms-transition: background 0.2s ease;
-moz-transition: background 0.2s ease;
-webkit-transition: background 0.2s ease;
}
.event-line-wrap *{
box-sizing: border-box;
}
.event-line-wrap .event-line-node{
display:inline-block;
box-sizing: border-box;
width:19%;
padding-left:3%;
vertical-align:middle;
transition: color 0.2s ease;
-ms-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;
-webkit-transition: color 0.2s ease;
}
.event-line-wrap .event-line-node.medium{
width:30%;
}
.event-line-wrap .event-line-node.large{
width:50%;
padding-right:3%;
}
.event-line-wrap .event-line-countdown-wrap{
position:absolute;
width:20%;
height:100%;
top:0px;
left:0px;
background:#0dedb4;
transition: opacity 0.2s ease;
-ms-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-webkit-transition: opacity 0.2s ease;
opacity:0;
}
.event-line-wrap .event-line-countdown-wrap.finished{
display:none !important;
}
.event-line-wrap:hover{
background:#666;
}
.event-line-wrap:hover .event-line-countdown-wrap{
opacity: 1;
}
.event-line-wrap.no-artist .event-line-countdown-wrap,
.event-line-wrap.no-artist .event-line-node{
width: 32%;
}
.event-line-wrap .artist{
text-align: center;
padding-right: 20px;
}
.event-line-wrap .artists{
text-transform: uppercase;
font-size: 0.7em;
display: inline;
padding: 4px 10px;
border-radius: 5px;
color: #fff;
background-color: #777;
white-space: nowrap;
}
@media only screen and (max-width: 767px){
.event-line-wrap .artist{
text-align: left;
padding-right: 20px;
}
.single-artist .artist_sidebar h1 {
margin-top: 85px;
}
}
.single-artist .event-line-wrap .artist{
display: none;
}
.countdown-block{
color:#FFF;
display:table;
margin:0 auto;
position:relative;
top:50%;
text-align:center;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;
}
.iron_widget_events.widget > ul{
margin:0px;
}
.events-bar{
min-height:36px;
padding-top:16px;
padding-bottom:16px;
padding-left:3%;
padding-right:3%;
border-top:1px solid transparent;
}
span.events-bar-title{
display:table;
float:left;
font-size:14px;
line-height:36px;
font-family:"Open Sans",sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}
span.events-bar-artists{
display:table;
float:right;
position:relative;
}
span.events-bar-artists select{
height:36px;
padding-left:10px;
padding-right:30px;
border:1px solid #000;
background:none;
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
text-indent: 0.01px;
text-overflow: '';
}
span.events-bar-artists select:focus{
outline:0;
}
span.events-bar-artists:after {
content: "";
width: 0;
height: 0;
position: absolute;
top:50%;
right:10px;
margin-top:-3px;
border-width: 6px 6px 0 6px;
border-style: solid;
border-left-color:transparent !important;
border-right-color:transparent !important;
}
/* Mobile Mode */
@media only screen and (max-width: 767px){
.vc_col-sm-12 .event-line-wrap .event-line-node{
width:33.33%;
}
.vc_col-sm-12 .event-line-wrap .event-line-node.medium{
width:33.33%;
}
.vc_col-sm-12 .event-line-wrap .event-line-node.large{
width:33.33%;
}
.vc_col-sm-12 .event-line-wrap .event-line-countdown-wrap{
width:33.33%;
}
}
/* 6-col */
.vc_col-sm-6 .event-line-wrap .event-line-node{
width:33.33%;
}
.vc_col-sm-6 .event-line-wrap .event-line-node.medium{
width:33.33%;
}
.vc_col-sm-6 .event-line-wrap .event-line-node.large{
width:33.33%;
}
.vc_col-sm-6 .event-line-wrap .event-line-countdown-wrap{
width:33.33%;
}
/* 3-col */
.vc_col-sm-4 .event-line-wrap .event-line-node,
.vc_col-sm-3 .event-line-wrap .event-line-node,
#sidebar .event-line-wrap .event-line-node,
#footer .event-line-wrap .event-line-node{
float:none;
width:100%;
display:block;
text-align:center;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;
}
.vc_col-sm-4 .event-line-wrap .event-line-node.medium,
.vc_col-sm-3 .event-line-wrap .event-line-node.medium,
#sidebar .event-line-wrap .event-line-node.medium,
#footer .event-line-wrap .event-line-node.medium{
float:none;
width:100%;
}
.vc_col-sm-4 .event-line-wrap .event-line-node.large,
.vc_col-sm-3 .event-line-wrap .event-line-node.large,
#sidebar .event-line-wrap .event-line-node.large,
#footer .event-line-wrap .event-line-node.large{
float:none;
width:100%;
}
.vc_col-sm-4 .event-line-wrap .event-line-countdown-wrap,
.vc_col-sm-3 .event-line-wrap .event-line-countdown-wrap,
#sidebar .event-line-wrap .event-line-countdown-wrap,
#footer .event-line-wrap .event-line-countdown-wrap{
width:100%;
}
.vc_col-sm-4 span.events-bar-title,
.vc_col-sm-3 span.events-bar-title,
#sidebar span.events-bar-title,
#footer span.events-bar-title{
display:none;
}
@media only screen and (max-width: 767px){
/* Small */
.vc_col-sm-4 span.events-bar-title,
.vc_col-sm-3 span.events-bar-title{
display:table;
}
}
/* Small Mobile */
@media only screen and (max-width: 500px){
.vc_col-sm-12 .event-line-wrap .event-line-node,
.vc_col-sm-6 .event-line-wrap .event-line-node{
float:none;
width:100%;
display:block;
text-align:center;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;
}
.vc_col-sm-12 .event-line-wrap .event-line-node.medium,
.vc_col-sm-6 .event-line-wrap .event-line-node.medium{
float:none;
width:100%;
}
.vc_col-sm-12 .event-line-wrap .event-line-node.large,
.vc_col-sm-6 .event-line-wrap .event-line-node.large{
float:none;
width:100%;
}
.vc_col-sm-12 .event-line-wrap .event-line-countdown-wrap,
.vc_col-sm-6 .event-line-wrap .event-line-countdown-wrap{
width:100%;
}
}
/* Event Page */
@media only screen and (max-width: 767px){
.page-template-archive-event .event-line-wrap .event-line-node{
width:33.33%;
}
.page-template-archive-event .event-line-wrap .event-line-node.medium{
width:33.33%;
}
.page-template-archive-event .event-line-wrap .event-line-node.large{
width:33.33%;
}
.page-template-archive-event .event-line-wrap .event-line-countdown-wrap{
width:33.33%;
}
}
@media only screen and (max-width: 500px){
.page-template-archive-event .event-line-wrap .event-line-node{
float:none;
width:100%;
display:block;
text-align:center;
padding-left:10px;
padding-right:10px;
box-sizing:border-box;
}
.page-template-archive-event .event-line-wrap .event-line-node.medium{
float:none;
width:100%;
}
.page-template-archive-event .event-line-wrap .event-line-node.large{
float:none;
width:100%;
}
.page-template-archive-event .event-line-wrap .event-line-countdown-wrap{
width:100%;
}
}
/* 5.4 Album
========================================================================== */
.album-header{
height: 90vh;
background: #777;
overflow: hidden;
position: relative;
z-index: 10;
}
.backCover{
position: absolute;
top: -50px;
left: -50px;
width: calc( 100% + 100px );
height: calc( 100% + 100px );
}
.albumCover{
position: absolute;
top: 50%;
left: 50%;
/*width: 80%;*/
transform: translate3d(-50%, -50%, 0);
}
.albumCover img{
width: 100%;
height: auto;
box-shadow: 0 0 59px rgba(0,0,0,0.65);
box-shadow: 0 0 5px rgba(0,0,0,1);
}
@media only screen and (max-width: 1024px){
.albumCover{
width: auto;
/*max-width: 50%;*/
height: 50%;
}
.albumCover img{
height: 100%;
width: auto;
box-shadow: 0 0 59px rgba(0,0,0,0.65);
box-shadow: 0 0 5px rgba(0,0,0,1);
}
}
@media only screen and (min-width: 1025px){
.albumCover{
width: 464px;
height: 464px;
}
}
.single-album #wrapper .container > .boxed{
max-width: 1044px;
}
.single-album .single-post.featured{
padding: 80px 20px 0;
background: #fff;
margin-top: -85px;
margin-bottom: 60px;
}
.single-album .content-box{
padding:0 0 16px;
color:#787878;
}
.single-album .content-box h4{
padding-top:10px;
padding-bottom:10px;
margin-bottom:30px;
letter-spacing:3px;
}
.single-album .content-box .blockquote-block{
background: none;
}
.single-album .content-box .heading-b3{
margin-bottom: 0px!important;
}
.single-album .content-box .blockquote-block blockquote{
border:none;
text-align: center;
color:#000;
font-weight: 900;
background:none;
}
.single-album .content-box .blockquote-block blockquote::before{
content: '" ';
}
.single-album .content-box .blockquote-block blockquote::after{
content: ' "';
}
.single-album .meta-artist_of_album{
font-size: 1.2em;
font-weight: 600;
text-transform: uppercase;
text-align: center;
margin-top: -60px;
letter-spacing: 0;
}
.single-album .content-box .blockquote-block figcaption{
border:none;
text-align: center;
color:#000;
font-weight: 900;
font-size: 16px;
text-transform: uppercase;
margin-right:0;
}
.single-album .content__side{
margin-top: -85px;
background: #fff;
padding: 60px 20px;
}
.info-section .blockquote-block{
margin:0px;
padding:40px 50px 26px 35px;
}
.two_column_album .media-block{
width:48%;
float:left;
margin:1% !important;
opacity:0;
transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-webkit-transition: opacity 0.4s ease;
}
.two_column_album .media-block.single{
max-width:445px;
width:100%;
float:left;
margin:0% !important;
margin-bottom:1% !important;
}
#sidebar .two_column_album .media-block, #footer .two_column_album .media-block{
margin-bottom:5px;
}
.two_column_album .media-block.right{
float:right;
}
.three_column_album .media-block{
width:31.33%;
float:left;
margin-left:1%;
margin-right:1%;
margin-bottom:25px;
}
.four_column_album .media-block{
width:23%;
float:left;
margin-left:1%;
margin-right:1%;
margin-bottom:25px;
}
.type-album a{
margin:0px;
background:none;
font-size:14px;
font-weight:300;
}
.type-album .image{
margin:0px !important;
display:block;
float:none;
width:100%;
position:relative;
}
.type-album .text-box{
padding:0px !important;
padding-left:10px! important;
display:block;
float:none;
width:100%;
background-color:#F7F7F7;
overflow:hidden;
text-overflow:ellipsis;
}
.type-album .text-box h2{
font-size:16px;
padding-top:20px;
padding-bottom:20px;
text-align:center;
font-weight:300;
text-transform:none;
color:#353535;
margin:0px;
line-height:normal;
}
#footer .type-album .text-box h2{
padding-top:10px;
padding-bottom:10px;
}
#sidebar .type-album .text-box h2{
padding-top:10px;
padding-bottom:10px;
}
.album-hover{
position:absolute;
left:0px;
top:0px;
height:100%;
width:100%;
opacity:0;
filter:alpha(opacity=0);
z-index:12;
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.album-hover-wrap:hover .album-hover{
opacity:1;
filter:alpha(opacity=100);
}
.album-overlay{
position:absolute;
left:0px;
top:0px;
height:100%;
width:100%;
background-color:#e80e50;
z-index:10;
opacity:0.5;
filter:alpha(opacity=50);
transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.album-listen{
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
top:50%;
color:#FFF;
z-index:11;
text-align:center;
font-size:70px;
opacity:1;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.release-date,
.available-now{
margin-top:20px;
margin-bottom:10px;
}
.vc_span4 .type-album .text-box h2,
.vc_span3 .type-album .text-box h2,
.vc_span2 .type-album .text-box h2,
#footer .type-album .text-box h2,
#sidebar .type-album .text-box h2{
font-size:12px;
}
.vc_span4 .album-listen,
.vc_span3 .album-listen,
.vc_span2 .album-listen,
#footer .album-listen,
#sidebar .album-listen{
font-size:60px;
}
/*---Template Albums post---*/
.page-template-archive-album-grid .news-grid-wrap{
clear: initial;
margin-right: 12px;
margin-bottom: 20px;
width: calc(49% - 12px);
}
@media only screen and (max-width: 767px){
}
/* 5.5 Photo
========================================================================== */
.photos-list {
margin: 0;
padding: 0 0 26px;
list-style: none;
}
.photos-list li {
float: left;
display: block;
}
.one-half > li {
width: 48%;
max-width: 48%;
margin: 0.9%;
}
.one-third > li {
width: 32.3%;
max-width: 32.3%;
margin: 0.5%;
}
.photos-list a {
overflow: hidden;
display: block;
position: relative;
cursor: pointer;
width: 100%;
}
.photos-list img {
display: block;
width: auto;
height: auto;
min-width: 100%;
max-width: none;
}
.photos-list .hover-text {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
text-align:center;
background:rgba(0,0,0,.8);
display:none;
}
.photos-list .hover-text:before{
content:'';
display:inline-block;
height:100%;
width:1px;
overflow:hidden;
margin:0 0 0 -5px;
vertical-align:middle;
}
.photos-list .hover-text span{
display:inline-block;
vertical-align:middle;
white-space:normal;
font:20px/24px;
padding:13px;
position:relative;
}
.photos-list a:focus .hover-text,
.photos-list a:hover .hover-text,
.photos-list .hover .hover-text {
display:block;
}
.photo-wrap{
width:48%;
margin:1%;
float:left;
clear:left;
opacity:0;
transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-webkit-transition: opacity 0.4s ease;
}
.photo-wrap.right{
float:right;
clear:right;
}
.photo-wrap a{
display:block;
text-decoration:none;
text-decoration:none !important;
}
.photo-wrap img{
display:block;
}
.photo-wrap .photo-album-tab{
display:table;
width:100%;
height:120px;
background-color:#F7F7F7;
position:relative;
}
.photo-wrap:hover .tab-text{
background-color:#e80e50;
}
.photo-wrap:hover .tab-circle{
color:#353535;
border-color:#353535;
}
@media only screen and (max-width: 550px){
.photo-wrap{
clear:both;
float:none !important;
width:100%;
}
}
.tab-text{
display:table-cell;
vertical-align: middle;
padding-left:40px;
transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
.tab-title{
color:#353535;
font-size:20px;
font-weight:300;
margin-bottom:0px;
}
.page-template-archive-album-grid h2.tab-title{
margin-top:0px !important;
}
h2.tab-title{
font-size:20px !important;
line-height:20px !important;
margin-bottom:0px !important;
}
..photo-album-tab .tab-title{
width:60%;
}
.tab-date{
color:#7e7e7e;
font-size:14px;
font-weight:300;
width:60%;
}
.tab-circle{
height:58px;
width:58px;
border:1px solid #e80e50;
border-radius:100%;
position:absolute;
right:20px;
top:50%;
margin-top:-30px;
line-height:58px;
color:#e80e50;
text-align:center;
font-size:24px;
font-weight:300;
transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
.tab-text .excerpt {
color: #353535;
}
.excerpt p{
margin: 0;
}
.free-wall {
width: 100%;
height:100%;
overflow: hidden;
margin-top: 10px;
}
.free-wall a.brick{
float:left;
}
.imgoverlay{
width:100%;
height:100%;
background-color:#000;
opacity:0;
filter:alpha(opacity=0);
position:absolute;
top:0px;
left:0px;
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
a.brick:hover .photohover{
opacity:1;
-moz-transform: scale(1);
}
a.brick:hover .imgoverlay{
opacity:0.5;
filter:alpha(opacity=50);
}
.free-wall .brick[data-state="start"] {
display: block;
animation: start 0.5s;
-webkit-animation: start 0.5s;
}
.free-wall .brick[data-state="move"] {
transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
-webkit-transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
}
.ilightbox-holder {
opacity: 1!important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important";
}
/* 5.6 Video
========================================================================== */
.video-block{
position:relative;
margin:0 0 20px 0;
width:100%;
overflow:hidden;
}
.video-block iframe{width:100% !important;}
.video-block .btn-play{
width:89px;
height:89px;
background-color: transparent;
background-image:url(images/sprite.png);
background-repeat:no-repeat;
background-position: -210px 0;
text-indent:-9999px;
overflow:hidden;
position:absolute;
left:50%;
top:50%;
margin:-57px 0 0 -48px;
}
.videos, .news{padding:0px;}
.video-post h4{
border-bottom: 1px solid;
border-top: 1px solid;
font-size: 16px;
font-weight: bold;
letter-spacing: 3px;
margin-bottom: 30px;
padding-bottom: 15px;
padding-top: 15px;
text-align: center;
text-transform: uppercase;
line-height:normal;
}
.buttons{
display: block;
float: right;
position: relative;
}
.links-block .buttons{
width:300px;
}
/* Video List */
.holder.video .image{
width:auto;
margin-right:20px;
position:relative;
}
.holder.video .image img{
width:auto;
max-width:200px;
}
.holder.video .text-box{
padding-left:0px;
}
.play-button{
color: #FFFFFF;
display: block;
font-size: 60px;
height: 60px;
left: 50%;
line-height: 50px;
margin-left: -25px;
margin-top: -30px;
opacity: 0.75;
filter:alpha(opacity=75);
position: absolute;
top: 50%;
width: 51px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.holder:hover .play-button{
opacity:1;
filter:alpha(opacity=100);
}
.vc_span3 .play-button, .vc_span2 .play-button{
font-size: 30px;
height: 30px;
left: 50%;
line-height: 25px;
margin-left: -12.5px;
margin-top: -15px;
opacity: 0.75;
filter:alpha(opacity=75);
position: absolute;
top: 50%;
width: 25px;
}
/* Video Grid */
.videogrid{
float:left;
width:48%;
margin:1%;
background-color:#F7F7F7;
opacity:0;
transition: opacity 0.4s ease;
-ms-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-webkit-transition: opacity 0.4s ease;
}
.videogrid.right{
clear:right;
float:right;
}
.videogrid .holder{
display: block;
position: relative;
width: 100%;
}
.videogrid .image{
margin:0px;
float:left;
position:relative;
width:100%;
display:block;
overflow: hidden;
}
.videogrid .image img{
width:100%;
display:block;
}
@media only screen and (max-width: 639px){
.videogrid .image{
height:inherit!important;
}
}
.videogrid .text-box{
float:left;
padding:10px;
display: table-cell;
vertical-align: middle;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
.videogrid h2{
font-size:16px;
font-weight:300;
line-height:18px;
margin:0px;
}
.videogrid a{
margin:0px;
}
.videogrid .media-block{
width:100% !important;
}
.video-mask{
max-height:300px;
overflow:hidden;
}
@media only screen and (max-width:950px){
.video-mask{
max-height:200px;
}
}
@media only screen and (max-width:640px){
.video-mask{
max-height:300px;
}
}
@media only screen and (max-width: 639px){
.holder.video h2{
font-size: 18px;
line-height: 20px;
}
.holder.video{
display:block;
}
.holder.video .image{
margin:0px !important;
}
.holder.video .image img{
width:auto;
max-width:100%;
}
.holder.video .text-box{
padding:10px !important;
width:100%;
}
.videogrid{
width:100%;
margin:0px;
margin-bottom:2%;
max-width:none;
}
}
/* 5.7 Contact
========================================================================== */
.page-template-page-contact-php .entry {
margin-bottom: 40px;
}
.contact-box{
border:1px solid #0b0b0b;
padding:40px 35px 21px;
overflow:hidden;
margin:0 -2px 30px 0;
line-height:18px;
}
.contact-box img{
float:left;
margin:5px 45px 20px 0;
}
.contact-box address{
overflow:hidden;
font-style:normal;
}
.contact-box .title{
font:bold 20px/24px;
display:block;
color:#000;
margin:0 0 5px;
}
.contact-box p{margin:0 0 22px;}
.contact-box .phone{
display:block;
margin:2px 0 0;
}
.container.clear-bg{
background:none;
}
.circle-wrap{
position:relative;
margin:0 auto;
display:table;
padding-left:20px;
padding-right:20px;
padding-top:120px;
}
.circle{
width:240px;
height:240px;
background-color:rgba(0, 0, 0, 0.8);
border-radius:100%;
margin:20px auto;
position:relative;
color:#FFF;
}
.circle img{
max-width: 100%;
width: auto;
}
.circle .centering,
.circle .wpb_wrapper
{
position:absolute;
top:50%;
width:100%;
text-align:center;
}
.circle p{
margin: 0;
font-size: 14px;
font-weight: 300;
}
.wpb_content_element.circle a {
color: #e80e50;
font-size: 14px;
font-weight: 300;
}
.circle .icons,
.circle .fa
{
color: #b1b1b1;
font-size:36px;
margin-bottom:10px !important;
}
@media only screen and (max-width: 1000px){
.circle{
height:200px;
width:200px;
}
.circle p {
font-size: 12px;
line-height: 1.3;
}
}
@media only screen and (max-width: 675px){
.circle-wrap{
padding-top:0px;
}
.circle{
float:none;
height:240px;
width:240px;
}
}
/* 5.8 Track Listing
========================================================================== */
.tracks-block h2{
text-transform:uppercase;
background:#000;
padding:6px 23px;
color:#5a5a5a;
font-weight: normal;
margin:0 0 1px;
}
/* tracks-list */
.tracks-list{
margin: 0;
padding:0;
list-style:none;
overflow:hidden;
counter-reset:item;
color:#fff;
}
.tracks-list > li{
padding:18px 190px 18px 83px;
background:#f7f7f7;
overflow:hidden;
position:relative;
}
.tracks-list > li:before{
float:left;
width:40px;
margin: 8px 0 0 -40px;
color:#5a5a5a;
content:counters(item, ".") " ";
counter-increment:item;
font-weight:700;
font-size: 14px;
}
.tracks-list .name{
overflow:hidden;
display:block;
color:#353535;
}
.tracks-list .player-box {
margin:0;
margin-top:2px;
float:right;
height:auto !important;
}
.tracks-list .player-box .jp-controls {
width:auto;
margin:0;
}
.presto .tracks-list .name{padding-top:1px;}
.tracks-list .buttons{
height: 32px;
position: absolute;
right: 16px;
top: 12px;
width: 155px;
}
.tracks-list .button{
float:left;
margin:0px;
width:81px;
padding:6px 10px 6px 10px;
text-align:center;
color:#FFF;
}
.presto .tracks-list .button{padding:8px 10px 4px 10px;}
.tracks-list .btn-play,
.tracks-list .btn-pause{
color: #fff;
text-decoration: none;
float:right;
font-size:14px;
height:28px;
width:28px;
text-align:center;
}
.tracks-list .btn-play i.fa,
.tracks-list .btn-pause i.fa{
padding:0px;
line-height:28px;
}
.tracks-list .btn-play:hover,
.tracks-list .btn-pause:hover{
color: #FFF;
}
.tracks-list .btn-play [class^="fa-"],
.tracks-list .btn-play [class*=" fa-"],
.tracks-list .btn-pause [class^="fa-"],
.tracks-list .btn-pause [class*=" fa-"] {
display: block;
padding: 0.4em;
border-radius:100%;
}
.cr_it-playlist-title{
font-size: 24px;
line-height: 25px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
}
.cr_it-playlist-artists{
font-weight: bold
}
.cr_it-playlist-release-date, .cr_it-playlist-artists{
text-transform: uppercase;
font-style: italic;
}
/* 5.9 Galleries
========================================================================== */
.gallery {
margin-bottom: 20px;
margin-left: -4px;
}
.gallery-item {
float: left;
margin: 0 1% 1% 0;
overflow: hidden;
position: relative;
}
.gallery-item img {
display: block;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
text-align: center;
}
.gallery-columns-0 .gallery-item,
.gallery-columns-1 .gallery-item {
width: 99%;
}
.gallery-columns-2 .gallery-item {
width: 49%;
}
.gallery-columns-3 .gallery-item {
width: 32%;
}
.gallery-columns-4 .gallery-item {
width: 24%;
}
.gallery-columns-5 .gallery-item {
width: 19%;
}
.gallery-columns-6 .gallery-item {
width: 15%;
}
.gallery-columns-7 .gallery-item {
width: 13%;
}
.gallery-columns-8 .gallery-item {
width: 11%;
}
.gallery-columns-9 .gallery-item {
width: 10%;
}
.gallery-columns-0 .gallery-item,
.gallery-columns-1 .gallery-item {
max-width: 99%;
max-width: -webkit-calc(100% - 1%);
max-width: calc(100% - 1%);
}
.gallery-columns-2 .gallery-item {
max-width: 49%;
max-width: -webkit-calc(50% - 1%);
max-width: calc(50% - 1%);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33% - 1%);
max-width: calc(33% - 1%);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 1%);
max-width: calc(25% - 1%);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 1%);
max-width: calc(20% - 1%);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 1%);
max-width: calc(16.7% - 1%);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 1%);
max-width: calc(14.28% - 1%);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 1%);
max-width: calc(12.5% - 1%);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 1%);
max-width: calc(11.1% - 1%);
}
.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-caption {
background-color: rgba(0, 0, 0, 0.7);
box-sizing: border-box;
color: #fff;
font-size: 14px;
line-height: 1.3;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 2px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
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;
}
/* 5.10 Pagination
========================================================================== */
/* button-more */
a.button-more{
display:block;
margin:0 0 28px;
border:1px solid #e80e50;
padding:0px;
color:#e80e50;
text-transform:uppercase;
text-align:center;
font-weight: 300;
visibility: hidden;
width:80px;
height:80px;
margin:0 auto;
border-radius:100%;
line-height:80px;
margin-top:60px;
margin-bottom:100px;
position:relative;
top:20px;
clear:both;
}
.pages .current,
.pages a:hover,
a.button-more:hover{
text-decoration:none;
background-color:#e80e50;
color:#FFF;
}
/* next prev link */
.pages{
margin:0 auto;
max-width:100% !important;
}
.pages a,
.pages .current {
display: block;
width: 60px;
padding: 25px 5px;
color: #e80e50;
font-size: 16px;
font-weight: 300;
line-height: 1;
text-align: center;
text-transform: uppercase;
box-sizing: border-box;
}
.pages .current{
color:#FFF;
}
.pages.full{
text-align: center;
}
.pages.full ul{
list-style: none;
padding:0px;
margin-top:40px;
margin-bottom:40px;
position:relative;
}
.pages.full li{
display:inline-block;
}
.pages.full li a{
border:none
}
.pages.full li span{
border:none;
}
.pages.full li a.next{
display:inline-block;
width:30px;
padding:0px;
padding-top:25px;
padding-bottom:25px;
border:none;
color:#353535;
}
.pages.full li a.prev{
display:inline-block;
width:30px;
padding:0px;
padding-top:25px;
padding-bottom:25px;
border:none;
color:#353535;
}
.page-numbers.dots{
border:none;
display: block;
height: 70px;
line-height: 73px;
padding-left: 10px;
padding-right: 10px;
}
.pages .alignleft a,.pages .alignright a{
width:130px;
}
/* 5.11 Filters
========================================================================== */
.filters-block {
margin-bottom: 20px;
border:1px solid #4f4f4f;
text-transform:uppercase;
font:13px/16px;
overflow:hidden;
}
.filter-heading {
display: block;
float:left;
min-width:87px;
padding:18px 10px 16px;
color:#666;
text-align:center;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.filters-block .holder {
overflow:hidden;
min-width:87px;
}
.filters-block ul {
margin:0;
padding:0;
border:1px solid #4F4F4F;
border-width: 0 0 0 1px;
list-style:none;
overflow:hidden;
}
.filters-block li {float:left;}
.filters-block ul a {
display:block;
padding:18px 19px 16px;
color:#000;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.filters-block ul a:hover {
text-decoration:none;
background:#e7e7e7;
}
.filters-block .select-area,
.filters-block select{width:100% !important;}
.filters-block .select-area{margin:-1px -1px -1px 1px;}
/* 5.12 404
========================================================================== */
/* 5.13 Comments
========================================================================== */
.comments-link a:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.bypostauthor > .comment-body .fn:before {
-webkit-font-smoothing: antialiased;
display: inline-block;
font: normal 16px/1 Genericons;
vertical-align: text-bottom;
}
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
clear: both;
}
.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.comment-body:before,
.comment-body:after {
content: "";
display: table;
}
/* Font Awesome */
.bypostauthor > .comment-body .fn:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before {
display: inline-block;
margin-right: .3em;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
text-decoration: inherit;
speak: none;
}
.comments-title,
.comment-reply-title {
font: 24px/28px;
font-weight: bold;
}
/*******/
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.comments-title {
font-size: 20px;
text-transform: uppercase;
padding: 0px;
padding-top:20px;
}
.comment-list,
.comment-list .children {
list-style-type: none;
padding: 0;
}
.comment-list .children {
margin-left: 20px;
}
.comment-list > li:after,
.comment-list .children > li:before {
content: "";
display: block;
height: 1px;
width: 100%;
border-bottom:1px dotted;
}
.comment-list > li:last-child:after {
display: none;
}
.comment-body {
padding: 24px 0;
position: relative;
}
.comment-author {
float: left;
max-width: 74px;
}
.comment-author .avatar {
display: block;
margin-bottom: 10px;
}
.comment-author .fn {
word-wrap: break-word;
}
.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
font-size: 12px;
font-style: normal;
font-weight: normal;
}
.says {
display: none;
}
.no-avatars .comment-author {
margin: 0 0 5px;
max-width: 100%;
position: relative;
}
.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
width: 100%;
}
.bypostauthor > .comment-body .fn:before {
content: "\f005";
vertical-align: text-top;
}
.comment-list .edit-link {
margin-left: 20px;
}
.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
float: right;
width: 79%;
width: -webkit-calc(100% - 124px);
width: calc(100% - 124px);
}
.comment-meta,
.comment-meta a {
color: #a2a2a2;
font-size: 13px;
}
.comment-metadata {
margin-bottom:0px;
}
.ping-meta {
color: #a2a2a2;
font-size: 13px;
line-height: 2;
}
.comment-awaiting-moderation {
color: #a2a2a2;
}
.comment-awaiting-moderation:before {
content: "\f071";
margin-right: 5px;
position: relative;
top: -2px;
}
.comment-reply-link:before,
.comment-reply-login:before {
content: "\f112";
margin-right: 3px;
}
/* Comment form */
.comment-respond {
border: 1px solid #353535;
border-width: 1px 0 0;
padding: 30px 0;
border:none;
}
.comment .comment-respond {
margin-bottom: 20px;
padding: 20px;
border-width: 0 0 1px;
}
.comment-reply-title {
border-bottom: 1px solid;
border-top: 1px solid;
font-size: 16px;
font-weight: bold;
letter-spacing: 3px;
margin-bottom: 30px;
margin-top: 30px;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
text-transform: uppercase;
}
.comment-reply-title small a {
color: #FFF;
display: inline-block;
float: right;
height: 16px;
overflow: hidden;
width: 16px;
}
.comment-reply-title small a:hover {
text-decoration: none;
}
.comment-reply-title small a:before {
content: "\f00d";
vertical-align: top;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
margin-bottom: 25px;
}
.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"]
{
display: block;
padding: 5px 0;
width: 600px;
}
.comment-form .required {
color: #ed331c;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form p.comment-notes
{
width: 100%;
max-width: 600px;
color: #7a7a7a;
}
.comment-form p.comment-notes {
margin-bottom: 15px;
}
.comment-form textarea {
width: 99%;
}
.form-allowed-tags,
.form-allowed-tags code {
color: #686868;
font-size: 12px;
display:none;
}
.form-allowed-tags code {
font-size: 10px;
margin-left: 3px;
}
.comment-list .pingback,
.comment-list .trackback {
padding-top: 24px;
}
.comment-list .pingback .comment-body,
.comment-list .trackback .comment-body {
padding: 0;
}
.comment-navigation {
font-size: 20px;
font-style: italic;
font-weight: 300;
margin: 0 auto;
max-width: 604px;
padding: 20px 0 30px;
width: 100%;
}
.no-comments {
background-color: #f7f5e7;
font-size: 20px;
font-style: italic;
font-weight: 300;
margin: 0;
padding: 40px 0;
text-align: center;
}
/* 5.14 Portfolio
========================================================================== */
.portfolio{
}
.portfolio .entry{
margin-bottom:60px;
margin-top:40px;
}
.portfolio img{
display:block;
width:100%;
}
.portfolio .portfolio-pic{
width:100%;
display:block;
}
.portfolio .portfolio-leftside{
float:left;
width:70%;
}
.portfolio .portfolio-rightside{
float:right;
width:25%;
}
.portfolio .portfolio-rightside a.portfolio-button{
border:1px solid;
display: table;
font-size: 12px;
font-weight:800;
letter-spacing: 1px;
padding: 12px 20px;
text-decoration: none !important;
text-transform: uppercase;
transition: background 0.35s ease 0s, color 0.35s ease 0s;
font-family: 'Open Sans',sans-serif !important;
margin-top:50px;
}
.portfolio .portfolio-sidetitle{
text-transform:uppercase;
font-weight:800;
}
.portfolio .portfolio-sidesplit{
width:25px;
height:3px;
background-color:#000;
margin-top:10px;
margin-bottom:20px;
}
.portfolio .portfolio-sidelist{
margin-bottom:40px;
}
.portfolio .portfolio-nav-wrap{
width:100%;
height:70px;
background-color:#f7f7f7;
margin-top:20px;
}
.portfolio .portfolio-prev-wrap, .portfolio .portfolio-mid-wrap, .portfolio .portfolio-next-wrap{
float:left;
height:70px;
}
.portfolio .portfolio-prev-wrap{
text-align:left;
width:45%;
}
.portfolio a.portfolio-prev{
margin-left:60px;
line-height:70px;
height:70px;
display:inline-block;
}
.portfolio a.portfolio-prev .fa-long-arrow-left{
float:left;
line-height:70px;
}
.portfolio a.portfolio-prev .prev-text{
float:left;
text-transform:uppercase;
letter-spacing:2px;
font-weight:800;
font-family: 'Open Sans',sans-serif;
}
.portfolio .portfolio-prev-wrap .fa-long-arrow-left{
margin-right:15px;
}
.portfolio .portfolio-mid-wrap{
text-align:center;
line-height:70px;
font-size:24px;
color:#000;
width:10%;
}
.portfolio .portfolio-mid-wrap a{
color: #000;
}
.portfolio .portfolio-next-wrap{
text-align:right;
width:45%;
}
.portfolio a.portfolio-next{
margin-right:60px;
line-height:70px;
height:70px;
display:inline-block;
}
.portfolio a.portfolio-next .fa-long-arrow-right{
float:right;
line-height:70px;
}
.portfolio a.portfolio-next .next-text{
float:right;
text-transform:uppercase;
letter-spacing:2px;
font-weight:800;
font-family: 'Open Sans',sans-serif;
}
.portfolio .portfolio-next-wrap .fa-long-arrow-right{
margin-left:15px;
}
.portfolio .fa-th:hover{
cursor:pointer;
}
@media only screen and (max-width:750px){
.portfolio a.portfolio-next{
margin-right:20px;
}
.portfolio a.portfolio-prev{
margin-left:20px;
}
.portfolio .portfolio-leftside{
float:none;
width:100%;
}
.portfolio .portfolio-rightside{
float:none;
width:100%;
padding:0px;
}
}
@media only screen and (max-width:600px){
.portfolio .prev-text, .portfolio .next-text{
display:none;
}
.portfolio .fa-long-arrow-left, .portfolio .fa-long-arrow-right{
font-size:18px;
}
}
/* 5.15 Artist
========================================================================== */
.single-artist article{
position: relative;
}
.single-artist article.no-banner{
margin-top: 250px;
}
.single-artist .entry{
padding-top: 1px;
margin-top: -1px;
}
.artist-header{
background: #777;
overflow: hidden;
position: relative;
z-index: 10;
background-size: cover;
}
.artist_sidebar{
text-transform: uppercase;
margin-top:175px;
}
.artist_sidebar .meta{
margin-bottom: 45px;
}
.artist_sidebar .fa{
font-size: 13px;
width: 13px;
text-align: left;
margin-right:10px;
}
.artist_sidebar .social_icon{
margin-bottom: 10px;
}
.artist_content{
margin-top:162px;
}
.single-artist .artist_sidebar h4 {
text-align: left;
}
.single-artist .playlist_enabled .player {
display: none;
}
.single-artist .vc_tta-container .iron_widget_radio .album-art {
margin: 0px!important;
}
.single-artist .iron_widget_radio {
margin-left: -15px;
}
.vc_tta-tabs-container {
margin-bottom: 30px!important;
}
@media screen and (min-width: 1920px) {
.single-artist .vc_tta-container .iron_widget_radio .wpb_column.vc_col-sm-12.vc_col-md-6 {
width: 380px;
}
}
@media screen and (max-width: 990px) {
.single-artist .vc_tta-container .iron-audioplayer .album .album-art{
max-width:100%;
}
}
@media screen and (max-width: 767px){
.artist_sidebar{
margin-top:0;
}
.artist_content{
margin-top:50px;
}
}
/* ==========================================================================
6.0 Forms
========================================================================== */
/* 6.1 Site Forms
========================================================================== */
/* form */
.form{
margin:0 0 15px;
text-align:left;
}
.form .row{padding:0 0 12px;}
.form .wrap{
padding:8px 0 12px;
margin:0 0 0 -1px;
}
.form label{
font:14px/16px;
color:#4e4e4e;
float:left;
margin:0 0 5px;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="password"],
.form textarea{
width:100% !important;
height:35px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#fff;
border:1px solid #000;
margin:0;
padding:8px 6px;
display:block;
font:14px/17px;
color:#4e4e4e;
clear:both;
-webkit-box-shadow:none;
box-shadow:none;
}
.form textarea{
max-width:100% !important;
overflow:auto;
height:145px;
min-height:145px;
padding:3px 3px 3px 6px;
}
.form .box{
float:left;
padding:9px 15px 0 0;
min-width:210px;
}
.form input[type="checkbox"]{
width:16px;
height:15px;
padding:0;
margin:0 7px 0 0;
float:left;
}
.form .box label{overflow:hidden;}
.form input[type="submit"]{
height:30px;
border:0;
margin:0;
padding:2px 0 0;
cursor:pointer;
float:right;
font:14px/30px;
overflow:visible;
text-transform:uppercase;
color:#000;
min-width:100px;
}
.post-password-form{
max-width:1144px;
margin:0 auto;
}
.success{color:#111; font-size: 22px; text-align:center;line-height: 36px;display: none;padding-top: 104px;text-transform:uppercase}
.success span{font-size: 30px;}
.presto .form input[type="submit"]{padding:4px 0 0;}
.form input[type="submit"]:hover{color:#fff;}
.info-section{padding:0px;}
.info-section .links-block{
margin:12px 0 0;
padding:23px 0 15px;
border-top:1px solid #E2E2E2;
}
/* aside */
.aside{
float:left;
width:40.5%;
}
/* info-section */
.info-section .image{margin:0 0 16px;}
.info-section .image img{
display:block;
max-width:100%;
height:auto;
}
.info-section h2{
font-size: 32px;
font-weight: 300;
line-height: 36px;
margin-bottom: 10px;
}
/* description-column */
.description-column{
width:57.5%;
float:right;
text-align:justify;
}
#wrapper .description-column .wpb_row.in_container, #wrapper .description-column .wpb_row.in_container p{
margin-top:0px;
}
/* buttons-block */
.buttons-block{
margin: 10px 0 15px;
overflow: hidden;
}
.buttons-block .title{
display:block;
text-transform:uppercase;
color:#000;
font:14px/18px;
margin:0 0 7px;
}
.webkit .buttons-block .title{
margin:0 0 6px;
padding:1px 0 0;
text-shadow:0 0 1px rgba(0,0,0,.3);
}
.presto .buttons-block .title{
margin:0 0 6px;
padding:1px 0 0;
}
.buttons-block ul{
margin:0;
padding:0;
list-style:none;
overflow:hidden;
}
.buttons-block li{
padding:0 11px 11px 0;
float:left;
}
.buttons-block a{
margin:0;
padding:7px 12px 5px;
}
.presto .buttons-block a{padding:8px 12px 4px;}
.trident .buttons-block a{padding:8px 12px 4px;}
.webkit .button,
.webkit .tracks-list .button{
/*padding-top: 1px;
padding-bottom: 1px;*/
padding:8px;
margin-top: 1px;
}
.trident .tracks-list .button{padding:8px 10px 4px;}
.webkit .tracks-list .name{margin-top:1px;}
/* BOOKING FORM */
.comment-form input,
.wpcf7-form-control{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #7a7a7a;
box-shadow: none;
clear: both;
color: #4E4E4E;
display: block;
font-size: 15px;
height: 50px;
margin: 0;
margin-bottom: 15px;
padding: 10px 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-text{
width:100% !important;
}
.comment-form textarea,
.wpcf7-textarea{
background: none repeat scroll 0 0 #FFFFFF !important;
border: 1px solid #7a7a7a;
box-shadow: none;
clear: both;
display: block;
/*font: 14px/17px;*/
height: 145px;
padding: 12px 12px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.comment-form #submit,
.wpcf7-submit{
border: 0 none;
color: #FFFFFF;
cursor: pointer;
display: block;
margin: 0 auto;
min-width: 100px;
overflow: visible;
padding: 4px;
position: relative;
text-transform: uppercase;
font-size:14px;
font-weight:600;
letter-spacing:2px;
height:45px;
}
.comment-form #submit:hover,
.wpcf7-submit:hover{
color: #FFF;
}
.wpcf7-checkbox{
height: initial;
background: initial;
border: 0;
}
/*****/
.select-nav-select,
.nav-select{display:none !important;}
/* custom forms */
.jcf-hidden{
position:absolute !important;
left:-9999px !important;
}
.select-area{
border:1px solid #656565;
position:relative;
overflow:hidden;
cursor:default;
height:52px;
float:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0 48px 0 40px;
width:auto !important;
color:#1a1a1a;
text-transform:uppercase;
font:13px/52px;
}
.select-area .center{
white-space:nowrap;
width:100%;
float:left;
overflow:hidden;
text-align:center;
}
.select-area .select-opener{
position:absolute;
background-color: transparent;
background-image:url(images/sprite.png);
background-repeat:no-repeat;
background-position: -136px -111px;
height:6px;
width:11px;
right:16px;
top:24px;
}
.select-options{
position:absolute;
overflow:hidden;
background:#fff;
z-index:2000;
margin:-1px 0;
}
.select-options .drop-holder{
border:1px solid #575757;
overflow:hidden;
}
.select-options ul{
list-style:none;
padding:0;
margin:0;
text-transform:uppercase;
font:13px/16px;
text-align:center;
}
.select-options ul li{
width:100%;
float:left;
}
.select-options ul a{
text-decoration:none;
padding:8px 10px 6px;
display:block;
cursor:default;
color:#1a1a1a;
}
.select-options .item-selected a{
text-decoration:none;
}
/* Password-protected form */
.post-password-form input[type="password"]{
background:none !important;
border:2px solid #F00;
color:#FFF;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
}
.post-password-form input[type="submit"]{
border:1px solid #FFF;
background:none;
color:#FFF;
margin-left:5px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
transition: background 0.35s ease 0s, color 0.35s ease 0s;
}
.post-password-form input[type="submit"]:hover{
color:#FFF;
}
/* 6.2 Contact Form 7
========================================================================== */
div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7-response-output {
padding: 1em;
margin-bottom: 1em;
border: 1px solid transparent;
}
div.wpcf7-mail-sent-ok {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}
div.wpcf7-mail-sent-ng {
color: #b94a48;
background-color: #f2dede;
border-color: #e0aeb6;
}
div.wpcf7-spam-blocked {
color: #c09853;
background-color: #fcf8e3;
border-color: #fbeed5;
}
div.wpcf7-validation-errors {
color: #b94a48;
background-color: #f2dede;
border-color: #e0aeb6;
}
span.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip,
span.wpcf7-not-valid-tip-no-ajax {
display: block;
color: #b94a48;
background-color: #f2dede;
border: 1px solid #e0aeb6;
font-size: 10pt;
padding: 0.25em;
margin: 0.2em 0;
}
span.wpcf7-list-item {
margin-left: 0.5em;
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 img.ajax-loader {
background-color: white;
padding: 11px;
margin: auto 0;
border-radius: 20px;
border: none;
vertical-align: middle;
margin-left: 4px;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
.wpcf7-recaptcha>div{
margin: 0 auto;
}
.wpcf7-form-control.wpcf7-recaptcha{
border: 0;
padding: 0;
height: initial;
}
.wpcf7-submit[disabled]:hover{
cursor: not-allowed;
}
/* Single Discography Page Version */
.single-music-player{
padding-bottom:20px;
}
.single-music-player .iron_widget_radio .poster-image{
display:none;
}
.single-music-player .iron_widget_radio.playlist_enabled .audio-holder .jp-interface{
margin:0px;
}
.single-music-player .iron_widget_radio .player-holder{
position:relative;
}
.single-music-player .iron_widget_radio .player-holder .info-box .player-center-wrap{
width:100%;
}
.single-music-player .iron_widget_radio .player-holder .info-box .player-center-wrap .player-leftside{
float:none;
display:block;
width:100%;
padding-top:94px;
}
@media (max-width:700px) {
.single-music-player .iron_widget_radio .player-holder .info-box .player-center-wrap .player-leftside{
padding-top:8px;
}
}
.single-music-player .iron_widget_radio.playlist_enabled .player-leftside .audio-holder .jp-interface{
height:82px;
}
.single-music-player .iron_widget_radio.playlist_enabled .player-leftside .audio-holder .jp-interface .jp-controls{
margin-left:0px;
width:100%;
}
.single-music-player .iron_widget_radio.playlist_enabled .player-leftside .audio-holder .jp-interface .jp-controls li{
width:33.33%;
}
.single-music-player .iron_widget_radio.playlist_enabled .player-leftside .audio-holder .jp-interface .jp-controls li a{
width:100%;
box-sizing:border-box;
}
.single-music-player .iron_widget_radio.playlist_enabled .player-leftside .audio-holder .jp-interface .jp-controls li a.jp-next{
border:none;
}
.single-music-player .iron_widget_radio.playlist_enabled .player-leftside .audio-holder .jp-interface .jp-controls li a i{
width:auto;
font-size:20px;
}
.single-music-player .iron_widget_radio .player-holder .info-box .player-center-wrap .player-rightside{
display:block;
float:none;
height:86px;
left:0;
top:0;
width:100%;
position:absolute;
}
.single-music-player .iron_widget_radio .player-holder .info-box .player-timeline{
position:absolute;
top:86px;
width:100%;
}
.audio-holder .jp-playlist ul.tracks-list li{
border-bottom:1px solid #000;
}
/* ___Responsive___ */
/* Radio Widget */
.iron_widget_radio .panel__body{
background-color:#f7f7f7;
font-size:18px;
font-weight:normal;
text-align:left;
position:relative;
height:auto;
width:100%;
padding:0px;
}
.iron_widget_radio .poster-image{
height:86px;
width:auto;
display:block;
}
.iron_widget_radio .player-title-box{
display:block;
text-align:left;
}
.iron_widget_radio .player-title-box .title,
.player-info .player-title-box{
font-size:18px;
font-weight:300;
}
.iron_widget_radio .player-title-box .track-name{
font-size:16px;
font-weight:300;
}
.iron_widget_radio .info-box .text{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
vertical-align:middle;
width:auto;
padding:0px;
display:block;
}
.iron_widget_radio .audio-holder{
}
.iron_widget_radio .jp-controls{
font-size:18px;
}
/* Radio Widget (Small)*/
@media (min-width: 990px) {
.vc_span4 .iron_widget_radio .panel__body,
.vc_span3 .iron_widget_radio .panel__body,
.vc_span2 .iron_widget_radio .panel__body,
#sidebar .iron_widget_radio .panel__body,
.footer__widgets .iron_widget_radio .panel__body{
font-size:13px;
line-height:16px;
height:200px;
padding:0px;
}
.vc_span4 .iron_widget_radio .poster-image,
.vc_span3 .iron_widget_radio .poster-image,
.vc_span2 .iron_widget_radio .poster-image,
#sidebar .iron_widget_radio .poster-image,
.footer__widgets .iron_widget_radio .poster-image {
width:94px;
height:94px;
margin:0 auto;
float:none;
display:block;
margin-top:30px;
}
.vc_span4 .iron_widget_radio .jp-progress,
.vc_span3 .iron_widget_radio .jp-progress,
.vc_span2 .iron_widget_radio .jp-progress,
.vc_span4 .iron_widget_radio .time-box,
.vc_span3 .iron_widget_radio .time-box,
.vc_span2 .iron_widget_radio .time-box,
#sidebar .iron_widget_radio .time-box,
.footer__widgets .iron_widget_radio .time-box {
display:none;
}
.vc_span4 .iron_widget_radio .player-title-box,
.vc_span3 .iron_widget_radio .player-title-box,
.vc_span2 .iron_widget_radio .player-title-box,
#sidebar .iron_widget_radio .player-title-box,
.footer__widgets .iron_widget_radio .player-title-box{
padding:0px;
text-align:center;
margin-top:5px;
}
.vc_span4 .iron_widget_radio .player-title-box .title,
.vc_span3 .iron_widget_radio .player-title-box .title,
.vc_span2 .iron_widget_radio .player-title-box .title,
.vc_span4 .iron_widget_radio .player-title-box .track-name,
.vc_span3 .iron_widget_radio .player-title-box .track-name,
.vc_span2 .iron_widget_radio .player-title-box .track-name,
#sidebar .iron_widget_radio .player-title-box .track-name,
.footer__widgets .iron_widget_radio .player-title-box .track-name{
padding:0px;
text-align:center;
font-size:12px;
line-height:14px;
}
.vc_span4 .iron_widget_radio .jp-controls,
.vc_span3 .iron_widget_radio .jp-controls,
.vc_span2 .iron_widget_radio .jp-controls,
#sidebar .iron_widget_radio .jp-controls,
.footer__widgets .iron_widget_radio .jp-controls{
font-size:12px;
margin:0px;
}
.vc_span4 .iron_widget_radio .audio-holder,
.vc_span3 .iron_widget_radio .audio-holder,
.vc_span2 .iron_widget_radio .audio-holder,
#sidebar .iron_widget_radio .audio-holder,
.footer__widgets .iron_widget_radio .audio-holder{
margin-top:5px;
}
.vc_span4 .iron_widget_radio .jp-type-playlist,
.vc_span3 .iron_widget_radio .jp-type-playlist,
.vc_span2 .iron_widget_radio .jp-type-playlist,
#sidebar .iron_widget_radio .jp-type-playlist,
.footer__widgets .iron_widget_radio .jp-type-playlist{
display:inline-block;
}
}
@media (max-width: 500px) {
.iron_widget_radio .panel__body {
font-size: 13px;
line-height: 16px;
padding: 0;
height:auto;
}
.panel-action{
font-size: 12px;
padding-bottom: 15px;
padding-top: 15px;
}
.iron_widget_radio .info-box img {
float:left;
margin:0px;
max-width: none;
}
.iron_widget_radio .panel__body{
text-align:left;
}
.description-column .iron_widget_radio .player-title-box{
margin-top:0px;
}
.description-column ul.tracks-list{
margin-top:0px !important;
}
.iron_widget_radio.playlist_enabled .audio-holder .jp-interface{
}
.iron_widget_radio .jp-controls{
}
.player-box .jp-controls {
margin: 0px;
}
.iron_widget_radio .jp-type-playlist {
display:none;
}
.iron_widget_radio.playlist_enabled .jp-type-playlist {
display: block;
}
}
/* Color overrides */
.iron_widget_radio .info-box{
background:#F00;
}
/* 7.2 Twitter
========================================================================== */
.iron_widget_twitter .panel__body {
}
.iron_widget_twitter p{margin:0 0 34px}
.iron_widget_twitter ul{padding: 0 20px !important;}
.iron_widget_twitter li{list-style:none}
.iron_widget_twitter .meta{
margin:0 -10px;
padding:0 0 0 29px;
position:relative;
font:12px/16px;
text-align:left;
}
.iron_widget_twitter .meta:after{
content:'';
width:17px;
height:14px;
background-color: transparent;
background-image:url(images/sprite.png);
background-repeat:no-repeat;
background-position: -80px -13px;
position:absolute;
left:0;
top:0;
}
.iron_widget_twitter .meta a{color:#000;}
/**
* Sidebar
*/
.content__side > .iron_widget_twitter .panel__body {
font-size: 18px;
}
/**
* Footer
*/
/* 7.3 Latest News
========================================================================== */
.recent-posts h2{
font-weight:300;
font-size:24px;
text-transform:none;
line-height:26px;
margin-top:0px;
margin-bottom:0px;
max-width:400px;
}
.recent-posts .excerpt{
text-align:left;
font-size:14px;
line-height:16px;
}
.vc_span4 .recent-posts .excerpt{
}
.article .image,
.carousel.responsive1 .slide .image {
position: relative;
overflow: hidden;
width: 100%;
height: 178px;
background-color: rgba(0,0,0,0.2);
}
.carousel.responsive1 .slide a {
height: 360px;
}
.article a {
height: 318px;
}
.carousel .slide a.hover,
.article a.hover {
color: #1A1A1A;
}
.carousel .text,
.article .text {
padding: 25px 20px 45px;
overflow: hidden;
}
.carousel .text h2,
.article .text h2 {
margin-bottom: 8px;
color: #000;
font-size: 20px;
font-weight: normal;
line-height: 1.2;
text-transform: uppercase;
}
.text .datetime,
.article .datetime {
display: block;
font-size: 12px;
font-weight: normal;
}
.carousel .slide a:focus .text .datetime,
.carousel .slide a:hover .text .datetime,
.carousel .slide a.hover .text .datetime,
.article a:focus .datetime,
.article a:hover .datetime,
.article a.hover .datetime {
color: #1A1A1A;
}
/**
* Sidebar / Narrow Grid
*/
.content__side .carousel.responsive1 .slide a,
.grid-cols--2 .carousel.responsive1 .slide a {
height: 300px;
}
.content__side .carousel .text,
.grid-cols--2 .carousel .text {
padding: 25px 12px 35px;
}
.content__side .carousel .text h2,
.grid-cols--2 .carousel .text h2 {
font-size: 18px;
margin-bottom: 4px;
}
@media only screen and (max-width: 639px){
.recent-posts .media-block {
margin: 0 auto;
max-width: 329px;
width: auto;
}
.recent-posts .media-block .text-box{
padding-left: 10px;
padding-right: 10px;
}
}
/* Sidebar Simple Post */
.post_simple{
}
.post_simple a{
background:none !important;
}
.post_simple .simple-post-img-wrap{
float:left;
width:25%;
display:block;
}
.post_simple .simple-post-txt-wrap{
float:left;
width:70%;
margin-left:5%;
}
.post_simple .simple-post-txt-wrap h2{
font-size:18px;
line-height:18px;
}
.post_simple .simple-post-txt-wrap .excerpt{
margin-bottom:0px;
margin-top:5px;
}
.post_simple .image{
margin:0px;
width:100%;
}
.post_simple .splitter{
height:1px;
width:100%;
margin-top:15px;
margin-bottom:15px;
background-color:#ededed;
clear:both;
}
.vc_col-sm-12 .post_simple{
max-width:600px;
margin:0 auto;
}
/* 7.4 Upcoming Events
========================================================================== */
/* .iron_widget_events {} */
.concert-box {
position: relative;
min-height: 120px;
color: #434242;
font-size: 24px;
line-height: 1;
text-transform: uppercase;
}
.concert-box,
.concert-box .hover-box {
padding: 25px 20px 45px;
}
.concert-box .datetime {
display: block;
margin-bottom: 4px;
}
.concert-box .time {
display: inline-block;
position: relative;
top: -6px;
padding: 0.5em;
margin-left: 5px;
background-color: #000;
color: #FFF;
font-size: 12px;
letter-spacing: 0.1em;
border-radius: 2px;
}
.concert-box .event-title {
display: block;
color: #B6B6B6;
margin-bottom: 4px;
}
/**
* Sidebar
*/
.content__side .concert-box {
font-size: 18px;
}
.content__side .concert-box,
.content__side .concert-box .hover-box {
padding: 25px 12px 35px;
}
.content__side .concert-box .datetime {
display: block;
}
.content__side .concert-box .date {
display: block;
}
.content__side .concert-box .time {
top: auto;
font-size: 11px;
margin-left: 0;
}
/**
* Footer
*/
/* 7.5 Recent Videos
========================================================================== */
.video-box {
text-transform: uppercase;
}
.video-box .hover-box {
text-align:center;
padding:13px;
background-color: rgba(0,0,0,.8);
color: #FFF;
white-space: nowrap;
-webkit-transition: opacity 300ms ease-in-out;
-moz-transition: opacity 300ms ease-in-out;
-o-transition: opacity 300ms ease-in-out;
-ms-transition: opacity 300ms ease-in-out;
transition: opacity 300ms ease-in-out;
}
.video-box .image {
position: relative;
overflow: hidden;
width: 100%;
}
.video-box h2 {
margin-bottom: 10px;
color: #FFF;
font-size: 18px;
font-weight: normal;
line-height: 1;
text-align: center;
white-space: normal;
}
.video-box .btn-play {
display: block;
}
.video-box .icon-play {
display: inline-block;
padding: 16px 13px 16px 19px;
font-size: 28px;
line-height: 1;
color: #FFF;
border-radius: 100%;
background-color: #000;
}
.video-box .btn-play {
margin-top: 10px;
width: 100%;
font-size: 12px;
line-height: 1;
text-align: center;
}
.iron_widget_videos h2{
font-size:18px;
line-height:20px;
margin:0px;
}
.iron_widget_videos .media-block .image{
margin-right:10px;
}
#sidebar .video-list.video_list .image{width:140px}
.vc_span4 .iron_widget_videos .media-block .image,
.vc_span3 .iron_widget_videos .media-block .image,
.vc_span2 .iron_widget_videos .media-block .image{
margin-right:0px;
}
.vc_span4 .videogrid h2,
.vc_span3 .videogrid h2,
.vc_span2 .videogrid h2{
font-size:14px;
line-height:16px;
}
/**
* Sidebar
*/
/**
* Footer
*/
/* 7.6 Newsletter
========================================================================== */
.iron_widget_newsletter {
text-align: center;
background:none !important;
}
.iron_widget_newsletter .control-label {
display: inline-block;
margin-right: 10px;
font-size: 24px;
line-height: 1;
text-transform: uppercase;
vertical-align: middle;
}
.iron_widget_newsletter .control-append {
border: 1px solid #272727;
vertical-align: middle;
}
.iron_widget_newsletter .form-control {
float: left;
width: 68%;
height: 16px;
border: 0;
margin: 0;
padding: 10px 1%;
background-color: transparent;
font-size: 13px;
line-height: 1;
}
.iron_widget_newsletter input[type="submit"] {
overflow: hidden;
cursor: pointer;
height: 36px;
border: 0;
margin: 0;
padding: 0;
background-color: #1A1A1A;
color: #FFF;
font-size: 13px;
line-height: 36px;
text-transform: uppercase;
}
.iron_widget_newsletter input[type="submit"]:focus,
.iron_widget_newsletter input[type="submit"]:hover {
color: #FFF;
}
.iron_widget_newsletter .form-status {
clear: both;
display: block;
margin: 0;
padding-top: 10px;
font-size: 13px;
text-align: left;
}
/**
* Sidebar / Narrow
*/
.content__side > .iron_widget_newsletter .control-label,
.grid-cols > .iron_widget_newsletter .control-label {
margin: 0 0 10px;
display: block;
}
/**
* Footer
*/
/* New Module */
.newsletter-module{
color:#FFF;
text-transform:uppercase;
font-size:24px;
padding-top:50px;
padding-bottom:50px;
text-align:center;
font-family: 'Josefin Sans',sans-serif;
font-weight:600;
}
/* 7.7 Terms
========================================================================== */
/* .iron_widget_terms */
.terms-list {
list-style: none;
margin: 0;
padding-left: 0;
line-height: 18px;
}
.terms-list li {
border-bottom:none;
}
.terms-list li:last-child {
border-bottom: 0;
}
.terms-list a {
display: block;
cursor: pointer;
padding: 10px 15px 10px 10px;
color: #000;
font-size: 13px;
}
.terms-list a:focus,
.terms-list a:hover {
text-decoration: none;
background: #EBEBEB;
}
.terms-list small {
font-size: inherit;
}
/**
* Sidebar
*/
/**
* Footer
*/
/* 7.8 WordPress Widgets/Default Widgets
========================================================================== */
/**
* Default Widgets :
* - WP_Widget_Archives
* - WP_Widget_Calendar
* - WP_Widget_Categories
* - WP_Widget_Links
* - WP_Widget_Meta
* - WP_Widget_Pages
* - WP_Widget_Recent_Comments
* - WP_Widget_Posts
* - WP_Widget_RSS
* - WP_Widget_Search
* - WP_Widget_Tag_Cloud
* - WP_Widget_Text
* - WP_Nav_Menu_Widget
*
*/
/**
* Common
*
* 1. Inherited from .panel__body
*/
/* .widget_calendar */ #calendar_wrap,
/* .widget_text */ .textwidget,
.widget_nav_menu > .menu-main-menu-container,
.widget_tag_cloud > .tagcloud {
padding:0px; /* 1 */
}
.widget > ul {
margin-top: 10px; /* 1 */
margin-bottom: 10px; /* 1 */
}
.widget > .select-area {
margin: 10px; /* 1 */
}
.panel__heading + #calendar_wrap,
.panel__heading + .textwidget,
.panel__heading + .menu-main-menu-container,
.panel__heading + .tagcloud {
padding-top: 0px;
}
.panel__heading + ul,
.panel__heading + select,
.panel__heading + .select-area {
margin-top: 10px;
}
/**
* WP_Widget_Calendar
*/
#wp-calendar {
width: 100%;
}
#wp-calendar th {
text-align: left;
}
/**
* WP_Widget_Calendar
*/
.tagcloud {
text-align: center;
}
/**
* WP_Nav_Menu_Widget
*/
.widget_nav_menu > .menu-main-menu-container > :first-child {
margin-top: 0;
margin-bottom: 0;
}
/**
* WP_Widget_RSS
*/
.rsswidget img {
vertical-align: 12%;
}
/* Visual Composer Widgets */
h3.widgettitle{
font-size: 18px;
font-weight:600;
color:#353535;
line-height:normal;
text-align:center;
padding-top:22px;
padding-bottom:5px;
margin:0px;
background-size:contain;
}
.wpb_content_element{
font-size:14px;
font-weight:400;
}
.wpb_content_element ul.children{
padding-left:15px;
}
/* Sidebar Widgets */
#sidebar .panel__heading{
color:#353535;
background:none;
padding:0px;
margin:0px;
}
#sidebar .panel__heading h3{
font-size: 14px;
font-weight:700;
color:#353535;
text-transform:uppercase;
margin:0px;
padding:0px;
line-height:36px;
border:none;
letter-spacing:0px;
text-align:left;
}
#sidebar ul{
padding:0px;
list-style:none;
}
#sidebar ul.children{
padding-left:15px;
}
/* Search Form */
.searchform{
padding: 10px 0px;
}
#searchform input[type="text"]{
height:40px;
width:70%;
background-color:#FFF;
padding:0px;
border:none;
padding-left:10px;
border:1px solid #353535;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#footer .searchform input[type="text"]{
border:none;
}
#searchform input[type="submit"]{
height:40px;
background-color:#e80e50;
color:#FFF;
width:28%;
padding:0px;
border:none;
text-transform:uppercase;
}
.screen-reader-text{
display:none;
}
.search-result{
margin-top:10%;
text-align:center;
}
/* 7.9 Third-Party Widgets
========================================================================== */
/* Revolution Slider */
.rev_slider_wrapper{
height: 100vh;
left:0!important;
}
.panel-action{
background-color:#f7f7f7;
float:none;
width:100%;
text-align:center;
padding-top:20px;
padding-bottom:20px;
font-size:14px;
display:block;
text-decoration:none !important;
clear:both;
transition: all 0.12s ease-in-out;
-moz-transition: all 0.12s ease-in-out;
-webkit-transition: all 0.12s ease-in-out;
}
#sidebar .panel-action{
padding:0px;
padding-top:10px;
padding-bottom:10px;
/*margin-bottom:5px;*/
display:block;
color:#e80e50;
font-weight:normal;
}
#sidebar .panel-action:hover{
background-color:#353535;
}
#footer .panel-action{
display:none;
}
.vc_span4 .panel-action,
.vc_span3 .panel-action,
.vc_span2 .panel-action{
font-size: 12px;
padding-bottom: 15px;
padding-top: 15px;
}
/* Newsletter Widget */
.iron_widget_newsletter,
.nm_mc_form{
background:none;
padding:20px;
padding-top:40px;
padding-bottom:24px;
position:relative;
}
.iron_widget_newsletter{
padding:0px;
}
#footer .iron_widget_newsletter, #footer .nm_mc_form{
padding:0px;
padding-top:20px;
}
#sidebar .newsletter-wrap{
background:none !important
}
#sidebar .iron_widget_newsletter,
#sidebar .nm_mc_form{
background:none !important;
padding:0px !important;
position:relative;
}
.nm_mc_form ul{
position:relative;
}
.iron_widget_newsletter h2{
color:#FFF;
background:none;
line-height:normal;
font-family: 'Josefin Sans', sans-serif;
font-weight:600;
}
.iron_widget_newsletter .control-append{
border: medium none;
display: table;
width: 100%;
}
.iron_widget_newsletter input[type="email"],
.nm_mc_form input[type="text"]{
border:1px solid #FFF;
height:40px;
width:100%;
max-width:400px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
margin:0 auto;
display:table;
margin-bottom:10px !important;
color:#FFF;
padding-left:10px;
background:none !important;
}
.nm_mc_form label{
width:100%;
max-width:400px;
display:table;
margin:0 auto;
color:#FFF;
}
#mc-response-area{
text-align:center;
margin-top:10px;
}
#footer .nm_mc_error{
color:#FFF;
}
#sidebar .nm_mc_error{
color:#353535;
}
.iron_widget_newsletter input[type="submit"],
.nm_mc_form input[type="submit"]{
height:40px;
max-width:400px;
text-transform:none;
border:1px solid #FFF;
background:none;
color:#FFF;
text-transform:uppercase;
font-weight:600;
display:block;
margin:0 auto;
margin-top:20px;
padding-left:20px;
padding-right:20px;
}
#footer .iron_widget_newsletter input[type="submit"],
#footer .nm_mc_form input[type="submit"]{
max-width:290px;
}
.iron_widget_newsletter input[type="submit"]:hover{
background-color:#FFF;
color:#e80e50;
}
.newsletter-wrap{
margin: 0 auto;
width: 100%;
position:relative;
}
.newsletter-wrap .control-description{
padding-top: 40px;
}
/* Newsletter Widget (Small) */
.vc_span4 .iron_widget_newsletter input[type="email"],
.vc_span3 .iron_widget_newsletter input[type="email"],
.vc_span2 .iron_widget_newsletter input[type="email"],{
width:100%;
max-width:300px;
margin-right:0px;
float:none;
}
.vc_span4 .iron_widget_newsletter input[type="submit"],
.vc_span3 .iron_widget_newsletter input[type="submit"],
.vc_span2 .iron_widget_newsletter input[type="submit"]{
margin-top:10px;
float:none;
}
.vc_span4 .iron_widget_newsletter h2,
.vc_span3 .iron_widget_newsletter h2,
.vc_span2 .iron_widget_newsletter h2{
font-size:14px;
}
@media (min-width: 992px) {
.vc_span4 .iron_widget_newsletter input[type="submit"],
.vc_span4 .nm_mc_form input[type="submit"]{
max-width:295px;
}
.vc_span3 .iron_widget_newsletter input[type="submit"],
.vc_span3 .nm_mc_form input[type="submit"]{
max-width:204px;
}
.vc_span2 .iron_widget_newsletter input[type="submit"],
.vc_span2 .nm_mc_form input[type="submit"]{
max-width:112px;
}
}
/* Twitter Widget */
span.tweet_time{
display:none;
}
.iron_widget_twitter .twitter-logo{
color:#e80e50;
font-size:40px;
float:left;
width:20%;
}
.iron_widget_twitter .twitter-logo-small{
color:#e80e50;
font-size:32px;
display:none;
margin-bottom:5px;
}
.iron_widget_twitter .panel__body{
background-color:#f7f7f7;
font-size:18px;
font-weight:normal;
text-align:center;
margin-bottom:3px;
position:relative;
height:170px;
width:100%;
}
.iron_widget_twitter .panel-action{
background-color:#f7f7f7;
float:none;
width:100%;
text-align:center;
padding-top:30px;
padding-bottom:30px;
font-size:14px;
}
.iron_widget_twitter ul.tweet_list{
max-width:600px;
margin:0 auto;
display:block;
}
.iron_widget_twitter ul.tweet_list li{
text-overflow: ellipsis;
overflow:hidden;
}
.twitter-center{
position: relative;
left: 0;
right: 0;
top:50%;
}
#footer .twitter-center{
margin-top:-10px !important;
top:0px !important;
}
/* Twitter Widget (Small)*/
.vc_span4 .iron_widget_twitter .panel__body,
.vc_span3 .iron_widget_twitter .panel__body,
.vc_span2 .iron_widget_twitter .panel__body,
#sidebar .iron_widget_twitter .panel__body,
.footer__widgets .iron_widget_twitter .panel__body,
.vc_col-sm-4 .iron_widget_twitter .panel__body,
.vc_col-sm-3 .iron_widget_twitter .panel__body,
.vc_col-sm-2 .iron_widget_twitter .panel__body{
font-size:16px;
line-height:18px;
height:225px;
}
.vc_span4 .iron_widget_twitter .panel-action,
.vc_span3 .iron_widget_twitter .panel-action,
.vc_span2 .iron_widget_twitter .panel-action,
#sidebar .iron_widget_twitter .panel-action,
.footer__widgets .iron_widget_twitter .panel-action,
.vc_col-sm-4 .iron_widget_twitter .panel-action,
.vc_col-sm-3 .iron_widget_twitter .panel-action,
.vc_col-sm-2 .iron_widget_twitter .panel-action{
padding-top:15px;
padding-bottom:15px;
font-size:12px;
}
.vc_span4 .iron_widget_twitter .twitter-logo,
.vc_span3 .iron_widget_twitter .twitter-logo,
.vc_span2 .iron_widget_twitter .twitter-logo,
#sidebar .iron_widget_twitter .twitter-logo,
.footer__widgets .iron_widget_twitter .twitter-logo,
.vc_col-sm-4 .iron_widget_twitter .twitter-logo,
.vc_col-sm-3 .iron_widget_twitter .twitter-logo,
.vc_col-sm-2 .iron_widget_twitter .twitter-logo{
display:none;
}
.vc_span4 .iron_widget_twitter .twitter-logo-small,
.vc_span3 .iron_widget_twitter .twitter-logo-small,
.vc_span2 .iron_widget_twitter .twitter-logo-small,
#sidebar .iron_widget_twitter .twitter-logo-small,
.footer__widgets .iron_widget_twitter .twitter-logo-small,
.vc_col-sm-4 .iron_widget_twitter .twitter-logo-small,
.vc_col-sm-3 .iron_widget_twitter .twitter-logo-small,
.vc_col-sm-2 .iron_widget_twitter .twitter-logo-small{
display:block;
text-align:center;
}
.vc_span4 .iron_widget_twitter ul.tweet_list li,
.vc_span3 .iron_widget_twitter ul.tweet_list li,
.vc_span2 .iron_widget_twitter ul.tweet_list li,
#sidebar .iron_widget_twitter ul.tweet_list li,
.footer__widgets .iron_widget_twitter ul.tweet_list li{
max-height:110px;
}
.footer__widgets .iron_widget_twitter .panel__body{
margin:0px;
}
@media (max-width: 480px) {
.iron_widget_twitter .twitter-logo{
display:none;
}
.iron_widget_twitter .twitter-logo-small{
display:block;
}
.iron_widget_twitter .panel-action{
font-size: 12px;
padding-bottom: 15px;
padding-top: 15px;
}
.iron_widget_twitter .panel__body{
font-size: 13px !important;
line-height: 16px;
}
}
/* VC countdown */
.vc-countdown-wrap {
width: 100%;
overflow: hidden;
}
.vc-countdown-wrap .countdown-period{
display:none;
}
.vc-countdown-wrap .countdown-period{
display:none;
}
.vc-countdown-wrap.show_labels .countdown-period{
display: block;
}
.vc-countdown-wrap .countdown-block {
position:relative;
max-width:inherit;
width:100%;
height:inherit;
}
.widget-countdown .label-align-center .countdown-period{
text-align:center;
}
.widget-countdown .label-align-left .countdown-period{
text-align:left;
}
.widget-countdown .label-align-right .countdown-period{
text-align:right;
}
.vc-countdown-wrap .countdown-row{
overflow: hidden;
display: block;
width:inherit;
}
.vc-countdown-wrap .countdown-section{
height: auto;
}
/* Countdown Widget */
.widget-countdown .countdown-block{
display:table;
margin:0 auto;
}
.widget-countdown .countdown-block span.countdown-row{
display:table;
width:auto;
margin:0 auto;
}
.widget-countdown .countdown-block span.countdown-section{
display:table;
float:left;
}
.widget-countdown .countdown-block span.countdown-section:first-child{
padding-left:0px !important;
}
.widget-countdown .countdown-block span.countdown-section:last-of-type{
padding-right:0px !important;
}
.widget-countdown .countdown-block span.countdown-section span.countdown-amount{
display:block;
line-height:normal;
text-align:left;
}
@media screen and (max-width:600px) {
.widget-countdown .countdown-block span.countdown-section span.countdown-amount{
text-align:center;
}
}
.count_splitter{
float:left;
}
.count_splitter:last-child{
display:none;
}
.event-text-wrap{
float:left;
display:block;
margin-left:20px;
position:relative;
top:50%;
max-width:600px;
}
.buttons .event-text-wrap .location-h {
font-weight: normal;
font-size:20px;
line-height:22px;
text-align:left;
opacity:0;
filter:alpha(opacity=0)
}
.buttons .event-text-wrap .city-h{
font-weight: 300;
font-size:20px;
line-height:22px;
text-align:left;
opacity:0;
filter:alpha(opacity=0)
}
@media (max-width: 850px) {
.buttons .event-text-wrap .location-h,
.buttons .event-text-wrap .city-h{
text-align:center;
}
}
.buttons:hover .event-text-wrap .location-h, .buttons:hover .event-text-wrap .city-h{
opacity:1;
filter:alpha(opacity=100)
}
.concerts-list .title-row.hover .buttons .button {
background-color: #e80e50;
border:1px solid #FFF;
padding: 7px 19px;
}
.event-more-button{
display:none;
}
@media (max-width: 849px) {
.event-more-button{
border: 1px solid;
display: table;
font-size: 14px;
padding: 5px 25px;
margin:0 auto;
margin-top:20px;
}
.event-centering .datetime{
border: none;
display: block;
float: none;
font-size: 14px;
margin: 0 auto;
max-width: 200px;
padding: 0;
text-align: center;
width: auto;
}
}
.vc_span6 .iron_widget_events .event-more-button,
.vc_span4 .iron_widget_events .event-more-button,
.vc_span3 .iron_widget_events .event-more-button,
.vc_span2 .iron_widget_events .event-more-button,
#sidebar .iron_widget_events .event-more-button,
#footer .iron_widget_events .event-more-button{
border: 1px solid;
display: table;
font-size: 14px;
padding: 5px 25px;
margin:0 auto;
margin-top:20px;
}
@media (max-width: 1200px) {
.vc_span3 .countdown-block,
.vc_span2 .countdown-block{
display:none !important;
}
.vc_span3 .countdown-wrap .event-text-wrap,
.vc_span2 .countdown-wrap .event-text-wrap{
padding-top:0px;
}
}
@media (max-width: 990px) {
.vc_span4 .countdown-block,
.vc_span3 .countdown-block,
.vc_span2 .countdown-block{
display:block !important;
margin-bottom:15px;
}
}
@media (max-width: 767px) {
.button-wrap{
bottom: 10px;
display: inline-block;
left: 50%;
margin-left: -52px;
position: absolute;
}
.button.ticket{
display:none;
}
.vc_span4 .countdown-block{
display:none;
}
.vc_span4 .countdown-wrap .event-text-wrap{
padding-top:0px;
}
}
/* News Widget */
#sidebar .recent-posts .image,
.footer__widgets .recent-posts .image{
margin:0px;
float:left;
width:100%;
}
#sidebar .recent-posts .text-box,
.footer__widgets .recent-posts .text-box{
float:left;
padding:0px;
margin-top:10px;
padding-left:10px;
padding-right:10px;
}
@media screen and (max-width:639px) {
.widget.iron_widget_posts .recent-posts .panel-action{
max-width:329px;
margin:0 auto;
}
}
/* Fix News/Video Lists */
@media screen and (max-width: 991px) {
.vc_span4 .iron_widget_videos,
.vc_span3 .iron_widget_videos,
.vc_span2 .iron_widget_videos,
.vc_span4 .iron_widget_posts,
.vc_span3 .iron_widget_posts,
.vc_span2 .iron_widget_posts{
width:50%;
margin:0 auto;
}
}
@media screen and (max-width: 639px) {
.vc_span4 .iron_widget_videos,
.vc_span3 .iron_widget_videos,
.vc_span2 .iron_widget_videos,
.vc_span4 .iron_widget_posts,
.vc_span3 .iron_widget_posts,
.vc_span2 .iron_widget_posts{
width:100%;
}
}
.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button{
margin-bottom:0px !important;
}
/* 7.10 Divider
========================================================================== */
.defaultdivider{
height:1px;
width:50px;
}
.defaultdivider.left{
float:left;
}
.defaultdivider.right{
float:right
}
.defaultdivider.center{
margin:0 auto;
}
.imagedivider{
display:table;
}
.imagedivider.left{
float:left;
}
.imagedivider.right{
float:right;
}
.imagedivider.center{
margin:0 auto;
}
/* 7.11 Button Widget
========================================================================== */
a.button-widget{
display:table;
font-size:13px;
border:1px solid #000;
padding-left:30px;
padding-right:30px;
padding-top:14px;
padding-bottom:14px;
text-decoration:none !important;
transition: background 0.35s ease 0s, color 0.35s ease 0s;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;
}
a.button-widget.left{
float:left;
}
a.button-widget.right{
float:right;
}
a.button-widget.center{
margin:0 auto;
}
/* 7.12 Promotion Widget
========================================================================== */
a.promobox{
width:100%;
height:auto;
max-height:650px;
display:block;
margin:0 auto;
overflow:hidden;
position:relative;
text-decoration:none !important;
}
.promo-overlay{
position:absolute;
height:100%;
width:100%;
top:0px;
left:0px;
opacity:1;
background:rgba(0,0,0,0.35);
transition: opacity 0.35s ease 0s;
z-index:10;
}
/* Animation 0: Default Fallback */
.promobox img{
transition:transform 0.35s ease 0s;
width: 110%;
max-width:none;
display:block;
position:relative;
}
a.promobox:hover img{
transform: translate3d(-5%, 0px, 0px);
-ms-transform: translate3d(-5%, 0px, 0px);
-moz-transform: translate3d(-5%, 0px, 0px);
-webkit-transform: translate3d(-5%, 0px, 0px);
}
/* Animation 1: Slide */
.promobox.animation-slide img{
transition:transform 0.35s ease 0s;
width: 110%;
max-width:none;
display:block;
position:relative;
}
a.promobox.animation-slide:hover img{
transform: translate3d(-5%, 0px, 0px);
-ms-transform: translate3d(-5%, 0px, 0px);
-moz-transform: translate3d(-5%, 0px, 0px);
-webkit-transform: translate3d(-5%, 0px, 0px);
}
/* Animation 2: Zoom */
.promobox.animation-zoom img{
width: 100%;
}
a.promobox.animation-zoom:hover img{
transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
}
a.promobox:hover .promo-overlay{
opacity:0;
}
.promocontent{
width:100%;
left: 0;
position: absolute;
top: 50%;
transform: translate3d(0px, -50%, 0px);
-ms-transform: translate3d(0px, -50%, 0px);
-moz-transform: translate3d(0px, -50%, 0px);
-webkit-transform: translate3d(0px, -50%, 0px);
transition: top 0.35s ease 0s;
z-index:11;
}
.promosubtext{
position:absolute;
top:120%;
opacity:0;
width:100%;
transition: opacity 0.35s ease 0s, bottom 0.35s ease 0s, top 0.35s ease 0s;
}
a.promobox:hover .promocontent{
top:45%;
}
a.promobox:hover .promosubtext{
opacity:1;
top:100%;
}
@media only screen and (max-width: 767px){
a.promobox:hover .promosubtext{
opacity:1;
bottom:-35px;
}
}
.promocontent.center .promotext h1, .promocontent.center .promotext h2, .promocontent.center .promotext h3, .promocontent.center .promotext h4, .promocontent.center .promotext h5, .promocontent.center .promotext h6, .promocontent.center .promosubtext h1, .promocontent.center .promosubtext h2, .promocontent.center .promosubtext h3, .promocontent.center .promosubtext h4, .promocontent.center .promosubtext h5, .promocontent.center .promosubtext h6{
text-align:center;
}
.promocontent.left .promotext h1, .promocontent.left .promotext h2, .promocontent.left .promotext h3, .promocontent.left .promotext h4, .promocontent.left .promotext h5, .promocontent.left .promotext h6, .promocontent.left .promosubtext h1, .promocontent.left .promosubtext h2, .promocontent.left .promosubtext h3, .promocontent.left .promosubtext h4, .promocontent.left .promosubtext h5, .promocontent.left .promosubtext h6{
text-align:left;
padding-left:10%;
box-sizing:border-box;
}
.promocontent.right .promotext h1, .promocontent.right .promotext h2, .promocontent.right .promotext h3, .promocontent.right .promotext h4, .promocontent.right .promotext h5, .promocontent.right .promotext h6, .promocontent.right .promosubtext h1, .promocontent.right .promosubtext h2, .promocontent.right .promosubtext h3, .promocontent.right .promosubtext h4, .promocontent.right .promosubtext h5, .promocontent.right .promosubtext h6{
text-align:right;
padding-right:10%;
box-sizing:border-box;
}
.promobox h1, .promobox h2, .promobox h3, .promobox h4, .promobox h5, .promobox h6{
margin:0;
}
.promotext h1, .promotext h2, .promotext h3, .promotext h4, .promotext h5, .promotext h6{
font-size:3vw;
line-height:4vw;
padding:0px;
}
.promosubtext h1, .promosubtext h2, .promosubtext h3, .promosubtext h4, .promosubtext h5, .promosubtext h6{
font-size:0.8vw;
line-height:0.8vw;
}
@media only screen and (max-width: 767px){
.promotext h1, .promotext h2, .promotext h3, .promotext h4, .promotext h5, .promotext h6{
font-size:8vw;
line-height:10vw;
}
.promosubtext h1, .promosubtext h2, .promosubtext h3, .promosubtext h4, .promosubtext h5, .promosubtext h6{
font-size:2vw;
line-height:2vw;
}
}
/* 7.14 Infobox
========================================================================== */
.infobox{
}
.infobox-icon{
float:left;
width:10%;
text-align:left;
font-size:32px;
}
.infobox-content{
float:left;
width:85%;
padding-left:2.5%;
padding-right:2.5%;
}
.infobox-title{
text-transform:uppercase;
font-family:'Open Sans',sans-serif;
font-size:14px;
font-weight:800;
letter-spacing:1px;
letter-spacing:1px;
}
.infobox-description{
font-family:'Open Sans',sans-serif;
font-size:14px;
margin-bottom:50px;
}
@media only screen and (max-width: 980px){
.infobox-icon{
font-size:24px;
}
}
@media only screen and (max-width: 767px){
.infobox-icon{
font-size:32px;
}
}
@media only screen and (max-width: 350px){
.infobox-icon{
font-size:24px;
}
}
/* 7.?? Croma TEST CLASSES
========================================================================== */
.buytheme p{
margin:0px;
font-size:18px;
text-align:center;
text-transform:uppercase;
font-weight:bold;
letter-spacing: 2px;
padding-top:40px;
padding-bottom:40px;
}
.boldtitle{
text-transform:uppercase;
letter-spacing:5px;
}
.custom-header-img{
display:block;
margin:0 auto;
margin-bottom:30px;
}
#sidebar .custom-header-img{
margin:0px !important;
margin-bottom:12px !important;
}
.imagedividerpic{
display:block;
}
/* Forcebottom */
.forcebottom{
}
.forcebottom img{
display:block;
margin:0 auto;
}
@media only screen and (max-width: 767px){
.breakpointpadding{
padding-bottom:35px !important;
}
}
.fit_bg_text{
display:table;
}
.fit_bg_left{
float:left;
}
.fit_bg_center{
margin:0 auto;
}
.fit_bg_right{
float:right;
}
/* ==========================================================================
8.0 Footer
========================================================================== */
/* 8.1 Site Footer
========================================================================== */
#footer {
background: #353535;
position: relative;
z-index:8000;
}
.footer-block {
overflow: hidden;
padding: 0 40px 50px;
}
.footer-block.share {
overflow: hidden;
padding: 0px;
background-color:#2e2e2e;
}
.footer-block .social-networks {
padding: 0px;
line-height: 50px;
}
.footer-block .social-networks a {
color: #fff;
font-size: large;
}
.footer-logo {
display: block;
overflow: hidden;
float: left;
}
.footer-logo img {
width: auto;
height: auto;
}
.footer-logo a{
display:block;
height:100%;
}
#footer .links-box {
padding: 20px 0px;
margin: 0 auto;
display: table;
}
#footer .facebook-box {
float: left;
}
.footer-wrapper{
padding-left:40px;
padding-right:40px;
padding-top:10px;
padding-bottom:10px;
margin: 0 auto;
max-width: 1144px;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: flex;
align-items: center;
justify-content: flex-start;
}
.footer-wrapper.widgets{
padding:44px;
}
#back-to-top, #back-to-top-mobile{
z-index: 9999;
}
.footer-wrapper-backtotop{
position:fixed;
bottom:-40px;
right:20px;
padding:10px;
border-radius:0px;
background:#FFF !important;
opacity:0;
font-size:16px;
transform:translate3d(0,0,0);
transition: opacity 0.35s ease 0s, bottom 0.35s ease 0s;
}
.footer-wrapper-backtotop.active{
opacity:1;
bottom:100px;
}
.footer-wrapper-backtotop:hover {
text-decoration: none;
}
.footer-wrapper-backtotop.mobile{
display:none;
}
/* Mobile Version*/
.footer-wrapper-backtotop-mobile{
position:fixed;
bottom:100px;
right:20px;
font-size:16px;
padding:10px;
border-radius:0px;
background-color:#FFF;
display:none;
-ms-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-webkit-backface-visibility:hidden;
}
.footer-wrapper-backtotop-mobile.active{
display:block;
background-color:#FFF;
}
#footer .newsletter-wrap{
background:none !important;
}
#footer .iron_widget_newsletter{
padding:0px;
}
#footer .iron_widget_newsletter .panel__heading{
line-height:12px;
}
#footer .iron_widget_newsletter .newsletter-wrap .control-description{
padding:0px;
}
#footer .iron_widget_newsletter h3{
text-align:left;
width:100%;
margin:0px;
}
#footer .iron_widget_newsletter .nm_mc_button{
background:none;
transition: color 0.35s ease 0s, background 0.35s ease 0s;
}
/* 8.2 Widget Area
========================================================================== */
.widget td, .widget table, .widget th{
border:0;
}
.footer__widgets{
margin: 0 auto;
max-width: 1064px;
position: relative;
padding-left:40px;
padding-right:40px;
padding-top:70px;
padding-bottom:40px;
color:#FFF;
}
.footer__widgets .widget{
margin-bottom:30px;
margin-right:1%;
margin-left:1%;
}
.footer__widgets .panel__heading{
background:none;
padding:0px;
padding-bottom:12px;
border-bottom:2px solid #FFF;
margin-bottom:15px;
}
.footer__widgets .panel__heading h3{
border:none;
font-size: 14px;
font-weight: 700;
letter-spacing: 0;
margin: 0;
padding: 0;
text-align: left;
text-transform: uppercase;
}
.footer__widgets .panel__body{
background:none;
}
.footer__widgets .panel-action{
background:none;
}
.footer__widgets ul{
padding-left:16px;
}
.footer__widgets ul.concerts-list{
padding-left:0px;
}
.footer__widgets ul a{
color:#FFF;
}
.footer__widgets ul .post-date{
font-size:10px;
color:#d3d3d3;
display:block;
margin-top:-5px;
}
.footer__widgets .textwidget{
padding-left:0px;
}
.footer__widgets .panel__body{
background:none !important;
}
.footer__widgets ul.jp-controls{
padding:0px;
}
@media (max-width: 767px) {
.widget-area aside.widget{
float:none;
width:100%;
margin:0px;
margin-bottom:20px;
min-height:0px;;
height:auto;
}
}
/* 8.3 Copyright
========================================================================== */
.footer-row{
overflow:hidden;
padding:0px;
font-size:11px;
line-height:12px;
color:#fff;
background-color:#000;
}
.footer-row p{
font-size:11px;
line-height:12px;
}
.footer-row ul{
margin:0;
padding:14px 0;
list-style:none;
float:right;
color:#1a1a1a;
}
.footer-row li{
float:left;
padding:0 0 0 15px;
position:relative;
}
.footer-row li:after{
content:'|';
position:absolute;
left:6px;
top:-1px;
}
.footer-row li:first-child:after{display:none;}
.footer-row ul a{color:#1a1a1a;}
.footer-row img {
display: block;
width: auto;
height: auto;
max-width: 200px;
max-height: 100px;
}
.footer-row .footer-logo-wrap{
margin-right:15px;
}
.footer-row .text-box{overflow:hidden;}
.footer-row p,
.footer-row h1,
.footer-row h2,
.footer-row h3,
.footer-row h4,
.footer-row h5,
.footer-row h6{
margin:0;
}
.footer-row .text.footer-copyright{
padding:0px;
}
.footer-row .text.footer-author{
padding:0px;
margin-left: auto;
}
@media only screen and (max-width:500px){
.footer-wrapper{
display: block;
text-align: center;
}
.footer-row img {
margin: 0 auto;
}
.footer-row .text{
margin-bottom: 20px;
margin-top: 20px;
}
}
/* 8.4 Theme Extras
========================================================================== */
.countdown-block {
text-transform: uppercase;
}
.icon-inlines{
float:left;
}
.footer__widgets .textwidget{
text-align:center;
}
.footer__widgets {
padding-bottom: 0px;
}
.footer-row{
padding-bottom: 4px;
}
/* Drop Cap for About Section */
#dropcap span.dropcap{
font-size:69px;
margin-right: -13px;
width:75px;
height:33px;
margin-top:15px;
float:left;
}
/* Widget button: to align horizontally the buttons on the same line */
.button-inline .button-widget{
display: inline-block;
margin: 10px !important;
}
.button-inline{
text-align:center;
}
.button-inline .button-clear{
display:none;
}
/* ==========================================================================
9.0 Media Queries
========================================================================== */
@media only screen and (min-width: 768px){
.nav-holder {
display:block !important;
}
/* 5.3 Event */
.concerts-list .title-row.hover .buttons .link {
color: #1A1A1A;
}
}
@media only screen and (max-width: 1179px){
#header {
margin: 40px 12px 15px;
}
.marquee .tparrows.hidearrows {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.marquee.tp-simpleresponsive .caption {
visibility: visible;
}
.marquee .text-box {
left: 5% !important;
}
}
@media only screen and (max-width: 1143px){
.logo-desktop {
max-width: 300px;
max-height: 112px;
}
.blockquote-box {
max-width: 370px;
}
/*make space under the mobile menu*/
#pusher.menu-type-classic-menu {
padding-top: 60px;
}
}
/* tablets version */
@media only screen and (max-width: 1023px){
.fs-img{font-family:'image-set( url(-large|-medium), url(-large|-medium) 2x high-bandwidth)';}
h1{
}
#wrapper{overflow:hidden;padding-bottom: 0;}
.nav-menu li a {
letter-spacing: 0;
padding-left: 11px;
padding-right: 11px;
}
.blockquote-box {
max-width: 270px;
}
.site-description {
margin-right: 20px;
}
.container{padding:0px;}
.nav-holder,
.fixed-bar .nav-holder{padding:0;}
.marquee .text-box,
.marquee .rsArrowLeft,
.marquee .rsArrowRight {
top: 16%;
}
.marquee .placeholder {
height: 180px;
}
.marquee .text-box h1 {
font-size: 50px;
}
.heading h1 {
font-size: 70px;
margin: -3px 0 -5px;
padding: 0 10px;
}
.iron_widget_twitter .panel__body {
}
.iron_widget_twitter .meta {
margin: 0;
}
.title-box{padding:19px 13px 18px;}
.title-box h2{
font-size:19px;
line-height:22px;
}
.title-box .link{margin-top:4px;}
.carousel h2 {
font-size: 18px;
margin-bottom: 4px;
}
.carousel .text,
.article .text
.concert-box,
.concert-box .hover-box {
padding: 25px 12px 35px;
}
.carousel .more,
.article .more {
right: 12px;
bottom: 4px;
}
.widget-blocks{margin:0 -20px 27px 0;}
.contact-box{
padding:30px 25px 10px;
margin:32px -1px 43px 0;
}
.contact-box img{margin:5px 24px 13px 0;}
.footer-wrapper{
padding-left:13px;
padding-right:13px;
}
}
@media only screen and (max-width: 979px){
.carousel.responsive1 .slide .image {
height: 140px;
}
.content__side .link .label,
.content__side .panel-action__label {
display: none;
}
}
@media only screen and (min-width: 360px) and (max-width: 767px){
.content__side .link .label,
.content__side .panel-action__label {
display: inline;
}
}
@media only screen and (max-width: 899px){
.carousel.responsive1 .slide a {
height: 300px;
}
}
@media only screen and (max-width: 500px){
.logo-desktop{
max-height:50px;
}
}
@media only screen and (max-width: 819px){
.carousel.responsive1 .slide .image {
height: 125px;
}
}
/* mobile version */
@media only screen and (max-width: 849px){
body{
border:0;
}
h1{
}
h2{
font-size:18px;
line-height:20px;
color:#1a1a1a;
}
h3{font:bold 16px/18px;}
/*p{margin:0 0 0px;}*/
#header{
border-bottom:1px solid #777;
padding: 5px 114px 5px 50px;
margin: 0;
height: 49px;
}
#header:after,
.header__left:before {
content: none;
display: none;
}
.header__left,
.site-title {
height: auto;
width: auto;
}
.header__left {
display: block;
}
.blockquote-box,
.site-description {
display: none;
}
.site-title{
position:relative;
z-index:11;
margin-top: 42px;
margin-left: 50px;
}
.side-menu .logo-desktop{display:none}
.logo-mobile{display:block;}
.container{
padding:0px;
padding-bottom:0px;
}
#nav {
float: none;
}
#nav ul ul {
}
.nav-menu li {
display: block;
margin-bottom: 1px;
}
.nav-menu li a{
padding: 5px 11px;
font-size: 13px;
}
.nav-menu li:hover > a{
background:none !important;
}
.panel .social-networks{
float:none;
padding:11px 0 9px;
clear: both;
padding-top: 20px;
}
.social-networks li {
margin: 0 2px;
}
.widget-blocks{margin:0 0 27px;}
.widget-blocks .block{
width:100%;
float:none;
padding:0 0 20px;
}
.button-box{
display:block;
float:left;
margin:10px 9px 0 0;
}
.facebook-box{display:none;}
/* .grid-cols {} */
.grid-cols--2 > .widget,
.grid-cols--3 > .widget,
.grid-cols--4 > .widget {
float: none;
width: auto;
}
/* #footer {} */
.footer-block {
padding: 0 30px 20px;
}
.footer__widgets {
margin-bottom: 0;
background-color: transparent;
}
/* .widget {} */
.footer__widgets > .widget .widget-title {
}
.footer__widgets > .iron_widget_newsletter {
padding: 0;
}
.footer__widgets > .iron_widget_newsletter .control-label {
margin: 0 0 10px;
display: block;
color: #FFF;
font-size: 18px;
}
.footer__widgets > .iron_widget_newsletter .control-append {
width: 60%;
display: block;
margin: 0 auto;
border-color: #fff;
}
.footer__widgets > .iron_widget_newsletter .form-control {
color: #FFF;
}
.footer__widgets > .iron_widget_newsletter input[type="submit"] {
background-color: #FFF;
}
.footer-block .social-networks {
padding: 0;
}
.footer-row ul{
float:none;
overflow:hidden;
color:#fff;
padding:0;
margin:2px 0 9px -15px;
}
.footer-row ul a{color:#fff;}
#footer{}
#footer .links-box{padding-top:10px; padding-bottom:10px;}
.footer-row{padding:0 11px 2px;}
.title-box{padding:15px 10px 12px;}
.widget-blocks{margin:0 0 11px;}
.widget-blocks .title-box{margin:0 0 10px;}
.widget-blocks .block{padding:0 0 16px;}
.widget-blocks .block .holder{
padding:6px 6px 5px;
height:auto !important;
}
.title-box h2{
font-size:14px;
line-height:16px;
}
.title-box .link{margin:0 0 0 20px;}
.link:before{display:none;}
/* .widget {} */
.link .label,
.panel-action__label {
}
.content__side .carousel.responsive1 .slide a,
.grid-cols--2 .carousel.responsive1 .slide a {
height: 280px;
}
.iron_widget_radio .info-box{
}
.iron_widget_radio .info-box .track-name{margin:0 0 1px;}
.iron_widget_radio.playlist_enabled .player-title-box .track-name{
margin-top:0px;
}
.player-box{
margin:0;
}
.iron_widget_twitter .panel__body {
font-size: 15px;
}
.iron_widget_twitter p{margin:0 0 14px;}
.iron_widget_twitter .meta{
margin:0 0 0 8px;
padding:0 0 0 16px;
font-size:10px;
line-height:13px;
}
.iron_widget_twitter .meta:after{
width:10px;
height:7px;
background-color: transparent;
background-image:url(images/sprite.png);
background-repeat:no-repeat;
background-position: -81px -52px;
top:3px;
}
.heading {
padding: 0 50px;
}
.heading h1 {
font-size: 45px;
margin: -1px 0 -4px;
}
/* .carousel {} */
.carousel .slide {
width: auto;
}
.js-carousel .carousel__wrapper {
margin: 0 35px;
}
.carousel .btn-prev,
.carousel .btn-next {
width: 34px;
font-size: 30px;
}
.carousel .btn-prev:hover,
.carousel .btn-next:hover {
width: 44px;
}
.carousel .icon-left-open-big,
.carousel .icon-right-open-big {
margin: -15px 0 0 0;
}
.concert-box {
font-size: 18px;
}
.concert-box .time {
top: -3px;
font-size: 11px;
}
.video-box h2 {
font-size: 14px;
}
.marquee .text-box {
top: 33%;
}
.marquee .placeholder {
height: 100px;
}
.marquee .text-box h1 {
font-size: 30px;
}
.marquee .more {
font-size: 9px;
}
.breadcrumbs{
font-size:11px;
line-height:16px;
margin:0 0 19px;
}
.breadcrumbs li{padding:0 19px 2px 0;}
.breadcrumbs li:after{
left:-12px;
top:0;
}
.articles-section{
margin:0 -10px 3px 0;
padding:1px 0 0;
}
.articles-section .article{
width:50%;
padding:0 10px 10px 0;
}
.article h2{
font-size:23px;
margin:0 0 6px;
}
.article .datetime{
font-size:15px;
line-height:18px;
}
.button-more{margin:0 0 25px;}
.content--rev > .content__main,
.content__main,
.content__side {
width: auto;
float: none;
}
.content__side{
display:none;
}
.meta{padding:11px 0 0;}
.meta:after{top:0;}
.links-block .button{display:none;}
.links-block .buttons{
margin:4px 0 0 8px;
}
.video-post .links-block .buttons{margin:0px;}
#content .links-block{
margin:31px 0 0;
padding:21px 0 20px;
}
#content .video-post .links-block{margin:0 0 -13px;}
.blockquote-block{
padding:40px 50px 46px 59px;
margin:0 0 26px;
}
.blockquote-block{
padding:33px 25px 39px 31px;
margin:0 0 22px;
}
.blockquote-block .title{margin:0 0 14px;}
.two-columns .blockquote-block{
margin:-2px 0 22px;
padding:33px 28px 39px 31px;
}
.two-columns{margin:0 -20px 0 0;}
.two-columns .column{padding:0 20px 0 0;}
.contact-box img{
margin:0 auto 24px;
float:none;
display:block;
}
.form .box{
padding:0 0 14px;
float:none;
display:block;
}
.form input[type="submit"]{float:left;}
.form-block{
color:#4e4e4e;
padding:14px 0 0;
}
.form-block h2{
font-size:24px;
line-height:28px;
margin:0 0 15px;
}
.form .wrap{
padding:17px 0 12px;
margin:0;
}
.contact-box p{margin:0 0 12px;}
.filters-block {
display: none;
}
/* Behave like .one-half */
.one-third > li {
width: 48%;
max-width: none;
margin: 1%;
}
.select-nav-select,
.nav-select{display:block !important;}
.concerts-list li{
position:relative;
padding:0px;
}
.event-centering{
height:auto;
}
.concerts-list .title-row{
font-size:18px;
line-height:24px;
padding:10px;
position:relative;
height:206px;
}
.concerts-list .title-row > span{
display:block;
white-space:normal;
margin-left:20px;
}
.concerts-list .title-row .datetime {
border: none;
display: block;
float: none;
font-size: 14px;
margin: 0 auto;
max-width: 200px;
padding: 0;
text-align: center;
width: auto;
}
.concerts-list .title-row .time {
display:inline-block;
line-height: 14px;
margin-left: 8px;
}
.countdown-wrap {
height: auto;
top:50%;
left:0px;
right:0px;
margin:0px;
}
.concerts-list .title-row:after{display:none;}
.concerts-list .title-row .buttons{
bottom:0;
height:auto;
width:100%;
right:auto;
left:0;
}
.event-text-wrap .location-h {
font-weight: normal;
font-size: 18px;
line-height: 20px;
text-align:center;
}
.event-text-wrap .city-h{
font-weight: 300;
font-size: 18px;
line-height: 20px;
text-align:center;
}
.event-text-wrap{
display: block;
float: none;
margin:0 auto;
margin-top: 0px !important;
font-size: 18px;
line-height: 20px;
position: relative;
text-align: center;
top: 0px;
width: 100%;
padding-top:10px;
}
.event-text-wrap span.city{
margin-top:10px;
}
.event-text-wrap.btn span.city-h{
margin-top:10px;
}
.concerts-list .title-row .open-link{
float:left;
padding:0;
position:static;
margin:0;
width:auto;
height:auto;
color:#fff;
}
.concerts-list .title-row .opener{
display:block;
font-size:12px;
line-height:16px;
padding:0 0 0 20px;
margin:10px 0;
position:relative;
left:0;
}
.concerts-list .title-row .link{
background:none;
padding:0;
width:auto;
height:auto;
text-indent:0;
margin:4px 0 0;
}
.concerts-list .title-row .opener:after{
width:9px;
height:9px;
background-position:-108px -127px;
top:3px;
}
.webkit .concerts-list .title-row .opener:after{top:2px;}
.concerts-list .expanded .title-row .opener:after{top:6px;}
.concerts-list .expanded .title-row .opener:after{
height:2px;
top:7px;
}
.concerts-list .title-row .opener:hover:after{background-position:-123px -127px;}
.concerts-list .title-row .button{
margin:0px;
}
.concerts-list .title-row .button:hover{color:#fff !important;}
.concerts-list .slide .holder{padding: 4px 34px 1px;}
.tracks-block{margin:0;}
.tracks-list > li{padding:26px 15px 10px 39px;}
.tracks-list .buttons{
position:static;
overflow:hidden;
width:100%;
}
.tracks-list .name{
font-size:14px;
line-height:18px;
margin:0 0 10px;
}
.tracks-list .button{
font-size:13px;
margin:4px 10px 0 0;
min-width:74px;
padding:4px 10px 4px;
width:auto;
}
.webkit .tracks-list .button{padding-bottom:3px;}
.webkit .tracks-list li:before{margin-top: 7px;}
.tracks-list .name{margin:0 0 8px;}
.tracks-list li:before{
font-size: 15px;
line-height:20px;
margin: 3px 0 0 -42px;
width:20px;
}
.news .media-block .image,
.videos .media-block .image{margin:0 20px 0 0;}
.info-section{
padding:0;
margin:-10px 0 0;
}
.info-section .image{margin:0 0 11px;}
.buttons-block{margin:0 0 41px;}
.tracks-block h2{
padding:11px 21px 6px;
margin:0 0 1px !important;
}
.tracks-list{margin-bottom:0px;}
.info-section h2{margin:0 0 14px;}
.content-box{padding:0 0 21px;}
.info-section .blockquote-block{
margin:19px 0 20px;
padding:49px 25px 22px 31px;
}
.info-section .blockquote-block blockquote{margin:0 0 15px;}
.blockquote-block figcaption{margin:0 1px 0 0;}
.info-section .links-block{
margin:-15px 0 0;
padding:21px 0 33px;
}
.news .media-block .text-box,
.videos .media-block .text-box{}
.news .media-block .text-box:after,
.videos .media-block .text-box:after{right:10px;}
.media-block .image{margin:0 20px 0 0;}
.video-post{margin:-12px 0 0;}
.video-block{margin:0 0 15px;}
.video-post .meta{margin:0 0 17px;}
#content .links-block{
margin:21px 0 0;
padding:14px 0 20px;
}
.video-post{color:#555;}
.video-post .links-block .button{
display:inline-block;
}
.footer-wrapper.widgets{padding-bottom:20px;}
.description-column .jp-playlist-item{
margin-top:8px !important;
}
.description-column .tracks-list li:before{
margin-top:8px !important;
}
.tracks-list{
}
}
@media only screen and (max-width: 639px){
.aside,
.description-column{
float:none;
width:100%;
}
.marquee .placeholder {
height: 84px;
}
.marquee .text-box h1 {
font-size: 25px;
}
.marquee .tparrows {
height: 49.4%;
}
.footer__widgets > .iron_widget_newsletter .control-append {
width: 80%;
}
.filter-heading {
float: none;
}
.filters-block ul {
border-width: 1px 0 0 0;
}
.listing-section{
padding:0 0 7px;
}
.videos.listing-section,
.news.listing-section{margin-top:-5px;}
.media-block{
margin:0 auto 11px;
}
.media-block .image{
float:none;
width:100%;
}
.media-block .image img{
width:100%;
display:block;
height:auto;
}
.media-block .text-box{
display:block;
padding:35px 5% 35px 5%;
}
.media-block .text-box:after{
right:8px;
margin-top:-15px;
}
.listing-section.videos .media-block h2{
margin-bottom:10px;
}
.news .media-block .image,
.videos .media-block .image{
margin:0px;
width:100%;
}
.news .media-block,
.videos .media-block{
width:auto;
margin:0 auto;
}
.media-block .text-box{position:relative;}
.news .media-block .text-box,
.videos .media-block .text-box{}
.news .media-block .datetime,
.videos .media-block .datetime,
.videos .media-block .category{margin:0 0 1px;}
.news .media-block .text-box:after,
.videos .media-block .text-box:after{
width:16px;
height:19px;
background-position:-212px -131px;
right:22px;
margin-top:-13px;
}
.news .media-block a.hover .text-box:after,
.videos .media-block a.hover .text-box:after{background-position:-235px -131px;}
/* Comments */
.comments-area .comments-title,
.comments-area .comment-list,
.comments-area .comment-navigation,
.comment-respond {
padding-left: 20px;
padding-right: 20px;
}
.comment-author {
margin-right: 30px;
}
.comment-author .avatar {
height: auto;
max-width: 100%;
}
.comment-metadata,
.comment-content,
.comment-list .reply {
width: 70%;
width: -webkit-calc(100% - 104px);
width: calc(100% - 104px);
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
width: 100%;
}
.comment-form textarea {
height: 80px; /* Smaller field for mobile. */
}
.comment-form textarea,
.wpcf7-textarea{
width:100%;
height:145px;
}
.comment-form #submit,
.wpcf7-submit{
width:100%;
}
}
@media only screen and (max-width: 499px){
.carousel.responsive1 .slide a {
height: 280px;
}
/* 5.5 Photo */
.photos-list li {
float: none;
}
.one-half > li,
.one-third > li {
width: auto;
max-width: none;
margin: 0 0 20px;
}
}
@media only screen and (max-width: 479px){
.articles-section{margin:0 0 3px;}
.articles-section .article{
display:block;
padding:0 0 10px;
margin:0;
width:100%;
}
.two-columns{margin:0;}
.two-columns .column{
float:left;
width:100%;
padding:0;
}
.contact-box{padding:30px 40px 21px;}
.contact-box address{padding:0 0 0 23px;}
.form{
padding:4px 0 0;
margin:0 0 7px;
}
.photos-list .hover-text span{font-size:18px;}
.video-block .btn-play{
width:38px;
height:38px;
background-position:-261px -126px;
margin:-19px 0 0 -19px;
}
.footer-logo img {
margin: 0 auto;
}
.footer-block .social-networks {
text-align: center;
}
.footer-logo,
#footer .links-box,
.footer-block .social-networks {
float: none;
}
.footer__widgets > .iron_widget_newsletter .control-append {
width: auto;
}
}
@media only screen and (max-width: 359px){
.fs-img{font-family:'image-set( url(-large|-small), url(-large|-small) 2x high-bandwidth)';}
/* Comments */
.comment-author {
margin: 0 0 5px;
max-width: 100%;
}
.comment-author .avatar {
display: inline;
margin: 0 5px 0 0;
max-width: 20px;
}
.comment-metadata,
.comment-content,
.comment-list .reply {
width: 100%;
}
}
/* Clearing after Widgets without a defined Action */
.iron_widget_discography:after, .iron_widget_videos:after, .iron_widget_posts:after{
content:'';
display:block;
clear: both;
}
a.back-btn{
float:left;
color:#FFF;
padding:5px 40px;
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
background:none;
border:1px solid #000;
}
a.back-btn:hover{
text-decoration:none;
color:#FFF;
}
@media only screen and (max-width: 500px){
a.back-btn{
float:none;
}
.links-block .buttons {
float:none;
width:auto;
display:table;
margin:0 auto;
margin-top:40px;
}
}
/* CHROME INPUT TEXT PLACEHOLDERS */
::-webkit-input-placeholder {
opacity:0.5;
}
#footer ::-webkit-input-placeholder {
opacity:0.5;
}
textarea:focus, input:focus{
outline: 0;
}
/* ADDTHIS OVERRIDE */
#at_hover{
display:none !important;
}
/* ISOTOPE */
.isotope,
.isotope .isotope-item {
/* change duration value to whatever you like */
-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;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.isotope-wrap{
margin:0 auto;
max-width:100%;
}
.iso4{
width:226px;
margin:7.5px;
}
.iso3{
width:336.33px;
margin:7.5px;
}
@media only screen and (max-width: 400px){
.iso4{
width:280px;
margin:7.5px;
}
.iso3{
width:280px;
margin:7.5px;
}
}
/* ========================================== */
/* WOOCOMMERCE */
/* ========================================== */
.product_title.entry-title {
text-align: left;
display: none;
}
.woocontent, div.woocommerce{
margin: 0 auto;
max-width: 1104px;
overflow: hidden;
padding-left: 20px;
padding-right: 20px;
}
.woocommerce ul.products li.product .star-rating{
margin: auto;
}
/*Single-product*/
input[type="number"]{
padding:0;
box-sizing: border-box;
}
.woocommerce-page .quantity input.qty.input-text, .single-product button{
height: 44px;
}
.woocommerce div.product form.cart .variations{
margin-bottom: 25px;
}
.single-product .woocommerce-tabs{
padding-top:50px;
}
.single-product .woocommerce-Tabs-panel{
display: block !important;
}
.single-product #wrapper .wpb_row{
perspective: unset;
position: static;
}
.woocommerce-page.single-product div.product .woocommerce-Tabs-panel--additional_information.panel{
border-bottom: 1px solid #b3b3b3;
border-top: 1px solid #b3b3b3;
padding-top: 45px;
padding-bottom: 45px;
}
.woocommerce table.shop_attributes{
border-top: 0;
}
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td{
border:0;
}
.woocommerce table.shop_attributes .alt td, .woocommerce table.shop_attributes .alt th{
background: initial;
}
.single-product .links-block .back-btn{
display: none;
}
.single-product .links-block .buttons{
float:none;
}
.select2-results__option{
color:#444;
}
.woocommerce-checkout-payment li, .woocommerce-checkout-payment p{
color: #222;
}
/*review*/
.woocommerce #reviews #comments ol.commentlist li img.avatar {
position: static;
float: none;
width:initial;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text{
margin-left:0;
padding: 10px;
border: 0;
border-bottom: 1px solid;
}
.comment-text>div{
float:left;
}
.comment-text .description{
padding-left: 65px;
}
.comment-text>div:nth-child(1){
width: 124px;
}
.comment-text>div:nth-child(2){
width: calc(100% - 189px);
}
.comment-text .meta>*{
display: block;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: 14px;
line-height: 16px;
}
.single-product .comment-text{
background-color: transparent;
}
@media screen and (min-width: 768px) {
.single-product .woocommerce-Tabs-panel>h2{
float: left;
display: inline-block;
padding-right: 50px;
margin-top: 0;
margin-bottom: 0;
}
.single-product table.shop_attributes{
float: left;
width:initial;
margin-bottom: 0px;
}
}
@media screen and (min-width: 1144px) {
#comments{
float:left;
width:63%;
margin-right:7%;
}
#review_form_wrapper{
float:left;
width:30%;
}
}
@media only screen and (max-width: 500px){
.woocontent, div.woocommerce,
.woocontent.cart{
padding:0!important;
}
.woocommerce table.shop_table td, .woocommerce-page table.shop_table td {
padding: 5px!important;
}
.woocommerce table.cart a.remove,
.woocommerce #content table.cart a.remove,
.woocommerce-page table.cart a.remove,
.woocommerce-page #content table.cart a.remove {
font-size: 28px!important;
}
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-page .cart-collaterals .cart_totals table th{
width:50%!important;
}
}
.wpb_wrapper .woocontent, .wpb_wrapper div.woocommerce{
padding-left:0px;
padding-right:0px;
}
.price .amount{
font-size:36px;
line-height:38px;
margin-bottom:10px;
}
.wooprice del{
text-decoration:line-through;
font-size:14px;
}
.wooprice ins{
text-decoration:none;
font-size:36px;
}
ins{
text-decoration:none !important;
}
.woodescription{
margin-bottom:20px;
}
.woodescription p{
margin:0px;
}
ol.commentlist{
padding:0px;
}
.woocommerce-page #content div.product form.cart{
margin-bottom:20px;
}
.comment-form-rating{
width:100%;
max-width:600px;
display:block;
}
.woocommerce-product-rating{
margin-bottom:15px;
}
.woocommerce span.onsale, .woocommerce-page span.onsale{
background:none;
box-shadow:none;
}
.wpb_wrapper .woocommerce span.onsale, .wpb_wrapper .woocommerce-page span.onsale{
height:40px;
width:40px;
}
.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale{
margin:5px;
z-index:100;
}
.woocommerce .star-rating, .woocommerce-page .star-rating{
font-size:1.25em;
color:#00A8BB;
float:none;
padding-bottom:8px;
}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt{
background:none;
border:1px solid #000;
color:#FFF;
box-shadow:none;
border-radius:0px;
font-weight:normal;
text-shadow:none !important;
padding: 8px 20px;
transition: background 0.35s ease, color 0.35s ease;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover{
color:#FFF;
background:none;
}
td.actions input.button{
height:36px;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page #content input.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover{
background:none;
}
.woocommerce a.button.added:before, .woocommerce button.button.added:before, .woocommerce input.button.added:before, .woocommerce #respond input#submit.added:before, .woocommerce #content input.button.added:before, .woocommerce-page a.button.added:before, .woocommerce-page button.button.added:before, .woocommerce-page input.button.added:before, .woocommerce-page #respond input#submit.added:before, .woocommerce-page #content input.button.added:before{
content:"";
}
.woocommerce-pagination{
height:73px;
margin-bottom:60px;
}
.woocommerce-pagination ul{
border:none !important;
}
.woocommerce nav.woocommerce-pagination ul li, .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li{
border:none;
margin-right:1px;
}
.woocommerce nav.woocommerce-pagination ul li:last-child, .woocommerce #content nav.woocommerce-pagination ul li:last-child, .woocommerce-page nav.woocommerce-pagination ul li:last-child, .woocommerce-page #content nav.woocommerce-pagination ul li:last-child{
margin-right:0px;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span{
background-color:#F7F7F7;
color:#00A8BB;
width:60px;
padding: 27px 5px;
font-size: 16px;
font-weight: 300;
line-height: 1;
}
@media only screen and (max-width: 768px){
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span{
padding: 14px 5px;
width: 34px;
}
.woocommerce-pagination{
height:45px;
}
}
.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span:hover, .woocommerce #content nav.woocommerce-pagination ul li a:hover, .woocommerce #content nav.woocommerce-pagination ul li span:hover, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li span:hover, .woocommerce-page #content nav.woocommerce-pagination ul li a:hover, .woocommerce-page #content nav.woocommerce-pagination ul li span:hover{
color:#FFF;
}
.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce #content nav.woocommerce-pagination ul li a:hover, .woocommerce #content nav.woocommerce-pagination ul li a:focus, .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li a:focus, .woocommerce-page #content nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li a:hover, .woocommerce-page #content nav.woocommerce-pagination ul li a:focus{
color:#FFF;
}
.woocommerce .quantity .plus, .woocommerce .quantity .minus, .woocommerce #content .quantity .plus, .woocommerce #content .quantity .minus, .woocommerce-page .quantity .plus, .woocommerce-page .quantity .minus, .woocommerce-page #content .quantity .plus, .woocommerce-page #content .quantity .minus{
background:none;
color:#FFF;
text-shadow:none;
box-shadow:none;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
border:none;
height:17px;
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
display:none;
}
.woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover, .woocommerce #content .quantity .plus:hover, .woocommerce #content .quantity .minus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce-page .quantity .minus:hover, .woocommerce-page #content .quantity .plus:hover, .woocommerce-page #content .quantity .minus:hover{
background:none;
background-color:#000;
}
.woocommerce .quantity .plus, .woocommerce #content .quantity .plus, .woocommerce-page .quantity .plus, .woocommerce-page #content .quantity .plus{
border-bottom:1px solid #000;
}
.woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty{
height:30px;
}
.wpb_wrapper .woocommerce .quantity input.qty,.wpb_wrapper .woocommerce #content .quantity input.qty,.wpb_wrapper .woocommerce-page .quantity input.qty,.wpb_wrapper .woocommerce-page #content .quantity input.qty{
height:32px;
}
.woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity{
width:auto;
}
.woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce-page #content table.cart a.remove{
color:#00A8BB;
font-size:2.5em;
}
.woocommerce .woocommerce-product-rating .star-rating, .woocommerce-page .woocommerce-product-rating .star-rating{
margin-top:5px;
color:#00A8BB;
}
#commentform p.stars span a{
font-size:1.25em !important;
}
#commentform .form-submit #submit{
background:transparent;
border:1px solid #000;
transition: background 0.35s ease 0s, color 0.35s ease 0s;
}
#commentform .form-submit #submit:hover{
color:#FFF;
}
.woocommerce #review_form #respond textarea, .woocommerce-page #review_form #respond textarea{
max-width:600px;
}
.woocommerce #review_form #respond p {
text-align:left;
}
.must-log-in, .comment-respond .comment-form, .comment-respond iframe{
margin-top:20px;
}
.comment-form-rating [for="rating"]{
padding-bottom:5px;
display:block;
}
.woocommerce #review_form #respond .form-submit input, .woocommerce-page #review_form #respond .form-submit input{
display:table;
font-size: 18px;
font-weight: 600;
}
.woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover{
background-color:#00A8BB;
}
.woocommerce table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text{
min-width:150px;
height:36px;
}
.woocommerce .cart-collaterals .shipping_calculator .shipping-calculator-button:after, .woocommerce-page .cart-collaterals .shipping_calculator .shipping-calculator-button:after{
content:"";
}
.shipping-calculator-button{
display:block;
}
#coupon_code{
height:36px;
}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info{
background:none;
color:#000;
text-shadow:none;
border-radius:0px;
box-shadow:none;
border:3px solid #B81C23;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
background:none;
text-align:center;
}
.woocommerce ul.products li.product:last-child, .woocommerce-page ul.products li.product:last-child{
margin-right:0px;
}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last{
margin-right:0px;
}
.woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary{
background:none;
padding:2%;
box-sizing:border-box;
-ms-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img{
box-shadow:none;
}
.woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li{
width:47%;
}
/* Block Image Single Page */
.woocommerce div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce-page #content div.product div.images img{
width:auto;
max-width:100%;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
width:auto;
max-width:48%;
margin-right:4%;
}
@media only screen and (max-width: 768px){
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
max-width:100%;
margin-right:0px;
}
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
float:left;
}
/* Fix Padding WooCommerce tabs + Cart/Checkout */
.woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs{
margin-bottom:0px;
}
.woocommerce div.product .woocommerce-tabs .panel, .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel{
padding-top:25px;
padding-bottom:20px;
padding-left:12px;
padding-right:12px;
-moz-box-sizing:border-box;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
letter-spacing: 1px;
}
.woocontent.cart{
padding:20px;
}
form.checkout{
padding:20px;
}
.woocontent .related.products{
clear:both;
}
.woocommerce-account .woocommerce{
padding:20px;
}
.woocommerce-checkout .woocommerce{
padding-top:20px;
padding-bottom:20px;
}
.cart-empty{
margin:0px;
padding:10px;
}
p.woo-thanks{
font-size: 32px;
font-weight: 300;
line-height: 36px;
margin-bottom: 35px;
margin-top:20px;
word-wrap: break-word;
}
mark.order-number, mark.order-date, mark.order-status, mark.count{
background:none;
font-weight:bold;
}
.woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img{
width:auto;
}
.shipping-calculator-button{
padding: 8px 20px;
font-size: 14px;
line-height: 20px;
text-decoration:none;
display:inline-block;
border:1px solid;
transition: background 0.35s ease 0s, color 0.35s ease 0s;
}
.shipping-calculator-button:hover{
text-decoration:none !important;
color: #FFFFFF !important;
}
#review_form_wrapper{
margin-top:20px;
}
.woocommerce .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before{
height:auto;
}
.track_order{
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:15px;
}
.woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty{
border: 1px solid #C7C0C7;
}
.woocommerce ul.products li.product a:hover img, .woocommerce-page ul.products li.product a:hover img{
box-shadow:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active{
background:none;
border-bottom:none;
box-shadow:none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active{
border-bottom:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before,.woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after{
display:none;
}
.tint{
background-color:#000;
}
.attachment-shop_catalog{
position:relative;
background-color:#000;
}
.attachment-shop_catalog:hover{
opacity:0.8;
}
.woocommerce div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce-page #content div.product div.images img{
box-shadow:none;
}
.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a{
/*width:auto;*/
}
.woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce table.shop_table, .woocommerce-page table.shop_table,.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th,.woocommerce table.shop_table td, .woocommerce-page table.shop_table td,.woocommerce form.login, .woocommerce form.checkout_coupon, .woocommerce form.register, .woocommerce-page form.login, .woocommerce-page form.checkout_coupon, .woocommerce-page form.register{
border-radius:0px !important;
border-color:rgba(100, 100, 100, 1) !important;
}
.added_to_cart{
margin:0 auto !important;
display:table !important;
}
#order_review_heading{
margin-top:20px;
}
#sidebar img.attachment-shop_thumbnail{
float:left;
margin-right:15px;
margin-top:4px;
box-shadow:none;
}
.chosen-container-single .chosen-single{
background:none;
background-color:#FFF;
border-radius:0px;
box-shadow:none;
}
.chosen-container-single:hover .chosen-single:hover{
text-decoration:none;
}
.chosen-container-active.chosen-with-drop .chosen-single{
background:none;
background-color:#FFF;
}
.checkout .input-text, .shipping_calculator .input-text{
height:30px;
border:1px solid #d7d7d7;
padding-left:8px;
}
.woocommerce-Tabs-panel:after {
content: '';
clear: both;
display: inherit;
}
.woocommerce-checkout .form-row .chosen-container-single .chosen-single div b{
margin-top:2px;
}
.shipping_calculator select, .woocommerce-ordering select{
height:25px;
border:1px solid #d7d7d7;
}
.variations select{
height:25px;
border:1px solid #d7d7d7;
}
.variations .label{
line-height:20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a{
text-shadow:none;
}
.wpb_wrapper .woocommerce-page.columns-3 ul.products li.product, .wpb_wrapper .woocommerce.columns-3 ul.products li.product{
width:32.53%;
}
.wpb_wrapper .woocommerce-page.columns-2 ul.products li.product, .wpb_wrapper .woocommerce.columns-2 ul.products li.product{
width:49.4%;
}
.woocommerce-message .button.wc-forward:hover{
color:#FFF;
}
.button.add_to_cart_button.product_type_simple{
background:none;
border:1px solid #FFF;
transition: background 0.35s ease 0s, color 0.35s ease 0s;
display:table;
margin:0 auto;
}
.button.add_to_cart_button.product_type_simple:hover{
color:#FFF !important;
}
.woocommerce span.price{
text-align:center;
font-size:18px;
margin-top:0px;
margin-bottom:20px !important;
}
.woocommerce ul.products h3{
text-align:center;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs:before{
border-color:#000;
}
.description_tab, .reviews_tab{
background-color:#FFF;
border:none !important;
border-radius:0px !important;
}
/* New Visual Composer Overrides */
.vc_custom_heading a, .vc_custom_heading a:focus, .vc_custom_heading a:visited {
color: inherit !important;
}
.wpb_single_image img{
display: inline-block;
vertical-align: bottom;
}
.vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12{
padding-left:0px;
padding-right:0px;
}
.vc_row.full_width > .vc_col-sm-12,
.vc_row.full_width > .vc_col-sm-10,
.vc_row.full_width > .vc_col-sm-8,
.vc_row.full_width > .vc_col-sm-6,
.vc_row.full_width > .vc_col-sm-4,
.vc_row.full_width > .vc_col-sm-2{
padding-left:0px;
padding-right:0px;
}
.vc_single_image-wrapper.img_fullwidth img{
width:100vw;
}
/* nopadding class - Used to force remove all padding around a column*/
.nopadding .vc_col-sm-12,
.nopadding.vc_col-sm-12,
.nopadding .vc_col-sm-8,
.nopadding.vc_col-sm-8,
.nopadding .vc_col-sm-6,
.nopadding.vc_col-sm-6,
.nopadding .vc_col-sm-4,
.nopadding.vc_col-sm-4,
.nopadding .vc_col-sm-3,
.nopadding.vc_col-sm-3,
.nopadding .vc_col-sm-2,
.nopadding.vc_col-sm-2{
padding:0px !important;
}
.padding .vc_col-sm-12,
.padding.vc_col-sm-12,
.padding .vc_col-sm-8,
.padding.vc_col-sm-8,
.padding .vc_col-sm-6,
.padding.vc_col-sm-6,
.padding .vc_col-sm-4,
.padding.vc_col-sm-4,
.padding .vc_col-sm-3,
.padding.vc_col-sm-3,
.padding .vc_col-sm-2,
.padding.vc_col-sm-2{
padding-left: 15px;
padding-right: 15px;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab{
background:none !important;
}
.vc_row {
margin: 0 auto !important;
}
/* Accordion Style */
.wpb_accordion_section a{
background-color:#000;
outline:0 !important;
}
.wpb_accordion_section a:focus{
outline:0 !important;
}
.wpb_accordion_header{
outline:0 !important;
}
.wpb_accordion_header:focus{
outline:0 !important;
}
.wpb_accordion_content p{
margin:0px;
}
.page-template-archive-posts-classic-php .media-block.sticky .holder{
border:10px solid #000;
box-sizing:border-box;
}
/* Mobile + Tabled No Padding Overrides */
@media only screen and (max-width:1144px){
.tabletnopadding,
.tabletnopadding .vc_column-inner{
padding-left:10px !important;
padding-right:10px !important;
}
}
@media only screen and (max-width:700px){
.mobilenopadding,
.mobilenopadding .vc_column-inner{
padding-left:10px !important;
padding-right:10px !important;
}
/* Products on 2-3-4 Columns */
.woocommerce.columns-3 ul.products, .woocommerce.columns-2 ul.products{
display:table;
margin: 0 auto;
}
.woocommerce.columns-3 ul.products li.product, .woocommerce.columns-2 ul.products li.product{
max-width:270px;
}
}
@media only screen and (max-width: 770px){
.woocommerce.columns-3 ul.products, .woocommerce.columns-2 ul.products{
display:block;
}
.woocommerce.columns-3 ul.products li.product, .woocommerce.columns-2 ul.products li.product{
float:none;
width:100%;
margin:0 auto;
margin-bottom:20px !important;
width:50% !important;
max-width:400px;
}
}
@media only screen and (max-width:500px){
.woocommerce.columns-3 ul.products li.product, .woocommerce.columns-2 ul.products li.product{
width:80% !important;
}
}
/* Revolution Slider Overrides */
.tp-leftarrow, .tp-rightarrow{
top:50% !important;
}
/* SVG Icon Colors */
.fill-closemenu{
fill:#FFF;
}
.fill-menuicon{
fill:#000;
}
/* ___________________________________________________________________________________________________________*/
/* Force no padding */
.no-padding{
padding:0px !important;
}
@media only screen and (min-width: 0px){
#intercom-container .intercom-launcher-frame, #intercom-container .intercom-launcher-discovery-frame, #intercom-container .intercom-borderless-frame, #intercom-container .intercom-messenger-frame {
transition: 0.75s ease;
}
.pjax.continuousPlayer-enable #intercom-container .intercom-launcher-frame, .pjax.continuousPlayer-enable #intercom-container .intercom-launcher-discovery-frame, .pjax.continuousPlayer-enable #intercom-container .intercom-borderless-frame, .pjax.continuousPlayer-enable #intercom-container .intercom-messenger-frame {
bottom: 99px !important;
transition: 0.75s ease;
}
.pjax.continuousPlayer-enable #intercom-container .intercom-app-launcher-enabled .intercom-chat, .pjax.continuousPlayer-enable #intercom-container .intercom-app-launcher-enabled .intercom-note, .pjax.continuousPlayer-enable #intercom-container .intercom-app-launcher-enabled .intercom-notifications, .pjax.continuousPlayer-enable #intercom-container .intercom-app-launcher-enabled .intercom-notifications-frame{
bottom: 165px !important;
}
.pjax #intercom-container .intercom-launcher-frame, .pjax #intercom-container .intercom-launcher-discovery-frame, .pjax #intercom-container .intercom-messenger-frame {
right: 71px !important;
}
.pjax.continuousPlayer-enable #intercom-container .intercom-app-launcher-enabled .intercom-borderless-frame {
bottom: 160px!important;
max-height: calc(100% - 160px)!important;
}
.pjax.continuousPlayer-enable #intercom-container .intercom-launcher-badge-frame{
bottom: 138px!important;
}
.pjax #intercom-container .intercom-launcher-badge-frame{
right: 116px!important;
}
}
.fb_iframe_widget iframe {
bottom: 160px!important;
}
.fb_dialog iframe {
bottom: 94px!important;
}
.continuousPlayer-enable .pjax-container{
padding-bottom: 90px;
}
.pull-right{
float: right;
}
.pull-left{
float:left;
}
/* RTL */
html[dir="rtl"] .iron-audioplayer .playlist li .button{
float: left;
}
html[dir="rtl"] .tracklist-item-title{
margin-right: 20px;
}
/* SW 2024_11_03 */
/* keine Rahmen um Feld Zustimmung Datenschutzerklärung */
.wpcf7-acceptance{
border:0px !important;
}
/* SW 2024_10_18 */
/* Linkfarbe genrell ändern */
.wpb_wrapper a{
color: #3366ff !important;
}
.wpb_wrapper a:hover{
color: #6699ff !important;
}