/* 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/basestyle3.css");

/* Import selected calstyle */

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

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

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400&display=swap');

/******************************************************************************/
/* Body                                                                       */
/******************************************************************************/
body {
	font-family: 'Open Sans', sans-serif;
	color: rgb(0,0,0);
	background-color: #385F71 !important;
	/*
	background-image:;
	background-repeat:;
	background-attachment:;
	background-position:;
	background-size:;
	*/
}
/******************************************************************************/
/* Headings                                                                   */
/******************************************************************************/
h1,h2,h3,h4,h5,h6 {
	font-family: 'Open Sans', sans-serif;
	color: rgb(43,65,100) !important;
}
/******************************************************************************/
/* HEADER                                                                     */
/******************************************************************************/
#header {
	height: 160px;
	background-position: left top;
}
#header #header-logo-yla {
	padding: 10px;
}
#header #header-logo-yla img {
	max-height: 140px;
}
/*
@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:;*/
}
/******************************************************************************/
/*  Footer color                                                              */
/******************************************************************************/
#footer,
#footer a {
	/*background-color: ;*/
	color: white;
}
/******************************************************************************/
/* Buttons and links                                                          */
/******************************************************************************/
/*
#content a {
	color:;
}
#middle #menu ul li a {
	color:;
}
*/
#content input[type="submit"], #content input[type="button"], 
#content button, div.capacity-booking-selection label {
	background-color: #03a4c1;
	color:#FFF;
	border-color: #03a4c1;
	border-radius: 5px;
}
#content input[type="submit"]:hover, #content input[type="button"]:hover, 
#content button:hover {
	background-color: #385f71;
	border-color: #385f71;
	box-shadow: none;
}


/*
#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(191,233,201);
}
table.villenkalenteri .valittu {
	background-color: rgb(43,65,100);
}
table.villenkalenteri .varattu {
	background-color: rgb(188,72,72);
}
table.villenkalenteri .kielletty {
	background-color: rgb(210,210,210);
}
table.villenkalenteri .kielletty.valittu {
	background-color: rgb(43,65,100);
}
table.villenkalenteri .kielletty.varattu{
	background-color: rgb(188,72,72);
}
table.villenkalenteri .valittuEka {
	background: linear-gradient(135deg, rgb(191,233,201) 50%,  rgb(43,65,100) 50%);
}
table.villenkalenteri .valittuVika {
	background: linear-gradient(135deg,  rgb(43,65,100) 50%, rgb(191,233,201) 50%);
}
table.villenkalenteri .varattuEka {
	background: linear-gradient(135deg, rgb(191,233,201) 50%, rgb(188,72,72) 50%);
}
table.villenkalenteri .varattuVika {
	background: linear-gradient(135deg, rgb(188,72,72) 50%, rgb(191,233,201) 50%);
}
table.villenkalenteri .valittuVika.kielletty {
	background: linear-gradient(135deg,  rgb(43,65,100) 50%, rgb(210,210,210) 50%);
}
table.villenkalenteri .valittuVika.kielletty.varattu, table.villenkalenteri .valittuVika.kielletty.varattuEka {
	background: linear-gradient(135deg,  rgb(43,65,100) 50%, rgb(188,72,72) 50%);
}
table.villenkalenteri .varattuVika.kielletty {
	background: linear-gradient(135deg, rgb(188,72,72) 50%, rgb(210,210,210) 50%);
}
table.villenkalenteri .varattuVika.valittu {
	background: linear-gradient(135deg, rgb(188,72,72) 50%,  rgb(43,65,100) 50%);
}
table.villenkalenteri .kiellettyVika {
	background: linear-gradient(135deg, rgb(210,210,210) 50%, rgb(191,233,201) 50%);
}
table.villenkalenteri .kielletty.valittuEka,
table.villenkalenteri .kiellettyVika.valittuEka {
	background: linear-gradient(135deg, rgb(210,210,210) 50%,  rgb(43,65,100) 50%);
}
table.villenkalenteri .kiellettyVika.valittuVika {
	background: linear-gradient(135deg,  rgb(43,65,100) 50%, rgb(191,233,201) 50%);
}
table.villenkalenteri .kiellettyEka {
	background: linear-gradient(135deg, rgb(191,233,201) 50%, rgb(210,210,210) 50%);
}
table.villenkalenteri .kiellettyEka.valittu {
	background:  rgb(43,65,100);
}
table.villenkalenteri .kiellettyEka.valittu.valittuVika {
	background: linear-gradient(135deg,  rgb(43,65,100) 50%, rgb(210,210,210) 50%);
}
table.villenkalenteri .kielletty.varattuEkaKiel {
	background: linear-gradient(135deg, rgb(210,210,210) 50%,  rgb(188,72,72) 50%);
}
table.villenkalenteri .kielletty.valittu.varattuEkaKiel {
	background: linear-gradient(135deg,  rgb(43,65,100) 50%, rgb(188,72,72) 50%);
}
table.villenkalenteri .kielletty.valittu.varattuEkaKiel.valittuEka {
	background: linear-gradient(135deg, rgb(210,210,210) 50%,  rgb(43,65,100) 50%);
}
table.villenkalenteri .kielletty.varattu.valittuEka {
	background: linear-gradient(135deg, rgb(188,72,72) 50%,  rgb(43,65,100) 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: #03a4c1;
	padding: 5px 10px;
	box-shadow: none;
	/*
	color: ;
	-webkit-box-shadow: ;
	-moz-box-shadow: ;
	box-shadow: ;
	*/
}
table.varustustiedot th {
	width: auto !important;
	text-align: left;
	vertical-align: top;
}
table.varustustiedot th.otsikko {
	text-align: left;
}
table.varustustiedot td {
	width: auto !important;
}	
table.varustustiedot th, table.varustustiedot td {
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 2px dotted #CCC;
	/*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: #385f71;
	/*
	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:;
	*/
}