@import url("https://use.typekit.net/qeh3boz.css");
:root {
  --color-light: #fbf7f6;
  --color-dark: #232121;
  --color-grey: #e5e2e1;
  --color-primary: #48487f;
}

* {
  font-family: semplicitapro, sans-serif !important;
  font-weight: 400;
}

.material-icons {
  font-family: "Material Icons", serif !important;
}

html, body {
  background-color: var(--color-light);
}

body {
  padding-top: 230px;
  transition: padding-top 250ms ease-in-out;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  text-transform: unset;
  font-weight: 500;
}

.bg-light {
  background-color: var(--color-light) !important;
}

.bg-secondary {
  background-color: var(--color-grey) !important;
}

#top {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 999;
  background-color: var(--color-light);
  box-shadow: transparent 0 3px 6px, transparent 0 3px 6px;
  transition: box-shadow 250ms ease-in-out, top 250ms ease-in-out;
}
#top .navbar {
  transition: padding 250ms ease-in-out;
}

body.scrolled {
  padding-top: 160px;
}
body.scrolled #top {
  box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px, rgba(0, 0, 0, 0.23) 0 3px 6px;
}
body.scrolled #top #logo img {
  height: 64px;
}
body.scrolled #top .navbar {
  padding: 5px;
}

#logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
#logo-container {
  margin: 15px auto;
  border: 1px solid var(--color-dark);
  padding: 5px;
  display: flex;
  align-items: center;
}
#logo-container img {
  height: 96px;
  transition: height 250ms ease-in-out;
}
#logo-container p {
  font-weight: 500;
}

#navbar {
  border: none;
  background-color: transparent;
}
#navbar a {
  color: var(--color-dark);
  opacity: 0.8;
  transition: opacity 250ms ease-in-out;
  position: relative;
}
#navbar a::after {
  content: "";
  position: absolute;
  left: -5px;
  top: -5px;
  bottom: -5px;
  right: -5px;
  border: 1px solid var(--color-dark);
  opacity: 0;
  transition: opacity 250ms ease-in-out;
}
#navbar a:hover {
  opacity: 1;
}
#navbar a:hover::after {
  opacity: 1;
}
#navbar .navbar-toggler {
  margin: auto;
}
/*
.home-page .navbar-nav .nav-item:nth-child(3),
.home-page .navbar-nav .nav-item:nth-child(4),
.home-page .navbar-nav .nav-item:nth-child(5),
.home-page .navbar-nav .nav-item:nth-child(6) {
    display:none;
}
*/

#hero {
  height: calc(100vh - 230px);
  background-position: 50%;
  background-size: cover;
  background-attachment: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
#hero h1, #hero h2 {
  color: var(--color-light);
  text-shadow: 10px 0 60px var(--color-dark), 10px 0 20px var(--color-dark);
}
#hero a {
  position: absolute;
  bottom: 15px;
}

#meet hr {
  width: 80%;
}

#why-container {
  background-size: cover;
  background-position: 50%;
  background-attachment: fixed;
}
#why-container .border-dark {
  border: 0.5px solid dimgrey !important;
}
@media screen and (max-width: 992px) {
  #why-container .border-dark {
    width: 100%;
    border: 0 !important;
  }
  #why-container .border-dark:not(:last-child) {
    border-bottom: 1px solid !important;
  }
  .carousel-inner.p-5:not(#a) {
    padding-left:0!important;    
    padding-right:0!important;
  }
}
#testimonials {
  background-color: var(--color-grey);
}
#testimonials button {
  border: 3px solid transparent;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--color-dark);
  opacity: 1;
  transition: all 250ms ease-in-out;
}
#testimonials button.active {
  border: 3px solid var(--color-dark);
  background-color: var(--color-light);
}

#services {
  background-color: var(--color-grey);
}
#services * {
  text-decoration: none !important;
}

.form-group {
  margin-bottom: 15px;
}
.form-group label {
  margin-bottom: 5px;
}
.form-group .form-control {
  background-color: var(--color-grey);
}

[id^=to-] {
  position: relative;
  top: -230px;
}

.article a {
  text-decoration: none;
}

#article-img {
  min-height: 300px;
  height: 50vh;
  max-height: 600px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  background-attachment: fixed;
}

#gallery {
  background-color: var(--color-grey);
}

.gallery-image {
  margin: 16px;
  width: 100%;
  height: 306px;
  background-size: cover;
  background-position: 50%;
}

body:not(.scrolled-home) .any-page {
  margin-top: -138px;
  transition: margin-top 250ms ease-in-out;
}
body:not(.scrolled-home) .any-page #logo img {
  height: 64px;
}
body:not(.scrolled-home) .any-page #top {
  top: -106px;
  transition-delay: 500ms;
}
body:not(.scrolled-home) .any-page #top .navbar {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
body:not(.scrolled-home) .any-page #hero {
  height: calc(100vh - 92px);
}

/*# sourceMappingURL=app.css.map */