/* Versio 12.10.2016 - Jani  */

/* Versio 10.10.2016 - Teemu  */



@import url('https://fonts.googleapis.com/css?family=BioRhyme:300,700|Raleway:400,400i,700,700i');



html {

	font-family: 'Raleway', sans-serif; /* Teemu */

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust:     100%;

	font-size: 14px; /* Tämä on root-fonttikoko */

	background-color: white;

	box-sizing: border-box;

}



body {

	font-family: 'Raleway', sans-serif; /* Teemu */

}



/* Linkit */

a {

	text-decoration: underline;

	color: rgb(82,149,166);

}

a:hover,

a:focus,

a:active {

	text-decoration: none;

	color: rgb(82,149,166);

}

.panel-title a, 

.breadcrumbs a {

	text-decoration: none;

}

.panel-title a:hover,

.breadcrumbs a:hover,

.footer-navi li a:hover {

	text-decoration: underline;

}



.intro-section h5 a {

    text-decoration: none;

}

.intro-section h5 a:hover {

    text-decoration: underline;

}

/*--------------------------------------------------------------

## Elementtien värit ja hover yms tilat

--------------------------------------------------------------*/

#colophon {

	background-color: #0e2944;

}

#masthead {

	min-height: 140px;

	background: rgba(19,57,94,0.72);

	background: -moz-linear-gradient(top, rgba(19,57,94,0.72) 0%, rgba(255,255,255,0) 100%);

	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19,57,94,0.72)), color-stop(100%, rgba(255,255,255,0)));

	background: -webkit-linear-gradient(top, rgba(19,57,94,0.72) 0%, rgba(255,255,255,0) 100%);

	background: -o-linear-gradient(top, rgba(19,57,94,0.72) 0%, rgba(255,255,255,0) 100%);

	background: -ms-linear-gradient(top, rgba(19,57,94,0.72) 0%, rgba(255,255,255,0) 100%);

	background: linear-gradient(to bottom, rgba(19,57,94,0.72) 0%, rgba(255,255,255,0) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13395e', endColorstr='#ffffff', GradientType=0 );

}

#masthead.fixed-nav {

    background: transparent;

    min-height: auto;

}

#masthead.fixed-nav .test-nav {

	background-color: #fff;

}

.test-nav {

	background-color: transparent;

	max-height: 85px;

}

/* blockquote */

blockquote {

	background-color: #f2f7fa; /* Teemu */

}

/* hr-viiva */

hr {

	background-color: #5195ac;

}

input[type="button" i], 

input[type="file" i]::-webkit-file-upload-button {

    background-color: rgb(226,226,226);

    border: 1px solid rgb(171,171,171);

}

.cta-button,

.btn-default, 

.btn-primary,

.search-submit,

.login-submit input,

.form-submit input,

.readmore {

	background-color: rgba(82,149,166,0.9); /* Teemu */

	border: 1px solid #fff; /* Teemu */

	color:#fff;

}

.cta-button:hover,

.btn-default:hover,

.btn-primary:hover,

.search-submit:hover,

.login-submit input:hover,

.form-submit input:hover,

.readmore:hover,

.hero-text a:hover .cta-md:hover ,
.one-to-one-module a:hover .cta-button {

	background-color: rgba(82,149,166,1.0); /* Teemu */

}

.cta-button:visited,

.cta-button a {

    color: #fff;

}

.sidebar a {

	color: #000;

}

.sidebar a:hover {

	color: rgb(82,149,166);

}

.sidebar .current_page_item > a {

	color: rgb(82,149,166);

}

.breadcrumbs {

	background-color: #F2F2F2;

}

.breadcrumbs a {

	color:#000;

	text-decoration: none;

}

.breadcrumbs a:hover {

	color:#000;

	text-decoration: underline;

}

.article-slick-next-button,

.article-slick-prev-button {

    background-color: #9d9d9d;

}

.article-slick-next-button:hover {

    background-color: #8d8d8d;

}

/* Navigaation Aktiivinen sivu */

.main-navigation .current_page_item > a, 

.main-navigation .current-menu-item > a, 

.main-navigation .current_page_ancestor > a, 

.main-navigation .current-menu-ancestor > a {

    color: rgb(245,192,0); /* Teemu */

}

/* Navigaation tekstilinkit */

.main-navigation a,

.secondary-navigation a {

    color: #fff;

}

.main-navigation .sub-menu a {

    color: #0E2944;

}

#masthead.fixed-nav .main-navigation a {

    color: #0E2944;

}

/*header {

	border-bottom: 1px solid rgb(171,171,171);

}*/

.menu-toggle .icon-bar {

    background-color: #fff;

}

#masthead.fixed-nav .main-navigation a:hover,

.main-navigation a:hover,

.secondary-navigation a:hover  {

    color: rgb(245,192,0); /* Teemu */

    text-decoration: none;

}

/* Navigaatio dropdown */

.main-navigation ul ul {

    background-color: rgba(255,255,255,1); 

}

/* Footer Päätason ja alasivujen linkit */

.footer-navi li > a,

.footer-navi .sub-menu > li > a {

    color: #fff;

}

.footer-navi li a:hover {

    color: #F5C000;

    text-decoration: none;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="number"],

input[type="tel"],

input[type="range"],

input[type="date"],

input[type="month"],

input[type="week"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="color"],

textarea,

.form-control,

.bootstrap-select .dropdown-toggle {

	color: #666;

	border: 1px solid rgb(171,171,171);

}

/* Input kenttien focus tilan säädöt */

input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

input[type="number"]:focus,

input[type="tel"]:focus,

input[type="range"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="week"]:focus,

input[type="time"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="color"]:focus,

textarea:focus,

.form-control:focus,

.dropdown-toggle:focus,

.bootstrap-select.open .dropdown-toggle {

	color: #111;

	border-color: rgb(245,192,0) !important; /* Teemu */

}

.bootstrap-select .dropdown-menu.open {

    border: 0px solid #000;

}

form .dropdown-menu>li>a:hover, 

form .dropdown-menu>li>a:focus, 

.dropdown.open .dropdown-menu li a:hover, 

.dropdown.open .dropdown-menu li a:focus, 

.dropup.open .dropdown-menu li a:hover, 

.dropup.open .dropdown-menu li a:focus {

    background-color: rgb(245,192,0); /* Teemu */

    color: #fff;

}

.dropdown .btn-default, 

.dropup .btn-default {

	background-color: #fff;

    color: #666;

    border: 1px solid rgb(171,171,171);

}

.dropdown .btn-default:hover, 

.dropup .btn-default:hover {

	background-color: #fff;

}

/* Accordion moduuli */

.panel-default>.panel-heading {

    color: #333;

    background-color: #f5f5f5;

    border-color: #ddd;

}

.panel-title a {

	text-decoration: none;

	color: #000;

}

.panel-title a:hover {

	text-decoration: underline;

	color: #000;

}

.panel {

    background-color: #fff;

    border: 1px solid #F2F2F2;

}

/* Karusellin värit */

/*.slick-dots li button::before {

    color: #fff;

}*/

.slick-dots li.slick-active button:before {

    opacity: 1;

    color: #9fced8;

    border: 0;

    font-size: 13.5px;

    top: 1px;

}

.carousel-arrow-next,

.carousel-arrow-prev {

    background-color: rgba(0,0,0,0.1);

    color: #fff;

}

.slick-next-button:hover .carousel-arrow-next, .slick-prev-button:hover .carousel-arrow-prev {

     background-color: rgba(0,0,0,0.6);

}

/* Childpage moduulin overlayn värit */

.child-page-layer {

    background-color: rgba(0,0,0,.4);

}

/* Facebook moduulin värit */

.prev-post:hover,

.next-post:hover {

    color: #009A00;

}

.fb-link:hover {

    background-color: #009a00;

}

.fb-link a  {

    color: #00cd00;

}

.fb-link:hover a {

    color: #fff;

}

.post-message {

    border-left: 2px solid #00cd00;

}

.designby {

    color:#fff;

}



/*--------------------------------------------------------------

## Tekstien määrityksiä

--------------------------------------------------------------*/



/* Otsikot */

h1, h2, h3, h4 { /* Teemu */

	font-family: 'BioRhyme', serif;

	font-weight: 300;

}



/*h1 {

	font-size: 3.5em;

	margin-top: 1rem;

	margin-bottom: 1.5rem;

}*/

h1 {
	font-size: 4rem;

	margin-top: 2rem;

	margin-bottom: 1.5rem;

	line-height: 1.2;

	text-transform: uppercase;
}


h2 {

	font-size: 4rem;

	margin-top: 2rem;

	margin-bottom: 1.5rem;

	line-height: 1.2;

	text-transform: uppercase;

}


h1 span,
h2 span { /* Teemu: Tämä on se pienempi alaotsikko */

	font-family: 'Raleway', sans-serif;

	font-size: 2.5rem;

	font-weight: 400;

	text-transform: none;

	display: block; /* Teemu: Katso kannattaako tätä laittaa automaattisen rivityksen tähden */

}



/* Teemu: Näille mobiilikokoille pitäisi katsoa joku järkevä merkintätapa. Määrittele sopiva breakpoint aloituspisteeksi tms. */


h2,
.home h3 {

	font-size: 2.5rem;

	margin-top: 2rem;

	margin-bottom: 1rem;

	line-height: 1.2;

	text-transform: none;

	font-weight: 400;

}



h3 {

	font-size: 1.5rem;

	font-weight: 700;

	line-height: 1.2;

	margin-top: 2rem;

	margin-bottom: 0.5rem;

	text-transform: initial;

}



h4 {

	font-family: 'Raleway', sans-serif;

	font-size: 1.2rem;

	font-weight: 700;

	line-height: 1.6;

	margin-top: 0.5rem;

	margin-bottom: 0.5rem;

	text-transform: uppercase;

}

.northern-lights-house .table-container h4,
.revontulitalo .table-container h4,
.revontulitalo-majoitus-levi .table-container h4,
.northern-lights-house-accommodation-lapland-finland .table-container h4,
.northern-lights-lapland-finland .table-container h4,
.juhlat .table-container h4,
.events .table-container h4 {

	font-size: 1rem;

	font-weight: 700;

	line-height: 1.6;

	margin-top: 2rem;

	margin-bottom: 0.5rem;

	text-transform: none;
	
}

h6 {

	font-size: 1rem;

	font-weight: 700;

	line-height: 1.6;

	margin-top: 2rem;

	margin-bottom: 0.5rem;

	text-transform: none;

}



/* Muut perus sisältötekstit: ingressi (lead), leipis, listat */



.lead {

	font-size: 1.2rem;

	margin-bottom: 1.4rem;

	line-height: 1.8;

}



p, ul, ol, li {

	font-size: 1rem;

	line-height: 1.6;

}



p, li {

	margin-bottom: 1rem;

}



/* Lainaus */



blockquote {

	margin: 2rem 0 3rem 0;

	padding: 2rem 1.5rem;

	border-left: none; /* Teemu */

	position: relative;

	color: #0e2946; /* Teemu */

}



blockquote p, 

.testimonial-item p {

	padding: 0 1.5rem;

	font-family: 'BioRhyme', serif; /* Teemu */

	font-weight: 300;

	color: #0e2946;

}



blockquote footer cite,

.testimonial-item .cite {

	font-size: 0.85rem;

	color: rgb(82,149,166); /* Teemu */

	font-style: normal; /* Teemu */

	font-weight: 700; /* Teemu */

	margin-bottom: 7px;

}

.fa-icon {

	margin-bottom: 0;

}

.testimonial-item i {

	font-size: 1.4rem;

	color: rgb(82,149,166); /* Teemu */

}



blockquote footer::before, blockquote small::before, blockquote .small::before { /* Teemu */

  color: rgb(82,149,166);

}





blockquote footer {

	padding: 0 1.5rem;

}







blockquote:before {

	content:"''";

	font-size:2rem;

	margin-left: -1.5rem;

    padding-right: 0.3rem;

    font-style: italic;

    font-weight: 700;

    position: absolute;

    top: 1.6rem;

    left: 2.5rem;

    color: rgb(82,149,166);

}



/* hr-viiva */



hr {

	border: 0;

	height: 2px;

	margin-bottom: 2rem;

	margin-top: 2rem;

}



/*  Listat */



ul,

ol {

	margin-top: 2rem;

	margin-bottom: 2rem;

	padding-left: 15px;

}



ul ul {

	margin-top: 1rem;

}



/*--------------------------------------------------------------

## Lomakkeita ja inputteja

--------------------------------------------------------------*/



/* Input kenttien perus asetuksia */

input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

input[type="number"],

input[type="tel"],

input[type="range"],

input[type="date"],

input[type="month"],

input[type="week"],

input[type="time"],

input[type="datetime"],

input[type="datetime-local"],

input[type="color"],

textarea {

	border-radius: 0px;

	padding: 3px 3px 3px 0;

	text-indent: 1.5rem;

}



/* Input kenttien focus tilan säädöt */

input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

input[type="number"]:focus,

input[type="tel"]:focus,

input[type="range"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="week"]:focus,

input[type="time"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="color"]:focus,

textarea:focus,

.form-control:focus,

.dropdown-toggle:focus,

.bootstrap-select.open .dropdown-toggle {

    outline: 0;

    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(0, 204, 0, 0.6);

    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(0, 204, 0, 0.6);

}



/* lomakkeen input kentän korkeus ja reunan väri */

.form-control {

    border-radius: 0px;

    height: 3rem;

}



/* Lomakkeen otsikon määritykset */

.form-title {

	font-size: 1.5rem !important;

	font-weight: 700;

	line-height: 1.2;

	margin-bottom: 0.5rem;

	margin-top: 1rem;

}



/* Lomakkeen osion marginit (osio sisältää inputin ja labelin) */

.form-group {

	margin-bottom: 2.4rem !important;

}



/* Osion labelin määritykset */

form .main-label {

	font-size: 1rem;

	line-height: 1.6;

	margin-bottom: 0.85rem !important;

}

form .form-checkbox .main-label,

form .form-radio .main-label,

form .form-upload .main-label {

	margin-bottom: 1rem !important;

}

form .radio label, form .checkbox label {

	font-size: 1rem;

	line-height: 1.6;

	margin-bottom: 1rem;

}



/* Upload */

.field input[type=file] {

    background-color: inherit;

    border: 0;

    line-height: 0;

}

.form-upload input {

    height: auto;

    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);

    box-shadow: inset 0 0px 0px;

    padding-left: 0;

}



/* textarea */

textarea.form-control {

    padding-top: 1.5rem;

    padding-bottom: 1.5rem;

    padding-left: 0;

}



/* Dropdown */

.bootstrap-select .dropdown-toggle {

    background-color: #fff;

    border-width: 0px;

    padding-left: 1.5rem;

    padding-top: 0.65rem;

    height: 3rem;

}

form .dropdown-menu ul li, 

.dropdown.open .dropdown-menu li, 

.dropup.open .dropdown-menu li {

    margin-bottom: 0;

}

form .dropdown-menu ul li a, 

.dropdown.open .dropdown-menu li a, 

.dropup.open .dropdown-menu li a {

    margin-bottom: 0;

    padding-top: 0.75rem;

    padding-bottom: 0.75rem;

    text-decoration: none;

}

.bootstrap-select.btn-group .dropdown-toggle .caret {

    margin-top: -5px;

}

.bootstrap-select .dropdown-menu.open {

    padding: 0;

    top: 96%;

    border-radius: 0;

}

form .dropdown-menu>li>a:hover, 

form .dropdown-menu>li>a:focus, 

.dropdown.open .dropdown-menu li a:hover, 

.dropdown.open .dropdown-menu li a:focus, 

.dropup.open .dropdown-menu li a:hover, 

.dropup.open .dropdown-menu li a:focus {

    text-decoration: none;

    color: #fff;

    outline: none;

}

/*--------------------------------------------------------------

## CTA buttonit

--------------------------------------------------------------*/



/* Napin perusväri + marginit */

.cta-button {

	text-decoration: none;

	margin-top: 1rem;

	margin-bottom: 2rem;

}



/* Napin tekstilinkin väri ja tyyli */

.cta-button a {

	text-decoration: none;

}

.cta-button:hover a {

	text-decoration: none;

}



/* Erikokoisten nappien säädöt */

.cta-lg {

	font-size: 2rem;

	line-height: 1.2;

	padding: 2rem;

	/*margin-right: 2rem;*/

}

.cta-md {

	font-size: 1.5rem;

	line-height: 1.2;

	padding: 1.5rem;

	/*margin-right: 1.5rem;*/

}

.cta-sm {

	font-size: 1rem;

	line-height: 1.2;

	padding: 1rem;

	/*margin-right: 1rem;*/

}

.cta-xs {

	font-size: 1rem;

	line-height: 1.2;

	padding: 0.5rem 1rem;

	/*margin-right: 1rem;*/

}

/* Bootstrapin perus nappi (Saattaa olla lomakkeissa, yms käytössä) */

.btn-default, 

.btn-primary {

	border-width: 0px;

	padding: 0.5rem 1rem;

}

.cta-grid {

	width: 100%;

}

.open>.dropdown-menu {

	border-radius: 0px;

}



/*--------------------------------------------------------------

## Sidebar linkit

--------------------------------------------------------------*/

.sidebar a {

	text-decoration: none;

	font-size: 1rem;

	line-height: 1.4;

}

.sidebar li {

    margin-bottom: 1.5rem;

}

/*--------------------------------------------------------------

## Breadcrumbs

--------------------------------------------------------------*/

.breadcrumbs span {

	font-size: 0.85rem;

	font-weight: 400;

}

.breadcrumbs .breadcrumb-item, 

.breadcrumbs .breadcrumb-divider {

	margin-right: 1rem;

}

.breadcrumbs {

	padding: 0.75rem 0 0.75rem 1rem;

}

.breadcrumbs .breadcrumb-item:last-child {

	margin-right: 0rem;

}

.breadcrumbs .breadcrumb-item:last-child span {

	font-weight: 700;

}

/*--------------------------------------------------------------

## Navigation

--------------------------------------------------------------*/



/* Navigaation tekstilinkit */

.main-navigation a {

    font-family: 'BioRhyme', serif; /* Teemu */

    text-decoration: none;

    font-size: 0.75rem; /* Jani 19.11.-18 */

    padding: 23px 0.8rem 20px; /* Teemu */ /* Uolevi muutti arvon 1.2rem arvoksi 0.8rem, jotta kaikki elementit mahtuisivat valikkoon */

    font-weight: 700; /* Teemu */

    text-transform: uppercase;

}
.main-navigation .menu-nested-pages-finnish-container a {
	padding: 23px 0.8rem 20px; /* Uolevi teki suomen kieliversioon isommat välit, jotta näyttäisi paremmalta */
}
.main-navigation li:first-child > a {
	padding-left: 0px; /* Uolevi teki muutoksen, jotta kaikki elementit mahtuisivat valikkoon */
}
.main-navigation ul.sub-menu a {
	padding-left: 1rem; /* Uolevi teki muutoksen, jotta kaikki elementit mahtuisivat valikkoon */
}
#blog-2 .main-navigation a {

    font-size: 0.8rem;
    padding: 23px 0.8rem 20px; 

}

.secondary-navigation a {

	text-decoration: none;

}

.secondary-navigation a,

.secondary-navigation span {

	font-size: .8rem;

}

.secondary-navigation i {

	font-size: 1rem;

}

.reservation-container span {

	font-size: .85rem;

	color: #0E2944;

}

.main-navigation .menu-item-has-children .sub-menu li a,
#blog-2 .main-navigation .menu-item-has-children .sub-menu li a  {

	font-family: 'Raleway', sans-serif;

	text-transform: initial;

	font-weight: 400;

	font-size: 1rem;

}

/* POISTETTU KÄYTÖSTÄ 12.03.2019, koska loi epäsymmetrisyyttä navigaatioon
.main-navigation ul.nav-menu > li:nth-child(2) a,
#blog-2 .main-navigation ul.nav-menu > li:nth-child(2) a {

    padding-left: 0;

}*/

.main-navigation ul.nav-menu > li:last-child > a,
#blog-2 .main-navigation ul.nav-menu > li:last-child > a {

    padding-right: 0;

}

.main-navigation .sub-menu a,
#blog-2 .main-navigation .sub-menu a {

    padding: 12px 1.4rem 12px 1rem;

}

.main-navigation a:hover {

    text-decoration: none;

}

/*--------------------------------------------------------------

## Footer

--------------------------------------------------------------*/

/* Päätason linkit */

.footer-navi li > a {

    font-weight: 700;

    font-size: 1rem;

    line-height: 1.2;

    text-decoration: none;

}

/* Alasivujen linkit */

.footer-navi .sub-menu > li > a {

	text-transform: initial;

    text-decoration: none;

    font-weight: 400;

}

.footer-navi {

	padding: 4rem 0 2rem 0;

}



/* Accordion moduuli */

.panel-heading {

    padding: 10px 15px;

    border-bottom: 1px solid transparent;

}

.panel-body {

    padding: 15px;

}

.panel-title {

    font-size: 1rem;

    font-weight: 700;

    line-height: 1.2;

    margin-bottom: 0rem;

    margin-top: 0rem;

}

.panel-title a {

	text-decoration: none;

	color: #000;

}

.panel-title a:hover {

	text-decoration: underline;

	color: #000;

}

.panel {

    margin-bottom: 0.2rem;

    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);

    box-shadow: 0 1px 1px rgba(0,0,0,.05);

}



.hero-text .cta-md {

	    padding: 1.5rem;

	background-color: rgba(82,149,166,0.9);
    border: 0px solid #fff;

}

.hero-text a {

	border: 1px solid #fff;

    padding: 2px 2px;
        display: inline-block;
    margin-top: 2rem;

}