/**
* Theme Name: IronBand — Music Band & DJ Theme
* Theme URI: http://ironband.irontemplates.com
* Description: IronBand is the perfect WordPress theme for bands, musicians and DJs. Everything is in the details. The theme includes all major features: Events & Gigs, HTML5 audio Player, YouTube Videos, News, Discography, Photos and Biography and even a Booking section. Everything’s there.
* Tags: blue, green, gray, orange, pink, red, purple, theme-options, translation-ready
*
* Author: IronTemplates
* Author URI: http://irontemplates.com
*
* Version: 2.1.6
* Text Domain: ironband
*
* 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
* 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 - Marquee
* 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#oswaldregular') format('svg');
font-weight: normal;
font-style: normal;
}
.button.purple {
background-color: #a02e84;
border: none;
color: white;
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
}
.button.purple:hover {
background-color: #7b2465;
}
::-webkit-scrollbar {
display: block !important;
}
@font-face {
font-family: 'Oswald';
src: url('fonts/oswald-bold.eot');
src: url('fonts/oswald-bold.eot?#iefix') format('embedded-opentype'),
url('fonts/oswald-bold.woff') format('woff'),
url('fonts/oswald-bold.ttf') format('truetype'),
url('fonts/oswald-bold.svg#oswaldbold') format('svg');
font-weight: bold;
font-style: normal;
}
/* Fontello, a Font-Awesome fallback */
@font-face {
font-family: 'Fontello';
src: url('fonts/fontello.eot');
src: url('fonts/fontello.eot?#iefix') format('embedded-opentype'),
url('fonts/fontello.woff') format('woff'),
url('fonts/fontello.ttf') format('truetype'),
url('fonts/fontello.svg#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
/* 1.2 Reset
========================================================================== */
/**
* Font Size : 14px (0.875em)
* Line Height : 20px (1.429em)
*
* @todo Integrate Normalize.css to provide cross-browser consistency
* and a smart default styling of HTML elements.
*
* @see http://git.io/normalize
*/
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
body {
margin: 0;
min-width: 320px;
min-width: 1144px\9; /* IE8 and below */
border-bottom: 10px solid #1a1a1a;
background-color: #000;
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
color: #1F1F1F;
font-size: 14px;
line-height: 20px;
font-family: sans-serif; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
.info-blok, .prijzen-blok {
height: 450px;
}
@media (max-width: 768px) {
.info-blok {
height: 300px !important; /* Pas de waarde aan zoals nodig */
}
.prijzen-blok {
height: 540px !important; /* Pas de waarde aan zoals nodig */
}
}
@media (max-width: 470px) {
.info-blok {
height: 300px !important; /* Pas de waarde aan zoals nodig */
}
.prijzen-blok {
height: 440px !important; /* Pas de waarde aan zoals nodig */
}
}
img{border-style:none;}
a{
text-decoration:none;
}
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-text {
padding: 10px;
}
input[type="submit"]::-moz-focus-inner{
border:0;
padding:0;
}
input[type="submit"]:hover{cursor:pointer;}
q{quotes:none;}
q:before,
q:after{content:'';}
h1{
font:70px/70px Oswald, sans-serif;
font-weight: bold;
color:#010101;
margin: 0 0 35px -3px;
text-transform:uppercase;
text-align:left;
}
h2{
font:24px/28px Oswald, sans-serif;
color:#1a1a1a;
margin:0 0 19px;
text-align:left;
}
h3{
font:bold 20px/24px sans-serif;
color:#000;
margin:0 0 10px;
text-align:left;
}
p{margin:0 0 21px;}
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;
}
.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;
}
.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 */
}
/* 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%;
}
/* 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%;
width:100%;
}
img.wp-post-image.original {
height: auto;
max-width: 100%;
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 {
color: #220e10;
font-size: 18px;
font-style: italic;
font-weight: 300;
}
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,
.btn-prev i,
.btn-next i,
.icon-vimeo,
.icon-soundcloud {
font-family: Fontello;
}
.icon-vimeo:before { content: '\e802'; }
.icon-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: 18px 0;
}
.social-networks li {
display:inline-block;
vertical-align:top;
margin:0 0 0 2px;
}
.social-networks a {
color: #000;
text-decoration: none;
}
.social-networks a i{
width: 15px;
text-align:center;
}
.social-networks [class^="fa-"],
.social-networks [class*=" fa"] {
padding: 0.5em;
border-radius: 100%;
}
/* 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.:
*
*
* 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 {
padding: 9px;
}
.atoll,
.widget {
margin-bottom: 20px;
}
/**
* 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.
*
*
*/
/* .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 {
background: #1A1A1A;
position: relative;
margin-bottom: 20px;
text-align: center;
padding: 0 150px;
}
.heading h1 {
display: inline-block;
padding: 0 20px;
margin: -4px 0 -7px;
color: #000;
font-size: 90px;
font-weight: normal;
font-family: Oswald, sans-serif;
line-height: 1;
letter-spacing: 1px;
text-transform: uppercase;
vertical-align: top;
background-color: #fff;
}
.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;
}
/* 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;
}
.js-carousel .carousel__wrapper.with-border{
border-left: 1px solid #4F4F4F;
}
.carousel .btn-prev,
.carousel .btn-next {
z-index: 2;
position: absolute;
top: 0;
bottom: 0;
display: none;
width: 48px;
border: 1px solid #4F4F4F;
background-color: #FFF;
color: #000;
font-size: 50px;
}
.carousel .btn-prev { left: 0; }
.carousel .btn-next { right: 0; }
.carousel .btn-prev:hover,
.carousel .btn-next:hover {
width: 48px;
color: #FFF;
text-decoration: none;
}
.carousel .btn-prev:hover { left: 0; }
.carousel .btn-next:hover { right: 0; }
.carousel .btn-prev i,
.carousel .btn-next i {
position: absolute;
top: 50%;
margin: -25px 11px;
}
.carousel .btn-prev i { left: 0; }
.carousel .btn-next i { right: 0; }
.carousel .slideset {
width: 100%;
overflow: hidden;
}
.carousel .slide {
float: left;
display: block;
position: relative;
width: 32.33%;
margin: 0.5%;
border: 1px solid #4F4F4F;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.js-carousel .slide {
margin: 0;
border-width: 0 1px 0 0;
}
.carousel img,
.article img {
display: block;
width: 100%;
height: auto;
}
.carousel .slide a,
.article a {
cursor: pointer;
overflow: hidden;
display: block;
position: relative;
color: #000;
text-decoration: none;
}
.carousel .more,
.article .more {
position: absolute;
right: 20px;
bottom: 9px;
font-size: 24px;
}
.carousel .hover-box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
color: #1A1A1A;
/* `background-color` in color palette */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
.carousel .slide a:focus .hover-box,
.carousel .slide a:hover .hover-box,
.carousel .slide a.hover .hover-box {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
}
.hover-box__centered:before {
content: "";
display: inline-block;
height: 100%;
margin-right: -0.25em;
vertical-align: middle;
}
.hover-box__inner {
display: inline-block;
vertical-align: middle;
}
/**
* Sidebar
*/
.content__side .js-carousel .carousel__wrapper {
margin: 0 35px;
}
.content__side .carousel .btn-prev,
.content__side .carousel .btn-next {
width: 34px;
font-size: 30px;
}
.content__side .carousel .btn-prev:hover,
.content__side .carousel .btn-next:hover {
width: 44px;
}
.content__side .carousel .btn-prev i,
.content__side .carousel .btn-next i {
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
========================================================================== */
/* ==========================================================================
3.0 Structure
========================================================================== */
/* 3.1 Container
========================================================================== */
/* wrapper */
#wrapper{
max-width:1144px;
margin:0 auto;
position:relative;
min-height: 100vh;
overflow: auto;
pointer-events: auto;
}
/* container */
.container, .woocommerce-page .content-area{
background:#fff;
padding:36px 40px 28px;
}
/* panel */
.panel{
background:#fff;
width:100%;
position:relative;
margin: 1px 0 1px;
z-index:10;
}
.nav-holder{
position: relative;
max-width:1104px;
padding:0 20px;
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;
}
.panel .opener:hover{text-decoration:none;background:#efeded;}
.panel.popup-active .opener{background:#efeded;}
/* .content__wrapper {} */
.content__main {
float: left;
width: 64%;
}
.content--rev > .content__main {
float: right;
}
/* 3.2 Sidebar
========================================================================== */
.content__side {
float: right;
width: 32%;
}
.content--rev > .content__side {
float: left;
}
/* 3.3 Post Grid
========================================================================== */
/* 3.4 Post List
========================================================================== */
.media-list,
.listing-section {
padding: 0 3px 43px 0;
padding-left: 0;
list-style: none;
}
.media-decoration {
float: right;
font-size: 30px;
padding: 0.25em;
}
.media-decoration.media-audio {
color: #FFF;
border-radius: 100%;
}
.media-block a.hover .media-decoration.media-audio,
.media-block a:hover .media-decoration.media-audio {
background: #000;
}
.media-block a.hover .media-decoration.media-video,
.media-block a:hover .media-decoration.media-video {
color: #000;
}
/* media-block */
.media-block{
overflow:hidden;
position:relative;
}
.media-block a{
display:block;
padding:10px;
text-decoration:none;
color:#000;
cursor:pointer;
}
.media-block a.hover{
color:#1a1a1a;
}
.media-block .holder{
width:100%;
display:table;
position:relative;
}
.media-block .image{
width:220px;
float:left;
margin:0 47px 0 0;
}
.news .media-block .image,
.videos .media-block .image{
width: 260px;
margin:0 40px 0 0;
}
.media-block .image img{display:block;}
.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:4px 0 0 0;
}
.media-block h2{
color:#000;
margin:0;
text-transform:uppercase;
font:32px/34px Oswald, sans-serif;
font-weight: normal;
}
.news .media-block h2{
font:26px/28px Oswald, sans-serif;
font-weight: bold;
}
.webkit .media-block h2{margin:0 0 -1px;}
.media-block .datetime,
.media-block .category{
display:block;
margin:0 0 2px;
text-transform:uppercase;
font:16px/18px Oswald, sans-serif;
}
.media-block a.hover h2,
.media-block a.hover .datetime,
.media-block a.hover .category{color:#1a1a1a;}
.media-block .excerpt{
margin:5px 0;
}
/* 3.5 Post Accordion
========================================================================== */
/* ==========================================================================
4.0 Header
========================================================================== */
/* 4.1 Site Header
========================================================================== */
#header {
margin: 0px 14px 15px 15px; /* adjust for #header::after */
color: #fff;
text-align: justify;
}
#header:after {
content: "";
display: inline-block;
width: 100%;
}
.header__left:before {
content: "";
height: 100%;
}
.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;
}
.site-title img {
width: auto;
height: auto;
}
.logo-desktop {
display: block;
max-width: 400px;
max-height: 150px;
}
.site-title.retina .logo-desktop, .footer-logo.retina .logo-desktop{
display:none !important
}
.logo-mobile {
display: none;
max-width: 150px;
max-height: 50px;
}
.site-title.retina .logo-mobile, .footer-logo.retina .logo-mobile{
display:none !important
}
.logo-retina{
display:none;
}
.site-title.retina .logo-retina, .footer-logo.retina .logo-retina{
display:block;
max-width: 400px;
max-height: 150px;
}
.logo-retina-mobile{
display:none;
}
.site-title.retina .logo-retina-mobile, .footer-logo.retina .logo-retina-mobile{
max-width: 150px;
max-height: 50px;
}
.logo-panel {
display: none;
float: left;
margin: 12px 30px 0 0;
}
.logo-panel img {
width: auto;
height: auto;
max-width: 120px;
max-height: 40px;
}
.panel.fixed-bar .logo-panel{
display:block;
}
/* slogan */
.site-description {
max-width: 190px;
font-family: Oswald, sans-serif;
font-size: 10px;
line-height: 1.2;
letter-spacing: 5px;
text-transform: uppercase;
word-spacing: -1px;
}
/* blockquote-box */
.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;
}
/* 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;
position: relative;
}
.nav-menu li a {
display: block;
padding: 27px 22px 24px 21px; /* padding-left adjusts for letter-spacing */
color: #000;
font-size: 13px;
line-height: 1;
letter-spacing: 1px;
text-decoration: none;
}
.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,*/
.nav-menu .hover > a {
text-decoration: none;
background-color: #e7e7e7;
color: #000;
}
.nav-menu .sub-menu,
.nav-menu .children {
background-color: #e8e8e8;
display: none;
padding: 0;
position: absolute;
z-index: 11;
}
.nav-menu .sub-menu ul,
.nav-menu .children ul {
left: 100%;
top: 0;
border-left: 1px solid #fff;
}
ul.nav-menu ul a,
.nav-menu ul ul a {
width: 250px;
color: #1a1a1a;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(50%,#e2e2e2), color-stop(100%,#dbdbdb));
background-image: -webkit-linear-gradient(top, #e8e8e8 0%,#e2e2e2 50%,#dbdbdb 100%);
background-image: linear-gradient(to bottom, #e8e8e8 0%,#e2e2e2 50%,#dbdbdb 100%);
}
/*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 {
border-bottom: 1px solid #fff;
}
.nav-menu .sub-menu li:last-child,
.nav-menu .children li:last-child {
border-bottom: 0;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
background-image: none;
}
.panel.fixed-bar{
padding:0 0 1px;
position:fixed;
left:0;
top:0;
}
.panel.fixed-bar #nav {
float: none;
}
body.admin-bar .panel.fixed-bar{
top:28px;
}
/* 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 Marquee
========================================================================== */
.marquee__container {
z-index: 1;
position: relative;
background: #FFF;
}
.marquee {
overflow: hidden;
position: relative;
width: 100%;
height: 500px;
min-height: 200px;
}
.marquee .slideset {
display: none;
width: 100%;
margin: 0;
padding: 0;
}
.marquee .slide {
width: 100%;
overflow: hidden;
}
.marquee img {
width: 100%;
height: auto;
max-width: none;
}
.marquee .tparrows {
visibility: visible !important;
position: absolute;
left: 0;
overflow: hidden;
display: block;
min-width: 20px;
width: 33px;
height: 49.8%;
text-indent: -9999px;
}
.marquee .tparrows:after{
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 10px;
height: 10px;
margin: -5px 0 0 -5px;
background-color: transparent;
background-image: url(images/sprite.png);
background-repeat: no-repeat;
}
.marquee .tp-leftarrow:after {
background-position: -65px -15px;
}
.marquee .tp-rightarrow:after {
background-position: -65px 0;
}
.marquee .tp-leftarrow {
top: 0;
}
.marquee .tp-rightarrow {
bottom: 0;
}
.marquee .tparrows:hover {
background: #FFF;
}
.marquee .tp-rightarrow:hover:after {
background-position: -65px -31px;
}
.marquee .tp-leftarrow:hover:after {
background-position: -65px -46px;
}
.marquee .text-box{
position: absolute;
left: 0;
top: 27.4%;
padding-left: 34px !important;
}
.marquee .placeholder {
height: 232px;
}
.marquee .text-box h1 {
overflow: hidden;
margin: 0;
color: #000;
font-family: Oswald, sans-serif;
font-size: 70px;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
}
.marquee .text-box h1 span {
float: left;
clear: both;
margin: 0 0 1px;
padding: 0.15em 0.25em;
white-space: nowrap;
background-color: #FFF;
background-color: rgba(255, 255, 255, 0.9);
}
.marquee .more {
float: left;
display: block;
color: #FFF;
padding: 0.45em 0.65em;
font-family: Oswald, sans-serif;
font-size: 24px;
line-height: 1;
text-transform: uppercase;
vertical-align: top;
}
.marquee .more:hover {
color: #FFF;
text-decoration: none;
background: #1A1A1A;
}
/* ==========================================================================
5.0 Content
========================================================================== */
/* 5.1 Entry
========================================================================== */
.sticky {}
.wp-featured-image {
display: block;
margin-bottom: 35px;
}
/* 5.2 News
========================================================================== */
/* articles-section */
.articles-section{
margin:0 -42px 3px 0;
padding: 0px 0 0;
}
.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{text-align:justify;}
.video-post{color:#a0a0a0;}
/* meta */
.meta{
font-size:12px;
line-height:16px;
margin:0 0 19px;
position:relative;
overflow:hidden;
text-align:right;
}
.meta:after{
content:'';
width:100%;
height:1px;
background:#353535;
position:absolute;
left:0;
top:8px;
}
.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:#fff;
color:#8f8f8f;
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:#1a1a1a;
color:#fffefe;
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:italic 18px/24px serif;
}
.blockquote-block figcaption {
display:block;
text-align:right;
text-transform:uppercase;
font:14px/18px Oswald, sans-serif;
margin:0 -18px 0 0;
}
/* links-block */
.links-block{
margin:22px 0 0;
padding:38px 0 39px;
border-top:1px solid #353535;
}
#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;
text-transform:uppercase;
color:#000;
font:14px/18px Oswald, sans-serif;
padding:7px 18px 5px;
margin:0 0 14px;
text-align:center;
}
.trident a.button{padding:8px 18px 4px;}
a.button:hover{
text-decoration:none;
color:#fff;
}
/* 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;}
/* 5.3 Event
========================================================================== */
.concerts-list{
margin:0;
padding:0 0 11px;
list-style:none;
color:#fff;
font-size:12px;
line-height:16px;
}
.concerts-list li{
margin:0 0 1px;
overflow:hidden;
background:#000;
}
.concerts-list .title-row{
position:relative;
padding:34px 210px 31px 20px;
text-transform:uppercase;
color:#5a5a5a;
font:24px/28px Oswald, sans-serif;
font-weight: normal;
}
.icon-concert-dropdown {
z-index: 1;
position: relative;
}
.icon-concert-dropdown,
li.expanded .title-row .icon-concert-dropdown {
font-size:15px;
margin-right:5px;
top:-5px;
position:relative;
}
.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: 13px;
}
.concerts-list .title-row .location{color:#fff;}
.concerts-list .title-row span{
padding:0 13px 0 0;
display:inline-block;
vertical-align:top;
white-space:nowrap;
}
.concerts-list .title-row .buttons{
overflow:hidden;
padding:32px 22px 31px;
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%;
}
.concerts-list .title-row.hover .buttons{
display:block;
width:100%;
}
.concerts-list .title-row .link{
text-decoration:underline;
vertical-align:middle;
padding:0;
position:relative;
}
.concerts-list .title-row .link:before{display:none;}
.concerts-list .title-row .link:hover{text-decoration:none;}
.concerts-list .title-row .button{
margin:0 0 0 18px;
vertical-align:middle;
min-width:64px;
position:relative;
}
.concerts-list .title-row.hover .button:hover{color:#fff;}
.concerts-list .expanded .title-row .button{
color:#000 !important;
}
.concerts-list .expanded .title-row .button:hover{color:#fff !important;}
.concerts-list .title-row .opener{
float:left;
position:relative;
padding:2px 0 0 29px;
color:#fff;
font:24px/28px Oswald, sans-serif;
text-transform:uppercase;
left:-9999px;
text-decoration:none;
}
.concerts-list .title-row.hover .opener{left:auto;}
.concerts-list .expanded .title-row .buttons{background:none !important;}
.concerts-list .expanded .title-row .open-link,
.concerts-list .expanded .title-row .opener{display:none;}
.concerts-list .expanded .title-row:after{
height:4px;
top:44px;
}
.concerts-list .title-row .date{
padding: 0;
}
.concerts-list .title-row .time{
background:#fff;
font-size:12px;
padding: 4px 5px 1px;
margin-left: 13px;
line-height: 19px;
letter-spacing: 0.1em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.concerts-list .title-row .open-link{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
cursor:pointer;
overflow:hidden;
text-align:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:32px 22px 31px;
}
.concerts-list .slide{
width:100%;
overflow:hidden;
}
.concerts-list .slide .holder{
padding: 0 48px 21px;
max-width:700px;
}
.concerts-list .entry h2 {
color: #FFF;
}
/* 5.4 Album
========================================================================== */
.content-box{
padding:0 0 16px;
color:#787878;
}
.info-section .blockquote-block{
margin:-2px 0 26px;
padding:40px 50px 26px 35px;
}
/* 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,
.photos-list a:hover .hover-text,
.photos-list .hover .hover-text {
display:block;
}
/* 5.6 Video
========================================================================== */
.video-block{
position:relative;
margin:0 1px 88px 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: 0 3px 25px 0;}
/* 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;
}
/* 5.8 Track Listing
========================================================================== */
.tracks-block h2{
text-transform:uppercase;
background:#000;
padding:6px 23px;
color:#5a5a5a;
font:16px/18px Oswald, sans-serif;
font-weight: normal;
margin:0 0 1px;
}
/* tracks-list */
.tracks-list{
margin:0 0 35px;
padding:0;
list-style:none;
overflow:hidden;
counter-reset:item;
color:#fff;
}
.tracks-list > li{
padding:26px 190px 23px 83px;
margin:0 0 1px;
background:#000;
overflow:hidden;
position:relative;
}
.tracks-list > li:before{
float:left;
width:40px;
margin:-5px 0 0 -53px;
color:#5a5a5a;
content:counters(item, ".") " ";
counter-increment:item;
font:24px/28px Oswald, sans-serif;
}
.tracks-list .name{
overflow:hidden;
display:block;
text-transform:uppercase;
color:#fff;
font:18px/22px Oswald, sans-serif;
}
.tracks-list .player-box {
margin:0;
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{
width:155px;
position:absolute;
right:16px;
top:17px;
}
.tracks-list .button{
float:left;
margin:5px 0 0;
width:81px;
padding:7px 10px 5px 10px;
text-align:center;
}
.presto .tracks-list .button{padding:8px 10px 4px 10px;}
.tracks-list .btn-play,
.tracks-list .btn-pause{
color: #000;
text-decoration: none;
float:right;
font-size:18px;
line-height:1;
}
.tracks-list .btn-play i,
.tracks-list .btn-pause i{
min-width:20px;
text-align:center;
}
.tracks-list .btn-play:hover,
.tracks-list .btn-pause:hover{
color: #FFF;
}
.tracks-list .btn-play [class^="fa-"],
.tracks-list .btn-play [class*=" fa-"],
.tracks-list .btn-pause [class^="fa-"],
.tracks-list .btn-pause [class*=" fa-"] {
display: block;
padding: 0.4em;
border-radius:100%;
}
/* 5.9 Galleries
========================================================================== */
.gallery {
margin-bottom: 20px;
margin-left: -4px;
}
.gallery-item {
float: left;
margin: 0 1% 1% 0;
overflow: hidden;
position: relative;
}
.gallery-item img {
display: block;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
text-align: center;
}
.gallery-columns-0 .gallery-item,
.gallery-columns-1 .gallery-item {
width: 99%;
}
.gallery-columns-2 .gallery-item {
width: 49%;
}
.gallery-columns-3 .gallery-item {
width: 32%;
}
.gallery-columns-4 .gallery-item {
width: 24%;
}
.gallery-columns-5 .gallery-item {
width: 19%;
}
.gallery-columns-6 .gallery-item {
width: 15%;
}
.gallery-columns-7 .gallery-item {
width: 13%;
}
.gallery-columns-8 .gallery-item {
width: 11%;
}
.gallery-columns-9 .gallery-item {
width: 10%;
}
.gallery-columns-0 .gallery-item,
.gallery-columns-1 .gallery-item {
max-width: 99%;
max-width: -webkit-calc(100% - 1%);
max-width: calc(100% - 1%);
}
.gallery-columns-2 .gallery-item {
max-width: 49%;
max-width: -webkit-calc(50% - 1%);
max-width: calc(50% - 1%);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33% - 1%);
max-width: calc(33% - 1%);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 1%);
max-width: calc(25% - 1%);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 1%);
max-width: calc(20% - 1%);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 1%);
max-width: calc(16.7% - 1%);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 1%);
max-width: calc(14.28% - 1%);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 1%);
max-width: calc(12.5% - 1%);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 1%);
max-width: calc(11.1% - 1%);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
box-sizing: border-box;
color: #fff;
font-size: 14px;
line-height: 1.3;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 2px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/* 5.10 Pagination
========================================================================== */
/* button-more */
a.button-more{
display:block;
margin:0 0 28px;
border:1px solid #4f4f4f;
padding:28px 20px 24px;
color:#4f4f4f;
text-transform:uppercase;
text-align:center;
font:20px/24px Oswald, sans-serif;
font-weight: bold;
visibility: hidden;
}
.pages .current,
.pages a:hover,
a.button-more:hover{
text-decoration:none;
}
/* next prev link */
.pages a,
.pages .current {
display: block;
min-width: 58px;
padding: 17px 5px;
margin: 0 0 28px;
border: 1px solid #4F4F4F;
color: #4F4F4F;
font-size: 20px;
font-family: Oswald, sans-serif;
font-weight: bold;
line-height: 1;
text-align: center;
text-transform: uppercase;
box-sizing: border-box;
}
.pages.full{
text-align: center;
}
.pages.full ul{
list-style: none;
padding: 0;
margin:40px 1px;
}
.pages.full li{
display: inline-block;
}
/* 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;
}
.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 Oswald, 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;
background-color: #000;
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 {
background: url(images/dotted-line.png) repeat left top;
background-size: 4px 4px;
content: "";
display: block;
height: 1px;
width: 100%;
}
.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;
}
.comment .comment-respond {
margin-bottom: 20px;
padding: 20px;
border-width: 0 0 1px;
}
.comment-reply-title {
font-size: 20px;
text-transform: uppercase;
background-color: #000;
padding: 24px 21px 18px 23px;
}
.comment-reply-title small a {
color: #FFF;
display: inline-block;
float: right;
height: 16px;
overflow: hidden;
width: 16px;
}
.comment-reply-title small a:hover {
text-decoration: none;
}
.comment-reply-title small a:before {
content: "\f00d";
vertical-align: top;
}
.comment-form .comment-notes {
margin-bottom: 15px;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
margin-bottom: 8px;
}
.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
float: left;
padding: 5px 0;
width: 120px;
}
.comment-form .required {
color: #ed331c;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
max-width: 270px;
width: 60%;
}
.comment-form textarea {
width: 99%;
}
.form-allowed-tags,
.form-allowed-tags code {
color: #686868;
font-size: 12px;
}
.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;}
.form input[type="submit"]:hover{color:#fff;}
.info-section{padding:19px 0 0;}
.info-section .links-block{
margin:12px 0 0;
padding:23px 0 15px;
}
/* aside */
.aside{
float:left;
width:30.9%;
}
/* info-section */
.info-section .image{margin:0 0 16px;}
.info-section .image img{
display:block;
max-width:100%;
height:auto;
}
.info-section h2{
margin:0 0 16px;
}
/* description-column */
.description-column{
width:65.1%;
float:right;
text-align:justify;
}
/* 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:8px;
padding-bottom:4px;
margin-top: 2px;
}
.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 #000000;
box-shadow: none;
clear: both;
color: #4E4E4E;
display: block;
font: 14px/17px sans-serif;
margin: 0;
padding: 8px 6px;
-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 #000000;
box-shadow: none;
clear: both;
color: #4E4E4E;
display: block;
font: 14px/17px sans-serif;
height: 145px;
margin: 0;
padding: 8px 6px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.comment-form #submit,
.wpcf7-submit{
background: none transparent;
border: 0 none;
color: #000000;
cursor: pointer;
float: right;
font: 14px/30px Oswald, sans-serif;
height: 30px;
margin: 0;
min-width: 100px;
overflow: visible;
padding: 2px 0 0;
text-transform: uppercase;
}
.comment-form #submit:hover,
.wpcf7-submit:hover{
color: #FFF;
}
/*****/
.select-nav-select,
.nav-select{display:none !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;
height:200px;
overflow-y:auto;
overflow-x: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:0 0 11px;
overflow:hidden;
font-size:12px;
line-height:19px;
color:#000;
}
.iron_widget_radio .info-box img{
float:left;
margin:0 16px 0 0;
max-width: none;
}
.iron_widget_radio .info-box .text{
display:table-cell;
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:19px;
line-height:19px;
}
.iron_widget_radio .info-box .track-name{margin:0 0 2px;}
/* player-box */
.player-box{
overflow:hidden;
color:#343434;
font-size:12px;
line-height:14px;
}
.jp-controls{
margin:0;
padding:0;
list-style:none;
}
.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: 1em;
}
.player-box .hidden{
position:absolute;
left:-9999px;
}
.player-box .time-box{
width:70px;
float:right;
margin:1em 0 0 10px;
}
.player-box .jp-seek-bar{
overflow:hidden;
height:14px;
}
.player-box .time-box .jp-current-time{float:left;}
.player-box .time-box .jp-duration{float:right;}
.player-box .jp-progress{
overflow:hidden;
height:14px;
background:#1a1a1a;
margin:1em 0;
}
.player-box .jp-progress .jp-play-bar{
height:100%;
background:#f33ca4;
}
.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;
}
/**
* Sidebar
*/
/**
* Footer
*/
/* 7.2 Twitter
========================================================================== */
.iron_widget_recent_tweets .panel__body {
color: #000;
font-size: 24px;
font-style: italic;
font-family: serif;
line-height: 1.2;
text-align: center;
}
.iron_widget_recent_tweets p{margin:0 0 34px}
.iron_widget_recent_tweets ul{padding: 0 20px;}
.iron_widget_recent_tweets li{list-style:none}
.iron_widget_recent_tweets .meta{
margin:0 -10px;
padding:0 0 0 29px;
position:relative;
font:12px/16px sans-serif;
text-align:left;
}
.iron_widget_recent_tweets .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_recent_tweets .meta a{color:#000;}
/**
* Sidebar
*/
.content__side > .iron_widget_recent_tweets .panel__body {
font-size: 18px;
}
/**
* Footer
*/
/* 7.3 Latest News
========================================================================== */
.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: 24px;
font-weight: normal;
font-family: Oswald, sans-serif;
line-height: 1.2;
text-transform: uppercase;
}
.text .datetime,
.article .datetime {
display: block;
font-size: 12px;
font-weight: normal;
font-family: Oswald, sans-serif;
}
.carousel .slide a:focus .text .datetime,
.carousel .slide a:hover .text .datetime,
.carousel .slide a.hover .text .datetime,
.article a:focus .datetime,
.article a:hover .datetime,
.article a.hover .datetime {
color: #1A1A1A;
}
/**
* Sidebar / Narrow Grid
*/
.content__side .carousel.responsive1 .slide a,
.grid-cols--2 .carousel.responsive1 .slide a {
height: 300px;
}
.content__side .carousel .text,
.grid-cols--2 .carousel .text {
padding: 25px 12px 35px;
}
.content__side .carousel .text h2,
.grid-cols--2 .carousel .text h2 {
font-size: 18px;
margin-bottom: 4px;
}
/**
* Footer
*/
/* 7.4 Upcoming Events
========================================================================== */
/* .iron_widget_upcoming_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 .fa-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;
}
/**
* Sidebar
*/
/**
* Footer
*/
/* 7.6 Newsletter
========================================================================== */
.iron_widget_newsletter {
text-align: center;
}
.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 {
height: 36px;
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;
float: right;
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,
.iron_widget_newsletter input[type="submit"]:hover {
color: #010101;
}
.iron_widget_newsletter .form-status {
clear: both;
display: block;
margin: 0;
padding-top: 10px;
font-size: 13px;
text-align: left;
text-align: center;
margin-top: 10px;
margin-bottom: -10px;
}
/**
* Sidebar / Narrow
*/
.content__side > .iron_widget_newsletter .control-label,
.grid-cols > .iron_widget_newsletter .control-label {
margin: 0 0 10px;
display: block;
}
/**
* Footer
*/
.footer__widgets > .iron_widget_newsletter {
padding: 60px 0;
}
.footer__widgets > .iron_widget_newsletter .control-append {
display: inline-block;
width: 360px;
}
/* 7.7 Terms
========================================================================== */
/* .iron_widget_terms */
.terms-list {
list-style: none;
margin: 0;
padding-left: 0;
line-height: 18px;
}
.terms-list li {
border-bottom: 1px dashed #ddd;
}
.terms-list li:last-child {
border-bottom: 0;
}
.terms-list a {
display: block;
cursor: pointer;
padding: 10px 15px 10px 10px;
color: #000;
font-size: 13px;
}
.terms-list a:focus,
.terms-list a:hover {
text-decoration: none;
background: #EBEBEB;
}
.terms-list small {
font-size: inherit;
}
/*
.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_Recent_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,
.widget_search > form {
padding: 10px; /* 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,
.panel__heading + form {
padding-top: 20px;
}
.panel__heading + ul,
.panel__heading + select,
.panel__heading + .select-area {
margin-top: 20px;
}
/**
* 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%;
}
/* 7.9 Third-Party Widgets
========================================================================== */
/* ==========================================================================
8.0 Footer
========================================================================== */
/* 8.1 Site Footer
========================================================================== */
#footer {
padding: 44px 0 0;
background: #000;
}
.footer-block {
overflow: hidden;
padding: 0 40px 50px;
}
.footer-block .social-networks {
padding: 10px 0 0;
line-height: 50px;
}
.footer-block .social-networks a {
color: #000;
}
.footer-block .social-networks [class^="fa-"],
.footer-block .social-networks [class*=" fa-"] {
background-color: #FFF;
}
.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 {
float: right;
padding: 9px 0 0;
}
#footer .facebook-box {
float: left;
}
/* 8.2 Widget Area
========================================================================== */
.footer__widgets {
padding: 20px;
margin-bottom: 70px;
background-color: #FFF;
}
/* 8.3 Copyright
========================================================================== */
.footer-row{
overflow:hidden;
padding:0 29px 0 19px;
font-size:11px;
line-height:12px;
color:#fff;
}
.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;
}
.footer-row .text-box{overflow:hidden;}
.footer-row .text{padding:10px 0 0;}
.footer-row p{margin:0;}
/* ========================================================================== */
/* WOOCOMMERCE */
/* ========================================================================== */
.single-product .product:after {
content: "";
display: table;
clear: both;
}
/* Add to cart buttons */
.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{
border:1px solid #000;
background:#FFF;
border-radius:0px;
box-shadow:none;
text-shadow:none;
font-family: Oswald,sans-serif;
color:#000;
letter-spacing:1px;
text-transform:uppercase;
}
.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:"";
display:none;
}
.woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart{
padding:0px;
padding-left:4px;
margin-top:4px;
}
.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:#FFF;
border-color:#000;
color:#000;
text-shadow:none;
text-transform:uppercase;
letter-spacing:1px;
}
.woocommerce .woocontent.cart .button{
text-transform:uppercase;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{
width:100px;
height:28px;
}
.woocommerce form.checkout .select-area, .woocommerce .jcf-unselectable{
/*display:none;*/
}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info{
background:none;
border-radius:0px;
box-shadow:none;
border:1px solid #000;
}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{
font-family: Oswald,sans-serif;
font-size:20px;
}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{
text-decoration:none;
}
ins{
text-decoration:none !important;
}
.woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del{
color:#000;
}
.woocommerce span.onsale, .woocommerce-page span.onsale{
box-shadow:none;
text-shadow:none;
font-family: Oswald,sans-serif;
text-transform:uppercase;
}
.woocommerce .related:after, .woocommerce .related:before, .woocommerce .upsells.products:after, .woocommerce .upsells.products:before, .woocommerce-page .related:after, .woocommerce-page .related:before, .woocommerce-page .upsells.products:after, .woocommerce-page .upsells.products:before{
clear:both;
content:" ";
}
.woocommerce .container h2{
font-size:36px;
}
.woocommerce .wooprice{
display:block;
margin-bottom:15px;
}
.woocommerce .wooprice span.amount{
font-size:28px;
line-height:28px;
font-family: Oswald,sans-serif;
}
.woocommerce .wooprice del span.amount{
font-size:18px;
line-height:18px;
}
.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;
border:1px solid #000;
box-sizing:border-box;
}
.woocommerce h1{
margin:0px;
margin-top:20px;
margin-bottom:20px;
}
.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 ul.products li.product a img, .woocommerce-page ul.products li.product a img{
box-shadow:none;
border:1px solid #000;
box-sizing:border-box;
}
.woocommerce .panel.entry-content{
position:relative !important;
height:auto !important;
}
.woocommerce .woocommerce-tabs{
margin-bottom:60px;
}
.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:510px;
}
.woocommerce .thumbnails a.zoom img.attachment-shop_thumbnail{
max-width:90px !important;
}
.woocommerce .related.products ul.products li a img{
max-width:150px !important;
}
/* Woocommerce Widget */
.woocommerce ul.product_list_widget li{
display:block;
float:left;
width:23%;
padding:1%;
}
.woocommerce ul.product_list_widget li a{
color:#000;
text-decoration:none;
}
.woocommerce ul.product_list_widget li a img{
float:none;
width:100%;
margin:0px;
box-shadow:none;
}
.woocommerce ul.product_list_widget li del span.amount{
font-family: Oswald,sans-serif;
font-size:14px;
}
.woocommerce ul.product_list_widget li ins span.amount, .woocommerce ul.product_list_widget li span.amount{
font-family: Oswald,sans-serif;
font-size:20px;
}
.woocommerce .comment-form{
margin-top:20px;
}
.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{
margin-bottom:0px;
}
.woocommerce ol.commentlist{
padding-left:0px;
}
.woocommerce .comment-text .meta:after{
display:none;
}
.woocommerce .comment-text .meta{
text-align:left;
}
.woocommerce .entry-summary .woocommerce-product-rating{
margin-bottom:10px;
}
@media only screen and (max-width:768px){
.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{
font-size:14px !important;
line-height:14px !important;
}
.woocommerce h2{
margin-bottom:30px;
}
.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:48%;
}
.woocommerce ul.product_list_widget li{
width:48%;
padding:1%;
}
}
@media only screen and (max-width:500px){
.woocommerce ul.product_list_widget li{
width:100%;
padding:0px;
padding-top:10px;
padding-bottom:10px;
}
}
.woocommerce-cart .cart-collaterals .cart_totals table td{
padding-left:20px;
}