/* 
Theme Name: Galeria Rondo Wiatraczna
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Galeria Rondo Wiatraczna
Author: Seofly
Author URI: https://seofly.pl/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.full-h-post .e-loop-item > div{
    height: 100%;
}
.loop-lokale .loop-lokale-title a{
    font-weight: 500 !important;
}
.loop-lokale .loop-lokale-readMore a{
    font-weight: 800;
}
.bold .elementor-heading-title {
	font-weight: bold !important;
}
 .single-post .single-post-content ul{
    margin-bottom: 1em !important;
}
.leading-none{
    line-height: 0;
}
.font-medium a,
.font-medium span{
    font-weight: 500 !important;
}
.socialeHeader a:hover{
    font-size: 30px;
}
.breadcrumbs,
.breadcrumbs a{
    font-size: 14px;
}
.breadcrumbs a:hover{
    font-size: 14px;
}
.headerTime{
    color: white;
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
}
.term-sklepy .sklepy-btn .elementor-button{
    background-color: #E95E1D !important;
    color:white !important;
}
.term-restauracje .restauracje-btn .elementor-button{
    background-color: #E95E1D !important;
    color:white !important;
}
.term-uslugi .uslugi-btn .elementor-button{
    background-color: #E95E1D !important;
    color:white !important;
}
.headerFlags img{
    display: none;
}
.headerFlags .elementor-shortcode{
    display: flex;
    gap:13px;
    align-items: center;
}
.elementor-post-navigation{
    gap:10px;
}
.headerFlags .gt-current-lang{
    background-color: #E95E1D;
    padding: 12px;
    color: white;
    border-radius: 50%;
}
.headerFlags .gt-current-lang:hover span{
    color: white;
}
.headerFlags .gt-current-lang span{
    color: white;
}
.headerFlags span:hover,
.headerFlags span{
    color: #292A45;
}
.headerFlags span{
    font-size: 18px;
    font-weight: 500;
}
.headerTimeLink{
    width: fit-content;
}

/* status */
.status {
    color:white;
    display: inline-flex;
    gap:10px;
    align-items: center;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
	line-height:0;
}
.status .status-icon{
    height: 18px;
    width: 18px;
    display: block;
    border-radius: 50%;
}
.status.green .status-icon{
    background-color: #00C735;
    animation: pulseGreen 1.5s infinite;
}
.status.yellow .status-icon{
    background-color: #de950b;
    animation: pulseYellow 1.5s infinite;
}
.status.red .status-icon{
    background-color: #ED2626;
    animation: pulseRed 1.5s infinite;
}
@keyframes pulseRed{
    0% {
    box-shadow: 0 0 #a11717;
}
70% {
    box-shadow: 0 0 0 7px #0f00;
}
100% {
    box-shadow: 0 0 #0f00;
}
}
@keyframes pulseYellow{
    0% {
    box-shadow: 0 0 #ab740d;
}
70% {
    box-shadow: 0 0 0 7px #0f00;
}
100% {
    box-shadow: 0 0 #0f00;
}
}
@keyframes pulseGreen{
    0% {
    box-shadow: 0 0 #067925;
}
70% {
    box-shadow: 0 0 0 7px #0f00;
}
100% {
    box-shadow: 0 0 #0f00;
}
}
/* slide menu */
.menu-slide .elementor-item:before{
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    width: 90%;
}

.postsLoop .elementor-pagination .page-numbers{
    font-size: 32px;
    font-weight: 500;
}
.postsLoop .e-loop-item .elementor-widget-theme-post-featured-image a:after{
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: -13px;
    border-radius: 50px;
    left: 0;
    z-index: -1;
}
.postsLoop .e-loop-item.category-oferty-i-promocje .elementor-widget-theme-post-featured-image a:after{
    background-color: #E95E1D;
}
.postsLoop .e-loop-item.category-przyszle-wydarzenia .elementor-widget-theme-post-featured-image a:after{
    background-color: #1DD8E9;
}
.postsLoop .e-loop-item.category-z-zycia-galerii .elementor-widget-theme-post-featured-image a:after{
    background-color: #292A45;
}

.filterPosts .e-filter-item {
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 60px;
}
.filterPosts .e-filter-item[data-filter="z-zycia-galerii"]:hover,
.filterPosts .e-filter-item[data-filter="oferty-i-promocje"]:hover{
    color: white;
}
.filterPosts .e-filter-item[data-filter="oferty-i-promocje"]:hover{
	border: 2px solid #E95E1D;
}
.filterPosts .e-filter-item[data-filter="__all"],
.filterPosts .e-filter-item[data-filter="__all"]:hover{
    border: 2px solid #E95E1D;
}
.filterPosts .e-filter-item[data-filter="z-zycia-galerii"] {
 background-color: #292A45;
color: white;
}
.filterPosts .e-filter-item[data-filter="przyszle-wydarzenia"] {
 background-color: #1DD8E9;
	border: 2px solid #1DD8E9;
color: #292A45;
}
.filterPosts .e-filter-item[data-filter="oferty-i-promocje"] {
 background-color: #E95E1D;
border: 2px solid #E95E1D;
color: #ffffff;
}
.postsLoopSlider .elementor-loop-container{
    overflow: visible;
    overflow-x: clip;
}
.singleSklepHeader h4{
    color: #292A45 !important;
}
.postsLoopSlider.postsLoop{
overflow: visible;
    overflow-x: clip;
}


/* @keyframes pulseGreenSingle{
    0% {
    box-shadow: 0 0 rgba(45,212,90,0.68);
}
70% {
    box-shadow: 0 0 0 7px #0f00;
}
100% {
    box-shadow: 0 0 #0f00;
}
}

@keyframes pulseRedSingle{
    0% {
    box-shadow: 0 0 rgba(161,24,24,0.43);
}
70% {
    box-shadow: 0 0 0 7px #0f00;
}
100% {
    box-shadow: 0 0 #0f00;
}
} */

.sklepy-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.sklepy-grid .sklepy-col {
    display: flex;
    flex-direction: column;
}

.sklepy-grid .sklep-item {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    align-items: center;
    padding: 6px 0;
    gap:8px;
    color: #292A45;
}
.sklepy-grid .sklep-item:hover{
    color: #E95E1D;
} 
.sklepy-grid .sklep-nazwa {
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
}

.sklepy-grid .status {
    display: inline-block;
   height: 18px;
    width: 18px;
    display: block;
    border-radius: 50%; 
}
.sklepy-grid .red.status{
     background:  #ED2626;

}
.sklepy-grid .green.status{
       background: #00C735;
}
.sklep-hours{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sklep-hours__days{
    text-transform: uppercase;
    font-weight: 600;
}
.sklep-item-container {
padding-bottom: 2px;
    border-bottom: 2px solid #1DD8E9;
    color: #292A45;
}
.sklep-hours__days{
    margin-right: 2px;
}
.sklep-hours__item a,
.sklep-hours__item a:hover{
    font-weight: 600;
}
.open-now-header{
  font-family: "Rubik", Sans-serif;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2em !important;
    letter-spacing: 0px !important;   
    margin: 0;
}
.singleSklepCustomHours .elementor-widget-container{
    display: flex;
    flex-direction: column;
    row-gap:16px;
}
.singleSklepPhone,
.singleSklepPhone a{
    color: white;
    font-weight: 600;
}
.bold a,
.bold a:hover,
.singleInfoWrap a:hover{
    font-weight: 600;
}
.singleInfoWrap a:hover{
    color: #E95E1D !important;
}
.openTitle{
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    line-height: 1.2em !important;
    margin: 0 !important;
}
.godziny-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.godziny-col {
    flex: 1;
}
.open-now-header,
.days-range{
    text-transform: uppercase;
}
.hours-block {
    margin-bottom: 15px;
}

.days-range {
    font-weight: bold;
    margin-bottom: 5px;
}

.hours-section-header {
    font-weight: bold;
    margin: 15px 0 10px;
    font-size: 1.1em;
}
.line-break{
    line-break: anywhere
}
.single-post .wp-block-button__link {
    background-color: #E95E1D;
    color:white !important;
    font-size: 24px;
    font-weight: 600;
    padding: 12px 24px;
    transition: all 0.3s;
}
.single-post .wp-block-button__link:hover {
    background-color: #1DD8E9;
    color:#292A45 !important;
    font-size: 24px;
    font-weight: 600;
    padding: 12px 24px;
}
.df-bg{
    background-color: transparent !important;
}
._df_book{
    margin-bottom: 1.2em !important;
}
/* .single-post  .elementor-widget-container *:not(._df_book):not(._df_book *) {
    max-width: 800px;
    margin: auto;
}
.single-post  .max-w-post > .e-con-inner{
    max-width: 100% !important;
} */
.single-post p{
    margin-bottom: 1.2em !important;
}
.social-header a:hover{
    font-size: 30px !important;
}
.social-header-menu a:hover{
	font-size: 39px !important;
}
.status{
	flex-shrink: 0;
}
.read-more-slider-wpis a{
    font-size: 22px !important;
}
.df-icon-download{
    display: none !important;
}
:root :where(.is-layout-flex) {
row-gap: 0px;
    column-gap: 40px;
}

@media (max-width: 768px) {
    .sklepy-grid {
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width:767px){
	.max-height-wpis-loop img{
    max-height: 450px;
}
	.socialeHeader a:hover{
    font-size: 25x;
}
	.headerFlags .gt-current-lang{
		padding: 9px;
	}
	.headerFlags .elementor-shortcode{
		gap: 9px;
	}
}


#filterLokal div.asl_w .probox,
#filterLokal .orig,
#filterLokal .promagnifier{
    height: 50px !important;
}
#filterLokal{
    width: 30%;
    min-width: 400px;
    padding-right: 12px
}
#filterLokal div.asl_m.asl_w{
    border-radius: 60px !important;
    padding-left: 6px;
    padding-right: 6px;
}
 .asl_res_url{
    color: #292A45 !important;
  
}
div.asl_r .results .item .asl_content h3,  div.asl_r .results .item .asl_content h3 a{
      font-weight: 500 !important;
}
#filterLokal .probox{
        align-items: center;
}
#filterLokal input::placeholder{
    font-size: 15px;
}
div.asl_r.vertical{
    border-radius: 20px;
-webkit-box-shadow: 0px 0px 19px -8px rgba(66, 68, 90, 1);
-moz-box-shadow: 0px 0px 19px -8px rgba(66, 68, 90, 1);
box-shadow: 0px 0px 19px -8px rgba(66, 68, 90, 1);
}
.results .asl_content{
    display: flex;
    align-items: center;
}

@media screen and (max-width:767px){
    #filterLokal{
    width: 100%;
    min-width: 100%;
}
}
@media screen and (min-width:767.1px){
	.sklepy-grid {
    gap: 84px;
}
	.postsLoopSlider.postsLoop > .elementor-widget-container{
/*     margin-left: -200px;
    margin-right: -200px; */
    overflow-x: visible;
}
}
@media screen and (max-width:1024px){

	    .social-header a:hover{
    font-size: 24px !important;
}
	.status,
	.headerTime{
		font-size: 16px;
	}
}
@media screen and (min-width:1300px){
	._df_book{
    position: relative !important;
    left: 50%;
    right: 50%;
    margin-left: -650px;
    width: 1300px !important;
    max-width: 100vw;
    padding: 20px;
    box-sizing: border-box;
    z-index: 1;
}
}
@media screen and (max-width:1100px){
    .blog-bg-img{
        opacity: 0.2;
    }
}
@media screen and (max-width:1200px){
    .opacity-img-bg{
        opacity: 0.1;
    }
}