/*
Theme Name: KIF-Home
Theme URI: 
Author: BTA
Author URI: https://kif.fi
Description: KIF Homepage
Requires at least: 6.0
Tested up to: 6.3.1
Requires PHP: 5.7
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: kif-home
Tags: wide-blocks, block-patterns, block-styles, editor-style, full-site-editing
*/

/* Defaults. */
* {
	/* Enables features from the registered fonts. */
	font-feature-settings: "tnum", "ss01" 1;
	font-variant-numeric: slashed-zero;

}

a:where( :not( :focus ) ),
input:focus,
textarea:focus,
.wp-element-button {
	transition: all 0.5s ease-in-out;
}

:where( a:not( .wp-element-button ):focus ) {
	outline: 1px solid currentColor;
	outline-offset: 0.0625em;
}

a,
.wp-element-button {
	text-underline-offset: 0.0625em;
}

:where( :not( pre ) > code ) {
	padding: 0.125em 0.25em;
	font-size: 0.8125em;
	font-weight: 600;
	background: var( --wp--preset--color--neutral-100 );
}

kbd {
	padding: 0.125em 0.25em;
	font-size: 0.8125em;
	background: var( --wp--preset--color--neutral-100 );
	border: 1px solid var( --wp--preset--color--neutral-300 );
	border-radius: 0.25rem;
}

mark {
	padding: 0.25em;
}

s {
	color: var( --wp--preset--color--neutral-400 );
	text-decoration-color: var( --wp--preset--color--primary-700 );
}

sup,
sub {
	font-size: 0.8125em;
}

/*audio,
video {
	display: block;
}
*/
/**
 * Combine each line-height set via `settings.custom.lineHeight` in `theme.json`
 * with the corresponding font-size set via `setting.typography.fontSizes`.
 */
.has-5-xl-font-size { line-height: var( --wp--custom--line-height--5-xl ); }
.has-4-xl-font-size { line-height: var( --wp--custom--line-height--4-xl ); }
.has-3-xl-font-size { line-height: var( --wp--custom--line-height--3-xl ); }
.has-2-xl-font-size { line-height: var( --wp--custom--line-height--2-xl ); }
.has-xl-font-size   { line-height: var( --wp--custom--line-height--xl ); }
.has-lg-font-size   { line-height: var( --wp--custom--line-height--lg ); }
.has-md-font-size   { line-height: var( --wp--custom--line-height--md ); }
.has-sm-font-size   { line-height: var( --wp--custom--line-height--sm ); }
.has-xs-font-size   { line-height: var( --wp--custom--line-height--xs ); }

/* Loosens the spacing above headings tightens the spacing below. */
.wp-block-post-content :is( h1, h2, h3, h4, h5, h6 ) {
	margin-block-end: 0;
}

.wp-block-post-content * + :is( h1, h2, h3, h4, h5, h6 )  {
	margin-block-start: var( --wp--preset--spacing--120 );
}

.wp-block-post-content :is( h1, h2, h3, h4, h5, h6 ) + * {
	margin-block-start: var( --wp--preset--spacing--40 );
}

.wp-block-post-content :where( hr, .wp-block-spacer ) + :is( h1, h2, h3, h4, h5, h6 ),
.wp-block-post-content :is( h1, h2, h3, h4, h5, h6 ) + :where( hr, .wp-block-spacer ) {
	margin-block-start: var( --wp--style--block-gap );
}

/* Center captions (WP doesn't support text-align in `theme.json`). */
.wp-element-caption {
	text-align: center;
}

/* Prefix `cite` elements (WP doesn't support element CSS in `theme.json`). */
cite::before {
	content: "\2013\00a0"
}

/* Adds form element styles, which aren't yet supported in `theme.json`. */
input,
select,
textarea,
:where( .wp-block-search__button-inside .wp-block-search__inside-wrapper ),
.wp-block-search__input,
.wp-block-post-comments-form :is( input:not( .wp-element-button ), textarea ) {
	font-family: inherit;
	font-size: inherit;
	font-style: normal;
	font-weight: 400;
	line-height: inherit;
	color: inherit;
	background: transparent;
	border: 1px solid var( --wp--preset--color--neutral-300 );
}

input[type="checkbox"],
input[type="radio"],
.wp-block-search__button-inside .wp-block-search__input {
	border: none;
}



.testi {
	content: ""; /* create a pseudo-element */
	filter: brightness(90%);
	transition: all .5s; /* for smooth transition */
	z-index: -1; /* put it behind the actual content */
  
}



.testi:hover {
	filter: brightness(100%);
	scale:1.05;
	
}


.wp-block-media-text__media img {
	border-radius: 15px;
	transition: all .5s;
}
.wp-block-media-text__media img:hover {
	scale: 1.1;
	transition: all .5s;
}

.videot {
	overflow: visible;
	
    display: grid;
    align-content: center;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 10px;
	transition: all .5s;
	
}
.video:hover {
	scale: 2;
	transition: all .5s;
}
.cover {
	border-radius: 15px;
}

/* Style each video item in the grid */
.video {
    border-radius: 25px; /* Apply border-radius to video items */
    transition: all .5s;
    width: 100%;
    height: 100%;
    object-fit: cover;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	padding: 0%;
	margin: 0%;
	
}
@media screen and (max-width: 850px) {

	.video:hover {
		scale: 1;
		transition: all 0s;
	}
}



.wp-block-media-text__media video {
	border-radius: 15px;
	
}

.wp-block-media-text__content2 {
	scale: 1;
	align-self: center;
}

.mutevideo video {
	transition: all .5s;
}
.mutevideo:hover video {
	transform: scale(1.1);
	transition: all 0.5s;
}

.wpcf7-form {
	padding: 20px;
	outline: 2px solid rgb(65, 162, 241);
}
.wpcf7-form-control {
	width: 100%;
}