﻿/* omat muutokset */

html,body {
	font-size: 14px;
}


body, p {
	color: #222;
}

a {
	cursor:pointer;
}

#cmsPageContent ul, #cmsPageContent ol {
	list-style: square;
}

#cmsPageContent ul {
    padding: 5px;
    margin: 0px 0px 0px 12px;
}


#cmsPageContent h1, #cmsPageContent h2, #cmsPageContent h3 {
	margin: 20px 0px 10px 0px;
}

#cmsPageContent p {
    margin: 10px 0px;
}

.submenu li {
	float:left;
	padding: 5px 22px 0px 0px;
}

.submenu li a {
	font-size:1em;
}


.widget-search input[type=search]:focus, #contact-form input[type=text]:focus, #contact-form textarea:focus, #respond input[type=text]:focus, #respond textarea:focus {
	border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);	
} 

.post-row {
	margin-top:3em;
}

.post-row:first-child {
	margin-top:0em;
}

.post-content {
	padding-left:4.1em;
}

.classic-title {
	line-height:2em;
	padding-bottom:3px;
}

.left-meta-post {
	xpadding-bottom:3em;
	height:100%;
}


#main-slide .carousel-indicators {
	margin-bottom:0px;
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}

	.submenu li {
		float:none;
	}
	
}


#main-slide .carousel-control i {
    line-height: 2rem;
    line-height: 4vw;    
    font-size: 2rem;
    font-size: 4vw;
    padding: 1rem 2rem;
    padding: 1vw 2vw;    
}

.service-box {
	min-height:15rem;
}

.service-box:hover {
	background: #fafafa;
	border-radius:5px;
}