/*
Theme Name: wp_jmc
Theme URI: https://walaszczyk.studio/
Author: walaszczyk.studio
Author URI: https://walaszczyk.studio/
Description: Wordpress Template made by ŁW
Version: 1.1
Tags: lw
Text Domain: wp_jmc
*/

/*
.admin-bar .navbar{top:32px}
*/

.a-photo-loop {
  cursor: pointer;
}

/* Ukrycie galerii początkowo */
.gallery-container {
  width: 0px;
  height: 0px;
  visibility: hidden;
}

img {
  height: auto;
}

.page-numbers.current {
  font-weight: 700;
}

.page-numbers {
  text-decoration: none;
  transition: opacity .2s;
}

.page-numbers:hover {
  opacity: 0.75;
}

.post-pagination {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

html .wpcf7 form.invalid .wpcf7-response-output, html .wpcf7 form.unaccepted .wpcf7-response-output, html .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output {
    margin: 0px;
    margin-top: 2.5rem;
    padding: 0px;
    padding-top: 1rem;
    border: none;
    border-top: 1px solid #000;
    font-size: 0.875rem;
  }

.wpcf7-not-valid-tip {
	margin-top: 5px;
	font-size: 12px;
	font-weight: 300;
}

.form-checkbox-wrapper label input[type="checkbox"]:before {
    content: "";
    display: block;
    border-radius: 0px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
    background-color: var(--main-white);
    border: 1px #000;
    width: 1rem;
    height: 1rem;
    margin-left: -30px;
    box-shadow: inset 1px 1px 2px #0003;
    transition: all .25s;
    top:6px;
  }
  
  .form-checkbox-wrapper label input[type="checkbox"]:checked::before {
	  background-color: var(--main-white);
    background-image: url(images/checkbox-checked.jpg);
    background-position: 50%;
    background-size: auto;
  }
  
  .form-checkbox-wrapper label {
    font-weight: 400;
    margin-bottom: 0px;
  }
  
  .form-checkbox-wrapper .wpcf7-form-control {
    margin-right: 0px;
    width: auto;
    height: auto;
    display: flex;
    gap: 2rem;
  }
  
  .form-checkbox-wrapper .wpcf7-form-control .wpcf7-list-item {
    display: block;
    margin-left: 0px;
  }
  
  .form-checkbox-wrapper label input[type="checkbox"] {
    appearance: none;
    outline: none !important;
    position: relative;
  }

.dropdown-link.w--current {
  color: inherit;
  font-weight: 700;
}

.section.footer-section {
  overflow: hidden;
}

.dropdown-toggle > a {
  text-decoration: none;
}

.wide-section-photo, .blue-content-contact {
	margin-left: calc((100vw - 71.875rem) / -2);
}
.a-social-icon:hover .img-social-icon {
	filter: invert(1);
}
.dropdown-toggle .dropdown-plus .plus-line-2 {
	transition: transform 0.2s ease;
}
.dropdown-toggle.w--open .dropdown-plus .plus-line-2 {
	transform: rotate(90deg);
}
.simple-text p:last-child {
	margin-bottom: 0px;
}
a {
	color: inherit;
}
.clipped-no-paddings {
	    clip-path: polygon(0% 12%, 100% 0px, 100% 100%, 0px 100%);
}
.blue-content-contact, .map-content-element {
	clip-path: polygon(0px 0px, calc(100% - 95px) 0px, 100% 100%, 0px 100%);
}
.is-clipped {
	clip-path: polygon(0px 0px, calc(100% - 95px) 0px, 100% 100%, 0px 100%);
}
.a-news-photo {
	clip-path: polygon(0px 0px, calc(100% - 35px) 0px, 100% 100%, 0px 100%);
}
.full-bg-lighblue {
	 clip-path: polygon(0px 0px, 100% 0px, 100% 88%, 0% 100%);
}
.cropped-about {
	clip-path: polygon(0px 0px, calc(100% - 160px) 0px, 100% 100%, 0px 100%);
}
.clipped-left.page-header-left {
	clip-path: polygon(0px 0px, calc(100% - 80px) 0px, 100% 100%, 0px 100%);
}
.clipped-left {
	 clip-path: polygon(0px 0px, calc(100% - 185px) 0px, 100% 100%, 0px 100%);
}
.clipped-bottom {
	clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
}
.h2-main.with-red-line:before {
	content: '';
	display: inline-block;
  width: 4px;
  height: 4.188rem;
  background-color: #ff3600;
  position: absolute;
  left: -2.5rem;
  top: -1rem;
  right: auto;
  transform: skew(10deg);
}
.h3-main.with-red-line:after {
	content: '';
	display: inline-block;
  width: 4px;
  height: 1.5rem;
  background-color: #ff3600;
  position: absolute;
  right: -1rem;
  top: 0.2rem;
  left: auto;
  transform: skew(10deg);
}
.hero-heading:before {
	content: '';
	display: inline-block;
  width: 4px;
  height: 3.5rem;
  background-color: #ff3600;
  position: absolute;
  left: -2.5rem;
  top: 50%;
  right: auto;
  transform: skew(10deg) translateY(-50%);
}
.w-slider-dot {
	width: 2.125rem;
  height: 2.125rem;
  background-color: transparent;
  border: 2px solid var(--main-white);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.w-slider-dot:after {
	content: '';
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  background-color: transparent;
  border-radius: 100%;
  transition: background-color 0.2s ease;
}
.w-slider-dot.w-active:after {
	background-color: var(--main-white);
}
.w-slider-dot.w-active {
	background-color: transparent;
}
.menu-button.w--open .plus-line-1, .menu-button.w--open .plus-line-2 {
	background-color: var(--main-white);
}
.menu-button.w--open .menu-button-plus {
	transform: rotate(45deg);
}

@media only screen and (max-width: 1500px) {
  .hero-content {
    padding-left: 15%;
  }
}

@media only screen and (max-width: 1230px) {
  .wide-section-photo, .blue-content-contact {
    margin-left: -2.5rem;
  }

  .hero-content {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .hero-heading:before {
    height: 100%;
    right: -1.5rem;
    left: auto;
  }
  .wide-section-photo, .blue-content-contact {
    margin-left: -1.25rem;
  }
}
@media only screen and (max-width: 767px) {
	.clipped-no-paddings {
  	clip-path: none;
  }
  .clipped-left {
     clip-path: polygon(0px 0px, calc(100% - 100px) 0px, 100% 100%, 0px 100%);
  }
  .clipped-left.page-header-left {
  	clip-path: polygon(0px 0px, calc(100% - 50px) 0px, 100% 100%, 0px 100%);
  }
  .footer-skew-bg-mobile {
  	clip-path: polygon(0px 0px, calc(100% - 130px) 0px, 100% 100%, 0px 100%);
  }
  .cropped-about {
      clip-path: polygon(0px 0px, calc(100% - 76px) 0px, 100% 100%, 0px 100%);
  }
  .map-content-element {
  	clip-path: none;
  }
  .blue-content-contact {
  	    clip-path: polygon(0px 0px, calc(100% - 40px) 0px, 100% 100%, 0px 100%);
  }
}

@media only screen and (max-width: 479px) {
  /* .admin-bar .navbar{top:46px} */

  .dropdown-toggle {
    justify-content: space-between;
  }
}