/*
Theme Name: Chauffeur Malouin
Theme URI: 
Author: Perfecto Tech
Author URI: 
Description: Theme du site Chauffeur Malouin
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chauffeur-malouin


/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/* html, body {
	overflow-x: hidden;
} */

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:focus,
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:focus-visible,
.wp-block-site-logo a:focus,
.wp-block-site-logo a:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

header .wp-block-navigation__responsive-container, 
header .wp-block-navigation__responsive-dialog, 
header .wp-block-navigation__responsive-container-content, 
header .wp-block-navigation ul {
	height: 100%;
}

header .wp-block-navigation .wp-block-navigation-item {
	position: relative;
	height: 100%;
}

header .wp-block-navigation .wp-block-navigation-item::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 4px;
	background-color: var(--wp--preset--color--vert);
	transition: width 0.3s ease;
}

header .wp-block-navigation .wp-block-navigation-item.current-menu-item::after, 
header .wp-block-navigation .wp-block-navigation-item:hover::after {
	width: 100%;
}

.wp-block-group.is-style-decorated-group {
	position: relative;
	z-index: 1;
}

.wp-block-group.is-style-decorated-group::before, 
.wp-block-group.is-style-decorated-group::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1906' height='325' viewBox='0 0 1906 325' fill='none'%3E%3Cpath opacity='0.6' d='M10.3477 795.805C455.821 800.04 847.942 680.869 1044.93 418.949C1317.43 56.6326 1721.91 -38.6456 2109.56 32.0305' stroke='%23CAE9E3' stroke-width='20.6953' stroke-miterlimit='1.35634' stroke-linecap='round' stroke-dasharray='54.46 54.46'/%3E%3C/svg%3E");	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom right;
	transform: rotate(180deg);
	z-index: -1;
}

.wp-block-group.is-style-decorated-group::after {
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
	transform: none;
}

.wp-block-button.is-style-phone-button .wp-block-button__link {
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.wp-block-button.is-style-phone-button .wp-block-button__link::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10.0376 5.31617L10.6866 6.4791C11.2723 7.52858 11.0372 8.90533 10.1147 9.8278C10.1147 9.8278 8.99578 10.9467 11.0245 12.9755C13.0532 15.0042 14.1722 13.8853 14.1722 13.8853C15.0947 12.9628 16.4714 12.7277 17.5209 13.3134L18.6838 13.9624C20.2686 14.8468 20.4557 17.0692 19.0628 18.4622C18.2258 19.2992 17.2004 19.9505 16.0669 19.9934C14.1588 20.0658 10.9183 19.5829 7.6677 16.3323C4.41713 13.0817 3.93421 9.84122 4.00655 7.93309C4.04952 6.7996 4.7008 5.77423 5.53781 4.93723C6.93076 3.54428 9.15317 3.73144 10.0376 5.31617Z' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.wp-block-button:hover {
	transform: scale(1.05) !important
}

.wp-block-button {
    transition: all 0.5s ease;
}

.wp-block-button:hover .has-vert-background-color, 
.wp-block-button__link.has-vert-3-background-color:hover {
	background-color: var(--wp--preset--color--vert-3) !important;
}

body .gform_wrapper .gform_heading h2.gform_title {
    display: none !important;
}


/* Negate the margin-block-start of the footer */
footer {
	margin-top: 0;
}

@media all and (min-width: 1200px) {
	header .wp-block-navigation-item:last-of-type .wp-block-navigation-item__content {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		width: 18px;
	}
}

@media all and (max-width: 1355px) {
	header > .wp-block-group {
		padding: 0 25px !important;
	}
}

@media all and (max-width: 1200px) {
	.wp-block-navigation.main-menu ul {
		gap: 0 45px !important;
		width: 100%;
	}

	.wp-block-navigation.main-menu .wp-block-navigation-item {
		height: auto;
		width: 100%;
		border-bottom: 1px solid #3d3d3d;
	}
	
	footer .wp-block-navigation.main-menu .wp-block-navigation-item {
		justify-content: center;
	}

	.wp-block-navigation.main-menu .wp-block-navigation__responsive-container {
		top: 112px;
		padding: 0 !important;
		border-top: 1px solid #3d3d3d;
	}

	.wp-block-navigation.main-menu .wp-block-navigation-item__content {
		width: calc(100% - 18px * 2);
		padding: 28px 18px !important;
	}

	.wp-block-navigation.main-menu .wp-block-navigation__responsive-container-close {
		top: 20px;
		right: 26px;
	}

	.has-global-padding {
		padding-right: 25px !important;
		padding-left: 25px !important;
	}

	.has-global-padding > .alignfull {
		margin-right: -25px !important;
		margin-left: -25px !important;
	}
}

@media all and (max-width: 800px) {
	h1 {
		font-size: 29px !important;
	}

	body .is-layout-grid {
		grid-template-columns: 1fr !important;
	}

	.backtotop {
		position: fixed;
		top: 50vh;
		right: 20px;
		z-index: 9999;
	}

	.backtotop .wp-block-button__link {
		padding: 15px !important;
		font-size: 0 !important;
		border-radius: 50% !important;
	}

	.backtotop .wp-block-button__link::before {
		width: 36px !important;
		height: 36px !important;
		margin-right: 0 !important;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37' height='37' viewBox='0 0 37 37' fill='none'%3E%3Cpath d='M15.2864 8.09609L16.2748 9.86714C17.1668 11.4654 16.8087 13.5621 15.4039 14.9669C15.4039 14.9669 13.6998 16.671 16.7894 19.7606C19.879 22.8501 21.5831 21.1462 21.5831 21.1462C22.9879 19.7413 25.0846 19.3832 26.6829 20.2752L28.4539 21.2636C30.8673 22.6105 31.1524 25.995 29.031 28.1164C27.7563 29.3911 26.1948 30.3829 24.4686 30.4484C21.5626 30.5585 16.6276 29.8231 11.6773 24.8727C6.72693 19.9224 5.99149 14.9874 6.10165 12.0814C6.16709 10.3552 7.15894 8.79369 8.43362 7.519C10.555 5.39765 13.9395 5.68268 15.2864 8.09609Z' fill='white'/%3E%3C/svg%3E") !important;
	}
	
	footer {
		text-align: center !important;
	}

	footer .wp-block-navigation {
		width: 100%;
	}

	.invert-mobile {
		flex-direction: column-reverse !important;
		align-items: center !important;
		row-gap: 25px !important;
	}
}

@media all and (max-width: 768px) {
	.wp-block-navigation.main-menu .wp-block-navigation__responsive-container {
		top: 67px;
	}
}