.esittely p {
  font-size: 18px !important;
}
.esittely {
  padding-right: 0px;
}
/** CONTACT FORM **/

/** CONTACT FORM **/

/** CONTACT FORM **/

/** CONTACT FORM **/

/** CONTACT FORM **/

/** CONTACT FORM **/

#contactus fieldset

{

   width:820px !important;

   padding:20px;

   border:1px solid #ccc;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

-khtml-border-radius: 10px;

border-radius: 10px;   

}



#contactus legend, h2

{

   font-family : Arial, sans-serif;

   font-size: 1.3em;

   font-weight:bold;

   color:#333;

}



#contactus label

{

   font-family : Arial, sans-serif;

   font-size:0.8em;

   font-weight: bold;

}



#contactus input[type="text"],textarea

{

  font-family : Arial, Verdana, sans-serif;

  font-size: 0.8em;

  line-height:140%;

  color : #000; 

  padding : 3px; 

  border : 1px solid #999;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    -khtml-border-radius: 5px;

    border-radius: 5px;



}



#contactus input[type="text"]

{

  height:18px;

  width:220px;

  

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

   border-radius: 5px;   

  

}



#contactus #scaptcha

{

  width:60px;

  height:18px;

}



#contactus input[type="submit"]

{

   width:100px;

   height:30px;

   padding-left:0px;

   

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

   border-radius: 5px;   

}



#contactus textarea

{

  height:120px;

  width:310px;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

   border-radius: 8px;  

}



#contactus input[type="text"]:focus,textarea:focus

{

  color : #009;

  border : 1px solid #990000;

  background-color : #ffff99;

  font-weight:bold;

}



#contactus .container

{

   margin-top:8px;

   margin-bottom: 10px;

}



#contactus .error

{

   font-family: Verdana, Arial, sans-serif; 

   font-size: 0.7em;

   color: #900;

   background-color : #ffff00;

}



#contactus fieldset#antispam

{

   padding:2px;

   border-top:1px solid #EEE;

   border-left:0;

   border-right:0;

   border-bottom:0;

   width:350px;

}



#contactus fieldset#antispam legend

{

   font-family : Arial, sans-serif;

   font-size: 0.8em;

   font-weight:bold;

   color:#333;   

}



#contactus .short_explanation

{

   font-family : Arial, sans-serif;

   font-size: 0.6em;

   color:#333;   

}



/* spam_trap: This input is hidden. This is here to trick the spam bots*/

#contactus .spmhidip

{

   display:none;

   width:10px;

   height:3px;

}

#fg_crdiv

{

   font-family : Arial, sans-serif;

   font-size: 0.3em;

   opacity: .2;

   -moz-opacity: .2;

   filter: alpha(opacity=20);   

}

#fg_crdiv p

{

    display:none;

}

/** CONTACT FORM **/ 

/** CONTACT FORM **/

/** CONTACT FORM **/

/** CONTACT FORM **/

/** CONTACT FORM **/

/** CONTACT FORM **/

/** CONTACT FORM **/

/** CONTACT FORM **/
.btn-secondary {
	background-color: rgb(28,58,77);
	color: white;
}
.modal-content {
	border: 5px solid #1c3a4d !important;
}
.modal-header {
	background-color: rgba(28,58,77,1);
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	color: white;
}

.btn-primary {
  border: none !important;
  text-decoration: none !important;
  color: white !important;
  background-color: #1c3a4d;
}
.logo {
	width: 150px;
}
.card-footer {
  border: none !important;
  background-color: white !important;
}
.cardrow {
	background-size: cover;
	height: 300px;
	padding-top: 10px !important;
}
iframe {
	max-width: 100% !important;
}
.cardetusivu {
  /* Etusivun keskellä oleva taustakuva */
  /* background-image: url("../kuvat/vesiurut.jpg"); */
    background-image: url("../kuvat/Kynttilä4.jpg");
    height: 100% !important;
}
.cardlounas {
  background-image: url("../kuvat/lounaskuva.jpg");
}
.cardtapahtuma {
  background-image: url("../kuvat/tapahtumat.jpg");
}

.cardkoulutus {
  background-image: url("../kuvat/koulutuskuva.jpg");
}
.cardmuut {
  background-image: url("../kuvat/MuutPalvelutKuva.png");
}
.cardtilat {
  background-image: url("../kuvat/Tilakuvat2022.png");
}
.cardavoimet {
  background-image: url("../kuvat/avoimetpaikat2021.jpg");
}
.cardyhteys {
  background-image: url("../kuvat/kansikuva.jpg");
  display: none;
}
.card-title {
	background-color: #1c3a4d;
  color: white;
  padding: 5px 0px 5px 15px;
}
.card-deck {
	width: 100%;
  height: 100%;
}
.card-body {
	padding: 0px 15px 0px 15px;
}
}

h3 {

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

	font-size: 22px;

}

.rivi {

	padding-top: 0px !important;

	padding-left: 0px !important;

}

.pp_details {

	background-color: white !important;

	margin: 0px !important;

	text-align: center !important;

}

a.pp_close {

	color: black !important;

	position: relative !important;

    right: 0 !important;

    top: 0 !important;

    display: inline !important;

    line-height: 22px !important;

    text-indent: -10000px !important;

}

.pp_content {

	height: 100% !important;

}

.social {

	font-size: 16px;

    margin: 20px;

    color: white;

    text-align: center;

    text-shadow: 1px 1px 2px black;

	/*padding-bottom: 50px !important;*/

}

.social a:hover {

	text-decoration: none !important;
	-webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    -o-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;

}

.kumppanit img {

	height: 100% !important;

    max-width: 100% !important;

    padding: 5px !important;

    margin-left: 15px !important;

}

.sivu a {
	color: #00a1ec;

}

.tg-x5q2 {

	padding-left: 25px !important;

}

.sivu a:hover {

	color: #3b699a;

}

.navbar {

	background-color: #1c3a4d !important;

	width: 100%;

	padding-left: 15px;

}

.navigointi {

	padding-left: 0px !important;

	padding-right: 0px !important;

	padding-top: 30px !important;

}

.nav-link {

	color: white !important;

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

	font-weight: 300;

}

.nav-link:hover {
	background-color: #004971 !important;
	border-radius: 30px;
	-webkit-transition: background-color 250ms linear;
    -moz-transition: background-color 250ms linear;
    -o-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;

}

.active {

	background-color: #004971 !important;

	border-radius: 30px;



}

.navbar-toggler-icon {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;

}

.navbar-toggler {

	border-color: white !important;

}

#poikkeus td {

	border: 2px solid #c4dff3;

    background: #f5fbff;

    padding: 5px;

    vertical-align: middle;

    color: black;

}

#poikkeus {

	width: 100%;

}
h4 {
  font-size: 16px !important;
}
.ruokalista td {

    border: 2px solid #c4dff3;

    background: #f5fbff;

    padding: 2px;

    color:black;

}

.ruokalista {

	width: 60%;

}

.ruokalistaetusivu {

  width: 60%;

}

.ruokalistaetusivu td {

  border: 2px solid #c4dff3;

  background: #f5fbff;

  padding: 5px;

  color:black;

}

}

iframe {

	max-width: 100%;

	margin-bottom: 30px;

}

body {

	color: black;

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

	font-weight: 300;

	background-image: url("../kuvat/masto.jpg");

	/* background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 100%; */

	/**background-color: #efefef;**/

}

.card-deck .card {
	height: 100%;
	border: 5px solid #1c3a4d;
}
.card {
	margin-right: 0px !important;
}

.row {

	margin-left: 0px;

	margin-right: 0px;

	padding-top: 30px;

	padding-left: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

}

.col-md-4 img {

	margin-top: 15px;

	margin-bottom: 30px;

}

.nopad {

	padding: 0px;

}

.container {

    width: 100%;

    padding-right: 0px !important;

    padding-left: 0px !important;

    margin-right: auto;

    margin-left: auto;

}

.sivu {

	background-color: white;

	margin-top: 30px;

	border: 5px solid #1c3a4d;

}

.sisalto {

	/**background-color: white;**/

	/**padding-top: 15px;**/

	/**padding-bottom: 15px;

	padding-left: 0px;

	padding-right: 0px; **/

}

.sisalto2 {

	padding-left: 10px;

	padding-right: 10px;

}

.box p {


}

.box {
	padding-right: 0px;
	

}

h2 {

	margin-top: 0px;

    margin-bottom: 10px;

    display: block;

    font-size: 1.5em;

    font-weight: bold;

    background-color: #1c3a4d;

    color: white;

    padding: 10px 10px 10px 15px;
}
.sisalto p {

}

.footeri p {
  padding-top: 20px;
	font-size: 16px;
	margin: 20px;
	color: white;
	text-shadow: 2px 1px 2px black;
}
.footeri i:hover {
	color: #1877f2 !important;
	-webkit-transition: color 350ms linear;
    -moz-transition: color 350ms linear;
    -o-transition: color 350ms linear;
    -ms-transition: color 350ms linear;
    transition: color 350ms linear;
}

.footeri {
  background-color: #1c3a4d;
  margin-top: 30px;
  margin-bottom: 30px;
}



@media only screen and (min-width: 1921px) {

  body {

	background-image: url("../kuvat/4ktausta.png");

}

}

@media only screen and (max-width: 575px) {

  .navigointi {

  	padding-top: 0px !important;

  }

  .sivu {

  	margin-top: 0px;

  }

  .ajankohtainen {



  }

  .aukiolo {

  	padding-left: 0px !important;

  }

  .flex-container {

    display: flex;

    flex-direction: row;

    flex-grow: 1;

    flex-wrap: wrap

  }

  .aukiolo {

    order: 1;

  }

  .ajankohtainen {

    order: 2;

  }

}
@media only screen and (max-width: 1199px) {
	.navbar-nav {
	line-height: 14px;
	height: 100%;
	}
	.cardtapahtuma {
	background-image: url("../kuvat/tapahtumakuva3.png");
}
}

@media only screen and (max-width: 991px) {
  .modal-content {
    width: 100% !important;
  }
	.cardlounas {
  background-image: url("../kuvat/lounaskuva2.jpg");
}
.cardtapahtuma {
	background-image: url("../kuvat/tapahtumakuva2.png");
}
  .nav-link {

  	padding-left: 10px !important;

  }

  .box {

  	margin-bottom: 10px;

  }

  .cardetusivu {

	height: 700px;

}

}

@media only screen and (max-width: 768px) {
	.cardlounas {
  	background-image: url("../kuvat/lounaskuva3.jpg") !important;
}
.cardtapahtuma {
  	background-image: url("../kuvat/tapahtumakuva4.png");
}

  .navigointi {

  	padding-top: 0px !important;

  }

  .sivu {

  	margin-top: 0px;

  }

  #poikkeus {

	width: 100%;

}
.ruokalista {
    width: 100%;
}

}

@media only screen and (max-width: 576px) { 
	.box {
	    padding-right: 0px;
	    padding-left: 0px;
	}

}
.keski {
    text-align: center;
}

.pysty {
    padding: 80 0;
}

.ylläpitäjät {
	margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    text-align: center;
}

.yhteistyö1 {
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    text-align: center;
}
.yhteistyö2 {
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    text-align: center;
}

.ylläpitäjät img {
	 margin-top: 5px;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
	height: 55px;
}

.yhteistyö1 img {
    margin-top: 5px;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
	height: 75px;
}
.yhteistyö2 img {
    margin-top: 5px;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
	height: 100px;
}

.paalla {
	margin: 0px;
	transition: .15s ease;
	-webkit-filter: brightness(100%);
}
.paalla:hover {
	-webkit-filter: brightness(150%);
	
}
.cryptedmail:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}

.poikkeus {
	width:auto;
	margin-top:10px;
}

.poikkeus p {
	color:white;
	font-size:27px;
	background-color:red;
	text-align:center;
	text-shadow:  1px 1px 1px #000000;
}

.poikkeus a {
	color: #fbff21;
	transition: .1s ease;
}

.poikkeus a:hover {

}

.kuva img {
	object-fit: contain;
	width:100%;
}

.taulukko td {

	border: 2px solid #c4dff3;

    background: #f5fbff;

    padding: 5px;

    vertical-align: middle;

    color: black;

}

.taulukko {

	width: 100%;

}