/* Body */
body {
    background: white;
    height: 100%;
    font-family: 'Lato', sans-serif;
    font-size: 100%;
    line-height: 150%;
}

/* Main */
main {
    color: white;
}

/* Global Text */
h1 {
    font-size: 50px;
    font-weight: 900;
}

/* Nav */
nav {
    text-align: center;
    background: black;
    font-weight: bold;
}

nav a {
    display: inline-block;
    background: black;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    padding: 20px;
    margin: 5px;
}

nav a:hover {
    background: black;
    border-bottom: 2px solid white;
}

nav a.active {
    background: black;
    border-bottom: 2px solid white;
}

/* Header */
header {
    color: white;
    text-align: center;
}

/* Footer */
footer {
    background: black;
    color: white;
    height: 70px;
    padding: 40px 10px 30px 10px;
}

footer p {
    color: white;
}
 
footer a {
    text-decoration: underline;
    color: white;
}

.footer-left {
    float: left;
}

.footer-right {
    float: right;
}

/* Hem */
.hem-start {
    height: 700px;
    background: black;
    background-image: url('../img/backgrounds/svart-lamborghini.png');
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    text-align: center;
    color: white;
}

.hem-start h1 {
    color: white;
}

.hem-tjanster{
    text-align: center;
    height: 450px;
    background: black;
    color: white;
}

.hem-bilar {
    text-align: center;
    height: 420px;
    background: white;
    color: black;
}

.hem-bilar table {
    border-collapse: collapse;
    margin: 30px auto;
    
}

.hem-tjanster p {
    color: white;
}

.hem-tjanster h2 {
    color: white;
}

.hem-tjanster h1 {
    color: white;
}

/* Bilar */
.bilar-start {
    text-align: center;
}

.bilar-objekt table {
    margin: 20px auto;
    border-collapse: collapse;
}

.bilar-objekt td {
    border: 1px solid white;
}

/* Om Oss */
.om-gor {
    background: white;
    text-align: center;
    height: 390px;
}

.om-gor h1 {
    color: black;
}

.om-bild {
    height: 370px;
    background: black;
    background-image: url('../img/backgrounds/SvartLamboBack.jpg');
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    text-align: center;
}

.om-vi {
    text-align: center;
}

.om-vi table {
    margin: 20px auto;
    border-collapse: collapse;
}

.om-vi td {
    border: 1px solid white;
}

.om-vi h4 {
    color: black;
}

/* Bil-Sida */
.bil-titel h1 {
    color: black;
}

.bil-titel {
    text-align: center;
    background: white;
}

.bil-info p,h3, h2, ul {
    color: black;
    line-height: normal;
}

.bil-bild {
    text-align: center;
}

/* Kontakt */
.kontakt-start {
    height: 370px;
    background: black;
    background-image: url('../img/backgrounds/LamboKontakt.jpg');
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    text-align: center;
    color: white; 
}

.kontakt-info h2, h3, h1, p {
    color: black;
}

.kontakt-info {
    text-align: center;
    background: white;
    height: 400px;
}

.kontakt-mail {
    border-radius: 5px;
    background-color: white;
    padding: 20px;
}

/* Ovrigt */
.text {
    width: 1200px;
    margin: 0 auto;
}

.column {
    float: left;
    width: 25%;
    padding:  20px 0px;
    height: 300px;
}

.column p {
    padding: 0px 20px;
}

.column2 {
    float: left;
    width: 50%;
}

.column3 {
    float: left;
    width: 25%;
    padding:  40px 0px;
}

.column3 p {
    padding: 0px 20px;
}

/* Slideshow */
.bil-slideshow {
    position: relative;
    margin: auto;
    max-width: 900px;
}

.slides {
    display: none;
}

/* Fram och tillbaka knappar */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
}

/* Gör så att bara knappen till höger kommer till högersida */
.next {
  right: 0;
}

/* Lägger till en svart transparant bakgrund på pilarna när man håller över dem */
.prev:hover, .next:hover {
  background-color: black;
}

/* Fontawesome stil */
.fa-home {
    color: black;
}
.fa-phone-alt {
    color: black;
}
.fa-envelope {
    color: black;
}
.fa-clock {
    color: black;
}

/* Form stil */
input[type=text], textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  margin-top: 5px;
  margin-bottom: 10px;
  resize: vertical; /* Endast ändrar storleken vertikalt */
}

input[type=submit] {
  background-color: black;
  color: white;
  padding: 12px 20px;
  border: 2px solid white;
  cursor: pointer; /* Ändrar musen */
}

input[type=submit]:hover {
    background-color: white;
    color: black;
    font-weight: bold;
    border: 2px solid black;
}

label {
    color: black;
    font-weight: bold;
}