/*
Theme Name: YachtigTheme
Author: Béatrice Lemasle - Tyanpark Studios
Author URI: https://tyanpark.com
Description: Thème réalisé pour Yachtig
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 2.00
Text Domain: yachtigtheme
*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
.bold {
	font-weight: bold;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.capitale {
	text-transform: uppercase;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	background-color: #f4f4f4;
}

body {
	background-color: transparent;
	color: #6b747a;
}

iframe {
	max-width: 100%;
	min-width: 100%;
}

ul.wp-block-list {
	padding-top: 1.5em;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.mailpoet_checkbox_label:first-child {
	margin-bottom:1.5em;
}

.wpcf7-form-control.wpcf7-submit {
	padding: .4em .4em .5em;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	width: 100%;
	border: 1px solid #41bee2;
	background: #41bee2;
}

.wpcf7-form-control.wpcf7-submit:hover {
	color: #41bee2;
	background: transparent;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a,
a:visited {
	color: #0582a6;
}

a,
a:visited,
.site-footer a:hover,
.site-footer a:focus,
.site-footer a:active,
.wp-block-group .has-accent-4-color .wp-block-image a:hover {
	text-decoration: underline;
}

a:hover,
a:focus,
a:active {
	color: #41bee2;
}

.wp-block-group .has-accent-4-color ul a,
.wp-block-group .has-accent-4-color ul a:visited,
.wp-block-group .has-accent-4-color ul a:hover,
.wp-block-group .has-accent-4-color ul a:active,
.wp-block-group .has-accent-4-color p a,
.wp-block-group .has-accent-4-color p a:visited,
.wp-block-group .has-accent-4-color p a:hover,
.wp-block-group .has-accent-4-color p a:active,
.wp-block-group .has-accent-4-color .wp-block-image a,
.wp-block-group .has-accent-4-color .wp-block-image a:visited,
.wp-block-group .has-accent-4-color .wp-block-image a:hover,
.wp-block-group .has-accent-4-color .wp-block-image a:active,
.site-footer a,
.site-footer a:hover,
.site-footer a:focus,
.site-footer a:active
 {
	color: #fff
}

a:focus {
	outline: thin dotted;
}

.header-contact a,
.wp-block-group .has-accent-4-color a:hover,
.wp-block-group .has-accent-4-color .wp-block-image a,
.copyright a:hover,
.top-return a {
	text-decoration: none;
}

@media (max-width: 620px) {
	.header-contact {
		gap: 1em;
	}
}

a,
a:hover,
a:active {
	outline: 0;
}

.top-return {
	padding-top: 1.5em;
	line-height: 1.1;
	opacity: 1;
	transition: opacity .8s ease;
}

.top-return:hover {
	color: #41bee2;
	opacity: .6;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation a {
	line-height: 1.1em;
}

.main-navigation .wp-block-navigation-item__content:hover {
	font-weight: bold;
}

.main-navigation a,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
	padding: .4em .4em .6em;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item {
	width: 100%;
	border: 1px solid #41bee2;
}

.main-navigation ul ul li {
	border-top: 1px solid #ddd;
}

@media (max-width: 600px) {
	.main-navigation.is-layout-constrained > .alignwide {
		padding: .4em;
		width: 35px;
		height: 35px;
	}
}

@media (min-width: 600px) {
	.main-navigation.is-layout-constrained > .alignwide {
		width: 100%;
		height: auto;
	}

	.main-nav {
		margin-top: 1em;
		padding: 3px 0;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
	}

	.main-navigation {
		background-color: #ffffff;
	}


	.main-navigation > .wp-block-navigation > .wp-block-navigation__responsive-container {
		padding: 0 1em;
	}
}

.site-footer {
	padding: 1.5em;
}

.site-footer .wp-block-columns .wp-block-navigation-item,
.site-footer .wp-block-columns .wp-block-navigation-item__content {
	width: 100%;
}

.site-footer .wp-block-columns .wp-block-navigation-item__content {
	display: block;
	padding-bottom:.3em;
	border-bottom: 1px solid #446684;
}

.site-footer .wp-block-columns .wp-block-navigation-item:first-child {
	border-top: 1px solid #446684;
}

/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/
.is-style-bouton-violet .wp-block-button__link:hover,
.wp-block-group .has-accent-4-color .is-style-bouton-blanc .wp-block-button__link:visited {
	color: #666699;
	background-color: #fff;
}

.wp-block-button .wp-block-button__link:visited:hover,
.wp-block-button .wp-block-button__link:hover {
	color: #41bee2;
	background-color: transparent;
}

.is-style-bouton-blanc .wp-block-button__link:hover {
	color: #fff;
	background-color: #666699;
}

.is-style-outline .wp-block-button__link:hover {
	color: #fff;
	background-color: #41bee2;
	border-color: #41bee2;
}

.wp-block-button .wp-block-button__link:visited {
	color: #fff;
}

.wp-block-group .has-accent-4-color .is-style-bouton-blanc .wp-block-button__link:hover {
	border-color: #fff;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.skip-links,
.skip-links a {
	position: absolute;
}

.skip-links a {
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0.5em;
	background: black;
	color: white;
	text-decoration: none;
}

.skip-links a:focus {
	position: static;
	overflow: visible;
	clip: auto;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Helpers
--------------------------------------------------------------*/
.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.text-shadow {
	text-shadow: 0 0 20px black;
}

.invisible {
	display: none;
}

.w100p {
	width: 100%;
}

figure.wp-block-gallery.is-layout-flex {
	gap: .5em;
}