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

.active-no-color {
	color:#555;
}
::placeholder {
	color:#525252;
}
/*Varaa maksuton konsultaatio nappi*/
.konsultaatio {
	background-color:#3F4542;
	border-radius:23px;
	color:#fff !important;
	position: absolute !important;
	left: 266px;
}
.konsultaatio a {
	color:#fff !important;
}
.konsultaatio a:hover {
	color:#fff !important;
}

/*Tutustu verkkokauppaamme nappi*/
.verkkokauppa {
	background-color:#3F4542;
	border-radius:23px;
	color:#fff !important;
	position: absolute !important;
	left: 575px;
}
.verkkokauppa a:hover {
	color:#fff !important;
}
.verkkokauppa a {
	color:#fff !important;
}

/*logon margin jotta navin muut linkit eivät tule konsultaatio ja verkkokauppa napin pääle*/
.navbar .title-logo-wrapper {
    margin: 0 555px 0 0;
}

/*Soita meille-osio*/
#call-section {
	font-size: 1.2em;

}
.tehoste {
	color:#00b1b2;
	font-weight:bold;
}

/*Headerin muokkaus*/
.header-filter::before {
    background: 
    none;
}
.header-filter {
    background-position: top center;
  
}
#carousel-hestia-generic span.sub-title {
    font-size: 1.5em !important;
    font-weight: normal;
	font-family:Roboto;
}
#carousel-hestia-generic .btn {
	font-size:1.3em !important;
	font-weight:bold;
	background-color:#3F4542;
	box-shadow:none;
}
#carousel-hestia-generic {
    top: 67px;
}
.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-3-container{
	width:99%;
}
.nf-field-4 {
	color:#fff;
}

.nf-error-msg {

	color:#000 !important;
}


/*footerin copyright*/
.copyright {
	text-align:center;
	float:none !important;
	
}

/*footerin some*/
#menu-some-1 {
	display:none;
}

/*Päävalikko / Navi */
.navbar .navbar-nav > li a {
  	font-weight: bold;
	font-size:1.25em;
}
.navbar .navbar-nav > li .dropdown-menu li > a {
	font-weight:normal;
	font-size:1.1em;
}
.dropdown-menu {
	overflow: auto;
	max-height: 84vh;
	padding: 1vmin;
}
#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;
}


/*Niiden osioiden container jonka halutaan olevat ruudun levyinen*/
.navbar > .container, .hestia-top-bar .container, #about .container {
	width:100vw;
}
/*Yhteistyökumppaneiden logot*/
#yhteistyo-kumppanit .wp-block-image{
	width: 33%;
	display: inline-block;
	text-align: center;
}

/*blogien muokkaus*/
.hestia-blogs .category a{
	color:#00b1b2 !important;
}

.header-filter-gradient {
    background: linear-gradient(45deg, 
		rgba(0,177,178,1) 0%, rgb(0, 178, 178) 100%)!important;
}

/*Pienelle näytölle*/
@media (max-width: 1260px){
	.navbar .navbar-nav > li a {
    font-size: 1em;
	}
	.konsultaatio {
    left: 254px;
	}
	.verkkokauppa {
	left: 490px;
	}
	.navbar .title-logo-wrapper {
    margin: 0 435px 0 0;
	}
}
@media (max-width: 1080px){
	.navbar .navbar-header .navbar-brand img {
    max-height: 17px;
	}
	.konsultaatio {
    left: 170px;
	}
	.verkkokauppa {
	left: 410px;
	}
	.navbar .title-logo-wrapper {
    margin: 0 345px 0 0;
	}
	.navbar .navbar-nav > li {
    margin-right: 8px;
    margin-left: 8px;
	}
}

@media (max-width: 950px){
	.navbar.hestia_left .title-logo-wrapper {
    min-width: 155px;
	}
	.navbar .title-logo-wrapper {
    margin: 0;
	}
	.konsultaatio {
    left: 0;
    position: relative !important;
	}
	.verkkokauppa {
    left: 0;
    position: relative !important;
	}
}

@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;
	}
	#carousel-hestia-generic .hestia-title {
    font-size: 28px;
	}
	
	.nf-field-container {

    	width: 99%;
    	display: block;
	}
	/*footerin some*/
	#menu-some-1 {
		display:block;
	}
	.navbar .title-logo-wrapper {
    margin: 0 ;
	}
	.carousel .page-header {
    padding: 0;
	}
	#carousel-hestia-generic {
    top: 24px;
	}
/*Yhteistyökumppaneiden logot*/
	#yhteistyo-kumppanit .wp-block-image{
	width: 100%;

}

}


@media (max-width: 550px) {
	#carousel-hestia-generic span.sub-title {
    font-size: 1.1em !important;
    
	}
	#carousel-hestia-generic .hestia-title {
    font-size: 20px;
	}
	#call-section {
		font-size: 0.9em;

	}
	.hestia-top-bar .col-md-6 {
		padding:0 5px;
	}
	.carousel .buttons {
    margin-top: 30px;
	}
	.header-filter {
    background-position: 64% 0;
}
	
}