/*!
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 ******/

body {
    font-family: 'Rubik', sans-serif;
}
h1 {
  font-size: 2.3rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
}

h2, h3 {
      font-size: 2rem;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a;
}

h4 {
      font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #4a4a4a;
}



p {
  font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #4a4a4a;
}


ul, ol {
    margin: 0 0 0 0;
}

.main-content-front h2 {
    color:#fff;
}

a { 
    color: #0082c8;
}

a:visited {
    color:#0082c8;
}

a:hover {
    text-decoration:none;
}

img {
    width:100%;
    height:auto;
}

.custom-logo-link {
    padding-top:15px;
    padding-bottom:15px;
}
.home a.btn, .affiliate-wrapper a, .business-wrapper a, .book-wrapper a {
    text-decoration:none;
    text-align:center;
    margin-top:60px;
    display:block;
    max-width:240px;
    color:#fff;
    padding: 10px 15px;
    border-radius:0;
    border:1px solid #0082c8;
    background-color: #0082c8;
}

.home a.btn:visited, .affiliate-wrapper a, .business-wrapper a {
    color: #fff;
}

.home a.btn:hover, .affiliate-wrapper a:hover, .business-wrapper a:hover, .home .text-wrap a:hover {
    color:#0082c8;
    padding: 10px 15px;
    border-radius:0;
    border:1px solid #0082c8;
    background-color: #fff;
        
}

.book-wrapper img {
    display:inline-block;
    max-width:150px;
    vertical-align:top;
}

.book-wrapper .text-wrap {
    display:inline-block;
    margin-right:50px;
}

.header-img-content h2, .header-text h2, .home.page-template-default .header-text h1 {
    color:#ffffff;
}

#primary-menu {
    float:right;
}

#primary-menu li a {
font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0082c8;
  padding: 15px 15px 10px 15px;
}

#primary-menu .current_page_item {

    border-bottom: 10px solid #0082c8!important;

}

#breadcrumbs {
    padding-top: 30px;
    padding-bottom: 15px;
}

.event-slider-wrapper {
    margin-top: 80px;
    margin-bottom: 80px;
}
.home.page-template-default .header-image {
    height: 700px;
    background-size: cover;
    background-position: center;

}

.home.page-template-default .header-text {
        height: 100%;
    position: relative;
    display:block;
}
.home.page-template-default .header-text h1 {
    position: absolute;
    vertical-align: bottom;
    bottom: 0;
margin-left: 100px;
    margin-bottom: 200px;
    display:block;
    padding-left:0;
}

.home .main-content-wrapper>div {
        max-width: 910px;
    flex: 100%;
}

.main-content-front p {

  font-size: 1rem;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #ffffff;
}

.main-content-front {
background-color: #0082c8;
    position: relative;
    top: -85px;
    
    padding: 90px 15px 40px 15px;

}

.home .main-content-img {
        background-size: cover;
    height: 350px;
    background-position: center;
        position: absolute;
    width: 95%;
    padding-right: 30px;
    bottom: -70px;
}

.main-content-img {
    position: absolute;
    width: 100%;
    padding-right: 30px;
}

.affiliate-img {
    text-align:center;
}

.affiliate-img img {
    max-width:550px;
}

.affiliate-row {
    background-color:#e4f9f2;
    padding: 100px 15px 50px 15px;
}

.affiliate-wrapper {
    margin-bottom: 100px;
}

.business-content .business-text, .affiliate-content .affiliate-text {
    max-width:700px;
}

.business-wrapper {
    margin-top:40px;
    padding-top:30px;
}
.business-img img {
    max-width: 850px;
}

.rss-feed {
    background-color: #e4f9f2;
    padding:30px;
    margin-bottom:100px;
}

.rss-feed ul, .rss-feed .wpra-item-list--bullets.wpra-item-list--default {
    padding-left:0;
    list-style-type:none;
}

.rss-feed h4 {
    margin-bottom:15px;
}

.rss-feed a {
    text-decoration:underline;
      font-size: 1rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #4a4a4a;
}

#colophon {
    padding-top:50px;
    background-color:#0082c8;
    
    margin-top: 50px;

}


.site-footer p, .site-footer a {
      font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  color: #ffffff;
}

.site-footer ul {
    padding:0;
}

.site-footer li {
    list-style: none;
    display: inline-block;
    border-right:1px solid #fff;
    padding-right:5px;
}

.site-footer li:last-child {
    border-right:none;
}

.site-footer .footer-menu-item {
    border: solid 1px #ffffff;
    padding:20px 20px 20px 20px;
}

.site-footer .footer-menu-item {
    margin-bottom: 25px;
    max-width: 500px;
    position: relative;
    right: 0;
}

.site-footer .footer-menu-item {
    font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}

.footer-menu-item i {
    float: right;
    padding-right: 50px;
    transition:padding-right 0.2s ease
}

.footer-item:hover .footer-menu-item i {
    padding-right: 20px;
    transition:padding-right 0.2s ease;
}
.logos-wrapper {
    margin-bottom:40px;
}
.footer-aff-logo {
    display:inline-block;
}
img.aff-logo {
    width: auto;
    max-height: 60px;
}

.mec-event-list-modern .col-md-6.col-sm-6 {
    padding-left:0;
    padding-right:0;
    margin-left:225px;
}

.mec-event-sharing {
    padding-left:0;
}



/*** ALASIVU ***/

.submenu-caret {
        font-weight: 300;
    padding-left: 10px;
    color: #0082c8;
    float: right;
    padding-right: 50px;
    font-size: 18px;
    display:inline-block;
}

.submenu-caret .fas {
    font-weight: 300;

}

.page-template-default .header-wrapper .header-image .header-img, .jasenet-template-default .header-img, .page-template-dokumenttipankki .header-img, .post-type-archive-jasenet .header-img, .post-type-archive-yhteistyossa .header-img, .post-type-archive-jasenpalvelut .header-img,  .single .header-img {
    height:240px;
    background-position:center;
    background-size:cover;
}

.page-template-default .header-img-content, .page-template-default .header-image, .jasenet-template-default .header-image, .jasenet-template-default .header-img-content, .page-template-dokumenttipankki .header-img-content, .page-template-dokumenttipankki .header-image,
.post-type-archive-jasenet .header-image, .post-type-archive-jasenet .header-img-content, .post-type-archive-yhteistyossa .header-image, .post-type-archive-yhteistyossa .header-img-content, .post-type-archive-jasenpalvelut .header-img-content, .post-type-archive-jasenpalvelut .header-image,  .single .header-image,  .single .header-img-content  {
    padding:0;
}

.page-template-default .header-img-content, .jasenet-template-default .header-img-content, .page-template-dokumenttipankki .header-img-content, .post-type-archive-jasenet .header-img-content, .post-type-archive-yhteistyossa .header-img-content, .post-type-archive-jasenpalvelut .header-img-content,  .single .header-img-content {
    background-color:#0082c8;
}

.page-template-default .header-image, .jasenet-template-default .header-image, .page-template-dokumenttipankki .header-image, .post-type-archive-jasenet .header-image, .post-type-archive-yhteistyossa .header-image, .post-type-archive-jasenpalvelut .header-image,  .single .header-image {
    height:100%;
}

.page-template-default .header-text, .jasenet-template-default .header-text, .page-template-dokumenttipankki .header-text, .post-type-archive-jasenet .header-text, .post-type-archive-yhteistyossa .header-text, .post-type-archive-jasenpalvelut .header-text, .single .header-text {
    display: table;
    height:100%;
}

.page-template-default .header-text h2, .jasenet-template-default .header-text h2, .page-template-dokumenttipankki .header-text h2, .post-type-archive-jasenet .header-text h2, .post-type-archive-yhteistyossa .header-text h2, .post-type-archive-jasenpalvelut h2,  .single h2 {
    display: table-cell;
    vertical-align: middle;
    padding-left:100px;
}

.embed-container {
    text-align:center;    
}

.embed-container iframe {
    max-width:1600px;
    width:100%;
    /* max-height: 600px; */
    height: 700px;
    margin: auto;
    margin-bottom: 80px;
    margin-top: 100px;

}

.sub-page-menu-container {
    max-width:350px;
}

.sub-page-menu-container li {
    list-style:none;
}

.sub-page-menu-container a {
      font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0082c8;
  display:inline-block;
}

.sub-page-menu-container .children {
    display:none;
    padding-left:10px;
    margin-left:0;
}

.sub-page-menu-container>ul {
    padding-left:0;
}

.sub-page-menu-container li {
    display:block;
    padding:15px 5px 15px 5px;
    border-bottom:1px solid #e4e4e4;
}

.sub-page-menu-container li:last-child {
    border-bottom:none;
}

.sub-page-menu-container li .children li {
    border-bottom:none;
    padding:5px 5px 5px 5px;
}

.sub-page-menu-container li.page_item_has_children>a {
    padding-bottom:1px;
}

.sub-page-menu-container li.page_item_has_children .children {
    width:100%;
    padding-top:15px;    
}

.sub-page-menu-container a {
      font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #0082c8;
}
/*** JÄSENESITTELY ***/

.checklabel.btn {
border: 1px solid #0082c8;
    color: #0082c8;
    margin-right:20px;
}

/*** JÄSEN SIVU ***/

#filter input[type=checkbox] {
    display:none;
}

.sub-title {
    background-color: #f2f2f2;
    padding: 15px;
    border-bottom: solid 1px #979797;
    margin-bottom:25px;
    margin-top:25px;
}

.sub-title h4 {
      font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #4a4a4a;
  margin-bottom:0;
  text-transform:uppercase;
}

.jasenet-template-default label {
    display:inline-block;
    max-width:30%;
    width:100%;
    padding-right:25px;
    vertical-align: top;
}

.jasenet-template-default .franc-info-wrapper {
    display:inline-block;
    max-width:35%;
}

.group {
    padding-left:15px;
    padding-right:15px;
}

.affiliate-logo {
    text-align:right;
}
.affiliate-logo img {
    max-width:300px;
}



.form-wrapper .caldera-grid .cf-page-btn-next {
        float: right;
    margin-top: 25px;
}


.form-wrapper .caldera-grid .cf-page-btn {
        color: #fff;
    padding: 10px 15px;
    border-radius: 0;
    border: 1px solid #0082c8;
    background-color: #0082c8;
}


.form-wrapper .caldera-grid .cf-page-btn:hover {
            color: #0082c8;
    padding: 10px 15px;
    border-radius: 0;
    border: 1px solid #0082c8;
    background-color: #fff;
}

/*** DOKUMENTTIPANKKI ****/


.document-date {
    font-size: 14px;
}

.document-wrapper {
    padding-top:20px;
    padding-bottom:20px;
    border-top: 1px solid #0082c8;
}

.document-wrapper:first-child {
    border-top:none;
}

.news-aff-wrapper.document-wrapper:first-child {
    border-top: 1px solid #0082c8;
}


.document-container {
    margin-bottom:50px;
}

#response {
        margin-top: 50px;
    margin-bottom: 100px;
}

.affIntro-wrapper {
    border: solid 1px #979797;
    margin-top: -1px;
    margin-left: -1px;
}

.affIntro-wrapper {
    padding:0;
    height: 180px;
    background-size: 200px;
    background-position: center;
    background-repeat: no-repeat;
}

.affIntro-wrapper .overlay {
        height: 100%;
    width: 100%;
    text-align: center;
    display: table;
}

.affIntro-logo {
    display: table-cell;
    vertical-align: middle;
    display:none;
    word-break: break-all;
}

.categories-btn .btn {
    white-space: normal;
    text-align:left;
}

.categories-btn .btn.current {
    background-color:#0082c8;
    color:#fff;
}

.affIntro-wrapper:hover .affIntro-logo {
    font-size:20px;
    display:table-cell;
    color: #fff;
}

.affIntro-wrapper a:hover {
    text-decoration:none;
}

.affIntro-wrapper:hover .overlay {
      background-color: rgba(0, 130, 200, 0.7);
}


/*** JÄSENPALVELUT ***/

p.year.yearBtn {
    display: block;
    padding-bottom: 5px;
    width: auto;
    margin-bottom: 0;
    text-align: right;
    max-width: 180px;
    padding-right: 35px;
    border: 0;
    border-radius: 0;
    border-right: 3px solid grey;
}
.news-wrapper {
    display:none;
}

.active-news {
    display:block;
}

.jasenpalvelut-container p.selected-year {
    border-right: 4px solid #0082c8;
    padding-right: 34px;
}

.jasenpalvelut-container .main-content {
    margin-bottom:50px;
}

.jasenpalvelut-container .sub-page-menu {
        margin-top: 98px;
}

@media (min-width:2118px) {
    
    .home .main-content-wrapper>div {
        flex: 50%;
        max-width:50%;
    }
}

@media (max-width: 1500px) {
    
    .book-wrapper .text-wrap { 
    margin-right:20px;
}

.book-wrapper img { 
        max-width: 150px;
    vertical-align: bottom;
}
}

@media (max-width:1200px) {
    .affIntro-wrapper {
    padding:0;
    height: 180px;
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}

.book-wrapper .text-wrap { 
    margin-right:20px;
}

.book-wrapper img { 
        max-width: 150px;
    vertical-align: bottom;
}
}

@media (max-width:1092px) {
    .home .main-content-img {
        bottom:auto;
    }
    
    .home .main-content-wrapper>div {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        }
}
@media (max-width: 1024px){
	.jasenet-template-default label {
		max-width:40%;
	}
}

@media (max-width:992px) { 

.book-wrapper {
    margin-top:70px;
}
    
}

@media (max-width: 768px) {
    
    

.home .main-content-img {
    background-size: cover;
    height: 250px;
    background-position: center;
    position: absolute;
    width: 95%;
    bottom:auto;
    padding-right: 30px;
}
    
    .home.page-template-default .header-text h1 {
position: relative;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    }
    
    .home.page-template-default .header-text {
        text-align:center;
    height: 100%;
    position: relative;
    display: table;
    width: 100%;
}
.event-slider-wrapper {
        margin-top: 38%;
    margin-bottom: 80px;
}

.affiliate-wrapper {
    margin-bottom:0;
}

.page-template-default .header-text h2, .jasenet-template-default .header-text h2, .page-template-dokumenttipankki .header-text h2, .post-type-archive-jasenet .header-text h2, .post-type-archive-yhteistyossa .header-text h2 {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}

.sub-page-menu-container {
    max-width:100%;
    margin-bottom:50px;
}

	.jasenet-template-default label {
		max-width:50%;
	}
}

@media (max-width:570px) {
    .jasenet-template-default label {
		max-width:100%;
	}
	.jasenet-template-default .franc-info-wrapper {
	    max-width:100%;
	}
	
	.affiliate-page-content label {
	    margin-bottom:0;
	}
	
	.affiliate-page-content .group {
	    padding-top:7px;
	    padding-bottom:7px;
	}
}

@media (max-width: 450px) {
	.group{
		margin-bottom: 20px;
	}
	.jasenet-template-default .franc-info-wrapper {
		max-width: 100%;
	}
	.jasenet-template-default label {
		max-width:100%;
	}
}