/*
 Theme Name:   JJ-Net 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 { min-height:100%; }

a { color: #00a8d9; }

h2,.single-events h1, .single-news h1, .content h1 {font-family: "brandon-grotesque",sans-serif !important; text-align: center !important; padding-top: 30px; background: url('images/blueline.png') top center no-repeat; font-size: 30px !important; letter-spacing: 1px; padding-bottom: 20px; margin-top: 30px !important; text-transform:uppercase; }

body {font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; background:url('images/footer-landscape-tampere.png') no-repeat center bottom; }

.navigation-container {background: #fff !important;}
.navbar-expand-lg {justify-content: space-between !important;}
ul.navbar-top {padding-right: 15px !important;}
.navbar-top a {color: #838582 !important; padding: 0 8px; font-family: 'Dosis', sans-serif !important; font-weight: 800; font-size: 12px !important; text-transform: uppercase; border-left: 1px solid #d9d9d9;}
.navigation-languages {margin-right: 0 !important;}
.navigation-languages ul {margin: -3px 0 0 !important;}
.navigation-languages a {color: #838582 !important; padding: 0 8px; font-family: 'Dosis', sans-serif !important; font-weight: 800; font-size: 12px !important; text-transform: uppercase;}
.navigation-container .navigation-languages {display: none;}

.navbar-nav {margin-top: 15px;}
.navbar-nav .nav-link {font-family: 'Dosis', sans-serif !important; color: #a7a8aa !important; font-weight: 800; font-size: 12px !important; text-transform: uppercase;}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link:focus, .navbar-nav .current_page_item .nav-link {color: #fff !important; background: #00a8d9;}

.navbar .searchform-1 {margin-top: 15px; margin-left: 15px;}

.carousel-caption {bottom: 40px !important;}
.carousel-caption h2 {text-transform: uppercase; font-size: 36px !important; color: #fff; letter-spacing: 1px; background: none; padding: 0; text-shadow: 0 0 5px #000000; word-wrap:break-word; }

.content.gray { background-color:#f1f1f1; }

.content {padding: 30px 0;}
.content img { max-width: 100% !important; height:auto; }
.content a { color:#00a8d9; }

.col-text {padding-bottom: 15px;}

a.content-highlight-container {color: #000 !important;}
a.content-highlight-container:hover {color: #000 !important; text-decoration: none;}

.news-highlight-container {margin-bottom: 15px;}
.news-highlight-inner {background: #fff;}
.content-highlight-inner h3 {font-family: "aktiv-grotesk",sans-serif !important; font-size: 20px !important;}
.news-highlight-readmore {}
.news-highlight-readmore a { padding: 5px; display:inline-block; }

.news-highlight-title h4 {font-family: "aktiv-grotesk",sans-serif !important; font-size: 20px !important; color: #00a8d9;}
.news-highlight-title h4 a { color: #00a8d9;}
.news-highlight-loadmore { text-align:center; }
.col-news_highlights .news-highlight-inner { height:100%; }

.calview table.table tr th:last-child { width:auto; }
.calview table.table tr th:nth-child(2) { width:100%; }
.calview table.table .event-time { margin:0; padding-right:10px; }

.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {background: #00a8d9; color: #fff; border-radius: 0 !important;}
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {background: #0295c0 !important;}
.datepicker table tr td {border-radius: 0 !important;}
.datepicker .day.highlighted-cal-dates { background-color:#94b821; color:#fff; }
.datepicker table tr td.day:hover, .datepicker table tr td.focused { color:#000 !important; }

.archive-news-container > .archive-row { margin-bottom: 5px; }
.archive-news-showmore { margin-top:30px; }
.archive-news-showmore a { color: #fff !important; background-color: #007bff; border-color: #007bff; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
body .archive-news .archive-date { color:#333; }

.footer-container {padding: 30px 0; padding-bottom:350px; text-align:center; }
.footer-content {color: #a7a8aa; font-family: 'Dosis', sans-serif !important; font-size: 12px !important;}
.footer-content strong {font-size: 14px !important; }
.footer-container .footer-content img { margin:0 auto; }

.footer-some-icons {text-align: center;}
.footer-some-icons li {display: inline-block; margin: 5px;}
.footer-some-icons a .fa {color: #a7a8aa; font-size: 30px;}

.col-content_highlights .content-highlight { margin-bottom:30px; }
.col-content_highlights .content-highlight img { object-fit: cover; width: 100%; height: 200px; }

.single-news .content { margin:40px 0; }
.single-news .content h2 { margin:0 0 20px 0; }

.archive-events { padding:2rem 0; }

.location-map { height:400px; }

#cff .cff-load-more, #ctf #ctf-more, #sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a, #sb_instagram .sbi_moderation_link, #sb_instagram .sbi_close_mod { width:auto; display:inline-block; padding:.375rem .75rem; color:#fff !important; background-color: #007bff; border-color: #007bff; font-size:16px; border:1px solid transparent; margin-top:1rem; }
#cff .cff-load-more { float:none; }
#cff.cff-masonry .cff-load-more { float:none; display:inline-block; }
.cff-wrapper { text-align:center; }
#cff .cff-posts-wrap { text-align:left; }

#ctf.ctf-masonry { text-align:center; }
#ctf.ctf-masonry .ctf-tweets { text-align:left; }
#ctf.ctf-masonry .ctf-item { border-bottom:0; }

.content-6_6 img { max-width:100%; }

.crumbtrail-container { text-align:center; padding-top:20px; }

body .button-group { text-align:center; }
body .button-group a { color:#fff !important; padding: 1rem 1.5rem 1rem 2.5rem; background-color:#94b821; border-color:#94b821; position:relative; border-radius:5px; }

body.home .button-group a:before { content: "\f003";  font-family: FontAwesome; left:15px; position:absolute; top:15px; color:#fff; }

/*** Login ***/
.login-content {}
.login-content label.frm_primary_label { display:block; margin-bottom:20px; }
.login-content .frm_submit { margin-top:20px; }

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

@media (max-width: 575.98px) {
	body .navbar .searchform-1 { display:none; }
	body .navbar { padding:5px; }
	body .topbar-container > .container > .topbar { left:120px; top:15px; z-index:900; }
	body .topbar-container {}
	body .container-wide { padding:0; }
	body .navbar .navbar-brand { padding:0; }
	body .navbar .navbar-brand img { width:100px; height:auto; }
	#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block { margin-left:0; }
	body .topbar-container, body .navbar .navbar-brand { display:none; }
	#mega-menu-wrap-max_mega_menu_1 { width:100%; }
	body .banner-container1 .owl-carousel .owl-stage-outer { height:300px !important; }
	
	.archive-row { margin-bottom:10px; }
	body .archive-news .archive-date { display:block; color:#aaa; }
	.frm_submit .frm_button_submit { width:100% !important; background-color: #00a8d9 !important; color:#fff !important; }
}
@media (min-width: 576px) and (max-width: 767.98px) {
	body .navbar .navbar-brand { position:relative; left:0; top:0; padding-top:1rem; padding-bottom:1rem; }
	body .navbar .navbar-brand img { width:100px; height:auto; }
	.navigation-container .container { max-width:100%; }
	.frm_submit .frm_button_submit { width:100% !important; background-color: #00a8d9 !important; color:#fff !important; }	
}
@media (min-width: 768px) and (max-width: 991.98px) {
	body .navbar .navbar-brand { position:relative; left:0; top:0; padding-top:1rem; padding-bottom:1rem; }
	body .navbar .navbar-brand img { width:100px; height:auto; }
	.navigation-container .container { max-width:100%; }
	.frm_submit .frm_button_submit { width:100% !important; background-color: #00a8d9 !important; color:#fff !important; }
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199.98px) {}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {}