/*
Theme Name: Pro Ratas Theme 11.18 - Joentalo
Theme URI: https://www.proratas.fi/
Description: Pro Ratas Theme 11.18
Author: Pro Ratas Oy
Author URI: https://www.proratas.fi/
Template: oceanwp
Version: 1.0
*/

/* Kaikki koot */
picture.wp-post-image img {
    width: 100%;
}
#ratasvideo .elementor-hidden-phone {
	display: block !important;
}

.elementor-message-success {
	display: none;
}

#nappulat {
	position: fixed;
	z-index: 999999;
}

#callWidget {
	position: absolute;
	top: 7em;
	right: -5em;
	display: inline-block;
	z-index: 99999;
	min-width: 12.5em;
}

#callWidget:hover {
	right: 0;
}

#formWidget {
	position: absolute;
	top: 9em;
	right: -5em;
	display: inline-block;
	z-index: 99999;
	min-width: 12.5em;
}

#formWidget:hover {
	right: 0;
}

#footer #site-logo #site-logo-inner a img {
	width: 100%;
}

.sidr-class-social-menu-inner ul li {
	display: inline-block;
}

.oceanwp-mobile-menu-icon a {
	font-size: 1.1em;
}

/**************/
body.page button[type="submit"], body.page button, body.page .button{
  fill: #ffffff;
    color: #ffffff;
    background-color: #5fc1d5;
    border-radius: 0px 0px 0px 0px;
}
body.page button[type="submit"]:hover, body.page button:hover, body.page .button:hover{
	background-color: #262a2b;
}
/* 769px ja pienempi */

@media all and (max-width: 769px) {

	h1.elementor-heading-title {
		font-size: 24px !important;
	}

	.widget-title,
	h2.elementor-heading-title {
		font-size: 22px !important;
	}

	h3.elementor-heading-title {
		font-size: 20px !important;
	}

	h4.elementor-heading-title,
	.elementor-text-editor p {
		font-size: 16px !important;
	}

	.widget-title,
	h1.elementor-heading-title,
	h2.elementor-heading-title,
	h3.elementor-heading-title,
	h4.elementor-heading-title {
		line-height: 22px !important;
	}

	#navigaatio,
	#nappulat {
		position: relative;
	}

	#callWidget {
		position: relative;
		top: 0;
		left: auto;
		clear: both;
		text-align: center;
		right: auto;
		display: inline-block;
		z-index: 99999;
		min-width: 100%;
	}

	#callWidget .elementor-button .elementor-align-icon-left {
		float: none;
	}

	#formWidget {
		display: none !important;
	}
}

/* 480px ja pienempi */

@media all and (max-width: 480px) {

	h1.elementor-heading-title {
		font-size: 22px !important;
	}

	.widget-title,
	h2.elementor-heading-title {
		font-size: 20px !important;
	}

	h3.elementor-heading-title {
		font-size: 18px !important;
	}

	h4.elementor-heading-title,
	.elementor-text-editor p {
		font-size: 16px !important;
	}

	#site-header #site-logo {
		float: none;
		display: block;
		text-align: center;
		width: 100%;
		max-width: none;
	}

	#site-header #site-logo #site-logo-inner {
		display: block;
		margin-top: 20px;
		height: auto !important;
	}

	.oceanwp-mobile-menu-icon {
		float: none !important;
		right: auto !important;
		text-align: center;
	}

	.oceanwp-mobile-menu-icon a {
		line-height: 80px !important;
	}

}