/*---------------------------------------------------------------------------------

	Theme Name: Geosynthony
	Theme URI: https://geosynthony.org/
	Description: Design du site Geosynthony.
	Author: Thibaut Parent via TiPi Com and Web
	Author URI: https://www.agence-tipi.fr/
	Template: ollie
	Version: 1.0

---------------------------------------------------------------------------------*/

/* Colors
	Rouge : #B71128
	Orange : #DE5725
	Jaune: #EFA21F
	Vert : #317B34
	Turquoise : #34A3B5 var(--wp--preset--color--turquoise)
	Bleu : #1C3955
	Mauve: #72537F ou 6A5891
*/

/* General */
.wp-site-blocks {padding: 0 !important}

:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover), .wp-block-button a, body .wpcf7 input, body .wpcf7 textarea {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out}


/*.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title:hover {color: var(--wp--preset--color--blue)}*/

:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover), :root :where(.wp-element-button:hover, .wp-block-button__link:hover), .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {text-decoration: none !important}

/* Menu */
.wp-block-navigation a.wp-block-navigation-item__content {border-bottom: 2px solid transparent}
.wp-block-navigation a.wp-block-navigation-item__content:hover {/*color: var(--wp--preset--color--turquoise); */border-color: var(--wp--preset--color--turquoise)}

/* Button */
.wp-block-buttons {justify-content: center}
.wp-block-button.is-style-fill a {border-radius: 0 0 0 .5rem; border: 2px solid var(--wp--preset--color--white)}
.wp-block-button.is-style-fill a:hover {background: var(--wp--preset--color--white); color: var(--wp--preset--color--turquoise); border-color: var(--wp--preset--color--turquoise)}
.wp-block-button.is-style-secondary-button a {border-bottom: 2px solid transparent; padding: 0.8em 0}
.wp-block-button.is-style-secondary-button a:hover {border-color: var(--wp--preset--color--turquoise)}

/* Img */
figure img {border-radius: .5rem}

/* Classe gs */
.gs-block {border-radius: .5rem !important}

/* Espacement p wp-block-group dans wp-block-group */
.wp-block-group .wp-block-group p {margin-block-start: var(--wp--preset--spacing--small) !important}

/* CF7 */
body .wpcf7 input[type="text"], body .wpcf7 input[type="email"], body .wpcf7 input[type="tel"], body .wpcf7 input[type="checkbox"], body .wpcf7 textarea {border: 1px solid var(--wp--preset--color--black); padding: 1em}
body .wpcf7 input[type="text"], body .wpcf7 input[type="email"], body .wpcf7 input[type="tel"], body .wpcf7 textarea {width: 100%}
body .wpcf7 input[type="text"]:hover, body .wpcf7 input[type="email"]:hover, body .wpcf7 input[type="tel"]:hover, body .wpcf7 input[type="checkbox"]:hover, body .wpcf7 textarea:hover {border-color: var(--wp--preset--color--turquoise)}
body .wpcf7 input[type="submit"] {font-family: var(--wp--preset--font-family--santana-bold); font-weight: 600; padding: 0.8em 2.4em; text-transform: uppercase; border: 2px solid var(--wp--preset--color--white); border-radius: 0 0 0 .5rem; background: var(--wp--preset--color--black); color: var(--wp--preset--color--white)}
body .wpcf7 input[type="submit"]:disabled {opacity: .2}
body .wpcf7 input[type="submit"]:disabled:hover {cursor: not-allowed}
body .wpcf7 input[type="submit"]:hover {cursor: pointer; background: var(--wp--preset--color--white); color: var(--wp--preset--color--turquoise); border-color: var(--wp--preset--color--turquoise)}}
body .wpcf7 form .wpcf7-response-output {padding: 2rem}
body .wpcf7 form.invalid input.wpcf7-not-valid, body .wpcf7 form.invalid textarea.wpcf7-not-valid, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: var(--wp--preset--color--orange)}
body .wpcf7-not-valid-tip {color: var(--wp--preset--color--orange)}
.wpcf7 form.sent .wpcf7-response-output {border-color: var(--wp--preset--color--orange)}
body .wpcf7 form.sent p {display: none !important}