/* Custom CSS for Urakointi Nurminen Oy */

/* Yleiset tyylit */
body {
    background-color: #9ca6c1;
    color: #232345;
}

/* Kontaineri, joka keskittää sivun ja asettaa maksimi leveydeksi 960px */
.container {
    max-width: 960px;
}

/* Navigaatiopalkin tyylit */
.navbar {
    margin-bottom: 20px;
    background-color: #a8b8e8;
    color: #232345;
}

.navbar-nav .nav-item .nav-link {
    color: black;
}
.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item:hover .nav-link {
    color: lightblue;
}


/* Jumbotronin tyylit */

    .jumbotron {
      position: relative;
      overflow: hidden;
      background: none;
      padding: 0;
    background-color: #a5babf;
    color: #232345;    
    }
    
    .jumbotron video {
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: 0;
      transform: translate(-50%, -50%);
    }
    
    .jumbotron .container {
      position: relative;
      z-index: 1;
      color: white;
      text-align: center;
      padding: 50px 15px;
    }
    
    .jumbotron .overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, 0.4);
      z-index: 1;
    }


/* Palvelut, Työkoneet ja Yhteystiedot osioiden tyylit */
section {
    margin-bottom: 40px;
}


/* Korttien tyylit työkoneet osiossa */
.card {
    margin-bottom: 40px;
    background-color: #82a2c2;
    color: #232345;
}

/* Yhteystietojen ikonien tyylit */
.contact-info p {
    font-size: 1.5em;
    color: #232345;
}

/* Footerin tyylit */
footer {
    background-color: #82a2c2;
    color: #232345;
}