/*
Theme Name: Käpy Palaa
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/* Numerolista Sivuilla */

/* Otsikon tavutus mobiilissa Asetukset oli 10 3 4
Oli aiemmin div *
*/

/* Leipätekstin linkkityyli valkoiseksi */

/* Tää ensimmäinen tepsi perustekstiin, poistettu käytöstä */
/*
.wpb_text_column > div p a {
   color: #ffffff !important;
}


.wpb_text_column .alt-link-style {
   color: #ffffff !important;
}

.wpb_text_column .alt-link-style a {
   color: #ffffff !important;
}

.wpb_text_column #alt-link a {
   color: #ffffff !important;
}
*/

/* h4-otsikkoon tavutus desktopillekin */
.wpb_text_column > div h4 {
	-webkit-hyphens: auto !important;
	-ms-hyphens: auto !important;
	hyphens: auto !important;
	-webkit-hyphenate-limit-before: 5 !important;
	-webkit-hyphenate-limit-after: 5 !important;
	-ms-hyphenate-limit-chars: 10 5 5 !important;
	hyphenate-limit-chars: 10 5 5 !important;
	}
}

@media (max-width: 1000px) {
	.wpb_text_column > div h1,
	.wpb_text_column > div h2 {
	-webkit-hyphens: auto !important;
	-ms-hyphens: auto !important;
	hyphens: auto !important;
	-webkit-hyphenate-limit-before: 4 !important;
	-webkit-hyphenate-limit-after: 4 !important;
	-ms-hyphenate-limit-chars: 10 4 4 !important;
	hyphenate-limit-chars: 10 4 4 !important;
	}
}

@media (max-width: 1000px) {
	.wpb_text_column > div h3,
	.wpb_text_column > div h4,
	.wpb_text_column > div h5,
	.wpb_text_column > div h6 {
	-webkit-hyphens: auto !important;
	-ms-hyphens: auto !important;
	hyphens: auto !important;
	-webkit-hyphenate-limit-before: 5 !important;
	-webkit-hyphenate-limit-after: 5 !important;
	-ms-hyphenate-limit-chars: 10 5 5 !important;
	hyphenate-limit-chars: 10 5 5 !important;
	}
}

.wpb_text_column > div p {
	-webkit-hyphens: auto !important;
	-ms-hyphens: auto !important;
	hyphens: auto !important;
	-webkit-hyphenate-limit-before: 3 !important;
	-webkit-hyphenate-limit-after: 3 !important;
	-ms-hyphenate-limit-chars: 10 3 4 !important;
	hyphenate-limit-chars: 10 3 4 !important;
}

/* Ei tavutusta tiettyihin leipiksiin */
.wpb_text_column.no-hyphen {
	-webkit-hyphens: none !important;
	-ms-hyphens: none !important;
	hyphens: none !important;
	-webkit-hyphenate-limit-before: none !important;
	-webkit-hyphenate-limit-after: none!important;
	-ms-hyphenate-limit-chars: none !important;
	hyphenate-limit-chars: none !important;
}

/* Ei tavutusta tiettyihin otsikoihin */
.wpb_text_column.heading-no-hyphen {
	-webkit-hyphens: none !important;
	-ms-hyphens: none !important;
	hyphens: none !important;
	-webkit-hyphenate-limit-before: none !important;
	-webkit-hyphenate-limit-after: none!important;
	-ms-hyphenate-limit-chars: none !important;
	hyphenate-limit-chars: none !important;
}

/* Leipiksen tavutus mobiilissa Asetukset oli 10 3 4
@media (max-width: 1000px) {
	.wpb_text_column > div p {
	-webkit-hyphens: auto !important;
	-ms-hyphens: auto !important;
	hyphens: auto !important;
	-webkit-hyphenate-limit-before: 3 !important;
	-webkit-hyphenate-limit-after: 3 !important;
	-ms-hyphenate-limit-chars: 10 3 3 !important;
	hyphenate-limit-chars: 10 3 3 !important;
	}
}
*/

/* Kuvatekstit */
.single .w-image-meta,
.image-caption, .w-image-title,
.article-image-caption {
    font-size: 0.8rem !important;
}

.w-image-title {
    font-size: 0.8rem !important;
}

.w-image-meta {
    font-size: 0.8rem !important;
}

/* Mobiilin headerin hover-väri */

.w-text.lataaopas-header > a {
	color: #fcbb76 !important;
}

.w-text.lataaopas-header > a:hover {
	color: #fcbb76 !important;
}

.w-nav-control:hover {
   color: #ffffff !important;
}

.w-nav-icon:hover {
   color: #ffffff !important;
}

.w-nav-control .w-nav-icon .mobinavicolor:hover {
   color: #ffffff !important;
}

/* Ruotsinkielisen latauslinkin mobiilin säätö tiukemmaksi */
@media screen and (max-width: 900px) {
	.l-subheader-cell at_center .swe-ladda {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	}
}

/* Englanninkielisen latauslinkin mobiilin säätö tiukemmaksi */
@media screen and (max-width: 900px) {
	.l-subheader-cell at_center .eng-download {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	}
}

/*
Mobiilinavin viilaukset

@media screen and (max-width: 900px) {
	.w-nav-open body {
		overflow: hidden;
	}
	.type_mobile .w-nav-list {
		max-height: none !important;
		height: 100vh !important;
		background: #68111e !important;
	}
}
*/

/*
.wpb_wrapper.wpb_text_column.picrounded img {
    border-radius: 3px !important;
	margin-top: 3px !important;
}
*/

/*
.wpb_wrapper img {
    border-radius: 300px !important;
    margin-top: 300px !important;
}
*/

.w-image.custom-opacity-image:hover img {
    opacity: 0.75 !important;
    transition: opacity 200ms !important;
}

/* Animaation pituus pidemmäksi */
.w-image.custom-animation-duration {
   animation-duration: 1.4s !important;
}

/* Mainoksen hahmojen floating-animaatio */

.w-image.float-image-animation1 {
    animation: aft 1.2s ease-in-out forwards, 
               float 6s ease-in-out infinite 2s;
}
@keyframes float {
    0% {
        transform: translateY(0px);
    }
    65% { 
        transform: translateY(-14px);
    }
    100% { 
        transform: translateY(0px);
    }
}

.w-image.float-image-animation2 {
    animation: aft 1.2s ease-in-out forwards, 
               float 6s ease-in-out infinite 2s;
}
@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% { 
        transform: translateY(-25px);
    }
    100% { 
        transform: translateY(0px);
    }
}

.w-image.float-image-animation {
    transform: translateY(0px);
    animation: float 5s ease-in-out infinite;
}
@keyframes float {
    0% {
        transform: translateY(0px);
    }
    50% { 
        transform: translateY(-18px);
    }
    100% { 
        transform: translateY(0px);
    }
}

/* Isojen tukijatekstien henkilökuvien keskittäminen mobiilissa */
@media screen and (max-width: 1024px) {
    .wpb_text_column img.centered-on-mobiles {
        margin: 0 auto !important;
        margin-bottom: 1.3rem !important;
    }
}

.picrounded .wpb_wrapper img {
    border-radius: 50%;
    margin-top: 0.5rem;
    margin-bottom: 0.9em;
    margin-right: 1.5em;
    border: 0.5rem solid #e1be9b;
    max-width: 350px;
}

@media (max-width: 1000px) {
	.picrounded .wpb_wrapper img {
    	border-radius: 50%;
    	margin-top: 0.5rem;
    	margin-bottom: 0.9em;
    	border: 0.5rem solid #e1be9b;
    	max-width: 350px;
    }
}

.picrounded-darker .wpb_wrapper img {
    border-radius: 50%;
    margin-top: 0.5rem;
    margin-bottom: 0.9em;
    margin-right: 1.5em;
    border: 0.5rem solid #e1be9b;
    max-width: 350px;
}

/* Tälleen se oli ennen, myöhemmin poistettu auto:t
@media (max-width: 1000px) {
	.picrounded .wpb_wrapper img {
    	border-radius: 50%;
    	margin-top: 0.5rem;
    	margin-bottom: 0.9em;
    	margin-left: auto;
    	margin-right: auto;
    	border: 0.5rem solid #e1be9b;
    	max-width: 350px;
    }
}
*/

/* Isompien tukijoiden artikkelien mobiilikuvien korjailut

@media (max-width: 1000px) {
	.wpb_text_column picrounded has_text_color img {
    	border-radius: 50% !important;
    	margin-top: 0.5rem !important;
    	margin-bottom: 1.1em !important;
    	margin-left: auto !important;
    	margin-right: auto !important;
    	border: 0.5rem solid #e1be9b !important;
    	max-width: 350px !important;
	}
}
*/

.vc_column-inner ol {
  	margin-left: 0 !important;
}

.vc_column-inner ol li {
  	margin-left: 1.2rem !important;
  	padding-left: 0 !important;
}

.w-iconbox.custom-iconbox1 .w-iconbox-icon{
   color: #68111e !important;
}

.w-iconbox.custom-iconbox1 .w-iconbox-icon:hover{
   color: #fcbb76 !important;
}

.w-iconbox.custom-iconbox2 .w-iconbox-icon{
   color: #ffffff !important;
}

.w-iconbox.custom-iconbox2 .w-iconbox-icon:hover{
   color: #fcbb76 !important;
}

.w-socials-item-link-hover {
	color: red !important;
	background: #000000 !important;
}

.backtotoprounded {
	border-radius: 25px !important;
}

.l-section.custom-opacity .w-image img:hover,
.w-content-carousel.custom-opacity .w-image img:hover {
   opacity: 0.75 !important;
}

/*
.sisasivu-nappi {
  	margin-top: 10rem !important;
  	padding-top: 10rem !important;
}
*/

/* Selainspesifiset määrittelyt
Mobiili-Chromen fiksaus nappeihin 
@media screen and (max-width: 800px) {
.chrome .blue-btn {
    padding-top: 1.4rem !important;
    padding-bottom: 1.4rem !important;
	}
}

.safari .etusivun_alanostot {
    margin-top: 0rem !important;
    margin-bottom: 0.2rem !important;
    margin-left: 0rem !important;
    margin-right: 0rem !important;
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}

.firefox .etusivun_alanostot {
    margin-top: 0.05rem !important;
    margin-bottom: 0rem !important;
    margin-left: 0rem !important;
    margin-right: 0rem !important;
	padding-top: 0em !important;
	padding-bottom: 0em !important;
	padding-left: 0rem !important;
    padding-right: 0rem !important;
}

.edge .etusivun_alanostot {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
    padding-top: 0em !important;
	padding-bottom: 0em !important;
	padding-left: 0rem !important;
    padding-right: 0rem !important;
}
*/