/*
Theme Name: Ollie Child
Theme URI: https://olliewp.com
Author: Mike McAlister
Author URI: https://olliewp.com
Description: A child theme for the Ollie block theme. Download the free Ollie theme at OllieWP.com.
Requires at least: 6.0
Tested up to: 6.2
Requires PHP: 5.7
Version: 0.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ollie
Text Domain: ollie-child
Tags: blog, entertainment, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, wide-blocks, accessibility-ready, 
block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, style-variations, template-editing, theme-options, translation-ready, 
*/


/* OVERFLOW */
body {
	overflow-x: hidden !important;
}


/* FONTIT */
header, main, footer, h1, h2, h3, h4, h5, h6, p {
	font-family: 'Plus Jakarta Sans', sans-serif !important;
    word-spacing: 0.12em;
    letter-spacing: 0.003em;
}

/* .site-header nav-nega { 
	position: absolute;
	z-index: 5;
	width: 100%;
} piste nav-negaan? */



/* LINKIT */
a, a:hover, a:focus {
	text-underline-offset: 4px;
}

footer a {
	text-decoration: none;
}

.footer-small p {
	font-size: 12px !important;
}


/* NAVIGATION */
nav a {
	color: #14111f !important;

	-webkit-transition: all 200ms ease 0s;
	-moz-transition: all 200ms ease 0s;
	-ms-transition: all 200ms ease 0s;
	-o-transition: all 200ms ease 0s;
	transition: all 200ms ease 0s;
}

nav a:hover, nav a:focus {
	color: #0069ff !important;
	text-decoration: none !important;
}

nav .current-menu-item a {
	color: #0069ff !important;
	text-decoration: none !important;
}



/* MISC */
.grecaptcha-badge { 
    visibility: hidden !important; 
}



/* WP-ADMIN */
body.wp-admin .edit-post-fullscreen-mode-close.components-button { 
    display: flex; 
}



/* Mobile NAVI */
.is-menu-open .wp-block-navigation__responsive-container-content{
	text-align: center !important;
}

.is-menu-open ul {
	margin-top: 150px !important;
}

.is-menu-open ul li a span {
	font-size: var(--wp--preset--font-size--medium) !important;
}

.is-menu-open a,
.is-menu-open a:active,
.is-menu-open .current-menu-item a {
	color: #fff !important;
}

.is-menu-open a:hover,
.is-menu-open a:focus {
	color: #fff !important;
}

.wp-block-navigation__responsive-container-close {
    margin-top: 42px !important;
    right: 28px !important;
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
	border-radius: 0px !important;
	margin-right: 0 !important;
	background-color: #fff !important;
}

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
	width: 30px !important;
	height: 30px !important;
	fill: #0069ff !important;
}

.is-menu-open.has-modal-open .wp-block-navigation__container > li:first-child > a {
    max-width: 100% !important;
}

.is-menu-open .wp-block-navigation__responsive-dialog {
	margin-top: 5px !important;
	margin-right: 5px !important;
}





/* Posts: NEXT / PREV */
.post-navigation-link-next a, .post-navigation-link-previous a {
	text-decoration: none !important;
}



/* BUTTONS */

.wp-element-button, .wp-block-button__link, form input.wpcf7-submit,
input[type=button], input[type=submit]:not(.wp-core-ui .button), input[type=reset],
.is-style-wp-block-button__link,
form button[type=submit]  {
	cursor: pointer !important;

	color: #0069ff !important;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 700 !important;
	text-decoration: none !important;
	border: 4px solid #0069ff !important;
	background-color: #ffffff !important;
	border-radius: 0px !important;
	padding: 0.5em 1.5em !important;

	-webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-ms-transition: all 300ms ease 0s;
	-o-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
}


.wp-element-button:hover, .wp-block-button__link:hover, form input.wpcf7-submit:hover,
.wp-element-button:focus, .wp-block-button__link:focus, form input.wpcf7-submit:focus,
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover,
input[type=button]:focus, input[type=submit]:focus, input[type=reset]:focus,
.is-style-wp-block-button__link:hover, .is-style-wp-block-button__link:focus,
form button[type=submit]:hover, form button[type=submit]:focus {
	text-decoration: none !important;
	border-radius: 0px;
	background-color: #0069ff !important;
	color: #ffffff !important;
		display: inline-block;

		appearance: none;
		-webkit-appearance: none;
		font-smooth: auto;
		-webkit-font-smoothing: antialiased;	
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

/* Form button vielä erikseen */
div.wpforms-container-full button[type=submit] {
	box-shadow: none !important;
	line-height: inherit !important;
	padding: 0.5em 1.5em !important;
	height: unset !important;
}

div.wpforms-container-full button[type=submit]:hover {
	background-color: #0069ff !important;
	background: #0069ff !important;
}



/* buttons nega */
.has-background .wp-element-button, .has-background .wp-block-button__link {
	border: 4px solid #ffffff !important;
	background-color: transparent !important;	
	color: #fff !important;

	-webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-ms-transition: all 300ms ease 0s;
	-o-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
}


.has-background .wp-element-button:hover, .has-background .wp-block-button__link:hover,
.has-background .wp-element-button:focus, .has-background .wp-block-button__link:focus {
	color: #0069ff !important;
	background-color: #fff !important;
		display: inline-block;

		appearance: none;
		-webkit-appearance: none;
		font-smooth: antialiased;
		-webkit-font-smoothing: antialiased;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

/* Button form */
/* form input {
	text-decoration: none !important;
	border: 4px solid #0069ff !important;
	background-color: #ffffff !important;
	border-radius: 0px;
	padding: 0.5em 1.5em !important;

	-webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-ms-transition: all 300ms ease 0s;
	-o-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
} */



/* FORMS */
.wpforms-field-label {
	font-weight: 400 !important;
	margin-bottom: 5px !important;
}

.wpforms-container input.wpforms-field-medium {
	max-width: 100% !important;
}



/* buttons footer */
.has-background .wp-element-button, .has-background .wp-block-button__link {
	color: #fff !important;
}


/* Blog post "cards" */
.wp-block-post-featured-image__overlay {
	opacity: 0 !important;

	-webkit-transition: all 300ms ease-in-out 0s;
	-moz-transition: all 300ms ease-in-out 0s;
	-ms-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}

.wp-block-post-featured-image__overlay:hover, .wp-block-post-featured-image__overlay:focus {
	opacity: 0.7 !important;
}


.zoom a {
	width: 100%;
	height:auto;
	overflow: hidden;
  }
  
.zoom a img {
	width: 100%;
	transition: all .3s ease-in-out;
  }
  
.zoom a:hover > img, .zoom a:focus > img {
	transform: scale(1.1);
  }
.wp-block-post a:hover, .wp-block-post a:focus {
	color: #0069ff !important;
	text-decoration: none;
}

a.wp-block-post-excerpt__more-link:hover, a.wp-block-post-excerpt__more-link:focus {
	text-decoration: underline;
}






/* Mobiilityylejä lisätty */

@media screen and (max-width: 1060px){
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: block !important;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none !important;
	}


}