/*
Theme Name: SMF Schilder
Description: Südwestdeutschen Metallschilderfabrik Paul Peindl e. K. in Bruchsal
Template: themify-ultra
Author: grobc (carsten.grob@gmail.com)
*/

/* Woohoo! Let's customize! */
h1, h2, h3 h4, h5, h6, .post-title {
	letter-spacing: inherit;
}
body:not(.mobile_menu_active) .social-widget, #headerwrap.fixed-header:before, .fixed-header-on .header_top, body:not(.mobile-menu-visible) header .tb_layout_part_wrap, body.mobile-menu-visible #main-nav li.themify-logo-menu-item {
	display: none;
}
body.mobile-menu-visible #header .social-widget, body.mobile-menu-visible .fixed-header-on #headerwrap .social-widget, .fixed-header-on .header_top {
	display: block!important;
}
#footerwrap a {
	color: #CCC;
}
.module.module-buttons .ui:not(.transparent):hover, #footerwrap .module.module-buttons .ui:not(.blue):hover, body.mobile-menu-visible #main-nav,
body.mobile-menu-visible  #headerwrap #main-nav a:hover, #footerwrap, #footerwrap a:hover, #footerwrap .current-menu-item a,
#footerwrap .module.module-buttons .ui:not(.transparent), #menu-icon,  #menu-icon-close:before, #menu-icon-close:after, .header_top, body.mobile-menu-visible  #headerwrap a {
	color: #FFF;
}
#footerwrap .module.module-buttons .ui:not(.blue), div.themify_builder_slider_vertical .carousel-next, div.themify_builder_slider_vertical .carousel-prev {
	color: #555;
}
a, #main-nav .current-menu-item > a, #main-nav .current_page_item > a, #main-nav a:hover, #main-nav ul a:hover {
	color: #005286;
}
.header_top a:hover, #menu-icon:hover, body.mobile-menu-visible .social-widget img:hover,
div.themify_builder_slider_vertical .carousel-next:hover , div.themify_builder_slider_vertical .carousel-prev:hover {
	opacity: 0.6;
}
.tb_content_overlay_overlay a.tb_ov_close:hover {
	opacity: inherit;
}
.header_top .tb_ov_co_icon_outer:hover, #menu-icon, #menu-icon:hover,
div.themify_builder_slider_vertical .carousel-next, div.themify_builder_slider_vertical .carousel-prev, .tf_carousel_nav_wrap .carousel-next:hover, .tf_carousel_nav_wrap .carousel-prev:hover {
	background-color: inherit;
}
.builder_button.blue, button, input[type="reset"], input[type="submit"],
body.mobile-menu-visible #mobile-menu, #pagewrap .back-top-float:hover, #footer .back-top-float, #pagewrap .back-top-float, .back-top:not(.back-top-float) .arrow-up a:hover,
.header_top, .tb_content_overlay_overlay a.tb_ov_close:hover {
	background-color: #005286;
}
.module_row .ui:hover, button:hover, input[type="reset"]:hover, input[type="submit"]:hover,
body.mobile-menu-visible #headerwrap li a:hover, body.mobile-menu-visible #headerwrap #main-nav a:hover, body.mobile-menu-visible  #headerwrap .current-menu-item a, body.mobile-menu-visible #headerwrap #main-nav .current-menu-item a, #menu-icon-close/*, .mobile_menu_active.fixed-header-on #menu-icon*/ {
	background-color: #282D3B;
}
/*body:not(.mobile_menu_active.fixed-header-on) .header-icons*/ 
body .header-icons {
	top: 14px!important;
}
.hhead .sub-head {
	display: inline-block;
}
.hhead .sub-head:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -.66667rem;
  height: .05556rem;
  width: 100%;
  background: rgba(255,255,255,0.6);
}
#footerwrap:before {
	position: absolute;
	content: '';
	left: 0;
	z-index: 1;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(60,60,60,0.7);
}
#footer, .error404 .tb_layout_part_wrap {
	z-index: 2;
}
.tb_oc_overlay.sidemenu-on + .tb_oc_overlay_layer {
	z-index: 2000;
}
.module.module-overlay-content .sidemenu  {
	z-index: 2001;
}
figure.slide-image a:after {
	content: "";
	display: block;
	background-color: rgba(0,82,134,0.7);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
figure.slide-image, .footer-block #footerwrap,
.hhead .sub-head, .error404 .tb_layout_part_wrap {
	position: relative;
}
body.mobile-menu-visible #main-nav, #footer-nav a, #menu-mobil-top a, #menu-mobil-bottom a {
	text-transform: uppercase;
	font-size: 125%;
	display: block;
}
body {
	font-size: 112.5%;
}
.header_top {
	font-size: 0.9rem;
}
.hhead .main-head, #footer .main-head, .pheader .main-head {
	font-weight: normal;
}
body.mobile-menu-visible #mobile-menu, .header_top .col4-2.last  {
	text-align: center;
}
#header, .header_top .tb_ov_co_icon_outer, .error404 #content, .fixed-header-on #site-logo,
#menu-mobil-top li, #menu-mobil-bottom li {
	padding: 0;
}
#site-logo {
	padding: 1.77778rem 18px;
}
.fixed-header-on #site-logo {
	padding: 1rem 18px;
}
.fixed-header-on #site-logo {
	padding: .4rem 18px;
}
.home #content {
	padding-top: 0;
}
.themify_builder_slider .slide-image, .module-slider.slider-caption-overlay .slide-content h3,
.header_top p, .social-widget #nav_menu-2, body.mobile-menu-visible #main-nav-wrap {
	margin: 0;
}
.hhead .fancy-heading {
	margin-bottom: 2.2222rem;
}
.header_top .module-icon-item span {
	margin-left: 0;
}
#headerwrap {
	box-shadow: 0 0 0.625rem rgba(0,0,0,0.25);
	border-top: 4px solid #005286;
}
#menu-mobil-top li, body.mobile-menu-visible #main-nav li,
#menu-mobil-bottom li:not(:last-child) {
	border-bottom: 1px dotted #FFF;
}
body.mobile-menu-visible .social-widget img {
	mix-blend-mode: screen;
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(180%);
}
@media (max-width: 680px) {
	.fixed-header #site-logo img:not(.tf_sticky_logo) {
		max-height: inherit;
	}
}
/* ------ Mobile Menü ------*/
body.mobile-menu-visible  #headerwrap li a {
  padding: .6em 0;
  line-height: 1.5em;
  font-weight: 400;
}
.mbottom .row_inner {
	max-width: 100%!important;
}
/* ------ Image Shadow ------ */
.home .module-image .image-wrap:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  background: #e1e6ec;
}
@media (min-width: 769px) {
  .home .module-image .image-wrap:before {
    left: -.6rem;
    top: .6rem;
  }
}
@media (max-width: 769px) {
	.home .module-image {
		margin-bottom: 20px;
	}
}
/* Slider Home */
.slide-inner-wrap,
figure.slide-image {
	position: relative;
}
.module-slider.slider-caption-overlay .slide-image + .slide-content,
.module-slider.slider-caption-overlay .slide-content a, .module-slider.slider-caption-overlay .slide-title a {
	bottom: 0;
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
	padding: 0;
	display: block;
}
.module-slider.slider-caption-overlay .slide-content a, .module-slider.slider-caption-overlay .slide-title a {
	padding: 1em 5%;
	text-align: center;
}
div.themify_builder_slider_vertical .carousel-prev {
	left: -17px;
}
div.themify_builder_slider_vertical .carousel-next {
  right: -17px;
}
div.themify_builder_slider_vertical .carousel-next, div.themify_builder_slider_vertical .carousel-prev {
	padding: 12px 0;
}
@media (min-width: 501px) {
	div.themify_builder_slider_vertical .carousel-prev {
		left: -35px;
	}
	div.themify_builder_slider_vertical .carousel-next {
	  right: -35px;
	}
		div.themify_builder_slider_vertical .carousel-next, div.themify_builder_slider_vertical .carousel-prev {
		padding: 12px 9px;
	}
}
.tf_carousel_nav_wrap .carousel-next:before, .tf_carousel_nav_wrap .carousel-prev:before {
	border-width: 4px;
}
/* ------ Öffnungszeiten ------ */
.oeffnungszeiten .module-title {
	margin-top: 22px;
}
.oeffnungszeiten dt, .oeffnungszeiten dd {
	display: inline-block;
}
.oeffnungszeiten dt {
	width: 55%;
}
.oeffnungszeiten dd {
	width: 44%;
}
@media (max-width: 600px) {
	.oeffnungszeiten dt, .oeffnungszeiten dd  {
		width: 100%;
	}
}
.tb_content_overlay_overlay a.tb_ov_close {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #000;
	color: #FFF;
}