@import "./custom/homepage.css";
@import "./custom/navbar.css";
@import "./custom/contact.css";
@import "./custom/images.css";
/*@import "./custom/featured.css";*/


/* Font override */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif !important;
    font-style: normal;
    font-weight: 300;
}


/* BODY */
body {
    animation: fadeIn 0.4s ease-out forwards;
    opacity: 0;
    background-color: #eaeaea;
}
@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.container.grid-xl {
  max-width: 1740px !important; /* DEFINES FULL PAGE WIDTH */
}


/** HEADER **/
/*.header-fixed #header {
    background-color: #d1d1d1 !important;
    box-shadow: 0px 8px 24px rgba(120, 120, 120, 0.3);
}*/


/** HERO SECTION **/
/* Disabled pulsing arrow in hero */
.pulse {
   display: none !important;
}
/* Overrides the height of the hero for every page */
.hero {
    padding-top: 3.8em !important;
    padding-bottom: 1rem !important;
    box-shadow: 0px 10px 25px rgba(90, 90, 90, 0.2)
}


/** FOOTER **/
#footer {
    background-color: #d1d1d1 !important;
}

/*.hometile-img {
  background: white;
  width: 100%;
  height: 15rem;
  overflow: hidden;
  object-fit: cover;
  transition: all 0.18s ease;
  border-radius: 16px;
}*/

/*form:not(.login-form) button.page-button {
  color: white;
  background-color: #BB1C17;
  border: 0px;
  border-radius: 16px;
  max-width: 15rem;
  height: 4rem;
  margin: auto
}*/