/*
 Theme Name:   Isoplus.fi child
 Theme URI:    https://jj-net.fi/
 Description:  Isoplus.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
*/

@font-face {
  font-family: 'Open Sans';
  src: url("fonts/OpenSans-Regular.woff2?v=1.1.0") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/OpenSans-Semibold.woff2?v=1.1.0") format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/OpenSans-Bold.woff2?v=1.1.0") format("woff2");
  font-weight: 700;
  font-style: normal;
}

html {scroll-behavior: smooth;}

body { font-family: 'Open Sans', sans-serif; overflow-x: hidden; font-size: 1rem;}
h1,h2,h3,h4,h5,h6 { font-family: 'Open Sans', sans-serif; font-weight: 700; }
h2 {font-size: 28px; margin-bottom: 20px;}
h3 {font-size: 20px; font-weight: 700; margin-bottom: 20px;}
h4 {font-size: 20px; font-weight: 700;}

a {color: #485E7D;}

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

.wrapper {margin-top: 140px;}

.bigger-text {font-size: 22px;}
.large-text {font-size: 24px;}

blockquote {color: #485E7D; font-size: 20px; padding: 30px 50px 0;}
blockquote .namespan {font-size: 1rem;}

.btn-custom a, a .btn-custom { display:inline-block; padding: 15px 30px; border: 0; background: #259F89; color: #fff; margin-top: 30px; margin-right: 15px;}
.btn-custom a:hover,.btn-custom a:focus,.btn-custom a:active, a .btn-custom:hover, a .btn-custom:focus, a .btn-custom:active { text-decoration:none; background: #2cbfa5; }

body .navigation-container {border-bottom: 20px solid #141b2e; background: #141b2e; padding-top: 20px; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; transition: all 0.5s ease;}
body .navigation-container .quadmenu-navbar-nav > li.navi-yellow > a {background: #259F89 !important; color: #000 !important;}
body .navigation-container .quadmenu-navbar-nav > li.navi-yellow > a .quadmenu-item-content {color: #fff !important;}
body .navigation-container .quadmenu-navbar-nav > li.navi-yellow > a:hover, body .navigation-container .quadmenu-navbar-nav > li.navi-yellow > a:focus {background: #2cbfa5 !important;}
body .navigation-container.hidden {top: -150px;}
body .navigation-container #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.wpml-ls-menu-item { width: 94px;}
/*body .navigation-container #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.wpml-ls-menu-item:hover, body .navigation-container #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.wpml-ls-menu-item.open {background: #f4f4f4;}*/
body .navigation-container #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.wpml-ls-menu-item .quadmenu-dropdown-menu {width: 94px; min-width: 94px; max-width: 94px;}
body .navigation-container #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.wpml-ls-menu-item .quadmenu-dropdown-menu span.quadmenu-item-content {text-align: center;}
body .navigation-container #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.current-menu-item a .quadmenu-item-content .quadmenu-text {text-decoration: underline;}

.mobile-lang {display: none;}

/*.banner-container {margin-top: 110px;}*/
.banner-container .owl-carousel-item > .container {position: relative; height: 100%;}
.banner-container .carousel-caption {text-align: left; bottom: 50%; transform: translateY(50%); right: 50%; left: 15px;}
.banner-container .carousel-caption h1, .banner-container .carousel-caption h2 {font-size: 60px;}

.content {padding: 0 0 30px;}
.content.no-padding {padding: 0;}
.content.grey {background: #EFF1F3;}
.content.grey-w {background: #EFF1F3; border-top: 50px solid #fff;}
.content.mobi-reverse-grey {background: #EFF1F3; border-top: 50px solid #fff;}

.content.darkblue {background: #141b2e; color: #fff;}
.content.green {background: #259f89; color: #fff;}
.content.darkblue a {color: #fff; text-decoration: underline;}
.content.green a {color: #fff; text-decoration: underline;}
.content.yellow {background: #fdeb19;}

.content.green .people-title h3, .content.darkblue .people-title h3 {color: #fff;}
body .content.green .col-content_highlights .content-highlight-inner, body .content.darkblue .col-content_highlights .content-highlight-inner {color: #fff;}
body .content.green .activities-highlight-container .activities-highlight-inner .activities-highlight-title a, body .content.darkblue .activities-highlight-container .activities-highlight-inner .activities-highlight-title a {color: #fff;}

.col-image {padding: 30px 0 0;}
.col-location {padding: 30px 0 0;}
.col-persons_highlights {padding: 30px 0 0;}
.col-content_highlights {padding: 30px 0 0;}
.col-news_highlights {padding: 30px 0 0;}

.container > .row > .col-md-12 .col-text {width: 900px; max-width: 100%;}

.content.img-box {padding-top: 0;}
.content.img-box .row {align-items: center; background: #ffee00; margin-bottom: 50px;}
.content.img-box .left-col .col-image {margin: 0 -15px; padding: 0;}
.content.img-box .left-col .col-image img {width: 100%;}
.content.img-box .right-col {padding: 30px;  color: #000; font-size: 28px;}
.content.img-box .right-col .col-text {padding: 0;}

.content.img-box-blue {padding-top: 0;}
.content.img-box-blue .row {align-items: center; background: #141B2E; }
.content.img-box-blue .left-col .col-image {margin: 0 -15px; padding: 0;}
.content.img-box-blue .left-col .col-image img {width: 100%;}
.content.img-box-blue .right-col {padding: 30px 80px 30px 50px;  color: #FDEB19; font-size: 26px; font-weight: 700;}
.content.img-box-blue .right-col .col-text {padding: 0;}
.content.img-box-blue .right-col .namespan {color: #fff; font-size: 1rem;}

.col-text {padding-top: 30px;}
.col-text a {text-decoration: underline;}
.col-text h2 .yellow-title {background: #ffee00; width: 100%; position: relative; display: block; padding: 15px 0; z-index: 2; color: #000;}
.col-text h2 .yellow-title::before {position: absolute; background: #ffee00; height: 100%; top: 0; left: 50%; width: 200vw; transform: translateX(-50%); content: ""; z-index: -1;}

.col-activities_highlights h2 {background: #ffee00; width: 100%; position: relative; margin-bottom: 30px; display: block; padding: 15px 0; z-index: 2; color: #000;}
.col-activities_highlights h2::before {position: absolute; background: #ffee00; height: 100%; top: 0; left: 50%; width: 200vw; transform: translateX(-50%); content: ""; z-index: -1;}

.col-post_title {padding: 0;}
.col-post_title h1 {background: #ffee00; width: 100%; position: relative; margin: 0; display: block; padding: 15px 0; z-index: 2; font-size: 28px; color: #000;}
.col-post_title h1::before {position: absolute; background: #ffee00; height: 100%; top: 0; left: 50%; width: 200vw; transform: translateX(-50%); content: ""; z-index: -1;}

.archive-news .archive-main-title {padding: 0;}
.archive-news .archive-main-title h1 {background: #ffee00; width: 100%; position: relative; margin: 0; display: block; padding: 15px 0; z-index: 2; color: #000;}
.archive-news .archive-main-title h1::before {position: absolute; background: #ffee00; height: 100%; top: 0; left: 50%; width: 200vw; transform: translateX(-50%); content: ""; z-index: -1;}

.archive-news .archive-cat-wrap {background: #EFF1F3; width: 100%; position: relative; margin: 0 0 30px; display: block; padding: 20px 0 5px; z-index: 2;}
.archive-news .archive-cat-wrap::before {position: absolute; background: #EFF1F3; height: 100%; top: 0; left: 50%; width: 200vw; transform: translateX(-50%); content: ""; z-index: -1;}
.archive-news .archive-cat-wrap ul.archive-categories {margin: 0; padding: 0;}
.archive-news .archive-cat-wrap ul.archive-categories li {margin: 0 15px 15px 0;}
.archive-news .archive-cat-wrap ul.archive-categories li a {background: #259F89; padding: 15px 30px; color: #fff;}
.archive-news .archive-cat-wrap ul.archive-categories li a.selected-category, .archive-news .archive-cat-wrap ul.archive-categories li a:hover, .archive-news .archive-cat-wrap ul.archive-categories li a:focus {background: #2cbfa5;}

.archive-news .archive-row {margin-bottom: 30px;}
.archive-news .archive-row .archive-info {padding-top: 15px; color: #000;}
.archive-news .archive-row .archive-info h2.archive-title {font-size: 20px;}

.location-map {height: 300px; border: 5px solid #fff;}

.people-title {margin-bottom: 30px;}
.people-title h3 {font-weight: 400; color: #141B2E; font-size: 20px;}

.single-news-title h1 {font-size: 40px;}
.single-news-ingress {font-size: 20px;}

body.single-activities .static-content + .content.grey .col-text h2 {background: none; width: auto; position: relative; margin-bottom: 15px; display: block; padding: 0; font-size: 60px;}
body.single-activities .static-content + .content.grey .col-text h2::before {display: none;}

.image-description {font-weight: 700; padding: 15px 0 30px;}

.col-persons_highlights {}
.col-persons_highlights .person-highlight {margin-bottom: 50px;}
.col-persons_highlights .person-highlight .person-image img {border-radius: 50%;}
.col-persons_highlights .person-highlight h4 {font-size: 20px;}
.col-persons_highlights .person-highlight .person-title {margin-bottom: 15px;}
.col-persons_highlights .person-highlight ul {list-style: none; padding: 0; margin: 0 0 10px;}

body .col-content_highlights .content-highlight-container {border: none; margin-bottom: 30px; box-shadow: none;}
body .col-content_highlights .content-highlight-inner {text-align: left; background: none; padding: 15px 0 0; color: #000;}
body .col-content_highlights a.content-highlight-container:hover, body .col-content_highlights a.content-highlight-container:focus {text-decoration: underline;}

.news-title {text-align: center; margin-bottom: 30px;}

body .col-news_highlights .news-highlight-inner {padding: 0; border: none;}
body .col-news_highlights .news-highlight-inner .news-highlight-title {padding-top: 15px;}
body .col-news_highlights .news-highlight-archive-link {padding-top: 30px; text-align: center;}
body .col-news_highlights .news-highlight-archive-link a { display:inline-block; padding: 15px 30px; border: 0; background: #259F89; color: #fff; margin-top: 30px; margin-right: 15px;}
body .col-news_highlights .news-highlight-archive-link a:hover, body .col-news_highlights .news-highlight-archive-link a:focus { text-decoration:none; background: #2cbfa5; }

body .activities-highlight-container .activities-highlight-inner {padding-bottom: 30px; padding-top: 30px; border-bottom: 1px solid #4C5E7A;}
body .activities-highlight-container:last-of-type .activities-highlight-inner {border: none; padding-bottom: 0; margin-bottom: 0;}
body .activities-highlight-container .activities-highlight-inner .activities-highlight-title {margin: 0;}
body .activities-highlight-container .activities-highlight-inner .activities-highlight-title a { color: #000;}
body .activities-highlight-container .activities-highlight-inner .activities-highlight-location {padding: 10px 0 10px 25px; position: relative;}
body .activities-highlight-container .activities-highlight-inner .activities-highlight-location::before {font-family: "FontAwesome"; content: "\f041"; display: block; position: absolute; left: 0; top: 1px; width: 30px; height: 30px; font-size: 26px;}

body .footer-container {background: #141B2E; padding: 80px 0 50px; color: #fff;}
body .footer-container a {color: #fff; text-decoration: underline;}
body .footer-container .footer-logo {text-align: right;}
body .footer-container > .container > .row {align-items: center;}

@media (max-width: 1199px) {
	.banner-container .carousel-caption h1, .banner-container .carousel-caption h2 {font-size: 40px;}
	.content.img-box .right-col {font-size: 26px;}
}

@media (max-width: 991px) {
	.wrapper {margin-top: 100px;}
	.navigation-container > .container {position: relative;}
	.mobile-lang {display: block; position: absolute; right: 100px; top: 15px; z-index: 9999;}
	.mobile-lang .wpml-ls-legacy-dropdown-click {width: 70px;}
	.mobile-lang .wpml-ls-legacy-dropdown-click a {background: none !important; border: none !important; color: #fff !important;<}
	.mobile-lang .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {border: none !important;}
	.banner-container .carousel-caption h1, .banner-container .carousel-caption {right: 15px; bottom: 50px;}
	.banner-container .carousel-caption h1, .banner-container .carousel-caption h2 {font-size: 40px;}
	h2 {font-size: 26px;}
	h3 {font-size: 26px;}
	.content.img-box .right-col {font-size: 26px;}
	/*body .navigation-container .quadmenu-navbar-nav > li.quadmenu-item-type-button {margin-right: 0 !important;}*/
	body .navigation-container.hidden {top:-200px;}
	body .navigation-container #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.wpml-ls-menu-item {display: none;}
}

@media (max-width: 767px) {
	html {width: 100vw; overflow-x: hidden;}
	body {width: 100vw; overflow-x: hidden;}
	.banner-container .carousel-caption h1, .banner-container .carousel-caption {bottom: 45%;}
	.banner-container .carousel-caption h1, .banner-container .carousel-caption h2 {font-size: 40px;}
	h2 {font-size: 24px;}
	h3 {font-size: 24px;}
	.location-map {display: none !important;}
	body .footer-container {padding: 50px 0 15px;}
	.btn-custom a, a .btn-custom {width: 100%; text-align: center;}
	.content.img-box .row {align-items: center; background: none;}
	.content.img-box .left-col .col-image {margin: 0;}
	.content.img-box .left-col .col-image img {width: 100%;}
	.content.img-box .right-col {padding: 30px 15px; background: #ffee00; margin: 0 15px;}
	/*body .navigation-container .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button) {display: none !important;}
	body .navigation-container .quadmenu-navbar-nav > li.quadmenu-item-type-button {margin-right: 0 !important;}
	body .navigation-container .quadmenu-navbar-nav > li.wpml-ls-menu-item {display: inline-block !important;}*/
	.mobi-reverse .left-col {order: 12;}
	.mobi-reverse .right-col {order: 2;}
	.mobi-reverse-grey .left-col {order: 12;}
	.mobi-reverse-grey .right-col {order: 2;}
	body .navigation-container.hidden {top:-220px;}
}

@media (max-width: 585px) {
	body .navigation-container #quadmenu.quadmenu-is-horizontal.quadmenu-align-right .quadmenu-navbar-header {float: none;}
	body .navigation-container #quadmenu.quadmenu-is-horizontal.quadmenu-align-right .quadmenu-navbar-nav {text-align: left;}
	/*body .navigation-container .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content {padding: 0 20px 0 5px !important;}
	body .navigation-container #quadmenu .quadmenu-navbar-nav li.quadmenu-item-type-button {padding: 15px 0;}
	body .navigation-container #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.wpml-ls-menu-item {width: 75px;}
	body .navigation-container #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.wpml-ls-menu-item .quadmenu-text {padding-right: 0 !important;}
	body .navigation-container #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li.wpml-ls-menu-item .quadmenu-dropdown-menu {width: 75px; min-width: 75px; max-width: 75px;}*/
}