/*
Theme Name: Enfold Ralf Münz
Theme URI: www.kriesi.at/themes/enfold/
Template: enfold
License: Themeforest Split Licence
Text Domain: enfold-ralfmuenz

CSS - Ralf Münz, 2015-2026
Autor: jh:designer - www.jochenhilmer.de

 * @license
 * MyFonts Webfont Build ID 3417833, 2017-07-07T02:23:54-0400
 * The fonts listed in this notice are subject to the End User License Agreement(s) 
   entered into by the website owner. All other parties are explicitly restricted 
   from using the Licensed Webfonts(s).
 * You may obtain a valid license at the URLs below.
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3417833
 * Licensed pageviews: 20,000
 * Webfonts copyright: Copyright (c) 2017 by TypeType. 
   Designers Ivan Gladkikh, Pavel Emelyanov. Technical designers Olexa Volochay, 
   Nadyr Rakhimov, Dmitriy Greshnev. All rights reserved.
 * © 2017 MyFonts Inc

@import must be at top of file, otherwise CSS will not work
@import url("//hello.myfonts.net/count/3426e9");
*/

/* ==================================================
   VARIABLES
================================================== */
:root {
    --color-primary: rgba(222,57,189,1.0);
    --color-black: rgba(0,0,0,1.0);
    --color-black-50: rgba(0,0,0,0.5);
    --color-white: rgb(255,255,255);
    --color-transparent: rgba(255,255,255,0);
    --color-border-red: rgba(255,0,0,1);
    --color-shadow-none: rgba(0,0,0,0);
}

/* ==================================================
   UTILITY CLASSES
================================================== */
.text-primary { color: var(--color-primary) !important; }
.text-black { color: var(--color-black) !important; }
.text-black-50 { color: var(--color-black-50) !important; }

.bg-white { background-color: var(--color-white) !important; }
.bg-transparent { background-color: var(--color-transparent) !important; }

.border-red { border-color: var(--color-border-red) !important; }

/* ==================================================
   FONTS
================================================== */
@font-face {
    font-family:'TTNorms-Light';
    src:url('webfonts/3426E9_B_0.eot');
    src:url('webfonts/3426E9_B_0.eot?#iefix') format('embedded-opentype'),
        url('webfonts/3426E9_B_0.woff2') format('woff2'),
        url('webfonts/3426E9_B_0.woff') format('woff'),
        url('webfonts/3426E9_B_0.ttf') format('truetype');
}

@font-face {
    font-family:'TTNorms-Regular';
    src:url('webfonts/3426E9_F_0.eot');
    src:url('webfonts/3426E9_F_0.eot?#iefix') format('embedded-opentype'),
        url('webfonts/3426E9_F_0.woff2') format('woff2'),
        url('webfonts/3426E9_F_0.woff') format('woff'),
        url('webfonts/3426E9_F_0.ttf') format('truetype');
}


/* ==================================================
   TYPOGRAPHY
================================================== */
html, body, p { font-family: 'TTNorms-Regular'; font-size: 0.96rem; }
h1,h2,h3,h4,h5,h6 { font-family: 'TTNorms-Regular'; }
h1,h2 { font-family: 'TTNorms-Light' !important; }

.main_menu ul:first-child > li > a { font-size: 0.96rem; font-family: 'TTNorms-Regular' !important; }
.nowrap { white-space: nowrap !important; }

/* ==================================================
   NAVIGATION
================================================== */
@media only screen and (min-width: 768px) {
    nav.main_menu ul.sub-menu { visibility: hidden !important; display: none !important; }
}

#header .sub_menu li { padding-top: 10px !important; }

/* Submenu mobile */
@media only screen and (max-width: 767px) {
    .responsive #header .sub_menu, .responsive #header_meta .sub_menu>ul { text-align:left; }
    .responsive #header .sub_menu li, .responsive #header_meta .sub_menu>ul li { padding-top:20px!important; padding-left:0px!important; }
    #sub_menu1 { padding-left:0px!important; }
    #top ul.av-subnav-menu { padding-left:0px!important; }
}

/* Submenu desktop */
@media only screen and (min-width: 768px) {
    #sub_menu1 { padding-top:24px; }
    #sub_menu1 .container { width:96vw!important; max-width:96vw!important; }
    #top ul.av-subnav-menu { padding-left:7px!important; }
}

#top .av-subnav-menu > li { padding:10px 30px 10px 0px!important; }
li.menu-item, li.page_item { margin-right:1px!important; }

#top .av-subnav-menu > li > a { padding:0px 10px 0px 0px; display:block; border-left-style:solid; border-left-width:0px!important; }
#top .av-subnav-menu > li > a:hover { color: var(--color-primary) !important; }

/* Links */
nav.main_menu ul.sub-menu li a, li.menu-item a, li.page_item a { font-size:0.96rem!important; font-weight:300!important; color: var(--color-black-50) !important; }
nav.main_menu ul.sub-menu li a:hover, li.menu-item a:hover, li.page_item a:hover { color: var(--color-black) !important; }
nav.main_menu ul.sub-menu li.current_page_item a, nav.main_menu ul.sub-menu li.current_page_item a:hover,
li.current-page-ancestor a:hover, li.current_page_item a:hover, li.current-page-ancestor a, li.current_page_item a { color: var(--color-primary) !important; }

/* ==================================================
   IMAGE LAYOUT
================================================== */
.avia-image-container.avia-align-left { margin-right:0px!important; }

.main_color .av-masonry { padding-left:7.5vw!important; padding-right:7.5vw!important; margin:0 auto!important; border:0!important; background-color: var(--color-white) !important; }
.av-masonry-col-5 .av-masonry-entry { width:20%!important; }
.av-masonry-col-6 .av-masonry-entry { width:10%!important; }

/* ==================================================
   AUDIO PLAYER
================================================== */
.mejs-controls,.mejs-mediaelement,.mejs-container { background:url('')!important; background-color: var(--color-transparent) !important; max-width:360px!important; }
.mejs-currenttime,.mejs-duration { color: var(--color-black) !important; }
.mejs-controls .mejs-button button:focus { outline:none!important; }
.mbMiniPlayer .playerTable { max-width:320px!important; border:1px dashed var(--color-border-red)!important; }

/* ==================================================
   FOOTER
================================================== */
#top #wrap_all #footer .flex_column p { font-size:0.96rem!important; }
#top #menu-sub-ausstellungen { visibility:visible!important; display:block!important; }

#top footer span.copyright { font-size:0.9rem!important; color: var(--color-black)!important; margin-bottom:10px; }
#top footer span.copyright a { font-size:0.9rem!important; color: var(--color-black-50)!important; }
#top footer span.copyright a:hover { color: var(--color-black)!important; }

/* ==================================================
   RESPONSIVE FOOTER & SOCKET
================================================== */
@media only screen and (max-width: 1023px) {
    #footer { min-height:120px; }
    nav.sub_menu_socket { position:absolute; display:block; float:left!important; margin-top:-120px!important; }
    nav.sub_menu_socket ul { margin-left:0px!important; }
    nav.sub_menu_socket li a, nav.sub_menu_socket li { padding:0px 15px 0px 0px!important; }
    .responsive #socket .sub_menu_socket { margin-left:0px!important; }
    #top footer span.copyright { position:absolute; display:block; float:left!important; width:100%; margin-top:-85px; margin-left:0px!important; min-height:40px; }
    #top footer span.copyright a.link_jhd { content:"d&p jh:designer"!important; }
    ul.social_bookmarks { position:absolute; display:block; float:left!important; width:50%; margin-top:-55px!important; margin-left:-10px!important; }
}

/* ==================================================
   HAMBURGER MENU SPIN
================================================== */
.av-hamburger--spin { margin-right:-15px; padding:0px!important; padding-top:10px!important; width:60px!important; height:60px!important; text-align:center; -webkit-tap-highlight-color:transparent; }
.av-hamburger-box { padding:0px!important; padding-top:0px!important; width:36px!important; height:50px!important; }
.av-hamburger-inner::before, .av-hamburger-inner, .av-hamburger-inner::after { background-color: var(--color-primary)!important; width:36px!important; height:2px!important; box-shadow:0px 0px 3px var(--color-shadow-none); }
.av-hamburger-box:hover>.av-hamburger-inner::before, .av-hamburger-box:hover>.av-hamburger-inner, .av-hamburger-box:hover>.av-hamburger-inner::after { background-color: var(--color-primary)!important; }
.av-hamburger-inner::before { top:-8px; } .av-hamburger-inner::after { bottom:-8px; }
.av-hamburger--spin .av-hamburger-inner::before, .av-hamburger--spin .av-hamburger-inner, .av-hamburger--spin .av-hamburger-inner::after { width:36px!important; height:2px!important; }
.av-hamburger--spin.is-active .av-hamburger-inner { transform:rotate(45deg)!important; }
.av-hamburger--spin.is-active .av-hamburger-inner::after { transform:rotate(-90deg)!important; }
.av-hamburger--spin.is-active .av-hamburger-inner::before, .av-hamburger--spin.is-active .av-hamburger-inner, .av-hamburger--spin.is-active .av-hamburger-inner::after { background-color: var(--color-primary)!important; }

/* ==================================================
   SCROLL TOP
================================================== */
@media only screen and (max-width:1024px) { .responsive #scroll-top-link { display:block!important; } }
@media only screen and (max-width:5000px){
    #scroll-top-link {
        position:fixed!important; z-index:999!important; right:0px!important; bottom:13px!important;
        width:55px!important; height:55px!important; border-color:var(--color-transparent)!important;
        border-radius:30px; background-color:var(--color-transparent)!important; font-size:0.96rem!important;
        line-height:3.0rem!important; text-shadow:0px 0px 3px var(--color-shadow-none); font-weight:bold!important;
        color:var(--color-primary)!important;
    }
    #scroll-top-link:before {
        color:var(--color-primary)!important; -webkit-transition:all 360ms ease-in-out!important;
        transition:all 360ms ease-in-out!important; margin-left:-1px!important; margin-top:-17px!important;
    }
    #scroll-top-link:hover:before {
        font-family:'TTNorms-Light'!important; letter-spacing:normal!important; font-size:0.96rem!important;
        content:'top'; text-shadow:none; margin-left:-40px!important; margin-top:0px!important; color:var(--color-primary)!important;
        background:var(--color-transparent)!important;
    }
    #scroll-top-link:hover { color:var(--color-primary)!important; background:var(--color-transparent)!important; }
}