/* 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/basestyle1.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=Manrope:wght@200..800&family=Oswald:wght@200..700&display=swap');

/******************************************************************************/
/* Body                                                                       */
/******************************************************************************/
body {
	font-family: "Manrope", sans-serif;
	color: #FDFDFD;
	background-color: #082145;
	font-weight: bold;
	/*
	background-image: linear-gradient(180deg, var(#082145) 100%, var(#0D2D5629) 73%);
	background-image:;
	background-repeat:;
	background-attachment:;
	background-position:;
	background-size:;
	*/
}
label,legend {
	color: #FDFDFD !important;
}
/******************************************************************************/
/* Headings                                                                   */
/******************************************************************************/
h1,h2,h3,h4,h5,h6 {
	font-family: "Oswald", sans-serif;
	color: #FBAA00 !important;
}
/******************************************************************************/
/* HEADER                                                                     */
/******************************************************************************/
#header {
	height: 100px;
	background-color: #211F1F;
}

#header #header-logo-paalla {
	position: relative;
	z-index: 10;
	width: 200px;
	margin-left: 40px;
	margin-top: 0;
}
#header #header-logo-paalla img {
	max-width: 200px;
}
/*
@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 {
	/*
	color: #000;
	background-color: #FFF;
	*/
	background-color: #082145;
}
.itemContent, .eventContent, .cruiseContent {
	background-color: transparent;
}
#activity-result-container, #eventSelectionContainer, #eventInformationContainer, 
#tapahtumaForm, #cruiseInformationContainer {
	/*font-size: 120%;*/
}
#eventSelectionContainer {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
#activity-result-container h4, #tapahtumaForm h5 {
	font-size: 140%;
}
#cruiseTypeSelectionControlTable button {
	font-size: 130%;
	box-shadow: none !important;
	font-family: "Oswald", sans-serif;
}
#timeForm select {
	padding: 5px 10px;
	margin: 0 5px;
}
/******************************************************************************/
/*  Footer color                                                              */
/******************************************************************************/
#footer,
#footer a,
#power-footer,
#power-footer a {
	background-color: #041227;
	color: #04A8DB;
}
/******************************************************************************/
/* Buttons and links                                                          */
/******************************************************************************/
#content a {
	color: #04A8DB;
}
#middle #menu ul li a {
	color: #04A8DB;
}
#content input[type="submit"], #content input[type="button"], 
#content button, div.capacity-booking-selection label,
#content a.item-booking-btn, #content a.activity-booking-btn {
	transition: all 0.5s ease;
	background-color: #04A8DB;
	color: #FDFDFD;
	border-color: #04A8DB;
	border-radius: 50px 50px 50px 50px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	/*padding: 20px 28px 16px 28px;*/
	padding: 10px 20px;
	background-image: none;
}
#content input[type="submit"]:hover, #content input[type="button"]:hover, 
#content button:hover, div.capacity-booking-selection label:hover, 
#content a.item-booking-btn:hover, #content a.activity-booking-btn:hover {
	background-color: #082145;
	border-color: #082145;
}
/*
#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 th {
	background-color: #082145;
	color: #FFF;
}

/*
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:;
	*/
}