/* Fonts */
@font-face {
  font-family: "Manrope";
  src: url("../font/Manrope/Manrope-VariableFont_wght.ttf") format("truetype");
}

@font-face {
  font-family: "Dela Gothic One";
  src: url("../font/Dela_Gothic_One/DelaGothicOne-Regular.ttf") format("truetype");
}

body {
  font-family: "Manrope";
}

.font-dela,
.display-6,
.display-4,
.display-2 {
  font-family: "Dela Gothic One";
}

/*
 * Carousel
 */

.carousel-inner {
  border-radius: 5px;
}

/* Blur the background on carousel captions */
.carousel-caption {
  opacity: 0;
}

.zoom-in-parent:hover .carousel-caption,
.zoom-in-parent:focus .carousel-caption {
  opacity: 1;
  text-shadow: 0 0 50px #000000, 0 0 10px #000000;
  backdrop-filter: blur(1px);
  border-radius: 100%;
  transition-duration: 0.5s;
}


/* Background Classes */
.home-bg-big {
  /*background: url(../img/homepage/marble-querry.jpeg) #767984;*/
  background: url(../img/homepage/marble-querry.jpeg);
  min-height: 85vh;
}

.home-bg-big,
.home-bg-crossover-mimic {
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: -10vh;
  background-attachment: fixed;
}

.home-bg-small {
  background-image: url("../img/homepage/kitchen.jpg");
  background-size: cover;
  min-height: 50vh;
  background-position-y: 50%;
}

.home-bg-tiny-1 {
  background-image: url("../img/homepage/running.jpeg");
  background-size: cover;
  min-height: 50vh;
  background-position-y: 50%;
}

.home-bg-tiny-2 {
  background-image: url("../img/homepage/running-people.jpeg");
  background-size: cover;
  min-height: 50vh;
  background-position-y: 50%;
}

.home-bg-tiny-3 {
  background-image: url("../img/homepage/tennis.jpeg");
  background-size: cover;
  min-height: 50vh;
  background-position-y: 50%;
}

.announcement-image {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}

.announcement-build-magazine {
  background-image: url('../img/homepage/announcements/oikodomi-exhibition.jpg');
}

.announcement-palmos {
  background-image: url('../img/homepage/announcements/palmos.png');
}

/* Color Classes */

.bg-color-lightgray {
  background-color: lightgray;
}

.bg-color-black {
  background-color: #1a1d20;
}

.bg-color-gray {
  background-color: #767a84 !important;
}


.bg-color-marble {
  background-color: #ADBAC1;
}

/* Text Effects */

.text-shadow {
  text-shadow: 4px 4px 20px #1a1d20;
}

/* Lists with ticks instead of dots in about page */

.plans li {
  padding-left: 1em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  text-indent: -1em;
}

.plans li:before {
  content: "✓";
  padding-right: 5px;
}

/* Custom animation Classes */
.scale-up {
  transform: scale(1);
  transition-duration: 0.5s;
}

.scale-up:hover {
  transform: scale(1.3);
  transition-duration: 0.5s;
}

/* Bootstrap Mods */
.card {
  --bs-card-border-width: 5px;
  --bs-card-border-color: #ffffff;
}

.card-body {
  z-index: 100;
}

.cropped {
  object-fit: cover;
  width: 100%;
  height: 177px;
  object-position: center 40%;
}

/*
 * Zoom-in effect on hover
 */
.zoom-in-parent {
  overflow: hidden;
}

.zoom-in-parent .zoom-in-child {
  transition: all .5s;
  transform: scale(1.025);
  border-style: outset;
}

.zoom-in-parent:hover .zoom-in-child,
.zoom-in-parent:focus .zoom-in-child {
  transform: scale(1.025);
  animation-duration: 1s;
  border-style: none;
}

.hover-click-zoom {
  transition-duration: 1s;
}

.hover-click-zoom:hover {
  transform: scale(1.5);
}

.hover-click-zoom:active{
  filter: brightness(50%);
}

/*
 * Zoom-out effect on hover
 */
.zoom-out-parent {
  overflow: hidden;
}

.zoom-out-parent .zoom-out-child {
  transition: all .5s;
  transform: scale(1.5);
}

.zoom-out-parent:hover .zoom-out-child,
.zoom-out-parent:focus .zoom-out-child {
  transform: scale(1);
  animation-duration: 1s;
}

/* Custom Animate.css animation durations */
.animate__even__slower {
  --animate-duration: 3.25s;
}

.animate__sloth {
  --animate-duration: 3.5s;
}

footer {
  overflow: hidden;
}

/* Change color of nav links */
.nav-link {
  color: #ffffff;
}