/* CSS Document */
/* Lisaaliiketta.fi */







body{
	background-image: url(../images/lisaaliiketta/lisaaliiketta_kotisivu_taustakuva_2019.png);
	background-repeat: no-repeat;
	font-family: 'Open Sans', sans-serif;
	background-size: 100% 100%;
}

h1, h2, h3, h4{
	color: #3BC7F4;
}

.fixed-top {
	display: none;
}


.container{
	position: relative;
}


.sininen{
	color: #3BC7F4;
}

.lisaa_liiketta_logo{
	position: absolute;
	left: -20px;
	top: -70px;
	height: 175px;
	width: 170px;
	z-index: 10;
}


.lisaa_liiketta_logo img{
			
			height: auto;
			width: 100%;
			
		}



.top_links img{
	max-width: 34px;
	height: auto;
}

.lg-menu{
	background-color: #008fc6;
}


.menu-lisaa-liiketta-paavalikko li{
	
	display: inline;
	margin-left: 0px;
}


.menu-lisaa-liiketta-paavalikko {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  float: right;
  flex-direction: unset;
}

.menu-lisaa-liiketta-paavalikko li {
  float: left;
}

.menu-lisaa-liiketta-paavalikko li a {
  display: block;
  color: white;
  text-align: center;
  padding: 0px 15px;
  text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
font-weight: 600;
letter-spacing: 2px;

}

/* Change the link color to #111 (black) on hover */
.menu-lisaa-liiketta-paavalikko li a:hover {
  /* background-color: #111; */
	color: #CDCDCD;
}

.navbar-nav .nav-link {
    padding-right: 10px;
    padding-left: 10px;
}


.jumbotron {
  	padding: 7rem 5rem;
    border-radius: 0;
	
}

.jumbotron h2{
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
}


.etusivunostot li{
	display: inline-block;
}


.card {
   	border: 0;
    border-radius: 0;
}


.card-img-top {  
	border-radius: 0;
	width: 100%;
	height: 175px;
}


.card-title {
    
    font-weight: bold;
}


.card-text {
    color: #939393;
	line-height: 26px;
	font-size: 15px;
}


.lisaa_blogeja_taalta{
	color: #3BC7F4;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
}

.siniviiva{
	width: 100%;
	height: 2px;
	background-color: #3BC7F4;
}

.lisaaliiketta_sisaltoalue{
	background-color: #fff;
	font-size: 14px;
	color: #343434;
	padding: 3rem !important;
	padding-top: 5rem !important;
	margin-bottom: 1rem !important;
}

.lisaaliiketta_sisaltoalue h1{
	font-size: 30px;
    font-weight: 700;
    color: #09afe6;
    margin: 30px 0 20px 0;
}

.lisaaliiketta_sisaltoalue h2{
	font-size: 26px;
    font-weight: 700;
    color: #09afe6;
    margin: 25px 0 15px 0;
}


.lisaaliiketta_sisaltoalue h3{
	font-size: 23px;
    font-weight: 700;
    color: #09afe6;
    margin: 20px 0 13px 0;
}

.lisaaliiketta_sisaltoalue img{
	max-width: 100%;
	height: auto;
}



.ajankohtaista_listaussivukuva {
    float: left;
    display: block;
    clear: left;
    margin: 0 10px 10px 0;
    border: 1px solid #CFCFCF;
    padding: 5px;
}


.ajankohtaista_listausrivi {
    margin: 15px 0;
    border-bottom: #000 solid 1px;
}


.koulutuslistaus {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.koulutuslistaus > li:nth-of-type(2n+1) {
    background-color:#A4DBF2;
}


.koulutuslistaus li {
    margin: 0;
    border-bottom: 1px solid rgb(221,221,221);
    padding: 6px;
    font-size: 13px;
}

.koulutuslistaus li h4 {
    color: #2B426A;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}

.koulutuslista_paikka, .koulutuslista_aika {
    color: #666666;
}

.koulutuksen_lisatiedot {
    display: none;
}

.katsolisaakoulutuksia {
    color: #fff;
    background-color: #2494A5;
    border-color: #2494A5;
	margin-top: 10px;
}

.koulutuksen_lisatiedot ul li {
    border: 0;
}




/* footer */

.footer_wrap{
	-webkit-box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.4);
	background-color: #fff;
	
	font-size: 13px;
	color: #343434;
	
}

.footer_wrap img{
	max-width: 115px;
	height: auto;
	width: 100%;
}

.footer_wrap h3{
	font-size: 23px;
    font-weight: 700;
    color: #3BC7F4;
}


.footer_reunat{
	border-left: 1px solid #3BC7F4;
	border-right: 1px solid #3BC7F4;
}




/* WP */

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}


.wp-caption-text{
	font-size: 12px;
}

.wp-caption{
	margin-bottom: 20px;
}


img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}







    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		
		
		.lisaa_liiketta_logo{
			position: absolute;
			left: -70px;
			top: -25px;
			height: 334px;
			width: 302px;
			z-index: 10;
		}
		
		.lisaa_liiketta_logo img{
			
			
		}
		
		
		.navbar-nav .nav-link {
			padding-right: 15px;
			padding-left: 15px;
		}
		
		
		.menu-lisaa-liiketta-paavalikko li{
	
				display: inline;
				margin-left: 20px;
			}

		
	


	

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		
		.jumbotron h2{
				font-size: 2.5em;
				font-weight: bold;
				color: #fff;
			}
		
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }