/* Importing facelift2020 */

@import url("https://travelnet.sportum.com/online/styles/facelift2020.css");

/* Import selected basestyle */

/* 

   basestyle1.css = Tumma 
   basestyle2.css = Vaalea
   basestyle3.css = Meri
   basestyle4.css = Luonto
   basestyle5.css = Värikäs2
   basestyle6.css = Värikäs 
   basestyle7.css = Luumu
   basestyle8.css = Appelsiini
   
*/

@import url("https://travelnet.sportum.com/online/styles/base/basestyle8.css");

/* Import selected calstyle */

/* 
   calstyle1.css = Paneeli, 
   calstyle2.css = Upotettu
*/

@import url("https://travelnet.sportum.com/online/styles/cal/calstyle2.css");

@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/******************************************************************************/
/* Body                                                                       */
/******************************************************************************/
body {
	font-family: "Poppins", sans-serif;
	color: #0C2340;
    background-color: rgb(255,255,255);
    /*
    background-image:;
    background-repeat:;
    background-attachment:;
    background-position:;
    background-size:;
    */
}
/******************************************************************************/
/* Headings                                                                   */
/******************************************************************************/
h1,h2,h3,h4,h5,h6 {
	font-family: "Bitter", serif;
	color: #0C2340 !important;
}
/******************************************************************************/
/* HEADER                                                                     */
/******************************************************************************/
#header {
	height: 200px;
	background-position: left top;
	background-color: #FFFFFF;
}
#header #header-logo-yla {
	max-width: 300px;
}
#header #header-logo-yla img {
	max-width: 300px;
    margin: 10px 20px;
}
/*
@media all and (max-width: 1200px) {
	#header {
		height:;
	}
}
@media all and (max-width: 992px) {
	#header {
		height:;
	}
}
@media all and (max-width: 768px) {
}
*/
/******************************************************************************/
/* Middle color                                                               */
/******************************************************************************/
#middle, #content {
	background-color: rgb(255,255,255);
}
/******************************************************************************/
/*  Footer color                                                              */
/******************************************************************************/
#footer {
	background-color: rgb(40,40,40);
	color: rgb(255,255,255);
}
/******************************************************************************/
/* Buttons and links                                                          */
/******************************************************************************/
#content a {
	/*color: rgb(237, 139, 0);*/
	color: #0C2340;
}
#content a:hover, #content a:focus {
	color: #ED8800;
}
#middle #menu ul li a {
	/*color: rgb(237, 139, 0);*/
}
#content input[type="submit"], #content input[type="button"], #content button,
div.capacity-booking-selection label {
	background-color: rgb(237, 139, 0);
	color: rgb(49, 49, 49);
	border: 1px solid #cccccc;
	border-radius: 20px;
}
.kv-book-btn {
	min-width: 250px;
}

#content input[type="submit"]:hover, #content input[type="button"]:hover, #content button:hover,
div.capacity-booking-selection label:hover,
#content input[type="submit"]:focus, #content input[type="button"]:focus, #content button:focus,
div.capacity-booking-selection label:focus  {
	background-color: #313131;
	color: #ED8800;
}

/*
#content .itemContentWrapper .textWrap .itemInfo a {
	color:;
}
#content .item-image-btn {
	color:;
}
#content .activity-booking-btn {
	color:;
}
#content a.item-booking-btn {
	background-image: none;
	border-radius: 2px;
	background-color:;
	color:;
	border:;
}
#content a.item-booking-btn:hover {
	box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
*/

/******************************************************************************/
/* Calendar customization                                                     */
/******************************************************************************/

/*
table.villenkalenteri td{
	background-color: rgb(173,213,188);
}
table.villenkalenteri .valittu {
	background-color: rgb(237, 139, 0);
}
table.villenkalenteri .varattu {
    background-color: rgb(255,0,0);
    color: #000 !important;
}
table.villenkalenteri .kielletty {
	background-color: rgb(52,73,94);
	color: #ddd;
}
table.villenkalenteri .kielletty.valittu {
	background-color: rgb(237, 139, 0);
}
table.villenkalenteri .kielletty.varattu{
	background-color: rgb(255,0,0);
}
table.villenkalenteri .valittuEka {
	background: linear-gradient(135deg, rgb(173,213,188) 50%,  rgb(237, 139, 0) 50%);
}
table.villenkalenteri .valittuVika {
	background: linear-gradient(135deg,  rgb(237, 139, 0) 50%, rgb(173,213,188) 50%);
}
table.villenkalenteri .varattuEka {
	background: linear-gradient(135deg, rgb(173,213,188) 50%, rgb(255,0,0) 50%);
	color: #000 !important;
}
table.villenkalenteri .varattuVika {
	background: linear-gradient(135deg, rgb(255,0,0) 50%, rgb(173,213,188) 50%);
}
table.villenkalenteri .valittuVika.kielletty {
	background: linear-gradient(135deg,  rgb(237, 139, 0) 50%, rgb(52,73,94) 50%);
}
table.villenkalenteri .valittuVika.kielletty.varattu, table.villenkalenteri .valittuVika.kielletty.varattuEka {
	background: linear-gradient(135deg,  rgb(237, 139, 0) 50%, rgb(255,0,0) 50%);
}
table.villenkalenteri .varattuVika.kielletty {
	background: linear-gradient(135deg, rgb(255,0,0) 50%, rgb(52,73,94) 50%);
}
table.villenkalenteri .varattuVika.valittu {
	background: linear-gradient(135deg, rgb(255,0,0) 50%,  rgb(237, 139, 0) 50%);
}
table.villenkalenteri .kiellettyVika {
	background: linear-gradient(135deg, rgb(52,73,94) 50%, rgb(173,213,188) 50%);
}
table.villenkalenteri .kielletty.valittuEka,
table.villenkalenteri .kiellettyVika.valittuEka {
	background: linear-gradient(135deg, rgb(52,73,94) 50%,  rgb(237, 139, 0) 50%);
}
table.villenkalenteri .kiellettyVika.valittuVika {
	background: linear-gradient(135deg,  rgb(237, 139, 0) 50%, rgb(173,213,188) 50%);
}
table.villenkalenteri .kiellettyEka {
	background: linear-gradient(135deg, rgb(173,213,188) 50%, rgb(52,73,94) 50%);
}
table.villenkalenteri .kiellettyEka.valittu {
	background:  rgb(237, 139, 0);
}
table.villenkalenteri .kiellettyEka.valittu.valittuVika {
	background: linear-gradient(135deg,  rgb(237, 139, 0) 50%, rgb(52,73,94) 50%);
}
table.villenkalenteri .kielletty.varattuEkaKiel {
	background: linear-gradient(135deg, rgb(52,73,94) 50%,  rgb(255,0,0) 50%);
}
table.villenkalenteri .kielletty.valittu.varattuEkaKiel {
	background: linear-gradient(135deg,  rgb(237, 139, 0) 50%, rgb(255,0,0) 50%);
}
table.villenkalenteri .kielletty.valittu.varattuEkaKiel.valittuEka {
	background: linear-gradient(135deg, rgb(52,73,94) 50%,  rgb(237, 139, 0) 50%);
}
table.villenkalenteri .kielletty.varattu.valittuEka {
	background: linear-gradient(135deg, rgb(255,0,0) 50%,  rgb(237, 139, 0) 50%);
}
*/

/******************************************************************************/
/* Social plugins		                                                      */
/******************************************************************************/
#socialPluginContainer{
	/* display:none;*/
}
/******************************************************************************/
/* Searchbar		                                                     	  */
/******************************************************************************/
#searchbarcontainer{
	/* display:none;*/
}
/* price */
#pricePreferContainer{
	/* display:none;*/
}
/* location */
#locationPreferContainer{
	/* display:none;*/
}
/* beds */
#bedsPreferContainer{
	/* display:none;*/
}
/******************************************************************************/
/* SERVICEDETAILS CUSTOMIZATION											   	  */
/******************************************************************************/
table.varustustiedot th.otsikkoIso, table.varustustiedot th.otsikko {
	background-color: rgb(237, 139, 0);
	font-size: 14px;
	padding: 8px;
	line-height: 1.42857143;
	color: #0C2340;
    /*
	-webkit-box-shadow: ;
	-moz-box-shadow: ;
	box-shadow: ;
	*/
}
table.varustustiedot th, table.varustustiedot td {
	background-color: rgb(254, 237, 224);
	/*background-color:;*/
	border-top: 1px solid #fff;
}
table.varustustiedot tbody tr:nth-child(odd){
 	/*background-color:;
  	color:;*/
}
/******************************************************************************/
/* TABLES CUSTOMIZATION                                                       */
/******************************************************************************/
table.reunukset {
	background-color: rgb(254, 237, 224);
	/*
	background-color:;		
	box-shadow:;*/
}
table.reunukset th {
	background-color: rgb(237, 139, 0);
	color: #0C2340 !important;
	/*
	-webkit-box-shadow:;
	-moz-box-shadow:;
	box-shadow:;
	*/
}
table.reunukset td {
	border-color: rgb(255,255,255) !important;
	/*
	border:;
	color:;
	*/
}
/******************************************************************************/
/* Navigation customization													  */
/******************************************************************************/
#menu hr {
	/*
	color:;
    background-color:;
    */
}
#menu li{
	/*
	color: ;
	*/
}
#menu ul li a   { 
	/*
	color:;
	*/    
}
#menu ul li a:hover { 
    /*
    background:;
    text-decoration:;
    */
}