/*
Theme Name: ounasvaara teema
Version: 1.0
*/
/**
 * Punainen: #cc0033
 * Mattamusta/harmaa: #333333
*/
body {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #333333;
    background: #fff;
}

.clear {
    clear: both;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

iframe {
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Libre Baskerville', serif;
}

h1 {
    font-weight: 600;
}

h3 {
    margin-top: 25px;
    margin-bottom: 20px;
    font-size: 32px;
}

h2 {
    font-size: 30px;
    font-weight: 400;
    margin-top: 35px;
    margin-bottom: 35px;
}

h5 {
    margin: 30px 0 10px;
    font-size: 20px;
}

span.red,
strong.red {
    color: #cc0033;
}

a {
    color: #1C1C1C;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

a:focus {
    color: #1C1C1C;
    text-decoration: none;
}

.page-template-default .page-wrapper a:not(.btn) {
    color: #cc0033;
}

p {
    margin: 0 0 15px;
}

a:hover,
a:active {
    color: #1C1C1C;
    text-decoration: none;
}

::-webkit-input-placeholder {
    color: #5f5f5f;
}

:-moz-placeholder {
    color: #5f5f5f;
}

::-moz-placeholder {
    color: #5f5f5f;
}

:-ms-input-placeholder {
    color: #5f5f5f;
}

:placeholder-shown {
    /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color: #5f5f5f;
}

address {
    margin: 0;
    font-style: italic;
}

.scroll_to_top {
    position: fixed;
    bottom: 20px;
    right: 0;
    padding: 10px 13px;
    background: #bf002b;
    color: #ffffff;
    font-size: 13px;
    z-index: 9999;
    display: none;
    cursor: pointer;
    transition: all 400ms linear;
    text-transform: uppercase;
}

.scroll_to_top i {
    display: block;
    float: left;
    margin-right: 8px;
}

.scroll_to_top:hover {
    background: #323232;
}

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

.img-white-border {
    border: 10px solid #fff;
}

img.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

img.aligncenter {
    margin: 45px auto;
    display: block;
}

img.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
    background: #fff;
    padding: 10px 15px;
    border: 1px solid rgba(204, 204, 204, 0.75);
    width: 100%;
    box-sizing: border-box;
    outline: none;
    font-weight: normal;
    font-size: 16px;
    color: #323232;
}

.dataTables_wrapper label input[type="search"] {
    margin-left: 10px;
}

.tablepress th:first-child,
.tablepress td:first-child {
    min-width: 170px;
}

label input[type="checkbox"] {
    display: none;
}

label input[type="checkbox"]+span {
    position: relative;
    display: inline-block;
    padding-left: 25px;
}

label input[type="checkbox"]+span:before {
    content: '';
    background: #fff;
    width: 18px;
    height: 17px;
    left: 0;
    top: 2px;
    position: absolute;
}

label input[type="checkbox"]:checked+span:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    color: #cc0033;
    line-height: 14px;
    font-size: 12px;
    padding: 2px 3px;
}

.wpcf7-checkbox:after {
    content: '';
    clear: both;
    display: block;
}

.wpcf7-checkbox .wpcf7-list-item {
    float: left;
    width: 50%;
    margin-right: 0;
}

textarea {
    height: 120px;
}

span.wpcf7-list-item {
    margin-left: -4px;
    margin-right: 15px;
}

label {
    cursor: pointer;
    font-weight: 400;
    position: relative;
    z-index: 999;
}

input[type="submit"] {
    border: 1px solid #cc0033;
    color: #fff;
    font-weight: 300;
    padding: 10px 40px 10px 20px;
    font-size: 20px;
    opacity: 1;
    position: relative;
    background: #cc0033 url('images/arrow.png') no-repeat right 10px center;
    border-radius: 0;
    text-decoration: none !important;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    position: relative;
    outline: none;
    text-transform: uppercase;
    opacity: 1;
}

.btn,
.more-link a {
    border: 1px solid #cc0033;
    color: #fff;
    font-weight: 300;
    padding: 10px 20px;
    font-size: 16px;
    opacity: 1;
    position: relative;
    background: #cc0033;
    border-radius: 0;
    text-decoration: none !important;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    position: relative;
    text-transform: uppercase;
}

.btn:focus {
    color: #fff;
}

.btn:hover,
.btn:active,
.btn-primary:focus,
.more-link a:hover {
    background: #fff;
    color: #cc0033;
    transition: all 0.3s ease-in-out;
}

.btn:hover:before {
    width: 40px;
    background-position-x: 15px;
    transition: all 0.2s ease-in-out;
}

input[type="submit"]:hover {
    opacity: 0.7;
}

.btn-large {
    padding: 10px 20px 10px 66px;
    font-size: 20px;
}

.btn-large:before {
    background-position-x: 15px;
    width: 46px;
}

.btn-large:hover:before {
    background-position-x: 20px;
    width: 51px;
}

.btn-gray:before {
    background-color: #222220;
}

.btn-green {
    background: #738801;
    border-color: #738801;
}

.btn-green:hover {
    background: transparent;
    color: #738801;
}

.more-link {
    text-align: right;
    margin-bottom: 30px;
}

/* Header */
.header {
    background: #fff;
    width: 100%;
    position: absolute;
    z-index: 100;
    top: 0;
    transition: all 0.3s ease-in-out;
}

.header-sticky {
    position: fixed;
    z-index: 100;
    top: 0;
}

.header .container {
    position: relative;
    z-index: 100;
}

.header-bottom {
    background: #333333;
}

.header-bottom .container {
    position: relative;
}

.header-bottom .widget {
    float: right;
    color: #cccccc;
}

.header-bottom .widget:first-child {
    margin-right: 180px;
}

.header-bottom .widget:last-child {
    float: right;
}

.header-bottom .widget a {
    color: #cccccc;
}

.header-bottom .widget:first-child a {
    display: block;
    font-size: 16px;
    float: left;
    line-height: 48px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    transition: all 0.3s ease-in-out;
}

.header-bottom .widget:first-child a:hover {
    color: #fff;
}

.header-bottom .widget:first-child a.with-text {
    margin-right: 15px;
}

.header-bottom .widget:first-child a .fa {
    display: block;
    font-size: 16px;
    border: 3px solid #ccc;
    width: 35px;
    text-align: center;
    float: left;
    border-radius: 35px;
    line-height: 28px;
    margin: 7px 3px;
}

.header-bottom .widget:first-child a:hover .fa {
    border-color: #fff;
    color: #fff;
}

.header-bottom .widget:first-child a.with-text .fa {
    margin-right: 8px;
}

.header-bottom .widget:last-child .widget-title {
    display: none;
}

.header-sticky .header-rovaniemi {
    display: none;
}

.header-sticky .logo img {
    height: 85px;
}

.header-sticky .navbar li a {
    padding: 25px 11px 23px;
    font-size: 17px;
}

.header-sticky .header-bottom {}

.header-sticky {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.42);
}

.language-chooser {
    list-style: none;
    margin: 0;
    padding: 0;
}

.language-chooser li {
    display: inline-block;
    padding: 12px 4px;
    height: 42px;
    opacity: 0.6;
}

.language-chooser li.active {
    opacity: 1;
}

.language-chooser li a img {
    width: 25px;
}

.logo {
    position: absolute;
}

.logo img {
    height: 135px;
    display: block;
}

.header-rovaniemi {
    float: left;
    margin-left: 360px;
}

.main_navbar {
    float: right;
}

.navbar {
    list-style: none;
    padding: 0;
    margin: 0;
    min-height: 0;
    border: none;
}

.navbar li {
    display: inline-block;
}

.navbar li a {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    margin: 0;
    line-height: 22px;
    padding: 38px 9px 36px;
    transition: opacity 0.3s ease-in-out;
    font-family: 'Libre Baskerville', serif;
}

.navbar li:last-child a {
    border: none;
    padding-right: 0;
}

.navbar li a:hover {
    color: #cc0033;
    transition: color 0.3s ease-in-out;
}

.header.header-sticky {}

.navbar li.current-menu-item a {
    color: #cc0033;
}

.navbar li.current-menu-item a:hover {
    color: #cc0033;
}

.mobile-navbar {
    display: none;
    float: none;
    margin: 0 -15px;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    clear: both;
}

.mobile-navbar>li {
    float: none;
    display: block;
}

.mobile-navbar>li a {
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    width: 100%;
    padding: 15px 20px 14px;
    margin: 0;
}

.open-mobile-menu {
    display: none;
    color: #cc0033 !important;
    text-decoration: none !important;
    float: right;
    padding: 24px 25px 18px;
    margin-right: -15px;
}

.open-mobile-menu:active,
.open-mobile-menu:hover,
.open-mobile-menu:focus {
    color: #fff;
}

.header-sticky .open-mobile-menu {
    padding: 3px 15px 0;
}

.open-mobile-menu:after {
    content: '\f0c9';
    font-family: 'FontAwesome';
    font-size: 32px;
}

.page-wrapper {
    margin-top: 144px;
}

.home .page-wrapper {}

.content {
    padding: 25px 0 60px;
}

.header-bottom .languages {
    position: absolute;
    top: 10px;
    left: 225px;
}

.header-bottom .languages a {
    opacity: 0.8;
    transition: opacity 0.3s ease-in-out;
    display: inline-block;
    margin: 3px;
}

.header-bottom .languages a:hover {
    opacity: 1;
}

.header-bottom .languages a img {
    max-height: 20px;
}

/* lcp_catlist */
.lcp_catlist {
    list-style: none;
    margin: 10px 0;
    padding: 0;
}

.lcp_catlist li {
    display: block;
}

.lcp_catlist li:after {
    clear: both;
    content: '';
    display: block;
}

/* Slider */
.slider-image {
    height: 660px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.slider-caption {
    position: absolute;
    left: 100px;
    top: 145px;
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    width: 600px;
    z-index: 200;
}

.slider-caption h1 {
    font-weight: 600;
    font-size: 40px;
    margin-bottom: 25px;
    color: #fff;
    border: none;
}

.slider-caption a {
    display: block;
    color: #fff;
    font-size: 17px;
}

.slider-caption a:after {
    content: '>>';
    display: inline-block;
    margin-left: 9px;
}

.slider-caption a:hover {
    color: #fff;
}

.overlay {
    text-align: center;
    max-width: 350px;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-size: 18px;
    margin-top: 70px;
    margin-left: 50px;
}

.overlay.right {
    float: right;
}

.overlay h2 {
    margin: 0 0 25px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 32px;
    text-shadow: none;
    color: #fff;
}

.overlay h2 span {
    display: block;
    color: #4EAE31;
    font-size: 70px;
}

.overlay .btn {
    margin-bottom: 20px;
}

.ounasvaara-slider2.slick-slider {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    float: none;
    height: 390px;
    z-index: 100;
}

.ounasvaara-slider2 .slider-image {
    height: 390px;
    background-position: center top;
    position: relative;
}

.ounasvaara-slider2 .slider-image .slider-caption,
.ounasvaara-slider2 .slider-image:before {
    display: none;
}

.page-regular {
    margin-top: 172px;
    padding-top: 1px;
}

.page-regular h1:first-child {
    margin-top: 0;
}

div.wpcf7-response-output {
    background: #fff;
    color: #2F2F2E;
}

/* Gallery */
.isotopeMenu {
    display: none !important;
}

.beaconCircle1 {
    background: rgba(78, 174, 49, 0.75) !important;
}

.beaconCircle2 {
    background: rgba(78, 174, 49, 0.75) !important;
}

/* Slick */
.slider-wrapper {
    background: #cc0033;
}

.slider-wrapper:after {
    clear: both;
    content: '';
    display: block;
}

.slick-dots {
    bottom: 10px;
}

.slick-dots li,
.slick-dots li button {
    width: 25px;
    height: 30px;
}

.slick-dots li button:before {
    font-size: 20px;
    width: 25px;
    height: 30px;
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.64);
}

.slick-dots li.slick-active button:before {
    opacity: 0.8;
    color: #4EAE31;
}

.slick-slider {
    margin-bottom: 0;
}

.ounasvaara-slider.slick-slider {
    float: left;
    width: 890px;
}

.slider-widgets {
    float: left;
    width: 340px;
}

.slider-widgets .widget:first-child {
    background: #cc0033;
    color: #fff;
    padding: 30px;
}

.slider-widgets .widget:first-child span {
    clear: left;
    float: left;
    display: block;
    width: 160px;
}

.slider-widgets .widget:nth-child(2) {
    text-align: center;
}

.slider-widgets a.social,
.sidebar-social a.social {
    display: inline-block;
    font-size: 16px;
    line-height: 48px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    transition: all 0.3s ease-in-out;
    color: #fff;
}

.slider-widgets a.social .fa,
.sidebar-social a.social .fa {
    display: block;
    font-size: 16px;
    border: 3px solid #fff;
    width: 35px;
    text-align: center;
    float: left;
    border-radius: 35px;
    line-height: 28px;
    margin: 7px 5px;
}

.sidebar-social a.social:hover,
.slider-widgets a.social:hover {
    opacity: 0.6;
}

.sidebar-social {
    text-align: center;
    clear: both;
    padding-top: 10px;
}

.slider-widgets .widget h3 {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    margin: 35px 0 10px;
    font-weight: 600;
}

.slider-widgets .widget h3:first-child {
    margin-top: 0;
}

.slider-widgets .widget p:last-child {
    margin: 0;
}

.slider-widgets .widget a {
    color: #fff;
}

/* Sidebar */
.sidebar .widget {
    background: #f2f2f2;
    border-bottom: 2px solid #fff;
    padding: 25px;
}

.sidebar .widget h3 {
    font-size: 20px;
    font-weight: 600;
}

.sidebar .widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar .widget ul li a {
    display: block;
    color: inherit;
    font-weight: 600;
    text-transform: uppercase;
    padding: 16px 25px 14px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: -1px -25px 0;
    font-size: 14px;
    transition: background 0.3s ease-in-out;
}

.sidebar .widget ul li a:hover {
    background: #333;
    color: #fff;
}

.sidebar .widget ul li a:after {
    content: '>>';
    display: inline-block;
    margin-left: 5px;
}

.sidebar .widget:first-child {
    background: #cc0033;
    color: #fff;
    padding: 25px 30px 22px;
    border: none;
    min-height: 500px;
}

.sidebar .widget:first-child span {
    clear: left;
    float: left;
    display: block;
    width: 140px;
}

.sidebar .widget:first-child h3 {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    margin: 35px 0 10px;
    font-weight: 600;
}

.sidebar .widget h3:first-child {
    margin-top: 0;
}

.sidebar .widget p:last-child {
    margin: 0;
}

.sidebar .widget:first-child a {
    color: #fff;
}

.sidebar .widget_text:not(:first-child, .widget_custom_html) {
    font-size: 14px;
    position: relative;
    transition: background 0.3s ease-in-out;
}

.sidebar .widget_text:not(:first-child, .widget_custom_html) a:last-child {
    position: absolute;
    display: block;
    z-index: 200;
    opacity: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.sidebar .widget_text:not(:first-child, .widget_custom_html) h3 {
    color: #c03;
    margin-bottom: 5px;
    font-size: 18px;
}

.sidebar .widget_text:not(:first-child, .widget_custom_html):after {
    content: '\f105';
    font-family: FontAwesome;
    position: absolute;
    right: 22px;
    top: 22px;
    color: #ccc;
    font-size: 35px;
}

.sidebar .widget_text:not(:first-child, .widget_custom_html):hover {
    background: #333;
    color: #fff;
}

.sidebar .widget_text:not(:first-child, .widget_custom_html):hover h3 .sidebar .widget_text:not(:first-child, .widget_custom_html):hover:after {
    color: #fff;
}

.sidebar .widget-spacer {
    border-bottom: none;
}

.sidebar .widget_nav_menu {
    padding-bottom: 0;
    border-bottom: 0;
}

/* Footer */
.footer-top {
    background: #bf002b;
    padding: 5px 0 0px;
    color: #fff;
    text-align: center;
}

.footer-top a.social {
    display: inline-block;
    font-size: 16px;
    line-height: 48px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    transition: all 0.3s ease-in-out;
    color: #fff;
}

.footer-top a.social .fa {
    display: block;
    font-size: 16px;
    border: 3px solid #fff;
    width: 35px;
    text-align: center;
    float: left;
    border-radius: 35px;
    line-height: 28px;
    margin: 7px 3px;
}

.footer-top a.social:hover {
    opacity: 0.6;
}

.footer-bottom {
    background: #333333;
    text-align: center;
    padding: 20px 0;
    position: relative;
    color: #afafaf;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

.footer-bottom p {
    margin: 0;
}

.footer-bottom a {
    color: #fff;
}

.footer-bottom ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-bottom li {
    display: inline-block;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #fff;
}

.footer-bottom li:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}

.footer-bottom img {
    position: absolute;
    display: block;
    width: 100px;
    top: -42px;
    right: 55px;
}

.footer {
    color: #333;
    background: #cccccc;
    position: relative;
    padding: 60px 0 45px;
}

.footer h3.widget-title {
    margin-top: 0;
    margin-bottom: 15px;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

.footer h3.widget-title a {
    color: #cc0033;
}

.footer h3.widget-title a:hover {
    color: #fff;
}

.footer .widget {
    padding: 0 45px;
}

.footer iframe {
    width: 100% !important;
    height: 310px;
}

.footer input[type="text"],
.footer input[type="email"],
.footer input[type="password"],
.footer textarea,
.footer select {
    border: none;
    color: #323232;
}

.footer .footer-widgetarea {
    padding: 40px;
    color: #B9B9B9;
}

.footer a {
    color: #333;
    transition: color 0.3s ease-in-out;
}

.footer a:hover {
    color: #cc0033;
    transition: color 0.3s ease-in-out;
}

.footer ul {
    list-style: none;
    padding: 0;
}

.footer ul li a {
    color: #E0E0E0;
    font-weight: 400;
    display: block;
    padding: 2px 10px 2px 40px;
    position: relative;
}

.footer ul li a:hover {
    color: #cc0033;
}

.footer .wpcf7 textarea {
    height: 114px;
    width: 100%;
}

.footer span.wpcf7-list-item {
    display: block;
}

.footer .wpcf7-checkbox {
    margin-bottom: 0;
}

.footer .wpcf7 .btn {
    width: auto;
}

.footer .wpcf7 p {
    margin-bottom: 10px;
}

.footer .wpcf7 .wpcf7-submit {
    margin-top: 10px;
}

.footer .wpcf7 h4 {
    margin: 20px 0 15px;
    text-transform: uppercase;
}

.footer .wpcf7 h4:first-child {
    margin-top: 0;
}

.footer .wpcf7 label input[type="checkbox"]+span {
    font-size: 14px;
}

.footer-widgetarea-1 h3.widget-title {
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    margin: 0 0 5px;
}

.footer-widgetarea-1 img {
    margin-top: 20px;
}

.footer-widgetarea-1 a {
    transition: all 0.5s ease-in-out;
}

.footer-widgetarea-1 a:hover {
    opacity: 0.7;
    transition: all 0.5s ease-in-out;
}

.footer a.tel {
    font-size: 28px;
    font-weight: 800;
    color: #cc0033;
    line-height: 28px;
}

.footer-widgetarea-1 p {
    display: block;
    max-width: 410px;
}

.footer-widgetarea-1 {
    position: relative;
}

.footer a.tel:hover {
    color: #fff;
}

#fb-root {
    display: none;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

.page-wrapper .fa {
    margin-right: 5px;
}

.main-content {
    padding: 45px 30px 30px;
}

h1 {
    border-bottom: 3px solid #333;
    padding-bottom: 10px;
    color: #333;
    display: block;
    margin: 0 0 30px;
    padding: 25px 0 0;
    font-size: 30px;
}

/* Blog */
.postthumb {
    margin-bottom: 20px;
}

.postthumb img {
    width: 100%;
}

.entry-meta {
    margin-bottom: 15px;
}

.entry-meta a,
.entry-utility a {
    color: #cc0033;
}

.entry-title {
    margin-top: 20px;
}

.category .col-sm-8,
.single .col-sm-8 {
    padding-right: 60px;
}

.isotopeItemOverlay {
    opacity: 0 !important;
    z-index: 900;
}

.isotope-item:after {
    content: '';
    position: absolute;
    display: block;
    opacity: 0;
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    z-index: 800;
    background: rgba(204, 0, 51, 0.48);
    transition: 0.3s all ease-in-out;
}

.isotope-item:hover:after {
    opacity: 1;
    left: 0;
    top: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
}

/* Hide WP-admin bar */
#wpadminbar {
    display: none;
}

html.no-js {
    margin-top: 0 !important;
}

/* Sections */
.frontpage-widgets-2:after,
.frontpage-widgets-3:after,
.frontpage-widgets-5:after,
.frontpage-widgets-6:after,
.frontpage-widgets-7:after,
.frontpage-widgets-8:after {
    clear: both;
    content: '';
    display: block;
}

.frontpage-widgets-2 .widget {
    float: left;
    width: 410px;
    background: #f2f2f2;
    padding: 25px;
}

.frontpage-widgets-2 .widget:nth-child(2) {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.frontpage-widgets-2 .widget h3 {
    color: #cc0033;
    font-weight: 600;
    font-size: 26px;
    margin: 0 0 10px;
}

.frontpage-widgets-2 .widget p:last-child {
    margin: 0;
}

.frontpage-widgets-3 {
    margin-right: -1px;
}

.frontpage-widgets-3 .widget {
    float: left;
    width: 410px;
    border-right: 1px solid #fff;
    position: relative;
}

.frontpage-widgets-3 .widget span {
    display: block;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    bottom: 15px;
    right: 15px;
    padding-right: 30px;
}

.frontpage-widgets-3 .widget span:after {
    display: block;
    position: absolute;
    top: -1px;
    right: 0;
    content: '>>';
}

.frontpage-content {
    padding: 70px;
    margin: 0 auto;
    text-align: center;
    max-width: 650px;
}

.frontpage-widgets-4 {
    height: 390px;
    position: relative;
    padding: 0 155px;
    margin-top: 80px;
}

.frontpage-widgets-4 .widget {
    border: 5px solid #cc0033;
    width: 190px;
    height: 190px;
    border-radius: 120px;
    float: left;
    margin: -95px 20px 0;
    padding: 5px;
    position: relative;
    z-index: 200;
    transition: border-color 0.3s ease-in-out;
}

.frontpage-widgets-4 .widget .textwidget {
    color: #fff;
    text-align: center;
    background: #cc0033;
    width: 170px;
    height: 170px;
    border-radius: 120px;
    font-weight: 600;
    font-size: 16px;
    padding: 42px 10px;
    transition: background 0.3s ease-in-out;
}

.frontpage-widgets-4 .widget a {
    position: absolute;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    opacity: 0;
    border-radius: 200px;
    display: block;
}

.frontpage-widgets-4 .widget:hover {
    border-color: #333;
}

.frontpage-widgets-4 .widget:hover .textwidget {
    background: #333;
}

.frontpage-widgets-4 .widget span {
    font-size: 34px;
    line-height: 34px;
    font-family: 'Libre Baskerville', serif;
}

.frontpage-widgets-4 .widget span.small {
    font-size: 12px;
    font-weight: 400;
}

.frontpage-widgets-6 .widget {
    float: left;
    width: 410px;
    border-right: 1px solid #fff;
    position: relative;
}

.frontpage-widgets-8 .widget {
    float: left;
    width: 410px;
    border-right: 1px solid #fff;
    position: relative;
}

.frontpage-widgets-5 .widget,
.frontpage-widgets-7 .widget {
    float: left;
    width: 410px;
    background: #f2f2f2;
    min-height: 182px;
}

.frontpage-widgets-5 .widget,
.frontpage-widgets-7 .widget {
    border-right: 1px solid #fff;
    position: relative;
    transition: background 0.3s ease-in-out;
}

.frontpage-widgets-5 .widget:nth-child(3n+4),
.frontpage-widgets-7 .widget:nth-child(3n+4) {
    clear: both;
}

.frontpage-widgets-5 .widget:hover,
.frontpage-widgets-7 .widget:hover {
    background: #333;
    color: #fff;
}

.frontpage-widgets-5 .widget h3,
.frontpage-widgets-7 .widget h3 {
    font-weight: 600;
    font-size: 26px;
    margin: 0 0 40px;
    padding: 40px 30px 0;
    display: block;
}

.frontpage-widgets-5 .widget p,
.frontpage-widgets-7 .widget p {
    margin: 0;
}

.frontpage-widgets-5 .widget p:not(:last-child),
.frontpage-widgets-7 .widget p:not(:last-child) {
    padding: 0 30px;
    display: block;
    margin-bottom: 10px;
    min-height: 80px;
}

.frontpage-widgets-5 .widget a,
.frontpage-widgets-7 .widget a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}

/* --------- */
.catlist-ajankohtaista {
    margin: 0 -40px;
}

.catlist-ajankohtaista li {
    margin-bottom: 15px;
    float: left;
    padding: 0 40px;
    width: 50%;
}

.lcp_catlist img {
    float: left;
    display: block;
    margin: 0 20px 20px 0;
    width: 30%;
}

.lcp_catlist h3 {
    color: #cc0033;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 10px;
}

.lcp_catlist h3 a {
    color: inherit;
}

.post {
    margin-bottom: 45px;
    padding-bottom: 45px;
    border-bottom: 1px solid #f1f1f1;
}

.post:last-child {
    border: none;
    margin: 0;
    padding: 0;
}

.single .entry-title {
    display: none;
}

.qtranxs-available-languages-message {
    display: none;
}

.table-hinnasto {
    margin-bottom: 60px;
}

.table-hinnasto td:first-child {
    min-width: 150px;
}

.red {
    color: red;
}

.blue {
    color: blue;
}

/* Tapahtumat slider */
.tapahtumat-wrapper {
    background: #f2f2f2;
}

.tapahtuma {
    width: 100%;
    border-right: 1px solid #fff;
    position: relative;
    text-align: center;
}

.tapahtuma:after {
    content: 'Tutustu >>';
    color: #fff;
    position: absolute;
    text-transform: uppercase;
    font-weight: 600;
    bottom: 15px;
    right: 25px;
    display: none;
}

.tapahtuma .tapahtuma-content {
    background: #f2f2f2;
    padding: 25px;
    font-size: 14px;
}

.tapahtuma .tapahtuma-content strong {
    display: block;
    font-size: 16px;
}

.tapahtuma h3 {
    color: #cc0033;
    font-weight: 600;
    font-size: 26px;
    margin: 0 0 10px;
}

.tapahtuma p {
    margin: 0;
}

.tapahtuma a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 100;
}

.slick-prev {
    left: 15px;
}

.slick-next {
    right: 15px;
}

.slick-prev,
.slick-next {
    height: 60px;
    width: 60px;
    top: 22px;
    margin-top: 0;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'FontAwesome';
    font-size: 50px;
    line-height: 1;
    opacity: 1;
    color: #ccc;
}

.slick-prev:before {
    content: '\f104';
}

.slick-next:before {
    content: '\f105';
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0;
}

.featured-image {
    margin: 0 -30px 15px 0;
}

.scroll-nav {
    padding: 10px 0 45px;
}

.scroll-nav a {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
}

.scroll-nav a:last-child {
    margin-right: 0;
}

.scroll-nav:after {
    clear: both;
    content: '';
    display: block;
}

section {
    padding: 30px;
    background: #f5f5f5;
    margin-bottom: 30px;
}

section.page-title {
    padding: 0;
    background: transparent;
    margin: 0;
}

section.gray {
    background: #f5f5f5;
}

section h3 {
    margin: 0 0 20px;
    font-size: 24px;
}

section h5 {
    font-family: inherit;
    color: #bf002b;
}

section p:last-child {
    margin: 0;
}

.page-id-11 .scroll-nav {
    padding-bottom: 0;
}

.page-id-11 section {
    padding: 45px 0 20px;
    border-bottom: 1px solid #eee;
    margin: 0;
    background: transparent;
}

.page-id-11 section:last-child {
    border: none;
}

.dataTables_filter {
    margin-top: -58px;
}

.footer-widgets .widget span {
    clear: left;
    float: left;
    display: block;
    width: 100px;
}

img.full-width {
    margin: 20px -30px;
    max-width: none;
}

img.full-width-bottom {
    margin-bottom: -30px;
}

.header-languages {
    position: absolute;
    right: 30px;
    cursor: pointer;
    padding: 9px 25px 8px 10px;
    width: 120px;
}

.header-languages .select-language {
    margin: 7px 0 0 -15px;
    padding: 0;
    list-style: none;
    display: none;
    width: 125px;
}

.header-languages img {
    width: 30px;
    border-radius: 30px;
    display: block;
    float: left;
}

.header-languages span {
    display: block;
    float: left;
    padding: 4px 14px;
    font-size: 17px;
    font-weight: 600;
}

.header-languages a:after,
.header-languages .current-lang:after {
    clear: both;
    content: '';
    display: block;
}

.header-languages:before {
    position: absolute;
    font-family: 'FontAwesome';
    right: 0;
    top: 7px;
    content: '\f107';
    font-size: 25px;
}

.select-language li a {
    display: block;
    background: #333333;
    padding: 8px 15px;
    width: 100%;
    border-top: 1px solid rgba(242, 242, 242, 0.35);
    transition: background 0.3s ease-in-out;
}

.select-language li a:hover {
    background: #cc0033;
    color: #fff;
}

.status-wrapper {
    padding: 15px;
    background: #404042;
    color: #cccccc;
}

.status-wrapper h3.widget-title {
    float: left;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: inherit;
    margin: 0;
    padding: 15px;
}

.status-wrapper .widget .textwidget {
    float: right;
}

.status-wrapper .widget:after {
    clear: both;
    content: '';
    display: block;
}

.status-wrapper .status {
    float: left;
    padding: 0 90px 0 55px;
    position: relative;
    text-align: center;
}

.status-wrapper .status:before {
    position: absolute;
    left: 0;
    top: 10px;
    background: url('images/status/rinteet.png') no-repeat;
    background-size: 100% auto;
    width: 32px;
    height: 32px;
    content: '';
    display: block;
}

.status-wrapper .status-hissit:before {
    background-image: url('images/status/hissit.png');
}

.status-wrapper .status-ladut:before {
    background-image: url('images/status/ladut.png');
}

.status-wrapper .status-saa:before {
    background: none;
    content: '\f2dc';
    font-family: 'FontAwesome';
    font-size: 30px;
    line-height: 30px;
}

.status-wrapper .status span {
    display: block;
    font-weight: 600;
    font-size: 20px;
}

.ounasvaara-tapahtumat-kuukaudet:after {
    clear: both;
    content: '';
    display: block;
}

.ounasvaara-tapahtumat-kuukaudet {
    padding: 0 15px 20px;
}

.ounasvaara-tapahtumat-kuukaudet .kuukausi {
    float: left;
    padding: 10px;
}

.page-template-default .page-wrapper .ounasvaara-tapahtumat-kuukaudet .kuukausi a {
    color: #333;
    font-weight: 600;
    font-size: 17px;
}

.page-template-default .page-wrapper .ounasvaara-tapahtumat-kuukaudet .kuukausi a:hover,
.page-template-default .page-wrapper .ounasvaara-tapahtumat-kuukaudet .kuukausi a:active {
    color: #cc0033;
}

.ounasvaara-tapahtumat .ounasvaara-tapahtuma {
    display: none;
    padding: 30px 0;
}

.ounasvaara-tapahtumat .ounasvaara-tapahtuma h2 {
    border-bottom: 2px solid;
    font-size: 28px;
    padding-bottom: 5px;
    display: block;
}

.ounasvaara-tapahtumat .ounasvaara-tapahtuma .image-container {
    padding-bottom: 25px;
}

.footer-top {
    padding-bottom: 10px;
}

.footer-top .widget:first-child h3.widget-title {
    display: block;
    float: left;
    font-family: inherit;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    width: 20%;
    text-align: left;
    padding: 11px;
}

.footer-top .widget:first-child:after {
    content: '';
    display: block;
    clear: both;
}

.footer-top .widget:first-child {
    padding: 20px 0;
}

.footer-top .widget:first-child .textwidget {
    float: left;
    width: 80%;
}

.footer-top .widget:first-child .textwidget input[type="email"] {
    display: block;
    float: left;
    width: 80%;
}

.footer-top .widget:first-child .textwidget input[type="submit"] {
    background: #333;
    font-size: 16px;
    padding: 12px 20px 11px;
    width: 20%;
    border: none;
    float: left;
}

.saawidget,
.status-wrapper .status.saawidget {
    font-size: 13px;
    padding-right: 10px;
}

.saawidget .item {
    float: left;
    padding: 5px 10px;
}

.saawidget .item span {
    display: inline-block;
    font-size: 14px;
}

.saawidget .item p {
    margin: 0;
}

.btn-black {
    background: #3abf00;
    border: 2px solid #3abf00;
}

.btn-black:hover {
    background: transparent;
    color: #3abf00 !important;
}

.no-padding-top {
    padding-top: 0;
}

.featured-header {
    color: #fff;
    text-align: left;
    padding: 60px;
    margin-right: -30px;
    font-size: 21px;
    text-shadow: 0 0 18px rgb(0, 0, 0);
    position: relative;
    background-size: cover;
    background-position: center;
    min-height: 500px;
}

.featured-header h1 {
    border: none;
    color: #fff;
    font-size: 36px;
    padding: 0;
    margin-bottom: 15px;
}

.featured-header h1,
.featured-header p {
    display: block;
    position: relative;
    z-index: 3;
}

.featured-header.rinteet {
    background-image: url('https://ounasvaara.fi/wp-content/uploads/2019/10/M-kuva_rinteet_2019.jpg?v=1.01');
}

.featured-header.hinnasto {
    background-image: url('https://ounasvaara.fi/wp-content/uploads/2019/10/M-kuva_hinnasto_7713.jpg');
}

.featured-header.palvelut {
    background-image: url('https://ounasvaara.fi/wp-content/uploads/2019/09/palvelut.jpg');
}

.featured-header.tapahtumat {
    background-image: url('https://ounasvaara.fi/wp-content/uploads/2017/08/tapahtumat.jpeg');
}

.featured-header.resort {
    background-image: url('https://ounasvaara.fi/wp-content/uploads/2019/09/resort-talvi.jpg');
}

.frontpage-col-1 {
    padding: 0;
    margin: 40px 0 60px;
}

.is_open {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9000;
    background: #2dcd71;
    border: 1px solid #2dcd71;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 15px;
    border-bottom-left-radius: 7px;
}

.status-wrapper .btn {
    display: block;
    float: left;
    padding: 8px 10px 7px;
    margin-top: 6px;
    font-size: 14px;
    font-weight: 500;
}

.status-wrapper .btn:hover {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

.status-wrapper .status-rinteet {
    padding-right: 50px;
}

.status-wrapper .status-hissit {
    padding-right: 60px;
}

.status-wrapper .status-ladut {
    padding-right: 50px;
    margin-left: 40px;
}

.header-bottom .status {
    float: left;
    padding: 0 20px 0 40px;
    position: relative;
    text-align: center;
}

.header-bottom .status:before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 32px;
    height: 32px;
    content: '';
    display: block;
}

.header-bottom .status-saa:before {
    content: '\f2dc';
    font-family: 'FontAwesome';
    font-size: 30px;
    line-height: 30px;
}

.header-bottom .status span {
    font-weight: 600;
}

.header-bottom .saawidget .item {
    padding: 6px 10px 0;
}

.header-bottom .saawidget .forecast:after {
    clear: both;
    content: '';
    display: block;
}

.entry-summary a,
.entry-content a {
    color: #cc0033;
}

.scroll-nav-summer {
    padding-bottom: 20px;
}

.frontpage-widgets-5 #text-28 h3 {
    padding: 27px 30px 0;
    margin-bottom: 25px;
}

.frontpage-widgets-5 #text-28 h3:after {
    content: 'Hissiliput suoraan keycardille';
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin-top: 6px;
}

.frontpage-footer .textwidget p {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    gap: 25px;
}

.widget .tablepress {
    font-size: 15px;
}

.widget .dataTables_length,
.widget .dataTables_filter {
    display: none;
}

.widget .tablepress td:first-child {
    min-width: 120px;
}

.widget .tablepress td:nth-child(n+1) {
    font-weight: bold;
}

.widget .tablepress>:where(thead, tfoot)>*>th,
.widget .tablepress>:where(tbody)>.even>* {
    background: none;
    color: inherit;
    min-width: 50px;
    padding: 4px 0;
}

.widget .tablepress>*+tbody>*>*,
.widget .tablepress>tbody>*~*>*,
.widget .tablepress>tfoot>*>* {
    border: none;
    padding: 4px 0;
}

@media (min-width: 1300px) {
    .page-cols {
        margin: 0;
    }

    .page-cols .col-md-8 {
        width: 870px;
        padding: 0 30px 0 0;
    }

    .page-cols .col-md-4 {
        width: 360px;
        padding: 0;
    }
}

@media (min-width: 990px) {
    .hide-on-desktop {
        display: none !important;
    }
}

@media (max-width: 990px) {
    .footer-top .widget:first-child h3.widget-title {
        width: 100%;
        float: none;
        text-align: center;
        padding-top: 0;
    }

    .footer-top .widget:first-child .textwidget {
        float: none;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .footer-top .widget:first-child .textwidget input[type="email"] {
        width: 70%;
    }

    .footer-top .widget:first-child .textwidget input[type="submit"] {
        width: 30%;
    }
}

@media (max-width: 1600px) {}

@media (min-width: 1300px) {
    .container {
        width: 1260px;
    }
}

@media (max-width: 1300px) {
    .frontpage-widgets-4 {
        padding: 0 110px;
    }

    .frontpage-widgets-2 .widget,
    .frontpage-widgets-3 .widget,
    .frontpage-widgets-5 .widget,
    .frontpage-widgets-6 .widget,
    .frontpage-widgets-7 .widget,
    .frontpage-widgets-8 .widget {
        width: 380px;
    }

    .header-rovaniemi {
        display: none;
    }

    .ounasvaara-slider.slick-slider {
        width: 70%;
    }

    .slider-widgets {
        width: 30%;
    }

    .sidebar .widget:first-child span {
        width: 130px;
    }
}

@media (max-width: 1201px) {
    .footer-widgetarea-1 p {
        max-width: none;
    }

    .navbar li a {
        font-size: 18px;
    }

    .ngg-gallery-thumbnail-box {
        width: 24%;
    }

    .slick-slider {
        width: 100% !important;
        float: none !important;
    }

    .slider-widgets {
        width: 100%;
        float: none;
    }

    .slider-widgets .widget {
        margin: 0 auto;
        width: 290px;
    }

    .slider-widgets .widget:nth-child(2) {
        padding-bottom: 20px;
    }

    .logo img {
        height: 80px;
    }

    .header-sticky .logo img {
        height: 60px;
    }

    .frontpage-widgets-2 .widget,
    .frontpage-widgets-3 .widget,
    .frontpage-widgets-5 .widget,
    .frontpage-widgets-6 .widget,
    .frontpage-widgets-7 .widget,
    .frontpage-widgets-8 .widget {
        width: 100%;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid #fff;
        min-height: 0;
    }

    .frontpage-widgets-4 {
        padding: 0 10px;
    }

    .header-bottom .languages,
    .header-languages {
        right: 15px;
    }

    .header-languages .select-language {
        margin-top: 6px;
    }

    .status-wrapper h3.widget-title {
        float: none;
        text-align: center;
    }

    .status-wrapper .widget .textwidget {
        float: none;
        text-align: center;
    }

    .status-wrapper .status {
        float: none;
        display: inline-block;
    }

    .status-wrapper .status:last-child {
        padding-right: 0;
    }

    .status-wrapper .btn {
        float: none;
        margin: 20px 0;
    }

    .status-wrapper .btn:last-child {
        margin-bottom: 0;
    }

    .sidebar .widget:first-child span {
        float: none;
        margin-top: 10px;
    }
}

@media (max-width: 991px) {
    .page-wrapper {
        margin-top: 135px;
    }

    .main_navbar {
        float: none;
        text-align: center;
    }

    .open-mobile-menu {
        display: block;
        cursor: pointer;
    }

    .navbar li:last-child a {
        padding-right: 20px;
    }

    .primary-navbar {
        display: none;
    }

    .header-bottom .widget:first-child {
        margin-left: 0;
    }

    .frontpage-widgets-4 {
        padding: 0 110px;
    }

    .frontpage-widgets-4 .widget {
        margin: 20px 30px 0;
    }

    .frontpage-widgets-4 .widget:nth-child(1),
    .frontpage-widgets-4 .widget:nth-child(2) {
        margin-top: -95px;
    }

    .featured-image {
        margin: 0 0 15px 0;
    }

    .header-bottom .widget {
        float: left;
    }

    .header-bottom .widget:first-child a.with-text.tapahtumat-linkki {
        display: none;
    }

    .menu-item-784 {
        display: none !important;
    }

    .is_open {
        padding: 4px 9px;
        font-size: 12px;
        line-height: 1;
        font-weight: 400;
    }

    .sidebar .widget:first-child span {
        float: left;
        margin-top: 0;
    }
}

@media (max-width: 769px) {
    h2 {
        font-size: 24px;
    }
	
	.page-wrapper {
        margin-top: 181px;
    }

    .row>div {
        margin-bottom: 30px;
    }

    .row>div:last-child {
        margin-bottom: 0;
    }

    .category .col-sm-8,
    .single .col-sm-8 {
        padding-right: 15px;
    }

    .sidebar {
        padding-bottom: 45px;
    }

    .slider-image {
        height: 250px;
    }

    .ngg-gallery-thumbnail-box {
        width: 48%;
        margin: 10px 1% 0 !important;
    }

    .slider-widgets .widget {
        float: none;
        width: 100%;
    }

    .slider-caption {
        display: none;
    }

    .slider-caption h1 {
        margin: 0 0 20px;
        font-size: 32px;
    }

    .frontpage-widgets-4 {
        height: auto;
        background: none;
        padding: 0 0 20px;
        margin-top: 0;
    }

    .frontpage-widgets-4 .widget {
        margin: 15px auto !important;
        float: none;
    }

    /*
    .frontpage-widgets-4 .widget {
        border-radius: 0;
        width: 100%;
        margin: 5px 0;
        height: auto;
        float: none;
    }

    .frontpage-widgets-4 .widget .textwidget {
        width: auto;
        border-radius: 0;
        padding: 25px 30px 10px;
        height: auto;
    }
    */
    .frontpage-content {
        padding: 25px;
        text-align: justify;
    }

    .scroll-nav a {
        width: 100%;
        float: none;
        margin: 0 0 10px;
    }

    .scroll-nav a:last-child {
        margin: 0;
    }

    .header-bottom .widget:first-child a.with-text {
        width: 42px;
        overflow: hidden;
        margin: 0 0 5px;
        height: 42px;
    }

    .status-wrapper .status {
        display: block;
        padding-right: 0;
        margin: 15px auto;
        width: 180px;
        padding-left: 32px;
    }

    .header-bottom .widget:first-child {
        margin-right: 0;
    }

    .header-bottom .widget:first-child a.with-text.rinnekartta-linkki {
        overflow: visible;
        width: auto;
        color: #fff;
        text-transform: none;
        font-size: 14px;
        padding-left: 5px;
        text-decoration: underline;
    }

    .header-bottom .widget:first-child a.with-text.rinnekartta-linkki .fa {
        display: none;
    }

    .header-languages {
        width: 100px;
    }

    .header-languages span {
        padding: 4px 0 0 10px;
    }

    .header-bottom .container {
        height: 94px;
    }

    .header-bottom .saawidget {
        float: none;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
    }

    .header-bottom .saawidget .item {
        float: none;
        display: inline-block;
    }

    .header-bottom .status-saa:before {
        left: 18px;
    }
}

@media (max-width: 500px) {
    .slider-image {
        height: 200px;
        background-size: auto 100%;
    }

    section.gray h1 {
        margin-top: 0;
        font-size: 26px;
    }

    .header-bottom .languages {
        left: 150px;
        top: -30px;
    }

    .header-bottom .languages a {
        float: left;
    }

    .header-bottom .languages a img {
        display: block;
        border: 1px solid #333333;
        max-height: 18px;
    }

    .featured-header {
        padding: 30px;
        margin: 0 -15px;
        min-height: 180px;
    }

    .featured-header h1 {
        font-size: 30px;
    }

    .frontpage-col-1 {
        padding: 0;
    }

    .slider-widgets .widget:first-child {
        padding: 20px;
    }

    .slider-widgets .widget:first-child span {
        width: 140px;
    }
}

@media (max-width: 420px) {
    .featured-header {
        background-position: center center;
        background-size: cover;
    }

    .featured-header h1 {
        font-size: 21px;
    }
}

@media (max-width: 400px) {}

@media (max-width: 360px) {}