/*
Theme Name: Homirx
Theme URI: https://gaviaspreview.com/wp/homirx/
Author URI: https://themeforest.net/user/gavias
Author: Gaviasthemes Team
Description: The 2024 theme for WordPress is a fully responsive theme that looks great on any device.
Version: 1.0.3
Tested up to: 5.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, translation-ready
Text Domain: homirx

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.wp-caption-text{
   font-weight: 400;
   font-size: 14px;
   font-style: italic;
   color: #3f3836;
}
.gallery-caption{
   font-weight: 500;
}
.bypostauthor{
   text-align: left;
}


.apartaments_header{
   height: 600px;
   background-size: cover;
   background-position: center;
   box-shadow: inset 0 0 0 99000px rgb(0 0 0 / 60%);
   position: relative;
   margin-bottom: 68px;
}

.apartaments_header_table{
   bottom: -68px;
   position: absolute;
   max-width: 1260px;
   width: 100%;
   padding: 20px;
   box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1);
   background-color: #FFFFFF;
   border-radius: 14px;
   left: 50%;
   transform: translate(-50%, 0);
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-gap: 10px;
}
.apartaments_header_table div{
   padding: 10px;
}

.apartaments_header_table div h2{
   position: relative;
   font-family: "Anuphan", Sans-serif;
   font-size: 20px;
   font-weight: 300;
   line-height: 26px;
   letter-spacing: 0px;
   margin-bottom: 0px;
   padding-bottom: 15px;
   margin-top: 10px!important;
}

.apartaments_header_table div h2:after{
   content: '';
   width: 20px;
   height: 2px;
   background: #f39c12;
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 1;
}

.apartaments_header_table div span.title{
   color: #f39c12;
   font-family: "Anuphan", Sans-serif;
   font-weight: 200;
   font-size: 18px;
   line-height: 28px;
}




.apartaments_header img{
   width: 100%;
}

.apartaments_header_table div:nth-child(4){
   display: flex;
   justify-content: flex-end;
   align-items: center;
}

.apartaments_header_table div a{
   background: #f39c12;
   font-family: "Anuphan", Sans-serif;
   font-size: 14px;
   font-weight: 200;
   text-transform: uppercase;
   letter-spacing: 1px;
   fill: #FFFFFF;
   color: #FFFFFF;
   border-radius: 6px 6px 6px 6px;
   padding: 20px 28px 20px 28px;
   line-height: 1;
}
.apartaments_main_grid{
   padding: 84px 0;
   display: grid;
   grid-template-columns: 25fr 12fr;
   grid-gap: 30px;
   max-width: 1260px;
   width: 100%;
   margin: auto;
}

.apartaments_main_grid .left .top_image img{
   border-radius: 6px;
   width: 100%;
   height: auto;
}

.apartaments_main_grid .left .bottom_images img{
   aspect-ratio: 263 / 176;
}

.fixed_on_active.active{
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #00000047;
   z-index: 9999;
   backdrop-filter: blur(10px);
}

.fixed_on_active.active #hotresContainer{
   z-index: 99999;
   background: #fff;
   width: 100%;
   max-height: 80vh;
   overflow: auto;
}

.apartaments_main_grid .left .bottom_images{
   margin-top: 20px;
   max-width: 831px;
}

.bottom_images .swiper-pagination{
   bottom: 0px;
}

.swiper-button-prev,.swiper-button-next{
   color: #fff;
   transform: translate(0, -10px);
}

.bottom_images .swiper-pagination-bullet-active{
   background: #000;
}

.swiper-button-prev:after,.swiper-button-next:after{
   font-size: 20px;
}

.apartaments_images{
   padding-bottom: 30px;
}


.apartaments_images_popup{
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
   box-shadow: inset 0 0 0 99000px rgb(0 0 0 / 60%);
   z-index: 999;
}

.apartaments_images_popup_container{
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
}

.apartaments_images_popup_container_image{
   max-width: 40vw;
   max-height: 80vh;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   height: 100%;
}

.apartaments_images_popup_container_image img:nth-child(1){
   position: absolute;
   left: -60px;
   cursor: pointer;
   transform: rotate(180deg);
}
.apartaments_images_popup_container_image img:nth-child(3){
   position: absolute;
   right: -60px;
   cursor: pointer;
}

.apartaments_images_popup_container_image img:nth-child(2){
   width: auto;
   height: 100%;
   border-radius: 6px;
   display: flex;
   object-fit: contain;
}

.apartaments_images_popup > img{
   position: absolute;
   top: 50px;
   right: 50px;
   width: 32px;
   z-index: 9999;
   cursor: pointer;
}

.box_1{
   box-shadow: inset 0 0 0 99000px rgb(0 0 0 / 60%);
   background-image: url(https://velleapartamenty.pl/wp-content/uploads/2025/02/mierzeja-wislana-1.jpg);
   background-size: cover;
   border-radius: 10px;
   padding: 35px;
}

.box_1 > span{
   color: #FFFFFF;
   font-family: "Anuphan", Sans-serif;
   font-weight: 300;
   display: block;
   padding-bottom: 15px;
   margin-bottom: 10px;
   font-size: 18px;
   line-height: 22px;
}

.box_1 > p{
   color: #FFFFFF;
   font-family: "Anuphan", Sans-serif;
   font-size: 18px;
   font-weight: 200;
   line-height: 30px;
   margin-top: 25px;
}

.box_1 .button{
   display: flex;
   justify-content: center;
   align-items: center;
}

.box_1 .button a{
   font-family: "Anuphan", Sans-serif;
   font-size: 14px;
   font-weight: 200;
   text-transform: uppercase;
   letter-spacing: 1px;
   fill: #FFFFFF;
   color: #FFFFFF;
   border-radius: 6px 6px 6px 6px;
   padding: 20px 28px 20px 28px;
   background: #f39c12;
   line-height: 1;
   margin-top: 10px;
}

.lines{
   display: flex;
   align-items: center;
   gap: 6px;
   position: relative;
   top: -8px;
}

.lines .line{
   width: 12px;
   height: 2px;
   background: #f39c12;
}

.apartaments_main i{
   color: #f39c12;
}

.apartaments_main_grid .right{
   display: flex;
   flex-direction: column;
   gap: 30px;
}

.box_2{
   border-radius: 10px;
   padding: 35px;
   box-shadow: 0px 0px 46px 5px rgba(0, 0, 0, 0.24);
}

.box_2 > span{
   color: #16243e;
   font-family: "Anuphan", Sans-serif;
   font-weight: 300;
   display: block;
   padding-bottom: 15px;
   margin-bottom: 10px;
   font-size: 18px;
   line-height: 22px;
}

.box_2 .details span{
   font-size: 16px;
   font-weight: 300;
}

.box_2 .details .detail{
   display: flex;
   align-items: center;
   gap: 15px;
}

.box_2 .details{
   margin-top: 20px;
   display: flex;
   flex-direction: column;
   gap: 10px;
}

#map{
   max-height: 300px;
   margin-top: 20px;
}

.line_gray{
   background: #EBE6DE;
   height: 1px;
   width: 100%;
   margin: 30px 0;
}

.apartaments_description h2{
   font-family: "Anuphan", Sans-serif;
   font-size: 1.8em;
   font-weight: 200;
}

.apartaments_description span{
   display: block;
   margin: 20px 0;
   font-family: "Anuphan", Sans-serif;
   font-size: 1.1em;
   font-weight: 200;
   line-height: 30px;
}

.flat_in{
   display: flex;
   gap: 20px;
   flex-wrap: wrap;
   align-items: center;
   margin: 20px 0;
}

.flat_in .flat_in_box:last-child{
   border-right: unset!important;
}
.flat_in .flat_in_box{
   display: flex;
   align-items: center;
   gap: 10px;
   border-right: 1px solid #ddd;
   padding-right: 15px;
}

.flat_in .flat_in_box span{
   margin: 0!important;
}


.apartaments_rest{
   background: #E2E2E2;
   padding: 80px 0;
}

.apartaments_rest h2{
   max-width: 1260px;
   font-family: "Anuphan", Sans-serif;
   font-size: 45px;
   font-weight: 200;
   margin: 0 auto 50px auto;
}

.apartaments_rest #hotresContainer{
   max-width: 1260px;
   margin: auto;
}

.apartaments_city{
   background: #E7F2FF;
   padding: 80px 0;
}
.apartaments_city_container h2{
   max-width: 1260px;
   font-family: "Anuphan", Sans-serif;
   font-size: 45px;
   font-weight: 200;
   margin: 0 auto 50px auto;
}
.apartaments_city_container{
   margin: auto;
   max-width: 1320px;
}


.apartaments_city_slide{
   display: flex!important;
   flex-direction: column;
   align-items: flex-start!important;
}

.apartaments_city_slide .top img{
   aspect-ratio: 400 / 269;
   width: 100%;
   object-fit: cover;
   border-radius: 10px;
}

.apartaments_city_slide .bottom{
   color: #16243e;
   width: calc(100% - 30px);
   background: #fff;
   padding: 30px;
   position: relative;
   line-height: 1;
   bottom: 40px;
   border-radius: 0 10px 10px 10px;
   font-size: 20px;
   font-weight: 600;
}

.apartaments_city_swiper{
   padding: 0 30px;
}

.apartaments_city_swiper .swiper-button-prev{
   border: 1px solid #8080800d;
   width: 56px;
   height: 56px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #fff;
   color: #f39c13;
   border-radius: 100%;
   left: 0px;
   opacity: 0;
   transition: ease-in-out 0.3s;
}

.apartaments_city_swiper:hover .swiper-button-next,.apartaments_city_swiper:hover .swiper-button-prev{
   opacity: 1;
}

.apartaments_city_swiper .swiper-button-next{
   border: 1px solid #8080800d;
   width: 56px;
   height: 56px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: #fff;
   color: #f39c13;
   border-radius: 100%;
   right: 0px;
   opacity: 0;
   transition: ease-in-out 0.3s;

}


.apartaments_city_swiper .bottom{
   position: relative;
   box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.07);
}

.apartaments_city_swiper .bottom .abs_bottom i {
   color: #fff!important;
}

.apartaments_city_swiper .top{
   overflow: hidden;
}

.apartaments_city_swiper .swiper-slide .top{
   border-radius: 10px;
}

.apartaments_city_swiper .swiper-slide .top img{
   transition: ease-in-out 0.3s;
}

.apartaments_city_swiper .swiper-slide:hover .top img{
   transform: scale(1.1);
}

.apartaments_city_swiper .bottom .abs_bottom{
   background: #f39c12;
   border-radius: 100%;
   position: absolute;
   right: 22px;
   width: 50px;
   height: 50px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 13px;
   top: -26px;
}


@media (max-width: 1300px){

   .apartaments_city_slide > a{
      width: 100% !important;
   }

   .apartaments_images_popup_container_image{
      max-width: 80vw!important;
   }
   .apartaments_images_popup_container_image img:nth-child(1){
      left: -30px!important;
   }
   .apartaments_images_popup_container_image img:nth-child(3){
      right: -30px!important;
   }
   .apartaments_main_grid,.apartaments_rest,.apartaments_city{
      padding-left: 20px;
      padding-right: 20px;
   }
   .apartaments_main_grid{
      grid-template-columns: 1fr!important;
   }
   .apartaments_main_grid .left .bottom_images{
      max-width: calc(100vw - 40px) !important;
   }
   .apartaments_header_table{
      margin: 0 20px!important;
      max-width: calc(100% - 40px);
      left: 0!important;
      transform: translate(0) !important;
      grid-template-columns: 1fr 1fr!important;
      position: relative;
      bottom: -100px;
   }
   .apartaments_header_table div a{
      width: 100% !important;
      text-align: center;
   }
   .apartaments_header{
      display: flex!important;;
      align-items: flex-end!important;
   }
}

@media (max-width: 700px){
   .apartaments_city_swiper .swiper-button-prev, .apartaments_city_swiper .swiper-button-next{
      opacity: 1!important;
   }
   .apartaments_city_swiper .swiper-button-next,.apartaments_city_swiper .swiper-button-prev{
      width: 40px!important;
      height: 40px!important;
   }
   .apartaments_city_swiper{
      padding: 0!important;
   }
   .swiper-button-prev, .swiper-button-next{
      transform: translate(0, -44px) !important;
   }
   .apartaments_header_table{
      grid-template-columns: 1fr!important;
   }
}