/* Menu bottom border */
.main-navigation {
    position: relative; /* tarvitaan pseudo-elementille */
    border-bottom: 1.2px solid #000000; /* musta ohut viiva */
}

.widget_headline-widget h3 {
  padding-bottom: 20px;
  margin: 20;
  font-size: 18px; /* pienempi fontti */
  color: #666;
  font-weight: 200;
}

.widget_headline-widget h1 {
  font-size: 28px; /* pienempi fontti */
  margin: 20;
  padding-bottom: 20px;
  color: #333;
  font-weight: 400;
}

/* Site Title - Kulmala Advisory logo-teksti pienempi mobiilissa: alle 768px */
@media only screen and (max-width: 768px) {

  /* Mobile menu -otsikko */
  .main-navigation .menu-toggle,
  .main-navigation .menu-toggle span {
    font-size: 15px !important;  /* pienempi koko */
  }

  /* Site title / tekstilogo */
  #masthead.site-header.masthead-logo-in-menu .logo > .site-title {
    font-size: 14px !important;  /* skaalautuva pienempi koko */
    letter-spacing: 2px !important;
  }
}

 /* Kulmala Advisory logo */

#masthead.site-header.masthead-logo-in-menu .logo > .site-title {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 18px;
  color: #333333 !important; /* Valkoinen fontti */
  letter-spacing: 3px;       /* Kirjainten väli */
}

/* Entry content H-otsikot pienempiä Mobiililaitteet: alle 768px */
/* Mobiililaitteet: alle 768px */
@media only screen and (max-width: 768px) {
  .entry-content h1 {
    font-size: 24px !important;
  }
  .entry-content h2 {
    font-size: 20px !important;
  }
  .entry-content h3 {
    font-size: 20px !important;
  }
  .entry-content h4 {
    font-size: 20px !important;
  }
  .entry-content h5 {
    font-size: 20px !important;
  }
  .entry-content h6 {
    font-size: 12px !important;
  }
}

/* Mobiililaitteet: alle 768px */
@media only screen and (max-width: 768px) {
  .entry-content {
    margin-top: 0 !important;   /* poistaa ylimääräisen marginaalin */
    padding-top: 0 !important;  /* poistaa ylimääräisen paddingin */
  }

  /* Jos yläpuolella on header-elementti, voidaan säätää sen marginaalia */
  #masthead {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}

.related-posts-section .related-posts {
  display: none;
}

 

/* 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;
}

/* Valikon linkkien kirjainten väli 2px */
#masthead.site-header .main-navigation a {
  letter-spacing: 2px !important;
}

/* Nykyisen sivun linkki alleviivattuna eri värillä */
#masthead.site-header .main-navigation .current-menu-item > a {
  text-decoration: underline !important;
  text-decoration-color: #C0C0C0
 !important; /* Alleviivauksen väri, tässä punainen */
  text-underline-offset: 5px !important;     /* Väli fontin ja viivan välillä */
}

/* Marginal 0 px above footer */

#main {
  background: #fcfcfc;
  padding: 20px;
}

/* Karttakoodin värilayer */

.map-wrapper{
    position:relative !important;
    width:100% !important;
    overflow:hidden !important;
}

.map-wrapper iframe{
    display:block !important;
    width:100% !important;
    height:350px !important;
    border:0 !important;
}

.map-overlay{
    position:absolute !important;
    inset:0 !important;
    background:rgba(110, 70, 20, 0.30) !important;
    mix-blend-mode:multiply !important;
    pointer-events:none !important;
    z-index:10 !important;
}

.map-wrapper iframe{
    position:relative !important;
    z-index:1 !important;
}

.map-overlay{
    z-index:999 !important;
}