/*
	Theme Name: Notio Child Theme
	Theme URI: https://themeforest.net/item/notio-deluxe-portfolio-theme/10049784
	Description: Hedihof, Familie Bühler
	Version: 1.0.0
	Author: fuelthemes
	Author URI: http://themeforest.net/user/fuelthemes
	Template: notio-wp
*/

@import url("../notio-wp/style.css");


/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/* 1 */
.ie9 img[src$=".svg"] {
  width: 100%; 
}
/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%; 
  }
}

body {
    color: #7e6c4b;
    line-height: 1.4;
}

.mobile-menu>li.current-menu-item>a, .mobile-menu>li.sfHover>a {
    color: #7e6c4b !important;
}

.mobile-menu .sub-menu li.current-menu-item>a {
    color: #7e6c4b !important;
}


#comments {
    display: none;
}

.post .post-meta {
    display: none;
}

.post.blog-post .post-title h1 {
    display: none;
}

#headerbild {
    max-width: 1160px;
}

.mobile-menu .sub-menu li {
    display: block;
    min-width: 180px;
    position: relative;
    height: 27px;
}
.sub-menu li:last-child {
    margin-bottom: 20px;
}
.sub-menu li:first-child {
    margin-top: -5px;
}

article {
	background-color: #f4f1ed;
}

.schmale-spalte {
	width: 60%;
	margin: 0 auto;
}

.panel-close svg g {
    stroke: #fff !important;
}
	
.panel-close {
    top: 28px !important;
    right: 20px !important;
}

.mobile-toggle div {
	left: 0;
    top: 0px;
}





.mobile-menu>li>a {
    font-family: 'kepler-std-caption', 'BlinkMacSystemFont', -apple-system, 'Roboto', 'Lucida Sans';
	font-style: oblique;
}

.mobile-menu .sub-menu li {
	font-style: oblique;
}

.mobile-menu .sub-menu li a:hover {
    font-size: 20px;
    color: #7e6c4b !important;
    font-weight: 500;
}

.footer.style2.dark a {
    color: #fff !important;
}

.footer.style2.dark a:hover {
    color: #7d6b4d !important;
    transition: all ease 0.3s;
}

.menu-footer .social-links a {
	color: #fff !important;
}



.menu-footer p {
    font-size: inherit;
    margin-bottom: 10px;
	color: #fff !important;
}

.menu-footer p a {
	color: #fff !important;
}


.header .logolink .logoimg {
    max-height: 130px;
	height: 70px;
}

.mobile-menu>li>a {
    display: inline-block;
    font-size: 28px;
    line-height: 1;
    font-weight: 600;
    color: #fff !important;
    padding: 10px 0;
}

.mobile-menu > li >a:hover {
    color: #f4f1ed !important;
	transition: ease all 0.3s;
}

.mobile-menu > li >a.active {
    color: #73bb81;
}

.mobile-menu a {
    text-transform: none;
}

.mobile-menu .sub-menu li a {
    font-size: 20px;
    color: #fff !important;
    font-weight: 500;
}

a {
	color: #7e6c4b;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
}

/* Header nicht mehr fixieren */
.header {
    display: flex;
    align-items: center;
    position: static;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    z-index: 101;
    padding: 0 15px;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.post .post-content {
    float: none;
    margin-top: 30px;
}

		
p {
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
}

.header-margin, #searchpopup, #mobile-menu, #side-cart, #wrapper [role="main"], .pace, .share_container {
    margin-top: 0px;
}

.newsdate p {
	font-style: italic;
}

/* Logo */
.header .logolink .logoimg {
	width: 100%;
}

.mobile-toggle+.logolink {
    margin-left: 0px;
}

.footer p, .footer .widget p, .footer .widget ul li {
    color: #fff;
}

/* Portfolio Footer */

.thb-portfolio .type-portfolio.hover-style2 .portfolio-link {
    background: rgb(120, 185, 131,0.8);	
    opacity: 0;
}

.thb-portfolio .type-portfolio.title-center .portfolio-link h2, .thb-portfolio .type-portfolio.title-center .portfolio-link .thb-categories {
	text-align: center;
	color: #fff !important;
	margin-bottom: 0;
}

/* Portfolio Styles */

.thb-portfolio .type-portfolio.hover-style1 .portfolio-link, .thb-portfolio .type-portfolio.hover-style3 .portfolio-link, .thb-portfolio .type-portfolio.hover-style4 .portfolio-link, .thb-portfolio .type-portfolio.hover-style7 .portfolio-link {
    background: rgb(120, 185, 131,0.8);	
}

.thb-portfolio .type-portfolio.hover-style4 h2 {
    font-size: 32px;
    text-transform: none;
    margin-bottom: 5px;
	color: #fff !important;
}

.thb-portfolio .type-portfolio .thb-categories {
	color: #fff !important;
	font-style: oblique;
    text-transform: none;
    font-size: 20px;
}

.thb-portfolio .type-portfolio.portfolio-style2 h2 {
    font-size: 26px;
    margin: 0;
    font-weight: 900;
    text-align: center;
}

.thb-portfolio .type-portfolio.portfolio-style2 .thb-categories {
    font-size: 26px !important;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    line-height: 1.2;
}

.thb-portfolio .type-portfolio.portfolio-style2 .thb-categories {
    text-transform: none;
    font-size: 16px;
	color: #7e6c4b;
}

h4 {
    margin-bottom: 5px;
    font-weight: 900;
	font-style: italic;
	color: #7e6c4b;
}

@media only screen and (min-width: 40.063em) {
.menu-container {
    width: 615px;
	background-color: #73bb81;
}
	
			
p {
    font-style: normal;
    font-size: 18px;
    font-weight: 400;
}
}
/* Hamburger */


.mobile-toggle span:nth-child(1) {
    top: 7px;
}

.mobile-toggle span:nth-child(3) {
    top: 21px;
}

.mobile-toggle span:nth-child(2) {
    top: 14px;
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -webkit-transform: translateX(10%);
    transform: translateX(-10%);
}

.mobile-toggle span {
    width: 36px !important;
}

.vc_separator.vc_sep_color_white .vc_sep_line {
    border-color: #82ba89 !important;
    margin-top: 7px !important;
}

#full-menu li.menu-item-has-children>a:after {
    content: "";
    display: none;
}

#full-menu li.menu-item-has-children>a {
    padding-right: 0px;
    position: relative;
}

#full-menu .sub-menu li a {
    display: block;
    line-height: 1.75;
}

@media only screen and (min-width: 90.063em) {
 #full-menu .sf-menu>li:last-child {
	 margin: 0;
}
}

@media only screen and (min-width: 64.063em) {
.thb-portfolio-filter.style3 {
    display: none;
}
}

.large-h2 h2 {
    font-weight: 500;
    text-transform: none;
	line-height: 1 !important;
}

.mobile-toggle span {
    display: block;
    position: absolute;
    width: 16px;
    height: 2px;
    background: #7e6c4b;
    content: " ";
    left: 7px;
}

@media only screen and (min-width: 64.063em) {
    .large-h2 h2 {
        font-size:34px;  
    }

}
@media only screen and (min-width: 75em) {
    .large-h2 h2 {
        font-size:44px;
    }
	
}

.thb-portfolio .type-portfolio.portfolio-style2 h2 {
     text-transform: none;
}

.thb-portfolio .type-portfolio.portfolio-style2 .thb-categories {
    font-size:14px;
}

.header .icon-holder {
    text-align: right;
    margin-top: 22px;
}

h1,h3,h4,h5,h6 {
	color: #7e6c4b;
}

h2 {
	color: #82ba89;
}


.thb-portfolio .type-portfolio h2, .thb-portfolio .type-portfolio .thb-categories {
		color: #7e6c4b;
}

.newsbeitrag h3, .newsbeitrag p {
	color: #7e6c4b;
}

.newsbeitrag h3 {
		color: #82ba89;
}


.mobile-menu>li>a:hover {
    color: #7e6c4b !important;
}

.menu-footer p a:hover {
    color: #7e6c4b !important;
    transition: all ease 0.3s;
}

.menu-footer .social-links a:hover {
    color: #7e6c4b !important;
    transition: all ease 0.3s;
}

@media only screen and (max-width: 680px) {

.column, .columns {
    padding-left: 1rem;
    padding-right: 1rem;
}
	
.mobile-toggle div {
	left: -12px;
    top: 1px;
    width: 30px;
    height: 30px;
    position: relative;
}

.header .logolink .logoimg {
    height: 50px !important;
}
	
#einleitung-home {
	margin-top: 20px;
}
	
.mobile-menu .sub-menu li a {
    font-size: 20px;
    color: #fff !important;
    font-weight: 500;
}
	
.menu-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #73bb81;
    height: 100%;
    float: right;
    width: 100%;
    position: relative;
    color: #151515;
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

}