/*
Theme Name: Twenty Twenty Four Child
Description: Custom child theme based on Twenty Twenty-Four
Template: twentytwentyfour
Version: 1.0.0
*/

/* //-> Style */
	body {
		font-size: 16px !important;
		line-height: 24px;
	}
/* //-> Ken Burns effect for hero banner */
	.hero-kenburns .wp-block-cover__image-background {
		animation: kenBurns 25s ease-in-out infinite alternate;
		transform-origin: center;
	}

	@keyframes kenBurns {
		0% {
			transform: scale(1) translate(0, 0);
		}
		100% {
			transform: scale(1.08) translate(-2%, -2%);
		}
	}
	
/* //-> Shadow text */
	.shadow-text {
		text-shadow: 0px 0px 5px #000000;
	}
/* //-> Navigation */
	.wp-block-navigation .wp-block-navigation-item__label {
		text-transform: uppercase;
		font-weight: 600;
		font-size: 14px;
	}
		.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
			border: none;
			box-shadow: var(--wp--preset--shadow--natural);
			padding: 6px 0px;
		}
			.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
				padding: 12px 18px;
			}
			
		ul.wp-block-navigation > li > a:hover {
			text-decoration: none;
		}
		ul.wp-block-navigation > li > a::before {
			content: "";
			width: 0px;
			height: 2px;
			position: absolute;
			left: 50%;
			top: -4px;
			transition: all 300ms ease-in-out;
		}
			ul.wp-block-navigation > li:hover > a::before {
				width: 40%;
				background-color: #D9D9D9;
				left: 30%;
			}
		ul.wp-block-navigation > li > a::after {
			content: "";
			width: 0px;
			height: 2px;
			position: absolute;
			left: 50%;
			bottom: -4px;
			transition: all 300ms ease-in-out;
		}
			ul.wp-block-navigation > li:hover > a::after {
				width: 40%;
				background-color: #D9D9D9;
				left: 30%;
			}
	ul.wp-block-navigation .current-menu-item {
		color: #14769C;
	}
/* //-> Title */
	h1 {
		text-transform: uppercase;
		font-size: 28px;
	}
		h1::before {
			content: "- ";
			color: #CCCCCC;
		}
		h1::after {
			content: " -";
			color: #CCCCCC;
		}
		.wp-block-cover h1::before, .wp-block-cover h1::after {
			content: "";
		}
/* //-> Categories */
	.wp-block-categories {
		display: table;
	}
		.wp-block-categories ul, .wp-block-categories li {
			display:inline;
			margin: 0px;
			padding: 0px;
		}
			.wp-block-categories .cat-item a {
				display: inline-block;
				padding: 16px 32px;
				margin: 8px;
				background-color: #D5D5D5;
				color: #222222;
				text-transform: uppercase;
				font-size: 16px;
				line-height: 20px;
				border-radius: .33rem;
				font-weight: 500;
			}
				.wp-block-categories .cat-item.current-cat a {
					background-color: #0F7399;
					color: #FFFFFF;
				}
				.wp-block-categories .cat-item a:hover {
					background-color: #636363;
					color: #FFFFFF;
				}
/* //-> Contact form 7 */
	.wpcf7-form label {
		display: block;
		float: left;
		padding: 20px;
		box-sizing: border-box;
		width: 100%;
	}
	.wpcf7-form label textarea, .wpcf7-form label input {
		box-sizing: border-box;
		font-size: 16px;
		line-height: 20px;
		padding: 8px 12px;
		width: 100%;
	}
	.wpcf7-form input[type=submit] {
		margin: 20px;
		box-sizing: border-box;
		font-size: 16px;
		line-height: 20px;
		padding: 10px 20px;
		text-transform: uppercase;
		border: none !important;
		border-radius: 0;
		color: #FFFFFF;
		cursor: pointer;
		text-align: center;
		min-width: 120px;
		max-width: 100%;
		background-color: #13769c;
		font-family: var( --wp--preset--font-family--montserrat );
	}
	.wpcf7 form .wpcf7-response-output {
		margin: 20px;
		border: none;
		font-size: 14px;
		font-weight: 500;
		text-transform: uppercase;
		line-height: 1;
		padding: 20px 20px;
	}
		.wpcf7 form .wpcf7-response-output::before {
			content: "➔";
			margin-right: 5px;
		}
	.wpcf7 form.invalid .wpcf7-response-output,
	.wpcf7 form.unaccepted .wpcf7-response-output,
	.wpcf7 form.failed .wpcf7-response-output,
	.wpcf7 form.aborted .wpcf7-response-output,
	.wpcf7 form.spam .wpcf7-response-output {
		background-color: #F5F5F5;
		color: #666666;
	}
		.wpcf7 form.invalid .wpcf7-response-output::before,
		.wpcf7 form.unaccepted .wpcf7-response-output::before,
		.wpcf7 form.failed .wpcf7-response-output::before,
		.wpcf7 form.aborted .wpcf7-response-output::before,
		.wpcf7 form.spam .wpcf7-response-output::before {
			content: "✖";
			margin-right: 5px;
		}

	.wpcf7 form.sent .wpcf7-response-output {
		background-color: #f6fbfc;
		color: #45a9c2;
	}
		.wpcf7 form.sent .wpcf7-response-output::before {
			content: "✔";
			margin-right: 5px;
		}

	.wpcf7-not-valid-tip, span.wpcf7-not-valid-tip {
		background-color: #F5F5F5;
		color: #666666 !important;
		border: none;
		font-size: 14px;
		font-weight: 500;
		line-height: 1;
		padding: 10px 15px;
	}