/*
 Theme Name:   Koovee pääsivusto - 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
 Text Domain:  jjnet
*/

@font-face {
    font-family: 'Barlow Condensed';
    src: url('fonts/barlowcondensed-italic-webfont.woff2') format('woff2'),
         url('fonts/barlowcondensed-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('fonts/barlowcondensed-regular-webfont.woff2') format('woff2'),
         url('fonts/barlowcondensed-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('fonts/barlowcondensed-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/barlowcondensed-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('fonts/barlowcondensed-bold-webfont.woff2') format('woff2'),
         url('fonts/barlowcondensed-boldi-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

body {font-family: 'Barlow Condensed' !important; font-weight: 400 !important; font-size: 18px !important; color: #fff !important; overflow-x: hidden !important;}
h1 {font-style: italic; font-weight: 400; font-weight: 700 !important;}
h2 {font-family: 'Barlow Condensed' !important; font-weight: 700 !important; font-size: 42px !important; text-transform: uppercase; color: #fff !important; margin-bottom: 20px !important; font-style: italic;}
h3 {font-family: 'Barlow Condensed' !important; font-weight: 700 !important; font-size: 36px !important; text-transform: uppercase; color: #fff !important; margin-bottom: 20px !important; font-style: italic;}
h4 {font-family: 'Barlow Condensed' !important; font-weight: 700 !important; font-size: 26px !important; text-transform: uppercase; color: #fff !important; margin-bottom: 10px !important; font-style: italic;}

body a {color: #fff; }
body a:hover, body a:focus {color: #fedf02;}

.col-text a {color: #c6000d;}
.blog-10 .col-text a {color: #fedf02;}
.col-text a:hover, .col-text a:focus {color: #fedf02;}
.blog-10 .col-text a:hover, .blog-10 .col-text a:focus {text-decoration:underline; color: #fedf02;}
.content.red .col-text a {color: #000;}
.content.red .col-text a:hover, .content.red .col-text a:focus {color: #fedf02;}
.content.normal .col-text a {color: #fedf02;}
.content.normal .col-text a:hover, .content.normal .col-text a:focus {color: #c6000d;}
.blog-10 .content.normal .col-text a {color: #fedf02;}
.blog-10 .content.normal .col-text a:hover, .content.normal .col-text a:focus {text-decoration:underline; color: #fedf02;}

.single-news .content .col-text a {color: #fedf02;}
.single-news .content .col-text a:hover, .single-news .content.normal .col-text a:focus {color: #c6000d;}

.content.yellow .col-text a {color: #c6000d;}
.content.yellow .col-text a:hover, .content.yellow .col-text a:focus {color: #000;}
.content.yellow h2, .content.yellow h3, .content.yellow h4 {color: #000 !important;}

.content.white .col-text a {color: #c6000d;}
.content.white .col-text a:hover, .content.white .col-text a:focus {color: #000;}
.content.white h2, .content.white h3, .content.white h4 {color: #000 !important;}

.col-news_carousel {font-family: 'Barlow Condensed' !important;}
.col-news_carousel h2 {text-transform: none; margin: 0 !important;}

.content-bg h2, .content-bg h3, .content-bg h4 {color: #fff !important;}

.content .table, .archive .table {color: #fff;}
.content.white .table {color: #000;}
.content.yellow .table {color: #000;}

body .container-fluid {width: 1920px; max-width: 100vw; margin: 0 auto;}

.content {padding: 30px 0;}
.content.normal + .content.normal {padding-top: 0;}
.content.sections + .content.normal {padding-top: 0;}
.content.normal + .content.sections {padding-top: 0;}
.content.red + .content.red {padding-top: 0;}
.content.yellow + .content.yellow {padding-top: 0;}
.content.white + .content.white {padding-top: 0;}
.content {background: #000; color: #fff;}
.content.red {background: #f80013; color: #fff;}
.content.yellow {background: #fedf02; color: #000 !important;}
.content.white {background: #fff; color: #000 !important;}
.content.red.graphic {background: url('images/punainen-grafiikka.svg') center center no-repeat; background-size: cover;}
.content.yellow.graphic {background: url('images/keltainen-grafiikka.svg') center center no-repeat; background-size: cover;}

.content.graphics h2 {font-size: 2rem !important;}

.content.graphics .leftcol {padding: 30px; background: url('images/punainen-grafiikka.svg') center center no-repeat; background-size: cover;}
.content.graphics .rightcol {padding: 30px; background: url('images/keltainen-grafiikka.svg') center center no-repeat; background-size: cover; color: #000 !important;}
.content.graphics .rightcol h2, .content.graphics .rightcol h3, .content.graphics .rightcol h4, .content.graphics .rightcol a {color: #000 !important;}

.content.graphics .colleft {padding: 30px; background: #333;}
.content.graphics .colmid {padding: 30px; background: url('images/punainen-grafiikka.svg') center center no-repeat; background-size: cover;}
.content.graphics .colright {padding: 30px; background: url('images/keltainen-grafiikka.svg') center center no-repeat; background-size: cover; color: #000 !important;}
.content.graphics .colright h2, .content.graphics .colright h3, .content.graphics .colright h4, .content.graphics .colright a {color: #000 !important;}
.content.graphics.myclub .colright {background: url('images/my-club.svg') left center no-repeat; background-size: cover;}
.content.graphics.myclub .colright > .col-content {padding-left: 42%;}

.content.graphics .colleft, .content.graphics .colmid, .content.graphics .colright {display: flex; flex-wrap: wrap;}
.content.graphics .colleft > div, .content.graphics .colmid > div, .content.graphics .colright > div {width: 100%; align-self: center; flex-basis: 100%;}

.content.graphics .col-persons_highlights .person-highlight {position: relative;}
.content.graphics .col-persons_highlights .person-highlight > img {width: 150px; position: absolute; left: 15px; top: 0;}
.content.graphics .col-persons_highlights .person-highlight .person-info {padding-left: 180px;}
.col-persons_highlights .person-highlight ul {list-style: none; margin: 0; padding: 0;}
.col-persons_highlights .person-highlight h3 {font-size: 1.5rem !important; text-transform: none;}
.col-persons_highlights .person-highlight .person-social-media {margin-top: 15px;}
.col-persons_highlights .person-highlight .person-social-media li {margin-right: 15px;}
.col-persons_highlights .person-highlight .person-social-media li span {font-size: 40px;}

.navbar-toggler-icon {background-image: url('images/mobinavi.png') !important; background-size: auto !important;}

.topbar-container.topbar-container2 { position:relative;top:0 !important; z-index:3; height:50px; background-color:#000; }
.topbar-container.topbar-container2 > .container { max-width: 1140px !important; margin:0 auto !important; }
.topbar-container.topbar-container2 > .container > .topbar > .navbar-top { display:block; padding-left:90px; }
.topbar-container.topbar-container2 > .container > .topbar > .navbar-top > li { line-height:45px; margin:0 5px; }
.topbar-container.topbar-container2 > .container > .topbar > .navbar-top > li > a { color:#fff; font-size: 14px !important;}
.topbar-container.topbar-container2 > .container > .topbar > .navbar-top > li > a:hover, .topbar-container.topbar-container2 > .container > .topbar > .navbar-top > li > a:focus {color: #c99e02; text-decoration: none;}
.topbar-container .navbar-brand { position:absolute; left:0; top:-30px; z-index:5000; }

.navigation-container.navigation-container4 .navbar { padding:0 0 0 90px; }

.navigation-container.navigation-container4 { background: #000; position: fixed; top:0; width: 100%; z-index:2; }
/*body.koovee-content-pages .navigation-container.navigation-container4 { background-color:rgba(0,0,0,1); }*/
/*body.koovee-content-pages .content-6_6, body.koovee-content-pages .content-12, body.koovee-content-pages .content-1-10-1 { margin-bottom:30px; }
body.koovee-content-pages .content-6_6 h2, body.koovee-content-pages .content-1-10-1 h2 { margin-top:0 !important; }
body.koovee-content-pages .content-6_6 a, body.koovee-content-pages .content-12 a, .archive-events a, .archive-news a, body.koovee-content-pages .content-1-10-1 a { color:#c6000d; }*/

body.koovee-content-pages .content-1-10-1 span.event-time { margin-right: 10px; }

.navigation-container.navigation-container4 .navbar-brand { position:absolute; left:0; top: 5px; z-index:5000; width:73px; height:88px; }
.navigation-container.navigation-container4 .navbar-brand img { height:88px !important; transition: height 0.3s ease-in-out;  }

.admin-bar .navigation-container.navigation-container4 { top: 30px; }
.navigation-container.navigation-container4 li > a { color:#fff; text-transform: uppercase;}
.navigation-container.navigation-container4 li > a:hover, .navigation-container.navigation-container1 li > a:focus {color: #c99e02; text-decoration: none;}
#mega-menu-wrap-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-row, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-column, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link { z-index:1900; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {padding-top: 30px; padding-left: 100px;background-color:rgba(0,0,0,0.8); }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 .custom-html-widget a { color:#fedf02; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link span { font-weight:normal; text-transform:none; color:#aaa; }
#mega-menu-wrap-navigation-menu #mega-menu-navigation-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current_page_item > a.mega-menu-link {color: #000; background: #fedf02;}
.navigation-container.navigation-container4 h4 { color:#fff !important; font-size:16px !important; }

#searchform-1 > form { width:auto; background-color: transparent; }
#searchform-1 > form > .textfield { background-color: transparent; border-color: transparent; color: #fff; font-style:normal; }
#searchform-1 > form > .textfield::placeholder { color:#a7a7a7; }
#searchform-1 > form > button { background-color:transparent; color:#fff; }

.banner-container {background: #000;}
/*.banner-container > .container-fluid {max-width: 1920px; margin: 0 auto;}*/
.banner-container .owl-dots { position:absolute; bottom:0; width:100%; text-align:center; }
.banner-container .owl-dots > .owl-dot { width:8px; height:8px; border-radius:20px; margin:11px 7px; background-color:#bbbbbb; }
.banner-container .owl-dots > .owl-dot.active { background-color:#fff; }
.banner-container .carousel-caption {bottom: 50%; z-index:1000;}
.banner-container .carousel-caption h1, .banner-container .carousel-caption h2 {font-size: 100px !important; text-shadow: 0 0 10px #000; color:#fff !important; font-style: italic; font-weight: 700 !important; text-transform: uppercase !important;}
.banner-container .carousel-caption .subtitle {font-size: 61px; color: #fff; text-shadow: 0 0 10px #000; font-style: italic; font-weight: 700 !important; text-transform: uppercase !important;}

body:not(.home) .banner-container .owl-item {position: relative;}
body:not(.home) .banner-container .owl-item::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: url('images/banneri-grafiikka.svg') center top no-repeat; background-size: cover; z-index: 2;}
body:not(.home) .banner-container .owl-item::before {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background-image: linear-gradient(transparent, #e31c24); z-index: 2;}
body:not(.home).blog-10 .banner-container .owl-item::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: url('images/banneri-grafiikka-keltainen.svg') center top no-repeat; background-size: cover; z-index: 2;}
body:not(.home).blog-10 .banner-container .owl-item::before {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background-image: linear-gradient(transparent, #fedf02); z-index: 2;}

.banner-container-low .owl-carousel {padding-bottom: 28% !important; }
.banner-container-low .owl-carousel .owl-carousel-item > .container {max-width: 100%; display:flex; justify-content:center; height: 100%;}
.banner-container-low .owl-carousel .carousel-caption {position:static !important; align-self:center; }
div.banner-container1 > div .owl-carousel-arrow { z-index: 1; }

.banner-container .banner-embed-container {width: 100%; height: 100%;}
.banner-container .banner-embed-container iframe {width: 100%; height: 100%;}

.col-content_highlights.img-hl .content-highlight { margin-bottom:30px; padding: 0;}
.col-content_highlights.img-hl .content-highlight-inner {  margin:0; padding:15px; text-align:center; background: none;}
.col-content_highlights.img-hl .content-highlight .content-highlight-inner > h3 {text-transform:uppercase; font-weight:bold; color:#fff !important; display:inline-block; position:relative; z-index:1; padding: 0; margin:0; line-height:40px; }
.col-content_highlights.img-hl .content-highlight-container { position:relative; box-shadow: 0 0; height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #fff; min-height: 200px; transition: all 0.5s ease;}
.col-content_highlights.img-hl.darken .content-highlight-container::after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(0,0,0,0.4); transition: all 0.5s ease;}
.col-content_highlights.img-hl.darken .content-highlight-container:hover::after, .col-content_highlights.img-hl .content-highlight-container:focus::after {background: rgba(248,0,19,0.7);}
.col-content_highlights.img-hl.darken .content-highlight-container:hover .content-highlight-inner > h3 {color: #fedf02 !important;}
/*.col-content_highlights.img-hl .content-highlight-container > a { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1500; }*/
.col-content_highlights.img-hl .content-highlight-container > img { position:relative; z-index:0; object-fit: cover;}
.col-content_highlights.img-hl .content-highlight .content-highlight-inner .content-highlight-link {font-weight: 700; text-decoration: underline;}

.col-content_highlights.img-hl.spaced .content-highlight { margin-bottom:30px; padding: 0 15px;}

.col-content_highlights.sections .content-highlight { margin-bottom:30px; }
.col-content_highlights.sections .content-highlight-inner { position:absolute; bottom: 50%; transform: translateY(50%); left:0; margin:0; text-transform:uppercase; padding:0; width: 100%; text-align:center; background: none;}
.col-content_highlights.sections .content-highlight .content-highlight-inner > h3 { font-size:28px !important; font-weight:bold; color:#fff !important; display:inline-block; position:relative; z-index:1; padding: 0; margin:0; line-height:40px; }
.col-content_highlights.sections .content-highlight-container { position:relative; box-shadow: 0 0; height: 100%; min-height: 120px; display: block; text-align: center;}
/*.col-content_highlights.sections .content-highlight-container > a { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1500; }*/
.col-content_highlights.sections .content-highlight-container > img { position: relative; z-index:0; filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all .8s ease-in-out; object-fit: contain;}
.col-content_highlights.sections .content-highlight-container > img:hover { filter: none; -webkit-filter: grayscale(0); }
.col-content_highlights.sections .content-highlight-container:hover .content-highlight-inner > h3, .col-content_highlights.sections .content-highlight-container:focus .content-highlight-inner > h3 {color: #fedf02 !important;}

.col-content_highlights.sponsors .content-highlight { margin-bottom:30px; }
.col-content_highlights.sponsors .content-highlight-inner { position:absolute; bottom: 50%; transform: translateY(50%); left:0; margin:0; text-transform:uppercase; padding:0; width: 100%; text-align:center; background: none;}
.col-content_highlights.sponsors .content-highlight .content-highlight-inner > h3 { font-size:28px !important; font-weight:bold; color:#fff !important; display:inline-block; position:relative; z-index:1; padding: 0; margin:0; line-height:40px; }
.col-content_highlights.sponsors .content-highlight-container { position:relative; box-shadow: 0 0; height: 100%; min-height: 120px; display: block; text-align: center;}
/*.col-content_highlights.sections .content-highlight-container > a { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1500; }*/
.col-content_highlights.sponsors .content-highlight-container > img { position: relative; z-index:0; filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all .8s ease-in-out; object-fit: contain;}
.col-content_highlights.sponsors .content-highlight-container > img:hover { filter: none; -webkit-filter: grayscale(0); }
.col-content_highlights.sponsors .content-highlight-container:hover .content-highlight-inner > h3, .col-content_highlights.sections .content-highlight-container:focus .content-highlight-inner > h3 {color: #fedf02 !important;}

.col-content_highlights:not(.img-hl):not(.sections):not(.sponsors) .content-highlight { margin-bottom:30px; }
.col-content_highlights:not(.img-hl):not(.sections):not(.sponsors) .content-highlight .content-highlight-inner { position:static; margin:0; padding:15px; background-color: transparent; text-align:left; color: #000 !important; font-size: 15px !important; font-weight: 400 !important;}
.col-content_highlights:not(.img-hl):not(.sections):not(.sponsors) .content-highlight .content-highlight-inner > h3 { font-size:18px; font-weight:bold; color:#000 !important; display:block; margin-bottom: 5px !important; }
.col-content_highlights:not(.img-hl):not(.sections):not(.sponsors) .content-highlight .content-highlight-inner .content-highlight-link {text-align: right; display: block; margin-top: 5px; color: #000 !important; font-weight: 700 !important;}
.col-content_highlights:not(.img-hl):not(.sections):not(.sponsors) .content-highlight-container { position:relative; box-shadow: 0 0; background: #fff;}
.col-content_highlights:not(.img-hl):not(.sections):not(.sponsors) .content-highlight-container > img { position:relative; z-index:0; margin-bottom: 0;}

.col-content_highlights .content-highlight.blacktext .content-highlight-container {color: #000 !important;}
.col-content_highlights .content-highlight.blacktext .content-highlight-container .content-highlight-inner {color: #000 !important;}
.col-content_highlights .content-highlight.blacktext .content-highlight-container .content-highlight-inner > h3 {color: #000 !important;}

body .col-content_carousel {padding: 30px !important;}
body .col-content_carousel .owl-carousel-item {text-align: center;}
body .col-content_carousel .owl-carousel-item h2 {margin: 0 !important;}
body .col-content_carousel .content-carousel-container > .owl-carousel-arrow-right {color: #fff !important;}
body .col-content_carousel .content-carousel-container > .owl-carousel-arrow-left {color: #fff !important;}
/*
.contenthighlightdark { margin-bottom:15px;}
.contenthighlightdark .col-content_highlights { padding:15px 30px; background-color:#000; color:#fff; }
.contenthighlightdark .col-content_highlights h2, .contenthighlightdark .col-content_highlights h3 { color:#ffbd59 !important; } 
.contenthighlightdark .col-content_highlights a { color:#ffbd59; }
.contenthighlightdark .col-content_highlights .content-highlight a.content-highlight-container .content-highlight-inner .ingress { color:#aaa !important; margin-bottom:15px; }
.contenthighlightdark .col-content_highlights .content-highlight .content-highlight-inner span.content-highlight-link { display:block; margin-top:20px; padding:10px; text-align:center !important; color:#333 !important; background-color:#ffbd59; border-radius:15px; }
.contenthighlightdark .col-content_highlights .content-highlight a.content-highlight-container .content-highlight-inner span.content-highlight-link { color:#333 !important; }
*/

/* Button group */
.button-group .btn-primary { background-color: transparent; border:0; font-size:18px; font-weight:bold; color:#000 !important; display:inline-block; position:relative; z-index:2; padding: 0 15px; margin:0; line-height:40px; }
.button-group .btn-primary::after { content: ""; position:absolute;top:0; left:0; z-index:-100; display:block; width:150%; height:100%; border-top: 40px solid #fedf02; border-right: 40px solid transparent; }
.col-button_group > div.button-group { text-align:center; }
.col-button_group > div.button-group > a { color:#c6000d; }
.col-button_group > div.button-group > a:focus,.col-button_group > div.button-group > a:hover,.col-button_group > div.button-group > a:active { color:#fedf02; }
.blog-10 .col-button_group > div.button-group > a { color:#fedf02;  }
.blog-10 .col-button_group > div.button-group > a:focus,.blog-10 .col-button_group > div.button-group > a:hover,.blog-10 .col-button_group > div.button-group > a:active { text-decoration:underline; }

.twocolor { background-color:#f80013; background-image: linear-gradient(90deg, #f80013 50%, #000 0%); }

/*.twocolor .col-news_carousel { padding:0; }
.twocolor .col-news_carousel > .col-sm-12 { width: 20%; text-align:right; background-color: #f7d920; float:left; }
.twocolor .col-news_carousel > .col-sm-12 > h2 { margin:0; line-height: 44px; font-size:24px; font-weight:700; }
.twocolor .col-news_carousel > .owl-carousel { width:80%; background-color:#000; float:left; padding-right: 50px; }
.twocolor .col-news_carousel .owl-carousel-item > a { color:#fff; font-size: 15px; font-weight:500; }
.twocolor .col-news_carousel .owl-carousel-item > a:hover,.twocolor .col-news_carousel .owl-carousel-item > a:focus,.twocolor .col-news_carousel .owl-carousel-item > a:active { color:#fff; }
.twocolor .col-news_carousel > .owl-carousel .owl-nav { position:absolute; top:50%; right:10px; transform:translateY(-50%); }
.twocolor .col-news_carousel > .owl-carousel .owl-nav > button { color: #898989; font-size: 24px; line-height: 1; font-weight: 300; }
.twocolor .col-news_carousel > .owl-carousel .owl-nav > button:first-child { margin-right: 5px; }
.twocolor .col-news_carousel .news-carousel-title { text-align: left; margin-top: 0; line-height: 44px; }*/

body .col-news_carousel {padding: 30px 0;}
.col-news_carousel .owl-carousel {position: relative; padding: 0 30px;}
.col-news_carousel a {color: #fff;}
.col-news_carousel a:hover, .col-news_carousel a:focus {color: #fedf02;}
.col-news_carousel .owl-nav button.owl-prev {position: absolute; left: 10px; top: 40%; transform: translateY(-50%);}
.col-news_carousel .owl-nav button.owl-next {position: absolute; right: 10px; top: 40%; transform: translateY(-50%);}
.col-news_carousel .owl-nav button span {font-size: 50px; line-height: 1;}

body .col-news_highlights .news-highlight-image img {width: 100%;}
body .col-news_highlights .news-highlight-inner {background: #fff; color: #000; padding: 30px;}
body .col-news_highlights .news-highlight-inner a {color: #f80013;}
body .col-news_highlights .news-highlight-inner .news-highlight-readmore {display: block; text-align: right; padding-top: 15px;}

body .col-news_highlights .hl-multiple .news-highlight-image {position: relative; height: 0; padding-bottom: 66%;}
body .col-news_highlights .hl-multiple .news-highlight-image::after {background: rgba(0,0,0,0.3); content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
body .col-news_highlights .hl-multiple .news-highlight-image .news-highlight-title {position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px; z-index: 2;}
body .col-news_highlights .hl-multiple .news-highlight-image .news-highlight-title h4 {color: #fff; margin: 0;}
body.blog-10 .col-news_highlights .hl-multiple .news-highlight-image .news-highlight-title h4 a:is(:hover, :focus) {color: #000;}

.news-hl-title {text-align: center;}

.news-highlight-archive-link {text-align: center; margin: 30px 0;}
.news-highlight-archive-link a {display: inline-block; background: #fff; padding: 15px 30px; color: #f80013; text-transform: uppercase; font-size: 1.5rem; font-weight: 900;}
.news-highlight-archive-link a:hover, .news-highlight-archive-link a:focus {text-decoration: none; background: #000;}

/*news archive*/
body .news-archive-container {margin-bottom: 30px;}
body .news-archive-container .news-archive-inner {background: #fff; color: #000; padding: 30px;}
body .news-archive-container .news-archive-inner a {color: #f80013;}
body.blog-10 .news-archive-container .news-archive-inner a {color: #000;}
body.blog-10 .news-archive-container .news-archive-inner a:is(:hover, :focus) {text-decoration:underline;}
body .news-archive-container .news-archive-inner .news-archive-readmore {display: block; text-align: right; padding-top: 15px;}

body .news-archive-container .news-archive-image {position: relative; height: 0; padding-bottom: 66%;}
body .news-archive-container .news-archive-image::after {background: rgba(0,0,0,0.3); content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
body .news-archive-container .news-archive-image .news-archive-title {position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px; z-index: 1;}
body .news-archive-container .news-archive-image .news-archive-title h4 {color: #fff; margin: 0;}
body.blog-10 .news-archive-container .news-archive-image .news-archive-title h4 a:is(:hover, :focus){color: #000;}

.bottombar-container { background-color:#000; padding: 20px 0; }
.bottombar-container img {filter: brightness(0) invert(1);}

.footer-container.footer-container4 { background-color:#f80013; color: #fff; }
.footer-container.footer-container4 h3 { color:#fff !important; font-weight: 700 !important; margin-top: 0 !important;}
.footer-container.footer-container4 a { color:#fff; }
.footer-container.footer-container4 a:hover,.footer-container.footer-container4 a:focus,.footer-container.footer-container4 a:active { color:#f7d920; text-decoration:none; }
.footer-linklist {text-align: center; margin-bottom: 30px;}

.blog-10 .footer-container.footer-container4 {background-color: #fedf02; color: #000; border-top: 1px solid #000;}
.blog-10 .footer-container.footer-container4 h3 { color:#000;}
.blog-10 .footer-container.footer-container4 a { color:#000; text-decoration:underline; }
.blog-10 .footer-container.footer-container4 a:is(:hover, :focus) { color:#000; text-decoration:none; }

.col-content_highlights {padding-top: 15px; padding-bottom: 15px; position:relative; }
.col-events_highlights {padding-top: 30px; padding-bottom: 30px;}

.col-text {padding: 30px 0;}
.col-text img { max-width:100%; height:auto; }
.single-news .banner-container .carousel-caption h1 { font-size: 44px !important; }

.content-highlight-inner h3 {margin: 0 !important;}

.events-highlights-info {text-align: center;}
.events-highlight-container {margin-bottom: 30px;}
.events-highlight-inner {padding: 30px; height: 220px; color: #fff;}
.events-highlight-title h4 a {color: #fff;}
.events-highlight-ingress {font-size: 16px !important; color: #000 !important;}
.events-highlight-date {font-size: 16px !important; color: #fff !important;}
.events-highlight-text {background: #fff; padding: 15px 30px;}
.events-highlight-readmore {text-align: right; margin: 10px 0;}
.events-highlight-readmore a {color: #f80013; font-weight: 600;}

.events-highlights-link {text-align: center; padding: 30px 0;}
.events-highlights-link a {color: #fff; font-size: 1.5rem; text-transform: uppercase; font-weight: 700; text-decoration: underline;}

.blog-1 .event-information { display:none; }

/*Dropdown*/
.navigation-container.navigation-container1 .dropdown-menu { background-color:#000; background-color:rgba(0,0,0,0.6); }

/* Content pages */
.post-title-container { padding:12rem 0 4rem 0; }

/* Crumbtrail */
.crumbtrail-container { text-align:center; padding: 15px 0; background-color:#fedf02; color:#000; }
.crumbtrail-container p { margin-bottom:0; }
.crumbtrail-container a { color:#000; display:inline-block; padding:5px; }
.blog-10 .crumbtrail-container a:is(:hover, :focus) {text-decoration:underline; color: #000; }

/* Events */
.archive-events { padding: 50px 0; background: #000;}

.archive-events-new .archive-categories { margin-bottom: 40px; display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 20px; }
.archive-events-new .archive-categories li { width: calc(20% - 4 * 20px / 5); }
.archive-events-new .archive-categories li > a { display: flex; column-gap: 10px; align-items: center; justify-content: center; font-weight:bold; font-size: 18px; text-transform: uppercase; text-decoration: none; padding: 10px 20px; border: 1px solid #fff; border-radius: 50px; }
.archive-events-new .archive-categories li > a:has(img) { padding: 5px 10px; }
.archive-events-new .archive-categories li > a > img { display: inline-block; height: 37px; width: auto; }
.archive-events-new .archive-categories li > a.selected-category { background-color: #fff; color: #000; }
.archive-events-new .archive-categories li > a.category-clear { border-color: #000; }
.archive-events-new .hidden { display: none !important; }

@media (max-width: 1199px) {
	.archive-events-new .archive-categories li { width: calc(25% - 3 * 20px / 4); }
}

@media (max-width: 991px) {
	.archive-events-new .archive-categories li { width: calc(33% - 2 * 20px / 3); }
}
@media (max-width: 767px) {
	.archive-events-new .archive-categories li { width: calc(50% - 10px); }
}

.banner-container-new.banner-container .carousel-caption h1 { font-size: 88px !important; }
.banner-container-new .carousel-caption .event-dates, .single-events .carousel-caption .event-location { font-size: 30px; font-weight:bold; line-height: 1.1; margin-bottom: 16px; text-shadow: 0 0 10px #000; }
.banner-container-new .carousel-caption .event-dates::before { font-family: "FontAwesome"; content: "\f133"; display: inline-block; margin: 0 10px 0 5px; }
.banner-container-new .carousel-caption .event-location::before { font-family: "FontAwesome"; content: "\f041"; display: inline-block; margin: 0 14px 0 8px; }
.banner-container-new+.content .col-xs-12:has(.col-event_information) { display: flex; flex-wrap: wrap; column-gap: 30px; }
.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-event_information { width: calc(33.33% - 15px); order:2; }
.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-event_information .event-basic-info { background-color: #f80013; border-radius: 16px; padding: 30px 35px; margin-bottom: 20px; }
.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-event_information .event-basic-info > h2 { font-style: normal; font-size: 32px !important; text-transform: unset; margin-bottom: 15px !important; }
.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-event_information .event-dates { font-size: 20px; }
.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-event_information .event-dates > .date::before { font-family: "FontAwesome"; content: "\f133"; display: inline-block; margin: 0 10px 0 5px; }
.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-event_information .event-dates > .time::before { font-family: "FontAwesome"; content: "\f017"; display: inline-block; margin: 0 10px 0 5px; }
.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-event_information .event-link > a { margin: 0 0 20px; display: block; padding: 20px 25px; background-color: #fff; color: #000; text-transform: uppercase; font-size: 24px; font-weight: bold; text-align: center; border-radius:50px; font-style: italic; }
.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-event_information .event-link > a::before { display: none; }
.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-event_information .event-calendar > button { appearance: none; cursor: pointer; display: block; background-color: #000; border: 2px solid #fff; color: #fff; display: block; padding: 20px 25px; width: 100%; text-transform: uppercase; font-size: 24px; font-weight: bold; text-align: center; border-radius:50px; font-style: italic; margin-bottom: 20px; }
.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-event_information .event-calendar > button::before { font-family: "FontAwesome"; content: "\f133"; display: inline-block; margin: 0 10px 0 5px; font-style: normal; }
.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-text { width: calc(66.66% - 15px); order:1; }

@media (max-width: 991px) {
	.banner-container-new+.content .col-xs-12:has(.col-event_information) { flex-wrap: wrap; }
	.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-event_information { width: 100%; display: grid; grid-template-rows: repeat(2fr, 1fr); column-gap: 20px; row-gap: 20px; }
	.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-event_information > .event-basic-info { grid-column: 1/1; grid-row: 1/3; }
	.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-event_information > .event-link { grid-column: 2/2; grid-row: 1/1; }
	.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-event_information > .event-link > a { margin-bottom: 0; }
	.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-event_information > .event-calendar { grid-column: 2/2; grid-row: 2/2; }
	.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-text { width: 100%; }
}

@media (max-width:500px) {
	.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-event_information { display: block; }
	.banner-container-new+.content .col-xs-12:has(.col-event_information) > .col-event_information > .event-link > a { margin-bottom: 20px; }
}

@media (max-width: 991px) {
	body:not(.home).single-events .banner-container { height: auto !important; }
}

.archive-news {background: #000;}

/* FB */
.cff-wrapper {text-align: center;}
#cff .cff-posts-wrap, #cff .cff-masonry-posts {text-align: left;}
.cff-wrapper .cff-load-more { width: auto !important; padding: 10px !important; float: none !important; display: inline-block !important;}
#cff.cff-masonry {margin-bottom: 70px !important;}

.col-next_prev_posts { margin-top:20px; border-top:1px solid #eee; padding-top:10px; clear:after; }
.col-next_prev_posts ul li.prev { float:left; }
.col-next_prev_posts ul li.next { float:right; }

/* Mainbanners */
/*
body.koovee-content-pages .content:not(.static-content) .owl-carousel-item::after, body.koovee-single .content:not(.static-content) .owl-carousel-item::after { content: '';
    background: radial-gradient(transparent, #000), rgba(0,0,0,0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 140;
    transition: all 1s;
    opacity: 1;}
body.koovee-content-pages .content:not(.static-content) .owl-carousel-item, body.koovee-single .owl-carousel-item {	
    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;	
}
	*/

/*body.koovee-content-pages .banner-container, body.koovee-single .banner-container, body.koovee-team-navigation .banner-container { margin-bottom:30px; }*/

/* Map */
.location-map { height:400px; }


/* Archive */
.archive-news .archive-row { border-top:1px solid #eee; padding-top:5px; margin-top:5px; }
.archive-news .archive-row:first-child { border-top:0; }

/*Salibandy Teams*/
.koovee-salibandy-content-pages .col-persons_highlights {}
.koovee-salibandy-content-pages .col-persons_highlights .person-info h2.title { font-weight:normal !important; margin-bottom:2px !important; }

/*Salibandy frontpage*/
.koovee-salibandy-main-page .col-news_highlights {}
.koovee-salibandy-main-page .col-news_highlights .news-highlight-inner { padding:20px; background-color:#eee; }
.koovee-salibandy-main-page .col-news_highlights .news-highlight-inner a { color:#333; }
.koovee-salibandy-main-page .col-news_highlights .news-highlight-inner .news-highlight-ingress { color:#333; }
.koovee-salibandy-main-page .col-news_highlights .news-highlight-inner .news-highlight-readmore a { display:block; margin-top:20px; padding:10px; text-align:center; color:#333; background-color:#f6d503; border-radius:15px; }
.koovee-salibandy-main-page .col-news_highlights .news-highlight-inner h4 { margin-top:0 !important; font-size:16px !important; }
.koovee-salibandy-main-page .col-news_highlights h2 { font-style: italic; text-align:center; font-size:3rem !important; text-transform:none; }
.koovee-salibandy-main-page .col-news_highlights .news-highlight-archive-link { text-align:center; }
.koovee-salibandy-main-page .col-news_highlights .news-highlight-archive-link a { display:inline-block; margin:20px 0; padding:10px 20px; text-align:center; color:#333; background-color:#f6d503; border-radius:15px; }
.koovee-salibandy-main-page .col-news_highlights .news-highlight-date { font-size:10px; }

.koovee-salibandy-content-pages .col-persons_highlights h2 { font-style: italic; text-align:left; font-size:2.5rem !important; text-transform:none; }
.koovee-salibandy-content-pages .col-persons_highlights .person-info h2.title {font-weight: 400 !important; font-size: 16px !important; text-decoration:none; text-align:left; margin-bottom:5px !important; }
.koovee-salibandy-content-pages .col-persons_highlights .person-info ul { margin:0; padding:0; list-style:none; }

.koovee-salibandy-content-pages .col-text h2 { text-align:left; font-size:2.5rem !important; text-transform:none; }

.koovee-salibandy-content-pages .col-instagram_smashballoon h2 { font-style: italic; text-align:left; font-size:2.5rem !important; text-transform:none; }
.col-instagram_smashballoon a.sbi_header_link { color: #c6000d; }


.col-relational_navigation a { color:#fff; }
.col-relational_navigation .navbar-toggler { display: none; }
.col-relational_navigation .current-menu-item > a { font-weight:bold; }

body.koovee-team-navigation .events-highlight-container { width:100%; padding-bottom:3px; margin-bottom:3px; border-bottom:1px solid #eee; }
body.koovee-team-navigation .events-highlight-inner {padding-bottom: 5px;}
body.koovee-team-navigation .events-highlight-title h4 { margin:2px 0 !important; text-transform:none; font-size:18px; font-weight:400 !important; }
body.koovee-team-navigation .events-highlight-title h4 a {color: #c6000d;}
body.koovee-team-navigation .events-highlight-ingress {font-size: 14px !important; color: #ededed !important;}
body.koovee-team-navigation .events-highlight-date {font-size: 14px !important; color: #555 !important;}
body.koovee-team-navigation .col-events_highlights { padding-top:0; }
body.koovee-team-navigation .col-events_highlights a { color:#c6000d; }
body.koovee-team-navigation .events-highlights-link { margin-bottom:10px; }
body.koovee-team-navigation .events-highlight-readmore { display:none; }
body.koovee-team-navigation h3, .col-twitter_smashballoon h2 { margin-top:0 !important; font-style: italic; text-transform:none; font-size:28px !important; }

.col-content_carousel .content-carousel-container > div.owl-carousel-arrow { color:#000; top: calc(50% + 22px); }

.footer-container .footer-content ul { margin:0; padding:0; list-style-type:none; }
.footer-container .footer-content ul li { padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #616161; }

/*Salibandy annual wheel*/
.annual-tablepress tfoot th, .tablepress thead th { background-color: #000 !important; color: #f6d503; text-transform: uppercase; }
.annual-tablepress td, .tablepress th { padding: 10px 20px !important; }
.annual-tablepress .column-1 { width: 60%; border-right: 1px solid #000; }
.annual-tablepress .column-2 { width: 40%; font-weight: bold; }
.annual-wheel .circle, .circle:before, .circle:after { border-radius: 50%; }
.annual-wheel .circle { border: 5px solid #f6d503; }
.annual-wheel nav { margin: 5em auto; min-width: 16em; width: 72%; max-width: 40em; }
.annual-wheel nav ul { position: relative; padding: calc(50% - 5px); max-width: 0; max-height: 0; box-shadow: 0 0 .5em rgba(0,0,0,.5); list-style: none; background: white; overflow: hidden; }
.annual-wheel nav li { position: absolute; transition: 2s; border: 2px solid #f6d503; }
.annual-wheel nav a { cursor: pointer; }
.annual-wheel .slice { overflow: hidden; position: absolute;top: 0; left: 0; width: 50%; height: 50%; transform-origin: 100% 100%; }
.annual-wheel .unsel { top: 34%; left: 34%; width: 32%; height: 32%; background-image: url('images/koovee-logo.png'); background-size: 70%; background-position: 50%; background-repeat: no-repeat; background-color: transparent !important; border: 0 !important; }
.annual-wheel .tammikuu { transform: skewX(60deg); }
.annual-wheel .helmikuu { transform: rotate(30deg) skewX(60deg); }
.annual-wheel .maaliskuu { transform: rotate(60deg) skewX(60deg); }
.annual-wheel .huhtikuu { transform: rotate(90deg) skewX(60deg); }
.annual-wheel .toukokuu { transform: rotate(120deg) skewX(60deg); }
.annual-wheel .kesakuu { transform: rotate(150deg) skewX(60deg); }
.annual-wheel .heinakuu { transform: rotate(180deg) skewX(60deg); }
.annual-wheel .elokuu { transform: rotate(210deg) skewX(60deg); }
.annual-wheel .syyskuu { transform: rotate(240deg) skewX(60deg); }
.annual-wheel .lokakuu { transform: rotate(270deg) skewX(60deg); }
.annual-wheel .marraskuu { transform: rotate(300deg) skewX(60deg); }
.annual-wheel .joulukuu { transform: rotate(330deg) skewX(60deg); }
.annual-wheel .slice a { font-weight: bold; display: block; width: 200%; height: 200%; transform: skew(-60deg) rotate(-75deg); box-shadow: 0 0 .1em black;color: #f6d503 !important;font-size: 18px;line-height: 2.3; text-align: center; text-decoration: none; transition: 1s; background-color: #000; text-transform: uppercase; }
.annual-wheel .slice a:hover { background-color: #f6d503; color: #000 !important; text-decoration: none; }
.annual-tablepress { min-width: 100%; }


.icon-links .owl-carousel {padding: 0 45px; position: relative;}
.icon-links .owl-carousel .owl-nav .owl-prev {position: absolute; left: 15px; top: 50%; font-size: 60px; line-height: 1; transform: translateY(-50%);}
.icon-links .owl-carousel .owl-nav .owl-next {position: absolute; right: 15px; top: 50%; font-size: 60px; line-height: 1; transform: translateY(-50%);}
.icon-link-item {padding: 0 15px;}
.icon-link-img {height: 0; padding-bottom: 66%;}
.icon-links .icon-text {text-align: center; margin-top: 10px;}

body .content .with_frm_style .frm_primary_label {color: #fff; font-family: 'Barlow Condensed' !important; font-size: 18px; font-weight: 400;}
.with_frm_style input[type="text"], .with_frm_style input[type="password"], .with_frm_style input[type="email"], .with_frm_style input[type="number"], .with_frm_style input[type="url"], .with_frm_style input[type="tel"], .with_frm_style input[type="search"], .with_frm_style select, .with_frm_style textarea {border-radius: 0 !important; padding: 15px !important; }
body .frm_style_formidable-style.with_frm_style .frm_submit {text-align: center;}
body .frm_style_formidable-style.with_frm_style .frm_submit button {min-width: 150px; background: #fff; padding: 15px 30px; line-height: 1.5; color: #f80013; text-transform: uppercase; font-family: 'Barlow Condensed' !important; font-style: italic; font-weight: 700; border-radius: 0; border: 0; box-shadow: none; display: inline-block; font-size: 24px;}
body .frm_style_formidable-style.with_frm_style .frm_submit button:hover, body .frm_style_formidable-style.with_frm_style .frm_submit button:focus {background: #fedf02; color: #000;}

@media (min-width: 1600px) {
	.banner-container .carousel-caption {bottom: 30%;}
}
@media (max-width: 1599px) {
	.banner-container .carousel-caption {bottom: 30%;}
}

@media (max-width: 1199px) {
	.banner-container .carousel-caption {bottom: 10%;}
	.banner-container .carousel-caption h1 {font-size: 60px;}
	.banner-container .carousel-caption h1, .banner-container .carousel-caption h2 {font-size: 60px !important;}
	.col-content_carousel .content-carousel-container > div.owl-carousel-arrow.owl-carousel-arrow-left { left:-5px; }
	.col-content_carousel .content-carousel-container > div.owl-carousel-arrow.owl-carousel-arrow-right { right:-5px; }
    .navigation-container #mega-menu-wrap-navigation-menu {width: 100%;}
}

@media (max-width: 1299px) {
	.blog-10 .banner-container .carousel-caption h1, .blog-10 .banner-container .carousel-caption h2 {font-size: 80px !important;}
	.blog-10 .banner-container .carousel-caption .subtitle {font-size: 50px; }
	.blog-10 .banner-container-low .owl-carousel .carousel-caption {align-self:flex-end; }
}

@media (max-width: 991px) {
	#mega-menu-wrap-max_mega_menu_1 {width: 100%;}
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu { padding-left: 10px; width: 100% !important;}
	.navigation-container.navigation-container4 {top: 0 !important; position:absolute;}
	.navigation-container.navigation-container4 .navbar-brand {top: 0 !important;}
	.mega-menu-max_mega_menu_1-mobile-open .navigation-container.navigation-container4 .navbar-brand img { height: 30px !important; }
	.banner-container .carousel-caption h1, .banner-container .carousel-caption h2 {font-size: 48px !important;}
	body.home .banner-container {height: 500px !important;}
	body:not(.home ) .banner-container {height: 400px !important;}
	.banner-container > div, .owl-carousel {height: 100% !important;}
	.banner-container .owl-carousel .owl-stage-outer {height: 100% !important; padding: 0 !important;}
	
	.blog-10 .banner-container .carousel-caption h1, .blog-10 .banner-container .carousel-caption h2 { font-size: 60px !important; }
	.blog-10 .banner-container .carousel-caption .subtitle {font-size: 30px; }
	.blog-10 .banner-container-low .owl-carousel .carousel-caption {align-self:center; }
}

@media (max-width: 767px) {
	.topbar-container.topbar-container2 { display:none; }
	.navigation-container.navigation-container1 { top:0; }
	.content-12c2.twocolor { background-image: linear-gradient(180deg, #f7d920 44px, #000 0%); }
	.twocolor .col-news_carousel > .col-sm-12 {width: 100%; background:transparent; }
	.twocolor .col-news_carousel > .owl-carousel {width: 100%; padding-top:10px; padding-bottom:10px; }
	.twocolor .col-news_carousel > .owl-carousel > .owl-stage-outer > .owl-stage { display:flex; flex-wrap:nowrap; align-items:center; }
	.twocolor .col-news_carousel > .owl-carousel > .owl-stage-outer > .owl-stage .owl-item { float:none; }
	.twocolor .col-news_carousel > .owl-carousel > .owl-stage-outer > .owl-stage .news-carousel-title { line-height:1.4; }
	.sections .col-content_highlights .content-highlight-inner {min-width: auto; width: 100%; }
	.sections .col-content_highlights .content-highlight .content-highlight-inner > h3 {font-size: 14px !important;}
	.banner-container .carousel-caption h1 {font-size: 30px;}
	.banner-container .carousel-caption .subtitle {font-size: 30px;}
    .news-highlight-container {margin-bottom: 15px;}
    .bottombar-container1 > .container > .row > .col {flex-basis: 33.3%;}
    .annual-wheel .slice a { font-size: 14px; }
    .annual-tablepress .column-1 { width: auto; }
    .annual-tablepress .column-2 { width: auto; }
}
@media (max-width: 576px) {
	.col-relational_navigation { margin-top:20px; border-top:1px solid #eee; padding-top:10px; }
	.koovee-salibandy-content-pages .col-persons_highlights .person-info h2.title { margin-top:5px !important; margin-bottom:15px !important; }
    .annual-wheel nav { margin: 2em auto; width: 100%; padding: 15px; }
    .annual-wheel .slice a { font-size: 10px; }
	
	.blog-10 .banner-container .carousel-caption h1, .blog-10 .banner-container .carousel-caption h2 { font-size: 40px !important; }
}