/*
 Theme Name:   gpcg domek
 Theme URI:    https://lukedi.pl
 Description:  Base GeneratePress
 Author:       Lukedi
 Author URI:   https://lukedi.pl
 Template:     generatepress
 Version:      1.3
*/


/* colors */
.bg-primary { background-color: var(--contrast); }
.alt { color: var(--base-3); }
.site-footer .footer-widgets { background-color: var(--contrast-2); }
.site-footer .site-info { background-color: var(--contrast-2); }
.site-footer, .footer-widgets .widget a { color: var(--base-3); }
.site-info .copyright-bar,
.site-info .copyright-bar a, 
.site-info .copyright-bar a:visited {
    color: var(--base-3);
}

/* fix generatepressblocks */
body {   overflow-x: hidden; }

.entry-content .kt-inside-inner-col .alignfull {
  margin-left: 0;
  margin-right: 0;
}


/* footer */
.site-footer .site-info {
    position: relative;
    padding: 10px 20px 10px;
    text-align: left;
}

.copyright-bar {
    font-size: 14px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid rgba(255,255,255,.1);
}
a.generate-back-to-top {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    line-height: 35px;
    box-shadow: 0 0 0 1px #3d3d3d inset;
    color: #444;
}
a.generate-back-to-top:hover, a.generate-back-to-top:focus {
    background-color: #3d3d3d;
    color: #ffffff;
}

/*  */
.inside-header {
  padding-top: 5px;
  padding-bottom: 5px;
}
.wp-block-group.inline .wp-block-kadence-icon + span {
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
}
.wp-block-group.inline .wp-block-kadence-icon + span a:hover {
  color: var(--accent);
}
.wp-block-group.inline .alignleft {
  margin-right: 10px;
}
.wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 {
  transition: all 0.3s cubic-bezier(0.17, 0.67, 0.35, 0.95);
}
.wp-block-cover:hover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 {
  opacity: .65;
}
.kb-gallery-ul.kb-gallery-type-slider .kt-blocks-carousel .slick-next,
.kb-gallery-ul.kb-gallery-type-slider .kt-blocks-carousel .slick-prev {
  right: 9% !important;
  top: 84%;
  height: 34px;
}
.kb-gallery-ul.kb-gallery-type-slider .kt-blocks-carousel .slick-prev {
  left: auto !important;
  transform: translate(-34px, -50%);
}
#rezerwacja {
      margin-left: 30px;
      margin-right: 30px;
    }
.btn-medium a span {
  font-weight: 600;
}
.btn-medium a svg {
    transition: all .3s ease-in-out;
}
.btn-medium a:hover {
  transform: translate(8px, 0);
}
.btn-medium a:hover svg {
  scale: 1.2;
}
.max-480 {
  max-width: 480px;
}
.max-940 {
  max-width: 940px;
}
.max-1024 {
  max-width: 1024px;
}
.has-text-align-center[class*="max-"] {
  margin-left: auto;
  margin-right: auto;
}
a.info-box-link {
  color: var(--contrast-2);
}
a.info-box-link:hover {
  color: var(--accent);
}
.galeria .kb-gal-image-radius::before {
  -webkit-transition: all .5s ease-in-out 0s;
  -moz-transition: all .5s ease-in-out 0s;
  -ms-transition: all .5s ease-in-out 0s;
  -o-transition: all .5s ease-in-out 0s;
  transition: all .5s ease-in-out 0s;
  background: var(--accent-2);
  padding: 5px;
  color: #fff;
  border-radius: 50%;
  content: '';
  position: absolute;
  width: 52px;
  height: 52px;
  left: 43%;
  top: 43%;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
}
.galeria .kb-gal-image-radius::after {
  content: "";
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
  background: rgba(0,0,0,.54);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  -webkit-transition: all .3s ease-in-out 0s;
  -moz-transition: all .3s ease-in-out 0s;
  -ms-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
  z-index: 8;
}
.galeria .kb-gallery-image-contain::before,
.galeria .kb-gallery-image-contain::after {
  content: "";
  height: 18px;
  width: 2px;
  background: #fff;
  position: absolute;
  top: 49%;
  left: 49%;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
}
.galeria .kb-gallery-image-contain::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.galeria .kb-gallery-item-link:hover .kb-gal-image-radius::after,
.galeria .kb-gallery-item-link:hover .kb-gal-image-radius::before,
.galeria .kb-gallery-item-link:hover .kb-gallery-image-contain::before,
.galeria .kb-gallery-item-link:hover .kb-gallery-image-contain::after {
    opacity: 1;
    visibility: visible;
}

.img-h100 .kt-blocks-info-box-media {
  max-height: 100px;
}
.img-h100 .kadence-info-box-image-inner-intrisic-container {
  min-height: 100px;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  text-align: center;
}
.img-h100 .kadence-info-box-image-inner-intrisic-container .kadence-info-box-image-intrisic {
  padding-bottom: 100px !important;
}
.img-h100 .kadence-info-box-image-inner-intrisic-container .kt-info-box-image {
  max-height: 100px;
  border-radius: 0 !important;
  width: auto;
}


.atrakcje .wp-block-cover .wp-block-cover__inner-container h3,
.atrakcje .wp-block-cover .wp-block-cover__inner-container .wp-block-buttons,
.atrakcje .wp-block-cover .wp-block-cover__image-background {
  transition: all .3s ease-in-out;
}
.atrakcje .wp-block-cover {
    overflow: hidden;
}
.atrakcje .wp-block-cover:hover .wp-block-cover__inner-container h3 {
  transform: translateY(-10px);
}
.atrakcje .wp-block-cover__inner-container p {
  height: 48px;
  transition: all .5s;
  overflow: hidden;
  -moz-transform: scale(.8);
  -o-transform: scale(.8);
  -ms-transform: scale(.8);
  -webkit-transform: scale(.8);
  transform: scale(.8);
    opacity: 0;
    visibility: hidden;
}
.atrakcje .wp-block-cover:hover .wp-block-cover__inner-container p {
    height: auto;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.atrakcje .wp-block-cover:hover .wp-block-button .wp-block-button__link {
    border-color: var(--accent);
    background: transparent;
}
.atrakcje .wp-block-cover .wp-block-button .wp-block-button__link:hover {
    color: var(--accent);
    background: transparent;
}
.atrakcje .wp-block-cover:hover .wp-block-cover__image-background {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}


.footer-widgets .inside-footer-widgets h4 {
  font-size: 21px;
}
.footer-widgets p,
.footer-widgets .widget a {
  color: var(--contrast-3);
}
.footer-widgets .widget a:hover {
    color: #fff;
}
.footer-widgets p {
  max-width: 340px;
}
.footer-widgets .wp-block-group.inline .wp-block-kadence-icon {
  height: 24px;
  margin-right: 5px;
}
.footer-widgets .wp-block-group.inline .wp-block-kadence-icon + div {
  display: inline-block;
  line-height: 24px;
}





.menu-toggle {
    font-size: 20px;
}
.main-navigation .mobile-bar-items .search-item a {
    font-size: 20px;
} 


/* 404 */
.no-results {
    text-align: center;
}

/* cookie */
#cn-accept-cookie {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Responsive */
@media (min-width: 1025px) {
	#top-slider,
	.kb-gal-image-radius img {
	  max-height: calc(100vh - 174px);
	}
}
@media (max-width: 1024px) {
    .mobile-2col .wp-block-kadence-infobox .kt-blocks-info-box-link-wrap .kt-info-media-animate-none {
      margin-right: 0 !important;
    }
}
@media (min-width: 769px) {
    #site-navigation .main-nav .menu li a {
      line-height: 124px;
    }
    .atrakcje .kt-has-4-columns.kt-mobile-layout-row .wp-block-kadence-column {
      margin-bottom: 0 !important;
    }
}
@media (max-width: 768px) {
    #site-navigation .main-nav .menu li a {
      text-align: center;
    }
    #galeria .kb-gallery-ul[data-columns-sm="1"] .kadence-blocks-gallery-item {
      width: 50%;
    }
    h3.has-text-align-center {
      padding-left: 10px;
      padding-right: 10px;
    }
    p.has-text-align-center {
      padding-left: 20px;
      padding-right: 20px;
    }

    .mobile-2col .kt-inside-inner-col {
      display: flex;
    }
    .mobile-2col .wp-block-kadence-rowlayout {
      width: 100%;
    }
    .mobile-2col .kt-inside-inner-col .wp-block-kadence-column {
      margin-bottom: 0 !important;
    }
    .mobile-2col .wp-block-kadence-infobox {
      width: 50%;
    }
    .mobile-2col .wp-block-kadence-infobox .kt-blocks-info-box-link-wrap {
      flex-wrap: wrap;
      justify-content: center;
      margin-bottom: 0 !important;
    }
    .mobile-2col .wp-block-kadence-infobox .kt-blocks-info-box-link-wrap .kt-blocks-info-box-media-container {
      text-align: center;
    }
    
    .mobile-2col .kt-infobox-textcontent {
      width: 100%;
      text-align: center;
    }

    .atrakcje .kt-row-column-wrap.kt-mobile-layout-row > .wp-block-kadence-column {
      margin-bottom: 0;
    }
    .atrakcje .wp-block-cover__inner-container p {
      visibility: visible;
      opacity: 1;
      transform: scale(1);
    }
    .inside-footer-widgets {
      text-align: center;
    }
    .footer-widgets p {
      max-width: 340px;
      margin: 0 auto;
    }
    .footer-widgets .wp-block-group.inline .wp-block-kadence-icon {
      float: none;
      display: inline-block;
      vertical-align: middle;
      margin-right: 0;
    }
    #rezerwacja h2 {
      font-size: 36px !important;
    }
    #rezerwacja h3 {
      font-size: 21px;
    }
}
@media (max-width: 599px) {
    .top-bar .wp-block-group.inline {
      margin-bottom: 10px;
    }
    #top-slider {
        overflow: hidden;
    }
    .kb-gallery-ul.kb-gallery-type-slider .kt-blocks-carousel .slick-next, 
    .kb-gallery-ul.kb-gallery-type-slider .kt-blocks-carousel .slick-prev {
      top: 76%;
    }
    #rezerwacja h3 {
      margin-bottom: 10px;
    }
    #rezerwacja .max-480 {
      margin-bottom: 5px;
    }
    .mobile-2col .wp-block-kadence-infobox .kt-blocks-info-box-link-wrap .kt-info-media-animate-none {
      padding: 15px 10px 15px !important;
    }
    .mobile-2col .wp-block-kadence-infobox .kt-blocks-info-box-link-wrap .kt-info-box-image {
      max-width: 80px;
      border-radius: 0 !important;
    }
    .mobile-2col .wp-block-kadence-infobox .kt-blocks-info-box-link-wrap .kadence-info-box-image-inner-intrisic-container {
      max-width: 80px !important;
      height: 74px;
      min-height: 74px;
    }
    .mobile-2col .kt-infobox-textcontent .kt-blocks-info-box-title {
      min-height: 2.4em;
      font-size: 20px !important;
    }
    .mobile-2col .kt-info-box-image.wp-image-113 {
      margin-top: 7px;
    }
    .mobile-2col .kt-info-box-image.wp-image-112 {
      margin-top: 20px;
    }

}
@media (max-width: 480px) {

}