/* Menu */

.main-navigation {
    border-bottom-color: #ff8133;
    border-bottom-style: solid;
    border-bottom-width: 5px;
}

.main-navigation ul li a {
  position: relative;
  display: inline-block;
  padding-bottom: 10px; /* tilaa viivoille */
  text-decoration: none;
  letter-spacing: 1.5px; /* kirjainten väliä – säädä haluamasi arvo */
}

nav ul li a {
  font-family: 'Oswald', sans-serif;
  font-weight: 200; /* Voit käyttää: 200, 300, 400, 500, 600, 700 */
  text-transform: uppercase; /* Halutessasi isoilla kirjaimilla */
  letter-spacing: 1px;        /* Halutessasi ilmavuutta */
  text-decoration: none;
  color: #000;
  padding: 10px;
}

/* MENU ADJUSTMENTS BELOW THIS LINE */

.main-navigation ul li.current-menu-item > a {
  background-color: #FF5733;     /* valitse haluamasi väri */
  color: #fff;                   /* valikkotekstin väri */
  padding: 8px 16px;             /* tilaa tekstin ympärille */
  border-radius: 999px;          /* tekee soikiosta pyöreän */
  display: inline-block;         /* pakollinen, jotta radius toimii */
  text-decoration: none;
}



/* Frontpage (Homepage) Padding 0 px Between First Row and Video Header */

.home #main {padding: 0px 35px 35px 35px;}

.panel-grid-cell {
margin-top: 0px !important;
}

/* Erivärinen "Lisää" -valikkolinkki */

.erivarinen-linkki a {
  color: #a7d2dd; /* kirkas punainen */
  font-weight: 600;
}

/* Alavalikko säädöt ja rivittäminen */

/* Vain tämä yksittäinen alasivulinkki */
.main-navigation ul.sub-menu li.yksi-rivi a {
  white-space: nowrap;         /* Ei rivinvaihtoa */
  display: inline-block;       /* Laatikko kasvaa tekstin mukaan */
  width: auto !important;      /* Ylikirjoittaa teeman mahdolliset leveysrajat */
  min-width: unset !important;
  padding: 10px 15px;
  background-color: white;     /* Halutessasi: taustaväri */
  color: black;                /* Halutessasi: tekstin väri */
}

.main-navigation ul.sub-menu {
  background-color: #ffffff; /* Valkoinen tausta */
}

/* Mobile Nav Background Color Changes*/

.mobile-nav-frame {
background: rgba(34,34,34,0.4) !important;
}

.mobile-nav-frame ul {
  background: #ff8133 !important;
  border: 1px solid #111 !important;
}

.mobile-nav-frame .title h3 {
color: white !important;
text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.8) !important;
font-size: 25px;
text-transform: uppercase;
}

.mobile-nav-frame ul {
background: #212121 !important;
border: 1px solid #111 !important;
}

.mobile-nav-frame ul li {
border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.mobile-nav-frame ul li a.link {
color: #F3F3F3 !important;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7) !important;
font-size: 16px;
font-weight: bold;
}

.mobile-nav-frame .title {
    padding: 14px 12px;
    margin-bottom: 25px;
    border-bottom: 1px solid #1c1c1c;
    background: #212121;
}

.mobile-nav-frame ul {
  background: #212121 !important;
  border: 1px solid #111 !important;
}

/* Contact Form 7 säädöt*/

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  width: 100% !important;
  padding: 12px !important;
  font-size: 16px !important;
  border: 2px solid #ccc !important;
  border-radius: 8px !important;
  margin-bottom: 15px !important;
}

.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] { 
background-color:#725f4c; !important;
width:50%;
text-align:center;
text-transform:uppercase;
}

/* Menu valikon fonttisäädöt Safariselaimelle*/

nav a, .main-menu a {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased; /* Safari-parannus */
}

nav a, .main-menu a {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased; /* Safari-parannus */
}