/*
Theme Name:     Stadt Sulzbach-Rosenberg Template
Theme URI: 	    http://peter.boehm.agency
Description:    Design- und Funktionsmodule für die Stadtwebsite von Sulzbach-Rosenberg 
Author:         Peter Böhm - Agentur für Regionalmarketing
Theme URI: 	    http://peter.boehm.agency
Template:       jupiter
Version:        2.5
*/

/* Google Webfonts local embedding */
@font-face {
    font-family: 'Raleway';
    src: url('./fonts/Raleway-Bold.woff2') format('woff2'),
        url('./fonts/Raleway-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('./fonts/Raleway-Regular.woff2') format('woff2'),
        url('./fonts/Raleway-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Light.woff2') format('woff2'),
        url('./fonts/Roboto-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Bold.woff2') format('woff2'),
        url('./fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('./fonts/Roboto-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-Regular.woff2') format('woff2'),
        url('./fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('./fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('./fonts/Roboto-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


/* General society single page layout designs: */
.suro-society-title {
  padding-left: 15px;
}

.suro-contact-info-wrapper {
  border: 1px solid #ececec;
  border-bottom: none;
}
.suro-contact-info-header {
  background-color: #fdfdfd;
  color: #222222;
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
  padding: 9px 30px 12px 15px;
  position: relative;
}

.suro-contact-info-panel {
  background-color: #ffffff;
  border-top: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  padding: 20px;
}







/*Base Template Overrides -------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*Generelles Font-Smoothing und Letter-Spacing*/
body {-webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-smooth: always; letter-spacing: 0.02em;}
h1 {letter-spacing: 0.06em;}
h2 {letter-spacing: 0.05em;}
h3 {letter-spacing: 0.02em;}
h4 {letter-spacing: 0.02em;}
h5 {letter-spacing: 0.02em;}
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/** Klassen für freie Verwendung **/
/* Klasse fuer Center Text */
.suro-align-center {text-align: center;}
/* Klasse für Margin Bottom 0*/
.suro-margin-bottom-0 {margin-bottom:0;}
.suro-margin-bottom-0 p {margin-bottom:0;}
/*Klasse für maximale Breite*/
.suro-max-width-250 {max-width: 250px;}
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/* Post Nav ausblenden */
.mk-post-nav.mk-post-prev.without-image, .mk-post-nav.mk-post-next.without-image {
    display: none;
    height: 0;
    visibility: hidden;
    width: 0;
}
/* Margin Bottom text Widget */
.textwidget > p {margin-bottom: 5px;}
.widgettitle {margin-bottom: 10px;}
/* Listen Stil für Gastronomie mit extra Klasse */
.mk-list-styles.suro-gastro h3 {background: none; margin-bottom: 10px;}
.mk-list-styles.suro-gastro ul li svg {fill: #ba0c2f;}
/* Sitemap Styling*/
.page_item {font-weight: bold;}
.page_item.page_item_has_children > a {font-weight: normal;}
.children ul li {font-weight: normal;}
.page_item.page_item_has_children > a {font-weight: bold;}
/*-------------------------------------------------------------------------------------------*/
/* Position Live Search */
ul.dwls_search_results {transform: translate(0%, 96px); box-shadow: 0 0 10px #53565a; width: auto !important; min-width: 46.8vw;}
/*-------------------------------------------------------------------------------------------*/
.mk-list-styles ul li {line-height: 1.4em !important;}
/*Suchfeld Suchseite anpassen*/
.widget .mk-searchform .text-input {padding: 34px;}
.widget .mk-searchform i {top: 34px;}
/* Hover Opacity*/
.mk-gallery .hover-fadebox .item-holder:hover .image-hover-overlay {opacity: 0.75;}
/*Hintergrund und Farben Fullscreen Suche*/
.mk-fullscreen-search-overlay {background-color: rgba(203, 0, 55, 0.94);}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper p {font-weight: normal;}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper #mk-fullscreen-searchform #mk-fullscreen-search-input {box-shadow: 0 3px 0 0 rgba(255, 255, 255, 0.8);}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper #mk-fullscreen-searchform .fullscreen-search-icon {color: rgba(255, 255, 255, 0.5);}
.mk-fullscreen-search-overlay .mk-fullscreen-search-wrapper #mk-fullscreen-searchform .fullscreen-search-icon:hover {color: rgba(255, 255, 255, 0.8);}
/* Meta Infos auf Suchseite ausblenden */
.search-loop-meta {display: none !important; visibility: hidden !important;}
/*-------------------------------------------------------------------------------------------*/
/* Testimonials */
.mk-testimonial-company {font-weight: bold;}
.mk-testimonial.avantgarde-style.light-version .flex-direction-nav a {border: 3px solid #fff;}
.mk-testimonial.avantgarde-style .flex-direction-nav a {border-radius: 15%;}

/*Employees */
.suro-employee-loop.suro-employee-one-column .suro-single-employee {padding: 0;}
.suro-employee-position {margin-bottom: 10px;}
/*Border Radius Single Employee deaktivieren*/
.mk-single-employee.layout-style1 .employees-featured-image img {border-radius: 0;}
/*Name nicht Uppercase*/
.team-member-name {text-transform: none;}
/*Kein Margin über der Beschreibung*/
.team-member-desc {margin-top: 0;}
/*Hover Farbe Employee Bild*/
.mk-employees.classic .mk-employee-item:hover .employee-hover-overlay {background: rgba(186, 12, 47,0.3) none repeat scroll 0 0 !important;}
/*Abstand der Beschreibung nach unten auf Null setzen*/
.mk-employee-item.a_colitem.a_align-center.a_display-inline-block.a_float-left.m_7 {padding-bottom: 0;}
/*Versatz Zurück Button*/
.sms-employee-margin-top--60px {margin-top: -60px;}
/*Mail Button Single*/
.mk-single-employee .employees_meta .mk-employeee-networks a {border: 1px solid #cb0037;}
.mk-single-employee .employees_meta .mk-employeee-networks svg {fill: #cb0037;}
.mk-single-employee .employees_meta .mk-employeee-networks a:hover {background-color: #cb0037; border-color: #cb0037;}
/*Icon Size Fix Employee Full Page*/
.mk-employeee-networks.s_meta svg {max-width: 16px;}
/*-------------------------------------------------------------------------------------------*/
/* Mobilen Basis Trigger deaktivieren */
/*.mk-nav-responsive-link {display: none !important; visibility: hidden !important;}
.header-style-1 .mk-nav-responsive-link, .header-style-2 .mk-nav-responsive-link, .logo-in-middle .header-logo {display: none !important;}*/
.mk-responsive-wrap {height: 0; text-indent: -99999px; visibility: hidden; width: 0; display: none;}
.dashboard-active .mk-css-icon-menu-line-1, .is-active .mk-css-icon-menu-line-1 {top: 0px; transform: none;}
.dashboard-active .mk-css-icon-menu-line-2, .is-active .mk-css-icon-menu-line-2 {opacity: 1;}
.dashboard-active .mk-css-icon-menu-line-3, .is-active .mk-css-icon-menu-line-3 {top: 0px; transform: none;}


/*-------------------------------------------------------------------------------------------*/
/* Single Text Font Weight */
.mk-single-content p {font-weight: 300 !important;}
#text-block-5.mk-text-block p {font-weight: 300 !important;}

/*-------------------------------------------------------------------------------------------*/
/* Button Letter Spacing */
.mk-button {letter-spacing: 0.05em;}
/* Button Position icon */
.mk-button .mk-button--icon {margin: -2px 5px 0 0;}
/*-------------------------------------------------------------------------------------------*/
/*Prev und Next Arrows bei Single Layout ausblenden*/
.mk-post-nav.mk-post-prev.with-image, .mk-post-nav.mk-post-next.with-image {display: none; visibility: hidden;}
/*-------------------------------------------------------------------------------------------*/
/*Typografie Optimierung Navigation*/
.main-navigation-ul > li.menu-item > a.menu-item-link {letter-spacing: 0.02em !important;}
.has-mega-menu .megamenu-title {letter-spacing: 0.04em;}
.main-navigation-ul li.menu-item ul.sub-menu li.menu-item a.menu-item-link {letter-spacing: 0.04em;}
/*-------------------------------------------------------------------------------------------*/
/* Position facebook Icon in Topbar optimieren*/
.mk-header-social ul {margin: 2px 0 0;}
/*-------------------------------------------------------------------------------------------*/
/*Pagetitle Leiste optimieren*/
#mk-page-introduce {padding: 0;}
.page-title {margin: 20px 20px 5px;}
#mk-breadcrumbs .mk-breadcrumbs-inner {margin: 0 20px 0 0; padding: 0 12px 8px; font-weight: 400; letter-spacing: 0.1em; text-transform: none;}
/*-------------------------------------------------------------------------------------------*/
.mk-lightbox.mk-image-lightbox svg {height: 48px; left: 50%; overflow: visible; position: absolute; top: 50%; transform: translate(-50%, -50%); vertical-align: middle; width: 48px;}
/*-------------------------------------------------------------------------------------------*/
/*Meta Info Datum optische Korrekturen*/
.mk-blog-spotlight-item .item-wrapper time {font-style: normal !important; font-weight: 700 !important;}
.mk-blog-grid-item time a {font-size: 11px; font-style: normal !important; font-weight: 700 !important;}
/*-------------------------------------------------------------------------------------------*/
/*Go to Top Button Anpassungen*/
.mk-go-top i {left: 14px; top: 13px;}
.mk-go-top {background-color: rgba(136, 139, 141, 0.6); border: 3px solid rgba(255, 255, 255, 0.8);}
.mk-go-top:hover {background-color: rgba(186, 12, 47, 0.5);}
/*-------------------------------------------------------------------------------------------*/
/*** Fancy Box Stying ***/
.fancybox-overlay {background: rgba(255, 255, 255, 0.65) none repeat scroll 0 0;}
.fancybox-skin {-webkit-box-shadow: 0px 0px 25px #bfbfbf; -moz-box-shadow: 0px 0px 25px #bfbfbf; box-shadow: 0px 0px 25px #bfbfbf;}
.fancybox-close {background-color: #e32c47;}
.fancybox-close:hover {background-color: #cb0037;}
/*Bei Galerie Titel verbergen*/
.fancybox-opened .fancybox-title {display: none; visibility: hidden;}
.fancybox-nav span {background-color: rgba(186, 12, 47, 0.75); transition: all ease-in-out 0.25s;}
.fancybox-nav span:hover {background-color: rgba(186, 12, 47, 0.95);  transition: all ease-in-out 0.25s;}
/*-------------------------------------------------------------------------------------------*/
/*Text Shadow für Page Title Boxes*/
.mk-page-title-box-title, .mk-page-title-box-subtitle {text-shadow: 0 0 8px rgba(0, 0, 0, 0.5), 0 0 16px rgba(255, 255, 255, 0.5), 0 0 32px rgba(255, 255, 255, 0.2);}
/**Farbe Icons Contact Info**/
.widget_contact_info.mk-contactinfo-shortcode.a_margin-bottom-20 i svg {fill: #b2b2b2;}
/**Blog Style Anpassungen**/
/*Remove Heart*/
.mk-love-holder {display: none !important; visibility: hidden;}
/*-------------------------------------------------------------------------------------------*/
/*IE 11 Bugfix Navigation Icons aus Forum */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.header-toolbar-contact svg, .mk-header-date svg, .mk-header-tagline svg, .mk-header-social ul li a svg { width:16px; }
.mk-button .mk-button--icon svg {max-width: 16px !important;}
.mk-font-icons .font-icon.mk-size-small svg {max-width: 16px !important;}}
/*-------------------------------------------------------------------------------------------*/
/*Füllung Image Hover anpassen*/
.mk-lightbox.mk-image-lightbox svg {color: #ffffff;}
/*-------------------------------------------------------------------------------------------*/
/** Fix Preloader Top Position **/
.mk-body-loader-overlay.page-preloader.fixed_animation {top: 0 !important;}
/** Design Fix Mobile Menu Sub **/
.mk-responsive-nav li ul {background-color: rgba(255, 255, 255, 0.15);}
/** Bugfix Tabs **/
/*.mk-tabs.default-style.vertical-style .mk-tabs-panes {width: 74.9% !important;}*/
#mk-tabs .wpb_tabs_nav a {
	padding: 15px 20px 15px 20px;
	height: auto;
	line-height: 16px;
	white-space: normal;
	width: auto;
}
#mk-tabs.vertical-left .wpb_tab {
	margin-left: calc(25% - 1px);
}
/** Styles für SD NAV **/
/** Obsolet seit 2.0.1 **/
/*#sdrn_bar .sdrn_ic span {height: 4px !important;}
#sdrn_bar {height: 90px; padding: 30px;}
#sdrn_bar .bar_logo {height: 90px; top: 15%;}
#sdrn_bar .sdrn_ic {height: 30px; padding-top: 0; width: 30px;}
#sdrn_bar .sdrn_ic span {height: 7px; width: 30px;}
#sdrn_bar .sdrn_ic_1 {top: 3px;}
#sdrn_bar .sdrn_ic_2 {top: 11px;}
#sdrn_bar .sdrn_ic_3 {top: 20px;}
#sdrn_menu.sdrn_levels ul li {border-bottom: none !important; border-top: none !important;}
#sdrn_menu.sdrn_levels a.sdrn_parent_item {border-left: none !important;}
#sdrn_menu > ul {padding-top: 90px !important;}
#sdrn_menu.sdrn_levels ul li ul li ul li {background-color: #f6f6f6;}
#sdrn_menu.sdrn_levels ul li ul li {background-color: #eeeeee;}
#sdrn_menu.sdrn_levels ul li {background-color: #e1e1e1;}*/


/*IE 11 Bugfix SVG */
/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.mk-desktop-logo.dark-logo {
    width: 225px;
	height: 90px;
}
.fit-logo-img a img {width: 50px; height: 50px; max-height: none; max-width: none;}
}

/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/***MOBILE STYLES***/
/**************************/
@media only screen and (min-width:1141px) {
	.suro-hide-menu-text-desktop.menu-item.menu-item-type-post_type.menu-item-object-page.no-mega-menu {display: none; height: 0; text-indent: -9999px; visibility: hidden; width: 0;}
  }
	
@media only screen and (min-width:1px) and (max-width: 1140px) {
	/*#sdrn_bar .bar_logo {height: 70px; padding: 0; top: 25%;}*/
	sfm-sidebar.sfm-compact .sfm-logo {margin-bottom: 15px !important; margin-top: 15px !important}
	.sfm-rollback{width: auto;}
	.mk-opened-nav {overflow: inherit !important;}
	.search_results.dwls_search_results {
    left: calc(100vw - 275px) !important;
    top: 145px !important;
		width: 275px;
		z-index: 999999999999 !important;
	}
ul.dwls_search_results li {padding: 15px 10px 15px 10px;}
}
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/** Obsoloet seit 2.0.1 **/
/*@media only screen and (min-width:768px) and (max-width: 1024px) {
  	ul.dwls_search_results {transform: translate(0%, 86px); min-width: 60.8vw;}
  
}*/

@media only screen and (min-width:1px) and (max-width: 991px) {
.sms-employee-margin-top--60px {margin-top: 0px;}
.mk-go-top {display: block;}
}
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
@media only screen and (min-width:768px) and (max-width: 960px) {
/*Darstellung Employee optimieren*/
.mk-employees.classic.u4col .team-thumbnail { width: 100% !important;}
.mk-employees.classic.u4col .team-info-wrapper {width: 100% !important;}
.mk-employees.c_cs.u4col .team-info-wrapper {padding: 10px 0 0 0px !important;}

}
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
@media only screen and (min-width:1px) and (max-width: 769px) {
/*Silbentrennung für Headlines aktivieren*/
h1, h2, h3, h4, h5, h6 {-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.mk-tabs-tab > a  {-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
	ul.dwls_search_results {transform: translate(0%, 86px); min-width: 74.8vw;}
	.suro-employee-thumbnail {max-width: 215px; margin: 0 0 25px;}
	.mk-button-container {width: auto; display: inline-table;}
}

/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
@media only screen and (min-width:1px) and (max-width: 420px) {
/*Breadcrumbs und Page Title verstecken*/
#mk-breadcrumbs {visibility: hidden;}
#mk-page-introduce {display: none; visibility: hidden;}	
/* Line Height Überschriften */
h1, h2, h3, h4, h5, h6, mk-page-title-box-title h1 {line-height: 1em !important; letter-spacing: 0.05em !important;}
/* tab panes zeilenumbruch */	
/*.mk-tabs .mk-tabs-panes .title-mobile {white-space: normal;}
.mk-tabs-pane {overflow: visible; width: 78vw;}*/
/*Hoehe PageTitleBox beschraenken*/
.mk-page-title-box {max-height: 45vh;}
/* employee anpassung mobile*/
.suro-employee-name {margin-top: 25px;}
.suro-employee-thumbnail{display: none !important; visibility: hidden !important;}
.suro-employee-loop.suro-employee-two-columns .suro-single-employee, .suro-employee-loop.suro-employee-three-columns .suro-single-employee, .suro-employee-loop.suro-employee-four-columns .suro-single-employee, .suro-employee-loop.suro-employee-five-columns .suro-single-employee {padding: 0;}	
/* Line Height Subline Page Title Box */
#mk-page-title-box-2 .mk-page-title-box-subtitle {line-height: 1.2em !important;}
/* Silbentrennung Listen Handy */
.mk-list-styles {-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}}