/*
Theme Name: UnderStrap
Theme URI: http://understrap.com
Author: Holger Koenemann
Author URI: http://www.holgerkoenemann.de
GitHub Theme URI: https://github.com/understrap/understrap
Description: Combination of Automattic´s _s theme and Bootstrap 4. Made as a solid starting point for your next theme project and WordPress website. Use it as starter theme or as a parent theme. It is up to you. Including Font Awesome support, built-in widget slider and much more you need for basic websites. IMPORTANT: All developer dependencies are not bundled with this install file. Just download the .zip, extract it and run "npm install" and "gulp copy-assets" inside the extracted /understrap folder. 
That downloads everything and moves it in place so that you can recompile your CSS and JS files;
A developer version (with Gulp/node and Sass sources) is available on gitHub: https://github.com/understrap/understrap
A child theme is available on Github, too: https://github.com/understrap/understrap-child;
Version: 0.8.6
License: UnderStrap WordPress Theme, Copyright 2013-2017 Holger Koenemann
UnderStrap is distributed under the terms of the GNU GPL version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap
*/ 
.single__text{
	margin-bottom:64px;
}
.single .h1{
	height:auto;
	min-height:58px;
}
.single .row{
	justify-content:center;
}
.single h2{
	margin-bottom:24px;
}
.contact{
    background-image: url(./img/Paprotki.png);
}
.single__illustration{
	margin-top:80px;
}
section li::marker {
/*     font-family: "Mulish", sans-serif; */
}
.header__info__single p a, .header__nav ul li a{
    color: #2c3f23;
}
.header__info__single p a:hover, .header__nav ul li a:hover{
    color: #758956;
}
.trainings__heading, .slider-section__heading{
	margin-bottom:40px;
}
.services h3{
	color:#CCDA68;
}
.services__slide{
	padding: 64px 40px 40px;
	height:auto;
}
.services .splide__list{
	align-items:flex-start
}
.person .row{
	align-items:flex-start;
}
.news__slide__links .pretty-link:first-child{
	color: #CCDA68
}
.news__slide__links .pretty-link:nth-child(2):before{
	opacity:0.8
}
.news__slide__links .pretty-link:hover {
    color: #758956;
}

body{
	background-image:none;
}

section, .footer::before {
    background-position: center 0;
}

svg:not(:root) {
    overflow: visible;
}
.splide__arrow:hover {
    clip-path: url(#button2-clip-path);
}

      svg .group-clone {
        transform-box: fill-box;
        transform-origin: center;
        pointer-events: none;

        opacity: 0;
        transform: scale(1) translateY(0);
        transition:
          opacity 0.2s ease 0.2s,
          transform 0.6s ease; 
      }

      svg .group-clone.active {
        opacity: 1;
        transform: scale(1.08) translateY(-8px);
        transition:
          opacity 0.2s ease,
          transform 0.6s ease; 
      }

      svg .hidden {
        opacity: 0;
        transition: opacity 0s;
      }
      
      svg .group-clone .hidden {
        transition: opacity 0s;
        opacity: 1;
      }


      svg .group, svg .content {
        transition: all 0.2s ease 0.1s;
        opacity: 1;
      }

       svg .group.hidden, svg .content.hidden {
        opacity: 0;
        transition: all 0.2s ease 0.1s;
      }

.mobile-menu::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(360deg, rgba(44, 63, 35, 0) 0%, #2C3F23 100%);
}
.mobile-menu__inner{
	position:relative;
    z-index: 2;
}
.hamburger.active span.bar.bar-1{
    top: 48%;
	transform:rotate(45deg);
}
.hamburger.active span.bar.bar-2{
    top: 48%;
	opacity:0;
}
.hamburger.active span.bar.bar-3{
    top: 48%;
	transform:rotate(-45deg);
}
.mobile-menu{
	top: -100%;
	left: 0;
}
.mobile-menu.visible {
    left: 0;
	top: 0;
}
.footer__recaptcha p a{
	text-decoration:underline;
}
.heading h1{
	overflow:hidden;
}

@media (max-width: 1599px) and (min-width: 1450px) {
    .container {
        max-width: 90%;
    }
}
@media (max-width: 767px) {
    .services__slide {
        padding: 40px 32px 24px;
    }
	section, .footer::before {
		background-image: url('./img/bg-mobile2.png');
    	background-position: center bottom;
	}
	.start::after {
		background-image: url('./img/bg-mobile2.png');
    	background-position: center bottom;
	}
	p, section li {
    font-weight: 300;
}
	.single--post p{
		margin-bottom: 0;
	}
}