:root {
	--ti: #ef4e69;
	--brandb: #ffffff;
	--brandb2: #202020;
	--brandb3: #404040;
	--topmenulink: rgba(14, 121, 126, 1);
}
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
.yeseva {font-family: 'oswald', sans-serif;}

html { font-size: 1rem; }
.ccbg {background-color: rgba(153,133,66,0.5);}
.cch1 {font-size: 3.5rem}

@media (max-width: 991px) {
.cch1 {font-size: 1.8rem};
}

.navbar-ve  {background-color:  var(--brandb2);
min-height: 5rem}

.link-gold {color: var(--brandb2)}

.vefooter {background-color: #f0f0f0;
padding-top: 1rem;
color: #000000;
position:relative
}

/*@media (min-width: 991px) {*/
.vefooter:before {
    content:'';
    position: absolute;
    top: -4px;
    right: 0%;
    width: 100%;
    height: 0;
    border-bottom: solid 4px var(--brandb3);
}
/*}*/

.carousel-caption {text-shadow: 1px 1px 2px #000000;}
.nav-link {font-weight: bold; text-transform: uppercase}





.bi::before {
  display: inline-block;
  content: "";
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/></svg>");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
}

a {text-decoration: none!important}


.google-auto-placed {max-width: 100%!important}


#cikk img {max-width: 100%!important; height: auto!important}
#cikk {font-size: 1rem}

.breadcrumb-item a, a.topmenu:link, a.topmenu:hover, a.topmenu:active, a.topmenu:visited { color: var(--topmenulink)!important} 

#post-container > iframe {
max-width: 100%!important;
background-color: #ffffff;
}


.matterport-showcase iframe{
  min-height: 240px;
  margin: 16px 0;
  width: 100%; }

@media screen and (min-width: 768px) {
.matterport-showcase iframe {
  min-height: 360px; }}

@media screen and (min-width: 992px) {
.matterport-showcase iframe {
  height: 600px;
  max-width: 1068px;
  margin: 0; }}

.matterport-showcase {
  text-align: center;
}


.carousel-caption {
bottom:none;
top: 25%;
}

.carousel-indicators {
top: none;
bottom: 1rem;
}

.carousel .carousel-indicators button {
    width: 20px;
   height: 20px;
   border-radius: 100%;
 }

.custom-shape-divider-bottom-1659996385 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1659996385 svg {
    position: relative;
    display: block;
    width: calc(103% + 1.3px);
    height: 48px;
}

.custom-shape-divider-bottom-1659996385 .shape-fill {
    fill: #FFFFFF;
}
.carousel-caption {text-shadow: 1px 1px 2px #000000;}
.sel {height: 650px}

.zoom:hover {transform: scale(1.05);
  transition: all 1s ease-in;}


/* Flip Cards CSS */
.card-container {
  display: grid;
  perspective: 400px;
}

.card-flip {
  display: grid;
  grid-template: 1fr / 1fr;
  grid-template-areas: "frontAndBack";
  transform-style: preserve-3d;
  transition: all 0.7s ease;
}

.card-flip div {
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

.front {
  grid-area: frontAndBack;
}

.back {
  grid-area: frontAndBack;
  transform: rotateY(-180deg);
background-color: var(--brandb2);
color: white;
}

.card-container:hover .card-flip {
  transform: rotateY(180deg);
}

a.page-link {
  color: var(--brandb2) !important;
}
.page-item.active .page-link {
  color: #fff !important;
  background: var(--brandb2)!important;
  border-color: var(--brandb2)!important;

}