/*
Theme Name: Hestia Child
Theme URI: https://www.themeisle.com/
Description: This is a custom child theme I have created.
Author: ThemeIsle
URI: https://www.themeisle.com/
Template: hestia    
Version: 0.1
*/

/*Tekstien värit*/

body {
    color: #000;
   
}
.footer-big, .footer-big p {
    color: 
    #fff;
}
.card-blog a.moretag, .card-blog a.more-link {
    color:#000;
    font-weight: bold;
}
.description, .card-description, .card-title a {
    color: 
    #000;
}

.card .author a, .card-no-width .author a, .hestia-title {
    color: #000;

}

aside .widget a {
    color: #000;
}
.active {

	color:#e5007d;
	
}

.active-no-color {
	color:#555;
}

/*konsultaatio nappi*/
.konsultaatio {
	background-color:#3F4542;
	border-radius:23px;
	color:#fff !important;
	margin-right: 1em !important;
	position: absolute !important;
	left: 230px;
}
.konsultaatio a:hover {
	color:#fff !important;
}
.konsultaatio a {
	color:#fff !important;
}
/*Tutustu verkkokauppaamme nappi*/
.verkkokauppa {
	background-color:#3F4542;
	border-radius:23px;
	color:#fff !important;
	position: absolute !important;
	left: 525px;
}
.verkkokauppa a:hover {
	color:#fff !important;
}
.verkkokauppa a {
	color:#fff !important;
}

/*Logon margin ettei navin itemit mene konsultaatio napin päälle*/
.navbar .title-logo-wrapper {
    margin: 0 508px 0 0;
}


/*headerin muokkaus*/

#carousel-hestia-generic {
	top: 67px;
}

#carousel-hestia-generic span.sub-title {
    font-size: 1.5em !important;
    font-weight: normal;
	font-family:Roboto;
}
.header-filter::before {
    background: none;
}
#carousel-hestia-generic .btn {
	font-size:1.3em !important;
	font-weight:bold;
	background-color:#3F4542;
	box-shadow:none;
	margin:2vmin 1vmin;
}



/*Päänavigaatio*/

.navbar .navbar-nav > li a {
  font-weight: bold;
	font-size:1.20em;
}
.navbar .navbar-nav > li .dropdown-menu li > a {
	font-weight:normal;
	font-size:1.1em;
}

.navbar .navbar-nav > li a:hover {
	color:#e5007d;
}
#menu-paavalikko > li > ul[style~="right:"],
#menu-paavalikko > li > ul[style*="right:100%"] {
	right: 0 !important;
}

#menu-paavalikko > li:last-child > ul {
	right: 0;
	left: auto;
}



/*Soita meille osio*/
.tehoste {
	color:#e5007d;
	font-weight: bold;
}
#call-section {
	font-size: 1.2em;
	padding: 0 2vmin;
}


/*Etusivun about osio*/

#about {
	padding:0;

}




/*Niiden osioiden container jonka halutaan olevat ruudun levyinen*/
.navbar > .container, .hestia-top-bar .container, #about .container, .page-header .container {
    width: 100vw;
  
} 

/*Lomake*/

#lomake-osio {
	margin:5vmin auto;
}
#lomake-osio .nf-form-layout {
    box-shadow: 5px 5px 22px #b8b8b8, -5px -5px 22px #b8b8b8;
    border-radius: 5px;
	padding:4vmin;
	box-sizing: border-box;
}
#lomake-osio h2{
	text-align:center;
	
}
#lomake-osio p {
	text-align:center;

}
.nf-field-container {
    margin-right:2%;
    width: 47%;
    display: inline-block;
	box-sizing: border-box;
	vertical-align:top;
}
#nf-field-7-container{
	width:99%;
}
.nf-field-8 {
	color:#fff;
}

.nf-error-msg {

	color:#000 !important;
}



.copyright {
	text-align:center;
	float:none !important;
	
}
/*Pienelle näytölle*/

@media (max-width: 1280px){
	.navbar .navbar-nav > li a {
    font-size: 0.9em;
	}
	.konsultaatio {
    left: 210px;
	}
	.verkkokauppa {
	left: 450px;
	}
	.navbar .title-logo-wrapper {
    margin: 0 386px 0 0;
	}
}
@media (max-width: 1080px){
	.navbar .navbar-header .navbar-brand img {
    max-height: 17px;
	}
	.navbar .navbar-nav > li {
    margin-right: 8px;
    margin-left: 8px;
	}
	.navbar .navbar-nav > li a {
		font-size: 0.9em;
	}
	/*.konsultaatio {
    left: 147px;
	}
	.verkkokauppa {
    left: 370px;
	}
	.navbar .title-logo-wrapper {
    margin: 0 300px 0 0;
	}*/
	.navbar.hestia_left .title-logo-wrapper {
    min-width: 138px;
	}
	.navbar .title-logo-wrapper {
    margin: 0;
	}
	.konsultaatio {
    left: 0;
    position: relative !important;
	}
	.verkkokauppa {
    left: 0;
    position: relative !important;
	}
}

@media (max-width: 980px){
	#lomake-osio .nf-form-layout {
		width:100%;
	}
}



@media (max-width: 768px){
	@media (max-width: 768px){
	.konsultaatio {
		display: block;
		position: relative !important;
		left:0;
		margin-bottom: 1em !important;
	}
	.verkkokauppa {
		display: block;
		position: relative !important;
		left:0;
		margin-bottom: 1em !important;
	}
	
	.nf-field-container {

    	width: 99%;
    	display: block;
	}

	#call-section {
		font-size: 0.9em;
		padding:0;
	}
	.navbar .title-logo-wrapper {
    margin: 0 ;
	}
	.carousel .page-header {
    padding: 0;
	}
	#carousel-hestia-generic {
    top: 24px;
	}
}

@media (max-width: 700px){
	.etusivunkuvat {
	width:80%;	
	margin-bottom:7%;
	}

	.page-header .container .hestia-title {
		font-size:28px;
	}
}
@media (max-width: 550px) {
	#carousel-hestia-generic span.sub-title {
    font-size: 1.1em !important;
    
	}
	.hestia-top-bar .col-md-6 {
   padding: 0 8px;
	}
}