/*
 Theme Name:   Lahden Kokoomus child 
 Theme URI:    https://jj-net.fi/
 Description:  Lahdenkokoomus.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: 'Lato', sans-serif; color: #5D5F5D; }
h1,h2,h3,h4,h5,h6 { font-family: 'Bree Serif', serif; font-weight:500; color: #f78947; margin-bottom: 1.5rem; }

/*.btn-custom { display:inline-block; padding: 17px 37px; border:0; background-color:#fff; color:#514a49; border-radius:25px; }
.btn-custom:hover,.btn-custom:focus,.btn-custom:active { text-decoration:none; }*/


.button a {transition: box-shadow 0.25s ease; font-size: 14px; font-family: 'Source Sans Pro', sans-serif; padding: 8px 20px; border-radius: 6px; display: inline-block; font-weight: bold; text-transform: uppercase; }
.button a:hover {text-decoration: none; box-shadow: 3px 3px 6px rgb(0 0 0 / 26%);}
.btn-orange a { background-color: #f78947; color: #fff; border: 2px solid #f78947; }
.btn-white a { background-color: #fff; color: #f78947; border: 2px solid #fff;}
.btn-transparent a { background-color: transparent; color: #fff; border: 2px solid #fff;}
.btn-transparent-blue a { background-color: transparent; color: #0f56ff; border: 2px solid #0f56ff;}

.navigation-container { background-color: #fff !important; }

#quadmenu { position: relative; }
#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,
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a > .quadmenu-item-content { color: #0f56ff !important; font-weight: bold; text-transform: uppercase !important; }
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.quadmenu-has-link:hover, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.quadmenu-has-link.open { background-color: #fff !important; }
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item:hover > a > .quadmenu-item-content, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.open > a > .quadmenu-item-content { color: #f78947 !important;}

#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link:hover > a > .quadmenu-item-content,
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link.open > a > .quadmenu-item-content { color: #f78947 !important;}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a,
#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; }

#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-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link:hover a,
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link.open a { color: #f78947; }
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item:not(.quadmenu-item-type-tab):not(:last-child):not(:only-child) > a {border: none !important; }
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item:last-child .quadmenu-item-content { background-color: #0f56ff !important; color: #fff !important; padding: 12px 18px !important; border-radius: 6px; display: inline-block; }
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-has-link:last-child:hover .quadmenu-item-content { color: #f78947 !important; }
#quadmenu.quadmenu-default_theme .quadmenu-navbar-toggle.collapsed .icon-bar,
#quadmenu.quadmenu-default_theme .quadmenu-navbar-toggle .icon-bar { background-color: #0f56ff !important; }
#quadmenu .quadmenu-navbar-toggle { margin-right: 30px !important; }
#quadmenu:not(.quadmenu-is-horizontal).quadmenu-mobile-shadow-show { box-shadow: 0 0 0 !important; }
#quadmenu .quadmenu-navbar-nav li.quadmenu-item>a { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center;}

.navigation-container .container { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
#quadmenu { flex-grow: 1; }
.nav-some-icons { margin-bottom: 0; }
.nav-some-icons li { display: inline-block; }
.nav-some-icons li a { color: #0f56ff; padding: 10px; }
.nav-some-icons li a:hover { color: #f78947;}

.carousel-caption h1,
.carousel-caption h2 { margin: 0 auto; line-height: 1.5em; font-size: 2.5rem;  font-weight: bold; margin: auto; padding: 10px; display: inline-block; color: #fff; font-style: normal; text-transform: none;}
.carousel-caption h1 span,
.carousel-caption h2 span { display: inline; padding: 5px; background: #0f56ff; box-shadow: 10px 0 0 #0f56ff, -10px 0 0 #0f56ff; -webkit-box-decoration-break: clone; -ms-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; }
.ajankohtaista h1 span { background: transparent; box-shadow: 0 0 0; }

.carousel-caption { top: 50%; bottom: auto; transform: translateY(-50%); }
.carousel-caption .description { margin-top: 20px; }
.carousel-caption .button { margin: 5px 10px; position: relative; z-index: 999; display: inline-block; }
.banner-container .owl-prev,
.banner-container .owl-next { position: absolute; color: #f78947 !important; background-color: #fff !important; width: 40px; height: 40px; border-radius: 10px; border: 2px solid #E0E2E0 !important; }
.banner-container .owl-prev { left: -25px; }
.banner-container .owl-next { right: -25px; }

.content { padding: 5rem 0; }
.content.grey { background-color: #f7f7f7; }
.content.blue { background-color: #0f56ff; }
.content.orange { background-color: #f78947; color: #fff; font-size: 1.1rem; }
.content.white h1, .content.white h2, .content.white h3, .content.white h4, .content.white h5 { color: #0f56ff; }
.single .content.white h1, .single .content.white h2, .single .content.white h3, .single .content.white h4, .single .content.white h5 { color: #5D5F5D; }
.content.blue h1, .content.blue h2, .content.blue h3, .content.blue h4, .content.blue h5 { color: #fff; }
.content.orange a, .content.orange h1, .content.orange h2, .content.orange h3, .content.orange h4, .content.orange h5 { color: #fff; }
.content.grey h1, .content.grey h2, .content.grey h3, .content.grey h4, .content.grey h5 { color: #f78947; }

.content-6_6 .col-image { text-align: center; }

.col-persons_highlights { text-align: center; }
.col-persons_highlights h2  {text-transform: uppercase;font-style: italic; }
.person-highlight { text-align: left; }
.person-highlight img { padding-right: 30px; }
.person-highlight .row { justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: flex-start; }
.person-info { color: #fff; align-self: center; }
.person-info h2 { color: #fff; text-transform: none; font-style: normal; margin-bottom: 0.5rem;}
.person-info .button { display: inline-block; margin-right: 20px; }
.person-info .person-title { text-transform: uppercase; margin-bottom: 2rem; }
.person-info .person-additional-info { font-family: 'Bree Serif', serif; font-style: italic; position: relative; padding-top: 50px; }
.person-info .person-additional-info::before { content: ''; position: absolute; top: 0; background-image: url(https://lahdenkokoomus.fi/wp-content/themes/lahden-kokoomus-child/images/icon-doublequote.png); background-size: cover; width: 15px; height: 15px;  }
.col-persons_highlights .owl-prev, .col-persons_highlights .owl-next { position: absolute; top: 50%; transform: translateY(-50%); color: #f78947 !important; background-color: #fff !important; width: 40px; height: 40px; border-radius: 10px; border: 2px solid #E0E2E0 !important; }
.col-persons_highlights .owl-prev { left: -40px; }
.col-persons_highlights .owl-next { right: -40px; }
.person-image { position: relative; }
.person-candidatenumber { width: 90px; height: 90px; display: -ms-flexbox; display: -webkit-flex; display: flex; position: absolute; bottom: 10px; right: 50px; font-size: 3rem; line-height: 1rem; background-color: #0f56ff; color: #fff; border-radius: 50%; }

.col-news_highlights .news-highlight-inner { border: 0 !important; padding-top: 0 !important; }
.col-news_highlights h2 { font-style: italic; color: #f78947 !important; text-align: center;text-transform: uppercase; }
.events-highlight-title a,
.blog-highlight-title a,
.news-highlight-title a { color: #5D5F5D; text-transform: none;font-style: normal; }
.events-highlight-date,
.blog-highlight-date,
.news-highlight-date,
.single-date { font-family: arial; position: relative; padding-left: 35px; color: #5D5F5D; }
.events-highlight-date::before,
.blog-highlight-date::before,
.news-highlight-date::before,
.single-date::before { content: ''; padding-right: 10px; position: absolute; left: 0; background-image: url(https://lahdenkokoomus.fi/wp-content/themes/lahden-kokoomus-child/images/icon-clock.png); background-size: cover; width: 20px; height: 20px; }
.events-highlight-container,
.blog-highlight-container,
.news-highlight-container { padding: 0 15px; }
.events-highlight-container .row,
.blog-highlight-container .row,
.news-highlight-container .row { align-items: center; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; }
.col-blog_highlights .blog-highlight-inner { padding: 0 15px !important; }
.col-news_highlights,
.col-events_highlights,
.col-blog_highlights { margin-bottom: 50px; }
.col-blog_highlights .blog-highlight-date { display: block !important; }
.blog-highlight-cpt,
.events-highlight-cpt,
.news-highlight-cpt,
.single-cpt,
.event-cpt { font-family: 'Source Sans Pro', sans-serif; color: #0f56ff; font-weight: bold; text-transform: uppercase; margin: 10px 0;}
.blog-highlight-ingress {margin-bottom: 25px;}
.news-highlight-readmore, .news-highlight-calendar { display: inline-block; margin-right: 20px; }

.content-bg.static-content { position: relative; height: 0; padding: 0 0 33.333333333333%; margin-bottom: 5rem;}
.single .content-bg.static-content { margin-bottom: 3rem; padding-bottom: 100% !important; }
.events-template-default .content-bg.static-content { margin-bottom: 0; }
.content-bg.static-content div { position: static; }
.content-bg.static-content .col-content,
.content-bg.static-content .col-post_title {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.content-bg.static-content h1,
.content-bg.static-content h2 { color: #fff;text-transform: none;font-style: normal; }

.event-ingress { margin-bottom: 1rem; font-weight: bold; }

.archive .showmore { margin-bottom: 20px; }
.ajankohtaista .owl-carousel,
.archive .content-bg.static-content { padding-bottom: 100% !important; }
.archive-events { padding-bottom: 5rem; }
.archive-row { margin-bottom: 50px; align-items: center; }
.archive-row img { margin-bottom: 15px; }
.archive-ingres { margin-bottom: 25px; }
.archive-title { color: #5D5F5D; text-transform: none;font-style: normal; }
.archive-date { font-family: arial; position: relative; padding-left: 35px; color: #5D5F5D !important; }
.archive-date::before { content: ''; padding-right: 10px; position: absolute; left: 0; background-image: url(https://lahdenkokoomus.fi/wp-content/themes/lahden-kokoomus-child/images/icon-clock.png); background-size: cover; width: 20px; height: 20px; }

.archive-news { padding: 0 !important; }
.archive-news-showmore { text-align: center; margin-bottom: 3rem; }
.archive-news-showmore .btn { background-color: #f78947; color: #fff; border: 2px solid #f78947; transition: box-shadow 0.25s ease; font-size: 14px; font-family: 'Source Sans Pro', sans-serif; padding: 8px 20px; border-radius: 6px; display: inline-block; font-weight: bold; text-transform: uppercase; }
.archive-news-showmore .btn:hover {text-decoration: none; box-shadow: 3px 3px 6px rgb(0 0 0 / 26%);}

.archive-persons { padding: 0 0 5rem; }
.archive-persons .archive-person { margin-bottom: 5rem; transition: top 0.25s ease; position: relative;top: 0; }
.archive-persons .archive-person:hover { text-decoration: none; top: -5px; }
.post-type-archive-persons .archive-title { color: #0f56ff; font-size: 1.1rem; margin: 10px 0 5px;  }
.post-type-archive-persons .archive-person-title { font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; color: #5D5F5D; }
.archive-person-image { position: relative; }
.archive-person-candidatenumber { width: 90px; height: 90px; display: -ms-flexbox; display: -webkit-flex; display: flex; position: absolute; bottom: 10px; right: 10px; font-size: 3rem; line-height: 1rem; background-color: #0f56ff; color: #fff; border-radius: 50%; }
.person-candidate-number { font-family: 'Bree Serif', serif; margin: auto; }
.post-type-archive-persons h1 { text-align: center; color: #f78947 !important; font-style: italic; text-transform: uppercase;}

#calview .row { align-items: center; }

.single h1, .single h2, .single h3, .single h4 { color: #5D5F5D; text-transform: none; font-style: normal; }

.datepicker .datepicker-switch, 
.datepicker .next, .datepicker .prev { padding: 10px; background: #0f56ff; color: #fff; border-radius: 0 !important; }
.datepicker .datepicker-switch:hover,
.datepicker .next:hover, .datepicker .prev:hover, 
.datepicker tfoot tr th:hover { background: #f78947 !important; }
.datepicker tfoot tr th { padding: 10px; background: #f78947; color: #fff; border-radius: 0 !important; }

.single-persons .person-information-header h1 { color: #007bff; margin-bottom: 0.5rem; }
.single-persons .person-some { margin: 30px 0 50px; }
.single-persons .person-some a { font-size: 1.2em; padding: 5px; margin-right: 10px; }
.single-persons .person-video { position: relative; overflow: hidden; padding-top: 56.25%; }
.single-persons .person-video iframe { border-radius: 15px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.single-persons .col-person_information .row { align-items: flex-start; margin-bottom: 5rem;}
.single-persons .person-title { text-transform: uppercase; margin-bottom: 2rem; color: #5D5F5D; font-weight: bold; }
.single-persons .person-additional-info { font-family: 'Bree Serif', serif; font-style: italic; position: relative; padding-top: 40px; color: #5D5F5D }
.single-persons .person-additional-info::before { content: ''; position: absolute; top: 0; background-image: url(https://lahdenkokoomus.fi/wp-content/themes/lahden-kokoomus-child/images/icon-doublequote-grey.png); background-size: cover; width: 20px; height: 20px;  }

.row-highlights { padding-top: 3rem; }
.col-content_highlights h2 { text-transform: uppercase; font-style: italic; }
.col-content_highlights .content-highlight-container { box-shadow: 0 0 0 !important; text-align: center; font-family: 'Bree Serif', serif;}
.content-highlight-container img { max-height: 85px; z-index: 2; position: relative; }
.col-content_highlights .content-highlight-inner { background-color: transparent !important; color: #5D5F5D; text-align: center !important; padding: 10px 0 0 !important; }
.col-content_highlights .content-highlight-inner::before { content: url(https://lahdenkokoomus.fi/wp-content/themes/lahden-kokoomus-child/images/icon-dots.png); }
.content-highlight-inner h3 { color: #5D5F5D !important; margin-bottom: 5px; }
.content-highlight:not(:first-child)::before { content: ''; position: absolute; top: 41px; left: 0; width: 50%; height: 6px; background-color: #0f56ff; z-index: 1; }
.content-highlight:not(:last-child)::after { content: ''; position: absolute; top: 41px; right: 0; width: 50%; height: 6px; background-color: #0f56ff; z-index: 1; }

.footer-container { background-color: #0f56ff !important; font-family: 'Bree Serif', serif; }
.footer-some-icons > li { display: block !important; }
.footer-logo img { margin-bottom: 10px; }
.footer-logo { margin-bottom: 60px; }
.footer-some-icons > li > a > .fa { width: 30px; }

.flex-column { width: 100%; }

@media (max-width: 576px) {
  .col-image { margin-bottom: 20px; }
}

@media (min-width: 576px) {
  .single-info { margin-top: -52px; }
}

@media (max-width: 767px) {
  .person-highlight img { padding-right: 0 !important; }
  .person-candidatenumber { right: 20px !important;}
  .nav-some-icons { display: none; }
  .col-persons_highlights .owl-prev, .col-persons_highlights .owl-next { top: 20%; }
  .col-persons_highlights .owl-prev { left: 0; }
  .col-persons_highlights .owl-next { right: 0; }

  .banner-container .owl-prev,
  .banner-container .owl-next { position: absolute; bottom: 10%; }
  .banner-container .owl-prev { left: 15px; }
  .banner-container .owl-next { right: 15px; }

  .carousel-caption h1, .carousel-caption h2 { font-size: 1.9rem; }

  .person-info .button { margin-bottom: 20px; }
  .person-image { margin-bottom: 20px; }

  .content-highlight-container { display: flex !important; margin-bottom: 50px; align-items: center;}
  .content-highlight-inner h3 { font-size: 2.5rem !important; }

  .col-content_highlights .content-highlight-inner { text-align: left !important; position: relative; padding: 0 0 0 50px !important; margin-left: 5px;}
  .col-content_highlights .content-highlight-inner::before { content: ''; background-image: url(https://lahdenkokoomus.fi/wp-content/themes/lahden-kokoomus-child/images/icon-dots-mobile.png); position: absolute;top: 50%;left: 5px;height: 1px; width: 34px;}

  .content-highlight:not(:first-child)::before { display: none; }
  .content-highlight:not(:last-child)::after { content: ''; position: absolute; top: 75px; left: 53px; width: 6px; height: 50%; background-color: #0f56ff; z-index: 1; }
}

@media (max-width: 768px) {
  .content { padding: 3rem 0; }
  .content-bg.static-content { margin-bottom: 3rem; }

  .single-persons .col-person_information .row { margin-bottom: 3rem;}

  .person-highlight img { padding-right: 15px; }
  .person-candidatenumber { right: 35px;}

  .archive-persons { padding: 0 0 3rem; }
  .archive-persons .archive-person { margin-bottom: 3rem; }
  
  .content-highlight-inner .ingress { font-size: 0.9rem; }

  .archive-events { padding-bottom: 3rem; }

  .navigation-container .container { padding: 0; }

  .events-highlight-container img,
  .blog-highlight-container img,
  .news-highlight-container img { margin-bottom: 15px; }

  .carousel-caption { width: 85%; top: 50%; bottom: auto; transform: translate(-50%, -50%); left: 50%; right: auto; }

  .navigation-container { position: relative; }
  .nav-some-icons { position: absolute; top: 18px; right: 120px; z-index: 9999; }

  #quadmenu li ul { margin-left: 10px !important; }

  li:not(.quadmenu-dropdown-menu li).quadmenu-item:last-child a { display: inline-block !important; width: auto !important; margin: 10px 0 20px 30px !important; }
}

@media (min-width: 768px) {
  .content-highlight-inner h3 { padding: 10px 0 0 !important;}
  .content-highlight-inner h3 { font-size: 1.5rem !important; }

  .banner-container .owl-nav { z-index: 99; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

  #quadmenu .quadmenu-navbar-header .quadmenu-navbar-brand { padding: 0 !important; }

  .ajankohtaista .owl-carousel,
  .archive .content-bg.static-content { padding-bottom: 40% !important; }
  .single .content-bg.static-content { padding-bottom: 40% !important; }
}


@media (min-width: 769px) {
  #quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav li.quadmenu-item.open>.quadmenu-dropdown-menu.quadmenu_btt { box-shadow: 0 3px 6px rgb(0 0 0 / 16%); }
  .quadmenu-caret { display: none; }
  #quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav>li.quadmenu-item.quadmenu-has-caret>a>.quadmenu-item-content>.quadmenu-text { padding-right: 0 !important; }
  #quadmenu.quadmenu-default_theme.quadmenu-is-horizontal.js .quadmenu-navbar-nav > li.quadmenu-item:last-child { margin-left: 15px; }

  .ajankohtaista .owl-carousel,
  .archive .content-bg.static-content { padding-bottom: 25% !important; }
  .single .content-bg.static-content { padding-bottom: 25% !important; }

  .archive-row img { margin-bottom: 0; }

}


@media (min-width: 991px) {
  .person-info { padding-left: 0; }

  .content-highlight-inner h3 { font-size: 2.2rem !important; }

  .quadmenu-item-content { padding: 14px !important; }
  .nav-some-icons { margin-left: 10px; }

}

@media (min-width: 1200px) {
  .carousel-caption h1, .carousel-caption h2 { max-width: 600px; }

  .quadmenu-item-content { padding: 15px !important; }
  li:not(.quadmenu-dropdown-menu li).quadmenu-item:last-child .quadmenu-item-content { padding: 10px 20px !important; }
  .nav-some-icons { margin-left: 20px; }

  .owl-nav { max-width: 90%; }

  #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a,
  #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item > a, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.quadmenu-item > form { font-size: 13px !important; }
}