@font-face {
font-family: 'icomoon';
src:
url(//dennisrixen.de/wp-content/themes/zona/icons/fonts/icomoon.ttf) format('truetype'),
url(//dennisrixen.de/wp-content/themes/zona/icons/fonts/icomoon.woff) format('woff'),
url(//dennisrixen.de/wp-content/themes/zona/icons/fonts/icomoon.svg#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
.icon { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; letter-spacing: 0;
-webkit-font-feature-settings: "liga";
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
font-feature-settings: "liga";
-webkit-font-variant-ligatures: discretionary-ligatures;
font-variant-ligatures: discretionary-ligatures; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-pushpin:before {
content: "\e698";
}
.icon-home:before {
content: "\e600";
}
.icon-pencil:before {
content: "\e601";
}
.icon-pencil2:before {
content: "\e602";
}
.icon-droplet:before {
content: "\e603";
}
.icon-image:before {
content: "\e604";
}
.icon-image2:before {
content: "\e605";
}
.icon-images:before {
content: "\e606";
}
.icon-camera2:before {
content: "\e607";
}
.icon-music:before {
content: "\e608";
}
.icon-headphones:before {
content: "\e609";
}
.icon-play:before {
content: "\e60a";
}
.icon-film:before {
content: "\e60b";
}
.icon-bullhorn:before {
content: "\e60c";
}
.icon-connection:before {
content: "\e60d";
}
.icon-tag:before {
content: "\e60e";
}
.icon-cart:before {
content: "\e60f";
}
.icon-support:before {
content: "\e610";
}
.icon-phone2:before {
content: "\e611";
}
.icon-envelope:before {
content: "\e612";
}
.icon-location:before {
content: "\e613";
}
.icon-map:before {
content: "\e614";
}
.icon-clock:before {
content: "\e615";
}
.icon-calendar:before {
content: "\e616";
}
.icon-screen:before {
content: "\e617";
}
.icon-download:before {
content: "\e618";
}
.icon-upload:before {
content: "\e619";
}
.icon-bubbles:before {
content: "\e61a";
}
.icon-user:before {
content: "\e61b";
}
.icon-users:before {
content: "\e61c";
}
.icon-quotes-left:before {
content: "\e61d";
}
.icon-spinner:before {
content: "\e61e";
}
.icon-search:before {
content: "\e61f";
}
.icon-zoomin:before {
content: "\e620";
}
.icon-zoomout:before {
content: "\e621";
}
.icon-expand:before {
content: "\e622";
}
.icon-wrench:before {
content: "\e623";
}
.icon-equalizer:before {
content: "\e624";
}
.icon-cog:before {
content: "\e625";
}
.icon-cog2:before {
content: "\e626";
}
.icon-pie:before {
content: "\e627";
}
.icon-stats:before {
content: "\e628";
}
.icon-bars:before {
content: "\e629";
}
.icon-bars2:before {
content: "\e62a";
}
.icon-gift:before {
content: "\e62b";
}
.icon-rocket2:before {
content: "\e62c";
}
.icon-fire:before {
content: "\e62d";
}
.icon-lab:before {
content: "\e62e";
}
.icon-lightning:before {
content: "\e62f";
}
.icon-list:before {
content: "\e630";
}
.icon-numbered-list:before {
content: "\e631";
}
.icon-menu:before {
content: "\e632";
}
.icon-menu2:before {
content: "\e633";
}
.icon-cloud:before {
content: "\e634";
}
.icon-earth:before {
content: "\e635";
}
.icon-link:before {
content: "\e636";
}
.icon-eye:before {
content: "\e637";
}
.icon-eye-blocked:before {
content: "\e638";
}
.icon-bookmark:before {
content: "\e639";
}
.icon-star:before {
content: "\e63a";
}
.icon-star2:before {
content: "\e63b";
}
.icon-star3:before {
content: "\e63c";
}
.icon-heart:before {
content: "\e63d";
}
.icon-thumbs-up:before {
content: "\e63e";
}
.icon-thumbs-up2:before {
content: "\e63f";
}
.icon-cancel-circle:before {
content: "\e640";
}
.icon-close:before {
content: "\e641";
}
.icon-checkmark:before {
content: "\e642";
}
.icon-minus:before {
content: "\e643";
}
.icon-plus:before {
content: "\e644";
}
.icon-play2:before {
content: "\e645";
}
.icon-pause:before {
content: "\e646";
}
.icon-volume-high:before {
content: "\e647";
}
.icon-arrow-right:before {
content: "\e648";
}
.icon-arrow-left:before {
content: "\e649";
}
.icon-arrow-up:before {
content: "\e64a";
}
.icon-arrow-right2:before {
content: "\e64b";
}
.icon-arrow-down:before {
content: "\e64c";
}
.icon-arrow-left2:before {
content: "\e64d";
}
.icon-newtab:before {
content: "\e64e";
}
.icon-code:before {
content: "\e64f";
}
.icon-share:before {
content: "\e650";
}
.icon-mail:before {
content: "\e651";
}
.icon-googleplus:before {
content: "\e652";
}
.icon-google-drive:before {
content: "\e653";
}
.icon-facebook:before {
content: "\e654";
}
.icon-twitter:before {
content: "\e655";
}
.icon-feed:before {
content: "\e656";
}
.icon-youtube:before {
content: "\e657";
}
.icon-youtube2:before {
content: "\e658";
}
.icon-vimeo:before {
content: "\e659";
}
.icon-lanyrd:before {
content: "\e65a";
}
.icon-flickr:before {
content: "\e65b";
}
.icon-flickr2:before {
content: "\e65c";
}
.icon-picassa:before {
content: "\e65d";
}
.icon-dribbble:before {
content: "\e65e";
}
.icon-forrst:before {
content: "\e65f";
}
.icon-deviantart:before {
content: "\e660";
}
.icon-steam:before {
content: "\e661";
}
.icon-github:before {
content: "\e662";
}
.icon-github2:before {
content: "\e663";
}
.icon-wordpress:before {
content: "\e664";
}
.icon-joomla:before {
content: "\e665";
}
.icon-blogger:before {
content: "\e666";
}
.icon-tumblr:before {
content: "\e667";
}
.icon-yahoo:before {
content: "\e668";
}
.icon-tux:before {
content: "\e669";
}
.icon-apple:before {
content: "\e66a";
}
.icon-finder:before {
content: "\e66b";
}
.icon-android:before {
content: "\e66c";
}
.icon-windows:before {
content: "\e66d";
}
.icon-soundcloud:before {
content: "\e66e";
}
.icon-skype:before {
content: "\e66f";
}
.icon-reddit:before {
content: "\e670";
}
.icon-linkedin:before {
content: "\e671";
}
.icon-lastfm:before {
content: "\e672";
}
.icon-delicious:before {
content: "\e673";
}
.icon-stumbleupon:before {
content: "\e674";
}
.icon-stackoverflow:before {
content: "\e675";
}
.icon-pinterest:before {
content: "\e676";
}
.icon-xing:before {
content: "\e677";
}
.icon-flattr:before {
content: "\e678";
}
.icon-paypal:before {
content: "\e679";
}
.icon-yelp:before {
content: "\e67a";
}
.icon-html5:before {
content: "\e67b";
}
.icon-html52:before {
content: "\e67c";
}
.icon-css3:before {
content: "\e67d";
}
.icon-chrome:before {
content: "\e67e";
}
.icon-firefox:before {
content: "\e67f";
}
.icon-IE:before {
content: "\e680";
}
.icon-opera:before {
content: "\e681";
}
.icon-instagram:before {
content: "\e900";
}
.icon-spotify:before {
content: "\ea94";
}
.icon-lastfm2:before {
content: "\eacb";
}
.icon-amazon:before {
content: "\ea87";
}
.icon-previous2:before {
content: "\ea23";
}
.icon-next2:before {
content: "\ea24";
}
.icon-loop:before {
content: "\ea2d";
}
.icon-shuffle:before {
content: "\ea30";
}
.icon-line-angle-up:before {
content: "\e084";
}
.icon-line-dotted-arrow-up:before {
content: "\e06b";
}
.icon-line-arrow-up:before {
content: "\e06a";
}
.icon-line-dotted-arrow-right:before {
content: "\e069";
}
.icon-line-arrow-right:before {
content: "\e068";
}
.icon-line-dotted-arrow-left:before {
content: "\e067";
}
.icon-line-arrow-left:before {
content: "\e066";
}
.icon-line-dotted-arrow-down:before {
content: "\e065";
}
.icon-line-arrow-down:before {
content: "\e064";
}
.icon-line-loader:before {
content: "\e04f";
}
.icon-line-angle-right:before {
content: "\e04b";
}
.icon-line-angle-left:before {
content: "\e03f";
}
.icon-line-double-angle-down:before {
content: "\e01a";
}
.icon-line-angle-down:before {
content: "\e019";
}
.icon-number:before {
content: "\e682";
}
.icon-number2:before {
content: "\e683";
}
.icon-number3:before {
content: "\e684";
}
.icon-number4:before {
content: "\e685";
}
.icon-number5:before {
content: "\e686";
}
.icon-number6:before {
content: "\e687";
}
.icon-number7:before {
content: "\e688";
}
.icon-number8:before {
content: "\e689";
}
.icon-number9:before {
content: "\e68a";
}
.icon-number10:before {
content: "\e68b";
}
.icon-phone:before {
content: "\e68c";
}
.icon-tablet:before {
content: "\e68d";
}
.icon-window:before {
content: "\e68e";
}
.icon-monitor:before {
content: "\e68f";
}
.icon-ipod:before {
content: "\e690";
}
.icon-camera:before {
content: "\e691";
}
.icon-lamp:before {
content: "\e692";
}
.icon-diamond:before {
content: "\e693";
}
.icon-paperplane:before {
content: "\e694";
}
.icon-rocket:before {
content: "\e695";
}
.icon-globe:before {
content: "\e696";
}
.icon-ruler:before {
content: "\e697";
}
.icon-focus:before {
content: "\e01b";
}
.icon-chevron-left:before {
content: "\f053";
}
.icon-chevron-right:before {
content: "\f054";
}
.icon-chevron-up:before {
content: "\f077";
}
.icon-chevron-down:before {
content: "\f078";
}
.icon-angle-left:before {
content: "\f104";
}
.icon-angle-right:before {
content: "\f105";
}
.icon-angle-up:before {
content: "\f106";
}
.icon-angle-down:before {
content: "\f107";
}
.icon-whatsapp:before {
content: "\f232";
}
.icon-close2:before {
content: "\f00d";
}
.icon-remove:before {
content: "\f00d";
}
.icon-times:before {
content: "\f00d";
}
.icon-bolt:before {
content: "\f0e7";
}
.icon-flash:before {
content: "\f0e7";
}
.icon-heart-o:before {
content: "\f08a";
}
.icon-edit:before {
content: "\f044";
}
.icon-pencil-square-o:before {
content: "\f044";
}
.icon-eye2:before {
content: "\f06e";
}
.icon-bookmark-o:before {
content: "\f097";
}
.icon-bullhorn2:before {
content: "\f0a1";
}
.icon-bell-o:before {
content: "\f0a2";
}
.icon-comment-o:before {
content: "\f0e5";
}
.icon-commenting-o:before {
content: "\f27b";
}
.icon-mail-reply-all:before {
content: "\f122";
}
.icon-reply-all:before {
content: "\f122";
}
.icon-chevron-circle-right:before {
content: "\f138";
}
.icon-chevron-circle-left:before {
content: "\f137";
}
.icon-chevron-circle-up:before {
content: "\f139";
}
.icon-chevron-circle-down:before {
content: "\f13a";
}
.icon-wikipedia-w:before {
content: "\f266";
}
.icon-stop-circle:before {
content: "\f28d";
}
.icon-stop-circle-o:before {
content: "\f28e";
}
.icon-shopping-basket:before {
content: "\f291";
}
.icon-bandcamp:before {
content: "\e901";
}
.icon-mixcloud:before {
content: "\f289";
}
.icon-vk:before {
content: "\e699";
}
.icon-vk-alternitive:before {
content: "\e69a";
}
.icon-expand2:before {
content: "\e110";
}
.icon-marquee-plus:before {
content: "\e083";
}
.icon-circle-plus:before {
content: "\e040";
}@font-face {
font-family: 'Pe-icon-7-stroke';
src:
url(//dennisrixen.de/wp-content/themes/zona/icons/fonts/Pe-icon-7-stroke.woff) format('woff'),
url(//dennisrixen.de/wp-content/themes/zona/icons/fonts/Pe-icon-7-stroke.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
[class^="pe-7s-"], [class*=" pe-7s-"] {
font-family: 'Pe-icon-7-stroke';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pe-7s-album:before {
content: "\e6aa";
}
.pe-7s-arc:before {
content: "\e6ab";
}
.pe-7s-back-2:before {
content: "\e6ac";
}
.pe-7s-bandaid:before {
content: "\e6ad";
}
.pe-7s-car:before {
content: "\e6ae";
}
.pe-7s-diamond:before {
content: "\e6af";
}
.pe-7s-door-lock:before {
content: "\e6b0";
}
.pe-7s-eyedropper:before {
content: "\e6b1";
}
.pe-7s-female:before {
content: "\e6b2";
}
.pe-7s-gym:before {
content: "\e6b3";
}
.pe-7s-hammer:before {
content: "\e6b4";
}
.pe-7s-headphones:before {
content: "\e6b5";
}
.pe-7s-helm:before {
content: "\e6b6";
}
.pe-7s-hourglass:before {
content: "\e6b7";
}
.pe-7s-leaf:before {
content: "\e6b8";
}
.pe-7s-magic-wand:before {
content: "\e6b9";
}
.pe-7s-male:before {
content: "\e6ba";
}
.pe-7s-map-2:before {
content: "\e6bb";
}
.pe-7s-next-2:before {
content: "\e6bc";
}
.pe-7s-paint-bucket:before {
content: "\e6bd";
}
.pe-7s-pendrive:before {
content: "\e6be";
}
.pe-7s-photo:before {
content: "\e6bf";
}
.pe-7s-piggy:before {
content: "\e6c0";
}
.pe-7s-plugin:before {
content: "\e6c1";
}
.pe-7s-refresh-2:before {
content: "\e6c2";
}
.pe-7s-rocket:before {
content: "\e6c3";
}
.pe-7s-settings:before {
content: "\e6c4";
}
.pe-7s-shield:before {
content: "\e6c5";
}
.pe-7s-smile:before {
content: "\e6c6";
}
.pe-7s-usb:before {
content: "\e6c7";
}
.pe-7s-vector:before {
content: "\e6c8";
}
.pe-7s-wine:before {
content: "\e6c9";
}
.pe-7s-cloud-upload:before {
content: "\e68a";
}
.pe-7s-cash:before {
content: "\e68c";
}
.pe-7s-close:before {
content: "\e680";
}
.pe-7s-bluetooth:before {
content: "\e68d";
}
.pe-7s-cloud-download:before {
content: "\e68b";
}
.pe-7s-way:before {
content: "\e68e";
}
.pe-7s-close-circle:before {
content: "\e681";
}
.pe-7s-id:before {
content: "\e68f";
}
.pe-7s-angle-up:before {
content: "\e682";
}
.pe-7s-wristwatch:before {
content: "\e690";
}
.pe-7s-angle-up-circle:before {
content: "\e683";
}
.pe-7s-world:before {
content: "\e691";
}
.pe-7s-angle-right:before {
content: "\e684";
}
.pe-7s-volume:before {
content: "\e692";
}
.pe-7s-angle-right-circle:before {
content: "\e685";
}
.pe-7s-users:before {
content: "\e693";
}
.pe-7s-angle-left:before {
content: "\e686";
}
.pe-7s-user-female:before {
content: "\e694";
}
.pe-7s-angle-left-circle:before {
content: "\e687";
}
.pe-7s-up-arrow:before {
content: "\e695";
}
.pe-7s-angle-down:before {
content: "\e688";
}
.pe-7s-switch:before {
content: "\e696";
}
.pe-7s-angle-down-circle:before {
content: "\e689";
}
.pe-7s-scissors:before {
content: "\e697";
}
.pe-7s-wallet:before {
content: "\e600";
}
.pe-7s-safe:before {
content: "\e698";
}
.pe-7s-volume2:before {
content: "\e601";
}
.pe-7s-volume1:before {
content: "\e602";
}
.pe-7s-voicemail:before {
content: "\e603";
}
.pe-7s-video:before {
content: "\e604";
}
.pe-7s-user:before {
content: "\e605";
}
.pe-7s-upload:before {
content: "\e606";
}
.pe-7s-unlock:before {
content: "\e607";
}
.pe-7s-umbrella:before {
content: "\e608";
}
.pe-7s-trash:before {
content: "\e609";
}
.pe-7s-tools:before {
content: "\e60a";
}
.pe-7s-timer:before {
content: "\e60b";
}
.pe-7s-ticket:before {
content: "\e60c";
}
.pe-7s-target:before {
content: "\e60d";
}
.pe-7s-sun:before {
content: "\e60e";
}
.pe-7s-study:before {
content: "\e60f";
}
.pe-7s-stopwatch:before {
content: "\e610";
}
.pe-7s-star:before {
content: "\e611";
}
.pe-7s-speaker:before {
content: "\e612";
}
.pe-7s-signal:before {
content: "\e613";
}
.pe-7s-shuffle:before {
content: "\e614";
}
.pe-7s-shopbag:before {
content: "\e615";
}
.pe-7s-share:before {
content: "\e616";
}
.pe-7s-server:before {
content: "\e617";
}
.pe-7s-search:before {
content: "\e618";
}
.pe-7s-film:before {
content: "\e6a5";
}
.pe-7s-science:before {
content: "\e619";
}
.pe-7s-disk:before {
content: "\e6a6";
}
.pe-7s-ribbon:before {
content: "\e61a";
}
.pe-7s-repeat:before {
content: "\e61b";
}
.pe-7s-refresh:before {
content: "\e61c";
}
.pe-7s-add-user:before {
content: "\e6a9";
}
.pe-7s-refresh-cloud:before {
content: "\e61d";
}
.pe-7s-paperclip:before {
content: "\e69c";
}
.pe-7s-radio:before {
content: "\e61e";
}
.pe-7s-note2:before {
content: "\e69d";
}
.pe-7s-print:before {
content: "\e61f";
}
.pe-7s-network:before {
content: "\e69e";
}
.pe-7s-prev:before {
content: "\e620";
}
.pe-7s-mute:before {
content: "\e69f";
}
.pe-7s-power:before {
content: "\e621";
}
.pe-7s-medal:before {
content: "\e6a0";
}
.pe-7s-portfolio:before {
content: "\e622";
}
.pe-7s-like2:before {
content: "\e6a1";
}
.pe-7s-plus:before {
content: "\e623";
}
.pe-7s-left-arrow:before {
content: "\e6a2";
}
.pe-7s-play:before {
content: "\e624";
}
.pe-7s-key:before {
content: "\e6a3";
}
.pe-7s-plane:before {
content: "\e625";
}
.pe-7s-joy:before {
content: "\e6a4";
}
.pe-7s-photo-gallery:before {
content: "\e626";
}
.pe-7s-pin:before {
content: "\e69b";
}
.pe-7s-phone:before {
content: "\e627";
}
.pe-7s-plug:before {
content: "\e69a";
}
.pe-7s-pen:before {
content: "\e628";
}
.pe-7s-right-arrow:before {
content: "\e699";
}
.pe-7s-paper-plane:before {
content: "\e629";
}
.pe-7s-delete-user:before {
content: "\e6a7";
}
.pe-7s-paint:before {
content: "\e62a";
}
.pe-7s-bottom-arrow:before {
content: "\e6a8";
}
.pe-7s-notebook:before {
content: "\e62b";
}
.pe-7s-note:before {
content: "\e62c";
}
.pe-7s-next:before {
content: "\e62d";
}
.pe-7s-news-paper:before {
content: "\e62e";
}
.pe-7s-musiclist:before {
content: "\e62f";
}
.pe-7s-music:before {
content: "\e630";
}
.pe-7s-mouse:before {
content: "\e631";
}
.pe-7s-more:before {
content: "\e632";
}
.pe-7s-moon:before {
content: "\e633";
}
.pe-7s-monitor:before {
content: "\e634";
}
.pe-7s-micro:before {
content: "\e635";
}
.pe-7s-menu:before {
content: "\e636";
}
.pe-7s-map:before {
content: "\e637";
}
.pe-7s-map-marker:before {
content: "\e638";
}
.pe-7s-mail:before {
content: "\e639";
}
.pe-7s-mail-open:before {
content: "\e63a";
}
.pe-7s-mail-open-file:before {
content: "\e63b";
}
.pe-7s-magnet:before {
content: "\e63c";
}
.pe-7s-loop:before {
content: "\e63d";
}
.pe-7s-look:before {
content: "\e63e";
}
.pe-7s-lock:before {
content: "\e63f";
}
.pe-7s-lintern:before {
content: "\e640";
}
.pe-7s-link:before {
content: "\e641";
}
.pe-7s-like:before {
content: "\e642";
}
.pe-7s-light:before {
content: "\e643";
}
.pe-7s-less:before {
content: "\e644";
}
.pe-7s-keypad:before {
content: "\e645";
}
.pe-7s-junk:before {
content: "\e646";
}
.pe-7s-info:before {
content: "\e647";
}
.pe-7s-home:before {
content: "\e648";
}
.pe-7s-help2:before {
content: "\e649";
}
.pe-7s-help1:before {
content: "\e64a";
}
.pe-7s-graph3:before {
content: "\e64b";
}
.pe-7s-graph2:before {
content: "\e64c";
}
.pe-7s-graph1:before {
content: "\e64d";
}
.pe-7s-graph:before {
content: "\e64e";
}
.pe-7s-global:before {
content: "\e64f";
}
.pe-7s-gleam:before {
content: "\e650";
}
.pe-7s-glasses:before {
content: "\e651";
}
.pe-7s-gift:before {
content: "\e652";
}
.pe-7s-folder:before {
content: "\e653";
}
.pe-7s-flag:before {
content: "\e654";
}
.pe-7s-filter:before {
content: "\e655";
}
.pe-7s-file:before {
content: "\e656";
}
.pe-7s-expand1:before {
content: "\e657";
}
.pe-7s-exapnd2:before {
content: "\e658";
}
.pe-7s-edit:before {
content: "\e659";
}
.pe-7s-drop:before {
content: "\e65a";
}
.pe-7s-drawer:before {
content: "\e65b";
}
.pe-7s-download:before {
content: "\e65c";
}
.pe-7s-display2:before {
content: "\e65d";
}
.pe-7s-display1:before {
content: "\e65e";
}
.pe-7s-diskette:before {
content: "\e65f";
}
.pe-7s-date:before {
content: "\e660";
}
.pe-7s-cup:before {
content: "\e661";
}
.pe-7s-culture:before {
content: "\e662";
}
.pe-7s-crop:before {
content: "\e663";
}
.pe-7s-credit:before {
content: "\e664";
}
.pe-7s-copy-file:before {
content: "\e665";
}
.pe-7s-config:before {
content: "\e666";
}
.pe-7s-compass:before {
content: "\e667";
}
.pe-7s-comment:before {
content: "\e668";
}
.pe-7s-coffee:before {
content: "\e669";
}
.pe-7s-cloud:before {
content: "\e66a";
}
.pe-7s-clock:before {
content: "\e66b";
}
.pe-7s-check:before {
content: "\e66c";
}
.pe-7s-chat:before {
content: "\e66d";
}
.pe-7s-cart:before {
content: "\e66e";
}
.pe-7s-camera:before {
content: "\e66f";
}
.pe-7s-call:before {
content: "\e670";
}
.pe-7s-calculator:before {
content: "\e671";
}
.pe-7s-browser:before {
content: "\e672";
}
.pe-7s-box2:before {
content: "\e673";
}
.pe-7s-box1:before {
content: "\e674";
}
.pe-7s-bookmarks:before {
content: "\e675";
}
.pe-7s-bicycle:before {
content: "\e676";
}
.pe-7s-bell:before {
content: "\e677";
}
.pe-7s-battery:before {
content: "\e678";
}
.pe-7s-ball:before {
content: "\e679";
}
.pe-7s-back:before {
content: "\e67a";
}
.pe-7s-attention:before {
content: "\e67b";
}
.pe-7s-anchor:before {
content: "\e67c";
}
.pe-7s-albums:before {
content: "\e67d";
}
.pe-7s-alarm:before {
content: "\e67e";
}
.pe-7s-airplay:before {
content: "\e67f";
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent !important;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
background-color:transparent !important;
margin:0
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
background-color:transparent !important;
}
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; 
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
background-color: transparent !important;
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; }
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; }
}
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage { -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
transform: translateZ(0);
}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: absolute;
height: 100%;
background: #000;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 82px;
width: 82px;
left: 50%;
top: 50%;
margin-left: -41px;
margin-top: -41px;
background: url(//dennisrixen.de/wp-content/themes/zona/images/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: all 100ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
z-index: 10;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3, 1.3);
-moz-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
-o-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0.7 !important;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select {
background: transparent;
border: 0;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help
}
blockquote, q {
quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
content: none
}
del {
text-decoration: line-through
}
hr {
background: transparent;
border: 0;
clear: both;
color: transparent;
height: 1px;
margin: 0;
padding: 0
}
mark {
background-color: #ffffb3;
font-style: italic
}
input, select {
vertical-align: middle;
}
ins {
background-color: red;
color: white;
text-decoration: none
}
ol, ul {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}  * {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {
color: #333;
height: 100%;
font-family: "Roboto", Helvetica, Arial, sans-serif;
width: 100%;
-ms-word-wrap: break-word;
word-wrap: break-word;
font-size: 18px;
font-weight: 300;
line-height: 30px;
background: #fff;
}
body.boxed {
padding-left: 70px;
padding-right: 70px
}
::-moz-selection {
background: #fcc92f;
color: #1a1b1c;
text-shadow: none;
}
::selection {
background: #fcc92f;
color: #1a1b1c;
text-shadow: none;
}
h1, h2, h3, h4, h5, h6 {
color: #1a1b1c;
font-weight: 600;
line-height: 1.4;
margin-bottom: 20px;
letter-spacing: 0.02em;
}
a, a > * {
color: #fcc92f;
text-decoration: none;
-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}
a:hover, a > *:hover {
color: #1a1b1c;
}
h1 {
font-size: 46px;
}
h2 {
font-size: 38px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 22px;
}
h6 {
font-size: 18px;
}
small {
font-size: 12px;
}
ol {
list-style: decimal;
}
ul {
list-style: disc;
}
ul ul, ul ul ul, ol ol, ol ol ol {
margin-bottom: 0
}
li {
margin: 1px 0 1px 30px;
}
img {
}
dl, hr, ol, ul, pre, table, address, fieldset, blockquote, iframe {
margin-bottom: 30px;
}
p {
margin-bottom: 30px;
}
article {
margin-bottom: 30px;
}
strong, b {
font-weight: bold;
} table {
width: 100%;
background: #ffffff;
}
table td, table th {
padding: 15px;
border: 1px solid #e4e4e4;
text-align: left;
}
table th {
background: #f3f3f3;
font-weight: bold;
color: #27282a;
}
table caption {
padding: 1em 0;
text-align: center;
}
dt {
font-weight: bold;
}
dd {
line-height: 1.4;
margin: 4px 0 0;
padding: 0 0 .5em 0;
} cite {
text-align: right;
font-style: normal;
color: #666;
font-weight: 600;
width: 100%;
display: inline-block;
}
cite:before {
content: '\2013 \00A0';
}
cite a {
font-weight: bold;
color: #222;
} dt {
font-weight: bold;
color: #27282a;
font-size: 16px;
}
dd {
line-height: 1.4;
margin: 4px 0 0;
padding: 0 0 .5em 0;
} del {
color: red;
text-decoration: line-through;
}
em, i {
font-style: italic;
}
strong, b {
font-weight: bold;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
bottom: -0.25em;
}
abbr, acronym {
border-bottom: 1px dotted;
}
address {
margin: 0 0 1.5em;
font-style: italic;
}
code, kbd, pre, samp, tt {
font: 0.8em 'Andale Mono', 'Lucida Console', monospace;
}
pre, code {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: #46474C;
border: 1px solid #57585F;
color: #FFF;
padding: 2px 4px;
font-size: 14px;
}
pre {
white-space: pre;
word-wrap: normal;
overflow-x: scroll;
line-height: 1.3;
padding: 15px;
} blockquote {
position: relative;
text-align: center;
}
blockquote:before {
content: '"';
color: #fcc92f;
font-size: 80px;
font-weight: 600;
font-style: italic;
display: inline-block;
position: relative;
padding-top: 20px;
line-height: 0;
bottom: -20px;
}
blockquote p {
padding-bottom: 20px;
font-size: 20px;
line-height: 1.5em;
color: #1a1b1c;
margin-bottom: 0;
font-style: italic;
font-weight: 500;
}
blockquote .author {
color: #222;
}
blockquote .author:before {
content: "-";
display: inline-block;
margin: 0 4px 0 2px;
}
blockquote cite a {
font-weight: bold;
color: #fcc92f;
}
blockquote cite a:hover {
color: #fcc92f;
} small {
font-size: 11px
} img {
max-width: 100%;
height: auto;
vertical-align: middle;
} label {
cursor: pointer;
display: block;
margin: 0 0 5px;
color: #454545;
font-weight: 500;
font-size: 15px;
}
*::-webkit-input-placeholder {
color: #888;
font-weight: 300;
}
*:-moz-placeholder { color: #888;
font-weight: 300;
}
*::-moz-placeholder { color: #888;
font-weight: 300;
}
*:-ms-input-placeholder { color: #888;
font-weight: 300;
}
input, textarea, select {
font: 16px/1.8 "Source Sans Pro", Helvetica, Arial, sans-serif;
background-color: transparent;
border: none;
padding: 8px 12px;
border: 1px solid #ddd;
color: #1a1b1c;
background-color: transparent;
border-radius:0;
}
input[type="text"], input[type="submit"], button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input {
width: 100%;
}
select, option {
cursor: pointer;
}
input, textarea {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
input[type="checkbox"] {
width:auto;
}
input:hover, textarea:hover, input:focus, textarea:focus {
}
textarea {
padding: 10px;
resize: both;
width: 100%;
min-height: 200px;
}
select, option {
cursor: pointer;
}
select::-ms-expand {
display: none;
}
input[type="submit"]:focus, input[type="submit"]:active,
button:focus, button:active,
textarea:focus, textarea:active,
input:focus, input:active {
outline: 0;
}
input[type="submit"], button {
-webkit-appearance: none;
-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}  #searchform {
position: relative;
z-index: 1;
}
#searchform fieldset {
margin-bottom: 0
}
#searchform #s {
border: 0;
width: 100%;
padding: 5px 0px;
font-size: 18px;
background-color: transparent;
color: #eee;
border-bottom: 1px solid #fcc92f;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.05em
}
#searchform #s::-webkit-input-placeholder {
color: #999;
}
#searchform #s:-moz-placeholder {
color: #999;
}
#searchform #s:-ms-input-placeholder {
color: #999;
}
#searchform #searchsubmit {
position: absolute;
border: none;
right: 0px;
top: 8px;
height:30px;
background: transparent;
width: 30px;
cursor: pointer;
padding: 0;
}
#searchform #searchsubmit:after, #searchform #searchsubmit:before {
display: none;
}
#searchform #searchsubmit i {
color: #fcc92f;
transition: all 0.5s ease-out;
font-size: 18px;
}
#searchform #searchsubmit i:hover {
color: #fcc92f;
}
#search-404 #searchform #searchsubmit i {
font-size: 20px;
position: relative;
top: 5px
} .search--error {
margin: 100px 0;
text-align: center;
}
.search--error p {
font-size: 22px;
display: block;
}
.search--error #searchform {
margin: 50px auto;
max-width: 400px;
display: block;
}
.search--error #searchform #s {
font-size: 22px;
font-weight: 700;
color: #1a1b1c;
}
.search--error #searchform #s::-webkit-input-placeholder {
color: #1a1b1c;
}
.search--error #searchform #s:-moz-placeholder {
color: #1a1b1c;
}
.search--error #searchform #s:-ms-input-placeholder {
color: #1a1b1c;
} .hidden {
display: none;
}
.custom-ul li {
padding: 5px 0;
}
.disabled {
cursor: auto;
}
.invisible {
visibility: hidden;
}
.no-margin {
margin: 0 !important;
}
.color {
color: #fcc92f;
}
.caps {
text-transform: uppercase;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.clear {
clear: both;
display: block;
height: 1px;
margin-top: -1px;
overflow: hidden;
visibility: hidden;
width: 0
}
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
width: 0
}
* html .clearfix, :first-child+html .clearfix {
zoom: 1
}
*[data-bg-cover] {
background: url(//dennisrixen.de/wp-content/themes/zona/images/blank.gif) center center no-repeat;
background-size: cover;
}
.frame-shadow, .image-shadow img {
box-shadow: 16px -16px 0px 0px #fcc92f;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
}
.caption-txt {
font-size: 14px;
}
.wp-caption .wp-caption-text {
font-size: 14px;
}
.wp-caption {
margin-bottom: 30px;
max-width: 100%;
position: relative;
color: #777;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0 0 0px 0;
max-width: 100%;
padding: 0;
width: auto;
vertical-align: middle;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0;
}
.sticky.post {
}
.gallery-item {
float: left;
}
.gallery-item .thumb {
margin: 0.05em;
}
.gallery-item {
margin 2px;
}
.gallery-item img {
border: none;
vertical-align: middle;
}
.bypostauthor {
width: 100%;
}
.gallery {
margin-bottom: 50px;
clear: both;
position: relative;
}
.main.thin .gallery {
margin-left: -80px;
margin-right: -80px;
}
.gallery:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
width: 0
}
.gallery-item {
float: left;
overflow: hidden;
position: relative;
max-width: 100%;
}
.gallery-item img {
max-height: 100%;
max-width: 100%;
width: 100%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.66%;
}
.gallery-columns-7 .gallery-item {
width: 14.285%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.111%;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
background-color: rgba(33, 34, 37, 0.8);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 13px;
line-height: 1.5;
margin: 0;
opacity: 0;
padding: 8px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%;
}
.gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
display: none;
}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
max-width: 100%;
height: auto;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.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-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .paging-navigation {
margin: 48px 0 0px 0;
}
.paging-navigation .loop-pagination {
text-align: center;
}
.paging-navigation .page-numbers {
display: inline-block;
font-size: 18px;
font-weight: normal;
margin-right: 0;
text-transform: uppercase;
border: none;
margin: 0 2px;
font-weight: 500;
width: 35px;
height: 35px;
line-height: 33px;
color: #222;
}
.prev.page-numbers, .next.page-numbers {
display: none
}
.paging-navigation a {
color: #666;
}
.paging-navigation .page-numbers.current, .paging-navigation a:hover {
color: #fff;
font-weight: 900;
background: #1a1b1c;
}  .custom-post-nav {
position: fixed;
top: 50%;
right: 50%;
width: 100%;
height: 70px;
line-height: 70px;
text-align: center;
z-index: 99;
color: #ccc;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
background: #fff;
-webkit-transition: all cubic-bezier(0.76, 0, 0.174, 1) .4s;
transition: all cubic-bezier(0.76, 0, 0.174, 1) .4s;
}
.custom-post-nav:hover {
background-color: #1a1b1c
}
.custom-post-nav a {
color: #1a1b1c;
}
.custom-post-nav:hover a {
color: #fff
}
.custom-post-nav a:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.custom-post-nav.next-post {
right: auto;
left: 50%;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-left: 34px;
}
.custom-post-nav.prev-post {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
margin-right: 34px;
}
.custom-post-nav.next-post.is-active {
margin-left: -36px;
}
.custom-post-nav.prev-post.is-active {
margin-right: -35px;
}
.fullwidth .custom-post-nav {
display: none;
} #ajax-container {
position: relative; } #WPAjaxLoader {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
z-index: 99999999;
background: #000;
opacity: 0;
}
#WPAjaxLoader.show-layer {
opacity: 1;
}
#WPAjaxLoader.hide-layer {
opacity: 0;
} #loading-layer {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
z-index: 99999999;
background: #000;
opacity: 0;
transform: scale(0.8)
}
#loading-layer.show-layer {
opacity: 1;
transform: scale(1);
transition: all 0.5s cubic-bezier(0.24, 1, 0.31, 1);
}
#loading-layer.hide-layer {
opacity: 0;
transition: all 0.5s cubic-bezier(0.24, 1, 0.31, 1);
}
.ajax--loader,
.ajax--loader::before,
.ajax--loader::after {
position: absolute;
top: 50%;
left: 50%;
border: 1px solid rgba(255, 255, 255, 0.2);
border-left-color: rgba(255, 255, 255, 0.9);
border-radius: 999px;
}
.ajax--loader {
margin: -25px 0 0 -25px;
height: 50px;
width: 50px;
animation: animation-rotate 1000ms linear infinite;
}
.ajax--loader::before {
content: "";
margin: -23px 0 0 -23px;
height: 44px;
width: 44px;
animation: animation-rotate 1000ms linear infinite;
}
.ajax--loader::after {
content: "";
margin: -29px 0 0 -29px;
height: 56px;
width: 56px;
animation: animation-rotate 2000ms linear infinite;
}
@keyframes animation-rotate {
100% {
transform: rotate(360deg);
}
} .layer--site {
position: fixed;
left: 0;
top: 0;
right: 0;
left: 0;
height: 100%;
width: 100%;
visibility: hidden;
z-index: 99999999;
padding: 40px;
} .layer--close {
color: #fff;
position: absolute;
right: 40px;
top: 40px;
z-index: 2;
width: 40px;
height: 40px;
}
.layer--close:after, .layer--close:before {
content: "";
position: absolute;
width: 40px;
height: 3px;
background-color: #fcc92f;
top: 19px;
left: 0;
transition: 0.5s 0s cubic-bezier(0.24, 1, 0.31, 1);
opacity: 0;
}
.layer--close:after {
transform: rotate(0deg);
}
.layer--close:before {
transform: rotate(0deg);
}
.layer--site.is-active .layer--close:after, .layer--site.is-active .layer--close:before {
opacity: 1;
transition-delay: 0.9s;
}
.layer--site.is-active .layer--close:after {
transform: rotate(-45deg);
}
.layer--site.is-active .layer--close:before {
transform: rotate(45deg);
}
.layer--content {
color: #fff;
z-index: 3;
position: relative;
top: 50%;
transform: translateY(-50%);
} .layer--nav {
padding-top: 100px;
padding-bottom: 60px;
}
.layer--nav-wrapper {
overflow: hidden;
height: 100%;
}  .layer--search {
}
.layer--searchform {
position: relative;
z-index: 2;
}
.layer--searchform #searchform #searchsubmit {
display:none;
}
.layer--searchform #searchform #s {
background-color: transparent;
font-size: 180px;
font-weight: 900;
border: none;
text-transform: uppercase;
line-height: normal;
padding: 0;
transition: 0.5s 0s cubic-bezier(0.24, 1, 0.31, 1);
transform: translateY(-100%);
color: #fff;
}
.layer--searchform .search--input-wrap {
line-height: 1;
overflow: hidden;
display: inline-block;
width: 100%;
}
.is-searching .layer--searchform #searchform #s {
transition: 0.5s 0.25s cubic-bezier(0.24, 1, 0.31, 1);
transform: translateX(0) translateZ(0)
}
.layer--searchform #searchform #s::-webkit-input-placeholder {
opacity:0;
}
.layer--searchform #searchform #s:-moz-placeholder {
opacity:0;
}
.layer--searchform #searchform #s:-ms-input-placeholder {
opacity:0;
}
.search--placeholder {
text-transform: uppercase;
font-weight: 900;
width: 100%;
font-size: 160px;
position: absolute;
z-index: 1;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.search--placeholder-row {
line-height: 1;
overflow: hidden;
display: inline-block;
width: 100%;
opacity: 0.4;
}
.search--placeholder-row span {
display: block;
transition: 0.5s 0s cubic-bezier(0.24, 1, 0.31, 1);
transform: translateY(100%);
opacity: 0.7;
}
.is-searching .search--placeholder-row span {
transition: 0.5s 0.25s cubic-bezier(0.24, 1, 0.31, 1);
transform: translateX(0) translateZ(0);
}
.is-focused .search--placeholder-row span {
transition: 0.5s 0s cubic-bezier(0.24, 1, 0.31, 1);
transform: translateY(-100%);
}
.search--placeholder-row-2 span {
transition: 0.5s 0.05s cubic-bezier(0.24, 1, 0.31, 1)
}
.is-searching .search--placeholder-row-2 span {
-webkit-transition: 0.5s 0.32s cubic-bezier(0.24, 1, 0.31, 1);
transition: 0.5s 0.32s cubic-bezier(0.24, 1, 0.31, 1)
}
.is-focused .search--placeholder-row-2 span {
transition: 0.5s 0.05s cubic-bezier(0.24, 1, 0.31, 1);
transform: translateY(-100%);
}  .site {
position: relative;
z-index: 3;
overflow: hidden;
padding-bottom: 59px;
} .content {
padding: 60px 0 80px 0;
clear: both;
width: 100%;
position: relative;
z-index: 2;
}
.container.narrow .content--extended {
margin-left: -100px;
margin-right: -100px;
position: relative;
}
.content.vc {
padding: 0;
} .container {
width: 1400px;
margin: 0 auto;
position: relative;
}
.container:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.container.full-width {
width: 100%;
}
.container.narrow {
width: 1030px;
}
.container.small {
width: 700px;
}
.container > article:last-child {
margin-bottom: 0
} .vc-container {
width: 1430px;
margin: 0 auto;
position: relative;
}
.vc-container:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.vc-container.full-width {
width: 100%;
}
.vc-container.narrow {
width: 1030px;
}
body.boxed .vc_row_full_stretch {
padding-left: 70px;
padding-right: 70px;
} .flex-col-1-1, .flex-col-1-2, .flex-col-1-3, .flex-col-1-4, .flex-col-1-5 {
float: left;
}
.flex-col-1-1 {
width: 100%;
}
.flex-col-1-2 {
width: 50%;
}
.flex-col-1-3 {
width: 33.33%;
}
.flex-col-1-4 {
width: 25%
}
.flex-col-1-5 {
width: 20%
} .grid-row {
margin-bottom: 20px;
}
.grid-row:after {
content: '';
display: block;
height: 0;
clear: both;
}
.grid-row [class^="grid-"] {
float: left;
}
.grid-row-pad {
margin: 0 -10px;
}
.grid-row-pad [class^="grid-"] {
padding: 0 10px 20px 10px;
}
.grid-row-pad-large {
margin: 0 -20px;
}
.grid-row-pad-large [class^="grid-"] {
padding: 0 20px 20px 20px;
}
.grid-row .grid-centered {
clear: both;
margin: 0 auto 20px auto;
float: none;
}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.grid-1 {
width: 8.333%;
}
.grid-2 {
width: 16.666%;
}
.grid-3 {
width: 25%;
}
.grid-4 {
width: 33.332%;
}
.grid-5 {
width: 41.665%;
}
.grid-6 {
width: 50%;
}
.grid-7 {
width: 58.334%;
}
.grid-8 {
width: 66.667%;
}
.grid-9 {
width: 75%;
}
.grid-10 {
width: 83.334%;
}
.grid-11 {
width: 91.667%;
}
.grid-12 {
width: 100%;
}
.grid-offset-1 {
margin-left: 8.333%;
}
.grid-offset-2 {
margin-left: 16.666%;
}
.grid-offset-3 {
margin-left: 25%;
}
.grid-offset-4 {
margin-left: 33.332%;
}
.grid-offset-5 {
margin-left: 41.665%;
}
.grid-offset-6 {
margin-left: 50%;
}
.grid-offset-7 {
margin-left: 58.334%;
}
.grid-offset-8 {
margin-left: 66.667%;
}
.grid-offset-9 {
margin-left: 75%;
}
.grid-offset-10 {
margin-left: 83.334%;
}
.grid-offset-11 {
margin-left: 91.667%;
}  @media only screen and (max-width:1560px) and (min-width:1150px) { .container {
width: 1150px;
} .vc-container {
width: 1180px;
}
} @media only screen and (max-width:1240px) { .container, .container.narrow {
width: 960px;
} .vc-container {
width: 990px;
}
.vc-container.narrow {
width: 960px;
}
} @media only screen and (max-width:979px) {
} @media only screen and (min-width:768px) and (max-width:979px) { .container, .container.narrow {
width: 748px;
} .vc-container {
width: 778px;
}
.vc-container.narrow {
width: 748px;
} .grid-tablet-clear {
clear: both;
}
.grid-tablet-1 {
width: 8.333%;
}
.grid-tablet-2 {
width: 16.666%;
}
.grid-tablet-3 {
width: 25%;
}
.grid-tablet-4 {
width: 33.332%;
}
.grid-tablet-5 {
width: 41.665%;
}
.grid-tablet-6 {
width: 50%;
}
.grid-tablet-7 {
width: 58.334%;
}
.grid-tablet-8 {
width: 66.667%;
}
.grid-tablet-9 {
width: 75%;
}
.grid-tablet-10 {
width: 83.334%;
}
.grid-tablet-11 {
width: 91.667%;
}
.grid-tablet-12 {
width: 100%;
}
.grid-tablet-offset-0 {
margin-left: 0;
}
.grid-tablet-offset-1 {
margin-left: 8.333%;
}
.grid-tablet-offset-2 {
margin-left: 16.666%;
}
.grid-tablet-offset-3 {
margin-left: 25%;
}
.grid-tablet-offset-4 {
margin-left: 33.332%;
}
.grid-tablet-offset-5 {
margin-left: 41.665%;
}
.grid-tablet-offset-6 {
margin-left: 50%;
}
.grid-tablet-offset-7 {
margin-left: 58.334%;
}
.grid-tablet-offset-8 {
margin-left: 66.667%;
}
.grid-tablet-offset-9 {
margin-left: 75%;
}
.grid-tablet-offset-10 {
margin-left: 83.334%;
}
.grid-tablet-offset-11 {
margin-left: 91.667%;
}
} @media only screen and (max-width:767px) { .container, .container.narrow, .container.small {
width: 100%;
padding: 0 30px;
} .vc-container, .vc-container.narrow {
width: 100%;
}
.vc-container > .vc_column_container > .vc_column-inner {
padding: 0;
}
body .vc_row {
margin-left: 0 !important;
margin-right: 0 !important;
}
body .vc_column_container>.vc_column-inner {
padding-left: 0px;
padding-right: 0px;
} .flex-col-1-1, .flex-col-1-2, .flex-col-1-3, .flex-col-1-4, .flex-col-1-5 {
width: 100%
} .grid-mobile-clear {
clear: both;
}
.grid-mobile-1 {
width: 8.333%;
}
.grid-mobile-2 {
width: 16.666%;
}
.grid-mobile-3 {
width: 25%;
}
.grid-mobile-4 {
width: 33.332%;
}
.grid-mobile-5 {
width: 41.665%;
}
.grid-mobile-6 {
width: 50%;
}
.grid-mobile-7 {
width: 58.334%;
}
.grid-mobile-8 {
width: 66.667%;
}
.grid-mobile-9 {
width: 75%;
}
.grid-mobile-10 {
width: 83.334%;
}
.grid-mobile-11 {
width: 91.667%;
}
.grid-mobile-12 {
width: 100%;
}
.grid-mobile-offset-0 {
margin-left: 0;
}
.grid-mobile-offset-1 {
margin-left: 8.333%;
}
.grid-mobile-offset-2 {
margin-left: 16.666%;
}
.grid-mobile-offset-3 {
margin-left: 25%;
}
.grid-mobile-offset-4 {
margin-left: 33.332%;
}
.grid-mobile-offset-5 {
margin-left: 41.665%;
}
.grid-mobile-offset-6 {
margin-left: 50%;
}
.grid-mobile-offset-7 {
margin-left: 58.334%;
}
.grid-mobile-offset-8 {
margin-left: 66.667%;
}
.grid-mobile-offset-9 {
margin-left: 75%;
}
.grid-mobile-offset-10 {
margin-left: 83.334%;
}
.grid-mobile-offset-11 {
margin-left: 91.667%;
}
} @media only screen and (max-width:479px) { .grid-row [class^="grid-"] {
float: none;
}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
width: 100%;
}
} .header--moving {
background-color: #fff;
width: 100%;
transition: all 0.5s ease;
}
.header--moving.sticky {
position: fixed;
left: 0;
z-index: 100;
width: 100%;
}
.header--top-bar {
overflow: hidden;
padding: 5px 0;
}
.header--top {
min-height: 60px;
display: table;
width: 100%;
padding-top: 10px;
}
.header--social {
display: table-cell;
vertical-align: middle;
width: 33.333%;
}
.header--social a {
border: 0;
margin-right: 6px
}
.header--logo {
text-align: center;
display: table-cell;
vertical-align: middle;
width: 33.333%;
}
.theme--logo {
display: inline-block;
}
.theme--logo img {
margin: 0;
vertical-align: middle;
}
.header--extra {
display: table-cell;
vertical-align: middle;
text-align: right;
width: 33.333%;
}
.header--search {
display: inline-block;
vertical-align: middle;
}
.header--search a {
}
.header a.btn--frame {
border-color: #1a1b1c;
margin-right: 0;
margin-bottom: 0;
}
.header a.btn--frame.btn--dark span:first-child {
border-color: #1a1b1c;
}
.header .btn--frame.btn--dark span:first-child:after, .header .btn--frame.btn--dark span:first-child:before {
background: #1a1b1c;
}
.header .header--search-responsive {
display: none;
}
.header--events {
display: inline-block;
vertical-align: middle;
margin-left: 30px
}
.header--events .header--events-responsive {
display: none;
margin-right: 0;
}  .nav--wrapper {
min-height: 70px;
text-align: center;
border-top: 1px solid #eee;
margin-top: 20px
}
#nav {
z-index: 100;
margin-top: 0px;
min-height: 70px;
display: inline-block;
}
#nav.nav-hidden {
overflow: hidden;
}
#nav > ul {
margin-bottom: 0;
text-align: center;
}
#nav li {
list-style: none;
display: block;
margin: 0;
position: relative;
}
#nav > ul > li {
display: inline-block;
}
#nav a {
color: #333;
font-size: 14px;
display: inline-block;
margin: 20px 8px 0px 8px;
padding: 0 7px;
position: relative;
text-align: center;
text-transform: uppercase;
z-index: 98;
font-weight: 600;
letter-spacing: 0.04em;
line-height: normal;
}
#nav > ul > li > a {
padding-top: 5px;
padding-bottom: 25px
}
#nav > ul > li > a:hover:before, #nav > ul .current-menu-item > a:before, #nav > ul li.current-menu-ancestor > a:before {
width: 100%;
color: #1a1b1c;
}
#nav > ul > li > a:before {
content: "";
border-bottom: 10px solid #efefef;
display: block;
width: 0;
transition: width 0.3s ease;
top: 13px;
position: absolute;
z-index: -1;
left: 0px
}
#nav .active > a, #nav .current > a, #nav a:hover {
color: #333;
}
#nav > ul li.current-menu-parent ul  a {
color: #fff;
}
#nav > ul > li.menu-item-has-children.active > a {
}
#nav li.menu-item-has-children.active > a {
} #nav .show-list {
-webkit-transition: margin-top 0.3s ease;
-moz-transition: margin-top 0.3s ease;
transition: margin-top 0.3s ease;
}
#nav ul ul {
border-top: 3px solid #ddd;
border-bottom: 3px solid #ddd;
background: #eee;
visibility: hidden;
left: 0;
position: absolute;
width: 230px;
z-index: 300;
margin: 0;
}
#nav ul ul {
margin-top: 20px
}
#nav ul ul.show-list {
visibility: visible;
opacity: 1;
margin-top: 0px;
}
#nav ul ul li {
float: none;
}
#nav ul ul li:last-child {
border-bottom: none;
}
#nav ul ul a {
border: none !important;
color: #666;
display: block;
font-size: 13px;
letter-spacing: 0;
text-align: left;
line-height: normal;
letter-spacing: 0.02em;
padding: 7px 18px;
margin: 0;
font-weight: 400;
}
#nav ul li.current-menu-parent ul a {
color: #666;
}
#nav ul ul li:first-child > a {
padding-top: 20px;
}
#nav ul ul li:last-child > a {
padding-bottom: 20px;
}
#nav ul ul a:hover, #nav ul ul .hover > a, #nav ul ul .current > a:hover, #nav ul ul a.selected {
border: none !important;
color: #111;
}
#nav ul ul .active > a, #nav ul ul a:hover {
color: #111;
}
#nav ul ul .current > a, #nav ul ul li.current-menu-item a {
font-weight: 600;
}
#nav ul ul li.current-menu-item a {
color: #111;
} #nav ul ul ul {
left: 100% !important;
top: 0 !important;
}
body #nav ul li > .edge {
right: 100% !important;
left: -100% !important;
}
body #nav ul .edge {
right: 100% !important;
left: auto !important;
} .nav--responsive-trigger {
display: none;
width: 50px;
height: 32px;
background-color: transparent;
z-index: 9999;
position: relative;
top: 14px;
float: left;
margin-left: -10px;
}
.nav--responsive-trigger .icon {
display: inline-block;
width: 28px;
height: 2px;
position: relative;
left: 0px;
top: 3px;
background: #1a1b1c;
}
.nav--responsive-trigger .icon:before, .nav--responsive-trigger .icon:after {
content: '';
width: 100%;
height: 2px;
position: absolute;
background-color: #1a1b1c;
left: 0;
}
.nav--responsive-trigger .icon:before {
top: -8px;
}
.nav--responsive-trigger .icon:after {
top: 8px;
}
.nav--responsive-trigger:hover span:before {
left: -8px;
}
.nav--responsive-trigger:hover span:after {
left: 8px;
} .nav--responsive-trigger .icon, .nav--responsive-trigger .icon:before, .nav--responsive-trigger .icon:after {
transition: all 0.3s ease;
} .layer--nav .layer--content {
height: 100%;
}
.layer--nav-wrapper {
max-width: 500px;
padding-right: 30px;
position: relative;
z-index: 2;
}
#responsive-nav {
transition-duration: 500ms !important;
}
#responsive-nav ul {
padding: 0;
margin: 0;
list-style-type: none;
font-weight: 400;
}
#responsive-nav ul li {
width: 100%;
padding: 0;
margin: 0;
position: relative;
overflow: hidden;
}
#responsive-nav ul li {
transition: transform 2s cubic-bezier(0.24, 1, 0.31, 1);
transform: translateX(-102%);
}
.is-nav #responsive-nav ul li {
transition: transform 0.8s cubic-bezier(0.24, 1, 0.31, 1);
transform: translateX(0);
}
.is-nav #responsive-nav ul > li:nth-child(1) {
transition-delay: 0.6s
}
.is-nav #responsive-nav ul > li:nth-child(2) {
transition-delay: 0.4s
}
.is-nav #responsive-nav ul > li:nth-child(3) {
transition-delay: 0.3s
}
.is-nav #responsive-nav ul > li:nth-child(4) {
transition-delay: 0.4s
}
.is-nav #responsive-nav ul > li:nth-child(5) {
transition-delay: 0.3s
}
.is-nav #responsive-nav ul > li:nth-child(6) {
transition-delay: 0.5s
}
.is-nav #responsive-nav ul > li:nth-child(7) {
transition-delay: 0.4s
}
.is-nav #responsive-nav ul > li:nth-child(8) {
transition-delay: 0.1s
}
.is-nav #responsive-nav ul > li:nth-child(9) {
transition-delay: 0.6s
}
.is-nav #responsive-nav ul > li:nth-child(10) {
transition-delay: 0.2s
}
.is-nav #responsive-nav ul > li:nth-child(11) {
transition-delay: 0.3s
}
.is-nav #responsive-nav ul > li:nth-child(12) {
transition-delay: 0.6s
}
#responsive-nav ul li a {
display: inline-block;
padding: 5px 10px 5px 0;
color: #fff;
font-weight: 600;
letter-spacing: 0.06em;
}
#responsive-nav ul li a {
}
#responsive-nav ul li a:hover {
color: #fcc92f;
}
#responsive-nav ul {
}
#responsive-nav > ul > li:last-child a {
border: none;
}
#responsive-nav ul ul {
display: none;
padding-bottom: 20px;
}
#responsive-nav ul li a {
font-size: 28px;
text-transform: uppercase;
line-height: 160%;
display:inline;
}
#responsive-nav ul li li a {
padding-left: 10px;
}
#responsive-nav ul li li li a {
padding-left: 20px;
}
#responsive-nav ul li li li li a {
padding-left: 30px;
}
#responsive-nav ul li i {
z-index: 2;
display:inline;
top: 8px;
color: #fff;
font-size: 28px;
cursor: pointer;
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.is-nav #responsive-nav ul li i {
transition: transform 0.3s cubic-bezier(0.24, 1, 0.31, 1);
}
#responsive-nav ul li i:hover {
color: #fcc92f;
transition-delay: 0s;
}
#responsive-nav ul li.is-visible > i {
transform: rotate(180deg);
}
.is-nav #responsive-nav ul li.is-visible > i {
transform: rotate(180deg);
}
#responsive-nav ul li.is-visible > a, #responsive-nav ul li.is-visible > i {
color: #999;
}
#responsive-nav ul ul li {
} #layer--nav-wrapper .iScrollVerticalScrollbar {
position: absolute;
z-index: 10;
width: 4px;
bottom: 2px;
top: 2px;
right: 0px;
overflow: hidden;
}
#layer--nav-wrapper .iScrollIndicator {
position: absolute;
background-color: #fff;
border-radius: 2px;
opacity: 0;
cursor: pointer;
opacity: 0;
transition-duration: 500ms !important;
}
#layer--nav-wrapper:hover .iScrollIndicator {
opacity: 0.1;
}
#layer--nav-wrapper .iScrollVerticalScrollbar .iScrollIndicator {
width: 100%;
} .nav--wrapper .nav--responsive-search, .nav--wrapper .nav--responsive-events {
margin-top: 20px;
float: right;
display: none;
}
.nav--wrapper .nav--responsive-search span, .nav--wrapper .nav--responsive-events span {
font-size: 18px;
}
.nav--wrapper .nav--responsive-events span {
margin-left: 24px
} .intro {
position: relative;
z-index: 1;
}
.intro:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .intro--image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-position: center top;
right: 0;
bottom: 0;
overflow: hidden;
}
.intro--image.image--filter-blur {
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-o-filter: blur(4px);
-ms-filter: blur(4px);
filter: blur(4px);
}
.intro--image.image--filter-grayscale {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
}
.intro--image.image--filter-mix {
filter: blur(4px) grayscale(100%);
} .intro--title {
padding: 0 40px;
position: absolute;
left: 0;
top: 50%;
text-align: center;
transform: translateY(-50%);
z-index: 3;
width: 100%;
}
.intro--title h1 {
font-size: 60px;
text-align: center;
text-transform: uppercase;
margin-bottom: 0;
color: #fff;
}
.intro--title h6 {
font-size: 22px;
text-align: center;
text-transform: uppercase;
margin-bottom: 0;
color: #fcc92f;
font-weight: 500;
letter-spacing: 0.1em
} .intro--parallax {
background-attachment: fixed;
} .intro--simple-page-title {
padding: 60px 0 60px 0;
}
.intro--simple-page-title h1 {
font-size: 60px;
text-align: center;
text-transform: uppercase;
margin-bottom: 0;
font-weight: 900;
color: #1a1b1c
} .intro--page-title {
background-color: #1a1b1c;
} .intro--slider {
background-color: #1a1b1c;
width: 100%;
}
.intro--slider h6 {
font-size: 16px
}
.intro--slider h2 {
font-size: 60px;
text-align: center;
margin-bottom: 0;
color: #fff;
font-weight: 900;
text-transform: uppercase;
line-height: 110%;
}
.intro--slider.intro--images-slider h6 {
font-size: 22px;
margin-bottom: 10px;
}
.intro--slider.intro--images-slider h2 {
font-size: 90px;
margin-bottom: 10px;
}
.slider--excerpt {
font-size: 20px;
color: #fff;
max-width: 40%;
margin: 10px auto 20px;
line-height: 28px;
font-weight: 300; }
.slider--btn {
margin: 0;
margin-top: 10px;
}
.intro--slider .slide {
} .intro--music {
background-color: #1a1b1c;
}
.intro--music.has--thumbnail {
margin-bottom: 240px;
}
.intro--music .intro--cover {
position: absolute;
width: 100%;
text-align: center;
left: 0;
z-index: 2;
bottom: -200px;
}
.intro--music .intro--cover > div {
position: relative;
display: inline-block;
}
.intro--music .intro--cover img {
box-shadow: 16px -16px 0px 0px #fcc92f;
}
.intro--music .intro--cover .date {
position: absolute;
bottom: 220px;
left: -20px;
line-height: normal;
color: #fff;
z-index: 3;
font-size: 14px;
text-transform: uppercase;
transform: rotate(-90deg);
transform-origin: 0% 50%;
font-weight: 400;
letter-spacing: 0.04em
}
.intro--music .intro--cover .date:before {
content: "\2014";
margin-right: 5px;
}
.intro--music-wrapper {
background-color: #f4f4f4;
}
.intro--music-wrapper  .intro--music-title {
text-align: center;
text-transform: uppercase;
letter-spacing: 0.04em;
margin-bottom: 70px;
}
.intro--music-tracklist {
margin-bottom: 30px;
overflow: hidden;
}
.intro--music-footer {
padding-top: 20px;
padding-bottom: 40px;
border-top: 1px solid #ddd;
}
.intro--music-footer .music-footer-title {
text-transform: uppercase;
font-size: 12px;
color: #1a1b1c;
display: block;
letter-spacing: 0.03em;
margin-bottom: 10px;
}
.intro--music-footer .share-button {
display: inline-block;
margin-right: 10px;
}
.intro--music-footer .share-button span {
color: #1a1b1c;
}
.intro--music-footer .share-button:hover span {
color: #fcc92f
} .intro--event {
background-color: #1a1b1c;
}
.intro--event.has--thumbnail {
margin-bottom: -220px;
padding-bottom: 240px;
}
.intro--event > .container {
padding-top: 100px;
padding-bottom: 70px;
position: relative;
z-index: 2;
}
.intro--event-title {
color: #fff;
text-align: center;
text-transform: uppercase;
margin-bottom: 100px;
}
.intro--event .intro--event-place span {
display: block
}
.intro--event .intro--event-place span:last-child {
font-size: 14px;
line-height: 150%;
opacity: 0.7;
}
.intro--event-details, .intro--event-details a, .intro--event-details .icon {
font-size: 16px;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.intro--event-details a:hover {
color: #fcc92f;
}
.intro--event-details a.btn--simple {
display: block;
}
.intro--event-details h6 {
color: #fcc92f;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 400;
}
.intro--event .intro--cover {
position: absolute;
width: 100%;
text-align: center;
left: 0;
z-index: 2;
bottom: -200px;
}
.intro--event .intro--cover > div {
position: relative;
display: inline-block;
}
.intro--event .intro--cover img {
box-shadow: 16px -16px 0px 0px #fcc92f;
}
.intro--event-wrapper {
background-color: #fff;
}
.intro--music-event .container {
z-index: 3;
}
.intro--music-event .intro--event-image img {
box-shadow: 16px -16px 0px 0px #fcc92f;
}
.intro--music-event .intro--event-image {
margin: 0 auto 60px auto;
text-align: center;
}
.intro--music-event .intro--event-content {
max-width: 900px;
margin: 0 auto 100px auto;
font-size: 16px
} .intro .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: transparent;
background-position: left top;
background-repeat: repeat;
z-index: 2;
} .intro .overlay.dots-dark {
background: transparent url(//dennisrixen.de/wp-content/themes/zona/images/pattern-dots-dark.png) left top repeat;
opacity: 0.5;
} .intro .overlay.dots-light {
background: transparent url(//dennisrixen.de/wp-content/themes/zona/images/pattern-dots-light.png) left top repeat;
opacity: 0.07;
}  .anim--reveal:after, .anim--reveal:before, .anim--reveal-static:after, .anim--reveal-static:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: 1;
}
.anim--reveal:after, .anim--reveal:before {
transition: 0.45s cubic-bezier(0.76, 0, 0.174, 1), opacity 0s 500ms;
}
.anim--reveal-static:after, .anim--reveal-static:before {
transition: 0.85s cubic-bezier(0.76, 0, 0.174, 1), opacity 0s 900ms;
}
.anim--reveal:before, .anim--reveal-static:before {
transform: translateX(-102%) translateZ(0);
opacity: 1
}
.anim--reveal:after, .anim--reveal-static:after {
transform: translateX(102%) translateZ(0);
opacity: 0
}
.anim--reveal:hover:before, .anim--reveal:hover:after {
transform: translateX(0) translateZ(0);
transition: 0.45s cubic-bezier(0.77, 0, 0.175, 1), opacity 0s 500ms
}
.anim--reveal:hover:before {
opacity: 0
}
.anim--reveal:hover:after {
opacity: 1
} .anim--reveal-static.is-active:before, .anim--reveal-static.is-active:after {
transform: translateX(0) translateZ(0);
transition: 0.85s cubic-bezier(0.77, 0, 0.175, 1), opacity 0s 900ms;
}
.anim--reveal-static.is-active:before {
opacity: 0
}
.anim--reveal-static.is-active:after {
opacity: 1
} .dark-bg .anim--reveal:after, .dark-bg .anim--reveal:before, .dark-bg .anim--reveal-static:after, .dark-bg .anim--reveal-static:before {
background-color: #fff;
} .is-anim .anim-fadeup {
transform: translateY(100px);
transition: .5s cubic-bezier(0.77, 0, 0.175, 1), opacity cubic-bezier(0.77, 0, 0.175, 1) .5s;
opacity: 0;
transition-delay: .2s;
}
.is-anim .anim-fadeup.is-ready {
transform: translateY(0);
opacity: 1;
}  .content.blog--list {
padding: 0;
background: transparent url(//dennisrixen.de/wp-content/themes/zona/images/pattern-dots-light.png) repeat;
}
.blog--list .grid-row {
margin-bottom: 0;
}
.blog--list .main {
padding: 40px 0;
z-index: 29;
margin-bottom: 40px;
}
.blog--list .list--item {
margin-right: 40px;
}
.blog--list .main:after {
content: "";
background: #27282a;
position: absolute;
z-index: 1;
left: 66.667%;
right: 0;
top: 0;
bottom: 0;
height: 100%;
margin-right: -200px;
}
.blog--list .main article {
padding: 55px 60px;
min-height: 350px;
position: relative;
transition: color linear .2s;
margin-bottom: 0;
z-index: 2;
}
.blog--list  article h2,
.blog--list  article h2 a {
font-size: 32px;
font-weight: 900;
letter-spacing: 0;
line-height: 110%;
position: relative;
z-index: 2;
margin-bottom: 35px;
color:#1a1b1c
}
.blog--list .article--preview {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
transition: all linear .2s;
box-shadow: 0px 0px 0px 0px #fcc92f;
z-index: 1;
}
.blog--list.article--hover article:hover .article--preview, .blog--list.article--hover article.sticky .article--preview {
opacity: 1;
box-shadow: 16px -16px 0px 0px #fcc92f;
}
.blog--list.article--hover article:hover h2, .blog--list.article--hover article:hover h2 a, .blog--list.article--hover article:hover .article--excerpt, .blog--list.article--hover article:hover .meta--author, .blog--list.article--hover article:hover .meta--author a, .blog--list.article--hover article:hover .meta--date, .blog--list.article--hover article.sticky h2, .blog--list.article--hover article.sticky .article--excerpt, .blog--list.article--hover article.sticky .meta--author, .blog--list.article--hover article.sticky .meta--author a, .blog--list.article--hover article.sticky .meta--date {
color: #fff;
}
.blog--list .article--preview:before {
content: '';
background: #1a1b1c;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
opacity: 1;
}
.blog--list .article--excerpt {
font-size: 18px;
line-height: 28px;
padding-bottom: 20px;
position: relative;
z-index: 1;
margin-bottom: 20px;
}
.blog--list .article--preview figure {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: grayscale(100%) brightness(50%);
filter: grayscale(100%) brightness(50%);
opacity: 0.6;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.blog--list .article--footer {
position: relative;
z-index: 1;
} .blog--list.blog--list-index article.sticky {
background: #eee;
box-shadow: 16px -16px 0px 0px #fcc92f;
}
.blog--list.article--hover article .is-sticky {
color: #fff;
}
.blog--list article .is-sticky {
color: #1a1b1c;
font-weight: 600;
letter-spacing: 0.05em
}
.blog--list article .is-sticky {
position: absolute;
left: -20px;
bottom: 50px;
z-index: 2;
font-size: 12px;
text-transform: uppercase;
transform: rotate(-90deg);
text-align: left;
opacity: 0.7;
}
.blog--list article .is-sticky:before {
content: "\2014";
padding-right: 10px;
display: inline-block;
} .blog--list .sidebar--wrap {
position: relative;
padding: 60px 40px 40px 40px;
}
.blog--list .sidebar--wrap .sidebar {
position: relative;
z-index: 2;
margin-bottom: 40px;
}
.blog--list .sidebar--wrap:after {
content: "";
background: #27282a;
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
height: 100%;
margin-right: -200px;
} .page-template-blog-grid .content {
background: transparent url(//dennisrixen.de/wp-content/themes/zona/images/pattern-dots-light.png) repeat;
}
.page-template-blog-grid .site {
}
.blog--grid {
min-height: 400px;
transition: all 0.3s ease;
position: relative;
}
.blog--grid article {
padding: 55px 70px;
min-height: 420px;
position: relative;
transition: color linear .2s;
margin-bottom: 0;
}
.blog--grid .grid-4 article {
padding: 40px 30px;
}
.blog--grid article h2,
.blog--grid article h2 a {
font-size: 30px;
font-weight: 900;
letter-spacing: 0;
line-height: 110%;
position: relative;
z-index: 2;
margin-bottom: 35px;
color:#1a1b1c;
}
.blog--grid .article--preview {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
transition: all linear .2s;
box-shadow: 0px 0px 0px 0px #fcc92f;
z-index: 1;
}
.blog--grid article:hover .article--preview, .blog--grid article.sticky .article--preview {
opacity: 1;
box-shadow: 16px -16px 0px 0px #fcc92f;
}
.blog--grid article:hover h2, .blog--grid article:hover h2 a, .blog--grid article:hover .article--excerpt, .blog--grid article:hover .meta--author, .blog--grid article:hover .meta--author a, .blog--grid article:hover .meta--date, .blog--grid article.sticky h2, .blog--grid article.sticky .article--excerpt, .blog--grid article.sticky .meta--author, .blog--grid article.sticky .meta--author a, .blog--grid article.sticky .meta--date {
color: #fff;
}
.blog--grid .article--preview:before {
content: '';
background: #1a1b1c;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
opacity: 1;
}
.blog--grid .article--excerpt {
font-size: 18px;
line-height: 28px;
padding-bottom: 20px;
position: relative;
z-index: 1;
margin-bottom: 20px;
}
.blog--grid .article--preview figure {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-filter: grayscale(100%) brightness(50%);
filter: grayscale(100%) brightness(50%);
opacity: 0.6;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.article--footer {
position: relative;
z-index: 1;
} .blog--grid article .is-sticky {
position: absolute;
left: -20px;
bottom: 50px;
z-index: 2;
color: #fff;
font-size: 12px;
text-transform: uppercase;
transform: rotate(-90deg);
text-align: left;
opacity: 0.7;
}
.blog--grid article .is-sticky:before {
content: "\2014";
padding-right: 10px;
display: inline-block;
} .blog-filter {
padding: 20px 0px;
background-color: #1a1b1c
}
.blog-filter ul a {
font-size: 14px;
text-transform: uppercase;
color: #999;
font-weight: 500;
}
.blog-filter ul li {
position: relative;
}
.blog-filter ul li a:hover, .blog-filter ul li a.is-active {
color: #fff;
}
.blog-filter ul li a:hover span {
border-color: #fff;
}
.blog-filter ul li a:hover span:before {
background-color: #fff;
}
.blog-filter ul a span {
display: inline-block;
width: 9px;
height: 9px;
padding: 1px;
border: 1px solid #999;
margin-right: 6px;
position: relative;
top: -1px;
transition: all .2s ease;
}
.blog-filter ul a.is-active span {
border-color: #fff;
}
.blog-filter ul a span:before {
content: "";
width: 5px;
height: 5px;
background-color: #999;
position: absolute;
display: none;
}
.blog-filter ul a.is-active span:before {
display: inline-block;
background-color: #fff;
}  .featured--image {
margin-bottom: 20px;
} .meta--cols {
display: table;
width: 100%;
}
.meta--col {
display: table-cell;
}
.meta--author-image {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.meta--author-image img {
border-radius: 100%;
overflow: hidden;
}
.meta--author {
display: inline-block;
vertical-align: middle;
font-size: 14px;
line-height: 130%;
color: #999;
}
.meta--author a {
color: #999;
display: inline-block;
}
.meta--author, .meta--author a, .meta--date {
transition: all linear .2s;
}
.meta--date {
color: #737373;
font-weight: 500
}
.meta--col-link {
text-align: right;
}
.meta--link {
display: inline-block;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
padding: 12px 25px;
font-size: 14px;
letter-spacing: 0.05em;
}
.meta--link:hover {
background-color: #fcc92f
} .container > article > p > a {
color: #333;
display: inline-block;
position: relative;
z-index: 1;
}
.container > article > p > a:after {
content: "";
width: 100%;
height: 8px;
background-color: #fcc92f;
display: inline-block;
position: absolute;
left: 0;
bottom: 3px;
z-index: -1;
transition: 0.3s all ease;
}
.container > article > p > a:hover:after {
height: 14px;
bottom: 0;
} .single-post .content {
padding-top: 0;
} .single--post-article h1, .single--post-article h2, .single--post-article h3, .single--post-article h4, .single--post-article h5, .single--post-article h6 {
letter-spacing: 0em;
}
.single--post-header {
margin-top: 60px;
margin-bottom: 90px;
}
.single--post-header h1 {
text-transform: none;
font-weight: 900;
font-size: 60px;
line-height: 120%;
letter-spacing: 0.02em;
text-align: center;
margin-bottom: 0;
text-transform: uppercase;
}
.single--post-header-meta {
font-size: 18px;
font-weight: 500;
line-height: 110%;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 10px
}
.single--post-header-date {
color: #fcc92f;
display: inline-block;
}
.single--post-header-cats:before {
content: " / "
}
.single--post-header-cats {
color: #ccc;
display: inline-block;
}
.single--post-header-cats a {
color: #ccc;
}
.single--post-header-cats a:hover {
color: #fcc92f;
}
.single--media {
margin-top: 90px;
box-shadow: 16px -16px 0px 0px #fcc92f;
}
.single--media  iframe {
margin-bottom: 0;
}
.single--image img {
width: 100%;
} .single--post-footer {
margin-top: 70px;
}
.single--post-meta {
width: 100%;
border-top: 4px solid #1a1b1c;
margin-top: 50px;
padding-top: 15px;
}
.single--post-meta .meta--col {
width: 80%;
vertical-align: middle;
}
.single--post-meta .meta--col:first-child {
width: 80%;
}
.single--post-meta .meta--col:last-child {
width: 20%;
}
.single--post-meta .meta-tags {
}
.single--post-meta .meta-tags a {
font-size: 12px;
text-transform: uppercase;
color: #1a1b1c;
margin-right: 20px;
font-weight: 400;
}
.single--post-meta .meta-tags a:before {
content: "#";
}
.single--post-meta .share-buttons {
text-align: right;
}
.single--post-meta .share-buttons a {
margin-left: 13px
}
.single--post-meta .share-buttons a span {
font-size: 22px;
color: #1a1b1c;
}
.single--post-meta .meta-tags a:hover, .single--post-meta .share-buttons a:hover span {
color: #fcc92f
} .post--navigation {
margin-top: 40px;
}
.post--navigation figure {
position: relative;
background-color: #1a1b1c;
height: 500px;
}
.post--navigation figcaption {
position: absolute;
top: 50%;
left: 0;
width: 100%;
padding: 0 15%;
transform: translateY(-50%);
z-index: 2;
text-align: center;
}
.post--nav-preview {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.1;
}
.post--navigation h4 {
color: #fff;
font-size: 32px;
letter-spacing: 0;
}
.post--navigation a {
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.06em;
padding: 12px 30px;
background-color: transparent;
display: inline-block;
}
.post--navigation a:hover {
background: #fcc92f
}
.post--navigation a:before, .post--navigation a:after {
font-family: "icomoon";
font-size: 18px;
font-weight: 600;
display: inline-block;
position: relative;
top: 2px;
}
.post--navigation .next--link a:after {
content: "\e068";
margin-left: 10px;
}
.post--navigation .prev--link a:before {
content: "\e066";
margin-right: 10px;
} .page-template-music .content {
background: #f4f4f4;
}
.music--grid {
margin-bottom: 30px;
}
.music--grid-grid-6 {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
.music--grid article {
margin-bottom: 0;
position: relative;
overflow: hidden;
transition: all 0.5s cubic-bezier(0.24, 1, 0.31, 1);
}
.music--grid.grid-row-pad-large article {
margin-bottom: 20px;
}
.music--grid article:after, .music--grid article:before {
background-color: #000
}
.music--grid article img {
margin-bottom: 0;
width: 100%;
}
.music--grid .music--click-layer {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}
.music--date {
position: absolute;
bottom: 10px;
left: 20px;
line-height: normal;
color: #fff;
z-index: 3;
font-size: 14px;
text-transform: uppercase;
transform: rotate(-90deg);
transform-origin: 0% 50%;
font-weight: 400;
}
.music--date:before {
content: "\2014";
margin-right: 5px;
}
.music--title {
position: absolute;
left: 40px;
bottom: 10px;
line-height: normal;
color: #fcc92f;
font-size: 14px;
text-transform: uppercase;
transform: rotate(-90deg);
transform-origin: 0% 50%;
font-weight: 400;
z-index: 3;
margin-bottom: 0;
overflow: hidden;
}
.music--title span {
display: inline-block;
position: relative;
transition: all 0.5s 0s cubic-bezier(0.24, 1, 0.31, 1);
transform: translateY(-102%);
}
.music--title span:before {
content: "\2014";
margin-right: 5px;
}
.music--grid article:hover .music--title span {
transform: translateY(0);
transition-delay: 0.3s;
}
.music--buttons {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
text-align: center;
z-index: 4;
width: 100%;
}
.music--button {
position: relative;
display: inline-block;
overflow: hidden;
margin: 0 10px;
padding: 1px;
}
.music--buttons .music--button a {
margin: 0;
border-color: #fcc92f;
min-width: 50px;
min-height: 50px;
line-height: 50px;
transform: translateX(-104%);
transition: all 0.5s 0s cubic-bezier(0.24, 1, 0.31, 1);
}
.music--buttons .music--button a:after, .music--buttons .music--button a:before {
background-color: #fcc92f;
}
.music--buttons .music--button a .icon {
color: #fcc92f;
line-height: normal;
}
.music--buttons .music--button a:hover .icon {
color: #1a1b1c;
}
.music--grid article:hover .music--buttons .music--button a {
transform: translateX(0);
}
.music--grid article:hover .music--buttons .music--button a.music--btn-play {
transition-delay: 0.3s;
}
.music--grid article:hover .music--buttons .music--button a.music--btn-link {
transition-delay: 0.4s;
}
.music--buttons .music--button .music--tracks {
display: none;
} .music-filter {
padding: 10px 10px;
}
.music-filter ul a {
font-size: 14px;
text-transform: uppercase;
color: #1a1b1c;
font-weight: 500;
display: inline-block;
overflow: hidden;
position: relative;
padding: 2px 10px;
}
.music-filter ul a:after, .music-filter ul a:before {
z-index: -1
}
.music-filter ul li {
position: relative;
}
.music-filter ul li a.is-active {
color: #fff;
}  .page-template-music-float .content {
padding: 20px 0 80px 0;
}
.float--music {
position: relative;
}
.float--music .grid--item {
vertical-align: top !important;
position: relative;
display: inline-block;
z-index: 1;
} .float--music .grid--item {
width: 32%;
}
.float--music .grid--item:before {
position: relative;
display: inline-block;
content: '';
padding-top: 10%;
}
.float--music.music--grid article {
margin: 0 20px;
} .page-template-events .content {
background-color: #f4f4f4;
background-size: cover;
} .page-template-events .events--list, .custom-taxonomies .events--list {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.events--list {
width: 100%;
margin-bottom: 30px;
list-style: none;
color: #1a1b1c;
}
.events--list li {
display: table;
width: 100%;
margin: 0 0 1px 0;
padding: 10px 0;
min-height: 90px;
background: rgba(255, 255, 255, 0.6);
transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.events--list li:nth-child(1), .bg--dark .events--list li:nth-child(1) {
background: #fcc92f;
color: #1a1b1c;
}
.events--list li:nth-child(2), .bg--dark .events--list li:nth-child(2) {
background: #fcc92f;
color: #1a1b1c;
}
.events--list li:nth-child(3), .bg--dark .events--list li:nth-child(3) {
background: #fcc92f;
color: #1a1b1c;
}
.bg--dark .events--list li {
background: rgba(000, 000, 000, 0.6);
color: #fff;
}
.events--list .event--col {
display: table-cell;
vertical-align: middle;
text-transform: uppercase;
}
.events--list .event--col-date {
font-size: 24px;
padding: 0 10px;
font-weight: 600;
text-align: center;
width: 10%;
min-width: 100px;
}
.events--list .event--col-title {
width: 50%;
min-width: 100px;
font-size: 18px;
font-weight: 500;
padding-left: 20px;
}
.events--list .event--col-title .past-event-label {
display: block;
font-size: 12px;
line-height: normal;
opacity: 0.5
}
.events--list .event--col-title a {
color: #1a1b1c;
}
.events--list li:nth-child(1) .event--col-title a, .bg--dark .events--list li:nth-child(1) .event--col-title a {
color: #1a1b1c;
}
.events--list li:nth-child(2) .event--col-title a, .bg--dark .events--list li:nth-child(2) .event--col-title a {
color: #1a1b1c;
}
.events--list li:nth-child(3) .event--col-title a, .bg--dark .events--list li:nth-child(3) .event--col-title a {
color: #1a1b1c;
}
.bg--dark .events--list .event--col-title a {
color: #fff;
}
.events--list li.zona_event_type-past-events .event--col-title a {
text-decoration: line-through
}
.events--list li.zona_event_type-past-events .event--col-title a:hover {
text-decoration: none
}
.events--list .event--col-city {
font-size: 14px;
width: 30%;
min-width: 150px;
}
.events--list .event--col-tickets {
width: 10%;
min-width: 150px;
}
.events--list .event--button {
font-size: 11px;
color: #1a1b1c;
background-color: #fcc92f;
padding: 3px 7px;
line-height: normal;
text-align: center;
min-width: 65px;
position: relative;
overflow: hidden;
display: inline-block;
text-transform: uppercase;
}
.events--list .zona_event_type-past-events .event--button {
display: none;
}
.events--list .event--button:after, .events--list .event--button:before {
background-color: #1a1b1c
}
.events--list .event--button span {
z-index: 2;
position: relative;
color: #1a1b1c;
display: inline-block;
font-weight: 500;
}
.events--list .event--button:hover span {
color: #fff;
}
.events--list li:nth-child(1)  .event--button, .bg--dark .events--list li:nth-child(1) .event--button {
color: #fff;
background-color: #1a1b1c;
}
.events--list li:nth-child(1)  .event--button span, .bg--dark .events--list li:nth-child(1) .event--button span {
color: #fff;
}
.events--list li:nth-child(1)  .event--button:hover span, .bg--dark .events--list li:nth-child(1) .event--button:hover span {
color: #1a1b1c;
}
.events--list li:nth-child(1)  .event--button:after, .events--list li:nth-child(1)  .event--button:before, .bg--dark .events--list li:nth-child(1) .event--button:before, .bg--dark .events--list li:nth-child(1) .event--button:after {
background-color: #fcc92f;
}
.events--list li:nth-child(2)  .event--button, .bg--dark .events--list li:nth-child(2) .event--button {
color: #fff;
background-color: #1a1b1c;
}
.events--list li:nth-child(2)  .event--button span, .bg--dark .events--list li:nth-child(2) .event--button span {
color: #fff;
}
.events--list li:nth-child(2)  .event--button:hover span, .bg--dark .events--list li:nth-child(2) .event--button:hover span {
color: #1a1b1c;
}
.events--list li:nth-child(2)  .event--button:after, .events--list li:nth-child(2)  .event--button:before, .bg--dark .events--list li:nth-child(2) .event--button:before, .bg--dark .events--list li:nth-child(2) .event--button:after {
background-color: #fcc92f;
}
.events--list li:nth-child(3)  .event--button, .bg--dark .events--list li:nth-child(3) .event--button {
color: #fff;
background-color: #1a1b1c;
}
.events--list li:nth-child(3)  .event--button span, .bg--dark .events--list li:nth-child(3) .event--button span {
color: #fff;
}
.events--list li:nth-child(3)  .event--button:hover span, .bg--dark .events--list li:nth-child(3) .event--button:hover span {
color: #1a1b1c;
}
.events--list li:nth-child(3)  .event--button:after, .events--list li:nth-child(3)  .event--button:before, .bg--dark .events--list li:nth-child(3) .event--button:before, .bg--dark .events--list li:nth-child(3) .event--button:after {
background-color: #fcc92f;
} .events--list .event--show-on-mobile {
display: none
} .events-filter {
padding: 10px 10px;
}
.events-filter ul a {
font-size: 14px;
text-transform: uppercase;
color: #1a1b1c;
font-weight: 500;
display: inline-block;
overflow: hidden;
position: relative;
padding: 2px 10px;
}
.events-filter ul a:after, .events-filter ul a:before {
z-index: -1
}
.events-filter ul li {
position: relative;
}
.events-filter ul li a.is-active {
color: #fff;
}  .events--simple-list a {
text-transform: uppercase;
text-align: left;
font-size: 14px;
}
.events--simple-list a span {
transition: color 0.2s ease;
}
.events--simple-list a .date {
display: block;
}
.events--simple-list a .date:after {
content: "\2014";
margin-left: 3px;
}
.events--simple-list a .location {
color: #242527;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
max-width: 200px
}
.events--simple-list a .location > span {
color: #999;
text-transform: initial;
}
.events--simple-list a .location > span:before {
content: "/";
margin: 0 2px;
}
.events--simple-list a:hover span {
color: #fcc92f;
}
.events--more {
display: block;
color: #242527;
font-size: 18px;
letter-spacing: 2px;
font-weight: 800;
}
.events--more:hover {
color: #fcc92f;
} #layer--events .layer--content {
padding-left: 40px;
}
.layer--events-list {
transition-duration: 500ms !important;
}
#layer--events-wrapper {
position: relative;
width: 100%;
height: 100%;
transition-duration: 500ms !important;
z-index: 2;
text-align: right;
}
.layer--events .layer--events-list {
padding: 0;
margin: 0;
list-style-type: none;
font-weight: 400;
margin-bottom: 30px;
display: inline-block;
}
.layer--events .layer--events-list li {
width: 100%;
padding: 0;
margin: 0;
position: relative;
overflow: hidden;
margin: 5px 0;
}
.layer--events .layer--events-list li a:after {
content: "";
position: absolute;
left: 0;
top: 0;
background-color: #f5c32d;
width: 0;
height: 100%;
z-index: -1;
transition: width 0.5s cubic-bezier(0.24, 1, 0.31, 1);
}
.layer--events .layer--events-list li a:hover:after {
width: 100%;
}
.layer--events .layer--events-list li a {
position: relative;
display: table;
font-size: 28px;
text-transform: uppercase;
line-height: 110%;
z-index: 3;
}
.layer--events .layer--events-list li a > span {
display: table-cell;
z-index: 2;
}
.layer--events .layer--events-list li a span {
transition: color 0.5s cubic-bezier(0.24, 1, 0.31, 1);
}
.layer--events .layer--events-list li a .date {
color: #f5c32d;
padding-right: 10px;
min-width: 110px;
text-align: left;
}
.layer--events .layer--events-list li a .title {
margin-left: 0px;
color: #fff;
padding-right: 15px;
}
.layer--events .layer--events-list li a .place {
color: #999;
font-size: 16px;
padding-right: 10px;
padding-left: 10px;
}
.layer--events .layer--events-list li a .localisation {
color: #666;
font-size: 16px;
}
.layer--events .layer--events-list li a:hover span {
color: #1a1b1c;
}
.layer--events .layer--events-list li a {
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transform: translateX(-102%);
}
.is-events.layer--events .layer--events-list li a {
transition: transform 0.5s 0.4s cubic-bezier(0.24, 1, 0.31, 1);
transform: translateX(0);
}
.is-events.layer--events .layer--events-list > li:nth-child(1) > a {
transition-delay: 0.6s
}
.is-events.layer--events .layer--events-list > li:nth-child(2) > a {
transition-delay: 0.8s
}
.is-events.layer--events .layer--events-list > li:nth-child(3) > a {
transition-delay: 0.9s
}
.is-events.layer--events .layer--events-list > li:nth-child(4) > a {
transition-delay: 1s
}
.is-events.layer--events .layer--events-list > li:nth-child(5) > a {
transition-delay: 1.1s
}
.is-events.layer--events .layer--events-list > li:nth-child(6) > a {
transition-delay: 1.2s
}
.is-events.layer--events .layer--events-list > li:nth-child(7) > a {
transition-delay: 1.0s
}
.is-events.layer--events .layer--events-list > li:nth-child(8) > a {
transition-delay: 0.9s
}
.is-events.layer--events .layer--events-list > li:nth-child(9) > a {
transition-delay: 1.1s
}
.is-events.layer--events .layer--events-list > li:nth-child(10) > a {
transition-delay: 1.2s
}
.is-events.layer--events .layer--events-list > li:nth-child(11) > a {
transition-delay: 1s
}
.is-events.layer--events .layer--events-list > li:nth-child(12) > a {
transition-delay: 0.7s
}
.layer--events .layer--events-list li a:hover {
color: #fcc92f;
transition-delay: 0s;
}
.events--placeholder {
text-transform: uppercase;
font-weight: 900;
width: 100%;
opacity: 0.06;
font-size: 160px;
position: absolute;
z-index: 0;
top: 50%;
transform: translateY(-50%);
left: 0;
}
.events--placeholder-row {
line-height: 1;
overflow: hidden;
display: inline-block;
width: 100%;
}
.events--placeholder-row span {
display: block;
transition: 0.5s 0s cubic-bezier(0.24, 1, 0.31, 1);
transform: translateY(100%);
}
.is-events .events--placeholder-row span {
transition: 0.5s 0.25s cubic-bezier(0.24, 1, 0.31, 1);
transform: translateX(0) translateZ(0)
}
.events--placeholder-row-2 span {
transition: 0.5s 0.05s cubic-bezier(0.24, 1, 0.31, 1)
}
.is-events .events--placeholder-row-2 span {
-webkit-transition: 0.5s 0.32s cubic-bezier(0.24, 1, 0.31, 1);
transition: 0.5s 0.32s cubic-bezier(0.24, 1, 0.31, 1)
}
.layer--events-button-wrapper {
position: relative;
display: inline-block;
overflow: hidden;
}
.layer--events-button-wrapper a {
display: block;
position: relative;
transition: 0.5s 0s cubic-bezier(0.24, 1, 0.31, 1);
transform: translateX(-102%) translateZ(0);
}
.is-events .layer--events-button-wrapper a {
display: block;
position: relative;
transition: 0.5s 0.8s cubic-bezier(0.24, 1, 0.31, 1);
transform: translateX(0) translateZ(0);
} #layer--events-wrapper .iScrollVerticalScrollbar {
position: absolute;
z-index: 10;
width: 4px;
bottom: 2px;
top: 2px;
right: 0px;
overflow: hidden;
}
#layer--events-wrapper .iScrollIndicator {
position: absolute;
background-color: #fff;
border-radius: 2px;
opacity: 0;
cursor: pointer;
opacity: 0;
transition-duration: 500ms !important;
}
#layer--events-wrapper:hover .iScrollIndicator {
opacity: 0.1;
}
#layer--events-wrapper .iScrollVerticalScrollbar .iScrollIndicator {
width: 100%;
} .page-template-events-float .content {
padding: 20px 0 80px 0;
}
.float--events {
position: relative;
}
.float--events .grid--item {
vertical-align: top !important;
position: relative;
display: inline-block; z-index: 1;
}
.float--events .grid--item--landscape {
width: 43.5%
}
.float--events .grid--item--landscape:before {
position: relative;
display: inline-block;
content: '';
padding-top: 0%;
}
.float--events .grid--item--portrait {
width: 28%
}
.float--events .grid--item--portrait:before {
position: relative;
display: inline-block;
content: '';
padding-top: 10%;
}
.float--events .grid--item:nth-of-type(3n+1) {
width: 61.5% !important;
margin-top: -10% !important;
}
.float--events .grid--item:nth-of-type(3n+1):before {
position: relative;
display: inline-block;
content: '';
padding-top: 26.5%;
width: 100%;
}
.float--events .grid--item:first-child:before {
padding-top: 2%;
}
.float--events .grid--item:nth-of-type(3n+1):nth-of-type(even) {
margin-left: 38.5%
}
.float--events .grid--item:nth-of-type(3n+1):nth-of-type(odd) {
margin-left: 0 !important
}
.float--events .grid--item:nth-of-type(3n+1)+.grid--item--landscape {
margin-top: 5%;
}
.float--events .grid--item:nth-of-type(3n+1)+.grid--item--landscape+.grid--item--portrait {
margin-left: 27%;
margin-top: -32%
}
.float--events .grid--item:nth-of-type(3n+1):nth-of-type(even)+.grid--item--portrait {
margin-left: 0%;
margin-top: -32%
}
.float--events .grid--item:nth-of-type(3n+1):nth-of-type(even)+.grid--item--portrait+.grid--item--portrait {
margin-left: 44%;
margin-top: -13%;
margin-bottom: 0
}
.float--events .grid--item:nth-of-type(3n+1)+.grid--item--portrait {
margin-top: 11%;
margin-left: 10.5%
}
.float--events .grid--item:nth-of-type(3n+1)+.grid--item--portrait+.grid--item--portrait {
margin-left: 0%;
margin-top: -44%
}
.float--events .grid--item--portrait+.grid--item--portrait+.grid--item:nth-of-type(3n+1):nth-of-type(even) {
margin-left: 10%
}
.float--events .grid--item--portrait+.grid--item--portrait+.grid--item:nth-of-type(3n+1) {
margin-top: 0
}
.float--events .grid--item:nth-of-type(3n+1):nth-of-type(even)+.grid--item--landscape+.grid--item--landscape {
margin-left: 11%
}
.float--events .grid--item:nth-of-type(3n+1)+.grid--item--landscape+.grid--item--landscape {
margin-left: 11%
}
.float--events .grid--item:nth-of-type(3n+1):nth-of-type(even)+.grid--item--portrait+.grid--item--landscape {
margin-left: 27%
}
.float--events .grid--item:nth-of-type(3n+1)+.grid--item--portrait+.grid--item--landscape {
margin-top: 0
}
.float--events .grid--item:nth-of-type(3n+1):nth-of-type(even)+.grid--item--landscape+.grid--item--portrait {
margin-top: -10%
}
.float--events .grid--item:first-child {
margin-top: 0 !important
}
.float--event {
overflow: hidden;
position: relative;
display: inline-block;
}
.float--event-title-bottom {
display: block;
text-transform: uppercase;
font-size: 13px;
color: #1a1b1c;
letter-spacing: 0.02em;
font-weight: 400
}
.float--event-title-bottom span {
color: #fcc92f;
margin-right: 10px;
}
.float--event-title-bottom:before {
content: "\2014";
margin-right: 10px;
color: #fcc92f;
}
.float--event .float--event-content {
position: absolute;
top: 50%;
left: 5%;
transform: translateY(-50%);
z-index: 4;
width: 100%;
}
.float--event .float--event-row {
position: relative;
display: block;
overflow: hidden;
margin: 0 10px;
line-height: normal;
}
.float--event .float--event-row span.hidden {
margin: 0;
display: block;
transform: translateX(-104%);
transition: all 0.5s 0s cubic-bezier(0.24, 1, 0.31, 1);
}
.float--event:hover .float--event-row span.hidden {
transform: translateX(0);
}
.float--event .float--event-row span.float--event-date, .float--event .float--event-row span.float--event-title, .float--event .float--event-row span.float--event-city, .float--event .float--event-row span.float--event-place {
color: #fff;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0.03em;
line-height: 150%;
}
.float--event .float--event-row span.float--event-date {
color: #fcc92f;
}
.float--event .float--event-row span.float--event-title, .float--event .float--event-row span.float--event-date {
font-size: 18px;
}
.float--event .float--event-row span.float--event-city, .float--event .float--event-row span.float--event-place {
font-weight: 300;
font-size: 12px;
display: block;
}
.float--event:hover .float--event-row span.float--event-title {
transition-delay: 0.1s;
}
.float--event:hover .float--event-row span.float--event-place {
transition-delay: 0.2s;
}
.float--event:hover .float--event-row span.hidden.float--event-city {
transition-delay: 0.3s;
}
.float--event .float--event-row span.hidden.float--event-city:before, .float--event .float--event-row span.hidden.float--event-place:before {
content: "\2014";
margin-right: 10px
} .page-template-gallery .content {
background: #f4f4f4;
}
.gallery--grid {
margin-bottom: 30px;
}
.gallery--grid article {
position: relative;
overflow: hidden;
transition: all 0.5s cubic-bezier(0.24, 1, 0.31, 1);
margin-bottom: 0;
}
.gallery--grid .grid-row-pad article, .gallery--grid .grid-row-pad-large article {
margin-bottom: 20px;
}
.gallery--grid article:after, .gallery--grid article:before {
background-color: #000
}
.gallery--grid article img {
margin-bottom: 0;
width: 100%;
}
.gallery--date {
position: absolute;
bottom: 40px;
left: 20px;
line-height: normal;
color: #fcc92f;
z-index: 3;
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
overflow: hidden;
}
.gallery--date span:before {
content: "\2014";
margin-right: 5px;
}
.gallery--grid article a:hover .gallery--date {
color: #fcc92f;
}
.gallery--date span {
display: inline-block;
position: relative;
transition: all 0.5s 0s cubic-bezier(0.24, 1, 0.31, 1);
transform: translateX(-102%);
}
.gallery--grid article:hover .gallery--date span, .gallery--grid .mosaic:hover .gallery--date span {
transform: translateX(0);
transition-delay: 0.3s;
}
.gallery--title {
position: absolute;
left: 20px;
right: 20px;
bottom: 20px;
line-height: normal;
color: #fff;
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
z-index: 3;
margin-bottom: 0;
overflow: hidden;
}
.gallery--title:before {
content: "\2014";
margin-right: 5px;
}
.gallery--grid article a:hover .gallery--title, .mosaic:hover .gallery--title {
color: #fff
} .gallery-filter {
padding: 10px 10px;
}
.gallery-filter ul a {
font-size: 14px;
text-transform: uppercase;
color: #1a1b1c;
font-weight: 500;
display: inline-block;
overflow: hidden;
position: relative;
padding: 2px 10px;
}
.gallery-filter ul a:after, .gallery-filter ul a:before {
z-index: -1
}
.gallery-filter ul li {
position: relative;
}
.gallery-filter ul li a.is-active {
color: #fff;
} .single-zona_gallery .content {
padding-top: 0;
}
.single-zona_gallery .intro {
margin-bottom: 80px;
}
.gallery--grid.images--grid article {
margin-bottom: 0px;
}
.gallery--grid.images--grid.grid-row-pad-large article {
margin-bottom: 20px;
} .page-template-gallery-float .content {
padding: 20px 0 80px 0;
}
.float--albums {
position: relative;
}
.float--albums .grid--item {
vertical-align: top !important;
position: relative;
display: inline-block; z-index: 1;
}
.float--albums .grid--item--landscape {
width: 43.5%
}
.float--albums .grid--item--landscape:before {
position: relative;
display: inline-block;
content: '';
padding-top: 44%;
}
.float--albums .grid--item--portrait {
width: 28%
}
.float--albums .grid--item--portrait:before {
position: relative;
display: inline-block;
content: '';
padding-top: 10%;
}
.float--albums .grid--item:nth-of-type(3n+1) {
width: 61.5% !important;
margin-top: -10% !important;
}
.float--albums .grid--item:nth-of-type(3n+1):before {
position: relative;
display: inline-block;
content: '';
padding-top: 26.5%;
width: 100%;
}
.float--albums .grid--item:first-child:before {
padding-top: 2%;
}
.float--albums .grid--item:nth-of-type(3n+1):nth-of-type(even) {
margin-left: 38.5%
}
.float--albums .grid--item:nth-of-type(3n+1):nth-of-type(odd) {
margin-left: 0 !important
}
.float--albums .grid--item:nth-of-type(3n+1)+.grid--item--landscape {
margin-top: -12.5%;
}
.float--albums .grid--item:nth-of-type(3n+1)+.grid--item--landscape+.grid--item--portrait {
margin-left: 27%;
margin-top: -32%
}
.float--albums .grid--item:nth-of-type(3n+1):nth-of-type(even)+.grid--item--portrait {
margin-left: 0%;
margin-top: -32%
}
.float--albums .grid--item:nth-of-type(3n+1):nth-of-type(even)+.grid--item--portrait+.grid--item--portrait {
margin-left: 44%;
margin-top: -13%;
margin-bottom: 0
}
.float--albums .grid--item:nth-of-type(3n+1)+.grid--item--portrait {
margin-top: 11%;
margin-left: 10.5%
}
.float--albums .grid--item:nth-of-type(3n+1)+.grid--item--portrait+.grid--item--portrait {
margin-left: 0%;
margin-top: -44%
}
.float--albums .grid--item--portrait+.grid--item--portrait+.grid--item:nth-of-type(3n+1):nth-of-type(even) {
margin-left: 10%
}
.float--albums .grid--item--portrait+.grid--item--portrait+.grid--item:nth-of-type(3n+1) {
margin-top: 0
}
.float--albums .grid--item:nth-of-type(3n+1):nth-of-type(even)+.grid--item--landscape+.grid--item--landscape {
margin-left: 11%
}
.float--albums .grid--item:nth-of-type(3n+1)+.grid--item--landscape+.grid--item--landscape {
margin-left: 11%
}
.float--albums .grid--item:nth-of-type(3n+1):nth-of-type(even)+.grid--item--portrait+.grid--item--landscape {
margin-left: 27%
}
.float--albums .grid--item:nth-of-type(3n+1)+.grid--item--portrait+.grid--item--landscape {
margin-top: 0
}
.float--albums .grid--item:nth-of-type(3n+1):nth-of-type(even)+.grid--item--landscape+.grid--item--portrait {
margin-top: -10%
}
.float--albums .grid--item:first-child {
margin-top: 0 !important
}
.float--album {
overflow: hidden;
display: inline-block;
position: relative;
}
.float--album:hover .gallery--date span {
transform: translateX(0);
transition-delay: 0.3s;
} .videos--play-layer {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
background-color: rgba(26, 27, 28, 0.43);
}
.videos--play-layer span {
position: absolute;
left: 0;
top: 50%;
z-index: 2;
margin-top: -20px;
height: 40px;
font-size: 40px;
width: 100%;
text-align: center;
vertical-align: middle;
color: #fff;
opacity: 0.5;
transition: opacity 0.40s cubic-bezier(0.77, 0, 0.175, 1);
}
.float--video:hover .videos--play-layer span, .video-sc:hover .videos--play-layer span {
opacity: 1
}
.videos--title {
position: absolute;
left: 20px;
right: 20px;
bottom: 20px;
line-height: normal;
color: #fff;
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
z-index: 3;
margin-bottom: 0;
overflow: hidden;
padding-left: 20px;
text-align: left;
}
.videos--title:before {
content: "\2014";
position: absolute;
top: 0px;
left: 0px;
margin-right: 5px;
}
.float--video:hover .videos--title, .video-sc:hover .videos--title {
color: #fff
} .single-video--wrap {
width: 100%;
text-align: center;
}
.single-video--wrap img {
display: inline-block;
vertical-align: middle;
}  .page-template-videos-float .content {
padding: 20px 0 80px 0;
}
.float--videos {
position: relative;
}
.float--videos .grid--item {
vertical-align: top !important;
position: relative;
display: inline-block; z-index: 1;
}
.float--videos .grid--item--landscape {
width: 43.5%
}
.float--videos .grid--item--landscape:before {
position: relative;
display: inline-block;
content: '';
padding-top: 44%;
}
.float--videos .grid--item--portrait {
width: 28%
}
.float--videos .grid--item--portrait:before {
position: relative;
display: inline-block;
content: '';
padding-top: 10%;
}
.float--videos .grid--item:nth-of-type(3n+1) {
width: 61.5% !important;
margin-top: -10% !important;
}
.float--videos .grid--item:nth-of-type(3n+1):before {
position: relative;
display: inline-block;
content: '';
padding-top: 26.5%;
width: 100%;
}
.float--videos .grid--item:first-child:before {
padding-top: 2%;
}
.float--videos .grid--item:nth-of-type(3n+1):nth-of-type(even) {
margin-left: 38.5%
}
.float--videos .grid--item:nth-of-type(3n+1):nth-of-type(odd) {
margin-left: 0 !important
}
.float--videos .grid--item:nth-of-type(3n+1)+.grid--item--landscape {
margin-top: -12.5%;
}
.float--videos .grid--item:nth-of-type(3n+1)+.grid--item--landscape+.grid--item--portrait {
margin-left: 27%;
margin-top: -32%
}
.float--videos .grid--item:nth-of-type(3n+1):nth-of-type(even)+.grid--item--portrait {
margin-left: 0%;
margin-top: -32%
}
.float--videos .grid--item:nth-of-type(3n+1):nth-of-type(even)+.grid--item--portrait+.grid--item--portrait {
margin-left: 44%;
margin-top: -13%;
margin-bottom: 0
}
.float--videos .grid--item:nth-of-type(3n+1)+.grid--item--portrait {
margin-top: 11%;
margin-left: 10.5%
}
.float--videos .grid--item:nth-of-type(3n+1)+.grid--item--portrait+.grid--item--portrait {
margin-left: 0%;
margin-top: -44%
}
.float--videos .grid--item--portrait+.grid--item--portrait+.grid--item:nth-of-type(3n+1):nth-of-type(even) {
margin-left: 10%
}
.float--videos .grid--item--portrait+.grid--item--portrait+.grid--item:nth-of-type(3n+1) {
margin-top: 0
}
.float--videos .grid--item:nth-of-type(3n+1):nth-of-type(even)+.grid--item--landscape+.grid--item--landscape {
margin-left: 11%
}
.float--videos .grid--item:nth-of-type(3n+1)+.grid--item--landscape+.grid--item--landscape {
margin-left: 11%
}
.float--videos .grid--item:nth-of-type(3n+1):nth-of-type(even)+.grid--item--portrait+.grid--item--landscape {
margin-left: 27%
}
.float--videos .grid--item:nth-of-type(3n+1)+.grid--item--portrait+.grid--item--landscape {
margin-top: 0
}
.float--videos .grid--item:nth-of-type(3n+1):nth-of-type(even)+.grid--item--landscape+.grid--item--portrait {
margin-top: -10%
}
.float--videos .grid--item:first-child {
margin-top: 0 !important;
z-index: 2;
}
.float--video, .video-sc {
overflow: hidden;
display: inline-block;
position: relative;
} .search--list {
}
.search--item {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #eee;
}
.search--item:last-child {
border: 0;
margin-bottom: 0;
}
.search--item article {
margin-bottom: 0;
}
.search--item h2,
.search--item h2 a {
letter-spacing: 0;
font-size: 30px;
color:#1a1b1c;
} .error404 .site > .header, .error404 .site > .footer-container, .error404 #scamp_player {
display: none;
}
body.boxed.error404 {
padding: 70px;
}
.error404 .site {
padding-bottom: 0px;
}
.error404 .content {
text-align: center;
background: transparent url(//dennisrixen.de/wp-content/themes/zona/images/pattern-dots-light.png) repeat;
}
.error--404-text {
font-weight: 900;
color: #fcc92f;
display: inline-block;
margin-top: 0px;
font-size: 330px;
padding-bottom: 20px;
line-height: 100%;
}
.error--404-title {
letter-spacing: 0;
}
.error--404-subtitle {
font-size: 22px;
display: block;
}
.error404 #searchform {
margin: 30px auto;
max-width: 400px;
display: block;
color: #1a1b1c;
}
.error404 #searchform #s {
font-size: 22px;
font-weight: 700;
color: #1a1b1c;
}
.error404 #searchform #s::-webkit-input-placeholder {
color: #1a1b1c;
}
.error404 #searchform #s:-moz-placeholder {
color: #1a1b1c;
}
.error404 #searchform #s:-ms-input-placeholder {
color: #1a1b1c;
}
.error404 .container .btn {
margin: 0
} .comments-section {
padding: 50px 0 0px 0;
position: relative;
} .comment-message {
font-size: 16px;
font-weight: 400;
color: #1a1b1c;
}
.comments-title {
margin-bottom: 40px;
font-size: 22px;
text-transform: uppercase;
color: #1a1b1c;
width: 100%;
position: relative;
text-align: left;
display: block;
font-weight: bold;
}
.comments-list {
margin: 30px 0 60px;
padding: 0 0 30px;
overflow: hidden;
}
.comment {
list-style: none;
margin: 30px 0 0;
padding: 35px 0 20px;
}
.comment:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.comment:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.logged-in-as {
position: relative;
top: 0px;
margin-bottom: 20px;
font-size: 14px;
}
.logged-in-as a {
color: #999;
font-size: 13px;
letter-spacing: 0.02em;
}
.logged-in-as a:hover {
color: #fcc92f
}
.comment-field {
overflow: hidden;
clear: both;
margin-bottom: 10px;
}
.comment > article {
margin: 0;
position: relative;
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
}
.comment .avatar-wrap {
background: #eee;
float: left;
position: absolute;
z-index: 1;
left: 0px;
top: 16px;
overflow: hidden;
border-radius: 100%;
}
.comment .avatar-wrap img {
margin: 0;
width: 90px;
height: 90px;
float: left;
}
.comment .comment-body, .comment .comment-meta {
margin: 0 0 0px 115px;
font-size: 15px;
line-height: 1.7em;
margin-bottom: 30px; }
.comment .comment-meta {
margin-bottom: 0;
}
.comment .author, .comment .author a {
color: #1a1b1c;
margin: 0;
font-size: 16px;
font-weight: bold;
}
.comment .author a:hover {
color: #fcc92f;
}
.comment .date {
color: #999;
font-size: 14px;
margin: 0 0 10px;
}
.comment .reply {
}
.comment .reply a {
font-size: 11px;
text-transform: uppercase;
margin-right: 2px;
padding: 2px 4px;
border-radius: 4px;
margin-right: 0px;
font-weight: 400;
letter-spacing: 0.1em;
margin-left: 5px;
border: 1px solid #fcc92f;
color: #fcc92f;
}
.comment .reply a:hover {
border-color: #1a1b1c;
color: #1a1b1c;
}
.comment .children {
margin: 0;
padding: 0px 0 0;
position: relative;
}
.comment .children .comment { margin: 30px 0 0;
padding: 35px 0 0 125px;
position: relative;
}
.comment .children .comment.depth-4, .comment .children .comment.depth-5, .comment .children .comment.depth-6, .comment .children .comment.depth-7, .comment .children .comment.depth-8, .comment .children .comment.depth-9, .comment .children .comment.depth-10 {
padding-left: 0;
}
.comment .children .comment:first-child {
margin-top: 0;
}
.comment .children .comment-body, .comment .children .comment-meta {
} .comment-list .pingback, .comment-list .trackback {
list-style: none;
margin-left: 0;
padding-top: 30px;
padding-left: 0;
border-top: 1px dotted #e6e6e6;
}
.comment-list .pingback:first-child, .comment-list .trackback:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.comment-list .pingback .author, .comment-list .trackback .author, .comment-list .pingback .author a, .comment-list .trackback .author a, .comment-list .pingback .author a:hover, .comment-list .trackback .author a:hover {
font-size: 18px;
color: #222;
margin-bottom: 12px;
font-weight: 600;
}
.comment-list .pingback .date, .comment-list .trackback .date {
color: #888;
font-size: 13px;
margin: 0 0 5px;
position: relative;
top: -5px;
} #respond {
margin-top: 60px;
}
#reply-title {
font-size: 20px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 500;
}
#reply-title small {
font-size: 20px;
font-weight: normal;
}
#reply-title small:hover {
color: #fcc92f;
}
#respond input::-webkit-input-placeholder, #respond textarea::-webkit-input-placeholder {
color: #666;
font-weight: 300;
}
#respond input:-moz-placeholder, #respond textarea:-moz-placeholder {
color: #666;
font-weight: 300;
}
.form-allowed-tags {
font-size: 12px;
color: #888;
display: none;
}
.form-allowed-tags span {
font-size: 12px;
color: #aaa;
display: block
}
.form-submit {
overflow: hidden;
clear: both;
padding-top: 20px;
}
#respond .flex-col-1-3 {
padding: 5px;
}
#respond .flex-col-1-3.last {
padding-right: 0
}
#respond .flex-col-1-3.first {
padding-left: 0
}  .footer-container {
overflow: hidden;
background: #1a1b1c;
padding-top: 40px;
padding-bottom: 40px;
} .footer-widgets {
} .footer-social {
}
.footer-social.dark-bg a {
border: none;
margin-right: 6px;
}
.footer-copyright {
color: #999;
font-size: 14px;
}
.footer-copyright a {
color: #fff;
}
.footer-copyright a:hover {
color: #fcc92f;
} .widget {
line-height: 1.7em;
hyphens: auto;
margin-bottom: -1px;
width: 100%;
word-wrap: break-word;
color: #fefefe;
overflow: hidden;
padding-bottom: 30px;
font-size: 15px;
}
#layer--nav-wrapper .widget {
font-size: 14px;
line-height: 22px;
color: #999;
margin-bottom: 60px;
border: none;
padding: 0;
}
#layer--nav-wrapper .widget:last-child {
padding-bottom: 40px;
}
.widget li a {
color: #fff;
}
.widget a {
color: #fff;
text-transform: uppercase;
transition: all 0.4s;
}
.widget a:hover, .widget li a:hover {
color: #fcc92f;
}
.widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 {
margin: 24px 0 12px;
}
.widget h1 {
font-size: 24px;
}
.widget h2 {
font-size: 22px;
line-height: 1.2;
}
.widget h3 {
font-size: 20px;
}
.widget h4 {
font-size: 18px;
line-height: 1.5;
}
.widget h5 {
font-size: 16px;
}
.widget h6 {
font-size: 14px;
line-height: 2;
}
.widget address {
margin-bottom: 18px;
}
.widget abbr[title] {
border-color: rgba(255, 255, 255, 0.1);
}
.widget mark, .widget ins {
color: #000;
}
.widget pre, .widget fieldset {
border-color: rgba(255, 255, 255, 0.1);
}
.widget code, .widget kbd, .widget tt, .widget var, .widget samp, .widget pre {
font-size: 14px;
}
.widget blockquote {
color: rgba(255, 255, 255, 0.7);
font-size: 18px;
line-height: 1.5;
margin-bottom: 18px;
}
.widget blockquote cite {
color: #999;
font-size: 14px;
}
.widget dl, .widget dd {
margin-bottom: 18px;
}
.widget ul, .widget ol {
list-style: none;
margin: 0;
}
.widget li > ol, .widget li > ul {
margin-left: 10px;
}
.widget table, .widget th, .widget td {
border-color: rgba(255, 255, 255, 0.1);
padding: 0;
border: none;
}
.widget table {
margin-bottom: 18px;
}
.widget del {
color: rgba(255, 255, 255, 0.4);
}
.widget hr {
background-color: rgba(255, 255, 255, 0.1);
}
.widget p {
margin-bottom: 30px;
}
.widget p strong {
color: #fff;
}
.widget p:last-child {
margin-bottom: 0;
}
.widget select {
border-color:#666;
color:#ccc;
max-width: 250px;
}
.widget select:hover {
border-color:#999;
}
.widget select option {
color:#1a1b1c;
}
.widget input, .widget textarea {
background-color: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.1);
color: #fefefe;
font-size: 14px;
padding: 8px;
}
.widget input:focus, .widget textarea:focus {
border-color: rgba(255, 255, 255, 0.1);
}
.widget button, .widget .button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] {
background-color: #fcc92f;
border: 0;
font-size: 15px;
padding: 15px 27px;
}
.widget input[type="button"]:hover, .widget input[type="button"]:focus, .widget input[type="reset"]:hover, .widget input[type="reset"]:focus, .widget input[type="submit"]:hover, .widget input[type="submit"]:focus {
color: #1a1b1c;
background-color: #fff;
}
.widget input[type="button"]:active, .widget input[type="reset"]:active, .widget input[type="submit"]:active {
color: #222;
background-color: #fff;
}
.widget .wp-caption {
color: rgba(255, 255, 255, 0.7);
margin-bottom: 18px;
}
.widget .widget-title {
font-size: 20px;
color: #fff;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.09em;
margin-bottom: 35px;
}
#layer--nav-wrapper .widget .widget-title {
font-size: 18px;
font-weight: 500;
color: rgba(255, 255, 255, 0.7)
} .widget_tag_cloud {
overflow: hidden
}
.widget_tag_cloud .tagcloud a {
padding: 6px 10px;
margin: 3px;
float: left;
line-height: normal;
color: #999;
border: 1px solid #555;
font-weight: 500;
font-size: 13px !important;
text-transform: uppercase;
}
.widget_tag_cloud .tagcloud a:hover {
text-decoration: none;
line-height: normal;
border: 1px solid transparent;
color: #1a1b1c;
background-color: #fcc92f;
} .widget table#wp-calendar {
background-color: transparent;
}
.widget table#wp-calendar a {
display: block;
background: #fcc92f;
color: #1a1b1c;
line-height: 30px;
text-decoration: none;
font-weight: 700;
}
.widget table#wp-calendar a:hover {
background: #fff;
color: #333;
line-height: 30px;
text-decoration: none;
}
.widget table#wp-calendar {
width: 99%;
margin-left: 2px;
}
.widget table#wp-calendar tbody td {
text-align: center;
border: 1px solid #1a1b1c;
background-color: #232425;
color: #ddd;
font-size: 13px;
line-height: 30px;
}
.widget table#wp-calendar caption {
font-size: 14px;
text-transform: uppercase;
width: 100%;
color: #f2f2f2;
padding: 0;
margin-bottom: 5px;
text-align: left;
}
.widget table#wp-calendar caption:before {
content: "\2014";
margin-right: 5px;
display: inline-block;
}
.widget table#wp-calendar th {
font-weight: normal;
color: #ddd;
background-color: #292A2D;
text-align: center;
padding: 2px;
border: none;
}
.widget table#wp-calendar #next a {
text-align: right;
color: #f2f2f2;
line-height: 10px;
background: none;
}
.widget table#wp-calendar #prev a {
text-align: left;
color: #f2f2f2;
line-height: 15px;
background: none;
}
.widget table#wp-calendar #next a:hover, .widget table#wp-calendar #prev a:hover {
color: #fcc92f;
} .widget li {
margin-left: 0;
}
.widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li {
padding: 0 0 6px 0;
color: #fefefe;
}
.widget_archive li:last-child, .widget_categories li:last-child, .widget_links li:last-child, .widget_meta li:last-child, .widget_pages li:last-child, .widget_recent_comments li:last-child, .widget_recent_entries li:last-child {
border-bottom: none;
}
.widget_archive li:after, .widget_categories li:after, .widget_links li:after, .widget_meta li:after, .widget_pages li:after, .widget_recent_comments li:after, .widget_recent_entries li:after {
content: "";
border-bottom: 1px solid #fff;
width: 20px;
display: block;
margin-top: 4px;
margin-bottom: 8px;
position: relative;
transition: all 0.4s;
}
.widget_archive li:hover:after, .widget_categories li:hover:after, .widget_links li:hover:after, .widget_meta li:hover:after, .widget_pages li:hover:after, .widget_recent_comments li:hover:after, .widget_recent_entries li:hover:after {
width: 60px;
border-bottom: 1px solid #fcc92f
}
.widget_archive li:hover a, .widget_categories li:hover a, .widget_links li:hover a, .widget_meta li:hover a, .widget_pages li:hover a, .widget_recent_comments li:hover a, .widget_recent_entries li:hover a {
color: #fcc92f
} .widget_nav_menu li {
margin-bottom: 5px;
} .widget_archive li, .widget_categories li, .widget_meta li {
transition: all 0.3s ease-out;
margin-bottom: 0;
padding-bottom: 4px;
color: #999;
}
.widget_archive li:hover, .widget_categories li:hover, .widget_meta li:hover {
}
.widget_archive li a, .widget_categories li a, .widget_meta li a {
text-transform: uppercase;
} .widget_recent_comments li .url {
text-transform: none
}
.widget_recent_comments li:after {
}
.widget_recent_comments li {
color: #999
}
.widget_recent_comments li > a {
display: block;
} .widget_categories li:before {
} .widget_recent_entries li:before {
display: none;
}
.widget_recent_entries li {
}
.widget_recent_entries .post-date {
display: block;
opacity: 1;
font-size: 14px;
opacity: 0.5
} .rsswidget img {
margin-top: -4px;
}
.rssSummary {
margin: 9px 0;
color: #999;
font-size: 14px
}
.rss-date {
display: block;
font-size: 14px;
color: #999
}
.widget_rss li {
margin-bottom: 18px;
}
.widget_rss li:last-child {
margin-bottom: 0;
} .widget_text > div >:last-child {
margin-bottom: 0;
}  .widget_rt_recent_posts .rp-list li {
overflow: hidden;
margin-bottom: 16px;
}
.widget_rt_recent_posts .rp-list li:last-child {
border: 0;
margin-bottom: 0;
}
.widget_rt_recent_posts .rp-post-thumb {
float: left;
width: 60px;
overflow: hidden;
border: 4px solid rgba(255, 255, 255, 0.1);
}
.widget_rt_recent_posts .rp-caption {
padding-left: 75px;
}
.widget_rt_recent_posts .rp-caption h4 {
margin-bottom: 0px;
font-size: 15px;
margin-top: 0px;
}
.widget_rt_recent_posts .rp-caption h4 a {
font-weight: 400;
text-transform: uppercase;
font-size: 14px;
}
.widget_rt_recent_posts .rp-caption h4 a:before {
display: none;
}
.widget_rt_recent_posts .rp-caption h4 a:hover {
}
.widget_rt_recent_posts .rp-caption .rp-date {
font-size: 14px;
color: #999;
}
.rp-excerpt {
color: #999
} .tweets-widget {
list-style: none;
margin: 0;
}
.tweets-widget li {
margin: 0 0 10px 0;
position: relative;
border-radius: 5px;
}
.tweets-widget li a {
color: #fcc92f;
text-transform: none;
}
.tweets-widget li a:before {
display: none;
}
.tweets-widget li .date a {
display: block;
margin-top: 0px;
color: #999;
border: none;
font-size: 14px;
text-align: left;
font-weight: 400;
}
.tweets-widget li .date a:before {
content: "\2014";
margin-right: 5px;
display: inline-block;
}
.tweets-widget li .date a:hover {
color: #eee;
} .mc-custom-widget p {
margin-bottom: 14px;
}
.mc-custom-widget input {
background-color: transparent;
border: 0;
border-bottom: 1px solid #fcc92f;
margin-bottom: 20px;
color: #fff;
font-size: 15px;
padding: 0 0 5px 0;
display: block;
width: 100%;
}
.mc-custom-widget input[type="submit"] {
padding: 15px 30px;
font-size: 14px;
margin-top: 10px;
}  .buttons .btn:last-child {
margin: 0;
} a.btn--icon-square {
border: 1px solid #1a1b1c;
display: inline-block;
position: relative;
overflow: hidden;
min-width: 65px;
min-height: 65px;
text-align: center;
transition: transform 0.40s cubic-bezier(0.77, 0, 0.175, 1);
vertical-align: middle;
padding: 0;
}
.btn--icon-square .icon {
vertical-align: middle;
line-height: 65px;
color: #1a1b1c;
z-index: 2;
position: relative;
}
.btn--icon-square:hover .icon {
} .btn--social {
min-width: 24px;
min-height: 24px;
display: inline-block;
position: relative;
transition: transform 0.40s cubic-bezier(0.77, 0, 0.175, 1);
vertical-align: middle;
}
.btn--social span {
line-height: 24px;
font-size: 16px;
vertical-align: middle;
line-height: 24px;
color: #1a1b1c;
}
.btn--social:hover span {
color: #fcc92f;
}
.dark-bg .btn--social span {
color: #fff;
}
.dark-bg .btn--social:hover span {
color: #fcc92f;
} input[type="submit"], button, .btn, .widget .btn, .btn--frame {
font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
display: inline-block;
position: relative;
padding: 14px 32px;
background-color: #fcc92f;
font-size: 14px;
line-height: 1;
text-align: center;
text-decoration: none;
cursor: pointer;
border: none;
vertical-align: middle;
white-space: nowrap;
text-rendering: auto;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
font-weight: 700;
font-style: normal;
transition: all 0.2s ease-out;
margin-right: 5px;
margin-bottom: 5px;
width: auto;
text-transform: uppercase;
color: #1a1b1c;
letter-spacing: 0.05em;
z-index: 0;
overflow: hidden;
}
input[type="submit"]:hover, button:hover {
background-color: #1a1b1c;
color: #fff;
z-index: 1;
}
.btn:hover, .widget .btn:hover {
color: #fff;
z-index: 1;
}
button > span, .btn > span, .widget .btn > span {
position: relative;
z-index: 2;
color: #1a1b1c;
}
button:hover > span, .btn:hover > span, .widget .btn:hover > span {
color: #fff;
}
input[type="submit"]:after, button:after, .btn:after, .widget .btn:after, input[type="submit"]:before, button:before, .btn:before, .widget .btn:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1a1b1c;
z-index: -1;
transition: 0.45s cubic-bezier(0.76, 0, 0.174, 1), opacity 0s 500ms;
}
input[type="submit"]:before, button:before, .btn:before, .widget .btn:before {
transform: translateX(-102%) translateZ(0);
opacity: 1
}
input[type="submit"]:after, button:after, .btn:after, .widget .btn:after {
transform: translateX(102%) translateZ(0);
opacity: 0
}
input[type="submit"]:hover:after, button:hover:after, .btn:hover:after, .widget .btn:hover:after, input[type="submit"]:hover:before, button:hover:before, .btn:hover:before, .widget .btn:hover:before {
transform: translateX(0) translateZ(0);
transition: 0.45s cubic-bezier(0.77, 0, 0.175, 1), opacity 0s 500ms
}
input[type="submit"]:hover:before, button:hover:before, .btn:hover:before, .widget .btn:hover:before {
opacity: 0
}
input[type="submit"]:hover:after, button:hover:after, .btn:hover:after, .widget .btn:hover:after {
opacity: 1;
} .btn--small, .btn--frame.btn--small {
font-size: 13px;
padding: 12px 20px
}
.btn--medium, .btn--frame.btn--medium {
font-size: 18px;
}
.btn--big, .btn--frame.btn--big {
font-size: 18px;
padding: 20px 40px;
}  input[type="submit"].btn--dark, button.btn--dark, .btn.btn--dark, .widget .btn.btn--dark, .btn--frame.btn--dark {
background-color: #1a1b1c;
color: #fff;
}
input[type="submit"].btn--dark:hover, button.btn--dark:hover {
background-color: #fcc92f;
color: #1a1b1c;
}
.btn.btn--dark:hover, .widget .btn.btn--dark:hover {
color: #1a1b1c;
}
button.btn--dark > span, .btn.btn--dark > span, .widget .btn.btn--dark > span {
color: #fff;
}
button.btn--dark:hover > span, .btn.btn--dark:hover > span, .widget .btn.btn--dark:hover > span {
color: #1a1b1c;
}
input[type="submit"].btn--dark:before, button.btn--dark:before, .btn.btn--dark:before, .widget .btn.btn--dark:before {
background-color: #fcc92f;
}
input[type="submit"].btn--dark:after, button.btn--dark:after, .btn.btn--dark:after, .widget .btn.btn--dark:after {
background-color: #fcc92f;
} input[type="submit"].btn--light, button.btn--light, .btn.btn--light, .widget .btn.btn--light, .btn--frame.btn--light {
background-color: #fff;
color: #1a1b1c;
}
input[type="submit"].btn--light:hover, button.btn--light:hover {
background-color: #fcc92f;
color: #1a1b1c;
}
.btn.btn--light:hover, .widget .btn.btn--light:hover {
color: #1a1b1c;
}
button.btn--light > span, .btn.btn--light > span, .widget .btn.btn--light > span {
color: #1a1b1c;
}
button.btn--light:hover > span, .btn.btn--light:hover > span, .widget .btn.btn--light:hover > span {
color: #1a1b1c;
}
input[type="submit"].btn--light:before, button.btn--light:before, .btn.btn--light:before, .widget .btn.btn--light:before {
background-color: #fcc92f;
}
input[type="submit"].btn--light:after, button.btn--light:after, .btn.btn--light:after, .widget .btn.btn--light:after {
background-color: #fcc92f;
} .btn--icon {
min-width: 24px;
min-height: 24px;
display: inline-block;
position: relative;
transition: transform 0.40s cubic-bezier(0.77, 0, 0.175, 1);
vertical-align: middle;
}
.btn--icon span {
line-height: 24px;
font-size: 16px;
vertical-align: middle;
line-height: 24px;
color: #1a1b1c;
}
.btn--icon:hover span {
color: #fcc92f;
}
.dark-bg .btn--icon span {
color: #fff;
}
.dark-bg .btn--icon:hover span {
color: #fcc92f;
} .btn--frame, .widget .btn--frame {
background: transparent;
border: 1px solid #fcc92f;
color: #fcc92f;
}
.btn--frame:hover, .widget .btn--frame:hover {
border-color: #fcc92f;
color: #fcc92f;
}
.btn--frame span:first-child {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-right: solid 1px #fcc92f;
}
.btn--frame span:first-child:after, .btn--frame span:first-child:before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 70%;
height: 1px;
background: #fcc92f;
transition: all 0.4s cubic-bezier(0.285, 0.105, 0.465, 1.015);
}
.btn--frame span:first-child:before {
top: auto;
bottom: 0;
width: 15%;
height: 1px;
}
.btn--frame:hover span:first-child:before {
width: 50%;
}
.btn--frame:hover span:first-child:after {
width: 30%;
}
.btn.btn--frame:before, .btn.btn--frame:after {
display: none;
} .btn--frame.btn--dark {
border-color: #1a1b1c;
color: #1a1b1c;
background: transparent;
}
.btn--frame.btn--dark:hover {
color: #1a1b1c;
}
.btn--frame.btn--dark span:first-child {
border-right: solid 2px #1a1b1c;
}
.btn--frame.btn--dark span:first-child:after, .btn--frame.btn--dark span:first-child:before {
background: #1a1b1c;
} .btn--frame.btn--light {
border-color: #fff;
color: #fff;
background: transparent;
}
.btn--frame.btn--light:hover {
color: #fff;
}
.btn--frame.btn--light span:first-child {
border-right: solid 2px #fff;
}
.btn--frame.btn--light span:first-child:after, .btn--frame.btn--light span:first-child:before {
background: #fff;
} a.line-link {
display: inline-block;
position: relative;
color: #1a1b1c;
border-color: transparent;
border-bottom: none;
text-transform: none;
margin-bottom: 5px;
}
.widget a.line-link {
color: #fff;
margin-bottom: 0px;
}
a.line-link:after {
content: "";
border-bottom: 1px solid #fcc92f;
display: block;
width: 0;
transition: width 0.3s ease;
}
a.line-link:hover:after {
width: 100%;
}
a.line-link:before {
content: "\2014";
margin-right: 5px;
color: #fcc92f
} .load-more-wrap {
text-align: center;
}
.load-more-wrap .load-more {
margin: 0;
margin-top: 15px;
}
.load-more {
position: relative;
margin-top: 20px;
}
.load-more.loaded {
display: none;
}
.load-more:before {
content: "";
height: 1px;
width: 0px;
display: inline-block;
position: relative;
top: -5px;
margin-right: 5px;
background-color: #111;
transition: 0.45s cubic-bezier(0.76, 0, 0.174, 1);
}
.load-more.loading:before {
width: 30px;
} .btn--image {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
}
.btn--image img {
vertical-align: middle;
max-height: 45px;
} .scroll-discover {
color: #1a1b1c;
position: fixed;
bottom: 10%;
line-height: normal;
z-index: 3;
font-size: 10px;
text-transform: uppercase;
transform: rotate(-90deg);
transform-origin: 0% 50%;
font-weight: 400;
z-index: 1;
left: 70px;
}
.scroll-discover span {
margin-right: 10px;
font-size: 22px;
line-height: normal;
position: relative;
top: 6px
}  .lang-selector {
display: inline-block;
float: right;
}
.lang-selector ul {
list-style: none;
padding:0;
margin: 0;
text-transform:uppercase;
font-size:16px;
line-height: normal;
}
.lang-selector ul li {
display: inline-block;
padding:0;
margin: 0;
font-size:14px;
font-weight:400;
}
.lang-selector ul li a {
display:inline-block;
}
.lang-selector ul li:after {
content: "/";
margin-left: 8px;
margin-right: 8px;
display:inline-block;
opacity:0.3
}
.lang-selector ul li:last-child:after {
display: none;
}
.lang-selector ul li img {
margin-right:5px;
top:-1px;
position:relative;
}
.lang-selector ul li a img {
-webkit-transition: all .2s ease;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
} .footer-copyright .lang-selector {
float:none;
display:block;
margin-top:10px;
}
.header--top-bar .lang-selector ul li {
color: #1a1b1c;
}
.header--top-bar .lang-selector ul li a {
color:#aaa;
}
.header--top-bar .lang-selector ul li a:hover {
color:#1a1b1c;
}
.footer-copyright .lang-selector ul li {
color: #fff
}
.footer-copyright .lang-selector ul li a {
color:#999;
}
.footer-copyright .lang-selector ul li a:hover {
color:#fff;
} .filter-simple {
}
.filter-simple ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.filter-simple ul li {
display: inline-block;
margin-left: 0;
margin-right: 15px;
}
.filter-simple ul li:last-child {
margin-right: 0;
}
.filter-simple ul li a {
} .desc-plus {
position: absolute;
left: 50%;
right: 0;
top: 50%;
bottom: 0;
z-index: 1;
width: 60px;
height: 60px;
z-index: 2;
opacity: 1;
}
.desc-plus:before {
content: "";
width: 60px;
height: 1px;
margin-left: -30px;
background-color: #fff;
z-index: 2;
position: absolute;
top: 0;
left: 0;
}
.desc-plus:after {
content: "";
margin-top: -30px;
height: 60px;
width: 1px;
background-color: #fff;
z-index: 2;
position: absolute;
top: 0;
left: 0;
}
.desc-count {
position: absolute;
right: 15px;
bottom: 15px;
font-size: 18px;
color: #fff;
font-weight: 300;
opacity: 1;
line-height: normal;
z-index: 2;
}
.desc-count:before {
content: "\2014";
margin-right: 5px;
}
a:hover .desc-count, a:hover .desc-plus {
opacity: 1;
}
a:hover .desc-count, .mosaic:hover .desc-count {
color: #fcc92f
} .hero-text {
font-size: 24px;
font-weight: 500;
line-height: 1.5;
color: #1a1b1c;
text-align: center;
padding-bottom: 20px
} .thumb {
display: block;
margin-bottom: 30px;
overflow: hidden;
position: relative;
z-index: 1;
}
.thumb img {
height: auto;
display: block;
max-width: 100%;
max-height: 100%;
margin: 0;
z-index: 1;
width: 100%;
vertical-align: middle;
} .shade {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #1a1b1c;
opacity: .6;
transition: all .55s;
}
.gallery--album-sc:hover .shade, .mosaic:hover .shade {
opacity: 1
} .maps {
} .video-wrap {
margin: 0 0 30px;
} .error, .success, .info, .warning {
display: block; border: 1px solid;
padding: 14px 20px 14px 20px;
clear: both;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight: 600;
}
.error {
background-color: #fdcaca;
color: #7f6060;
border-color: #ffc3c3;
}
.success {
background-color: #cafdce;
color: #637a65;
border-color: #9cfaa3;
}
.info {
background-color: #dee9fe;
color: #737b8b;
border-color: #cddfff;
}
.warning {
background-color: #fbe9de;
color: #877863;
border-color: #fbe0b9
} .mosaic--section .mosaic--row {
overflow: hidden;
clear: both;
position: relative
}
.mosaic--section .mosaic--row:nth-of-type(even) {
margin-top: 20px;
}
.mosaic--section .mosaic--row .mosaic {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #333;
position: relative;
overflow: hidden
}
.mosaic--section .mosaic--row .mosaic a.permalink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: 0 0
}
.mosaic--section .mosaic--row .mosaic .permalink {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: 0 0;
z-index: 2;
}
.mosaic--section .mosaic--row .mosaic.mosaic-main {
float: left;
clear: none;
text-align: inherit;
width: 59.2%;
margin-left: 0;
margin-right: 2%;
height: 460px;
position: relative;
}
.mosaic--section .mosaic--row .mosaic.mosaic-main::after {
content: "";
display: table;
clear: both
}
.mosaic--section .mosaic--row .mosaic.mosaic-main:last-child {
margin-right: 0
}
@media (max-width:600px) {
.mosaic--section .mosaic--row .mosaic.mosaic-main {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px
}
.mosaic--section .mosaic--row .mosaic.mosaic-main:first-child {
margin-left: auto
}
.mosaic--section .mosaic--row .mosaic.mosaic-main:last-child {
margin-right: auto
}
}
.mosaic--section .mosaic--row .mosaic.mosaic-two {
height: 220px;
margin-bottom: 20px
}
.mosaic--section .mosaic--row .mosaic.mosaic-two:last-child {
margin-bottom: 0
}
.mosaic--section .mosaic--row .mosaic.mosaic-narrow {
float: left;
clear: none;
text-align: inherit;
width: 38.8%;
margin-left: 0;
margin-right: 2%;
background-color: #aeb1b6;
height: 460px
}
.mosaic--section .mosaic--row .mosaic.mosaic-narrow::after {
content: "";
display: table;
clear: both
}
.mosaic--section .mosaic--row .mosaic.mosaic-narrow:nth-child(n) {
margin-right: 2%;
float: left;
clear: none
}
.mosaic--section .mosaic--row .mosaic.mosaic-narrow:nth-child(2n) {
margin-right: 0;
float: right
}
.mosaic--section .mosaic--row .mosaic.mosaic-narrow:nth-child(2n+1) {
clear: both
}
@media (max-width:600px) {
.mosaic--section .mosaic--row .mosaic.mosaic-narrow {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px
}
.mosaic--section .mosaic--row .mosaic.mosaic-narrow:first-child {
margin-left: auto
}
.mosaic--section .mosaic--row .mosaic.mosaic-narrow:last-child {
margin-right: auto
}
}
.mosaic--section .mosaic--row .mosaic.mosaic-big {
float: left;
clear: none;
text-align: inherit;
width: 59.2%;
margin-left: 0;
margin-right: 2%;
background-color: #9d9ea2;
height: 460px
}
.mosaic--section .mosaic--row .mosaic.mosaic-big::after {
content: "";
display: table;
clear: both
}
.mosaic--section .mosaic--row .mosaic.mosaic-big:nth-child(n) {
margin-right: 2%;
float: left;
clear: none
}
.mosaic--section .mosaic--row .mosaic.mosaic-big:nth-child(2n) {
margin-right: 0;
float: right
}
.mosaic--section .mosaic--row .mosaic.mosaic-big:nth-child(2n+1) {
clear: both
}
@media (max-width:600px) {
.mosaic--section .mosaic--row .mosaic.mosaic-big {
display: block;
clear: both;
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px
}
.mosaic--section .mosaic--row .mosaic.mosaic-big:first-child {
margin-left: auto
}
.mosaic--section .mosaic--row .mosaic.mosaic-big:last-child {
margin-right: auto
}
} .slider--content {
}
.owl-carousel .captions {
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0.65) 100%); z-index: 4;
overflow: hidden;
}
.owl-carousel .captions > .captions-inner {
position: absolute;
left: 20px;
bottom: 20px;
text-align: left;
right: 20px;
color: #fff;
z-index: 10
}
.owl-carousel .captions .subtitle a {
color: #fff;
}
.owl-carousel .captions .title {
font-size: 26px;
margin-bottom: 10px;
}
.owl-carousel .captions .subtitle {
font-size: 18px;
margin-bottom: 10px;
}
.slider--small .captions .title {
font-size: 14px;
margin-bottom: 5px
}
.slider--small .captions .subtitle {
font-size: 12px;
margin-bottom: 0
}
.slider--small .captions > .captions-inner {
left: 10px;
bottom: 10px;
right: 10px;
} .owl-controls .owl-nav {
z-index: 10;
}
.owl-controls .owl-nav .owl-next, .owl-controls .owl-nav .owl-prev {
position: absolute;
top: 50%;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: rgb(26, 27, 28);
color: #fff;
text-align: center;
transform: translateY(-50%);
transition: 0.3s background ease;
}
.owl-controls .owl-nav .owl-next {
right: 0px;
}
.owl-controls .owl-nav .owl-prev {
left: 0px;
}
.owl-controls .owl-nav .owl-next:hover, .owl-controls .owl-nav .owl-prev:hover {
color: #1a1b1c;
background-color: rgb(252, 201, 47);
}
.owl-controls .owl-nav .owl-next:after, .owl-controls .owl-nav .owl-prev:after {
font-family: "icomoon";
font-size: 18px;
font-weight: bold;
}
.owl-controls .owl-nav .owl-next:after {
content: "\e04b";
}
.owl-controls .owl-nav .owl-prev:after {
content: "\e03f";
} .owl-controls .owl-dots {
z-index: 10;
position: absolute;
text-align: center;
bottom: 20px;
width: 100%;
}
.slider-small .owl-controls .owl-dots {
display: none !important;
}
.slider-small .owl-controls .owl-dots {
top: 5px;
right: 5px;
}
.owl-controls .owl-dot {
display: inline-block;
}
.owl-controls .owl-dots span {
display: block;
width: 8px;
height: 8px;
position: relative;
margin: 0 4px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
background-color: #fff;
display: inline-block;
opacity: 0.2;
border-radius: 100%;
}
.owl-controls .owl-dots .owl-dot.active span:after, .owl-controls .owl-dots span:hover:after {
content: '';
width: 8px;
height: 8px;
background-color: #fff;
position: absolute;
left: 0px;
top: 0px;
border-radius: 100%;
-webkit-animation: dot_scale 0.5s  ease-out;
animation: dot_scale 0.5s ease-out;
}
@-webkit-keyframes dot_scale {
0% {
-webkit-transform: scale(1)
}
100% {
-webkit-transform: scale(4.0);
opacity: 0;
}
}
@keyframes dot_scale {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(4.0);
transform: scale(4.0);
opacity: 0;
}
}
.owl-controls .owl-dots .owl-dot.active span, .owl-controls .owl-dot:hover span {
width: 8px;
height: 8px;
background-color: #fff;
opacity: 1;
position: relative;
border-radius: 100%
} .slider--carousel .owl-controls .owl-dots {
position: relative;
}
.slider--carousel-wrap article {
position: relative;
margin-bottom: 10px;
}
.slider--carousel-wrap.carousel-pad article a {
padding: 10px;
}
.slider--carousel-wrap article .click-layer {
display: inline-block;
}
.slider--carousel-wrap.bg--dark .owl-controls .owl-dots span, .slider--carousel-wrap.bg--dark .owl-controls .owl-dots span, .slider--carousel-wrap.bg--dark .owl-controls .owl-dots .owl-dot.active span:after, .slider--carousel-wrap.bg--dark .owl-controls .owl-dots span:hover:after, .slider--carousel-wrap.bg--dark .owl-controls .owl-dots .owl-dot.active span, .slider--carousel-wrap.bg--dark .owl-controls .owl-dot:hover span {
background-color: #fff;
}
.slider--carousel-wrap.bg--light .owl-controls .owl-dots span, .slider--carousel-wrap.bg--light .owl-controls .owl-dots span, .slider--carousel-wrap.bg--light .owl-controls .owl-dots .owl-dot.active span:after, .slider--carousel-wrap.bg--light .owl-controls .owl-dots span:hover:after, .slider--carousel-wrap.bg--light .owl-controls .owl-dots .owl-dot.active span, .slider--carousel-wrap.bg--light .owl-controls .owl-dot:hover span {
background-color: #1a1b1c;
}  .mfp-wrap {
z-index: 99999999;
}
.mfp-bg {
z-index: 9999999;
background: #000;
opacity: 0.9;
}
.mfp-close:after, .mfp-arrow:after {
font-family: "icomoon";
font-size: 24px;
font-weight: bold;
border: 0;
margin-left: auto;
width: 100%;
height: 100%;
position: relative;
top: 0;
margin-top: 0;
}
.mfp-arrow {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: #000;
color: #fff;
text-align: center;
z-index: 9999;
}
.mfp-arrow:hover {
opacity: 1;
background-color: #fcc92f !important;
}
.mfp-arrow:before {
display: none;
}
.mfp-arrow.mfp-arrow-right:after {
content: "\e04b";
}
.mfp-arrow.mfp-arrow-left:after {
content: "\e03f";
}
.mfp-close:hover {
color: #fcc92f
}
.mfp-close:after {
content: "\e641";
font-family: "icomoon";
font-size: 18px;
font-weight: bold;
} body .customize-partial-edit-shortcut-button,
body .customize-partial-edit-shortcut button:focus,
body .customize-partial-edit-shortcut button:hover {
background: #ff6239 !important;
text-shadow:none;
box-shadow: none;
}  @media only screen and (max-width:1560px) and (min-width:1150px) { body.boxed {
padding-left: 30px;
padding-right: 30px;
}
body.boxed .vc_row_full_stretch {
padding-left: 30px;
padding-right: 30px;
} .custom-post-nav {
height: 30px;
line-height: 30px;
}
.custom-post-nav.next-post {
margin-left: 16px;
}
.custom-post-nav.prev-post {
margin-right: 14px;
}
.custom-post-nav.next-post.is-active {
margin-left: -16px;
}
.custom-post-nav.prev-post.is-active {
margin-right: -14px;
} .blog--grid .grid-4 .meta--cols .meta--author-image {
display: none;
}
.blog--grid .grid-4 .meta--col-link a {
padding: 10px 20px;
} .float--events .grid--item:nth-of-type(3n+1)+.grid--item--landscape {
margin-top: -12.5%;
}
.float--events .grid--item--landscape:before {
padding-top: 40%;
} .scroll-discover {
left: 30px;
}
} @media only screen and (max-width:1240px) { .custom-post-nav {
height: 30px;
line-height: 30px;
}
.custom-post-nav.next-post {
margin-left: 16px;
}
.custom-post-nav.prev-post {
margin-right: 14px;
}
.custom-post-nav.next-post.is-active {
margin-left: -16px;
}
.custom-post-nav.prev-post.is-active {
margin-right: -14px;
} body {
font-size: 16px;
line-height: 26px;
}
body.boxed {
padding-left: 0px;
padding-right: 0px;
}
body.boxed .vc_row_full_stretch {
padding-left: 0px;
padding-right: 0px;
}  .container.narrow .content--extended {
margin-left: 0px;
margin-right: 0px;
position: relative;
} .header--extra .header--events .event, .header--extra .header--events .events--more {
display: none;
}
.header--extra .header--events .header--events-responsive {
display: block;
}
.header .header--search-responsive {
display: inline-block;
}
.header--events {
margin-left: 15px
}
.header a.btn--frame {
display: none;
}  .layer--searchform #s {
font-size: 150px;
}
.search--placeholder {
font-size: 150px;
}  .intro--parallax, .slider--parallax {
background-attachment: scroll;
background-position: center center !important;
} .blog--grid .meta--cols .meta--author-image {
display: none;
}
.blog--grid .grid-4 .meta--col-link a {
padding: 10px 20px;
}
.slider--excerpt {
max-width: 80%;
}  .scroll-discover {
left: 10px;
}
.float--events .grid--item:nth-of-type(3n+1)+.grid--item--landscape {
margin-top: -12.5%;
}
.float--events .grid--item--landscape:before {
padding-top: 40%;
} body.boxed.error404 {
padding: 30px;
}
} @media only screen and (max-width:1024px) { .custom-post-nav {
display: none;
} .header--social {
display: inline-block;
text-align: center;
width: 100%;
padding-bottom: 20px;
}
.header--social a {
margin: 0 5px;
}
.header--logo {
text-align: center;
display: block;
width: 100%;
}
.theme--logo {
display: inline-block;
}
.theme--logo img {
margin: 0;
vertical-align: middle;
}
.header--extra {
display: none
} #nav {
display: none
}
.nav--responsive-trigger {
display: inline-block;
}
.nav--wrapper .nav--responsive-events, .nav--wrapper .nav--responsive-search {
display: block;
} #layer--nav-wrapper .iScrollIndicator {
opacity: 0.2;
}  .intro--parallax, .slider--parallax {
background-attachment: scroll;
background-position: center center !important;
}
.slider--excerpt {
max-width: 70%;
} .intro--title h1, .intro--slider h2, .intro--slider.intro--images-slider h2 {
font-size: 50px;
}
.intro--slider.intro--images-slider .slider--content, .intro--slider.intro--images-slider .slide {
min-height: 500px !important;
} .blog--grid  .grid-4 article {
padding: 55px 70px;
}
.blog--grid .meta--cols .meta--author-image {
display: inline-block;
} .blog--list .main:after {
display: none;
}
.blog--list .sidebar--wrap:after {
margin-right: -100px;
margin-left: -100px;
}
.blog--list .sidebar--wrap {
padding-left: 0;
padding-right: 0;
}
.blog--list .list--item {
margin-right: 0;
}  .hero-text {
font-size: 20px
}  .scroll-discover {
left: 20px;
}
.float--events .grid--item--landscape:before {
padding-top: 40%;
}
.float--events .grid--item:nth-of-type(3n+1)+.grid--item--landscape {
margin-top: -12.5%;
}
} @media only screen and (min-width:768px) and (max-width:1024px) {  .layer--searchform #s {
font-size: 110px;
}
.search--placeholder {
font-size: 100px;
}
} @media only screen and (min-width:640px) and (max-width:781px) {  .layer--searchform #s {
font-size: 150px;
}
.search--placeholder {
font-size: 150px;
}
} @media only screen and (max-width:767px) {  .layer--searchform #searchform #s {
font-size:78px
} 
.search--placeholder {
font-size: 60px;
} .layer--events.layer--site {
padding: 40px 30px
}
.layer--events .layer--content {
transform: initial;
position: relative;
top: 50px;
height: 100%;
padding-bottom: 50px;
}
#layer--events-wrapper {
text-align: left;
}
.layer--events .layer--events-list li a span {
display: table-cell;
}
.events--placeholder {
font-size: 110px
}
.layer--events .layer--events-list li a {
font-size: 23px;
}
.layer--events .layer--events-list li a .date {
min-width: 90px;
display: block;
}
.layer--events .layer--events-list li a .place {
padding-left: 0;
font-size: 14px;
display: block;
}
.layer--events .layer--events-list li a .localisation {
font-size: 14px;
}
#layer--events .layer--content {
padding-left: 0px;
} .comment-list .avatar-wrap img {
width: 50px;
height: 50px;
}
.comment .comment-body, .comment .comment-meta {
margin-left: 60px
}
.comment .children .comment {
padding-left: 30px;
}
#respond .flex-col-1-3 {
padding: 5px 0;
} .intro--page-title, .intro--music {
min-height: 400px !important;
}
.intro--page-title.intro--category {
min-height: 300px !important;
}
.intro--music.has--thumbnail {
margin-bottom: 130px;
}
.intro--music .intro--cover {
bottom: -100px;
}
.intro--music .intro--cover > div {
max-width: 400px
}
.intro--music .intro--cover img {
}
.intro--music .intro--cover .date {
bottom: 110px
} .intro--title h1, .intro--intro-slider h2, .intro--simple-page-title h1 {
font-size: 30px;
line-height: 33px;
}
.slider--excerpt {
max-width: 90%;
font-size: 16px;
line-height: 25px;
} .blog--grid  .grid-4 article, .blog--grid  .grid-6 article {
padding: 30px 20px;
min-height: 1px;
}
.blog--grid .meta--cols .meta--col {
display: block;
}
.blog--grid article h2 {
font-size: 28px;
}
.blog--grid .article--excerpt {
font-size: 16px;
line-height: 24px;
}
.blog--grid .meta--cols .meta--col:last-child {
text-align: left;
margin-top: 30px
} .blog--list .main .article {
padding: 30px;
}
.blog--list article h2 {
font-size: 28px;
}
.blog--list .meta--cols .meta--col {
display: block;
}
.blog--list .meta--cols .meta--col:last-child {
text-align: left;
margin-top: 30px
} .single--post-header h1 {
font-size: 42px;
line-height: 105%;
}
.single--post-header .single--media {
margin-top: 50px;
}
.single--post-header {
margin-bottom: 30px;
}
.single--post-header-meta {
font-size: 16px;
line-height: 140%;
}
.single--post-meta .meta-tags a {
margin-right: 10px;
}
.single--post-meta .share-buttons {
}
.single--post-meta .share-buttons a {
margin-bottom: 10px;
}
.single--post-footer .meta--col:last-child {
width: 30%;
min-width: 100px;
vertical-align: top;
}
.single--post-footer .meta--col:first-child {
width: 20%
} .float--music .grid--item {
width: 49%;
} .events--list .event--col-date {
font-size: 18px;
padding: 0 5px;
width: 10%;
min-width: 80px;
}
.events--list .event--col-title {
width: 70%;
min-width: 100px;
font-size: 16px;
padding-left: 10px;
}
.events--list .event--col-city {
font-size: 14px;
width: 10%;
min-width: 120px;
padding-right: 10px;
}
.events--list .event--col-tickets {
width: 10%;
min-width: 80px;
} .float--events .grid--item--landscape, .float--events .grid--item:nth-of-type(3n+1) {
width: 100% !important;
}
.float--events .grid--item--portrait, .float--events .grid--item:nth-of-type(3n+1) {
width: 100% !important;
margin-top: 0 !important;
}
.float--events .grid--item--landscape, .float--events .grid--item--portrait {
margin-left: 0 !important;
}
.float--events .grid--item--landscape:before {
padding-top: 5%;
}
.float--events .grid--item:first-child:before {
padding-top: 0%;
}
.float--events .grid--item:nth-of-type(3n+1):before {
padding-top: 0;
}
.float--events .grid--item:nth-of-type(3n+1):nth-of-type(even)+.grid--item--portrait {
margin-top: 0%;
}
.float--events .grid--item--portrait:before {
padding-top: 0;
}
.float--events .grid--item:nth-of-type(3n+1)+.grid--item--landscape {
margin-top: 0%;
} .scroll-discover {
left: 10px;
} .float--albums .grid--item--landscape, .float--albums .grid--item:nth-of-type(3n+1) {
width: 100% !important;
}
.float--albums .grid--item--portrait, .float--albums .grid--item:nth-of-type(3n+1) {
width: 100% !important;
margin-top: 0 !important;
}
.float--albums .grid--item--landscape, .float--albums .grid--item--portrait {
margin-left: 0 !important;
}
.float--albums .grid--item--landscape:before {
padding-top: 5%;
}
.float--albums .grid--item:first-child:before {
padding-top: 0%;
}
.float--albums .grid--item:nth-of-type(3n+1):before {
padding-top: 0;
}
.float--albums .grid--item:nth-of-type(3n+1):nth-of-type(even)+.grid--item--portrait {
margin-top: 0%;
}
.float--albums .grid--item--portrait:before {
padding-top: 0;
}
.float--albums .grid--item:nth-of-type(3n+1)+.grid--item--landscape {
margin-top: 0%;
} .float--videos .grid--item--landscape, .float--videos .grid--item:nth-of-type(3n+1) {
width: 100% !important;
}
.float--videos .grid--item--portrait, .float--videos .grid--item:nth-of-type(3n+1) {
width: 100% !important;
margin-top: 0 !important;
}
.float--videos .grid--item--landscape, .float--videos .grid--item--portrait {
margin-left: 0 !important;
}
.float--videos .grid--item--landscape:before {
padding-top: 5%;
}
.float--videos .grid--item:first-child:before {
padding-top: 0%;
}
.float--videos .grid--item:nth-of-type(3n+1):before {
padding-top: 0;
}
.float--videos .grid--item:nth-of-type(3n+1):nth-of-type(even)+.grid--item--portrait {
margin-top: 0%;
}
.float--videos .grid--item--portrait:before {
padding-top: 0;
}
.float--videos .grid--item:nth-of-type(3n+1)+.grid--item--landscape {
margin-top: 0%;
} .error--404-text {
font-size: 150px
}
.error--404-title {
font-size: 24px;
} .gmap {
height: 500px !important;
}
} @media only screen and (max-width:480px) { .layer--searchform #searchform #s {
font-size:48px
}
.search--placeholder {
font-size: 40px;
}
.layer--nav {
padding-left:20px;
padding-right:20px;
}
#responsive-nav ul li a {
display:inline;
line-height:160%;
font-size: 19px;
}
#responsive-nav ul li i {
top: 14px;
font-size: 20px;
}
#responsive-nav ul ul {
padding-bottom:10px;
} .intro--music {
min-height: 260px !important;
}
.intro--music.has--thumbnail {
margin-bottom: 120px;
}
.intro--music .intro--cover {
bottom: -100px;
}
.intro--music .intro--cover > div {
max-width: 240px
}
.intro--music .intro--cover img { }
.intro--music .intro--cover .date {
bottom: 110px;
font-size: 12px;
left: -14px;
}
.intro--music-wrapper  .intro--music-title, .intro--music-event  .intro--event-title {
font-size: 30px;
}
.intro--event-title {
margin-bottom: 40px
}
.intro--event.has--thumbnail {
padding-bottom: 30px;
margin-bottom: -50px;
} .intro--title h1, .intro--slider h2, .intro--slider.intro--images-slider h2 {
font-size: 36px;
}
.intro--slider.intro--images-slider h6 {
font-size: 16px
}
.intro--slider.intro--images-slider .slider--btn {
font-size: 14px;
}
.intro--title h6 {
font-size: 18px;
margin-bottom: 2px;
}
.intro--slider .owl-nav {
display: none;
} .single--post-header h1 {
font-size: 28px;
line-height: 105%;
}
.post--navigation figure {
height: 300px;
}
.post--navigation figure h4 {
font-size: 24px
}
.post--navigation figcaption {
padding: 0 30px;
}
.post--navigation figcaption a {
font-size: 15px;
} .float--music .grid--item {
width: 100%;
} .events--list .event--col-date {
display: none;
}
.events--list .event--col-title {
width: 100%;
font-size: 16px;
padding-left: 10px;
padding-right: 10px;
}
.events--list .event--col-city {
display: none;
}
.events--list .event--col-tickets {
}
.events--list .event--col-title .event--date {
display: block;
font-size: 16px;
}
.events--list .event--col-title .event--title {
display: block;
font-size: 14px;
}
.events--list .event--col-title .event--city {
display: block;
font-size: 13px;
font-weight: 300;
}
.events--list .event--col-title .event--button {
display: block;
} .scroll-discover {
left: 10px;
}  .search--item h2 {
font-size: 28px;
}
.search--item .meta--cols .meta--col {
display: block;
}
.search--item .meta--cols .meta--col:last-child {
text-align: left;
margin-top: 30px
} body.boxed.error404 {
padding: 0px;
}
.error--404-text {
font-size: 120px
}
.error--404-title {
font-size: 24px;
}
.error--404-subtitle {
font-size: 16px
} .gmap {
height: 400px !important;
} .slider--carousel-wrap article {
margin-bottom: 0px;
}
.slider--carousel-wrap.carousel-pad article a {
padding: 0px;
}
}a, a > *,
blockquote:before,
blockquote cite a,
blockquote cite a:hover,
#searchform #searchsubmit i,
#searchform #searchsubmit i:hover,
.color,
#responsive-nav ul li a:hover,
#responsive-nav ul li i:hover,
.intro--title h6,
.intro--music-footer .share-button:hover span,
.intro--event-details a:hover,
.intro--event-details h6,
.single--post-header-date,
.single--post-header-cats a:hover,
.single--post-meta .meta-tags a:hover,
.single--post-meta .share-buttons a:hover span,
.music--title,
.music--buttons .music--button a .icon,
.events--simple-list a:hover span,
.events--more:hover,
.layer--events .layer--events-list li a:hover,
.float--event-title-bottom span,
.float--event-title-bottom:before,
.float--event .float--event-row span.float--event-date,
.gallery--date,
.gallery--grid article a:hover .gallery--date,
.error--404-text,
.logged-in-as a:hover,
.comment .author a:hover,
.comment .reply a,
#reply-title small:hover,
.footer-copyright a:hover,
.widget a:hover,
.widget li a:hover,
.widget table#wp-calendar #next a:hover,
.widget table#wp-calendar #prev a:hover,
.widget_archive li:hover a,
.widget_categories li:hover a,
.widget_links li:hover a,
.widget_meta li:hover a,
.widget_pages li:hover a,
.widget_recent_comments li:hover a,
.widget_recent_entries li:hover a,
.tweets-widget li a,
.btn--social:hover span,
.dark-bg .btn--social:hover span,
.btn--icon:hover span,
.dark-bg .btn--icon:hover span,
.btn--frame, 
.widget .btn--frame,
.btn--frame:hover,
.widget .btn--frame:hover,
a.line-link:before,
a:hover .desc-count,
.mosaic:hover .desc-count,
.mfp-close:hover,
.layer--events .layer--events-list li a .date,
.layer--events .layer--events-list li a:hover,
.event-countdown.bg--dark .upcoming-locations span, .event-countdown.bg--light .upcoming-locations span,
.share-button:hover span
{
color: #CEC2AB;
} .layer--close:after,
.layer--close:before,
.meta--link:hover,
.container > article > p > a:after,
.post--navigation a:hover,
.music--buttons .music--button a:after,
.music--buttons .music--button a:before,
.events--list .event--button,
.events--list li:nth-child(1)  .event--button:after,
.events--list li:nth-child(1)  .event--button:before,
.bg--dark .events--list li:nth-child(1) .event--button:before,
.bg--dark .events--list li:nth-child(1) .event--button:after,
.events--list li:nth-child(2)  .event--button:after,
.events--list li:nth-child(2)  .event--button:before,
.bg--dark .events--list li:nth-child(2) .event--button:before,
.bg--dark .events--list li:nth-child(2) .event--button:after,
.events--list li:nth-child(3)  .event--button:after,
.events--list li:nth-child(3)  .event--button:before,
.bg--dark .events--list li:nth-child(3) .event--button:before,
.bg--dark .events--list li:nth-child(3) .event--button:after,
.widget button, .widget .button, 
.widget input[type="button"], 
.widget input[type="reset"], 
.widget input[type="submit"],
.widget_tag_cloud .tagcloud a:hover,
.widget table#wp-calendar a,
input[type="submit"],
button,
.btn,
.widget .btn,
input[type="submit"].btn--dark:hover,
button.btn--dark:hover,
input[type="submit"].btn--dark:before, 
button.btn--dark:before, 
.btn.btn--dark:before, 
.widget .btn.btn--dark:before,
input[type="submit"].btn--dark:after,
button.btn--dark:after,
.btn.btn--dark:after,
.widget .btn.btn--dark:after,
input[type="submit"].btn--light:hover, 
button.btn--light:hover,
input[type="submit"].btn--light:before,
button.btn--light:before,
.btn.btn--light:before,
.widget .btn.btn--light:before,
input[type="submit"].btn--light:after,
button.btn--light:after,
.btn.btn--light:after,
.widget .btn.btn--light:after,
.btn--frame span:first-child:after,
.btn--frame span:first-child:before,
.layer--events .layer--events-list li a:after,
.service--box.bg--light:hover .service--text:before, .service--box.bg--dark:hover .service--text:before,
.music-album--ctrl a:hover,
.music-album--ctrl a.music-album--play,
.track-col-buttons .track-button:after,
.track-col-buttons .track-button:before,
.owl-controls .owl-nav .owl-next:hover,
.owl-controls .owl-nav .owl-prev:hover
{
background-color: #CEC2AB;
}
.mfp-arrow:hover
{
background-color: #CEC2AB !important;
}
::-moz-selection {
background: #CEC2AB;
}
::selection {
background: #CEC2AB;
} #searchform #s,
.music--buttons .music--button a,
.comment .reply a,
.widget_archive li:hover:after,
.widget_categories li:hover:after,
.widget_links li:hover:after,
.widget_meta li:hover:after,
.widget_pages li:hover:after,
.widget_recent_comments li:hover:after,
.widget_recent_entries li:hover:after,
.btn--frame, 
.widget .btn--frame,
.btn--frame:hover,
.widget .btn--frame:hover,
.btn--frame span:first-child,
a.line-link:after,
.price-table.bg--dark .price-table-inner.important-price, .price-table.bg--dark:hover .price-table-inner,
.mc-custom-widget input
{
border-color: #CEC2AB;
} .frame-shadow, .image-shadow img,
.intro--music .intro--cover img,
.intro--event .intro--cover img,
.intro--music-event .intro--event-image img,
.blog--list.article--hover article:hover .article--preview,
.blog--list.article--hover article.sticky .article--preview,
.blog--list.blog--list-index article.sticky,
.blog--grid article:hover .article--preview,
.blog--grid article.sticky .article--preview,
.single--media
{
box-shadow: 0px 0px 0px 0px #CEC2AB;
} .btn--frame, .widget .btn--frame {
background: transparent;
} .btn--frame.btn--dark {
border-color: #1a1b1c;
color: #1a1b1c;
background: transparent;
}
.btn--frame.btn--dark:hover {
color: #1a1b1c;
}
.btn--frame.btn--dark span:first-child {
border-right: solid 2px #1a1b1c;
}
.btn--frame.btn--dark span:first-child:after, .btn--frame.btn--dark span:first-child:before {
background: #1a1b1c;
} .btn--frame.btn--light {
border-color: #fff;
color: #fff;
background: transparent;
}
.btn--frame.btn--light:hover {
color: #fff;
}
.btn--frame.btn--light span:first-child {
border-right: solid 2px #fff;
}
.btn--frame.btn--light span:first-child:after, .btn--frame.btn--light span:first-child:before {
background: #fff;
} .events--list li:nth-child(1),
.bg--dark .events--list li:nth-child(1),
.events--list li:nth-child(2),
.bg--dark .events--list li:nth-child(2),
.events--list li:nth-child(3),
.bg--dark .events--list li:nth-child(3) {
background:#CEC2AB;
} #WPAjaxLoader,
#loading-layer {
background-color: #CEC2AB;
}