/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.opacity {
  opacity: 0.45 !important;
}

p {
  line-height: 2rem;
  font-size: 16px;
}

.sidenav-trigger {
  color: #26a69a;
}

.parallax-container {
  line-height: 0;
  color: rgba(255, 255, 255, 0.9);
}

.parallax-container .section {
  width: 100%;
}

.icon-block {
  padding: 0 15px;
}

.icon-block .material-icons {
  font-size: inherit;
}

footer.page-footer {
  height: 150px;
  margin: 0;
}

blockquote {
  border-left-color: #1565c0;
}

.intro-card {
  line-height: 2 !important;
}

.no-margin {
  margin: 0 !important;
}

.disein-logo {
  width: 600px;
}

.justify {
  text-align: justify;
}

@media only screen and (max-width: 650px) {
  .justify {
    text-align: left;
  }
  .disein-logo {
    width: 250px;
  }
}

.bold {
  font-weight: 700 !important;
}

.semi-bold {
  font-weight: 600 !important;
}

.regular {
  font-weight: 400 !important;
}

html,
body {
  scroll-behavior: smooth;
  font-family: Raleway;
  height: 100%;
}

.uppercase {
  text-transform: uppercase;
}

.icon-and-text-container {
  display: flex;
  align-content: baseline;
}

.icon-and-text-container > i {
  margin-right: 15px !important;
}

h2 > i {
  font-size: 48px !important;
}

#map {
  width: 100%;
  height: 400px;
  background-color: grey;
}

@font-face {
  font-family: 'Raleway';
  src: url('Raleway/Raleway-Regular.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Raleway';
  src: url('Raleway/Raleway-Light.ttf') format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: 'Raleway';
  src: url('Raleway/Raleway-SemiBold.ttf') format('truetype');
  font-weight: 600;
}

@font-face {
  font-family: 'Raleway';
  src: url('Raleway/Raleway-Bold.ttf') format('truetype');
  font-weight: 700;
}

.handmade-parallax-division-medica {
  /* The image used */
  background-image: url('../img/2-opaqueder.jpeg');
  /* Set a specific height */
  /* min-height: 500px; */
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.handmade-parallax-division-industrial {
  /* The image used */
  background-image: url('../img/8-opaqued.jpeg');
  /* Set a specific height */
  /* min-height: 500px; */
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.handmade-parallax-division-contacto {
  /* The image used */
  background-image: url('../img/5-opaqued.jpeg');
  /* Set a specific height */
  /* min-height: 500px; */
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.custom-modal {
  width: 100vw;
  height: 100vh;
  box-shadow: none;
  max-height: 100vh;
  overflow: visible;
}

@media screen and (max-width: 992px) {
  .custom-modal {
    width: 100vw;
    height: 100vh;
    box-shadow: none;
    max-height: 100vh;
    overflow: scroll;
  }
}

input::placeholder,
textarea::placeholder {
  color: #616161 !important;
}

.bold-on-hover:hover {
  cursor: initial;
  font-weight: 700;
}

.sidenav-overlay {
  z-index: auto;
}

.modal {
  height: 100%;
  box-shadow: none;
}

.btn:hover,
.btn-large:hover,
.btn-small:hover {
  background-color: #4f82d0;
}

.btn,
.btn-large,
.btn-small {
  background-color: #00569e;
}

ul > li > a > blockquote {
  font-size: 24px;
}