/*
 Theme Name:   Grid child
 Theme URI:    https://jj-net.site
 Description:  JJ-Net Theme child theme
 Author:       JJ-Net Group Oy
 Author URI:   http://example.com
 Template:     jj-net-theme
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  jjnet
*/

body { font-family: "Roboto", sans-serif; }
h1,h3,h4,h5,h6 { font-family: 'Asap', sans-serif; font-weight:500; }


h2:not(.title) {font-size: 14px; font-weight: bold;}
h2:not(.title)::before {content: "";border-style: solid;border-width: 1px;border-color: #666;display:inline-block; width: 30px; margin-right:10px; vertical-align:middle; }
.container h2 {margin-left:-110px; }
.container-wide .row .row h2 { margin-left: -60px; }

.white-smoke {background-color: #f9f7f7; }
.content:not(.content-12-fluid) {padding-bottom: 40px; }
.content > .container:not(.container-wide) { padding-left:65px; padding-right:65px; }
.white.content-12-wide+.white {padding-bottom: 0; }

.navigation-container > .container {max-width: 1260px; }
.navigation-container {background-color:transparent !important; background-image: linear-gradient(to top,rgba(2,34,118,0),rgb(47, 47, 47)); height: 140px; position: absolute; top: 0; left: 0; width: 100%; z-index: 15000; }
#quadmenu.quadmenu-default_theme {background-color:transparent !important; }
#quadmenu .quadmenu-navbar-header .quadmenu-navbar-brand {padding-left: 0 !important; }
#quadmenu.quadmenu-default_theme:not(.quadmenu-is-horizontal) .navbar-offcanvas {background-color: rgba(45,46,54,0.80) !important; }

.home .banner-container {background: url(images/gridvc_frontpage_banner_blur.jpg) center center no-repeat; background-size: auto; background-size: cover; }
.banner-container .owl-carousel-item > .container {display:flex; height:100%; align-items: center; padding: 0 65px;}
.banner-container .carousel-caption {text-align:left; position:static; }
.banner-container .carousel-caption h1 {text-transform: uppercase; font-size:48px; font-weight:600; text-shadow:0 0 10px #000; }
.banner-container .carousel-caption .subtitle {margin-bottom: 40px; font-size:18px; font-weight:600; text-shadow:0 0 10px #000; }
.banner-container .carousel-caption > a {border: 2px solid #fff; padding: 12px 40px; color:#fff; font-weight:bold; }

.banner-container .banner-embed-container,.banner-container .banner-embed-container > iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.banner-container+.content > .container {max-width:1260px; }
.banner-container+.content > .container .col-icon_links {margin-top: -150px; margin-bottom: 50px; position: relative;z-index: 1010; }
.banner-container+.content > .container .col-icon_links > ul {align-items: flex-start !important; flex-direction: column; }
.banner-container+.content > .container .col-icon_links > ul > li:first-child {margin-bottom: 30px; }
.banner-container+.content > .container .col-icon_links > ul > li:not(:first-child) {margin-left: 0; } 
.banner-container+.content > .container .col-icon_links > ul > li > a {color: #fff; }
.banner-container+.content > .container .col-icon_links > ul > li > a > .fa {font-size: 21px; }

.white-smoke+.white {border-bottom: 1px solid #ebebeb; padding-bottom: 30px;}

.col-references_highlights {margin: 0 -15px; }
.col-references_highlights .references-highlights.owl-carousel { height:400px !important; padding-bottom:0 !important; }
.col-references_highlights .reference-highlight > img {position:absolute; top: 0; left: 0; width: 100%; height:100%; object-fit: cover; }
.references-highlights > .owl-stage-outer { position:absolute !important; top:0; left:0; width:100%; height:100%; }
.references-highlights > .owl-stage-outer > .owl-stage { height:100%; }
.references-highlights > .owl-stage-outer > .owl-stage > .owl-item { height: 100%; }
.references-highlights > .owl-stage-outer > .owl-stage > .owl-item > .reference-highlight { height:100%; }
.references-highlights > .owl-stage-outer > .owl-stage > .owl-item > .reference-highlight::after {content:""; background-color:#000; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.3;  }
.references-highlights > .owl-stage-outer > .owl-stage > .owl-item > .reference-highlight .reference-info {position:absolute; color:#fff; z-index: 1010; width: 50%; bottom: 50px; right: 0; padding: 0px 30px;}
.references-highlights > .owl-stage-outer > .owl-stage > .owl-item > .reference-highlight .reference-info > .title {text-transform: uppercase; margin-bottom: 15px;}
.references-highlights > .owl-stage-outer > .owl-stage > .owl-item > .reference-highlight .reference-info > .ingress {margin-bottom: 20px;}
.references-highlights > .owl-stage-outer > .owl-stage > .owl-item > .reference-highlight .reference-info a {color: #fff; font-weight: 600; }
.references-highlights > .owl-stage-outer > .owl-stage > .owl-item > .reference-highlight .reference-info a:hover {text-decoration:none; }
.references-highlights > .owl-stage-outer > .owl-stage > .owl-item > .reference-highlight .reference-info a::after { display:inline-block; content:""; padding:0 18px; background:url(images/noun.svg) center center no-repeat; background-size: 17px; filter:invert(100%); height: 21px; vertical-align: middle;}

.col-comments_highlights h2 {margin-top: 40px; margin-bottom: 40px;  }
.col-comments_highlights .comments-highlight-container .comments-highlight-inner {display: flex; }
.col-comments_highlights .comments-highlight-title {width: 150px; margin: 0 30px 0 20px; font-size: 15px; }
.col-comments_highlights .comments-highlight-title .commenter {text-transform: uppercase; font-size:15px; font-weight: 600; margin-bottom:5px; }
.col-comments_highlights .comments-highlight-title .commenter-title {color: #a6a5a5; font-size:15px; }
.col-comments_highlights .owl-carousel .owl-item img {width: 90px; border-radius: 50%;}

.hover-highlights .content-highlight {border: 1px solid #f1f1f1; min-height:520px; padding: 0;}
.hover-highlights .content-highlight .content-highlight-container {box-shadow:none; display: flex; flex-direction: column;height: 100%;align-items: center; justify-content:center; }
.hover-highlights .content-highlight .content-highlight-container:hover > img { margin-top: -40px; }
.hover-highlights .content-highlight .content-highlight-container > img {transition: margin 150ms; width: 400px; }
.hover-highlights .content-highlight .content-highlight-container .content-highlight-inner {background-color:transparent; position:absolute; bottom: 0; left: 0; width: 100%; opacity: 0;-webkit-transition: all 150ms ease-out 100ms;-ms-transition: all 150ms ease-out 100ms;transition: all 150ms ease-out 100ms; padding: 0;}
.hover-highlights .content-highlight .content-highlight-container:hover .content-highlight-inner {bottom: 10px; opacity: 1;}
.hover-highlights .content-highlight .content-highlight-container .content-highlight-inner .content-highlight-link {display:none; position: absolute;bottom: 0;text-align: center;width: 100%;left: 0;}
.hover-highlights .content-highlight .content-highlight-container:hover .content-highlight-inner .content-highlight-link {display:block; }

.col-news_highlights {margin: 30px 0; }
.col-news_highlights .news-highlight-container {margin-bottom: 10px; }
.col-news_highlights .news-highlight-container .news-highlight-inner {border:none; border-radius: 0;  color:#fff; padding: 1px 20px 15px 30px; background-color:#f6b43e; position: relative;}
.col-news_highlights .news-highlight-container .news-highlight-inner::after {content:""; position:absolute; top: 0; left: 0; width:100%; height:100%; background: rgb(246,180,62);
background: linear-gradient(25deg, rgba(246,180,62,1) 10%, rgba(246,180,62,0.85) 36%);}
.col-news_highlights .news-highlight-container:nth-child(3) .news-highlight-inner::after {content:""; position:absolute; top: 0; left: 0; width:100%; height:100%; background: rgb(148,210,210);
background: linear-gradient(25deg, rgba(148,210,210,1) 10%, rgba(148,210,210,0.85) 36%);}
.col-news_highlights .news-highlight-container:nth-child(4) .news-highlight-inner::after {content:""; position:absolute; top: 0; left: 0; width:100%; height:100%; background: rgb(63,181,226);
background: linear-gradient(25deg, rgba(63,181,226,1) 10%, rgba(63,181,226,0.85) 36%);}
.col-news_highlights .news-highlight-container .news-highlight-inner .news-highlight-date,
.col-news_highlights .news-highlight-container .news-highlight-inner .news-highlight-title,
.col-news_highlights .news-highlight-container .news-highlight-inner .news-highlight-ingress,
.col-news_highlights .news-highlight-container .news-highlight-inner .news-highlight-readmore {position:relative; z-index: 1; }
.col-news_highlights .news-highlight-container .news-highlight-date::before {content:"\f017"; font-family:"Fontawesome"; margin-right:10px; }
.col-news_highlights .news-highlight-container .news-highlight-inner .news-highlight-title > h4 a {color:#fff; }
.col-news_highlights .news-highlight-archive-link {text-align:center; margin-top: 40px;}
.col-news_highlights .news-highlight-archive-link > a {color: #000; border: 2px solid #d0d8d8;padding: 12px 50px; text-decoration: none; font-weight: 500;}
.col-news_highlights .news-highlight-archive-link > a:hover {color:#00629b;}
.col-news_highlights .news-highlight-ingress {display:block !important; margin-bottom: 20px;}
.col-news_highlights .news-highlight-readmore > a {color:#fff; font-size: 14px;}

.home .col-content_carousel .content-carousel-description h2 {margin-bottom: 30px; }
.home .col-content_carousel .owl-item .owl-carousel-item {padding: 0px 15%; }
.home .col-content_carousel .content-carousel-container > .owl-carousel-arrow {color:#000 !important; top: 65% !important; }

.sub-pages .col-content_carousel .content-carousel-container > .owl-carousel-arrow {color:#000 !important; }

.archive .archive-row {margin-bottom: 20px; }
.archive h2 {margin: 10px 0; }
.archive .archive-read-more > a {color: #000; border: 2px solid #d0d8d8;padding: 12px 40px;text-decoration: none; border-radius: 0; }
.archive .archive-read-more > a:hover {color: #00629b; background-color: transparent; }
.archive-news .archive-read-more {padding-bottom: 0.8rem; }

.sub-pages .banner-container {margin-bottom: 40px; }
.sub-pages .content {margin-bottom: 20px; }

.values-carousel .col-content_carousel .owl-carousel-item .content-carousel-image {padding-bottom: 64% !important; }
.values-carousel .col-content_carousel .content-carousel-container .owl-stage-outer .owl-carousel-item .carousel-item-title {font-family: 'Saira Extra Condensed', sans-serif; color:#fff; text-transform: uppercase; position: absolute;top: 23%;z-index: 3; width: 350px; left: 0; font-size: 2.5rem; line-height: 4.875rem;border-bottom: 1px solid #fff;border-top: 1px solid #fff; left: 50%;transform: translateX(-50%); }
.values-carousel .col-content_carousel .content-carousel-container .content-carousel-content {font-family: 'Asap', sans-serif; font-weight:500; text-align:center; font-size: 1.625rem; color:#fff; bottom: 31% !important;  line-height: 2rem; width: 800px !important; left: 50% !important;transform: translateX(-50%); }
.values-carousel .col-content_carousel .content-carousel-container > .owl-carousel-arrow {bottom: 0; left: 50%; width: 200px; top:unset; transform: translateX(-50%); bottom: 10%;}
.values-carousel .col-content_carousel .content-carousel-container > .owl-carousel-arrow-right {background:url(images/next_button.svg) center center no-repeat; width: 174px; height: 61px;}
.values-carousel .col-content_carousel .content-carousel-container > .owl-carousel-arrow-right::after {content:"SEE NEXT"; color:#fff; font-size: 1.5rem; font-family: 'Saira Extra Condensed', sans-serif; }
.values-carousel .col-content_carousel .content-carousel-container > .owl-carousel-arrow-right .fa {display:none; }
.values-carousel .col-content_carousel .content-carousel-container > .owl-carousel-arrow-left {display:none; }

.sub-pages .questions .panel-heading {padding:5px 0;  }
.sub-pages .questions .panel-heading a {color: #000; text-decoration: none;  }
.sub-pages .questions .panel-heading a:hover {color: #001e95; }
.sub-pages .questions .panel-heading a::before {content:"\f061"; font-family:"Fontawesome"; padding-right: 10px; }
.sub-pages .questions .panel-body {background-color: #ebedff; padding: 12px 0 1px 15px; border-top: 2px solid #d0d8d8; border: 2px solid #d0d8d8;}

.sub-pages .col-button_group {margin-top: 30px; }
.sub-pages .col-button_group > .button-group {display:flex; }
.sub-pages .col-button_group > .button-group > a {border: 2px solid #d0d8d8; color: #000; text-decoration: none; font-weight: 500; padding: 5px;text-align: center;}
.sub-pages .col-button_group > .button-group > a:hover {border-color: #001e95; transition:0.3s; }
.sub-pages .col-button_group > .button-group > a::after {content:"\f061"; font-family:"Fontawesome"; padding-left: 10px; }

.sub-pages .col-content_carousel .content-carousel-container .content-carousel-content {position:absolute; z-index: 3; left: 30px; bottom: 25px; width: calc(100% - 60px); } 
.sub-pages .col-content_carousel .content-carousel-container .content-carousel-content > ul {width: 100%; background-color: rgba(255,255,255,0.7); padding: 5px 5px 5px 30px; color: #000;}
.sub-pages .col-content_carousel .content-carousel-container .owl-stage-outer .owl-carousel-item .carousel-item-title {text-align:center; }

.error404 .content {margin-top: 150px; }
.error404 h3 {font-size: 45px; } 

.footer-container.footer-container4 {background-color: #2d2e36; font-size:14px; }
.footer-container.footer-container4 h3 {color: #acacae; text-transform: uppercase; font-size: 14px; font-weight: 600;}
.footer-container.footer-container4 a {font-size: 14px; }
.footer-container4 .footer-some-icons > li > a {border: 2px solid #6a6b70;border-radius: 50%;height: 48px;width: 48px;text-align: center; }
.footer-container4 .footer-some-icons > li > a > .fa {line-height:48px; font-size: 18px; }
.footer-container.footer-container4 .col-md-4 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align:center; }
.footer-container.footer-container4 .footer-some-icons > li {margin: 0 5px;  }

.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; }

body.page-id-1007 .wrapper { padding-top:8rem; }

@media (max-width:1250px) {
.container h2 {margin-left:-60px; }
.container-wide .row .row h2 { margin-left: -20px; }

}

@media (max-width:1199px) {
	.content:not(.content-12-fluid) {padding-bottom: 20px; }
	.banner-container + .content > .container .col-icon_links {margin-top: -120px; }
	
	.values-carousel .col-content_carousel .content-carousel-container .content-carousel-content {bottom: 25% !important; }
	
}

@media (max-width:991px) {
	.banner-container + .content > .container .col-icon_links > ul {flex-direction: row !important; }
	.banner-container + .content > .container .col-icon_links {margin-top: -60px; }
	.banner-container + .content > .container .col-icon_links > ul > li:first-child {margin: 0 40px;  }
	
	.sub-pages .col-content_carousel .content-carousel-container .content-carousel-content > ul {font-size: 12px; padding: 5px 5px 5px 20px;}
	
	.values-carousel .col-content_carousel .owl-carousel.owl-drag .owl-item:nth-child(4n+3) .owl-carousel-item {background-color: #dc005f; }
	.values-carousel .col-content_carousel .owl-carousel.owl-drag .owl-item:nth-child(4n+4) .owl-carousel-item {background-color: #fcc200;}
	.values-carousel .col-content_carousel .owl-carousel.owl-drag .owl-item:nth-child(4n+1) .owl-carousel-item {background-color: #009896;}
	.values-carousel .col-content_carousel .owl-carousel.owl-drag .owl-item:nth-child(4n+2) .owl-carousel-item {background-color: #00629b;}
	.values-carousel .col-content_carousel .owl-carousel-item .content-carousel-image {padding-bottom: 100% !important; }
	.values-carousel .col-content_carousel .content-carousel-container .owl-stage-outer .owl-carousel-item .carousel-item-title {top: 10%; }
	.values-carousel .col-content_carousel .content-carousel-container .content-carousel-content {width: calc(100% - 60px) !Important; }
	
}

@media (min-width:768px) { .col-content_carousel .owl-carousel-item .content-carousel-image { padding-bottom:50% !important; } }

@media (max-width:767px) {
	
	.references-highlights > .owl-stage-outer > .owl-stage > .owl-item > .reference-highlight .reference-info { width: 100%;}
	
	.col-comments_highlights .comments-highlight-container .comments-highlight-inner {flex-wrap: wrap;}
	.col-comments_highlights .comments-highlight-container .comments-highlight-inner .comments-highlight-image {margin-bottom: 10px; }
	.col-comments_highlights .comments-highlight-container .comments-highlight-inner .comments-highlight-ingress {margin-top:10px; }
	.col-comments_highlights .comments-highlight-container .comments-highlight-inner .comments-highlight-title {align-self:center; margin-left: 10px; }

	.values-carousel .col-content_carousel .owl-carousel-item .content-carousel-image {padding-bottom: 150% !important; }
	.values-carousel .col-content_carousel .content-carousel-container .content-carousel-content {bottom: 25% !important; font-size: 1.2rem; }
	
	.hover-highlights .content-highlight {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	
	.navigation-container {top: -40px; height: 100px;  }
	.banner-container .owl-carousel-item > .container {padding: 0 15px; }
	.banner-container .carousel-caption h1 {font-size: 16px; }
	.banner-container .carousel-caption > a {font-size: 12px; padding: 10px 20px; }
	.banner-container + .content > .container .col-icon_links > ul {justify-content: flex-end; }
	.banner-container + .content > .container .col-icon_links > ul > li:first-child {margin: 0 20px; }
	.banner-container .carousel-caption {padding-top: 50px; }

	
}

@media (max-width:575px) {
	.container h2 {margin-left:0px; text-align: center;}
	.container-wide .row .row h2 { margin-left: 0px; text-align: center;}
	
	.banner-container + .content > .container .col-icon_links {margin-top: -45px;}
	.banner-container .carousel-caption .subtitle {margin-bottom: 20px; font-size: 12px;}
	
	.sub-pages .content > .container:not(.container-wide) {padding-left: 15px; padding-right: 15px; }
	.col-content_carousel .owl-carousel-item .content-carousel-image {padding-bottom: 135% !important; }
	.sub-pages .col-content_carousel .content-carousel-container .content-carousel-content > ul {font-size: 12px; padding: 5px 5px 5px 20px;}
	.content:not(.values-carousel) .col-content_carousel .content-carousel-container > .owl-carousel-arrow {display:none; }
	.values-carousel .col-content_carousel .content-carousel-container > .owl-carousel-arrow {bottom: 2%; }
	.values-carousel .col-content_carousel .content-carousel-container .owl-stage-outer .owl-carousel-item .carousel-item-title {width:280px; top:6%;}
	

}

@media (max-width:500px) {
	.col-comments_highlights .comments-highlight-container .comments-highlight-inner {display:block; text-align:center; }
	.col-comments_highlights .comments-highlight-container .comments-highlight-inner .comments-highlight-title {width: auto; margin:10px 0; }
	.col-comments_highlights .comments-highlight-container .comments-highlight-inner .comments-highlight-image > img {margin: 0 auto; }
}

@media (max-width:425px) {
	.values-carousel .col-content_carousel .content-carousel-container .content-carousel-content {bottom: 19% !important; font-size: 1rem; line-height: 1.8;}
	.values-carousel .col-content_carousel .content-carousel-container .owl-stage-outer .owl-carousel-item .carousel-item-title {top:6%;}
	
}

@media (max-width:367px) {
	
	
	.values-carousel .col-content_carousel .content-carousel-container .content-carousel-content {font-size: 0.9rem; line-height:1.7;  }
	.values-carousel .col-content_carousel .content-carousel-container .owl-stage-outer .owl-carousel-item .carousel-item-title {line-height: 3rem; }
}