/*
 Theme Name:   Tetzlaff
 Theme URI:    https://kim-tetzlaff.dk/
 Description:  Default GeneratePress child theme
 Author:       Kim Tetzlaff
 Author URI:   https://kim-tetzlaff.dk/
 Template:     generatepress
 Version:      0.1
*/

.Green, .Green h2{color:#fff;background-color: #6dab43;}
.Green h2{font-weight:700; font-size:xx-large;}
.Green .wp-block-group__inner-container .wp-block-button{margin-left:auto; margin-right:auto;  text-align:center}

.fremheav{background:#6dab43; padding:50px; color:#fff; margin-bottom:40px !important;-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);}
.fremheav input[type="submit"]{border: solid 1px #fff;}
.fremheav h2{color:#fff; font-weight:700; font-size:30px}
.fremheav h2::after{content: ""; border:2px solid #333; display:block; width:50%; margin:10px auto}
/* Image with 'data' attribute is hidden */
pre{font-family: Consolas,monospace}
.tips2 h2{padding:10px; color:#fff;background:#6dab43}

.tips .svaerhed .wp-block-group__inner-container{background:#fefefe; padding:5% 5%; margin-bottom:60px}
.single-post .tips{padding:5%}
.tips{position:relative;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}
.tips *{z-index:1;}
.tips h2{font-weight:500; font-size:30px}
	.tips .tippet{font-size:75px; text-transform:uppercase; font-weight:500; display:inline-block; position:absolute; right:10px;top:10px; line-height:60px; text-align:center;opacity:0.2; z-index:2;}
.tips .tippet span{display:block;font-weight:700;font-size:80%;}
.tips .tippet span:before{content: "";
    display: block;
    border-bottom: 3px solid #6dab43; width:100%; border-top:3px solid #6dab43}

.tips .tippet{font-size:40px; font-weight:500; display:inline-block; line-height:30px; text-align:center;opacity:1;
	padding: 31px;
	background: #fff;
    border-radius: 50%;top:-50px;}
.tips .tippet span{display:inline-block;font-weight:700;font-size:80%;}
.tips .tippet span:before{content: "";
    display: block;
    border-bottom: 3px solid #6dab43; width:100%;}
.googleIframe{width:95%;min-height:500px; margin:0 auto 50px auto; display: block; background:#fff}
img[data-lazy-src] {
/* we set the opacity to 0 */
   opacity: 0;
}
/* Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
/* prepare the future animation */
   -webkit-transition: opacity .2s linear 0.2s;
       -moz-transition: opacity .2s linear 0.2s;
                 transition: opacity .2s linear 0.2s;
/* we set the opacity to 1 to do the magic */
   opacity: 1;
}
.wp-block-column p:last-child, .wp-block-columns{margin-bottom:0; padding-bottom:0}
.headerText{position:relative;padding-top:60px; padding-bottom:60px;}
.headerText .grid-container{z-index:1;position:relative}

.wp-block-group {padding-top:60px; padding-bottom:60px}

/*TILBUD TOP*/
.tilbudTop {padding: 5px; background: #333; color:#fff}
.tilbudTop p{padding-top:10px; margin:0;}
.tilbudTop .knappen{text-align:right;}
.teksten{font-weight:bold;}
.grayBG {
    background: #333;
		color: #fff;
}
/*.row{	padding:60px 20px}*/
.center{text-align:center;}
.grayBG h1{font-weight:500;padding:0; margin:0;}

.post-image img{width:100%}

.lightGray {
    background-color: #eaeaea;
}


.borderBottom{border-bottom:1px #cccccc solid;}
.site-logo svg, site-logo img{width:210px;}
.inside-navigation .mobile-header-logo svg{width:170px;}

.attachment img[src$=".svg"],.widget_media_image img[src$=".svg"]{width:100%}.attachment img[src$=".svg"],.widget_media_image img[src$=".svg"]{width:100%}.attachment svg,.widget_media_image svg{max-width:100%;height:auto}

.entry-content > p:empty  {
    display: none;
}

.relatedPosts h2{display:block; text-align:center; background:#333; color:#fff; padding: 15px;}

/* BLOG */
.blog .entry-title a{font-size:16px; color:#fff; background:#333; display:block; padding:5px; text-align:center;}
.blog .post-image{padding:0; margin:0px !important;}
.blog .entry-summary{display:none;}
/*CTA*/
.cta .button{margin-top:20px; font-size:15px; display:block; border-radius:5px}
.grayBG .cta{padding:30px; background:#fff; color:#333;text-align:center; border-radius:5px;}
.grayBG .cta h2{font-size:20px; margin:0;font-weight:500;}
.grayBG .cta h4{font-size:16px; margin-bottom:10px; font-weight:500;}

/*FORM*/
.form-inline input[type="button"] {width:100%}
.form-inline .nf-form-fields-required{display:none}

#ninja_forms_widget-3 {
    background: #6DAB43;
    color: #FFFFFF;
	padding:20px;
}
#ninja_forms_widget-3 .widget-title{color:#fff; text-align:right;}



/*Accordion*/
.acordion .title:before{content:"+ "}
.acordion.active .title:before{content:"- "}
.acordion .text{}
.acordion.active .text{display:block; padding: 15px 15px 0px 15px}
.acordion .title{display:block; background:#6dab43; padding:5px 10px; color:#fff; cursor: pointer; margin-bottom:5px;}

/* Button */
.btn{padding:20px 5px}

/*Separator*/
.separator{height:10px; background:#efefef; margin:50px 0px}

.footer-widgets .widget-title{border-bottom: 1px solid #6DAB43;margin-bottom:15px;padding-bottom:10px;}

.priceBoxGreen{border:1px solid; margin-top:30px}


@media screen and (max-width: 1024px) {
	.cta{margin-bottom:20px}
}
@media screen and (max-width: 768px) {
.tilbudTop p{padding-top:10px; margin-bottom:20px;}
.tilbudTop .knappen,.tilbudTop p{text-align:center;}
	.tilbudTop .knappen{margin-bottom:20px;}
}

/* FAQ STYLES */
.faq{}
.faq .wp-block-column{padding: 40px 2%;transition: background 0.2s linear;}
.faq h3{margin-bottom:13px}
.faq h3::after{content: "";
  display: block;
  border-bottom: 3px solid #6dab43;
  width: 10%;
  position: relative;padding-top:10px;
transition: width 0.2s linear;}
.faq .wp-block-column:hover h3::after{width: 100%;}
.faq .wp-block-column:hover {background:#444; color:#fff}

/* GUTENBERG */
.noBpadding{padding-bottom:0;}
.noTpadding{padding-top:0;}
.entry-content > [class*="wp-block-"]:not(:last-child){margin-bottom: 0;}
.alignfull .wp-block-group__inner-container{max-width: 100%;}
.wp-block-group__inner-container{ max-width: 1180px;margin:0px auto}

@media (min-width: 1024px){
	.wp-block-pullquote{padding-bottom:0}
	blockquote{margin:0}
}

@media screen and (max-width: 900px) {
	.wp-block-group__inner-container{padding-left:3%;padding-right:3%}
	.faq .wp-block-columns{display:block}
	.faq .wp-block-column:last-child{width:98%}
	.faq .wp-block-column{ width:46%; display:inline-block}
	.wp-block-column:nth-child(2n) {
    margin-left: 0px;
}
	
}

@media only screen and (max-width: 420px) {
	.fremheav{padding:10px}
	.faq .wp-block-column{padding: 40px 2%; transition: background 0.2s linear; width:96%; display:block}
	.faq .wp-block-columns{margin:0px}
	
	.wp-block-columns {
		display: block;
	}
	
.wp-block-column {
		width: 96%;
		padding: 40px 2%;
	margin:0px;
}
	

}