/*

Theme Name: Ergotree
Text Domain: Ergotree
Version: 2.8
Requires at least: 5.6
Requires PHP: 7.3.0
Author: SoEasyIT
Description: Motyw napisany na potrzeby strony www.

*/

/* STYLE NA POTRZEBY MOTYWU */

.grecaptcha-badge { display: none !important; }
.sticky-widget {
    display: block;
    position: fixed;
    right: 30px;
    bottom: 30px;
    padding: 0;	
    width: 300px;
	z-index: 1;
}
.sticky-widget-button,
.sticky-widget-image {
	display: block;
	position: relative;
	box-shadow: 0px 9px 14px rgba(121,107,75,.07);
}
.sticky-widget-button { margin-top: 10px;}
.sticky-widget-button a { display: block; }

.sticky-widget img {
	aspect-ratio: 300/150;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 8px;
}
.sticky-widget-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: var(--blue);
	border-radius: 8px;
}
.sticky-widget-overlay span {
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: 50%;
	width: 100%;
	padding: 0 30px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-align: center;
}
.sticky-widget-overlay span svg,
.sticky-widget-button a svg {
	max-width: 30px;
    display: inline-block !important;
    margin-left: 10px;
}
.sticky-widget-image:hover .sticky-widget-overlay {
	opacity: 1;
}

.single-baza-wiedzy-main .article article .content p { margin-bottom: 20px; }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    margin-bottom: 1.5em;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.single-baza-wiedzy .content .wp-block-image figure { margin: 0; }
.single-baza-wiedzy .content ul li { margin-bottom: 10px; }

/* top bar */
#top-bar {
	width: min(95%, 1278px);
	position: absolute;
	left: 0;
	right: 0;
	top: 20px;
	display: flex;
	align-items: center;
	margin: auto;
	padding-right: 25px;
	justify-content: flex-end;	
	z-index: 100;
}
#top-bar .icons {
    display: flex;
    transform: translateX(-10px);
    align-items: center;
}
#top-bar .icons .flag {
    margin-left: 5px;
}
#top-bar .icons svg {
    width: 32px;
    min-width: 32px;
}
#top-bar .icons .flag-pl svg {
    width: 90px;
    min-width: 90px;
}
#mobile-nav-menu { margin-top: 32px; }
#mobile-nav-menu.scrolled {	margin-top: 0; }

body:not(.wp-core-ui) .image-slider .images .label,
body:not(.wp-core-ui) .image-slider .images .label-gallery { display: block; }
body:not(.wp-core-ui) .image-slider .images .label-gallery {
    position: absolute;
	padding: 8px 20px 5px;
    background: var(--dark);
    border-radius: 0 8px 8px 0;
    top: 30px;
    left: 0;
    transition: .3s;
}
body:not(.wp-core-ui) .image-slider .images:hover .label-gallery { background: var(--dark-hover); }
body:not(.wp-core-ui) .image-slider .images .label-gallery { color: #fff; }
body:not(.wp-core-ui) .image-slider .images:hover .label-gallery { color: #fff; }

@media (min-width: 767px) {
	.sticky-widget-slogan { display: none; }
}
@media (max-width: 767px) {
	body.pl_PL.sticky-widget-on .cky-revisit-bottom-left { bottom: 75px !important; }
	.sticky-widget-image { display: none; }
	.sticky-widget-slogan { 
		display: block; 
		background-color: #f7ecd4;
	}
	.sticky-widget-button { margin-top: 0; }
	.sticky-widget-button a { border-radius: 0 !important; }
	.sticky-widget {
	    right: 0;
	    bottom: 0;		
		width: 100%;
		border-radius: 0;
		box-shadow: 0px -9px 14px rgba(121,107,75,.07);
		text-align: center;
		z-index: 1;
	}
	.sticky-widget-slogan a {
		display: block;
		padding: 16px;
		color: #000;
		text-decoration: none;
	}
	.hero .btn-wrapper a { 
		display: inline-flex;
		justify-content: center;
		align-items: center;
	}
	#top-bar { 
		top: 0;
		margin-top: 5px; 
		padding-right: 5px;
	}
	.pum-theme-lightbox .pum-container { margin: 0 20px; }	
}

@media (min-width: 576px) {
    header#header.scrolled { top: 20px; }
}
@media (max-width: 576px) {
    header#header.scrolled { top: 0; }
}

.langs {
/* 	pointer-events: none !important; */
}

.langs > * {
/* 	pointer-events: none !important; */
}

/*body:not(.wp-core-ui) .contact .et-container-forms .forms .right .wrapper .active, html:not(.wp-toolbar) .contact .et-container-forms .forms .right .wrapper .active, .acf-block-preview .contact .et-container-forms .forms .right .wrapper .active {
    flex-direction: column;
}*/

#hb-wrapperhb-single .hb-main-container:after {
    display: none !important
}

.hb-wrapper {
    --100vh: calc(100 * var(--vh));
    --height: min(calc(var(--100vh) - (var(--100vh) - calc(100vw / 16 * 9))), 90vh)
}

.hb-wrapper .hb-image-div {
    padding: 0 !important
}

@media(min-width: 768px) {
    .hb-wrapper .hb-main-container:after {
        content: "";
        display: block;
        position: absolute;
        width: 130px;
        height: 70px;
        background: #fff;
        z-index: 9994;
        left: 50%;
        transform: translateX(-50%);
        bottom: calc((100% - var(--height))/2 - 1px) !important
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .hb-wrapper .hb-main-container:after {
        height: 75px;
        width: 180px
    }
}

@media(min-width: 768px) {
    .hb-wrapper .hb-main-container img {
        min-width: 100%;
        aspect-ratio: 16/9;
        max-height: var(--height) !important;
        -o-object-fit: contain;
        object-fit: contain
    }
}

@media(min-width: 768px) {
    /*.hb-wrapper .hb-left-icon-container {
        opacity: 1 !important;
        left: calc(50% - 50px) !important;
        transform: translateX(-50%);
        bottom: calc((100% - var(--height))/2 + 41px) !important;
        top: unset !important;
        width: 30px !important;
        height: 24px !important
    }*/
    .hb-wrapper .hb-left-icon-container {
        opacity: 1 !important;
        left: 10px !important;
        bottom: 50% !important;
        top: unset !important;
        width: 45px !important;
        height: 45px !important
    }    
}

@media(min-width: 768px)and (max-width: 991px) {
    .hb-wrapper .hb-left-icon-container {
        width: 25px !important;
        bottom: calc((100% - var(--height))/2 + 21px) !important
    }
}

@media(min-width: 768px) {
    .hb-wrapper .hb-left-icon-container button {
        padding: 0 !important
    }

    .hb-wrapper .hb-left-icon-container button svg {
        width: 45px;
        max-height: fit-content !important;
        filter: drop-shadow(5px 5px 10px #ddd);
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .hb-wrapper .hb-left-icon-container button svg {
        width: 25px !important;
        height: 15px
    }
}

@media(min-width: 768px) {
    /*.hb-wrapper .hb-right-icon-container {
        opacity: 1 !important;
        right: calc(50% - 50px) !important;
        transform: translateX(50%);
        bottom: calc((100% - var(--height))/2 + 41px) !important;
        top: unset !important;
        width: 30px !important;
        height: 24px !important
    }*/
    .hb-wrapper .hb-right-icon-container {
        opacity: 1 !important;
        right: 10px !important;
        bottom: 50% !important;
        top: unset !important;
        width: 45px !important;
        height: 45px !important
    }    
}

@media(min-width: 768px)and (max-width: 991px) {
    .hb-wrapper .hb-right-icon-container {
        width: 25px !important;
        bottom: calc((100% - var(--height))/2 + 21px) !important
    }
}

@media(min-width: 768px) {
    .hb-wrapper .hb-right-icon-container button {
        padding: 0 !important
    }

    .hb-wrapper .hb-right-icon-container button svg {
        width: 45px;
        max-height: fit-content !important;
        filter: drop-shadow(5px 5px 10px #ddd);
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .hb-wrapper .hb-right-icon-container button svg {
        width: 25px !important;
        height: 15px
    }
}

@media(min-width: 768px) {
    .hb-wrapper .hb-counter {
        opacity: 1 !important;
        padding: 0 !important;
        height: unset !important;
        top: unset !important;
        left: 50% !important;
        transform: translateX(-50%);
        bottom: calc((100% - var(--height))/2 + 25px) !important
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .hb-wrapper .hb-counter {
        bottom: calc((100% - var(--height))/2 + 21px) !important
    }
}

@media(min-width: 768px) {
    .hb-wrapper .hb-counter * {
        font-size: 16px;
        line-height: 1.5;
        font-weight: 375
    }
}

@media(min-width: 768px) {
    .hb-wrapper .hb-close-icon-container {
        opacity: 1 !important;
        opacity: 1 !important;
        background: #fff;
        width: 55px;
        height: 49px;
        top: calc((100% - var(--height))/2 - 1px) !important
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .hb-wrapper .hb-close-icon-container {
        width: 45px;
        height: 35px
    }
}

@media(min-width: 768px) {
    .hb-wrapper .hb-close-icon-container button {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0);
        position: relative
    }

    .hb-wrapper .hb-close-icon-container button svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 19px;
        height: 19px;
        fill: #000
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .hb-wrapper .hb-close-icon-container button svg {
        width: 15px;
        height: 15px
    }
}

@media(min-width: 768px) {
    .safari .hb-wrapper .hb-main-container img {
        min-width: 100%;
        height: var(--height);
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media only screen and (max-width: 960px) {
    .hb-wrapper .hb-left-icon-container {
		left: calc(50% - 65px) !important;
		top: unset !important;
		bottom: 20px !important;
    }
    .hb-wrapper .hb-right-icon-container {
		right: calc(50% - 65px) !important;
		top: unset !important;
		bottom: 20px !important;
    }
    .hb-wrapper .hb-left-icon-container, .hb-wrapper .hb-right-icon-container {
        width: 60px !important;
        height: 60px !important;
        background-color: transparent !important;
        filter: drop-shadow(5px 5px 10px #ddd);
    }    
}


footer#footer .info-wrapper .label {
    text-decoration: none;
}

/* popups fix */
.pum-theme-lightbox .pum-container {
	top: 50% !important;
	left: 50% !important;
	max-width: 700px;
	transform: translate(-50%, -50%)
}
@media (max-width: 767px) {
	.pum-theme-lightbox .pum-container {
		left: calc(0% + 20px) !important;
		transform: translate(0%, -50%)
	}
}

/* mega menu fix */
header#header .et-container { justify-content: space-between !important; }
header#header .hamburger { display: none !important; }
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    transition: all .2s ease-in-out;
    transform: translate3d(0, 0, 0);
}
@media (max-width: 767px) {	
	.et-container .mega-menu-wrap { order: 1; }
	.et-container .logo { order: 2; }
	.et-container .langs { order: 3; margin-left: 0 !important; }
	#mega-menu-wrap-header .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-header .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-header .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
	    width: 30px;
	    height: 3px;
    }	
}

/* main page hide date fix */
.newest-aktualnosci .date {
	display: none !important
}