/*!
Theme Name: DevNetPress
Theme URI: http://underscores.me/
Author: DevNet Oy
Author URI: https://www.devnet.fi/etusivu
Description: A starter theme for DevNet development
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: devnetpress
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

DevNetPress is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/****** DEFAULT STYLES ******/
@font-face {
font-family: Exo-Regular;
src: url(https://kalatalouskeskus.vserver.fi/wp-content/themes/devnetpress/fonts/Exo-Regular.ttf);
font-weight: normal;
}
@font-face {
font-family: Exo-Bold;
src: url(https://kalatalouskeskus.vserver.fi/wp-content/themes/devnetpress/fonts/Exo-Bold.ttf);
font-weight: bold;
}
@font-face {
font-family: Exo-SemiBold;
src: url(https://kalatalouskeskus.vserver.fi/wp-content/themes/devnetpress/fonts/Exo-SemiBold.ttf);
font-weight: normal;
}
body, a, li, p{
    font-family: Exo-Regular;
}
a, a:visited{
    font-family: Exo-Regular;
    color: #3973b8;
}

.menu-toggle{
    background: #a8d0e6;
    margin-left:auto;
    margin-right:0;
    border: none;
    margin-top:20px;
}
.menu-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 1px;
    margin: 4px;
    background-color: #fff;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    padding: 0;
    padding-left: 10px;
    font-size: 14px;

    background-color: #417505 !important;
    width: auto;
    color: #fff !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{
    background-color: #417505;
    color:#fff;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-toggle-on ul.mega-sub-menu{
    position:unset;
}
#secondary #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
    display: block;
    margin-left: 20px;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block{
    margin-right: 6px;
    width: 70px;
    padding-left: 5px;
    margin-bottom: 50px;
    padding-top: 5px;
}
#menu-primary-menu {
    margin-top: 50px;
    margin-left: -20px;
}
.mega-sub-menu{
    margin-top:10px;
}
.main-navigation {
    margin-bottom: -50px;
}
.main-navigation li {
    float: initial;
    background: #3973b8;
    padding: 20px 0px;
}
.main-navigation li a {
    color:#fff;
    padding-left:20px;
}
.paamenu .menu-primary-menu-container ul li{
      margin-bottom:20px;
}
.paamenu .menu-primary-menu-container ul li a, .paamenu .menu-primary-menu-container ul li a:visited{
    text-decoration: none;
    color: #000;
}
.paamenu .menu-primary-menu-container ul {
    list-style-type: none;
}
.logo-wrapper {
  margin:auto;
  padding-top:10px;
  padding-bottom:10px;
}
.logo-wrapper .logo, .logo-wrapper .site-name {
  display:inline-block;
}
.logo-wrapper .logo {
  height:60px;
}
.logo-wrapper .site-name {
  padding-left: 15px;
  font-weight: bold;
  vertical-align: sub;
}
.logo-wrapper a {
  color:inherit;
}
.logo-wrapper a:hover {
  text-decoration: none;
}
.menu-logo{
    padding: 40px 10px 0px 10px;
}
.menu-logo img{
    display: block;
    margin: 0 auto;
}
.menu-logo a, .menu-logo a:visited{
    color:#000;
    text-align:center;
    font-weight: bold;
    text-decoration:none;
}
.menu-logo p{
    font-family: Exo-Bold;
    font-size: 12px;
    margin-top: 5px;
}
.main-img{
    height:400px;
}
.color-line{
    height:14px;
}
#menu-wrapper{
     border-right: 1px dotted #979797;
}
.breadcrumbs{
     font-size: 10px;
     margin-bottom: 20px;
     margin-top: 20px;
}
.breadcrumbs span a{

    text-decoration: none;
    color: #000;
}
.valiviiva{
    border-bottom: 1px dotted #979797 !important;
    height: 2px;
    margin-bottom: 30px !important;
    width: 100%;
}
.kuvalinkit img{
    width: 250px;
}
.main-img-wrapper {
  width:100%;
}
.main-content-wrapper{
    margin-top:30px;
    margin-bottom:70px;
    margin:auto;
}
.main-content-wrapper h2{
    margin-bottom: 20px;
}
.main-content-wrapper p{
    font-size:16px;
}
.content-container{
    padding: 40px 20px;
}
.highlight-title h4{
    color: #fff;
    font-size:18px;
    font-family: Exo-Bold;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}
.highlight-description{
    color:#fff;
    margin-bottom: 20px;
}
.highlight-link{
    background:#a8d0e6;
    padding:8px 4px;
    font-size:18px;
}
.highlight-btn{
    color:#18559c;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}


.highlight-content-wrapper, .plan-content-wrapper, .society-content-wrapper, .news-content-wrapper, .ajankohtaista-posts{
    margin-top:65px;
}
.highlight-content-wrapper, .plan-content-wrapper, .society-content-wrapper, .news-content-wrapper, .ajankohtaista-posts{
    margin-bottom:65px;
}
.highlight-content-wrapper {
    margin-top:35px;
}
.plan-container{
    border: 5px solid #3973b8;
    padding:15px 20px;
}
.plan-intro h3, .society-intro h3, .news-content-wrapper h3, .ajankohtaista-posts h3{
    font-family: Exo-Bold;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom:15px;
}
h3, .plan-intro > h3, .society-intro > h3, .news-content-wrapper .news-intro > h3{
	color:#417505;
}

.main-area-wrapper ul {
  margin-left:0;
}
.post-contents .post-title{
  color: #000;
}
.news-content-wrapper h3{
    margin-bottom:30px;
}
.plan-title h4{
    color: #000;
    font-size:18px;
    font-family: Exo-Bold;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}
.plan-link{
    background:#a8d0e6;
    padding:8px 4px;
    font-size:18px;
}
.highlight-link:hover, .plan-link:hover{
    background-color: #9cc0d4;
}
.plan-btn{
    color:#18559c;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}
.osuuskuntalinkit{
    margin: 5px 0px;
}
.osuuskuntalinkit a, .osuuskuntalinkit a:visited{
    color:#3973b8;
    text-decoration: none;
}
.osuuskuntalinkit a:hover {
  color: #8db1dc;
}
.news-content-wrapper img {
    float:left;
}
.news-content-wrapper .post-title{
    margin:0;
    padding:0;
    font-size:18px;
    font-family: Exo-SemiBold;
}
.news-content-wrapper .post-contents{
    font-family: Exo-Regular;
}
.thumbnail img {
    width: 80%;
    height: auto;
}
.news-content-wrapper .post-date{
    font-size:14px;
    padding:0;
    margin-bottom: -10px;
    margin-top: 10px;
}
.post-contents a, .post-contents a:visited, .postcontents a:hover, .takaisin, .takaisin:visited, .takaisin:hover, .lue-kaikki-uutiset, .lue-kaikki-uutiset:visited, .lue-kaikki-uutiset:hover{
    text-decoration: none;
    color: #3973b8;
}
.post-contents a:hover{
    color: #8db1dc;
}
.lue-kaikki-uutiset {
    float: right;
}
.lue-kaikki-uutiset a:hover{
    text-decoration: none;
    color: #8db1dc;
}
.blocks-gallery-grid, .wp-block-gallery .etusivu-linkit{
    width:100%;
}
.site-footer{
    margin-top: 50px;
}
.site-footer-logo img{
    width: 100px;
}

.footer-main-content{
    padding-top: 60px;
    padding-bottom: 40px;
    color:#fff;
}
.footer-line{
    padding-top: 20px;
    color:#fff;
    padding-bottom:50px;
}
.footer-line .valiviiva{
	margin-bottom: 10px !important
}

.footer-line p {
  font-size:12px;
}
.site-info{
    font-size: 12px;

}

.is-form-id-184 .is-search-icon {
  border-left:none;
}


/********** Osakaskunnat -sivu ************/
.osakaskuntasivu-intro{
    margin-bottom: 20px;
    font-family: 'Exo-Regular';
}
.osuuskuntayhteystiedot{
    margin-bottom: 20px;
}
.osuuskuntayhteystiedot p{
    padding:0 ;
    margin:0;
}
/******** Ajankohtaista -sivu ********/
.ajankohtaista-posts {
    font-family: Exo-Regular;

}
.ajankohtaista-posts .ajankohtaista-title {
    margin-bottom:40px;
}
@media (min-width:2000px){
    .thumbnail{
        margin-right: -100px;
    }
    .thumbnail img {
        width: 60%;
    }
    .menu-logo p{
        padding-left: 100px;
        padding-right:100px;
    }
}
@media (min-width:1600px) and (max-width:1999px) {
    .thumbnail img{
        width:80%;
    }
    .menu-logo p{
        padding-left: 10px;
        padding-right:10px;
    }
}
@media (min-width:1440px) and (max-width:1599px) {
    .thumbnail img{
        width:100%;
    }
    .lue-kaikki-uutiset {
    margin-right: 0px;
    }
    .menu-logo p{
        padding-left: 10px;
        padding-right:10px;
    }
}
@media (max-width: 1350px) and (min-width: 992px){
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
    margin-left: 0 !important;
}
.is-menu.default form {
    margin-left: 0 !important;
}
}
@media (max-width:1599px){
    .lue-kaikki-uutiset {
    margin-right: 0px;
    }
    .thumbnail img{
        width:100%;
    }
}

@media (min-width:992px){
   .is-menu.default form {
    max-width: 280px;
    margin-left: 20px;
   }

}
@media only screen and (max-width: 991px){
     #mega-menu-wrap-menu-1 {
    margin-left: 0px;
    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1{
        padding-top: 20px;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item{
        margin-bottom: 20px;
    }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
         margin-bottom: 5px;
         margin-top:5px;
         margin-left: 15px;
    }
   #mega-menu-wrap-menu-1 #mega-menu-menu-1.mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1.mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu{
       margin-top:5px;
       margin-bottom: 5px;
   }
   .is-menu.default form {
    margin-left: 8px;
    }

}
@media (min-width:916px){


}
@media (max-width:915px){
    .main-img{
      background-position: center;
    }

    .main-navigation ul {
        display: none;
    }
    .menu-toggle{
        display: block;
    }
    #primary-wrapper{

    }
    .content-wrapper{
        margin-bottom:20px;
    }
    .highlight-wrapper, .plan-wrapper{
        margin-bottom:20px;
    }
}
@media (max-width:768px){
    .site-footer-logo {
        margin-left: 10px;
    }
    .site-info{
        margin-top:20px;
        margin-left: 10px;
    }
    .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item{
        width:auto;
        margin: 0;
        margin-bottom: 30px;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
    padding:0;
    padding-left:25px;
    font-size:16px;
    background-color: #417505;
    color: #fff;
    width:auto;
    }
    .kuvalinkit img {
    width: 50%;
    margin-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto
    }
}
@media (max-width:575px){
    .news-content-wrapper .post-title{
        margin-top:10px;
    }
}
@media (max-width:519px){
    .blocks-gallery-grid, .wp-block-gallery .etusivu-linkit{
    display: initial;
    }
    .kuvalinkit img {
    width: 70%;
    }
}