/** * Theme Name: LUSH — Ultimate Musician WP Theme * Theme URI: http://themeforest.net/item/ * Description: Lush a complete solution for everybody in the music industry. If you are a jazz master, punk rocker, soprano singer, piano player, band manager or even a webmaster, this theme is for you. * Tags: 3d menu, music, blog, artist, musician, dj, club, responsive, html5, css3, design, irontemplates, ironband, lush * * Author: IronTemplates * Author URI: http://irontemplates.com * * Version: 2.0.2 * Text Domain: lush * * 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 * 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') 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') 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') 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 { margin: 0; min-width: 320px; background-color: #EEE; color: #1F1F1F; font-size: 14px; line-height: 20px; font-family: 'Open Sans', sans-serif; overflow: hidden; position: relative; perspective: 2000px; -moz-perspective: 2000px; -webkit-perspective: 2000px; perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; -webkit-perspective-origin: 50% 50%; -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-animation-delay: 0.1s; -webkit-animation-name: fontfix; -webkit-animation-duration: 0.1s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; } @-webkit-keyframes fontfix { from { opacity: 1; } to { opacity: 1; } } img { border-style: none; } a { text-decoration: none; } .no-touch a:hover { text-decoration: underline; } a:active { background-color: transparent; } input, textarea, select { font: 13px sans-serif; 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; } 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; } .no-touch input[type="submit"]:hover { cursor: pointer; } q { quotes: none; } q:before, q:after { content: ''; } h1 { font-size: 24px; color: #010101; margin: 0px; text-transform: uppercase; text-align: center; line-height: 26px; letter-spacing: 10px; /*background:url(images/heading-deco-large.png) center top no-repeat;*/ margin: 0px; padding-top: 35px; padding-bottom: 35px; background-size: contain; } .heading-space { padding-top: 80px; } span.heading-t { display: block; height: 3px; width: 26px; margin: 0 auto; background-color: #000; margin-top: 100px; } span.heading-b { display: block; height: 3px; width: 26px; margin: 0 auto; background-color: #000; margin-bottom: 70px; } h2 { font-size: 24px; margin: 0 0 19px; text-align: left; } h3 { font: bold 20px/24px sans-serif; margin: 0 0 10px; text-align: left; } span.heading-t3 { display: block; height: 2px; 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: 70px !important; } #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+ */ } /* ========================================================================== 2.0 General ========================================================================== */ /* 2.1 Helper Classes ========================================================================== */ /* Clearing floats */ .clear { clear: both; } .opacityzero { opacity: 0; } .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: table; 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; } /* 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; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; 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%; } /* 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 ========================================================================== */ [class^="fa-"], [class*=" fa-"] { font-family: FontAwesome, Fontello; } [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: '\e802'; } .fa-soundcloud:before { content: '\e801'; } .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 0 0 4px; } .social-networks a { color: #888888; text-decoration: none; } .social-networks [class^="fa-"], .social-networks [class*=" fa-"] { padding: 0.5em; font-size: 20px; color: #878787; } /* 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.: *
I am boxed off.
* * 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-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px;*/ 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; } /** * Within heading, strip any `h*` tag of * it's default margins for spacing. *

Panel title

Panel content.
* */ .panel-title, .widget-title { margin-top: 0; margin-bottom: 0; font-size: 24px; font-family: Oswald; 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; } /** * Collapsable panels (aka, accordion) * * Wrap a series of panels in `.panel-group` * to turn them into an accordion with the * help of our collapse JavaScript plugin. *

Collapsible Group Item #1

First panel content.

Collapsible Group Item #2

Second panel content.
* */ /* .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 Oswald, sans-serif; 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: 5px; } #sidebar .widget_recent_entries ul li a { display: block; line-height: 12px; } /* 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; } .no-touch .carousel .btn-prev:hover, .no-touch .carousel .btn-next:hover { width: 58px; color: #FFF; text-decoration: none; } .no-touch .carousel .btn-prev:hover { left: -10px; } .no-touch .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, .no-touch .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; } .no-touch .content__side .carousel .btn-prev:hover, .no-touch .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; } #wrapper .wpb_row { padding: 0; background-size: cover; background-position: center; } #wrapper .container>.boxed, #wrapper .wpb_row.in_container, #wrapper .wpb_row .wpb_row { max-width: 1144px; margin: 70px auto 35px auto; padding: inherit; } /* container */ .container { min-height: 800px; padding-bottom: 50px; } /* panel */ .panel { /*background:#fff;*/ 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 Oswald, sans-serif; padding: 24px 17px 19px 10px; cursor: pointer; letter-spacing: 2px; } .no-touch .panel .opener:hover { text-decoration: none; background: #efeded; } .panel.popup-active .opener { background: #efeded; } /* .content__wrapper {} */ .content__main { float: left; width: 66%; } .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 { float: right; width: 30%; padding: none; background: none; } .content--rev>.content__side { float: left; } /* 3.3 Post Grid ========================================================================== */ /* 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, .no-touch .media-block a:hover .media-decoration.media-audio { background: #000; } .media-block a.hover .media-decoration.media-video, .no-touch .media-block a:hover .media-decoration.media-video { color: #000; } /* media-block */ .media-block { overflow: hidden; position: relative; } .media-block a { display: block; padding: 0px; text-decoration: none; color: #000; cursor: pointer; background-color: #f7f7f7; margin-bottom: 6px !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; } .two_column_album .media-block a { margin-bottom: 0px !important; } .media-block a.hover { color: #1a1a1a; } .media-block .holder { width: 100%; display: table; position: relative; } .media-block .image { width: 260px; float: left; margin: 0 40px 0 0; } .media-block .image.rel { position: relative; } .vc_span6 .media-block .image { /*width:260px; float:left; margin:0 20px 0 0;*/ } .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; } .media-block .text-box.empty { padding: 40px 40px 40px 10px; } .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 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; max-width: 400px; } .webkit .media-block h2 { margin: 0 0 10px; } .media-block .datetime, .media-block .category { display: block; margin: 0px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 11px; line-height: 12px; } .media-block a.hover .datetime, .media-block a.hover .category { color: #1a1a1a; } .media-block .excerpt { font-family: 'Open Sans', sans-serif; } /* 3.5 Post Accordion ========================================================================== */ /* ========================================================================== 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; } /* Burger / side panel: logo must stay visible (desktop vs mobile variants) */ .side-menu>a.site-title { overflow: visible; position: relative; z-index: 1; text-align: center; } .side-menu>a.site-title img { margin-left: auto; margin-right: auto; } @media only screen and (max-width: 849px) { .side-menu>a.site-title { margin-top: 72px !important; margin-left: auto !important; margin-right: auto !important; } .side-menu>a.site-title .logo-mobile { display: block !important; } .side-menu>a.site-title .logo-desktop { display: none !important; } } @media only screen and (min-width: 850px) { .side-menu>a.site-title .logo-desktop { display: block !important; } .side-menu>a.site-title .logo-mobile { display: none !important; } } .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-family: Oswald, sans-serif; font-size: 10px; line-height: 1.2; letter-spacing: 5px; text-transform: uppercase; word-spacing: -1px; } /* blockquote-box */ blockquote { margin: 0px; padding: 20px; display: inline-block; } 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-family: Oswald, sans-serif; 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 serif; } .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%; background-color: #353535; z-index: 9999; overflow-y: auto; overflow-x: hidden; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; } .side-menu.righttype { right: -370px; } .side-menu.lefttype { left: -370px; } .side-menu.righttype.open { right: 0px; } .side-menu.lefttype.open { left: 0px; } .nicescroll-rails { right: 0px !important; left: auto !important; } #ascrail2000-hr { display: none } #pusher-wrap { overflow: hidden; position: relative; height: 100%; perspective: 5000px; -moz-perspective: 5000px; -webkit-perspective: 5000px; } #pusher { transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; width: 100%; overflow-x: hidden; position: relative; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0px); background-position: fixed; } /* RIGHT-SIDE ANIMATIONS */ #pusher.righttype.type1 { transform: translate3d(-370px, 0px, 0px); -moz-transform: translate3d(-370px, 0px, 0px); -webkit-transform: translate3d(-370px, 0px, 0px); overflow: hidden; } #pusher.righttype.type2 { transform: translate3d(-330px, 0px, 0px) rotateY(15deg); -moz-transform: translate3d(-330px, 0px, 0px) rotateY(15deg); -webkit-transform: translate3d(-330px, 0px, 0px) rotateY(15deg); transform-origin: right; -moz-transform-origin: right; -webkit-transform-origin: right; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; overflow: hidden; } #pusher.righttype.type3 { transform: translate3d(-5%, 0px, -1000px) rotateY(25deg); -moz-transform: translate3d(-5%, 0px, -1000px) rotateY(25deg); -webkit-transform: translate3d(-5%, 0px, -1000px) rotateY(25deg); transform-origin: left center 0; -moz-transform-origin: left center 0; -webkit-transform-origin: left center 0; overflow: hidden; } /* LEFT-SIDE ANIMATIONS */ #pusher.lefttype.type1 { transform: translate3d(370px, 0px, 0px); -moz-transform: translate3d(370px, 0px, 0px); -webkit-transform: translate3d(370px, 0px, 0px); overflow: hidden; } #pusher.lefttype.type2 { transform: translate3d(330px, 0px, 0px) rotateY(-15deg); -moz-transform: translate3d(330px, 0px, 0px) rotateY(-15deg); -webkit-transform: translate3d(330px, 0px, 0px) rotateY(-15deg); transform-origin: left; -moz-transform-origin: left; -webkit-transform-origin: left; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; overflow: hidden; } #pusher.lefttype.type3 { transform: translate3d(5%, 0px, -1000px) rotateY(-25deg); -moz-transform: translate3d(5%, 0px, -1000px) rotateY(-25deg); -webkit-transform: translate3d(5%, 0px, -1000px) rotateY(-25deg); transform-origin: right center 0; -moz-transform-origin: right center 0; -webkit-transform-origin: right center 0; overflow: hidden; } #overlay { height: 100%; width: 100%; position: fixed; top: 0px; left: 0px; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 1000; display: none; } .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, .menu-toggle-off { position: absolute; top: 50px; z-index: 9999; height: 28px; width: 28px; font-size: 32px; line-height: 28px; color: #f88887; text-align: right; } .menu-toggle-off { right: 50px; } .menu-toggle.righttype { right: 50px; } .menu-toggle.lefttype { left: 50px; } #fixed-panel .menu-toggle { top: 25px; background: url(images/menu-open-w.png) no-repeat; } .menu-toggle-off { background: url(images/menu-close.png) no-repeat; } .no-touch .menu-toggle:hover, .no-touch .menu-toggle-off:hover { cursor: pointer; } ul.header-top-menu { position: absolute; top: 28px; z-index: 1000; } ul.header-top-menu.righttype { right: 35px; padding: 12px 70px 12px 10px; } ul.header-top-menu.lefttype { left: 35px; padding: 12px 10px 12px 70px; } ul.header-top-menu li { display: inline-block; font-size: 14px; text-transform: uppercase; 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; } @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: 35px; } .menu-toggle.righttype { right: 35px; } .menu-toggle.lefttype { left: 35px; } } #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; font-family: Oswald, sans-serif; line-height: 17px; text-transform: uppercase; } .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; padding: 10px 10px 10px 20px; /* padding-left adjusts for letter-spacing */ color: #FFF; font-size: 16px; line-height: 18px; ; letter-spacing: 1px; 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; } .nav-menu li.backlist { margin-bottom: 20px; } .nav-menu li a.backbtn { background: none; font-size: 18px; } .no-touch .nav-menu li a.backbtn:hover { background-color: #FFF; color: #353535 } .chrome .nav-menu li a { text-shadow: 0 0 1px rgba(0, 0, 0, .3); } .webkit .nav-menu li a, .presto .nav-menu li a, .trident .nav-menu li a { /*padding-top: 28px; padding-bottom: 23px;*/ } /*.nav-menu li:hover > a, .nav-menu li a:hover,*/ .no-touch .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 li:hover > ul, .nav-menu ul li:hover > ul,*/ 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; } .no-touch ul.nav-menu ul a:hover, .no-touch .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%; 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; line-height: 38px; color: #FFF; } .righttype .sub-arrow i { right: 10px; } .lefttype .sub-arrow i { right: 10px; } .no-touch .has-drop-down-a:hover .sub-arrow i { color: #000; } @media only screen and (max-width: 767px) { .sub-arrow i { position: absolute; top: 0px; font-size: 24px; line-height: 26px; color: #FFF; } } /* 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(/wp-content/themes/_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(/wp-content/themes/_img/selector-prev.png) no-repeat 50% 0; } .sliderContainer .slideSelectors .next { float: left; width: 11px; height: 11px; margin: 0 0 0 10px; background: url(/wp-content/themes/_img/selector-next.png) no-repeat 50% 0; } .sliderContainer .slideSelectors .item { float: left; width: 9px; height: 9px; background: #aaa; margin: 1px 1px 1px 11px; /* opacity: 0.25; */ 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: 12px; } .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 h2 { font-weight: 300; font-size: 32px; color: #353535; line-height: 36px; margin-bottom: 10px; -ms-word-wrap: break-word; word-wrap: break-word; } .single-post h4 { 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; font-family: 'Open Sans', sans-serif; } .single-post time { font-family: 'Open Sans', sans-serif; font-size: 14px; } .single-post .split { background-color: #e2e2e2; width: 100%; height: 1px; margin-bottom: 15px; margin-top: 15px; } /* meta */ .meta { font-size: 12px; line-height: 16px; margin: 0px; position: relative; overflow: hidden; text-align: left; } .meta .datetime { background: #fff; position: relative; z-index: 1; padding: 0 20px 0 0; float: left; max-width: 120px; } .meta .links { display: inline-block; vertical-align: top; background: none; position: relative; z-index: 1; padding: 0 10px 0 9px; max-width: 60%; } .video-block .meta .links { padding: 0 0 0 9px; } .video-block .meta { margin: 0 0 18px; } /* blockquote-block */ .blockquote-block { background: #f7f7f7; color: #f78888; 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 Oswald, sans-serif; } .blockquote-block blockquote { display: block; margin: 0; font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 300; font-style: italic; line-height: 24px; } .blockquote-block figcaption { display: block; text-align: right; font-family: 'Open Sans', sans-serif; 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; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; margin-top: 15px; } #content .links-block { margin: 39px 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-family: 'Open Sans', sans-serif; font-size: 16px; transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } .trident a.button { padding: 8px 18px 4px; } .no-touch a.button:hover { text-decoration: none; color: #fff; } .store-list a.button { background-color: #f7f7f7; color: #545454; font-size: 14px; } .no-touch .store-list a.button:hover { background-color: #F78888; 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 { clear: left; float: left; margin: 1%; width: 48%; 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; } .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 } .no-touch .news-grid-wrap a:hover { text-decoration: none; background-color: #F78888; } .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: table-cell; 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; } /* 5.3 Event ========================================================================== */ .concerts-list { margin: 0; padding: 0 0 11px; list-style: none; color: #fff; font-size: 12px; } .concerts-list li { margin: 0 0 3px; overflow: hidden; background: #f7f7f7; position: relative; display: block; height: 100%; } .concerts-list .title-row { position: relative; padding: 20px; color: #5a5a5a; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 300; height: 66px; box-sizing: content-box; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .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: 3px solid #FFF; font-size: 16px; padding: 20px 10px; float: left; color: #353535; } .concerts-list .title-row .location { color: #5A5A5A; 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 sans-serif; 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); } .no-touch .concerts-list .buttons.no-touch: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; } .no-touch .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; } .no-touch .concerts-list .title-row.hover .button:hover { color: #fff; } .concerts-list .expanded .title-row .button { color: #000 !important; } .no-touch .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-family: 'Open Sans', sans-serif; font-size: 24px; text-transform: uppercase; left: -9999px; text-decoration: none; } .no-touch .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-family: 'Open Sans', sans-serif; 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: #F78888; 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 { font-family: 'Open Sans', sans-serif; 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; } } /* 5.4 Album ========================================================================== */ .content-box { padding: 0 0 16px; color: #787878; } .content-box h4 { font-size: 16px; font-weight: bold; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; text-transform: uppercase; text-align: center; padding-top: 10px; padding-bottom: 10px; margin-bottom: 30px; letter-spacing: 3px; font-family: 'Open Sans', sans-serif; } .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 { 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; 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; } .no-touch .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: #F78888; 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; } .available-now { height: 45px; margin-top: 10px; line-height: 45px; } .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; } @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 Oswald, sans-serif; padding: 13px; position: relative; } .photos-list a:focus .hover-text, .no-touch .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; /*float:left; width:48%; margin:1%;*/ 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; } .no-touch .photo-wrap:hover .tab-text { background-color: #F78888; } .no-touch .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; font-family: 'Open Sans', sans-serif; margin-bottom: 0px; } ..photo-album-tab .tab-title { width: 60%; } .tab-date { color: #7e7e7e; font-size: 14px; font-weight: 300; font-family: 'Open Sans', sans-serif; width: 60%; } .tab-circle { height: 58px; width: 58px; border: 1px solid #f78888; border-radius: 100%; position: absolute; right: 20px; top: 50%; margin-top: -30px; line-height: 58px; color: #f78888; text-align: center; font-size: 24px; font-weight: 300; font-family: 'Open Sans', sans-serif; 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; } /* .photohover{ height:100px; width:100px; position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-50px; opacity:0; transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transform: scale(0.8); } .photohover-plus{ position:absolute; margin:auto; font-size:56px; line-height:56px; color:#FFF; text-align:center; width:100%; margin-top:20px; font-weight:300; } .photohover-circle{ height:100px; width:100px; background-color:#FFF; opacity:0.5; border-radius:100%; position:absolute; } */ .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; } .no-touch a.brick:hover .photohover { opacity: 1; -moz-transform: scale(1); } .no-touch 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; } .no-touch .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: table; position: relative; width: 100%; } .videogrid .image { margin: 0px; float: left; position: relative; width: 100%; display: block; } .videogrid .image img { width: 100%; display: block; } .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; } @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 sans-serif; 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 { /*margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0;*/ 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-family: 'Open Sans', sans-serif; font-weight: 300; } .wpb_content_element.circle a { color: #f78888; 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; font-family: 'Open Sans', sans-serif; } .tracks-list>li { padding: 18px 190px 18px 83px; margin: 0 0 1px; background: #f7f7f7; overflow: hidden; position: relative; } .tracks-list>li:before { float: left; width: 40px; margin: 8px 0 0 -53px; 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; } .no-touch .tracks-list .btn-play:hover, .no-touch .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%; } /* 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%; } .no-touch .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 #F78888; padding: 0px; color: #F78888; text-transform: uppercase; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 300; visibility: hidden; width: 80px; height: 80px; margin: 0 auto; border-radius: 100%; line-height: 80px; margin-top: 60px; margin-bottom: 30px; position: relative; top: 20px; clear: both; } .pages .current, .no-touch .pages a:hover, .no-touch a.button-more:hover { text-decoration: none; background-color: #F78888; color: #FFF; } /* next prev link */ .pages a, .pages .current { display: block; width: 60px; padding: 27px 5px; color: #f78888; font-size: 16px; font-family: 'Open Sans', sans-serif; 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: 0; margin-top: 40px; margin-bottom: 40px; background-color: #f7f7f7; position: relative; padding-left: 30px; padding-right: 30px; } .pages.full li { display: table-cell; } .pages.full li a { border-right: 1px solid #FFF; } .pages.full li a.next { display: table-cell; width: 30px; padding: 0px; padding-top: 27px; padding-bottom: 27px; position: absolute; right: 0px; top: 0px; border-left: 1px solid #FFF; color: #353535; } .pages.full li a.prev { display: table-cell; width: 30px; padding: 0px; padding-top: 27px; padding-bottom: 27px; position: absolute; left: 0px; top: 0px; border-right: 1px solid #FFF; color: #353535; } .page-numbers.dots { border-right: 1px solid #FFF; 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 Oswald, sans-serif; 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; } .no-touch .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 ========================================================================== */ /** * From WordPress TwentyThirteen */ .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 'Open Sans', sans-serif; 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: 24px 21px 18px 23px; } .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: 20px; } .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-family: 'Open Sans', sans-serif; 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; } .no-touch .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; margin: 0 auto; 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; margin: 0 auto; 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; } /* ========================================================================== 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 sans-serif; 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 sans-serif; 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 Oswald, sans-serif; overflow: visible; text-transform: uppercase; color: #000; min-width: 100px; } .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; } .no-touch .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 { color: #353535; 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: 0 0 15px; } .buttons-block .title { display: block; text-transform: uppercase; color: #000; font: 14px/18px Oswald, sans-serif; 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: 6px; padding-bottom: 6px; 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: 14px/17px sans-serif; height: 50px; margin: 0; 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; border: 1px solid #7a7a7a; box-shadow: none; clear: both; color: #7a7a7a; display: block; font: 14px/17px sans-serif; height: 145px; margin: 0 auto; 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: #FFF; cursor: pointer; display: block; margin: 0 auto; min-width: 100px; overflow: visible; padding: 2px 0 0; position: relative; text-transform: uppercase; max-width: 600px; width: 100%; font-size: 18px; font-weight: 600; font-family: 'Open Sans', sans-serif; letter-spacing: 3px; height: 56px; } .no-touch .comment-form #submit:hover, .no-touch .wpcf7-submit:hover { color: #FFF; } /*****/ .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 Oswald, sans-serif; } .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 Oswald, sans-serif; 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; } /* 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 { border: none; vertical-align: middle; margin-left: 4px; } div.wpcf7 div.ajax-error { display: none; } div.wpcf7 .placeheld { color: #888; } /* ========================================================================== 7.0 Widgets ========================================================================== */ /* 7.1 Audio Player ========================================================================== */ .iron_widget_radio .panel__body { padding-top: 20px; padding-bottom: 20px; } .iron_widget_radio .info-box { display: table; width: 100%; margin: 0px; overflow: hidden; font-size: 12px; line-height: 12px; color: #000; } .iron_widget_radio .info-box img { float: left; margin: 0px; max-width: none; } .iron_widget_radio .info-box .text { vertical-align: middle; width: 100%; padding: 3px 0 0; } .iron_widget_radio .info-box .title, .iron_widget_radio .info-box .track-name { display: block; font-size: 15px; line-height: 20px; font-weight: 400; } /* player-box */ .player-box { overflow: hidden; } .type-album .tracks-block .player-box { background-color: #F78888; margin: 0px; border-radius: 100%; margin-top: 2px; } .jp-controls { margin: 0; padding: 0; list-style: none; } .iron_widget_radio #audio-holder .jp-interface { margin: 0 20px; height: 45px; } .player-box .jp-type-playlist, .player-box .jp-interface { overflow: hidden; position: relative } .player-box .jp-controls { float: left; margin: 0 10px 0 0; } .player-box .jp-controls li { float: left; } .player-box a { float: left; color: #000; text-decoration: none; } .player-box [class^="fa-"], .player-box [class*=" fa-"] { display: block; padding: 10px; } .player-box .hidden { position: absolute; left: -9999px; } .player-box .time-box { float: right; margin: 1em 0 0 10px; position: absolute; width: 100%; } .player-box .jp-seek-bar { overflow: hidden; height: 14px; } .player-box .time-box .jp-current-time { left: 108px; position: absolute; top: 16px; } .playlist_enabled .player-box .time-box .jp-current-time { left: 88px; } .player-box .time-box .jp-duration { position: absolute; right: 10px; top: 16px; } .player-box .jp-progress { overflow: hidden; height: 14px; background: #d3d3d3; margin: 1em 0; } .player-box .jp-progress .jp-play-bar { height: 100%; background: #f78888; } .jp-no-solution { position: absolute; background: #fff; top: 0; left: 0; letter-spacing: 0.1em; height: 30px; } .jp-no-solution a { background: transparent !important; background-image: transparent !important; width: inherit; height: inherit; text-indent: 0; padding-right: 2px; } .iron_widget_radio.playlist_enabled .panel__body { height: auto; margin-bottom: 35px; } .playlist_enabled .poster-image { display: none; } .iron_widget_radio.playlist_enabled .info-box .text { padding: 20px 20px 0; } .playlist_enabled .player-box .jp-controls { margin-left: -10px; } .playlist_enabled .player-box .jp-playlist.hidden { display: block !important; left: 0; width: 100%; position: relative; margin-left: 0; margin-top: 15px; z-index: 100; } .playlist_enabled .player-box .jp-playlist ul { margin-top: 30px; list-style: decimal; overflow: hidden; display: block; } .playlist_enabled .player-box .jp-playlist ul li { display: block; width: 100%; overflow: hidden; padding: 18px 25px 18px 68px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0px; border-bottom: 2px solid #FFF; cursor: pointer; } .playlist_enabled .player-box .jp-playlist ul li a.jp-playlist-item { display: block; width: 100%; text-align: left; margin-top: 3px; } .playlist_enabled .player-box .jp-playlist ul li .button { float: right; display: inline-block; padding: 9px; border: 1px solid; } .playlist_enabled .player-box .jp-playlist ul li>div { display: block; overflow: hidden; } .playlist_enabled .player-box .jp-playlist ul li .title { display: none; } a.jp-play:hover, a.jp-previous:hover, a.jp-next:hover, a.jp-pause:hover { text-decoration: none; } a.jp-playlist-item .jp-playlist-current:hover, a.jp-playlist-item:hover { text-decoration: none; } /* 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 sans-serif; 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: 10px; max-width: 400px; } .recent-posts .excerpt { text-align: left; font-size: 14px; line-height: 16px; } .vc_span4 .recent-posts .excerpt {} .no-touch .recent-posts .media-block a:hover { background-color: #F78888; } .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; font-family: 'Open Sans', sans-serif; } .carousel .slide a:focus .text .datetime, .no-touch .carousel .slide a:hover .text .datetime, .carousel .slide a.hover .text .datetime, .article a:focus .datetime, .no-touch .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; /*padding-top: 0;*/ } } /* 7.4 Upcoming Events ========================================================================== */ /* .iron_widget_events {} */ .concert-box { position: relative; min-height: 120px; color: #434242; font-size: 24px; font-family: Oswald, sans-serif; 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; } /* .concert-box .event-location {} */ /** * 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; font-family: Oswald, sans-serif; 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; font-family: Oswald, sans-serif; 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; font-family: Oswald, sans-serif; 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; font-family: sans-serif; line-height: 1; } .iron_widget_newsletter input[type="submit"] { overflow: hidden; cursor: pointer; /*width: 30%;*/ height: 36px; border: 0; margin: 0; padding: 0; background-color: #1A1A1A; color: #FFF; font-size: 13px; font-family: Oswald, sans-serif; line-height: 36px; text-transform: uppercase; } .iron_widget_newsletter input[type="submit"]:focus, .no-touch .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 { background-color: #f88887; 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, .no-touch .terms-list a:hover { text-decoration: none; background: #EBEBEB; } .terms-list small { font-size: inherit; } /* .terms-list [class^="fa-"], .terms-list [class*=" fa-"] {} */ /** * 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, .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; text-transform: uppercase; letter-spacing: 2px; line-height: 20px; text-align: center; padding-top: 22px; padding-bottom: 22px; margin: 0px; background-size: contain; font-family: 'Open Sans', sans-serif; } .wpb_content_element { font-size: 14px; font-weight: 400; } .wpb_content_element ul { /*padding:0px; list-style:none;*/ } .wpb_content_element ul.children { padding-left: 15px; } .wpb_content_element a { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; } /* Sidebar Widgets */ #sidebar a { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; color: #353535; } #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; font-family: 'Open Sans', sans-serif; } #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; font-family: 'Open Sans', sans-serif; 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: #F78888; color: #FFF; width: 28%; padding: 0px; border: none; font-family: 'Open Sans', sans-serif; text-transform: uppercase; } .screen-reader-text { display: none; } /* 7.9 Third-Party Widgets ========================================================================== */ .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: #F78888; font-weight: normal; } .no-touch #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: 40px; position: relative; } .iron_widget_newsletter { padding: 0px; } #footer .iron_widget_newsletter, #footer .nm_mc_form { padding-bottom: 100px; 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: 2px solid #FFF; height: 40px; width: 100%; max-width: 400px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /*float:left;*/ 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; font-family: 'Open Sans', sans-serif; text-transform: none; border: 2px 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; } .no-touch .iron_widget_newsletter input[type="submit"]:hover { background-color: #FFF; color: #f78888; } .newsletter-wrap { margin: 0 auto; /*max-width: 600px;*/ 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; /*max-width:100px;*/ 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; } } /* Newsletter Widget (Footer) */ #footer .newsletter-title-wrap, #footer .newsletter-description-wrap { margin: 0 auto; display: table; position: relative; } #footer .newsletter-description-wrap p { margin-bottom: 0px; text-align: center; max-width: 400px; } #footer .topwave { background: url(images/wave-top.png) no-repeat; width: 78px; height: 30px; display: block; margin: 0 auto; margin-bottom: 20px; margin-top: 100px; } #footer .botwave { background: url(images/wave-bot.png) no-repeat; width: 78px; height: 30px; display: block; margin: 0 auto; margin-top: 20px; margin-bottom: 60px; } #footer .newsletter-wrap h3 { color: #FFFFFF; font-family: 'Josefin Sans', sans-serif; font-size: 20px; font-weight: 800; line-height: 22px; margin: 0; text-align: center; text-transform: uppercase; } #footer .widget-area .iron_widget_newsletter { padding: 20px; padding-top: 0px; background: none !important; } #footer .widget-area .iron_widget_newsletter .newsletter-wrap { background: none !important; } #footer .widget-area .nm_mc_form { padding: 0px; background: none !important; } #footer .widget-area .iron_widget_newsletter input[type="email"], #footer .widget-area .iron_widget_newsletter input[type="text"] { background: none !important; } #footer .widget-area .control-label { margin: 0px; } #footer .widget-area label { text-align: left; } #footer .widget-area label.control-label { text-align: left; display: block; font-size: 14px; font-weight: 700; font-family: 'Open Sans', sans-serif; margin-bottom: 15px; padding-bottom: 12px; border-bottom: 2px solid #FFF; } #footer .widget-area .nm_mc_button { background: none; } /* Twitter Widget */ span.tweet_time { display: none; } .iron_widget_twitter .twitter-logo { color: #F78888; font-size: 40px; float: left; width: 20%; } .iron_widget_twitter .twitter-logo-small { color: #F78888; font-size: 32px; display: none; margin-bottom: 5px; } .iron_widget_twitter .panel__body { background-color: #f7f7f7; font-family: 'Open Sans', sans-serif; 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 { 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 { 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 { 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 { 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; } } /* Radio Widget */ .iron_widget_radio .panel__body { background-color: #f7f7f7; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: normal; text-align: center; margin-bottom: 2px; position: relative; height: 170px; width: 100%; padding: 0px; } .iron_widget_radio .poster-image { height: 170px; width: 170px; } .iron_widget_radio .player-title-box { display: block; text-align: left; } .iron_widget_radio .player-title-box .title { font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 300; } .iron_widget_radio.playlist_enabled .player-title-box .title { display: none; } .iron_widget_radio .player-title-box .track-name { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; } .iron_widget_radio .info-box .text { padding-top: 45px; padding-left: 195px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .iron_widget_radio #audio-holder { margin-top: 10px; } .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 .poster-image { display: block; float: left; height: 94px; margin: 0px; width: 94px; padding-right: 20px; box-sizing: content-box; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .iron_widget_radio.playlist_enabled .poster-image { display: none; } .playlist_enabled .player-box .jp-controls { margin: 5px auto; } .iron_widget_radio .panel__body { text-align: left; } .iron_widget_radio #audio-holder .jp-interface { height: auto; margin: 0px; margin-left: -10px; } .iron_widget_radio .player-title-box { margin-top: 15px; padding: 0px !important; text-align: left; } .description-column .iron_widget_radio .player-title-box { margin-top: 0px; padding-left: 20px !important; } .description-column .jp-gui.jp-interface { margin-left: 10px !important; } .description-column ul.tracks-list { margin-top: 0px !important; } .iron_widget_radio .player-title-box .title { font-size: 16px; line-height: 16px; padding: 0; text-align: left; } .iron_widget_radio .player-title-box .track-name { font-size: 12px; line-height: 14px; padding: 0; text-align: left; } .jp-progress { display: none; } .time-box { display: none; } .iron_widget_radio .jp-controls {} .player-box .jp-controls { margin: 0px; } .iron_widget_radio #audio-holder { margin-top: 5px; } .iron_widget_radio .jp-type-playlist { display: inline-block; } .iron_widget_radio.playlist_enabled .jp-type-playlist { display: block; } } /* Events Widget - COUNTDOWN */ .countdown-wrap { height: 70px; position: absolute; top: 50%; display: block; } .vc_span6 .countdown-wrap, .vc_span4 .countdown-wrap, .vc_span3 .countdown-wrap, .vc_span2 .countdown-wrap, #footer .countdown-wrap, #sidebar .countdown-wrap { top: 50%; padding-left: 5px; padding-right: 5px; } .event-centering { display: block; position: relative; width: 100%; height: 100%; top: 50%; } .vc_span6 .event-centering, .vc_span4 .event-centering, .vc_span3 .event-centering, .vc_span2 .event-centering, #footer .event-centering, #sidebar .event-centering { height: auto; top: 50%; } .concerts-list .title-row.hover .countdown-wrap { display: block; } .countdown-block { height: 70px; max-width: 260px; float: left; margin-right: 2px; color: #FFF; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 36px; text-align: center; } .is-countdown {} #defaultCountdown { height: 70px !important; width: 232px !important; } .countdown-rtl { direction: rtl; } .countdown-holding span { color: #888; } .countdown-row { clear: both; width: 300px; text-align: center; } .countdown-show4 .countdown-section {} .countdown-section { background-color: rgba(255, 255, 255, 0.5); color: #FFFFFF; display: block; float: left; font-size: 75%; height: 70px; margin-right: 2px; min-width: 56px; padding-left: 3px; padding-right: 3px; text-align: center; } .countdown-amount { font-size: 200%; color: #FFF; font-size: 36px; display: block; position: relative; margin-top: 20px; } .countdown-period { display: block; color: #FFF; font-size: 12px; display: block; position: relative; margin-top: 10px; } .countdown-descr { display: block; width: 100%; } .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; font-family: 'Open Sans', sans-serif; text-align: left; opacity: 0; filter: alpha(opacity=0) } .buttons .event-text-wrap .city-h { font-weight: 300; font-size: 20px; line-height: 22px; font-family: 'Open Sans', sans-serif; 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; } } .no-touch .buttons:hover .event-text-wrap .location-h, .no-touch .buttons:hover .event-text-wrap .city-h { opacity: 1; filter: alpha(opacity=100) } .concerts-list .title-row.hover .buttons .button { background-color: #f78888; border: 1px solid #FFF; padding: 7px 19px; } @media (min-width: 850px) { .vc_span6 .title-row, .vc_span4 .title-row, .vc_span3 .title-row, .vc_span2 .title-row, #sidebar .title-row, #footer .title-row { font-size: 18px; height: 206px; line-height: 24px; padding: 10px; position: relative; } .vc_span6 .concerts-list .title-row .datetime, .vc_span4 .concerts-list .title-row .datetime, .vc_span3 .concerts-list .title-row .datetime, .vc_span2 .concerts-list .title-row .datetime, #sidebar .concerts-list .title-row .datetime, #footer .concerts-list .title-row .datetime { border: none; display: block; float: none; font-size: 14px; margin: 0 auto; padding: 0px; text-align: center; width: auto; max-width: 200px; } .vc_span6 .event-text-wrap, .vc_span4 .event-text-wrap, .vc_span3 .event-text-wrap, .vc_span2 .event-text-wrap, #sidebar .event-text-wrap, #footer .event-text-wrap { display: block; float: none; font-size: 18px; line-height: 20px; margin: 0 !important; padding-top: 10px; position: relative; text-align: center; top: 0; width: 100%; } .vc_span6 .countdown-block, .vc_span4 .countdown-block, .vc_span3 .countdown-block, .vc_span2 .countdown-block, #sidebar .countdown-block, #footer .countdown-block { color: #FFFFFF; float: none; font-family: 'Open Sans', sans-serif; font-size: 36px; font-weight: 300; height: 70px; margin: 0 auto; text-align: center; width: 208px; } .vc_span2 .countdown-block { display: none; } .vc_span6 .event-text-wrap .location-h, .vc_span4 .event-text-wrap .location-h, .vc_span3 .event-text-wrap .location-h, .vc_span2 .event-text-wrap .location-h, #events .event-text-wrap .location-h, #sidebar .event-text-wrap .location-h, #footer .event-text-wrap .location-h { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; line-height: 16px; text-align: center; } .vc_span6 .event-text-wrap .city-h, .vc_span4 .event-text-wrap .city-h, .vc_span3 .event-text-wrap .city-h, .vc_span2 .event-text-wrap .city-h, #events .event-text-wrap .city-h, #sidebar .event-text-wrap .city-h, #footer .event-text-wrap .city-h { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; line-height: 16px; text-align: center; } .vc_span6 .countdown-wrap, .vc_span4 .countdown-wrap, .vc_span3 .countdown-wrap, .vc_span2 .countdown-wrap, #events .countdown-wrap, #sidebar .countdown-wrap, #footer .countdown-wrap { height: auto; position: relative; } .vc_span6 .iron_widget_events a.buttons, .vc_span4 .iron_widget_events a.buttons, .vc_span3 .iron_widget_events a.buttons, .vc_span2 .iron_widget_events a.buttons, #sidebar .iron_widget_events a.buttons, #footer .iron_widget_events a.buttons { padding: 32px 0px 31px !important; text-decoration: none !important; } .vc_span6 .iron_widget_events .countdown-amount, .vc_span4 .iron_widget_events .countdown-amount, .vc_span3 .iron_widget_events .countdown-amount, .vc_span2 .iron_widget_events .countdown-amount, #sidebar .iron_widget_events .countdown-amount, #footer .iron_widget_events .countdown-amount { font-size: 24px; } .vc_span6 .iron_widget_events .countdown-section, .vc_span4 .iron_widget_events .countdown-section, .vc_span3 .iron_widget_events .countdown-section, .vc_span2 .iron_widget_events .countdown-section, #sidebar .iron_widget_events .countdown-section, #footer .iron_widget_events .countdown-section { min-width: 50px; } } .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; } /* 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%; } } /* ========================================================================== 8.0 Footer ========================================================================== */ /* 8.1 Site Footer ========================================================================== */ #footer { background: #353535; position: relative; } .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; margin: 0 auto; max-width: 1144px; position: relative; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .footer-wrapper.widgets { padding: 44px; } .footer-wrapper-backtotop { color: #777; position: absolute; right: 0px; top: 20px; display: block; text-transform: uppercase; } .no-touch .footer-wrapper-backtotop:hover { text-decoration: none; } /* 8.2 Widget Area ========================================================================== */ .footer__widgets { margin: 0 auto; max-width: 1064px; position: relative; padding-left: 40px; padding-right: 40px; padding-top: 70px; padding-bottom: 70px; color: #FFF; } .footer__widgets .widget { float: left; width: 31%; margin-right: 1%; margin-left: 1%; min-height: 300px; } .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; font-family: 'Open Sans', sans-serif; } .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; font-size: 14px; } .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 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 { float: left; display: block; margin: 0 15px 0 0; width: auto; height: auto; max-width: 200px; max-height: 100px; padding-top: 10px; padding-bottom: 10px; } .footer-row .text-box { overflow: hidden; } .footer-row .text { padding-top: 10px; padding-bottom: 10px; } .footer-row p { margin: 0; color: #777; } /* ========================================================================== 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 {} */ .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; } } /* tablets version */ @media only screen and (max-width: 1023px) { .fs-img { font-family: 'image-set( url(/wp-content/themes/lush/-large|-medium), url(/wp-content/themes/lush/-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; } /* #header {} */ .site-description { margin-right: 20px; } .container { padding: 0px 13px 6px; } .nav-holder, .fixed-bar .nav-holder { padding: 0; } /* .marquee {} */ .marquee .text-box, .marquee .rsArrowLeft, .marquee .rsArrowRight { top: 16%; } .marquee .placeholder { height: 180px; } .marquee .text-box h1 { font-size: 50px; } /* .widget {} */ /* .heading {} */ .heading h1 { font-size: 70px; margin: -3px 0 -5px; padding: 0 10px; } /* .iron_widget_twitter {} */ .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 {} */ .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) { /* .iron_widget_recent_posts {} */ .carousel.responsive1 .slide a { height: 300px; } } @media only screen and (max-width: 849px) { /* .logo-desktop { max-width: 200px; max-height: 75px; } .blockquote-box { max-width: 200px; } */ } @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 { background: #000; border: 0; color: #555; } h1 {} h2 { font-size: 18px; line-height: 20px; color: #1a1a1a; margin: 0 0 14px; } h3 { font: bold 16px/18px sans-serif; } p { margin: 0 0 16px; } #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 13px 15px; } #nav { float: none; } #nav ul ul {} .nav-menu li { display: block; margin-bottom: 1px; } .nav-menu li a { padding: 5px 11px; font-size: 13px; } .no-touch .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-row .text { padding-top: 10px; } #footer {} #footer .links-box { padding-top: 10px; padding-bottom: 10px; } .footer-row { padding: 0 11px 2px; } .footer-row img { margin: 0 12px 0 0; } .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 {} /* .iron_widget_recent_posts {} */ .content__side .carousel.responsive1 .slide a, .grid-cols--2 .carousel.responsive1 .slide a { height: 280px; } /* .iron_widget_radio {} */ .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: 20px; font-size: 18px; } .player-box { margin: 0; } .player-box .time-box {} .player-box .jp-seek-bar {} .player-box .jp-progress {} /* .iron_widget_twitter {} */ .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; } .no-touch .carousel .btn-prev:hover, .no-touch .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 {} */ .video-box h2 { font-size: 14px; } /* .marquee {} */ .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__wrapper {} */ .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 { /*margin:11px 0 0; padding:21px 0 27px;*/ } .links-block .button { display: none; } .links-block .buttons { /*float:none;*/ 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; } /* .photos-list {} */ /* 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 { /*display: none; position: relative;*/ height: auto; top: 50%; left: 0px; right: 0px; margin: 0px; } .countdown-block { color: #FFFFFF; float: none; font-family: 'Open Sans', sans-serif; font-size: 36px; font-weight: 300; height: 70px; margin: 0 auto; text-align: center; width: 250px; } .iron_widget_events .countdown-block { width: 230px; } .concerts-list .title-row:after { display: none; } .concerts-list .title-row .buttons { /*top:auto;*/ bottom: 0; /*padding:0 12px 13px 14px;*/ height: auto; width: 100%; right: auto; left: 0; } .event-text-wrap .location-h { font-weight: normal; font-size: 18px; line-height: 20px; font-family: 'Open Sans', sans-serif; text-align: center; } .event-text-wrap .city-h { font-weight: 300; font-size: 18px; line-height: 20px; font-family: 'Open Sans', sans-serif; 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; } .no-touch .concerts-list .title-row .opener:hover:after { background-position: -123px -127px; } .concerts-list .title-row .button { margin: 0px; } .no-touch .concerts-list .title-row .button:hover { color: #fff !important; } .concerts-list .slide .holder { padding: 4px 34px 1px; } .concerts-list { padding: 0 0 13px; } .aside, .description-column { float: none; width: 100%; } .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: 12px 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 { padding: 10px 52px 0 0; } .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; } } @media only screen and (max-width: 639px) { /* .marquee {} */ .marquee .placeholder { height: 84px; } .marquee .text-box h1 { font-size: 25px; } .marquee .tparrows { height: 49.4%; } /* .iron_widget_newsletter {} */ .footer__widgets>.iron_widget_newsletter .control-append { width: 80%; } /* .filters-block {} */ .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:0 50px 0 0;*/ } .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: 0 0 12px; width: 100%; } .news .media-block, .videos .media-block { width: auto; max-width: 329px; margin: 0 auto; } .media-block .text-box { position: relative; } .news .media-block .text-box, .videos .media-block .text-box { padding-top: 0px; padding-left: 10px; padding-right: 10px; } .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) { /* .iron_widget_recent_posts {} */ .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; } /* .iron_widget_newsletter {} */ .footer__widgets>.iron_widget_newsletter .control-append { width: auto; } } @media only screen and (max-width: 359px) { .fs-img { font-family: 'image-set( url(/wp-content/themes/lush/-large|-small), url(/wp-content/themes/lush/-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%; } } /* RETINA DISPLAY */ /* @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi){ .logo-mobile.retina{ display:block; } .logo-mobile.regular{ display:none; } } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi), (min-width: 2049px){ .logo-desktop.retina{ display:block; } .logo-desktop.regular{ display:none; } .logo-mobile.retina{ display:none; } } */ /* @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .logo-mobile.retina{ display:block; } .logo-mobile.regular{ display:none; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-width: 2049px) { .logo-desktop.retina{ display:block; } .logo-desktop.regular{ display:none; } .logo-mobile.retina{ display:none; } } */ /* 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; background: #F78888; color: #FFF; padding: 5px 40px; transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } a.back-btn:hover { text-decoration: none; } /* 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; } .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 */ /* ========================================== */ .woocontent, div.woocommerce { margin: 0 auto; max-width: 1104px; overflow: hidden; padding-left: 20px; padding-right: 20px; } .wpb_wrapper .woocontent, .wpb_wrapper div.woocommerce { padding-left: 0px; padding-right: 0px; } .wooprice { font-size: 36px; line-height: 38px; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; } .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; margin: 0 auto !important; 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; } .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; background-color: #00A8BB; color: #FFF; box-shadow: none; border-radius: 0px; border: none; font-weight: normal; text-shadow: none; padding: 8px 20px; transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; } 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; background-color: #000; } .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-right: 1px solid #FFF; } .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 { border-right: none; } .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-family: 'Open Sans', sans-serif; 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 { background-color: #00A8BB; 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 { background-color: #00A8BB; 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; background-color: #00A8BB; 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; } .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; margin: 0 auto; font-family: 'Open Sans', sans-serif; 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; padding: 1%; margin-right: 1.2%; } .woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 0px; } .woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product { width: auto; } .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; } @media only screen and (max-width: 768px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 46.8%; margin: 0 0 2.992em; } .woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) { float: left; margin-left: 2%; } } .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; } .woocontent.cart { padding: 20px; } form.checkout { padding: 20px; } .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 { color: #FFFFFF; padding: 8px 20px; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px; text-decoration: none; display: inline-block; transition: all 0.2s ease 0s; } .shipping-calculator-button:hover { text-decoration: none !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 #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { background: none; border-bottom: none; } .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 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, .woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text { border-radius: 0px !important; border-color: rgba(85, 85, 85, 0.2) !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-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 ul.products li.product, .woocommerce-page ul.products li.product { width: 24.1%; } .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product { width: 32.53%; } .woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product { width: 49.4%; }