/*
 Theme Name:   Korsuretket - Theme 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
*/

html, body {max-width: 100%; overflow-x: hidden;}
body {font-family: "canada-type-gibson",sans-serif !important; font-weight: 300 !important; font-size: 15px;}

h2 {color: #383838 !important; font-size: 28px !important; text-transform: uppercase; font-family: "trajan-pro-3",serif !important; background: url('images/titleline.png') top center no-repeat; padding-top: 30px; font-weight: 600 !important;}
h4 {color: #c6a86d !important; text-transform: uppercase; font-family: "canada-type-gibson",sans-serif !important; font-size: 14px !important; letter-spacing: 2px; font-weight: 500;}

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

.col-text a {color: #c6a86d; text-decoration: none;}
.col-text a:hover {color: #c6a86d; text-decoration: underline;}

.wrapper {max-width: 100%; overflow-x: hidden;}

.topbar {position: relative;}
.topbar .shop-icon {position: absolute; top: 17px; right: 90px;}
.topbar .shop-icon a .fa {color: #fff; font-size: 30px;}

.carousel-caption {bottom: 50% !important; transform: translateY(50%);}
.carousel-caption h1, .carousel-caption h2 { font-family: "trajan-pro-3",serif !important; font-size: 50px !important; color: #ffffff !important; font-weight: 600; text-shadow: 0px 1px 2px rgba(0,0,0,0.8);}

.navigation-container.navigation-container2 ul {padding-right: 30px;}
.navigation-container.navigation-container2 { background-color:#c6a86d; }
.navigation-container.navigation-container2 li > a { color:#fff; font-family: "trajan-pro-3",serif !important;}
.navigation-container.navigation-container2 li {padding-right: 40px; position: relative;}
.navigation-container.navigation-container2 li .menu-toggler {position: absolute; right: 10px; top: 0;}
.navigation-container.navigation-container2 li .menu-toggler .fa {color: #fff; font-size: 28px;}

.col-content_highlights .content-highlight { padding:0; }
.col-content_highlights .content-highlight-container { position:relative; box-shadow: none !important; }
.col-content_highlights .content-highlight-container > img { position:relative; z-index:0; }
.col-content_highlights .content-highlight-container .content-highlight-inner { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-content:center; text-align:center; color:#fff;  z-index:150; background: none;}
.col-content_highlights .content-highlight-container .content-highlight-inner::after {content: ''; background: radial-gradient(transparent, black), rgba(0,0,0,0.2); position:absolute; top:0; left:0; width:100%; height:100%; z-index: 140; transition: all 1s; opacity: 1;}
.col-content_highlights .content-highlight-container .content-highlight-inner:hover::after { opacity: 0;}
.col-content_highlights .content-highlight-container .content-highlight-inner > h3,.col-content_highlights .content-highlight-container .content-highlight-inner > .ingress { width:100%; position: relative; z-index: 200;}

.col-content_highlights .content-highlight-container .content-highlight-inner h3 {font-family: "trajan-pro-3",serif !important; font-size: 20px !important; text-transform: uppercase;}
.col-content_highlights .content-highlight-container .content-highlight-inner .ingress {color: #c6a86d !important; text-transform: uppercase; font-family: "canada-type-gibson",sans-serif !important; font-size: 14px !important; letter-spacing: 2px; font-weight: 500;}

.footer-container.footer-container2::after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background: radial-gradient(transparent, black), transparent; }

.golden-ingress {color: #c6a86d !important; text-transform: uppercase; font-family: "canada-type-gibson",sans-serif !important; font-size: 14px !important; letter-spacing: 2px; font-weight: 500;}

.btn-custom { display:inline-block; padding: 14px 57px; border:1px solid #fff; }
.btn-custom:hover,.btn-custom:focus,.btn-custom:active { text-decoration:none; }


.col-news_carousel {padding-top: 30px; padding-bottom: 30px;}
.col-news_carousel h2 {text-align:center;}
.col-news_carousel a, .col-news_carousel a:hover, .col-news_carousel a:focus {text-decoration: none;}
.col-news_carousel a .news-carousel-title {text-align: center; color: #fff; font-weight: 600; font-family: "trajan-pro-3",serif !important; font-size: 13px; padding-top: 15px; text-shadow: 2px 2px 2px #000;}
.col-news_carousel a .news-carousel-image {padding-bottom: 100%; background-size: cover; transition: all 1s;}
.col-news_carousel a:hover .news-carousel-image {transform: scale(1.08);}
.col-news_carousel .owl-carousel-item {padding: 15px !important;}

.col-news_carousel .owl-nav {position: relative;}
.col-news_carousel .owl-nav .owl-prev {position: absolute; left: -35px; top: -335px; color: #fff !important; font-size: 80px !important; line-height: 1;}
.col-news_carousel .owl-nav .owl-next {position: absolute; right: -35px; top: -335px; color: #fff !important; font-size: 80px !important; line-height: 1;}

.col-news_carousel .news-carousel-ingress {color: #c6a86d !important; text-transform: uppercase; font-family: "canada-type-gibson",sans-serif !important; font-size: 14px !important; letter-spacing: 2px; font-weight: 500; text-align: center; padding-bottom: 30px;}

.col-text {padding-top: 30px; padding-bottom: 30px;}
.col-text h4 {padding-bottom: 30px; text-align: center;}
.col-text h2 {text-align: center;}

.col-video {padding: 30px 0;}

.footer-container.footer-container2::after {background: radial-gradient(transparent, black), rgba(0,0,0,0.2);}

.footer-container {font-size: 14px; color: #fff; margin-top: 30px;}
.footer-container h3 {font-family: "trajan-pro-3",serif !important; font-size: 14px !important; color: #fff;}
.footer-container .footer-contacts {list-style: none; padding: 0; font-size: 16px; font-weight: 500;}
.footer-some-icons > li > a {color: #9c9a98;}
.footer-some-icons > li > a > span {text-transform: uppercase; font-weight:500;}
.footer-container .footer-content-2 a {display: inline-block; padding: 20px; color: #fff; border: 1px solid #fff; text-transform: uppercase; font-weight: 500; width: 80%; text-align: center;}

.footer-links {padding-top: 50px;}
.footer-links a {color: #9c9a98 !important; text-transform: uppercase; font-size: 12px; font-weight: 500;}

.frm_style_formidable-style.with_frm_style input[type="text"], .frm_style_formidable-style.with_frm_style input[type="password"], .frm_style_formidable-style.with_frm_style input[type="email"], .frm_style_formidable-style.with_frm_style input[type="number"], .frm_style_formidable-style.with_frm_style input[type="url"], .frm_style_formidable-style.with_frm_style input[type="tel"], .frm_style_formidable-style.with_frm_style input[type="phone"], .frm_style_formidable-style.with_frm_style input[type="search"], .frm_style_formidable-style.with_frm_style select, .frm_style_formidable-style.with_frm_style textarea, .frm_form_fields_style, .frm_style_formidable-style.with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .frm_style_formidable-style.with_frm_style .chosen-container-multi .chosen-choices, .frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-single {border-radius: 0; padding: 10px; border: 1px solid #000;}
.frm_style_formidable-style.with_frm_style input[type="text"], .frm_style_formidable-style.with_frm_style input[type="password"], .frm_style_formidable-style.with_frm_style input[type="email"], .frm_style_formidable-style.with_frm_style input[type="number"], .frm_style_formidable-style.with_frm_style input[type="url"], .frm_style_formidable-style.with_frm_style input[type="tel"], .frm_style_formidable-style.with_frm_style input[type="file"], .frm_style_formidable-style.with_frm_style input[type="search"], .frm_style_formidable-style.with_frm_style select {height: auto;}
.frm_style_formidable-style.with_frm_style .frm_submit button {border-radius: 0; padding: 15px 25px; box-shadow: none; font-weight: bold; border: 1px solid #000; text-transform: uppercase;}
.frm_style_formidable-style.with_frm_style .frm_submit button:hover {background: #c6a86d; color: #fff; border: 1px solid #c6a86d;}

@media screen and (max-width: 1199px) {
.col-news_carousel .owl-nav .owl-next {top: -250px; right: -15px;}
.col-news_carousel .owl-nav .owl-prev {top: -250px; left: -15px;}
.carousel-caption h1, .carousel-caption h2 {font-size: 42px !important;}
}

@media screen and (max-width: 991px) {
.col-news_carousel .owl-nav .owl-next {top: -250px; right: -15px;}
.col-news_carousel .owl-nav .owl-prev {top: -250px; left: -15px;}
.carousel-caption h1, .carousel-caption h2 {font-size: 32px !important;}
.topbar-container {background: #c6a86d; position: static !important;}
h2 {font-size: 20px !important;}
.navigation-container {width: 0 !important; overflow-x: hidden;}
.nav-visible .navigation-container {width: 400px !important;}
.topbar-container > .container .navbar-brand > img {max-width: 120px !important;}
.navigation-menu {top: 20px !important;}
.banner-container1 > div .owl-carousel-arrow {display: none !important;}
}

@media screen and (max-width: 767px) {
.col-news_carousel .owl-nav .owl-next {top: -30px; right: 30px;}
.col-news_carousel .owl-nav .owl-prev {top: -30px; left: 30px;}
.carousel-caption h1, .carousel-caption h2 {font-size: 28px !important;}
.banner-container .owl-stage-outer {min-height: 320px;}
}

@media screen and (max-width: 575px) {
.footer-container {text-align: center;}
.carousel-caption h1, .carousel-caption h2 {font-size: 22px !important;}
}

@media screen and (max-width: 399px) {
	.topbar .shop-icon { right: 75px;}
	.navigation-container {max-width: 100%;}
}