/* 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/basestyle2.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=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/******************************************************************************/
/* Body                                                                       */
/******************************************************************************/
body {
	font-family: "Roboto", serif;
	color: #020202;
	background-color: #FFFFFF;
	/*
	background-image:;
	background-repeat:;
	background-attachment:;
	background-position:;
	background-size:;
	*/
}
/******************************************************************************/
/* Headings                                                                   */
/******************************************************************************/
h1,h2,h3,h4,h5,h6 {
	font-family: "Nunito", serif;
	color: #020202 !important;
}
/******************************************************************************/
/* HEADER                                                                     */
/******************************************************************************/
#header {
	height: 260px;
	background-position: left center;
	background-repeat: no-repeat;
}
#header .overlay {
  position: absolute;
  top: 76px;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
#header #header-logo-yla {
	background-color: #FFFFFF;
	padding: 20px 0;
}
/*
@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: #FFFFFF;
}
/******************************************************************************/
/*  Footer color                                                              */
/******************************************************************************/
#footer,
#footer a {
	background-color: #000000;
	color: #FFFFFF;
}
/******************************************************************************/
/* Buttons and links                                                          */
/******************************************************************************/
#content a {
	color: #020202;
}
#middle #menu ul li a {
	color: #020202;
}
#content input[type="submit"], #content input[type="button"], 
#content button, div.capacity-booking-selection label {
	background-color: #FF5698;
	color: #FFFFFF;
	border-color: #FF5698;
}
/*  #4E4E4E
#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(255,255,255);
}
table.villenkalenteri .valittu {
	background-color: rgb(110,200,210);
}
table.villenkalenteri .varattu {
	background-color: rgb(255,180,170);
}
table.villenkalenteri .kielletty {
	background-color: rgb(191,194,194);
}
table.villenkalenteri .kielletty.valittu {
	background-color: rgb(110,200,210);
}
table.villenkalenteri .kielletty.varattu{
	background-color: rgb(255,180,170);
}
table.villenkalenteri .valittuEka {
	background: linear-gradient(135deg, rgb(255,255,255) 50%,  rgb(110,200,210) 50%);
}
table.villenkalenteri .valittuVika {
	background: linear-gradient(135deg,  rgb(110,200,210) 50%, rgb(255,255,255) 50%);
}
table.villenkalenteri .varattuEka {
	background: linear-gradient(135deg, rgb(255,255,255) 50%, rgb(255,180,170) 50%);
}
table.villenkalenteri .varattuVika {
	background: linear-gradient(135deg, rgb(255,180,170) 50%, rgb(255,255,255) 50%);
}
table.villenkalenteri .valittuVika.kielletty {
	background: linear-gradient(135deg,  rgb(110,200,210) 50%, rgb(191,194,194) 50%);
}
table.villenkalenteri .valittuVika.kielletty.varattu, table.villenkalenteri .valittuVika.kielletty.varattuEka {
	background: linear-gradient(135deg,  rgb(110,200,210) 50%, rgb(255,180,170) 50%);
}
table.villenkalenteri .varattuVika.kielletty {
	background: linear-gradient(135deg, rgb(255,180,170) 50%, rgb(191,194,194) 50%);
}
table.villenkalenteri .varattuVika.valittu {
	background: linear-gradient(135deg, rgb(255,180,170) 50%,  rgb(110,200,210) 50%);
}
table.villenkalenteri .kiellettyVika {
	background: linear-gradient(135deg, rgb(191,194,194) 50%, rgb(255,255,255) 50%);
}
table.villenkalenteri .kielletty.valittuEka,
table.villenkalenteri .kiellettyVika.valittuEka {
	background: linear-gradient(135deg, rgb(191,194,194) 50%,  rgb(110,200,210) 50%);
}
table.villenkalenteri .kiellettyVika.valittuVika {
	background: linear-gradient(135deg,  rgb(110,200,210) 50%, rgb(255,255,255) 50%);
}
table.villenkalenteri .kiellettyEka {
	background: linear-gradient(135deg, rgb(255,255,255) 50%, rgb(191,194,194) 50%);
}
table.villenkalenteri .kiellettyEka.valittu {
	background:  rgb(110,200,210);
}
table.villenkalenteri .kiellettyEka.valittu.valittuVika {
	background: linear-gradient(135deg,  rgb(110,200,210) 50%, rgb(191,194,194) 50%);
}
table.villenkalenteri .kielletty.varattuEkaKiel {
	background: linear-gradient(135deg, rgb(191,194,194) 50%,  rgb(255,180,170) 50%);
}
table.villenkalenteri .kielletty.valittu.varattuEkaKiel {
	background: linear-gradient(135deg,  rgb(110,200,210) 50%, rgb(255,180,170) 50%);
}
table.villenkalenteri .kielletty.valittu.varattuEkaKiel.valittuEka {
	background: linear-gradient(135deg, rgb(191,194,194) 50%,  rgb(110,200,210) 50%);
}
table.villenkalenteri .kielletty.varattu.valittuEka {
	background: linear-gradient(135deg, rgb(255,180,170) 50%,  rgb(110,200,210) 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: ;
	color: ;
	-webkit-box-shadow: ;
	-moz-box-shadow: ;
	box-shadow: ;
	*/
}
table.varustustiedot th, table.varustustiedot td {
	/*background-color:;*/
}
table.varustustiedot tbody tr:nth-child(odd) {
	/*background-color:;
	color:;*/
}
/******************************************************************************/
/* TABLES CUSTOMIZATION                                                       */
/******************************************************************************/
table.reunukset {
	/*
	background-color:;
	box-shadow:;*/
}
table.reunukset th {
	/*
	background-color:;
	color:;
	-webkit-box-shadow:;
	-moz-box-shadow:;
	box-shadow:;
	*/
}
table.reunukset td {
	/*
	border-color: !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:;
	*/
}