/**
Theme Name: Ampersand
Author: Ampersand Design Oy
Author URI: https://ampersand.fi/
Description: Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ampersand
Template: astra
*/

/* Animation Fade */

@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translate3d(0, -30%, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-30%, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(20%, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 30%, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

/* Nav bar */

.site-header .ast-site-identity {
	padding-left: 0;
}

.ast-logo-title-inline .site-logo-img {
	margin: auto;
	position: relative;
	left: 5%;
	padding-right: 0;
}

.ast-primary-sticky-header-active .main-header-bar-wrap .main-header-bar, .ast-primary-sticky-header-active.ast-header-break-point .main-header-bar-wrap .main-header-bar {
	padding-top: 1em;
}

.ast-header-break-point .main-header-bar {
	border-bottom: none;
}

.ast-theme-transparent-header #masthead {
	padding-top: 3em;
}

/* Nav - Toggle button */

.ast-button-wrap .menu-toggle .menu-toggle-icon {
	line-height: 1.05;
	font-size: 2em;
}

.ast-theme-transparent-header .menu-toggle {
	color: #fff !important;
}

.ast-primary-sticky-header-active .menu-toggle {
	color: #002168 !important;
}

.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle {
	background: none;
	font-size: 1rem;
}

/* Nav - Vasemmalle aukeava menu */

.ast-header-break-point .main-navigation ul .menu-item .menu-link {
	line-height: 1.2em !important;
	padding-bottom: 0.8em !important;
	letter-spacing: 4px !important;
}

.main-header-menu .sub-menu .menu-link {
	padding-bottom: 0.5em !important;
}

.ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation #site-navigation, .ast-flyout-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-merge-header-navigation-wrap {
	width: 425px !important;
}

@media (max-width: 575.98px) {
	.ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation #site-navigation, .ast-flyout-menu-enable.ast-header-break-point .ast-primary-menu-disabled .ast-merge-header-navigation-wrap {
		width: 325px !important;
	}
}

/* Nav language switcher */

@media (max-width: 767.98px) {
	.nav_language .uael-nav-menu span {
		display: none;
	}
}

/* Etusivu - Tuotteet ja palvelut */

.etusivu_tuotteet_linkki a {
	color: #222;
}

.etusivu_tuotteet_linkki a:hover {
	color: #0135A5;
}

/* Palvelut - Esite */

.palvelut_esite {
	transform: rotate(-14deg);
	transition: 1s;
}

.palvelut_esite:hover {
	transform: rotate(0deg);
}

/* Yritys - Arvot */

.yritys_arvot_linkki a {
	color: #fff;
}

.yritys_arvot_linkki a:hover {
	color: #dadada;
}

/* Contact - Hide footer */

.page-id-243 .ast-custom-footer,
.page-id-907 .ast-custom-footer {
	display: none;
}

/* Cookie notice - teksti */

#cookie-notice {
	font-family: 'Open Sans';
}

.cookie-notice-container a {
	color: #fff;
	text-decoration: underline;
}

.cookie-notice-container a:hover {
	color: #78caff;
}

/* Cookie notice - button */

#cookie-notice .cn-button {
	border-radius: 15px;
	background: #fff;
	color: #002168;
	font-weight: 700;
    text-transform: uppercase;
}

/* Ninja Forms */

.nf-form-fields-required {
	display: none;
}

input[type="button"] {
	color: #002168 !important;
    background-color: #fff !important;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 1em;
	padding: 1em 4em 1em 4em;
	border-radius: 30px !important;
	float: right;
	transition: 0.3s;
}

input[type="button"]:hover {
	color: #fff !important;
	background: #0135A5 !important;
}

input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
	border-radius: 0 !important;
}

.nf-field-element textarea {
	height: 160px !important;
}

.nf-field-container {
	margin-bottom: 10px !important;
}

.nf-error-msg, .ninja-forms-req-symbol {
	color: #bababa !important;
}

.nf-field-container .field-wrap .nf-element::placeholder {
    color: #636363;
	opacity: 1;
}