/*
Theme Name:   Wincasa Child Theme
Theme URI:    https://www.singularity.is
Description:  Wincasa Child Theme 
Author:       Portalworks
Author URI:   https://www.singularity.is
Template:     wincasa-template
Version:      1.0.0
Text Domain:  Wincasa template
*/


:root:root {
  --site-font-family: 'Montserrat', sans-serif;
  --navbar-font-size: 16px;
  --navbar-padding-top: 44px;
  --navbar-padding-bottom: 23px;
  --navbar-background: #fff;
  --navbar-color: #383838;
  --contact-background: #202E39;
  --contact-border-color: #202E39;
  --contact-color: #fff;
  --contact-hover-background: #202E39;
  --contact-border-hover-color: #202E39;
  --contact-hover-color: #fff;
  --contact-padding: 8px 33px;
  --contact-font-size: 16px;
  --contact-font-weight: 600;
  --current-menu-item-color: #7AB7C0;
  --kontakt-background: #31686F;
  --kontakt-color: #fff;
  --contact-card-background: #fff;
  --contact-card-hover-background: #cb4a3e;
  --contact-card-color: #49483F;
  --contact-image-background: #AA9F887D;
  --contact-image-hover-background: #AA9F887D;
  --site-slogan-color: #383838;
  --site-slogan-span-color: #31686F;
  --site-slogan-background: rgba(255, 255, 255, 0.8);
  --header-link-background: #7AB7C0;
  --indicator-carousel-color: #1F9EFA;
  --contact-section-background: #AA9F887D;
  --contact-image-border-color: #38383838;
  --contact-2-border-color: #7AB7C0;
  --contact-2-background: #fff;
  --swiper-bullet-vackground: #31686F;
  --hero2-background: #565656;
  --hero2-color: #fff;
  --hero2-padding: 106px 0 125px 0;
  --footer-background: #31686F;
  --footer-color: #fff;
  --footer-padding: 112px 0 149px 0;
  --copy-text: #FFFFFF;
  --content-color: #383838;
  --title-color: #7AB7C0;
  --link-color: #383838;
  --flats-cards-background: #F4F5F5;
  --flats-cards-color: #31686F;
  --flar-acordion-padding: 19px 38px;
  --flar-acordion-font-weight: 600;
  --flar-acordion-font-family: 'Montserrat', sans-serif;
  --flar-acordion-font-size: 24px;
  --accordion-border-radius: 10px;
  --no-free-flats-background: #31686F;
  --wincasa-alarm-button-background: #31686F;
  --no-free-flats-color: #FFFFFF;
  --no-free-flats-link-color: #fff;
  --header-title-border-color: #7AB7C0;
  --header-title-background: rgba(255, 255, 255, 0.8);
  --header-title-color: #383838;
  --copyright-background-color: #397982;
  --beschribung-circle-background: #7AB7C0;
  --contact-form-padding: 130px 70px;
  --contact-form-background: #fff;
  --contact-button-padding: 8px 44px;
  --contact-button-font-size: 16px;
  --contact-button-font-weight: 600;
  --contact-button-color: #fff;
  --contact-button: #975246;
  --label-color: #383838;
  --title-font-size: 36px;
  --wohnen-1-background: #F8F8F8;
  --accordion-circle: #fff;
  --accordion-minus-circle: #31686F;
  --accordion-circle-line: 20px;
  --wohnen-2-background: #fff;
  --wohnen-title: #383838;
  --accordion-border-color: #31686F !important;
}

.sticky-top {
top: 130px !important;
  z-index: 1 !important;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed {
  width: 100%;
  height: 100%;
  margin-bottom: 0px !important;
}

._brlbs-thumbnail {
  width: 100% !important;
}

._brlbs-content-blocker, ._brlbs-thumbnail {
  height: 600px;
}

.BorlabsCookie ._brlbs-content-blocker {
height: 250px;
}

.head-info > div {
  width: 100%;
  height: auto;
  margin-bottom: 0;
  /*margin-top: auto;*/
}

.new-info-section {
  margin-top: 100px;
  margin-bottom: 100px;
  height: 335px;
}

.custom-container {
  max-width: 1785px !important;
}

.custom-info-container {
  max-width: 1644px !important;
}

.ornament {
    background-color: #7AB7C0;
    width: 200px;
    height: 200px;
    z-index: 1;
    border-radius: 50%;
    text-align: center;
    bottom: 20px;
    right: 20px;
}
.ornament:hover {
	text-decoration: none;
}
.info-title {
  max-width: 712px;
}

.info-title h2 {
  max-width: 500px;
}

.info {
  display: flex;
  height: 335px;
  align-items: center;
  justify-content: end;
  max-width: 878px;
  position: relative;
}

.info a {
  position: absolute;
  bottom: 0;
  border: 1.5px solid #383838;
  padding: 16px 19px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.32px;
}

.info a, .info a:hover {
  color: #383838;
}

#info h2 {
  color: #7AB7C0;
  font-size: 36px;
  font-weight: 700;
  line-height: 48px;
}

#info p {
  font-size: 16px;
  line-height: 25px !important;
}

.phone-link a {
  text-decoration: none!important;
}

.cli-style-v2 .cli-bar-btn_container .cli-plugin-button,
.cli-style-v2 .cli-bar-btn_container .cli_settings_button {
  color: #FFFFFF !important;
}

.um-button {
  color: #FFFFFF !important;
}

.um-row._um_row_1 {
	margin: 0 !important;
}

.cli-switch input:checked + .cli-slider {
  background: #FDCA70 !important;
}

#wt-cli-privacy-save-btn {
  background: #FDCA70 !important;
  color: #fff !important;
}

.post-cards {
  padding: 45px;
}

.post-cards img {
  max-width: 35px;
  margin-bottom: 30px;
}

.post-cards:first-child {
  padding-left: 0;
}

.post-cards:last-child {
  padding-right: 0;
}

.copy-text {
  text-align: end !important;
}

.beschreibung-card p {
  text-align: left !important;
}

.beschreibung-card h3 {
  text-align: start !important;
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 30px;
}

.beschreibung-card .big-image-wrapper img {
	height: 100%;
	max-height: 585px;
	object-fit: cover!important;
}

.navbar {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: var(--current-menu-item-color) !important;
  font-weight: bold;
}

div.copyright {
  padding-top: 17px;
  padding-bottom: 17px;
}

.vertiacal-line {
  border-left: 2px solid rgba(0, 0, 0, 0.2);
  margin-top: 50px;
  margin-bottom: 50px;
}

.swiper-pagination-bullets {
  flex-wrap: wrap;
}

.startsite-wrapper .h3, .startsite-wrapper h3 {
  font-size: 24px;
}

div.standard-block {
  padding-top: 0 !important;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 4px !important;
}

.contact-cards {
  justify-content: space-evenly !important;
}

.post-title {
  font-weight: bold;
  font-size: 64px;
  line-height: 78px;
  color: #383838;
}

.post-content p {
  color: #000;
  text-align: justify;
}

.post-content h2 {
  font-weight: 700;
  line-height: 48px;
}

#bewerben {
  margin-top: 60px;
  margin-bottom: 60px;
}


.green-color {
  color: #7AB7C0;
}

.green-background {
  background-color: #7AB7C0;
}

.wohnungen-title {
  font-size: 36px;
  line-height: 48px;
  margin-bottom: 30px;
  margin-top: 26px;
}
.filter-block {
  gap: 30px;
  margin-bottom: 40px;
}
.filter-block select {
  appearance: none;
-webkit-appearance:none;
  border: 1px solid #BEBEBE;
  background: transparent;
  padding: 10px 30px 10px 10px;
  font-size: 16px;
  color: #383838;
  background-image: url("images/arrow-select-nun.svg");
  background-repeat: no-repeat;
  background-position: 95% center;
  background-size: 10px;
}
#frei-input {
  width: 24px;
  height: 24px;
  accent-color: #383838;
}
#slider-pricerange {
  min-width: 300px;
  margin-top: 20px;
  margin-left: 10px;
  height: 4px;
  margin-right: 10px;
  width: calc(100% - 30px);
  border-color: #EDEDED;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  width: 24px !important;
  height: 24px !important;
  background: #314346 !important;
  border: none !important;
}
.price-range-wrap p {
  text-align: start;
  margin-top: 12px;
}
.price-range-wrap label, .available-filter-title {
  font-size: 18px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 10px !important;
}
table th, table td {
  border: none !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
}

thead tr th {
  font-size: 14px;
  line-height: 24px;
  color: #212529;
}

.table-striped tbody tr:nth-child(odd) {
  background-color: rgba(218, 240, 231, 0.31) !important;
}

.table-striped tbody tr:nth-child(even) {
  background-color: white;
}

.table-striped tbody tr:nth-child td {
  border-bottom: none;
  border-top: none;
}

.wohnungenTable tbody tr:hover td {
  color: white;
	overflow: hidden;
}

.wohnungenTable tbody tr:hover .bewerben-btn {
  background-color: white !important;
	color: #7AB7C0!important;
}

.new-flat-icon {
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
}

.table > :not(caption) > * > * {
  box-shadow: inset 0 0 0 0 var(--bs-table-accent-bg);
}

tbody tr td {
  vertical-align: middle;
  font-size: 14px;
/*   line-height: 21px; */
  color: #383838;
}


.new td {
  font-weight: 700;
}

.pdf-icon {
  width: 22.62px !important;
  height: 24px !important;
}

tr:hover .bild-icon,
tr:hover .pdf-iconn {
	filter: invert(100%) contrast(5)!important;
}
.table-striped tbody tr:hover {
    background-color: #7AB7C0 !important;
    cursor: pointer;
}
.bewerben-btn {
  width: 80px;
  display: flex !important;
  justify-content: center;
  background-color: #7AB7C0 !important;
  border-radius: 2px !important;
  padding: 5px 15px 5px 15px !important;
  font-size: 12px!important;
}

.bewerben-btn, .bewerben-btn:hover {
  color: white!important;
}


.floor {
  -o-transition: all .6s ease;
  transition: all .6s ease;
  -webkit-transition: all .6s ease;
  -ms-transition: all .6s ease;
}

.floor.moveup {
  -ms-transform: translate(0, -200px);
  transform: translate(0, -200px);
  -webkit-transform: translate(0, -200px);
}

.floor > g.active-flat > polygon, .floor > g:hover > polygon, .floor > g:hover > polyline, .floor > g.active-flat > polyline,  .floor > g:hover  *, .floor > g.active-flat  * {
  fill: #31686F !important;
  stroke: #fff !important;
}

#svg svg {
  max-width: 100%;
  height: auto;
}

.svg-mobile {
position: sticky;
top: 109px;
z-index: 20;
}

.kurzbeschrieb-txt, .kurzbeschrieb-txt a, .kurzbeschrieb-txt a:hover {
  color: #383838;
  font-size: 20px;
  line-height: 26px;
  text-decoration: underline;
}

.wohnungen-grey-bg {
	background: #f2f2f2;
	padding: 7rem 0;
	text-align: center;
}


.wohnungen-grey-bg h3 {
	font-weight: 700;
	font-size: 36px;
	margin-bottom: 2rem;
}

.wohnungen-grey-bg p {
	max-width: 577px;
	margin: auto;
}

.wohnungen-text {
  color: #383838;
  font-size: 16px;
  line-height: 24px;
  margin-top: 40px;
}

.wohnungen-container {
  max-width: 1005px !important;
	margin: auto;
}

.form-section {
	font-family: var(--site-font-family);
	background-color: var(--header-title-border-color);
	padding-bottom: 50px;
	padding-top: 50px;
}

.form-section a {
	color: #383838;
	text-decoration: underline;
}


.form-section a:hover {
	color: #383838;
	text-decoration: none;
}

.form-section input[type=submit] {
	background: var(--footer-background);
}

.form-section input:focus-visible {
	outline: none;
	box-shadow: none;
	border-color: #495057;
}

.modal {
	background: #333333c7;
}

.recaptcha .wpcf7-not-valid-tip {
  text-align: center;
}

p {
  line-height: 28px !important;
}

.card-value-row a img {
  width: 100%;
  height: auto !important;
  object-fit: cover;
}

nav.navbar {
  z-index: 100;
}

.gallery-title h2 {
  font-weight: 700;
  font-size: 36px;
  line-height: 48px;
  color: #31686F;
  margin-bottom: 30px;
}
.gallery-title{
	margin-top:40px !important;
}
.custom-iframe {
width: 853px;
  height: 480px!important;
  margin-bottom: 100px;
}

.gallery-block a img {
  min-height: 100%;
  object-fit: cover;
  aspect-ratio: 159/100;
}

.covid-title {
  padding: 28px 50px;
  background: #D3B7BD;
}

.covid-title h2 {
  color: #fff !important;
  font-weight: bold;
  font-size: 36px;
  line-height: 48px;
}

.covid-bold-text {
  font-weight: bold;
  padding: 22px 17px;
  border: 1px solid #CDB69B;
  margin-bottom: 40px;
}

.covid-section-number {
  width: 38px;
  height: 38px;
  border-radius: 100%;
  font-weight: bold;
  font-size: 14px;
  line-height: 38px;
  text-align: center;
  background: #D3B7BD;
  color: #fff;
}

.covid-section-content h4 {
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  color: #363940;
}

.covid-section-content {
  padding-bottom: 35px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  max-width: 987px;
}

.no-free-flats,
.no-free-flats a {
  font-size: 16px;
  color: #FFFFFF !important;
}

.indicators-holder span {
  color: #1F9EFA;
}

.footer {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

div.footer li a {
  padding: 9px 5px;
}

div.footer li a:hover {
	font-weight: 700;
}
div.site-slogan {
  max-width: 1300px;
  box-shadow: 0px 24px 34px rgba(4, 5, 18, 0.04);
  backdrop-filter: blur(5px);
}


.contact-us p {
  padding: 10px 10px !important;
}

td.card-value-row {
  background: #7ab7c0;
}

div.mobile-wohnen-card h2 {
  background: #7ab7c0;
}

div.mobile-wohnen-card {
  border: 1px solid #7ab7c0;
}

div.accordion {
  border: 1px solid var(--accordion-border-color) !important;
  border-radius: var(--accordion-border-radius) !important;
}

.collapsed.red-background {
  background: #31686F !important;
  color: #fff !important;

}

.footer-logo {
  max-width: 395px;
}

a.to-
-button .white-part {
  font-weight: 500;
}

.collapsed .horisontal-line {
  background: #31686F !important;
}

.collapsed .vertical-line {
  background: #31686F !important;
}

a.navbar-brand img {
  max-width: 393px;
}

.navbar-brand img {
  width: 393px;
  height: 83px;
}

.free-flats-container {
  border: 1px solid #31686F;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 22px;
}

.free-flats-container h2 {
  padding: 41px 38px 33px 38px;
  background: #31686F;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 30px !important;
}

.gallery-section h2 {
  font-size: 24px !important;
}

div.image-wrapper {
  margin-bottom: 22px;
}

div.form-group p {
  text-align: center;
}

.home-content {
  padding: 80px 0 200px 0;
}

.home-title p {
  line-height: 28px;
}

.home-title {
  padding-left: 0.5% !important;
}

.text-before-table a {
  font-weight: bold;
}

div.head-info .to-gallery-button {
  margin-left: auto;
}

.header-title > h1 {
  line-height: 54px;
}

#bewerben .row {
margin-left: unset !important;
margin-right: unset !important;
}


.document-img-box{
		width:24px !important;
		height:24px !important;
	}
	.docunemt-box a img{
		filter: brightness(0) saturate(100%) invert(69%) sepia(7%) saturate(1478%) hue-rotate(140deg) brightness(98%) contrast(91%);
		width:24px;
		height:24px;
		object-fit:contain;
		margin-left:10px;
	}
.docunemt-box a{
	color: #383838 !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  text-decoration: underline !important;
	font-weight:700 !important;
}
.docunemt-box a:hover{
	color:#7AB7C0 !important;
}

@media (max-width: 1400px) {
  .head-info a.to-gallery-button {
      margin-left: 8.5%;
  }
}

@media (max-width: 780px) {
  .vertiacal-line {
      border-top: 2px solid rgba(0, 0, 0, 0.2);
      border-left: none;
      margin-top: 0;
      margin-bottom: 0;
      margin-left: 50px;
      margin-right: 50px;
  }

#svg svg {
  background: white;
}
}

@media (max-width: 992px) {
  .beschreibung-card {
      margin: 0 !important;
  }

  .copy-text {
      text-align: center !important;
  }

  .post-cards {
      padding: 5px !important;
  }
	
	.ornament {
		width: 150px;
		height: 150px;
	}
}

@media (min-width: 992px) {
  .head-info > div {
      position: absolute;
      bottom: 60px;
  }

.custom-iframe {
  width: 700px;
  height: 380px!important;
}
}

@media (min-width: 780px) and (max-width: 1300px) {
  .contact-cards {
      width: 100% !important;
  }

  .contact-image {
      width: 100% !important;
  }
}

@media (max-width: 1620px) {
  .home-title {
      padding-left: 8.5% !important;
  }
}

@media (min-width: 1200px) {

  .gray-background .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1168px;
  }

  .home-content .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1620px;
  }

  .home-post .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1645px;
  }

  .covid-section .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1639px;
  }

  .covid-sections .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1100px;
  }
}

@media (min-width: 510px) {
  .gallery-section .swiper-slide {
      margin: 0 10px !important;
  }
}

@media (max-width: 1100px) {
  .covid-section-number {
      display: none;
  }
}

@media (max-width: 1124px) {
  .scrollcontainer .inner {
      padding: 0 40px;
      min-width: 1100px !important;
  }

  #freieWohnungenTable {
      display: none;
  }

  #freieWohnungenSwiper {
      display: block !important;
  }

  .information {
      flex-direction: column;
  }

  .info {
      height: 250px;
      align-items: baseline;
      margin-top: 20px;
  }
}

@media only screen and (max-width: 1124px) {
  .scrollcontainer {
      margin-left: -40px;
      margin-right: -40px;
      -webkit-overflow-scrolling: touch;
      overflow: hidden;
      overflow-x: auto;
  }
}

@media (max-width: 991px) {
  #menu-primary {
      padding: 20px 0 !important;
      width: 100%;
  }

  #menu-primary li a {
      padding: 20px 0 !important;
      width: 100%;
      border-bottom: 1px solid #EFEFEF !important;
  }
	
	.modal-body {
		height: 344px;
	}
	.modal-body img {
	height: 300px;
}

  .contact {
      padding: 0px 0px 30px 0px !important;
  }

  div.site-slogan {
      width: 80%;
      padding: 3% 0px 3% 3%;
  }

  .footer .contact-us p {
      text-align: center !important;
  }

  .covid-title h2 {
      font-size: 28px;
      text-align: center;
  }

  div.head-info .to-gallery-button {
      margin-left: 3%;
  }

  .home-content {
      padding: 90px 0;
  }

  .home-title {
      padding: 3% !important;
  }

  .home-image {
      padding: 0 3% !important;
  }

  div#carouselExampleIndicators {
      width: 100%;
      padding: 0 3%;
  }


}

@media (max-width: 780px) {
  main.contact-page .contact-cards-wrapper {
      height: 250px;
      margin-bottom: 250px;
  }

  div.contact-cards {
      flex-direction: column;
      width: 85% !important;
  }

  div.contact-cards-wrapper {
      margin-bottom: 300px;
  }
}

@media (max-width: 768px) {
  .head-info .white-part {
      width: 601px !important;
  }

  .gallery a {
      padding-top: 4px !important;
      padding-bottom: 4px !important;
  }

  img.carousel-image {
      height: 320px;
      object-fit: cover;
  }

  div.contact-cards-wrapper {
      margin-bottom: 300px;
  }

  .post-title {
      font-size: 44px;
      line-height: 48px;
  }

  #info h2 {
      font-size: 30px;
      line-height: 40px;
  }
	.new-info-section,
	.new-info-section .info {
		height: fit-content!important;
	}
	.info a {
		bottom: -3rem;
	}

.custom-iframe {
  width: 500px;
  height: 350px!important;
  margin-bottom: 100px;
}

  .new-info-section  {
    margin-top: 350px !important;
  }
	.wohnungen-grey-bg {
		padding: 4rem 0.5rem;
	}
	
	.ornament {
		top: 10px;
		bottom: unset;
	}
}

@media (max-width: 576px) {
  #info p {
      font-size: 15px;
      line-height: 22px;
  }

  #info h2 {
      line-height: 30px;
      font-size: 23px;
  }

  .info a {
      font-size: 12px;
      line-height: 6px;
  }

.ornament {
  width: 120px;
  height: 120px;
  font-size: 12px !important;
  line-height: 1.2;
}

.custom-iframe {
  width: 300px;
  height: 250px!important;
  margin-bottom: 100px;
}
a.navbar-brand img {
    max-width: 240px;
	height: 50px;
}
	.footer-logo {
		width: 240px;
	}
}

@media (max-width: 480px) {
  .width_basic {
      padding: 80px 20px !important;
  }

  .post-title {
      font-size: 34px;
  }

  img.carousel-image {
 	height: 200px;
  }
}

@media (max-width: 375px) {
  .new-info-section {
      height: 420px;
  }
  .info {
      height: 316px;
  }
}