/*
 Theme Name:   MääränPÄÄvalmentaja child
 Theme URI:    https://jj-net.fi/
 Description:  maaranpaavalmentaja.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: 'Dancing Script';
	font-style: normal;
	font-weight: 400;
	src: url(./fonts/DancingScript-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Dancing Script';
	font-style: normal;
	font-weight: 700;
	src: url(./fonts/DancingScript-Bold.ttf) format('truetype');
} */

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	src: url(./fonts/Poppins-Light.ttf) format('truetype');
}

@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	src: url(./fonts/Poppins-Medium.ttf) format('truetype');
}

body { font-family: "Open Sans", sans-serif; background-color: #F6EDDE; font-size: 18px; color: #35312E; }
h1,h2,h3,h4,h5,h6 {font-family: 'Poppins', sans-serif; font-weight:500; color: #C3591D; }
h1 {color: #A7B843; font-size: 38px;  margin-bottom: 1.5rem;}
h2 {font-size: 36px; }
.col-text h2 {font-size: 36px; margin-bottom: 1.5rem;}
h3 {font-size: 28px; }
.col-text h3 {font-size: 26px; margin-bottom: 1.25rem;}

	a {color: #C3591D; }
	a:hover, a:focus {color: #A7B843; }

.content {padding: 50px 0; }
body:not(.home) .content {padding: 80px 0; }
body:not(.home) .banner-container+.content {padding-top:80px; }
.subpages .col-image > img {width: 100%; }

.green {background-color: #676759; color: #F2F2F2; }
.green h2 {color: #A7B843;  }

div.navigation-container {background-color: #F6EDDE; }
div.navigation-container .navbar {padding: 0; }
div.navigation-container > .container > .navbar > .navbar-brand > img {height: 150px;  }
div.navigation-container #navbar-mainnavigation {justify-content: center; }
div.navigation-container #navbar-mainnavigation .navbar-nav .menu-item {margin: 0 2px;}
div.navigation-container #navbar-mainnavigation .navbar-nav .menu-item > a {font-size: 20px; font-weight: 700; color: #C3591D; }
div.navigation-container #navbar-mainnavigation .navbar-nav .active > .nav-link {color: #676759;  }
div.navigation-container #navbar-mainnavigation .navbar-nav .menu-item > a:hover,
div.navigation-container #navbar-mainnavigation .navbar-nav .menu-item > a:focus,
div.navigation-container #navbar-mainnavigation .navbar-nav .menu-item > a:active {color: #676759;  }

.home div.banner-container .owl-carousel .owl-item .carousel-caption {bottom:unset; top:10%;}

.home .banner-container+.green {padding-bottom: 0; }
.home .banner-container+.green .col-lg-6:nth-child(1) .col-text {margin-bottom: 50px;}
.home .banner-container+.green .col-lg-6:nth-child(2) {display:flex; /*align-items: flex-end; */justify-content:center; }

.col-blog_highlights .col-sm-12.blog-highlights-title {display:flex; align-items: flex-end; margin-bottom: 45px; }
.col-blog_highlights .col-sm-12.blog-highlights-title h2 {margin-bottom: 0; }
.col-blog_highlights .col-sm-12.blog-highlights-title .blog-highlights-link {margin-left: auto;}
.col-blog_highlights .col-sm-12.blog-highlights-title .blog-highlights-link a {color: #C3591D; }
.col-blog_highlights .blog-highlight-content .blog-highlight-image > img {width: 100%; }
.col-blog_highlights .blog-highlight-content .blog-highlight-inner {padding: 15px 0; }
.col-blog_highlights .blog-highlight-content .blog-highlight-inner .blog-highlight-title {margin-bottom: 20px; }
.col-blog_highlights .blog-highlight-content .blog-highlight-inner .blog-highlight-readmore {margin-top: 30px; }
.col-blog_highlights .blog-highlight-content .blog-highlight-inner .blog-highlight-readmore a {color: #C3591D; }
.col-blog_highlights .blog-highlights-link.mobile {display:none;}
.col-blog_highlights .blog-highlights-link.mobile a {color: #C3591D; }

.col-references_highlights .col-sm-12.references-highlight-title {display:flex; align-items: flex-end; margin-bottom: 45px; }
.col-references_highlights .col-sm-12.references-highlight-title h2 {margin-bottom: 0; }
.col-references_highlights .col-sm-12.references-highlight-title .references-highlight-archive-link {margin-left: auto;}
.col-references_highlights .col-sm-12.references-highlight-title .references-highlight-archive-link a {color: #C3591D; }
.col-references_highlights .reference-highlight-image > img {width: 100%; }
.col-references_highlights .reference-info {padding: 15px 0; }
.col-references_highlights .reference-info .title {margin-bottom: 20px; }
.col-references_highlights .reference-highlight-readmore {margin-top:30px;}
.col-references_highlights .references-highlight-archive-link a {color: #C3591D; }
.col-references_highlights .references-highlight-archive-link:not(.desktop) {margin-top: 30px; }
.col-references_highlights .references-highlight-archive-link:not(.desktop) {display:none;}

.col-blog_highlights+.col-references_highlights {margin-top:50px;}

.col-comments_highlights {position:relative; height: 350px; display: flex; align-items: center; justify-content: center; }
.col-comments_highlights::before {content:""; background-image:url(images/maaranpaavalmentaja_kaaret.svg); background-size: contain; background-repeat: no-repeat; position: absolute; left: -15px;top: 0; height: 350px; width: 140px;}
.col-comments_highlights::after {content:""; background-image:url(images/maaranpaavalmentaja_kaaret.svg); background-size: contain; background-repeat: no-repeat; position: absolute; right: -15px;top: -4px; height: 350px; width: 140px; transform: rotate(175deg);}
.col-comments_highlights .comments-highlight-container {height: 350px; display: flex; align-items: center; }
.col-comments_highlights .comments-highlight-ingress {font-family: 'Poppins', sans-serif; font-weight:300; color: #C3591D; font-size: 20px; line-height:1.4; padding: 0 5px; }
.col-comments_highlights .owl-carousel { max-width: 775px; margin: 0 auto;}
.col-comments_highlights .owl-carousel .owl-dots {display: block !important; text-align: center; margin-top: 10px; }
.col-comments_highlights .owl-carousel .owl-dots .owl-dot {width: 10px; height: 10px; border:1px solid #707070; background-color: #fff; border-radius: 50%; margin: 0 5px; }
.col-comments_highlights .owl-carousel .owl-dots .owl-dot.active {background-color: #5A8438;}

.green .col-faq .panel-heading a {color: #fff; }
.green .col-faq .panel {border-color: #fff; }
.green .col-faq .panel:first-child {border-color: #fff; }
.green .col-faq .panel-heading a::after {border-color: #fff; }
.col-faq {margin:30px 0; }
.col-faq .panel {border-bottom: 1px solid #35312E; }
.col-faq .panel:first-child {border-top: 1px solid #35312E; }
.col-faq .panel-heading a {font-size: 22px; display: block; text-decoration:none; position:relative; color: #35312E; padding:16px 50px 16px 0; transition: 0.2s; }
.col-faq .panel-heading a:hover,
.col-faq .panel-heading a:focus,
.col-faq .panel-heading a:active {opacity: 0.7;}
.col-faq .panel-heading a::after {content:"\f067"; font-family:"Fontawesome"; display:inline-block; position: absolute; right: 0px;top: 50%; transform: translateY(-50%); width: 40px; height: 40px; text-align: center; border: 1px solid #000; border-radius: 50%; line-height: 40px;}
.col-faq .panel-heading a[aria-expanded="true"]::after {content:"\f068";}
.col-faq .panel-body  {padding: 0 0 30px; }
.col-faq .panel-body p:last-child {margin-bottom: 0; }

.blog-archive .navigation-container+.static-content {padding: 0; }
.blog-archive .static-content+.static-content {padding: 0; }
.blog-archive .static-content .container.content-bg {padding-bottom: 33.333%; max-width:100%; }
.blog-archive .static-content .col-post_title {padding: 50px 0; }
.blog-archive .static-content .col-post_title h1 {margin-bottom: 0;  }
.blog-archive .blog-archive-container {margin-bottom: 40px; }
.blog-archive .blog-archive-container .archive-content .archive-image > img {width: 100%; }
.blog-archive .blog-archive-container .archive-content .archive-title {margin-bottom: 20px; margin-top: 15px; font-size: 28px; }
.blog-archive .blog-archive-container .archive-content .archive-read-more {margin-top: 30px; }
.blog-archive .blog-archive-container .archive-content .archive-read-more a {color: #C3591D; }

.single-blog h1 {color: #000; }

.references-archive .navigation-container+.static-content {padding: 0; }
.references-archive .static-content+.static-content {padding: 0; }
.references-archive .static-content .container.content-bg {padding-bottom: 33.333%; max-width:100%; }
.references-archive .static-content .col-post_title {padding: 50px 0; }
.references-archive .static-content .col-post_title h1 {margin-bottom: 0;  }
.references-archive .reference-archive-container {margin-bottom: 40px; }
.references-archive .reference-archive-container .archive-content .archive-image > img {width: 100%; }
.references-archive .reference-archive-container .archive-content .archive-title {margin-bottom: 20px; margin-top: 15px; font-size: 28px; }
.references-archive .reference-archive-container .archive-content .archive-read-more {margin-top: 30px; }
.references-archive .reference-archive-container .archive-content .archive-read-more a {color: #C3591D; }
.references-archive .archive-references .archive-ingres {color: #35312E;}
.archive-references {padding:0 !important; }

.single-reference h1 {color: #000; }

div.footer-container {background-color: #676759; color: #F2F2F2; margin-top: 40px;}
div.footer-container a {color: #F2F2F2; }
div.footer-container .container > .row {align-items: center;}
div.footer-container .contacts {padding-left: 20px; }
div.footer-container .contacts .footer-some-icons {display:flex; align-items: center; }
div.footer-container .contacts .footer-some-icons li a {width: 30px; height: 30px; font-size: 30px; line-height: 30px; text-align:center; }
div.footer-container .contacts .footer-some-icons li a i.fa-instagram {font-size: 30px; }
div.footer-container .contacts .footer-some-icons li a[href^="https://facebook.com"] {width: 30px; height: 30px; line-height: 36px; text-align:center; background-color: #F2F2F2; border-radius: 50%; }
div.footer-container .contacts .footer-some-icons li a[href^="https://facebook.com"] i.fa-facebook {color: #676759; font-size: 26px; }
div.footer-container .links {padding-left: 40px;}
div.footer-container .links ul.footer-links {margin-bottom:0; }
div.footer-container .links ul.footer-links li:not(:last-child) {margin-bottom: 10px; }
div.footer-container .links ul.footer-links li a {text-transform:uppercase; font-size: 20px; }

@media (min-width: 768px) {
	.col-blog_highlights .row.columns {column-gap: 16px; margin: 0; }
	.col-blog_highlights .blog-highlight-container {padding: 0; max-width: calc(50% - 8px); }
	.col-blog_highlights .col-sm-12.blog-highlights-title h2 {margin-left: -16px; }
	.col-blog_highlights .col-sm-12.blog-highlights-title .blog-highlights-link {margin-right: -16px; }
	
	.blog-archive .archive-row {column-gap: 16px; margin: 0; }
	.blog-archive .blog-archive-container {padding: 0; max-width: calc(50% - 8px); }

	.references-archive .archive-row {column-gap: 16px; margin: 0; }
	.references-archive .reference-archive-container {padding: 0; max-width: calc(50% - 8px); }
}

@media (max-width: 991px) {
	.col-comments_highlights .owl-carousel {max-width: 500px; }
	.col-comments_highlights .comments-highlight-ingress {font-size: 18px; line-height: 1.25; }
	.col-comments_highlights::before {left: -50px; }
	.col-comments_highlights::after {right: -50px; }
	
	.col-lg-6+.col-lg-6 {margin-top: 40px; }
	
	div.navigation-container .navbar-toggler {border-width: 2px; border-color: rgba(0,0,0,.5); }
	div.navigation-container .navbar-nav {text-align: right; padding-bottom: 20px; }
	
	.home div.banner-container .owl-carousel .owl-item .carousel-caption {top: 0; }
}

@media (max-width: 768px) {
	.blog-archive .static-content .container.content-bg {padding-bottom: 66.666%; }
}

@media (max-width: 767px) {
	body {font-size: 16px; }
	h1 {font-size: 36px; }
	h2 {font-size: 26px; }
	.col-text h2 {font-size: 24px; }
	h3 {font-size: 22px; }
	
	.container {max-width: 100%; }
	
	.col-text h3 {font-size: 20px; }
	.col-blog_highlights .col-sm-12.blog-highlights-title .blog-highlights-link {display:none; }
	.col-blog_highlights .blog-highlights-link.mobile {display:block; margin-top: 30px; }
	.col-blog_highlights .col-sm-12.blog-highlights-title {margin-bottom: 30px; }
	.col-blog_highlights .blog-highlight-content .blog-highlight-inner .blog-highlight-readmore, .col-references_highlights .reference-highlight-readmore {margin-bottom: 20px; }

	.col-references_highlights .references-highlight-archive-link.desktop {display:none;}
	.col-references_highlights .references-highlight-archive-link:not(.desktop) {display:block;}
	
	.col-comments_highlights .owl-carousel {max-width: 400px; }
	.col-comments_highlights {height: 450px; }
	.col-comments_highlights::before {left: -15px; height: 450px;width: 180px;}
	.col-comments_highlights::after {right: -15px; height: 450px;width: 180px;}

	.blog-archive .blog-archive-container .archive-content .archive-title,
	.references-archive .reference-archive-container .archive-content .archive-title {font-size:20px;}
	
	.col-faq .panel-body {font-size: 14px; }
	
	div.footer-container .col-md-4 {text-align:center; }
	div.footer-container .col-md-4:not(:last-child) {margin-bottom: 40px; }
	div.footer-container .links {padding-left: 0; }
	div.footer-container .contacts {padding-left: 15px; }
	div.footer-container .contacts .footer-some-icons {justify-content: center; }
	div.footer-container .contacts .footer-some-icons > li:last-child {margin-right: 0; }
	div.footer-container .links ul.footer-links li a {font-size: 18px; }
}

@media (max-width: 575px) {
	.content {padding: 25px 0; }
	body {font-size: 14px; }
	h1 {font-size: 24px; }
	div.navigation-container > .container > .navbar > .navbar-brand > img {height: 120px; }
	.home div.banner-container .owl-carousel .owl-item .carousel-caption .description p > img {height: 200px; }
	
	.col-faq .panel-heading a {font-size: 18px; }
	
	.col-comments_highlights .owl-carousel {max-width: 320px; }
	.col-comments_highlights::before {left: -100px; }
	.col-comments_highlights::after {right: -100px; }
	.col-comments_highlights .comments-highlight-inner {align-self: center; }
	.col-comments_highlights .comments-highlight-ingress {font-size: 13px; line-height: 1.1; }
	
	div.footer-container .links ul.footer-links li a {font-size: 16px; }

}

@media (max-width: 390px) {
	.col-comments_highlights .owl-carousel {max-width: 280px; }
}

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