/* Theme Name: literaturhaus-muenchen Description: literaturhaus-muenchen GeneratePress child theme Template: generatepress Author: Thomas Usborne / Piotr Madej / Max Herrmann */ @import url("https://fast.fonts.net/lt/1.css?apiType=css&c=18eb37ed-b95d-4ef4-9e80-ff752cf6b169&fontids=6354873,6355659"); @font-face{ font-family:"arno-pro"; font-style: italic; src:url("/Fonts/6354873/b5412b91-d411-4adb-8ef5-e427b2b21d59.woff2") format("woff2"), url("/Fonts/6354873/0faad495-504f-4dd6-9f98-9dd227c2e77a.woff") format("woff"); } @font-face{ font-family:"arno-pro"; font-style: normal; src:url("/Fonts/6355659/af5dec16-6437-49bd-bc80-974766bbc929.woff2") format("woff2"), url("/Fonts/6355659/080963c7-962a-470f-804d-433165eb9ffd.woff") format("woff"); } @font-face{font-family:"brandon-grotesque"; font-weight:900; src:url("/Fonts/5579765/cb12f0cc-9ad8-4386-90ce-f227514019a5.woff2") format("woff2"), url("/Fonts/5579765/3952f7f8-a129-4d8f-80d5-899923a15f3f.woff") format("woff"); } /* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fontshop.com */ /*##### add css parent-styles.css */ a,abbr,acronym,applet,big,body,cite,code,del,dfn,div,dl,dt,em,font,form,html,iframe,ins,kbd,label,legend,li,object,q,s,samp,small,span,strike,strong,sub,sup,tbody,tfoot,thead,tr,tt,var{border:0;margin:0;padding:0}address,dd,h1,h2,h3,h4,h5,h6,ol,p,table,ul{border:0;padding:0}blockquote,pre{border:0}fieldset{margin:0}caption,td,th{border:0;margin:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.main-navigation ul li a,article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}caption{padding:5px}caption,td,th{text-align:left}caption,td{font-weight:400}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}.dropdown-click nav ul ul ul,a{background-color:transparent}a img,hr{border:0}body,button,input,select,textarea{font-family:sans-serif;font-size:1.6rem}button,input,select,textarea{line-height:1.5}hr{background-color:#ccc;background-color:rgba(0,0,0,.1);height:1px;margin-bottom:40px;margin-top:40px}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}b,dt,strong,th{font-weight:700}dd{margin:0 1.5em 1.5em}cite,dfn,em,i{font-style:italic}address,p{margin:0 0 1.5em}img,pre{max-width:100%}pre{background:#eee;font-size:1.5rem;background:rgba(0,0,0,.05);font-family:inherit;font-size:inherit;line-height:normal;margin:0 0 1.5em;padding:20px;overflow:auto}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{text-decoration:none}sub,sup{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}img{height:auto}button,input,select{vertical-align:baseline}button,input,select,textarea{margin:0;*vertical-align:middle}button,html input[type=button],input[type=reset],input[type=submit]{border:1px solid transparent;background:#666;cursor:pointer;-webkit-appearance:button;padding:10px 20px;color:#fff}button:hover,html input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{background:#606060}button:active,button:focus,html input[type=button]:active,html input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus{background:#606060}.button{padding:10px 20px;display:inline-block}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#fafafa;color:#666;border:1px solid #ccc;border-radius:0;padding:10px 15px;box-sizing:border-box;max-width:100%} textarea{overflow:auto;vertical-align:top;width:100%}input[type=file]{max-width:100%;box-sizing:border-box}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin:0 auto}.size-auto,.size-full,.size-large,.size-medium,.size-thumbnail{max-width:100%;height:auto}.screen-reader-shortcut,.screen-reader-text,.screen-reader-text span{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.screen-reader-shortcut:focus,.screen-reader-text:focus{clip:auto!important;height:auto;width:auto;display:block;font-size:1em;font-weight:700;padding:15px 23px 14px;color:#333;background:#fff;z-index:100000;text-decoration:none;box-shadow:0 0 2px 2px rgba(0,0,0,.6)}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before,.site-info:after,.site-info:before{content:"";display:table}.clear:after,.comment-content:after,.entry-content:after,.site-content:after,.site-footer:after,.site-header:after,.site-info:after{clear:both}.main-navigation{z-index:100;padding:0;clear:both;display:block}.menu-toggle{margin:0;padding:0}.menu-toggle:before{content:"\f0c9";font-family:GeneratePress;width:1.28571429em;text-align:center;display:inline-block}.toggled .menu-toggle:before,li.search-item.close-search a:before,span.search-item.close-search a:before{content:"\f00d"}.menu-toggle .mobile-menu{padding-left:3px}.menu-toggle .mobile-menu:empty{display:none}.inside-navigation,.site-header{position:relative}.main-navigation ul,.menu-toggle li.search-item{list-style:none;margin:0;padding-left:0}li.search-item a:before,span.search-item a:before{content:"\f002";font-family:GeneratePress;width:1.28571429em;text-align:center;display:inline-block}.search-item .screen-reader-text{top:0;right:0;left:auto}.main-navigation li{float:left;position:relative}.main-navigation a{display:block;text-decoration:none}.main-navigation ul ul{display:block;box-shadow:0 2px 2px rgba(0,0,0,.1);float:left;position:absolute;left:-99999px;opacity:0;z-index:99999;width:200px;text-align:left;top:auto;transition:opacity 80ms linear;transition-delay:0s;pointer-events:none;height:0;overflow:hidden}.main-navigation ul ul a{display:block}.main-navigation ul ul li{width:100%}.dropdown-hover .main-navigation:not(.toggled) ul li.sfHover>ul,.dropdown-hover .main-navigation:not(.toggled) ul li:hover>ul{left:auto;opacity:1;transition-delay:150ms;pointer-events:auto;height:auto;overflow:visible}.dropdown-hover .main-navigation:not(.toggled) ul ul li.sfHover>ul,.dropdown-hover .main-navigation:not(.toggled) ul ul li:hover>ul{left:100%;top:0}.dropdown-click .main-navigation ul ul{visibility:hidden}.dropdown-click .main-navigation ul li.sfHover>ul.toggled-on,.dropdown-click .main-navigation ul.toggled-on{left:auto;opacity:1;visibility:visible;pointer-events:auto;height:auto;overflow:visible}.nav-float-right .inside-header .main-navigation{float:right;clear:right}.nav-float-left .inside-header .main-navigation{float:left;clear:left}.nav-float-left .inside-header .site-branding,.nav-float-left .inside-header .site-logo{float:right;clear:right}.nav-float-left .inside-header:after{clear:both;content:'';display:table}.nav-float-right .inside-header .site-branding{display:inline-block}.header-aligned-left .site-header,.nav-aligned-left.nav-above-header .main-navigation,.nav-aligned-left.nav-below-header .main-navigation{text-align:left}.header-aligned-center .site-header,.nav-aligned-center.nav-above-header .main-navigation,.nav-aligned-center.nav-below-header .main-navigation{text-align:center}.header-aligned-right .site-header,.nav-aligned-right.nav-above-header .main-navigation,.nav-aligned-right.nav-below-header .main-navigation{text-align:right}.site-header .header-image{vertical-align:middle}.main-navigation .main-nav ul ul li a,.nav-float-right .main-navigation .main-nav ul ul li a{line-height:normal}.nav-float-right .main-navigation ul ul ul{top:0}.main-navigation li.search-item{float:right;z-index:21}.rtl .main-navigation li.search-item,.rtl.nav-aligned-right.nav-below-header .main-navigation .menu>li.search-item{float:left}.navigation-search,li.search-item.active{transition:opacity 100ms ease-in-out}.navigation-search{position:absolute;left:-99999px;pointer-events:none;visibility:hidden;z-index:20;width:100%;top:0;opacity:0}.navigation-search.nav-search-active{left:0;right:0;pointer-events:auto;visibility:visible;opacity:1}.gen-sidebar-nav .navigation-search{top:auto;bottom:0}.navigation-search input{border:0;vertical-align:bottom;line-height:0;opacity:.9;width:100%;z-index:20;border-radius:0;-webkit-appearance:none}.navigation-search input::-ms-clear{display:none;width:0;height:0}.navigation-search input::-ms-reveal{display:none;width:0;height:0}.navigation-search input::-webkit-search-cancel-button,.navigation-search input::-webkit-search-decoration,.navigation-search input::-webkit-search-results-button,.navigation-search input::-webkit-search-results-decoration{display:none}.nav-left-sidebar .main-navigation li.search-item,.nav-right-sidebar .main-navigation li.search-item{width:auto;display:inline-block}.nav-left-sidebar .main-navigation li.search-item.current-menu-item,.nav-right-sidebar .main-navigation li.search-item.current-menu-item,.sidebar .menu-item-has-children .dropdown-menu-toggle,nav ul ul .menu-item-has-children .dropdown-menu-toggle{float:right}.nav-aligned-center.nav-above-header .main-navigation .menu>li,.nav-aligned-center.nav-below-header .main-navigation .menu>li,.nav-aligned-right.nav-above-header .main-navigation .menu>li,.nav-aligned-right.nav-below-header .main-navigation .menu>li{float:none;display:inline-block}.nav-aligned-center .main-navigation ul,.nav-aligned-right .main-navigation ul{letter-spacing:-.31em;font-size:1em}.nav-aligned-center .main-navigation ul li,.nav-aligned-right .main-navigation ul li{letter-spacing:normal}.menu-item-has-children .dropdown-menu-toggle{display:inline-block;height:100%;clear:both;padding-left:10px}.dropdown-menu-toggle:before{content:"\f107";font-family:GeneratePress}.dropdown-click .menu-item-has-children.sfHover>a .dropdown-menu-toggle:before{content:"\f106"}.dropdown-hover .children .dropdown-menu-toggle:before,.dropdown-hover .sub-menu .dropdown-menu-toggle:before{content:"\f105"}.dropdown-hover .inside-right-sidebar .dropdown-menu-toggle:before,.dropdown-hover.both-right .inside-left-sidebar .dropdown-menu-toggle:before{content:"\f104"}.dropdown-hover .inside-left-sidebar .dropdown-menu-toggle:before,.dropdown-hover.both-left .inside-right-sidebar .dropdown-menu-toggle:before{content:"\f105"}.dropdown-click .main-navigation ul ul ul.toggled-on{left:0;top:auto;position:relative}.dropdown-click .widget-area .main-navigation ul ul{top:auto;position:absolute;float:none;width:100%;left:-99999px}.dropdown-click .widget-area .main-navigation ul ul.toggled-on{position:relative;left:0;right:0}.main-navigation .main-nav ul li.menu-item-has-children>a{padding-right:0;position:relative}.widget-area .main-navigation li{float:none;display:block;width:100%;padding:0;margin:0}.dropdown-hover .widget-area .main-navigation ul li.sfHover>ul,.dropdown-hover .widget-area .main-navigation ul li:hover ul{top:0;left:100%;width:220px}.dropdown-hover.both-right .widget-area .main-navigation ul li.sfHover ul,.dropdown-hover.both-right .widget-area .main-navigation ul li:hover ul,.dropdown-hover.both-sidebars .widget-area .inside-right-sidebar .main-navigation ul li.sfHover ul,.dropdown-hover.both-sidebars .widget-area .inside-right-sidebar .main-navigation ul li:hover ul,.dropdown-hover.right-sidebar .widget-area .main-navigation ul li.sfHover ul,.dropdown-hover.right-sidebar .widget-area .main-navigation ul li:hover ul{right:100%;left:auto}.slideout-navigation .dropdown-menu-toggle:before{content:"\f107"!important}.slideout-navigation .sfHover>a .dropdown-menu-toggle:before{content:"\f106"!important}.post{margin:0 0 2em}.archive .format-aside .entry-header,.archive .format-status .entry-header,.archive .format-status,.archive .format-status .entry-title,.blog .format-aside .entry-header,.blog .format-status .entry-header,.blog .format-status,.blog .format-status .entry-title,.comment-metadata .edit-link:before,.posted-on .updated{display:none}.byline,.group-blog .byline,.single .byline{display:inline}.entry-content,.entry-summary,.page-content{margin:2em 0 0}.page-links{clear:both;margin:0 0 1.5em}.archive .format-aside .entry-content,.archive .format-status .entry-content,.blog .format-aside .entry-content,.blog .format-status .entry-content{margin-top:0}.archive .format-status .entry-content p:last-child,.blog .format-status .entry-content p:last-child,.comment-content p:last-child{margin-bottom:0}.comment-content img.wp-smiley,.entry-content img.wp-smiley,.page-content img.wp-smiley{border:0;margin-bottom:0;margin-top:0;padding:0}.wp-caption{max-width:100%;position:relative}.wp-caption img[class*=wp-image-]{display:block;margin:0 auto;max-width:100%}.wp-caption .wp-caption-text{font-size:75%;padding-top:5px;opacity:.8}.wp-caption img{position:relative;vertical-align:bottom}.gallery,.wp-caption,ol.comment-list{margin-bottom:1em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.comment-form #author,.comment-form #email,.comment-form #url,.gallery-caption{display:block}.widget select,embed,iframe,object{max-width:100%}.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation{margin:0 0 2em;overflow:hidden}.comment-content a{word-wrap:break-word}.comment,.comment-list{list-style-type:none;padding:0;margin:0}.comment-author-info{display:inline-block;vertical-align:middle}.comment-meta .avatar{float:left;margin-right:10px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.comment-author cite{font-style:normal;font-weight:700}.comment-content{margin-top:1.5em}.comment-form>.form-submit{margin-bottom:0}.comment-form input,.comment-form-comment{margin-bottom:10px}.comment-body{padding:30px 0}.comment-content{padding:30px;border:1px solid rgba(0,0,0,.05)}.comment .children{padding-left:30px;margin-top:-30px;border-left:1px solid rgba(0,0,0,.05)}.depth-1.parent>.children,.pingback .comment-body,.trackback .comment-body{border-bottom:1px solid rgba(0,0,0,.05)}.pingback .edit-link{font-size:13px}.comment-list>.comment:first-child{padding-top:0;margin-top:0;border-top:0}#wp-comment-cookies-consent{margin-right:7px}.widget{margin:0 0 30px}.widget_search .search-submit{display:none}.widget_categories .children{margin-left:1.5em;padding-top:5px}.widget_categories .children li:last-child{padding-bottom:0}.infinite-scroll .paging-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}a,button,input{transition:color .1s ease-in-out,background-color .1s ease-in-out}a,a:focus,a:hover,a:visited{text-decoration:none}.main-title{word-wrap:break-word}h1,h2,h3,h4,h5,h6{font-family:inherit;font-style:inherit}h4,h5,h6{font-size:100%;font-weight:inherit}blockquote{border-left:5px solid rgba(0,0,0,.05);padding:20px;font-size:1.2em;font-style:italic;margin:0 0 1.5em;position:relative}.footer-bar .textwidget p:last-child,.top-bar .inside-top-bar .textwidget p:last-child,blockquote p:last-child{margin:0}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}td,th{padding:8px;border-width:0 1px 1px 0}fieldset{border:0;min-width:inherit}fieldset,fieldset legend{padding:0}.site-main .gallery,fieldset legend,p{margin-bottom:1.5em}.gallery-item img{vertical-align:bottom}.gallery-icon{padding:5px}.one-container .comments-area{margin-top:1.5em}h1,h2{font-weight:300;text-transform:none;font-size:40px}h2{font-size:30px}h1,h2,h3{line-height:1.2em}h1,h2,h3,h4,h5,h6{margin:0 0 20px}.inside-footer-widgets:not(.grid-container):after,.inside-footer-widgets:not(.grid-container):before,.inside-header:not(.grid-container):after,.inside-header:not(.grid-container):before,.inside-navigation:not(.grid-container):after,.inside-navigation:not(.grid-container):before{content:".";display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;clear:both}.one-container.both-left .inside-left-sidebar{margin-right:15px}.one-container.both-left .inside-right-sidebar{margin-left:15px}.one-container.both-right .inside-left-sidebar{margin-right:15px}.one-container.both-right .inside-right-sidebar{margin-left:15px}.site-content{word-wrap:break-word}.one-container .site-main>:last-child,.separate-containers .site-main>:last-child{margin-bottom:0}.one-container .site-main{margin:0}.one-container .inside-left-sidebar,.one-container .inside-right-sidebar{margin-top:0}.one-container .inside-article{padding:0 0 30px}.one-container.page .inside-article,.widget ul li.menu-item-has-children,.widget ul li.page_item_has_children{padding-bottom:0}.entry-content>:last-child,.entry-summary>:last-child,.footer-widgets .widget :last-child,.page-content>:last-child,.sidebar .widget :last-child{margin-bottom:0}.widget{box-sizing:border-box}.widget-title{margin-bottom:30px;line-height:1.5}.widget ol,.widget ul{margin:0}div:not(.entry-content) .widget ul li{list-style-type:none;position:relative;padding-bottom:5px}div:not(.entry-content) .widget ul li ul li:before{opacity:.7}.widget .search-field{width:100%}.separate-containers .widget:last-child,.widget:last-child{margin-bottom:0}.widget_nav_menu ul ul,.widget_pages ul ul{margin-left:1em;margin-top:5px}.header-widget .widget-title{margin-bottom:15px}#wp-calendar{table-layout:fixed;font-size:80%}#wp-calendar #prev,#wp-calendar #prev+.pad{border-right:0}.sidebar .grid-container{max-width:100%;width:100%}.inside-footer-widgets .inner-padding{padding:0 40px}.site-info{text-align:center}.footer-bar-active .footer-bar .widget{padding:0}.footer-bar .widget_nav_menu>div>ul{display:inline-block;vertical-align:top}.footer-bar-align-right .copyright-bar{float:left}.footer-bar-align-left .copyright-bar,.footer-bar-align-right .footer-bar{float:right;text-align:right}.footer-bar-align-left .footer-bar{float:left;text-align:left}.footer-bar-align-center .copyright-bar{float:none;text-align:center}.footer-bar-align-center .footer-bar{float:none;text-align:center;margin-bottom:10px}.footer-bar .widget-title,.footer-bar .widget_nav_menu li ul{display:none}.footer-bar .widget_nav_menu li,.top-bar .widget_nav_menu li{margin:0 10px;float:left;padding:0}.footer-bar .widget_nav_menu li:first-child{margin-left:0}.footer-bar .widget_nav_menu li:last-child{margin-right:0}.entry-title{margin-bottom:0}.entry-header{word-wrap:break-word}.page-header{margin-bottom:30px}.page-header .avatar{float:left;margin-right:20px}.page-header .author-info{overflow:hidden}.page-header .author-info>:last-child,.page-header>:last-child,.taxonomy-description p:last-child{margin-bottom:0} footer.entry-meta{margin-top:2em}.cat-links:before,.comments-link:before,.nav-next .next:before,.nav-previous .prev:before,.tags-links:before,footer.entry-meta .author:before,footer.entry-meta .posted-on:before{font-family:GeneratePress;text-decoration:inherit;position:relative;margin-right:.6em;width:13px;text-align:center;display:inline-block}footer.entry-meta .author:before{content:"\f007"}footer.entry-meta .posted-on:before{content:"\f073"}.cat-links:before{content:"\f07b"}.tags-links:before{content:"\f02c"}.comments-link:before{content:"\f086"}.nav-previous .prev:before{content:"\f104"}.nav-next .next:before{content:"\f105"}.cat-links,.comments-link,.tags-links,footer.entry-meta .byline,footer.entry-meta .posted-on{display:block}.paging-navigation:after,.paging-navigation:before{content:".";display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.paging-navigation:after{clear:both}.paging-navigation .nav-next,.paging-navigation .nav-previous{display:none}.site-main .paging-navigation .navigation{margin:0}.comment-respond{margin-top:0}.read-more-container,.site-main .post-navigation{margin-bottom:0}.main-title{margin:0;line-height:1.2em}.site-logo{display:inline-block;max-width:100%}.site-description{margin:0;line-height:1.5}.header-widget{float:right;overflow:hidden;max-width:50%}.header-widget .widget{padding:0 0 20px;margin-bottom:0}.header-widget .widget:last-child,.nav-float-right .header-widget .widget:last-child{padding-bottom:0}.nav-float-right .header-widget .widget{padding:0 0 10px}.nav-float-right .header-widget{position:relative;top:-10px}.post-image{margin:2em 0 0}.page-header-image,.page-header-image-single{line-height:0}.separate-containers .page-header-content{margin-top:30px}.one-container .inside-article>[class*=page-header-],.separate-containers .inside-article>[class*=page-header-]{margin-bottom:2em;margin-top:0}.inside-article .page-header-image-single.page-header-below-title{margin-top:2em}.page-header-content-container:after,.page-header-content-container:before{content:"";display:table}.page-header-content-container:after{clear:both}.full-width-content .container.grid-container{max-width:100%}.full-width-content.no-sidebar.separate-containers .site-main{margin:0}.contained-content.one-container .site-content,.contained-content.separate-containers .inside-article,.full-width-content.one-container .site-content,.full-width-content.separate-containers .inside-article{padding:0}.top-bar .inside-top-bar .widget{padding:0;display:inline-block;margin:0}.top-bar-align-center{text-align:center}.top-bar-align-right{text-align:right}.top-bar-align-right .inside-top-bar>.widget:nth-child(even){float:left;margin-right:10px}.top-bar-align-right .inside-top-bar>.widget:nth-child(odd){margin-left:10px}.top-bar-align-left .inside-top-bar>.widget:nth-child(even){margin-left:10px;float:right}.top-bar-align-left .inside-top-bar>.widget:nth-child(odd){float:left;margin-right:10px}.top-bar-align-center .inside-top-bar .widget:not(:first-child){margin-left:10px}.top-bar-align-center .inside-top-bar .widget:first-child:last-child{display:block}.inside-top-bar:not(.grid-container):after,.inside-top-bar:not(.grid-container):before{content:".";display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0;clear:both}.top-bar .widget-title,.top-bar .widget_nav_menu li ul{display:none}.top-bar .widget_nav_menu li:first-child{margin-left:0}.top-bar .widget_nav_menu li:last-child{margin-right:0}.top-bar .widget_nav_menu>div>ul{display:inline-block;vertical-align:top}.so-panel.widget{padding:0}#mc_embed_signup .clear{display:block;height:auto;visibility:visible;width:auto}.container.grid-container{width:auto}.sf-menu>li.menu-item-float-right{float:right!important}.generate-back-to-top:before{content:"\f106";font-family:GeneratePress}.generate-back-to-top,.generate-back-to-top:visited{font-size:20px;border-radius:3px;position:fixed;bottom:30px;right:30px;line-height:40px;width:40px;text-align:center;z-index:10;transition:opacity 300ms ease-in-out}.generate-back-to-top .screen-reader-text{left:0}.menu-toggle,.mobile-bar-items{display:none;cursor:pointer}.sidebar-nav-mobile{display:none}.inside-top-bar{padding:10px}.inside-header,.inside-page-header,.one-container .site-content,.separate-containers .comments-area,.separate-containers .inside-article,.separate-containers .page-header,.separate-containers .paging-navigation{padding:40px}.one-container.both-right .site-main,.one-container.right-sidebar .site-main{margin-right:40px}.one-container.both-left .site-main,.one-container.left-sidebar .site-main{margin-left:40px}.one-container.both-sidebars .site-main{margin:0 40px}.separate-containers .page-header,.separate-containers .site-main>*,.separate-containers .widget,.widget-area .main-navigation{margin-bottom:20px}.right-sidebar.separate-containers .site-main{margin:20px 20px 20px 0}.left-sidebar.separate-containers .site-main{margin:20px 0 20px 20px}.both-sidebars.separate-containers .site-main{margin:20px}.both-right.separate-containers .site-main{margin:20px 20px 20px 0}.both-right.separate-containers .inside-left-sidebar{margin-right:10px}.both-right.separate-containers .inside-right-sidebar{margin-left:10px}.both-left.separate-containers .site-main{margin:20px 0 20px 20px}.both-left.separate-containers .inside-left-sidebar{margin-right:10px}.both-left.separate-containers .inside-right-sidebar{margin-left:10px}.separate-containers .site-main{margin-top:20px;margin-bottom:20px}.separate-containers .page-header-contained,.separate-containers .page-header-content-single,.separate-containers .page-header-image,.separate-containers .page-header-image-single{margin-top:20px}.separate-containers .inside-left-sidebar,.separate-containers .inside-right-sidebar{margin-top:20px;margin-bottom:20px}.main-navigation .main-nav ul li a,.main-navigation .mobile-bar-items a,.menu-toggle{padding-left:20px;padding-right:20px;line-height:60px}.main-navigation .main-nav ul ul li a{padding:10px 20px;font-size:14px}.navigation-search,.navigation-search input{height:100%}.menu-item-has-children .dropdown-menu-toggle{padding-right:20px}.menu-item-has-children ul .dropdown-menu-toggle{padding-top:10px;padding-bottom:10px;margin-top:-10px}.footer-widgets,.widget-area .widget{padding:40px}.site-footer .footer-widgets-container .inner-padding{padding:0 0 0 40px}.site-footer .footer-widgets-container .inside-footer-widgets{margin-left:-40px}.site-info{padding:20px}body,button,input,select,textarea{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;text-transform:none;font-size:17px}body{line-height:1.5}.main-title,.top-bar{font-weight:400;text-transform:none;font-size:13px}.main-title{font-weight:700;font-size:45px}.main-navigation a,.menu-toggle,.site-description,.widget-title,h3{font-weight:400;text-transform:none;font-size:15px}.widget-title,h3{font-size:20px}.footer-widgets .widget,.sidebar .widget{font-size:17px}.site-info{font-size:15px}.cat-links:before,.comments-link:before,.dropdown-menu-toggle:before,.generate-back-to-top:before,.menu-toggle:before,.nav-next .next:before,.nav-previous .prev:before,.tags-links:before,footer.entry-meta .author:before,footer.entry-meta .posted-on:before,li.search-item a:before,span.search-item a:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;speak:none}.cat-links:before,.comments-link:before,.nav-next .next:before,.nav-previous .prev:before,.tags-links:before{opacity:.7}.main-navigation .slideout-toggle a:before,.slide-opened .slideout-overlay .slideout-exit:before{font-family:GeneratePress} /*##### add css offside.css */ .main-navigation.offside{position:fixed;width:265px;height:100%;height:100vh;top:0;z-index:9999;overflow:auto;-webkit-overflow-scrolling:touch}.offside,.offside--left{left:-265px}.offside--right{left:auto;right:-265px}.offside--left.is-open,.offside-js--is-left .offside-sliding-element{-webkit-transform:translate3d(265px,0,0);-moz-transform:translate3d(265px,0,0);-ms-transform:translate3d(265px,0,0);-o-transform:translate3d(265px,0,0);transform:translate3d(265px,0,0)}.offside--right.is-open,.offside-js--is-right .offside-sliding-element{-webkit-transform:translate3d(-265px,0,0);-moz-transform:translate3d(-265px,0,0);-ms-transform:translate3d(-265px,0,0);-o-transform:translate3d(-265px,0,0);transform:translate3d(-265px,0,0)}.offside-js--interact .offside,.offside-js--interact .offside-sliding-element{-webkit-transition:-webkit-transform .2s cubic-bezier(.16,.68,.43,.99);-moz-transition:-moz-transform .2s cubic-bezier(.16,.68,.43,.99);-o-transition:-o-transform .2s cubic-bezier(.16,.68,.43,.99);transition:transform .2s cubic-bezier(.16,.68,.43,.99);-webkit-backface-visibility:hidden;-webkit-perspective:1000}.offside-js--init{overflow-x:hidden}.no-csstransforms3d .offside{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.no-csstransforms3d .offside-sliding-element{overflow-x:hidden;position:relative}.no-csstransforms3d .offside--left.is-open{left:0}.no-csstransforms3d .offside--right.is-open{right:0}.no-csstransforms3d>.offside-js--is-left .offside-sliding-element{right:-265px}.no-csstransforms3d>.offside-js--is-right .offside-sliding-element{left:-265px}.slideout-overlay{z-index:100000;position:fixed;width:100%;height:100%;height:100vh;min-height:100%;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.8);visibility:hidden;opacity:0;cursor:pointer;-webkit-transition:visibility 0s ease,opacity .2s ease;-moz-transition:visibility 0s ease,opacity .2s ease;-o-transition:visibility 0s ease,opacity .2s ease;transition:visibility 0s ease,opacity .2s ease}.offside-js--is-open .slideout-overlay{visibility:visible;opacity:1;-webkit-transition-delay:delay 0s;-o-transition-delay:delay 0s;transition-delay:delay 0s}button.slideout-exit{position:fixed;top:0;color:#fff;font-size:30px;border:0}button.slideout-exit,button.slideout-exit:hover{background-color:transparent}.slide-opened nav.toggled .menu-toggle:before{content:"\f0c9"}.offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit{left:260px}.offside-js--is-right.slide-opened .slideout-overlay button.slideout-exit{right:260px}.slideout-widget{margin:20px}.slideout-navigation .mega-menu>ul>li{display:block;width:100%!important}.slideout-navigation .slideout-menu,.slideout-navigation .slideout-widget ul{display:block}#generate-slideout-menu{z-index:100001}#generate-slideout-menu .slideout-menu li{float:none;width:100%;clear:both;text-align:left}#generate-slideout-menu.main-navigation ul ul.toggled-on{display:block!important}#generate-slideout-menu .slideout-menu li.sfHover>ul,#generate-slideout-menu .slideout-menu li:hover>ul,#generate-slideout-menu.main-navigation ul ul{display:none}#generate-slideout-menu .slideout-menu .menu-item-has-children>a:first-child,#generate-slideout-menu .slideout-menu .page_item_has_children>a:first-child{padding-right:1em}#generate-slideout-menu.main-navigation .main-nav ul ul{position:relative;top:0;left:0;width:100%}.slide-opened .slideout-exit:before,.slideout-toggle a:before{content:"\f0c9";font-family:FontAwesome;line-height:1em;width:1.28571429em;text-align:center;display:inline-block}.slide-opened .slideout-exit:before{content:"\f00d"}#generate-slideout-menu li.menu-item-float-right{float:none!important;display:inline-block;width:auto}body:not(.rtl) #generate-slideout-menu .slideout-menu .menu-item-has-children>a:first-child{padding-right:0}.rtl .slideout-navigation{position:fixed}.slideout-navigation .menu-item-has-children .dropdown-menu-toggle{float:right}.slideout-navigation .slideout-widget .menu li{float:none}@media (min-width:769px){.sf-menu>li.slideout-toggle{float:right}.gen-sidebar-nav .sf-menu>li.slideout-toggle{float:none}}@media (max-width:768px){.slideout-both .main-navigation.toggled .main-nav>ul,.slideout-desktop .main-navigation .main-nav li.slideout-toggle,.slideout-mobile .main-navigation.toggled .main-nav>ul{display:none!important}button.slideout-exit{font-size:20px}.offside-js--is-left.slide-opened .slideout-overlay button.slideout-exit{left:255px}.offside-js--is-right.slide-opened .slideout-overlay button.slideout-exit{right:255px}.slideout-overlay{top:-100px;height:calc(100% + 100px);height:calc(100vh + 100px);min-height:calc(100% + 100px)}} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; padding: 0; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; padding: 5px; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a, .dropdown-menu-toggle { background-color: transparent; outline: 0 !important; } a img { border: 0; } /* =Global ----------------------------------------------- */ body, button, input, select, textarea { font-family: sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.5; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 40px; margin-top: 40px; } /*#################################################################### Text elements */ p { margin-bottom: 1.5rem; } ul, ol { margin: 0 0 1.5em 2em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } b, strong { font-weight: normal; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 100%; } big { font-size: 125%; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ } button, html input[type="button"], input[type="reset"], input[type="submit"] { border: 0px solid transparent; background: #666; cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ padding: 10px 20px; color: #FFF; outline: none; } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #606060; } button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { background: #606060; } .button { padding: 10px 20px; display: inline-block; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select { background: #FAFAFA; color: #666; border: 1px solid #ccc; border-radius: 0px; padding: 10px 15px; box-sizing: border-box; max-width: 100%; font: 20px/1.5 arno-pro; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="number"]:focus, textarea:focus, select:focus { background: #FFF !important; outline:none; border-color: #000 !important; color: #000; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ vertical-align: top; /* Improves readability and alignment in all browsers */ width: 100%; } input[type="file"] { max-width: 100%; box-sizing: border-box; } /* Alignment */ .alignleft { display: inline; float: left; margin: 0 1.5rem 0.5rem 0; } .alignright { display: inline; float: right; margin: 0 0 0.5rem 1.5rem; } #right-sidebar .alignleft { margin: 0 .5rem .5rem 0; } #right-sidebar .alignright { margin: 0 0 .5rem .5rem; } .aligncenter { clear: both; display: block; margin: 0 auto; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } /* Text meant only for screen readers */ .screen-reader-text, .screen-reader-text span, .screen-reader-shortcut { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } .screen-reader-text:focus, .screen-reader-shortcut:focus { clip: auto !important; height: auto; width: auto; display: block; font-size: 1em; font-weight: bold; padding: 15px 23px 14px; color: #333; background: #fff; z-index: 100000; /* Above WP toolbar. */ text-decoration: none; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); } /* Clearing */ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .site-info:before, .site-info:after { content: ""; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .site-info:after { clear: both; } /* =Menu ----------------------------------------------- */ .main-navigation { z-index: 100; padding: 0; clear: both; display: block; } .main-navigation ul li a { display: block; } .menu-toggle { margin: 0; padding: 0; } .menu-toggle:before { content: "\f0c9"; font-family: GeneratePress; width: 1.28571429em; text-align: center; display: inline-block; } .toggled .menu-toggle:before { content: "\f00d"; } .menu-toggle .mobile-menu { padding-left: 3px; } .menu-toggle .mobile-menu:empty { display: none; } .main-navigation .main-nav ul ul li a { line-height: normal; padding: 10px 20px; } .inside-navigation { position: relative; } .main-navigation ul, .menu-toggle li.search-item { list-style: none; margin: 0; padding-left: 0; } li.search-item a:before, span.search-item a:before { content: "\f002"; font-family: GeneratePress; width: 1.28571429em; text-align: center; display: inline-block; } li.search-item.close-search a:before, span.search-item.close-search a:before { content: "\f00d"; } .search-item .screen-reader-text { top: 0; right: 0; left: auto; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } .main-navigation ul ul { display: block; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); float: left; position: absolute; left: -99999px; opacity: 0; z-index: 99999; width:200px; text-align:left; top: auto; transition: opacity 80ms linear; transition-delay: 0s; pointer-events: none; height: 0; overflow: hidden; } .main-navigation ul ul a { display: block; } .main-navigation ul ul li { width:100%; } .dropdown-hover .main-navigation:not(.toggled) ul li:hover > ul, .dropdown-hover .main-navigation:not(.toggled) ul li.sfHover > ul { left: auto; opacity: 1; transition-delay: 150ms; pointer-events: auto; height: auto; overflow: visible; } .dropdown-hover .main-navigation:not(.toggled) ul ul li:hover > ul, .dropdown-hover .main-navigation:not(.toggled) ul ul li.sfHover > ul { left: 100%; top: 0; } .dropdown-click .main-navigation ul ul { visibility: hidden; } .dropdown-click .main-navigation ul.toggled-on, .dropdown-click .main-navigation ul li.sfHover > ul.toggled-on { left: auto; opacity: 1; visibility: visible; pointer-events: auto; height: auto; overflow: visible; } .dropdown-click nav ul ul ul { background-color: transparent; } .nav-float-right .inside-header .main-navigation { float:right; clear: right; } .nav-float-left .inside-header .main-navigation { float: left; clear: left; } .nav-float-left .inside-header .site-branding, .nav-float-left .inside-header .site-logo { float: right; clear: right; } .nav-float-left .inside-header:after { clear: both; content: ''; display: table; } .nav-float-right .inside-header .site-branding { display: inline-block; } .site-header { position:relative; } .header-aligned-left .site-header { text-align: left; } .header-aligned-center .site-header { text-align: center; } .header-aligned-right .site-header { text-align: right; } .site-header .header-image { vertical-align: middle; } .main-navigation .main-nav ul ul li a, .nav-float-right .main-navigation .main-nav ul ul li a { line-height: normal; } .nav-float-right .main-navigation ul ul ul{ top: 0 } .main-navigation li.search-item { float: right; z-index: 21; } .rtl .main-navigation li.search-item, .rtl.nav-aligned-right.nav-below-header .main-navigation .menu > li.search-item { float: left; } li.search-item.active { transition: opacity 100ms ease-in-out; } .navigation-search { position: absolute; left: -99999px; pointer-events: none; visibility: hidden; z-index: 20; width: 100%; top: 0; transition: opacity 100ms ease-in-out; opacity: 0; } .navigation-search.nav-search-active { left: 0; right: 0; pointer-events: auto; visibility: visible; opacity: 1; } .gen-sidebar-nav .navigation-search { top: auto; bottom: 0; } .navigation-search input { border: 0; vertical-align: bottom; line-height: 0; opacity: 0.9; width: 100%; z-index: 20; border-radius: 0; -webkit-appearance: none; } .navigation-search input::-ms-clear { display: none; width: 0; height: 0; } .navigation-search input::-ms-reveal { display: none; width: 0; height: 0; } .navigation-search input::-webkit-search-decoration, .navigation-search input::-webkit-search-cancel-button, .navigation-search input::-webkit-search-results-button, .navigation-search input::-webkit-search-results-decoration { display: none; } .nav-left-sidebar .main-navigation li.search-item, .nav-right-sidebar .main-navigation li.search-item { width: auto; display: inline-block; } .nav-left-sidebar .main-navigation li.search-item.current-menu-item, .nav-right-sidebar .main-navigation li.search-item.current-menu-item { float: right; } .nav-aligned-right.nav-below-header .main-navigation .menu > li, .nav-aligned-right.nav-above-header .main-navigation .menu > li, .nav-aligned-center.nav-below-header .main-navigation .menu > li, .nav-aligned-center.nav-above-header .main-navigation .menu > li { float: none; display: inline-block; } .nav-aligned-right .main-navigation ul, .nav-aligned-center .main-navigation ul { letter-spacing: -0.31em; font-size: 1em; } .nav-aligned-right .main-navigation ul li, .nav-aligned-center .main-navigation ul li { letter-spacing: normal; } .nav-aligned-left.nav-below-header .main-navigation, .nav-aligned-left.nav-above-header .main-navigation { text-align: left; } .nav-aligned-center.nav-below-header .main-navigation, .nav-aligned-center.nav-above-header .main-navigation { text-align: center; } .nav-aligned-right.nav-below-header .main-navigation, .nav-aligned-right.nav-above-header .main-navigation { text-align: right; } .menu-item-has-children .dropdown-menu-toggle { display: inline-block; height: 100%; clear: both; padding-left: 10px; } nav ul ul .menu-item-has-children .dropdown-menu-toggle { float: right; } .sidebar .menu-item-has-children .dropdown-menu-toggle { float: right; } .dropdown-menu-toggle:before { content: "\f107"; font-family: GeneratePress; } .dropdown-click .menu-item-has-children.sfHover > a .dropdown-menu-toggle:before { content: "\f106"; } .dropdown-hover .sub-menu .dropdown-menu-toggle:before, .dropdown-hover .children .dropdown-menu-toggle:before { content: "\f105"; } .dropdown-hover.both-right .inside-left-sidebar .dropdown-menu-toggle:before, .dropdown-hover .inside-right-sidebar .dropdown-menu-toggle:before { content: "\f104"; } .dropdown-hover.both-left .inside-right-sidebar .dropdown-menu-toggle:before, .dropdown-hover .inside-left-sidebar .dropdown-menu-toggle:before { content: "\f105"; } .dropdown-click .main-navigation ul ul ul.toggled-on { left: 0; top: auto; position: relative; } .dropdown-click .widget-area .main-navigation ul ul { top: auto; position: absolute; float: none; width: 100%; left: -99999px; } .dropdown-click .widget-area .main-navigation ul ul.toggled-on { position: relative; left: 0; right: 0; } .main-navigation .main-nav ul li.menu-item-has-children > a { padding-right: 0; position: relative; } .widget-area .main-navigation li { float: none; display: block; width:100%; padding: 0; margin: 0; } .dropdown-hover .widget-area .main-navigation ul li:hover ul, .dropdown-hover .widget-area .main-navigation ul li.sfHover > ul { top: 0; left: 100%; width:220px; } .dropdown-hover.both-right .widget-area .main-navigation ul li:hover ul, .dropdown-hover.both-right .widget-area .main-navigation ul li.sfHover ul, .dropdown-hover.right-sidebar .widget-area .main-navigation ul li:hover ul, .dropdown-hover.right-sidebar .widget-area .main-navigation ul li.sfHover ul, .dropdown-hover.both-sidebars .widget-area .inside-right-sidebar .main-navigation ul li:hover ul, .dropdown-hover.both-sidebars .widget-area .inside-right-sidebar .main-navigation ul li.sfHover ul { right: 100%; left: auto; } .slideout-navigation .dropdown-menu-toggle:before { content: "\f107" !important; } .slideout-navigation .sfHover > a .dropdown-menu-toggle:before { content: "\f106" !important; } /* =Content ----------------------------------------------- */ .sticky{} .post { margin: 0 0 2em; } .posted-on .updated { display: none; } .byline { display: inline; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .blog .format-status .entry-title, .archive .format-status .entry-title, .blog .format-aside .entry-header, .archive .format-aside .entry-header, .blog .format-status .entry-header, .archive .format-status .entry-header, .blog .format-status .entry-meta, .archive .format-status .entry-meta { display: none; } .blog .format-aside .entry-content, .archive .format-aside .entry-content, .blog .format-status .entry-content, .archive .format-status .entry-content { margin-top: 0; } .blog .format-status .entry-content p:last-child, .archive .format-status .entry-content p:last-child { margin-bottom: 0; } /* =Media ----------------------------------------------- */ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { max-width: 100%; position:relative; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto 0; max-width: 100%; } .wp-caption .wp-caption-text { font-size: 90%; padding: 5px 0 15px 0; opacity: 0.6; line-height: 1.2; font-style:italic; } .wp-caption img { position: relative; vertical-align: bottom; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* =Navigation ----------------------------------------------- */ .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 2em; overflow: hidden; } /* =Comments ----------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor {} .comment, .comment-list { list-style-type: none; padding: 0; margin: 0; } .comment-author-info { display: inline-block; vertical-align:middle; } .comment-meta .avatar { float: left; margin-right: 10px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .comment-author cite { font-style: normal; font: 900 1.2rem/1.3 brandon-grotesque; text-transform: uppercase; } .entry-meta.comment-metadata { margin-top: 0; } .comment-content { margin-top: .5em; } .comment-respond { margin-top: 1.5em; } .comment-form > .form-submit { margin-bottom: 0; } .comment-form input, .comment-form-comment { margin-bottom: 10px; } input#wpgdprc{ margin-bottom: 0px; } .comment-form #author, .comment-form #email, .comment-form #url_ { display: block; } .comment-form #url { display: none !important; } .comment-metadata .edit-link:before { display: none; } .comment-body { padding: 30px 0; } .comment-content { padding: 20px; background-color: rgba(0, 0, 0, 0.05); border: 0px solid rgba(0, 0, 0, 0.05); } .depth-1.parent > .children { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .comment .children { padding-left: 30px; margin-top: -30px; border-left: 1px solid rgba(0, 0, 0, 0.05); } .pingback .comment-body, .trackback .comment-body { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .pingback .edit-link { font-size: 13px; } .comment-content p:last-child { margin-bottom: 0; } .comment-list > .comment:first-child { padding-top:0; margin-top:0; border-top: 0; } ol.comment-list { margin-bottom: 1em; } #wp-comment-cookies-consent { margin-right: 7px; } /* =Widgets ----------------------------------------------- */ .widget { margin: 0 0 30px; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } /* Categories widget */ .widget_categories .children { margin-left: 1.5em; padding-top: 5px; } .widget_categories .children li:last-child { padding-bottom: 0; } /* =Infinite Scroll ----------------------------------------------- */ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } /* =Start custom CSS ----------------------------------------------- */ body { font-size: 15px; } a, button, input { transition:color 0.1s ease-in-out, background-color 0.1s ease-in-out; } a, a:visited, a:hover, a:focus { text-decoration: none; } .main-title { word-wrap: break-word; } h1, h2, h3, h4, h5, h6 { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; } pre { background: rgba(0, 0, 0, 0.05); font-family: inherit; font-size: inherit; line-height: normal; margin-bottom: 1.5em; padding: 20px; overflow: auto; max-width: 100%; } blockquote { font-style:italic; font-size: inherit; color: #666; margin: 10px 0 1.5rem 0; position: relative; } blockquote p:last-child { margin: 0; } #right-sidebar blockquote { font: 900 26pt/100% brandon-grotesque; text-transform: uppercase; color: #999; margin: 4rem 0 -0.8rem 0; } h6 {font-style: italic; margin-bottom: 4rem;} table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.5em; width: 100%; } th, td { padding: 8px; } th { border-width: 0 1px 1px 0; } td { border-width: 0 1px 1px 0; } hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 40px; margin-top: 40px; } fieldset { padding: 0; border: 0; min-width: inherit; } fieldset legend { padding: 0; margin-bottom: 1.5em; } .site-main .gallery { margin-bottom: 1.5em; } .gallery-item img { vertical-align: bottom; } .gallery-icon { padding: 5px; } .one-container .comments-area { margin-top: 1.5em; } /* Full width inner elements */ .inside-navigation:not(.grid-container):after, .inside-navigation:not(.grid-container):before, .inside-header:not(.grid-container):after, .inside-header:not(.grid-container):before, .inside-footer-widgets:not(.grid-container):after, .inside-footer-widgets:not(.grid-container):before { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; clear: both; } /* Layout spacing */ .one-container.both-left .inside-left-sidebar { margin-right: 15px; } .one-container.both-left .inside-right-sidebar { margin-left: 15px; } .one-container.both-right .inside-left-sidebar { margin-right: 15px; } .one-container.both-right .inside-right-sidebar { margin-left: 15px; } .site-content { word-wrap: break-word; } .separate-containers .site-main > *:last-child, .one-container .site-main > *:last-child { margin-bottom: 0; } .one-container .site-main { margin-top: 0; margin-bottom: 0; } .one-container .site-main { margin-top: 0; margin-left: 0; margin-right: 0; } .one-container .inside-right-sidebar, .one-container .inside-left-sidebar { margin-top: 0; } .one-container .inside-article { padding: 0 0 30px 0; } .one-container.page .inside-article { padding-bottom: 0; } .page-content > *:last-child, .entry-content > *:last-child, .entry-summary > *:last-child { margin-bottom: 0; } /* Widget styling */ .sidebar .widget *:last-child{ margin-bottom: 0rem; } .footer-widgets .widget *:last-child { margin-bottom: 1.5rem; } .widget { box-sizing: border-box; } .widget-title { margin-bottom: 30px; font-size: 20px; line-height: 1.5; } .widget ul, .widget ol { margin: 0; } div:not(.entry-content) .widget ul li { list-style-type: none; position:relative; padding-bottom: 5px; } div:not(.entry-content) .widget ul li ul li:before { opacity:.7; } .widget .search-field { width: 100%; } .widget:last-child, .separate-containers .widget:last-child { margin-bottom: 0; } .widget_nav_menu ul ul, .widget_pages ul ul { margin-left: 1em; margin-top: 5px; } .widget ul li.menu-item-has-children, .widget ul li.page_item_has_children { padding-bottom:0; } .header-widget .widget-title { margin-bottom: 15px; } #wp-calendar { table-layout: fixed; font-size: 80%; } #wp-calendar #prev, #wp-calendar #prev + .pad { border-right: 0; } .sidebar .grid-container { max-width:100%; width:100%; } .footer-widgets { padding: 40px 0; } .inside-footer-widgets .inner-padding { padding: 0 40px; } .site-info { text-align: center; } /* Footer bar */ .footer-bar-active .footer-bar .widget { padding: 0; } .footer-bar .widget_nav_menu > div > ul { display: inline-block; vertical-align: top; } .footer-bar .textwidget p:last-child { margin: 0; } /* Footer bar aligned right */ .footer-bar-align-right .copyright-bar { float: left; } .footer-bar-align-right .footer-bar { float: right; text-align: right; } /* Footer bar aligned left */ .footer-bar-align-left .copyright-bar { float: right; text-align: right; } .footer-bar-align-left .footer-bar { float: left; text-align: left; } /* Footer bar aligned center */ .footer-bar-align-center .copyright-bar { float: none; text-align: center; } .footer-bar-align-center .footer-bar { float: none; text-align: center; margin-bottom: 10px; } .footer-bar .widget-title { display: none; } /* Footer bar menu */ .footer-bar .widget_nav_menu li { margin: 0 10px; float: left; padding: 0; } .footer-bar .widget_nav_menu li:first-child { margin-left: 0; } .footer-bar .widget_nav_menu li:last-child { margin-right: 0; } .footer-bar .widget_nav_menu li ul { display: none; } /* Posts */ .entry-title { margin-bottom: 0; } .entry-header { word-wrap: break-word; } .page-header { margin-bottom: 30px; } .page-header .avatar { float: left; margin-right: 20px; } .page-header .author-info { overflow: hidden; } .page-header > *:last-child, .page-header .author-info > *:last-child { margin-bottom:0; } .entry-meta { font-size: 100%; margin-top: 0; } footer.entry-meta { margin-top: 2em; } footer.entry-meta .author:before, footer.entry-meta .posted-on:before, .cat-links:before, .tags-links:before, .comments-link:before, .nav-previous .prev:before, .nav-next .next:before { font-family: GeneratePress; text-decoration: inherit; position: relative; margin-right: 0.6em; width: 13px; text-align: center; display: inline-block; } footer.entry-meta .author:before { content: "\f007"; } footer.entry-meta .posted-on:before { content: "\f073"; } .cat-links:before { content: "\f07b"; } .tags-links:before { content: "\f02c"; } .comments-link:before { content: "\f086"; } .nav-previous .prev:before { content: "\f104"; } .nav-next .next:before { content: "\f105"; } .cat-links, .tags-links, .comments-link, footer.entry-meta .posted-on, footer.entry-meta .byline { display: block; } .taxonomy-description p:last-child { margin-bottom: 0; } .paging-navigation:before, .paging-navigation:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .paging-navigation:after { clear: both; } .paging-navigation .nav-previous, .paging-navigation .nav-next { display: none; } /* Only for WordPress < 4.4 */ .site-main .paging-navigation .navigation { margin: 0; } .comment-respond { margin-top: 0; } .read-more-container { margin-bottom: 0; } .site-main .post-navigation { margin-bottom: 0; } /* Site header */ .main-title { margin: 0; font-size: 50px; line-height: 1.2em; } .site-logo { display: inline-block; max-width: 100%; } .site-description { margin: 0; line-height: 1.5; } .header-widget { float: right; overflow: hidden; max-width: 50%; } .header-widget .widget { padding: 0 0 20px; margin-bottom: 0; } .header-widget .widget:last-child { padding-bottom:0; } .nav-float-right .header-widget .widget { padding: 0 0 10px; } .nav-float-right .header-widget .widget:last-child { padding-bottom: 0; } .nav-float-right .header-widget { position:relative; top: -10px; } .post-image { margin: 2em 0 0; } /* Page Header Add-on */ .page-header-image, .page-header-image-single { line-height: 0; /* no more weird spacing */ } .separate-containers .page-header-image, .separate-containers .page-header-content { margin-top: 30px; } .separate-containers .inside-article > [class*="page-header-"], .one-container .inside-article > [class*="page-header-"] { margin-bottom: 2em; margin-top: 0; } .inside-article .page-header-image-single.page-header-below-title { margin-top: 2em; } /* Temporary clearing until GPP 1.6.3 */ .page-header-content-container:before, .page-header-content-container:after { content: ""; display: table; } .page-header-content-container:after { clear: both; } /* Full width template */ .full-width-content .container.grid-container { max-width: 100%; } .full-width-content.no-sidebar.separate-containers .site-main { margin: 0; } .full-width-content.separate-containers .inside-article, .full-width-content.one-container .site-content { padding: 0; } /* Remove content padding */ .contained-content.separate-containers .inside-article, .contained-content.one-container .site-content { padding: 0; } /* Top bar */ .top-bar .inside-top-bar .widget { padding: 0; display: inline-block; margin: 0; } .top-bar .inside-top-bar .textwidget p:last-child { margin: 0; } .top-bar-align-center { text-align: center; } .top-bar-align-right { text-align: right; } .top-bar-align-right .inside-top-bar >.widget:nth-child(even) { float: left; margin-right: 10px; } .top-bar-align-right .inside-top-bar >.widget:nth-child(odd) { margin-left: 10px; } .top-bar-align-left .inside-top-bar >.widget:nth-child(even) { margin-left: 10px; float: right; } .top-bar-align-left .inside-top-bar > .widget:nth-child(odd) { float: left; margin-right: 10px; } .top-bar-align-center .inside-top-bar .widget:not(:first-child) { margin-left: 10px; } .top-bar-align-center .inside-top-bar .widget:first-child:last-child { display: block } .inside-top-bar:not(.grid-container):after, .inside-top-bar:not(.grid-container):before { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; clear: both; } .top-bar .widget-title { display: none; } /* Top bar menu */ .top-bar .widget_nav_menu li { margin: 0 10px; float: left; padding: 0; } .top-bar .widget_nav_menu li:first-child { margin-left: 0; } .top-bar .widget_nav_menu li:last-child { margin-right: 0; } .top-bar .widget_nav_menu li ul { display: none; } .top-bar .widget_nav_menu > div > ul { display: inline-block; vertical-align: top; } /* SiteOrigin Page Builder */ .so-panel.widget { padding: 0; } /* MailChimp CSS */ #mc_embed_signup .clear { display: block; height: auto; visibility: visible; width: auto; } /* Bootstrap fix */ .container.grid-container { width: auto; } /* Menu class for items to float right */ .sf-menu > li.menu-item-float-right { float: right !important; } /* Back to top icon */ .generate-back-to-top:before { content: "\f106"; font-family: GeneratePress; } .generate-back-to-top, .generate-back-to-top:visited { font-size: 20px; border-radius: 3px; position: fixed; bottom: 10px; right: 10px; line-height: 40px; width: 40px; text-align: center; z-index: 1100 !important; transition: opacity 300ms ease-in-out; } .generate-back-to-top span.gp-icon.icon-arrow svg {background-color: #eee; border-radius: 50%; padding: 8px;} .generate-back-to-top { padding: 20px;} .generate-back-to-top .screen-reader-text { left: 0; } /* Mobile menu */ .menu-toggle, .mobile-bar-items { display: none; cursor: pointer; } .sidebar-nav-mobile { display: none; } /* Spacing */ .inside-top-bar { padding: 10px; } .inside-header { padding: 40px; } .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header { padding: 40px; } .one-container.right-sidebar .site-main, .one-container.both-right .site-main { margin-right: 40px; } .one-container.left-sidebar .site-main, .one-container.both-left .site-main { margin-left: 40px; } .one-container.both-sidebars .site-main { margin: 0px 40px 0px 40px; } .separate-containers .widget, .separate-containers .site-main > *, .separate-containers .page-header, .widget-area .main-navigation { margin-bottom: 20px; } .right-sidebar.separate-containers .site-main { margin: 20px 20px 20px 0px; } .left-sidebar.separate-containers .site-main { margin: 20px 0px 20px 20px; } .both-sidebars.separate-containers .site-main { margin: 20px; } .both-right.separate-containers .site-main { margin: 20px 20px 20px 0px; } .both-right.separate-containers .inside-left-sidebar { margin-right: 10px; } .both-right.separate-containers .inside-right-sidebar { margin-left: 10px; } .both-left.separate-containers .site-main { margin: 20px 0px 20px 20px; } .both-left.separate-containers .inside-left-sidebar { margin-right: 10px; } .both-left.separate-containers .inside-right-sidebar { margin-left: 10px; } .separate-containers .site-main { margin-top: 20px; margin-bottom: 20px; } .separate-containers .page-header-image, .separate-containers .page-header-contained, .separate-containers .page-header-image-single, .separate-containers .page-header-content-single { margin-top: 20px; } .separate-containers .inside-right-sidebar, .separate-containers .inside-left-sidebar { margin-top: 20px; margin-bottom: 20px; } .main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a { padding-left: 20px; padding-right: 20px; line-height: 60px; } .main-navigation .main-nav ul ul li a { padding: 10px 20px 10px 20px; } .navigation-search, .navigation-search input { height: 100%; } .menu-item-has-children .dropdown-menu-toggle { padding-right: 20px; } .menu-item-has-children ul .dropdown-menu-toggle { padding-top: 10px; padding-bottom: 10px; margin-top: -10px; } .widget-area .widget { padding: 40px; } .footer-widgets { padding: 40px; } .site-footer .footer-widgets-container .inner-padding { padding: 0px 0px 0px 40px; } .site-footer .footer-widgets-container .inside-footer-widgets { margin-left: -40px; } .site-info { padding: 20px; } /* Typography */ body, button, input, select, textarea { font-weight: normal; text-transform: none; font-size: 20px; } body { line-height: 1.5; } .top-bar { font-weight: normal; text-transform: none; font-size: 13px; } .main-title { font-weight: bold; text-transform: none; font-size: 45px; } .site-description { font-weight: normal; text-transform: none; font-size: 15px; } .main-navigation a, .menu-toggle { font-weight: normal; text-transform: none; font-size: 15px; } .main-navigation .main-nav ul ul li a { font-size: 14px; } .widget-title { font-weight: normal; text-transform: none; font-size: 20px; } .sidebar .widget, .footer-widgets .widget { font-size: 17px; } h1 { font: 900 1.2rem/1.3 brandon-grotesque; margin-bottom: 4px; text-transform: uppercase; } .single-veranstaltung h1::before {content: "»";} .single-veranstaltung h1::after {content: "«";} h2 { font: 900 1.2rem/1.3 brandon-grotesque !important; text-transform: uppercase; } h3 { font-weight: normal; font-size: 20px; text-transform: uppercase; } /*###### H4 nur für Zitate ####*/ h4 { font: 600 0.8rem/1.4 brandon-grotesque; text-transform: uppercase; margin: -1.2rem 0 1.5rem 0; color: #666;} h5 {margin: -1.2rem 0 1.5rem 0;font-weight: normal; font-size: 20px; line-height: 1.2} .site-info { font-size: 15px; } a {color: #F15B67;} a:hover {color:#000;} /* * Icons @font-face { font-family: 'GeneratePress'; src: url('fonts/generatepress.eot'); src: url('fonts/generatepress.eot#iefix') format('embedded-opentype'), url('fonts/generatepress.woff2') format('woff2'), url('fonts/generatepress.woff') format('woff'), url('fonts/generatepress.ttf') format('truetype'), url('fonts/generatepress.svg#GeneratePress') format('svg'); font-weight: normal; font-style: normal; } .menu-toggle:before, li.search-item a:before, span.search-item a:before, .dropdown-menu-toggle:before, footer.entry-meta .author:before, footer.entry-meta .posted-on:before, .cat-links:before, .tags-links:before, .comments-link:before, .nav-previous .prev:before, .nav-next .next:before, .generate-back-to-top:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; speak: none; } .cat-links:before, .tags-links:before, .comments-link:before, .nav-previous .prev:before, .nav-next .next:before { opacity: 0.7; } /* * Backwards compatibility until Slideout is updated * GP Premium 1.6 */ .main-navigation .slideout-toggle a:before, .slide-opened .slideout-overlay .slideout-exit:before { font-family: GeneratePress; } /*##################################### NEW STYLES ############################################################ */ body {font-size:20px;line-height:1.3; padding: 40px 0 120px 0; background-color: #fff;} .inside-header, .inside-page-header, .one-container .site-content, .separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation { padding:0; } .site-main {margin-top: 60px !important;} .home .site-main {margin-top: 15px !important;} #right-sidebar {margin: 90px 0 60px 0; } #right-sidebar h3 {font-size: 100%;} #right-sidebar {font-size: 90%; line-height:1.2;} #right-sidebar .event-datum, #right-sidebar .item-title-ausstellung {font-size: 20px;} #right-sidebar p{margin-bottom:1rem;} table.referenzen {width: 100%; border: 0;} table.referenzen td {border: 0; text-align: center; height: 100px;} #main {margin-bottom: 40px;} .akademie-logo {display: none;} .slick-dots {margin: 0px !important; line-height: 0.6; padding-right: 20px;} .newsletter {font-size: 90% !important;} /*########################################### HOMEPAGE ######################################################*/ .news-item-container-top { position:relative; padding-bottom: 12px; } .home .termine-container { padding-top: 318px; } .kachel-top { position:absolute; bottom: 30px; right: 40px; left: 40px; z-index:2; background:transparent; color:#fff; text-align:right; z-index: 1000; } .news-title-top, .news-title-top h1{ font: 900 2rem/1.15 brandon-grotesque; text-transform: uppercase; background:transparent; color:#fff; text-shadow: 0px 0px 200px #000; } .news-item-container { position:relative; padding-bottom: 12px; } .news-title-container { bottom: 12px; left: 0px; z-index:2; background:red; color:#fff; height:75px; overflow: hidden; text-transform: uppercase; } a:hover .news-title-container { color:#fff; } .news-title-container .news-subtitle { font-size:18px; line-height:18px; position: relative; z-index: 1000; padding: 10px 10px 0 10px; } .news-title-container .news-title { font-family: brandon-grotesque, sans-serif; font-size:1.1rem; line-height:18px; font-weight: 900; position: relative; z-index: 1000; max-height:25px; overflow: hidden; padding: 0 10px 10px 10px; } .news-image { position:relative; z-index:1; } .news-image img { position:relative; z-index:1; display:block; } .news-date {float:right; margin: -1.3rem 0 1.1rem 1rem; display: none;} .grid-33, .grid-66 { padding-left: 6px; padding-right: 6px; } .single-post .news-subtitle {text-transform: uppercase;} img.tisch-lm {height: 145px !important; margin-left: 125px !important; margin-top: -75px !important;} .programm-home .grid-icon img{width: 60px !important;} .programm-home .item-title-reihe, .programm-home .item-title-ausstellung {display:none;} .programm-home .termin-item {float: none !important;} area {outline:0 !important;} .text-white, .text-white h1 {color:#fff;} .text-black, .text-black h1 {color:#000 !important;} .text-red, .text-red h1 {color: #F15B67;} @media (max-width: 700px) { .news-title-top, .news-title-top h1 {font-size: 1.5rem;} } /*############################################################## Veranstaltungen & Seminare ############*/ .termine-container { line-height: 1.2; } .termine-container .item-title::before {content: "»";} .termine-container .item-title::after {content: "«";} .termine-container .item-title-container {font: 900 1.15rem/1.3 brandon-grotesque; text-transform:uppercase; display:inline;} .termin-container {} .termin-item {margin-bottom: 1.5rem; } .event-datum .tag {font: 900 1.2rem/1.3 brandon-grotesque; text-transform:uppercase;} .page-id-25215 .in-the-past .item-subtitle {color: #818284;} #right-sidebar .tickets-icon {width: 150px; height: 150px;} .teaser-reihe {margin-bottom: 1.5rem;} .item-teaser-text *{margin:0 !important; padding:0 !important;} .item-title-reihe, .item-title-ausstellung {text-transform: uppercase;} .reihe-ausstellung a {text-transform: uppercase;} .datum-ort, .reihe-ausstellung {line-height: 1.2;} .tickets-soldout-program {padding-left:0px;} .tickets-soldout, .tickets-icon {margin-top: -90px;} .liste-title, .kurz-text {margin-bottom: 1rem;} .tickets-icon-mobil {margin: 0 0 10px 10px} .events-in-series p {text-transform: uppercase;} /*###################################################################### Führung ############*/ .begleitung-fuehrung {font: 900 1.2rem/1.3 brandon-grotesque; text-transform:uppercase; margin-top: 1.2rem;} /*#################################################################### Slider ############*/ .slid-caption {color: #888; line-height:110%; margin-top: 10px;} .lm_slider, .slick-slider {margin-bottom: 20px;} /*################################################################### Menü ############*/ .menu {text-transform: uppercase; font-size: 20px; hyphens: none;} .menu li {margin-top: 10px !important;} .menu-text {letter-spacing: 1px; line-height: 26px ; font-size: 28px ; padding-bottom:5px;} .menu li#menu-item-17158 {margin-bottom: 30px;} ul.sub-menu {margin-left: 0 !important;} ul.sub-menu li {margin-top: 0 !important; padding-bottom: 5px !important; line-height: 110%;} li.menu-item-type-post_type ul.sub-menu {text-transform: initial; line-height: 100%; margin-top:5px;} .menu-text { font-family: brandon-grotesque, sans-serif; font-weight:900; text-transform:uppercase; } li .item-container { margin: 10px 0px; } .main-navigation_ul ul.sub-menu { position: relative !important; } .sub-menu {display:none;} .current-menu-item .sub-menu,.current_page_ancestor .sub-menu {display:block;} .lm-slider {max-height:300px; overflow:hidden;} .presse-downloads p {margin-bottom:10px;} .download-link { margin-bottom: 25px; font: 900 16px/1.5 brandon-grotesque, sans-serif; text-transform:uppercase; } .page-header-image-single,.cat-links { display: none; } .single-post .cat-links, .single-post span.author.vcard { display: initial; } #generate-slideout-menu .menu-text{line-height: 22px !important; font-size: 24px !important; padding-bottom:5px;} nav#generate-slideout-menu { box-shadow: 8px 4px 10px -14px #000 !important;} /*################################################################ Mitarbeiter ############*/ .mitarbeiter { float: left; margin: 0 10px 10px 0; width: 280px; line-height: 1.1; min-height: 330px; } .mitarbeiter strong {font: 900 1.2rem/1.3 brandon-grotesque; text-transform:uppercase;} /*########################################################## Kalender ############*/ #Calendar {margin-top: 40px; text-transform:uppercase;width: 300px !important;} #Calendar .table-container {padding:15px 15px 20px 15px;} #Calendar td {font-size: 1.1rem !important; font-weight: 900 !important; text-align: center;} #Calendar .wDays {font-weight: 400 !important;} #Events {width: 300px;color: #fff;} #Events .events-container {background: #f6f6f6; color: #F15B67;} #Events .events-container a {color: #F15B67;} #Events a {padding: 5px !important;} #Events img, #Calendar img{height:25px; margin: 25px;} .calendar-event {padding: 10px 30px 10px 20px;} /*####### slashes separator #######*/ span.sep { letter-spacing: -5px; display:inline-block; padding: 0 4px 0 1px; text-align:center; } /*#################################################################### Wortwolke #######*/ .tag.x-large, .tag.large, .tag.medium {font: 900 26px brandon-grotesque !important; text-transform: uppercase;} .tag.large {font-size: 23px !important;} .tag.medium {font-size: 18px !important;} .tag.small {font-size: 20px !important; text-transform: uppercase;} .tag.x-small {font-size: 20px !important;} #wortwolke {line-height:1.6;} /*######################################################### SUCHE #######*/ input {padding: 3px 0px !important;border-bottom: 1px solid #aaa !important; font:18px/1.2 arno-pro; color: #666;} input[type="submit"] {color: #fff !important; background-color: #F15B67 !important; font: 900 1rem/1.1 brandon-grotesque; text-transform: uppercase;border-bottom: 0px solid #fff !important; width: auto !important; padding:4px 10px !important; transition: all 0.3s ease-in-out; margin-top: 20px;} input:hover[type="submit"] {color: #fff; background-color: #000 !important; transition: all 0.3s ease-in-out; } /*######################################################## PRESSE #######*/ .cleanlogin-container {padding: 0 !important; margin: 0 !important;} .cleanlogin-field-password {padding: 0 !important;} .cleanlogin-preview-logout-link {font: 900 1rem/1.2 brandon-grotesque; text-transform: uppercase; position: absolute; bottom: 10px; right:10px;z-index: 10;} #loginform {margin-top: 5px;} .uppercase {text-transform:uppercase;} .search-right { padding: 10px 0 25px; } .search-no-results .search-right {display:none;} input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select { background: #fff; color: #666; border:none; border-bottom: 1px solid #000; border-radius: 0px; padding: 10px; box-sizing: border-box; max-width: 100%; font: 20px/1.1 arno-pro; } textarea {border: 1px solid #aaa;} .search-icon, .search-box { display: inline-block; } .search-icon.search-item { position: relative; width: 30px; height: 30px; } .search-icon img { width:28px; position:absolute; top:20px; } .search-box { margin-left:5px; } .search .termin-item {width:100% !important;} .ausstellung_archiv { margin-bottom: 1.5rem; } .archiv-box {padding-bottom:30px;} .loader-wheel { font-size: 45px; position: relative; height: 1em; width: 0.55em; padding-left: 0.45em; animation: loader-wheel-rotate 0.85s steps(12) infinite; overflow: hidden; } .loader-wheel i { display: block; position: absolute; height: 0.3em; width: 0.1em; border-radius: 0.05em; background: #333; opacity: 0.8; transform: rotate(-30deg); transform-origin: center 0.5em; } @keyframes loader-wheel-rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .page-load-status { display: none; /* hidden by default */ padding-top: 20px; /* border-top: 1px solid #DDD;*/ text-align: center; color: #777; } /* loader ellips in separate pen CSS */ #main div#nav-below,nav#nav-below { display: none !important; } #right-sidebar .termine-container .item-title-container { clear: none; } .tisch-info { z-index: 100; position: relative; } .karten-button { position: relative; z-index: 101; } .mNav a { font: 900 22px/1.2 brandon-grotesque; position:relative; z-index:100; width:30px; } .mNav:hover { cursor:pointer; } .mNav.fwd a:before{ content: "»"; position:absolute; right:0; } .mNav.back a:after { content: "«"; position:absolute; left:0; } .termin-container { overflow: auto; } .termin-item { float: left; max-width:100%; clear:both; } .home .termine-container { clear: both; overflow: auto; } .event-top-container { float:left; } .termine-container .item-title-container {clear:both;} .grid-text { float:left; max-width: calc(100% - 80px); } .grid-icon { float:left; } .grid-icon img { width:70px !important; padding-left: 10px; } .box-content {/*background:url(/ajax-loader.gif) no-repeat center center;*/} .event-close { font: 400 18px/1.2 brandon-grotesque; width: 30px; height: 40px; top:15px; padding:5px; } .event-close:hover {cursor:pointer;color:#000;} td.withevent:hover, td.withevent.active {color: #F15B67 !important;} .grid-66 .box-content {height:628px;} .grid-33 .box-content {height:306px;} .event-datum-cal a:hover {color:#000 !important;} .calendar-event {position:relative;} .event-close { position: absolute; top: 15px; right: 0px; line-height: 5px; text-align: center; } #Events a {color:#fff; padding: 15px;display:block;} #Calendar { width:300px; background-color:#ECECED; } #Calendar td { background-color:#ECECED !important; font: 400 14px/1.2 brandon-grotesque; } #Calendar .cMonth { font-weight: 900; text-align: center; text-transform: uppercase; color: #949599; display: inline-block; text-align: center; width: 170px; } #Calendar .wDays { font-weight:400; text-align:center; background-color:#ECECED; font-family: arno-pro, serif; color:#949599; } #Calendar .mNav { font-weight:bold; text-align:center; background-color:#ECECED; color:#949599; } #Calendar .mNav a { color:#949599; } #Calendar .mNav a:hover { text-decoration:none; } #Calendar table td a { text-decoration:none; color:#000; } #Calendar table td a:hover { text-decoration:underline; } #Calendar .withevent { text-align:center; font-weight:900; color:#000; cursor:pointer; color:#949599; } #Calendar .noevent { font-weight:900; text-align:center; background-color:#FFF; color:#BDBEC0; } #Calendar table, #Calendar th, #Calendar td { border: none !important; } #Calendar table { border: none !important; margin-bottom:0; } .email-text {padding-top:20px;} .termine-container .item-title-container .kurz-text { font: 400 20px/1.3 arno-pro; text-transform: none; } #left-sidebar .lsi-social-icons li { margin: 0 4px 8px 0 !important; } .lsi-social-icons li a { padding: 6px !important; width: 13px !important; line-height: 9px !important; height:13px; } [class^="lsicon-"]:before, [class*=" lsicon-"]:before { width: initial !important; line-height: initial !important; } .icon-set-lsi_widget-2 a, .icon-set-lsi_widget-2 a:visited, .icon-set-lsi_widget-2 a:focus { border-radius: 16px !important; background: #fff !important; color: #6d6d6f !important; font-size: 16px !important; border: 0px solid #6d6d6f; } aside#lsi_widget-2 { padding: 0; } /*#content {position:relative;}*/ div#footer-widgets { /* float: left; bottom: 0px; position: absolute;*/ width: calc(80% - 12px); margin-left: calc(20% - 5px); } .footer-widgets-container.grid-container.grid-parent { background: #E6E6E8; border-top: 4px solid #000; padding: 10px; } aside#text-6 { padding-left: 5px; } .footer-widgets .widget { font-size: 1.1rem; } div#footer-widgets a {color:#000;} .presse-item { overflow: auto; padding-bottom: 20px; } strong.footer {font: 900 1.1rem/1.1 brandon-grotesque !important;} img.tickets-lm { height: 190px; position: relative; } img.tisch-lm { height: 120px; margin-left: 80px; margin-top: -70px; } .programm-home { position: absolute; bottom: 10px; } .akademie-logo {width:120px;} /*########################################################################################### slider ####*/ .images-slider { opacity: 0; visibility: hidden; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3 ease; } .images-slider.slick-initialized { visibility: visible; opacity: 1; } .images-slider_ img {height:400px !important;} svg.slick-arrow { width: 24px; top: calc(50% - 19px); z-index: 900; fill: #333333; } svg.arrow-prev.slick-arrow { position: absolute; left: 0px; } svg.arrow-next.slick-arrow { position: absolute; right: 0px; } presse-item { overflow: auto; padding-bottom: 20px; } /*####################################################################################### home ####*/ .box-content a {display:block;} .box-content { position: relative; margin: auto; overflow: hidden; } .box-content .content-overlay { background: rgba(0,0,0,0.4); position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .grid-66 .box-content .content-overlay { opacity: 0.3; z-index: 100; } .box-content:hover .content-overlay{ opacity: 1; z-index: 100; } .news-item-container, .news-item-container-top { padding-bottom: 0px; } .home .grid-33, .home .grid-66 { margin-bottom: 12px; } div#right-sidebar { padding-left: 20px; } /*.archive .entry-content { margin: 0 0 0px 0; } body:not(.archive.tax-event_tag) .entry-content { margin: 0 0 0px 0; } */ .archive article { margin: 0 0 50px; } .page-id-26467 #menu-item-17154 .sub-menu, .current-menu-parent .sub-menu, .current-menu-ancestor .sub-menu {display:block;} .sub-menu .current-menu-item .sub-menu, .current-menu-ancestor .sub-menu .sub-menu {display:none;} .tickets-icon {width:150px;} h2.liste-title, .bilder-intro h2 {margin-bottom: 20px;} img.tickets-tisch { max-width: 85%; } .home .termine-container { padding-top: 10px; } #menu-haupt a {color:#000;} .current-menu-ancestor .current-menu-parent a, #menu-haupt .current_page_parent .current-menu-item a,.post-type-archive-reihe #menu-item-26469 a, .sub-menu .current-menu-item a, #menu-haupt a:hover { color: #F15B67 !important; } .postid-13120 #menu-item-13120 a, .postid-13121 #menu-item-13121 a, .postid-28069 #menu-item-28069 a {color: #F15B67;} .postid-13120 #menu-item-17157 .sub-menu, .postid-13121 #menu-item-17157 .sub-menu, .postid-28069 #menu-item-17157 .sub-menu {display:block;} .termin-item.in-the-past a, .termin-item.in-the-past, .termin-item .in-the-past a, .termin-item .in-the-past { color: #818284 !important; } .termin-item.in-the-past a:hover, .termin-item .in-the-past a:hover { color: #000 !important; } h1 {font-family: brandon-grotesque, sans-serif;} body, h2 {font-family: arno-pro, serif;} .site-logo { position: absolute; top: 21px; z-index: 300; } .site-logo img { width: 95px; } .home .entry-content, .entry-summary, .page-content { margin: 0; } .menu-haupt-container { margin-top: 120px; margin-left: -10px; } .left-sidebar.separate-containers .site-main { margin: 20px 0 20px 0px; } .footer-widgets, .widget-area .widget { padding: 10px; } .both-sidebars.separate-containers .site-main { margin: 10px; } .slick-loading_ .slick-list { background: #fff url('/ajax-loader.gif') center center no-repeat; } /* Arrows */ .slick-arrow, .icon-prev, .icon-next { -webkit-filter: drop-shadow(0px 0px 1px #999); filter: drop-shadow(0px 0px 1px #999);} .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 25px; } .slick-next { right: 25px; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 20px; } .slick-dots { display: block; width: 100%; padding: 0; margin: 0 0 0 5px; list-style: none; text-align: left; } .slick-dots li { position: relative; display: inline-block; width: 6px; height: 8px; margin: 0 4px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 15px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-size: 28px; line-height: 15px; position: absolute; top: 0; left: 0; width: 10px; height: 10px; content: '•'; text-align: center; opacity: .95; color: #cdcdcd; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots .slick-active button:before { color: #F15B67; } .tickets-soldout img { width: 90px !important; } .tickets-soldout { padding-bottom:10px; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:initial; -webkit-transform: translate3d(0,0,0);} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);} #colorbox{outline:0;} #cboxContent{margin-top:0px;background:transparent;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{border:5px solid transparent !important; background:transparent;} #cboxTitle{position:relative; top:10px; left:0; color:#000;margin-left: 10px;color:#666;} #cboxCurrent{position:absolute; top:-35px; right:0px; color:#666;} #cboxLoadingGraphic{background:url(/ajax-loader.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{background-position:bottom right;} #cboxClose{position:absolute; top:25px; right:25px; display:block; background:url(/controls.png) no-repeat top center; width:38px; height:24px; text-indent:-9999px;} #cboxClose:hover{background-position:bottom center;} #cboxLoadedContent { border: 0px solid transparent !important; background: transparent; box-shadow: 2px 2px 17px #333; } .cleanlogin-container { margin: 0 auto; max-width: 300px; position: relative; overflow: hidden; padding: 26px 24px 36px; -webkit-box-shadow: none; box-shadow: none; border-radius: 5px; border: 0px solid #ddd; } .arrow-prev.slick-arrow { position: absolute; color: #fff; z-index: 500; top: 40%; left: 0px; font-size: 35px; padding: 20px 0px; } .arrow-next.slick-arrow { position: absolute; color: #fff; z-index: 500; top: 40%; right: 0px; font-size: 35px; padding: 20px 0px; } .images-slider .slick-arrow, .images-slider-big .slick-arrow {display:none !important;} .images-slider:hover .slick-arrow, .images-slider-big:hover .slick-arrow {display:block !important;height:40px;} .imaages-slider-big img {height: 640px !important;} .image-slider-big .slider-arrow img {height:36px !important;} .images-slider_ img { height: inherit !important; } img.icon-prev, img.icon-next { height: 25px; width: 25px; } img.icon-prev {padding-left:10px;} img.icon-next {padding-right:10px;} .image-slider-big img.icon-prev,.image-slider-big img.icon-next { height: 40px; } #cboxNext {background:none;text-indent:0px;} #cboxPrevious {background:none;text-indent:0px;} #cboxClose {background:none;text-indent:0px;} /*############################################ Literaturcamp #############################################*/ .page-id-40837 .menu-haupt-container, .page-id-40837 .site-logo, .page-id-40837 #lsi_widget-2, .page-id-40837 .site-footer, .page-id-40837 #burger, .page-id-40837 #masthead, .page-id-40837 .slideout-overlay, .page-id-40837 .slideout-navigation {display: none !important;} .page-id-40837 #main.site-main { margin-top: 45px !important;} /*############################################ Footer #############################################*/ .inside-footer-widgets {padding-bottom: 0 !important;} @media (max-width:600px) {.site-footer .grid-25 {width: 100% !important;}} /*############################################ Blog #############################################*/ .gp-icon {margin-right: 5px;} .post-container {padding: 15px !important; font: 900 1.2rem/1.3 brandon-grotesque;} .post-container h2 {font: normal 1.8rem/1 arno-pro !important; hyphens: auto; -webkit-hyphens: auto!important; -ms-hyphens: auto!important; word-wrap: break-word;} .post-container h3 {font: normal 1.3rem/1.1 arno-pro !important;} img.blog-logo {width: 150px; height: 150px; margin-bottom: 1rem;} #wpgdprc {margin-right: 5px;} .wpgdprc-checkbox {display: table !important;} .kommentar_form {margin: 2rem 0 3rem 0;} #main #reply-title {color: #F15B67;} .comments-area {margin: 3rem 0 3rem 0;} footer.entry-meta {margin-top: 0em !important; } .blog-intro .blog-logo {width: auto !important; height: auto !important; max-width: 100%; margin:25px; padding: 20px;} .blog div#primary {margin: 15px 0 0 0 !important;} .blog-post {overflow: hidden;} @media (max-width:600px) {.blog-intro {margin:-5px;}} @media (max-width:1280px) {.blog-intro .blog-logo {margin-bottom:23px;}} /*############################################ Ausstellung #############################################*/ .plakat-bild {width: 300px; height: auto; margin-bottom: 1rem;} h1.heading-ausstellung { padding-left: 6px; } /*############################################ SHARIFF #############################################*/ footer.site-info{text-align: right; padding: 0;} .ShariffHeadline {margin-right: 5px } .copyright-bar {margin: 0 20px 90px 0;} /*############################################ AUDIO PLAYER #############################################*/ .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { background: #00000033 !important; border-radius: 0px !important; opacity: 0.9;} .mejs-container {margin: 5px 0 20px 0;} .mejs-controls .mejs-time-rail .mejs-time-current { background: #f15b67 !important;} .mejs-time-buffering, .mejs-time-current, .mejs-time-float, .mejs-time-float-corner, .mejs-time-float-current, .mejs-time-hovered, .mejs-time-loaded, .mejs-time-marker, .mejs-time-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-time-rail span {border-radius: 0px !important;} .audio-titel {font-style: oblique; font-size: 90%;padding-top: 5px; margin-top: -1.5rem!important; display: block; opacity: 0.6; line-height: 1.2; } .audio-button {left:15px !important; width: 30px !important; height:auto ;} .audio-button:hover {filter: saturate(0);} .audio-box {margin-bottom: 1.5rem;} /*############################################ AUTOREN #############################################*/ .autoren-wolke {margin-top: -15px !important;} .autoren-wolke .spacer { display:block; width:100%; height:15px; } .autoren-wolke span.sep-autoren { letter-spacing: -5px; display: inline-block; padding: 0 8px 0 4px; text-align: center; color:#888; width:8px; } .autoren-wolke a.tag.small{font: 18px/1.5 "arno pro" !important; text-transform: uppercase; color: #333; } .autoren-wolke a.tag.small:hover {color: #F15B67;} .autor-letter {font-size:18px; line-height: 1.5; display:inline-block;} button.lm-cat, button#see-all{font: 900 30px/1 "brandon-grotesque"; text-transform: uppercase; color:#F15B67; background:#fff; padding: 5px 20px 5px 0; display:block;} .page-id-54581 button.lm-cat h2, .page-id-54581 button#see-all h2{font: normal 18px/1.3 "arno-pro" !important;} button.lm-cat.selected, button.lm-cat:hover, button#see-all.selected, button#see-all:hover {color: #111; background:#fff;} img.autor { max-width: 250px; height: auto;} .autor-name {text-transform: uppercase;} .phot-by {font-style: italic; color: #666;} .tax-autor_tag .search-right, .page-id-52270 .search-right {margin-top: 40px;} .event-autoren {margin-top:1rem;} @media (max-width:1280px) { .page-id-52270 button.lm-cat, .page-id-52270 button#see-all {display: inline;} } @media (max-width:600px) { .autoren-wolke span.sep-autoren { width:auto;} .autoren-wolke a.tag.small, .autor-letter {font-size:16px;} } /*############################################ AKADEMIE #############################################*/ .page-id-54581 .news-image img{filter: brightness(0.7);} .page-id-54581 .box-content:hover .content-overlay { opacity: 0.9;} .page-id-54581 button.lm-cat, .page-id-54581 button#see-all{padding: 0;} .seminaren_category-fuer-autoren .kurz-text{text-transform: uppercase;} /*################## LOGOS #####################################*/ .logos img { vertical-align: middle; margin: 30px 45px 30px 0; filter: brightness(1.1);} .logos {margin: 50px 0 60px 0; text-align: center;} .logo {filter: brightness(2.5) contrast(0.4) grayscale(1);} .logo_dunkel {filter: grayscale(1);} @media (max-width:450px) { .logos img { display:block; margin: 60px auto;} } /*####################################### MENÜS #####################################*/ ul#menu-haupt-1 li.menu-big li a { text-transform: uppercase !important; font-size:20px !important; } ul#menu-haupt-1 li.menu-big ul { margin-top:-10px; margin-bottom:15px; } /*###### Shortcode [menu class="navi-right" name="AndereBuecher"] ########*/ ul.navi-right {list-style:none; margin:0;} ul.navi-right li {display:inline; padding-right: 3px;} ul.navi-right li:after{content:"//"; letter-spacing: -5px;display: inline-block;padding: 0 4px 0 4px;text-align: center;} ul.navi-right li:last-child:after{content:"";} ul.navi-right [aria-current="page"] {color: #333;} /*################## button #####################################*/ h3 a {background-color: #F15B67; color: #fff; font: 900 1.1rem/1.3 brandon-grotesque;text-transform: uppercase;margin: 1.2rem 0; padding: 0px 10px;} h3 a:hover {background-color: #000; color: #fff;}