/*
 Theme Name:   Veska.fi child
 Theme URI:    https://jj-net.fi/
 Description:  Veska.fi sivuston child teema.
 Author:       JJ-Net Group Oy
 Author URI:   https://jj-net.fi/
 Template:     jj-net-theme
 Version:      1.0
 License:      All rights reserved.
 License URI:  https://jj-net.fi/
 Text Domain:  jjnet
*/

body { font-family: 'Source Sans Pro', sans-serif; color: #0E529A; font-size: 18px; }
h1,h2,h3,h4,h5,h6 { font-family: 'Barlow Condensed', sans-serif; font-weight:700; color: #0E529A; text-transform: none; margin-bottom: 0.8em; }
h1, h2 { text-transform: uppercase;  }
h2 { font-size: 3rem; }
h3 { font-size: 2.2rem; }
h4 { font-size: 20px; margin-bottom: 0.3em; }
p { margin-bottom: 2rem; }
p a { font-family: 'Barlow Condensed', sans-serif; font-weight: 600; letter-spacing: 0.5px; color: #0E529A; border-bottom: 2px solid #0E529A; transition: all 0.2s ease-in-out;}
p a:hover { color: #EE2B7A; border-bottom: 2px solid #EE2B7A; text-decoration: none; }

.wpml-ls-statics-footer { display: none; }

.navigation-container, #quadmenu.quadmenu-default_theme { background-color: #fff !important; }
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content { color: #0E529A !important; }
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.current-menu-item > a > .quadmenu-item-content { color: #EE2B7A !important; }
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.current-menu-item > a > .quadmenu-item-content .quadmenu-text { border-bottom: 2px solid #EE2B7A; }
#quadmenu .quadmenu-navbar-nav li.quadmenu-item>a>.quadmenu-item-content>.quadmenu-text { border-bottom: 2px solid transparent; }
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item > a, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item > form { font-family: 'Source Sans Pro', sans-serif !important; font-weight: 600 !important; font-size: 15px !important; padding: 15px 0; }
#quadmenu .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-content { padding: 0 !important; }
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link:hover, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link.open { background-color: #fff !important; }
#quadmenu .quadmenu-navbar-nav li.quadmenu-item>a:hover .quadmenu-text, #quadmenu .quadmenu-navbar-nav li.quadmenu-item>a:focus .quadmenu-text { color: #EE2B7A !important;border-bottom: 2px solid #EE2B7A;  }
#quadmenu:not(.quadmenu-is-horizontal).quadmenu-mobile-shadow-show { box-shadow: 0 0 0 0 !important; }
#quadmenu.quadmenu-default_theme .quadmenu-navbar-toggle .icon-bar,
#quadmenu.quadmenu-default_theme .quadmenu-navbar-toggle.collapsed .icon-bar { background-color: #0E529A !important; }

.content { padding: 40px 0; }
.navigation-container + .content { padding: 0; }
.content-image .row { align-items: center; }

.content-pink { background-color: #EE2B7A; color: #fff; padding: 80px 0; }
.content-pink h2 { color: #fff; }

.content-blue { background-color: rgba(10, 82, 153, 0.06); }

.content-nomargin { padding-bottom: 0; }
.content-nomargin + .content { padding-top: 0; }

.crumbtrail-container { margin-top: 50px; }
.crumbtrail-container a { color: #0E529A; transition: all 0.2s ease-in-out;}
.crumbtrail-container a:hover { color: #EE2B7A; text-decoration: none;border-bottom: 2px solid #EE2B7A; }
.crumbtrail-container span { opacity: 1 !important; color: #0E529A; }
.crumbtrail-container .crumbtrail-separator::after { content: '>' !important; }

body:not(.single) .post-title-container h1 { text-align: center; padding: 50px 0 30px;}
.col-post_title h1 { text-align: center; padding-top: 50px; }
.post-title-container + .content .content-lunch { margin-top: -40px; }

.static-news .container { max-width: 100%;  }
.static-news .left-column {  min-height: 70vh;}
.static-news .left-column .content-highlight { padding: 0;}
.static-news .right-column { background-color: #EE2B7A; color: #fff; display: flex; flex-direction: column; }
.static-news .right-column p { margin-bottom: 1rem; }
.static-news .right-column .col-content_highlights .content-highlight { min-height: 300px; padding: 0; margin-bottom: 0 !important;  font-family: 'Barlow Condensed', sans-serif; }
.static-news .right-column .col-content_highlights .content-highlight .ingress { color: #fff; font-size: 2rem; margin-bottom: 20px; line-height: 1.1; }
.static-news .right-column .col-text {font-family: 'Barlow Condensed', sans-serif; font-weight: 600; letter-spacing: 0.5px; font-size: 2rem; line-height: 1em; display: flex; flex-direction: column; justify-content: center; padding: 40px 5vw 30px;}
.static-news .right-column .col-text a { color: #fff; font-size: 1rem; text-transform: uppercase; border-bottom: 2px solid #fff; transition: all 0.2s ease-in-out;}
.static-news .right-column .col-text a:hover { text-decoration: none; color: #751E88 !important; border-bottom: 2px solid #751E88; }
.static-news .col-content_highlights .row-highlights { margin-top: 0;height: 100%; }
.static-news .col-content_highlights, .static-news .content-highlight { height: 100%; }
.static-news .col-content_highlights .content-highlight-inner h1, .static-news .left-column .col-content_highlights .content-highlight-inner h3 { color: #fff; font-size: 2.7rem; line-height: 0.9em; margin-bottom: 20px; }
.static-news .col-content_highlights .content-highlight-inner { text-align: left !important; left: 50%; }
.static-news .col-content_highlights .content-highlight-inner .content-highlight-link { color: #fff; display: inline-block; border: 4px solid #fff; padding: 5px 10px; text-transform: uppercase;font-family: 'Barlow Condensed', sans-serif; font-weight: 600; letter-spacing: 0.5px; }
.static-news .right-column .col-content_highlights .content-highlight-inner { padding: 0 calc(5vw + 15px); left: 0; transform: translateY(-50%); font-weight: 600; width: 90%;}

.col-content_highlights .content-highlight-container { position: relative;box-shadow: 0 0 0 0 !important; }
.col-content_highlights .content-highlight { margin-bottom: 30px; }
.col-content_highlights .content-highlight-container:after { content: ''; transition: all 0.2s ease-in-out; }
.col-content_highlights .content-highlight-container:hover:after { content: ''; position: absolute; background-color: rgba(0, 0, 0, 0.4); left: 0; right: 0; top: 0; bottom: 0; }
.col-content_highlights .content-highlight-inner { z-index: 9; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%;  text-align: center !important; background-color: transparent !important; }
.col-content_highlights .content-highlight-inner h3 { text-transform: uppercase; color: #fff; }
.col-content_highlights .row-highlights { margin-top: 10px; }
.content-pink .col-content_highlights p a {transition: all 0.2s ease-in-out; font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase;border-bottom: 2px solid #fff; color: #fff; font-weight: 600; letter-spacing: 0.5px; }
.content-pink .col-content_highlights a:not(.content-highlight-container):hover { text-decoration: none;color: #751E88 !important; border-bottom: 2px solid #751E88; }

.content-lunch p a {transition: all 0.2s ease-in-out; font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase; color: #0E529A; border-bottom: 2px solid #0E529A; font-weight: 600; letter-spacing: 1px; }
.content-lunch p a:hover { color: #EE2B7A; border-bottom: 2px solid #EE2B7A; font-weight: 600; letter-spacing: 1px; }
.content-lunch.col-content_highlights .content-highlight-inner h3 { text-transform: none; }

.col-content_carousel .carousel-item-title { line-height: 1; font-weight: 600; position: absolute; left: 50%; transform: translate(-50%, -50%); top: 50%;  text-align: center !important; color: #fff; font-size: 1.5rem; width: 70%; }
.col-content_carousel .owl-carousel-item { padding: 0 !important; }
.col-content_carousel .owl-dots { position: absolute; bottom: 15px; left: 0; right: 0; text-align: center; }
.col-content_carousel .owl-dots button { height: 15px; width: 15px; background-color: rgba(255, 255, 255, 0.7) !important; margin: 0 5px; }
.col-content_carousel .owl-dots button.active { background-color: #fff !important;}

.col-news_highlights h2 { text-align: center; margin-bottom: 20px; }
.col-news_highlights { padding: 10px 0; }
.col-news_highlights .news-description a {transition: all 0.2s ease-in-out; font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase;border-bottom: 2px solid #0E529A; color: #0E529A; font-weight: 600; letter-spacing: 0.5px; }
.col-news_highlights .news-description a:hover { text-decoration: none;color: #EE2A7B !important; border-bottom: 2px solid #EE2A7B; }
.col-news_highlights .news-highlight-container { position: relative; margin-bottom: 30px; }
.col-news_highlights .news-highlight-date { position: absolute; left: 15px; top: 0; background-color: #fff; margin-top: 0 !important; padding: 10px; }
.col-news_highlights .news-highlight-inner { padding: 10px 0 0 !important; border: 0 !important;}
.col-news_highlights .news-highlight-title h4 {  text-transform: none; margin-bottom: 20px; font-size: 1.8rem; }
.col-news_highlights .news-highlight-title h4 a { color: #0E529A; }
.col-news_highlights .news-highlight-readmore a { font-family: 'Barlow Condensed', sans-serif; font-weight: 600;  transition: all 0.2s ease-in-out; border: 4px solid #0E529A; color: #0E529A; padding: 5px 15px; margin-top: 20px; text-transform: uppercase; }
.col-news_highlights .news-highlight-readmore a:hover { text-decoration: none; background-color: #0E529A; color: #fff; }

.post-type-archive-news .archive-inner-container { display: block; position: relative; }
.post-type-archive-news .archive-date {color: #0E529A !important; position: absolute; left: 0; top: 0; background-color: #fff; margin-top: 0 !important; padding: 10px; }
.post-type-archive-news h2 {  text-transform: none; margin-bottom: 20px; font-size: 2rem !important; }
.archive-read-more a {font-family: 'Barlow Condensed', sans-serif; font-weight: 600; letter-spacing: 0.5px; transition: all 0.2s ease-in-out; display: inline-block; border: 4px solid #0E529A; color: #0E529A; padding: 5px 15px !important; text-transform: uppercase; }
.archive-read-more a:hover { text-decoration: none; background-color: #0E529A; color: #fff;}
.archive-news { padding: 20px 0 30px !important; }
.post-type-archive-news .archive-inner-container { margin-bottom: 50px; }

.col-image { margin-bottom: 15px; }
.col-image img { width: 100%;}

.single h1 { text-transform: none; margin: 30px 0 25px; }
.share-buttons-title {font-family: 'Barlow Condensed', sans-serif; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 10px; }
.share-buttons-container li { font-size: 2rem; padding: 0 15px 0 0 !important; }
.share-buttons-container li a { color: #251F5E; border: 0; transition: all 0.2s ease-in-out;}
.share-buttons-container li a:hover { color: #EE2A7B; }

.single .post-date { position: absolute; left: 15px; top: 0; background-color: #fff; margin-top: 0 !important; padding: 10px; }

.col-content_highlights.content-lunch .content-highlight-inner { position: relative; transform: none; left: 0; top: 0; display: flex; flex-wrap: wrap; padding: 0; color: #0E529A; text-align: left !important;}
.col-content_highlights.content-lunch .content-highlight-inner h3 { flex-basis: 100%;color: #0E529A; }
.col-content_highlights.content-lunch .content-highlight-inner .content-wrap { flex-basis: 100%; margin-bottom: 20px; }
.col-content_highlights.content-lunch .content-highlight-inner .content-highlight-link { display: inline-block; margin-top: 15px; line-height: 1.2; font-family: 'Barlow Condensed', sans-serif; font-weight: 600; letter-spacing: 0.5px; transition: all 0.2s ease-in-out; text-transform: uppercase; color: #0E529A;border-bottom: 2px solid #0E529A;}
.col-content_highlights.content-lunch .content-highlight-inner .content-highlight-link:hover { color: #EE2A7B; border-bottom: 2px solid #EE2A7B; text-decoration: none;}
.col-content_highlights.content-lunch  .content-highlight-container:hover:after { display: none; }
.col-content_highlights.content-lunch img { width: 100%; margin-bottom: 20px; }
.col-content_highlights.content-lunch .content-highlight { margin-bottom: 80px; }

.archive h1 { margin-bottom: 0; }
.post-type-archive-companies .post-title-container, .archive-companies { background-color: rgba(10, 82, 153, 0.06); }
.archive-companies { padding-bottom: 50px; }
.archive-categories { text-align: center; text-transform: uppercase; margin-bottom: 30px; }
.archive-categories a {font-family: 'Barlow Condensed', sans-serif; font-weight: 600;  color: #0E529A !important; border-bottom: 2px solid #0E529A; letter-spacing: 0.5px;}
.archive-categories a.selected-category { color: #EE2A7B !important; border-bottom: 2px solid #EE2A7B;}
.archive-categories > li { margin-bottom: 10px; }
#category-companies { display: flex; flex-wrap: wrap; width: 100%; }
#category-companies .archive-row { flex-basis: 100%; margin-bottom: 50px; padding: 15px; }
#category-companies .archive-row h2 { text-transform: none; font-size: 2.5rem; }
#category-companies .archive-row a { color: #0E529A; transition: all 0.2s ease-in-out;}
#category-companies .archive-row a:hover { color: #EE2B7A; text-decoration: none; }
#category-companies .archive-row .archive-website a { letter-spacing: 0.5px; font-family: 'Barlow Condensed', sans-serif; font-weight: 600; border-bottom: 2px solid #0E529A; text-transform: uppercase;transition: all 0.2s ease-in-out; }
#category-companies .archive-row .archive-website a:hover { border-bottom: 2px solid #EE2B7A; }
.archive-image { background-color: #fff; margin-bottom: 20px; }
.archive-openhours { margin-bottom: 15px; }

.footer-container4:before { content: ''; background-image: url('images/veskakuosi.png'); background-position: 50%; background-size: cover; height: 10px; width: 100%; position: absolute;left: 0; top: 0; }
.footer-container4 { position: relative; background-color: #0E529A !important; padding: 80px 0 50px !important; }
.footer-container4 h3 { color: #fff; font-size: 1.2rem; text-transform: uppercase; }
.footer-container4 h4 { color: #fff; font-size: 2rem; margin-bottom: 30px;}
.footer-logo { margin-bottom: 50px; max-width: 260px; }
.footer-links-wrap { margin-bottom: 30px; }
.footer-links-wrap h3 {  font-family: 'Source Sans Pro', sans-serif; }
.footer-someicons { margin-top: 30px; }
.footer-some-icons > li > a > .fa { font-size: 30px !important; }
.footer-links li:first-child { text-transform: uppercase; font-weight: 600; }
.footer-links li:nth-child(2) { margin-top: 10px; }
.footer-some-icons { margin-bottom: 40px; }
.footer-container4 a {transition: all 0.2s ease-in-out; }
.footer-container4 a:hover { color: #EE2B7A; }

@media (min-width: 768px) {
    .static-news .col-content_highlights .content-highlight-inner h1, .static-news .left-column .col-content_highlights .content-highlight-inner h3  { font-size: 3rem;  }
    .static-news .right-column .col-text { font-size: 1.2rem; padding: 0 20px;}
    .static-news .right-column .col-content_highlights .content-highlight .ingress { font-size: 1.2rem; }
    .static-news .right-column .col-content_highlights .content-highlight-inner { padding: 0 35px;width: 100%; }
    #quadmenu .quadmenu-navbar-header .quadmenu-navbar-brand { padding: 0 !important; }
    #category-companies .archive-row { flex-basis: 50%; }
    .static-news .left-column {  min-height: 50vh; }
    .static-news .right-column { min-height: 50vh; }
    .footer-container4 h4 { font-size: 1.5rem; }
    .footer-container4 { padding: 130px 0 100px !important; }
    .page-template-default.english .content-6_6 .row,
    .page-template-default.english .content-4_4_4 .row,
    .page-template-default.english .content-12.content-white .row,
    .single .content-6_6 .row,
    .single .content-4_4_4 .row,
    .single .content-12:not(.static-content) .row,
    .alasivu .content-6_6 .row,
    .alasivu .content-4_4_4 .row,
    .alasivu .content-12.content-white .row,
    .alasivu .content-12.content-nomargin .row { padding: 0 8.333333%; }
    .col-news_highlights .news-highlight-title h4 { font-size: 1.3rem; }
    .col-news_highlights { padding: 20px 0; }
    .static-news .right-column > div { flex-basis: 50%; }
    .footer-container4:before { height: 20px; }
    .static-news .left-column {  min-height: 60vh;}
    .static-news .right-column { min-height: 60vh; }
    .col-content_carousel .carousel-item-title { font-size: 1.5rem; }
    .archive-news .post-title-container { padding: 40px 0 20px !important; }
    .archive-news { padding: 5rem 0; }
}

@media (min-width: 769px) {
    #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item > a, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item > form { padding: 0; }
    #quadmenu .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-content { padding: 0 15px !important; }
}

@media (min-width: 992px) {
    .static-news .right-column .col-text { font-size: 2rem; padding: 1.5rem 5vw 0.5rem; }
    .static-news .right-column .col-content_highlights .content-highlight-inner { padding: 0 5vw; }
    #category-companies .archive-row { flex-basis: 33.33333%; }
    .static-news .left-column {  min-height: 80vh; }
    .static-news .right-column { min-height: 80vh; }
    .footer-container4 h4 { font-size: 1.4rem; }
    .static-news .col-content_highlights .content-highlight-inner h1, .static-news .left-column .col-content_highlights .content-highlight-inner h3 { font-size: 5rem; }
    .col-news_highlights .news-highlight-title h4 { font-size: 1.8rem; }
    .col-news_highlights { padding: 50px 0; }
    .footer-container4:before { height: 30px; }
    .col-content_highlights.content-lunch .content-highlight-inner h3 { font-size: 1.5rem; flex-basis: 35%;}
    .col-content_highlights.content-lunch .content-highlight-inner .content-wrap { flex-basis: 65%; }
    .col-content_highlights.content-lunch img { margin-bottom: 40px; }
    #quadmenu .quadmenu-navbar-nav li.quadmenu-item .quadmenu-item-content { padding: 0 35px !important; }
    .static-news .left-column {  min-height: 80vh;}
    .static-news .right-column { min-height: 80vh; }
    .archive .post-title-container { padding: 0 0 20px; }
    .archive-news { padding: 5rem 0; }
    .col-content_carousel .carousel-item-title { width: 50%; }
}

@media (min-width: 1200px) {
    .static-news .col-content_highlights .content-highlight-inner { left: 45%; }
    #category-companies .archive-row { flex-basis: 25%; }
    .col-content_carousel .carousel-item-title { font-size: 2rem; }
    .archive-companies { padding-bottom: 80px; }
    .col-content_highlights.content-lunch .content-highlight-inner h3 { font-size: 1.8rem;}
}

@media (min-width: 1600px) {
    .container { max-width: 1520px; }
    .footer-container4 h4 { font-size: 2rem; }
    .col-content_highlights.content-lunch .content-highlight-inner h3 {font-size: 2.2rem; flex-basis: 35%;}
    .col-content_highlights.content-lunch .content-highlight-inner .content-wrap { flex-basis: 65%; }
}

@media (min-width: 1920px) {
    .static-news .container { max-width: 1920px; }
}