/*
Theme Name: Crab-Folio
Theme URI: 
Author: Crab-Folio
Author URI: 
Description: Un thème pour Crab-Folio
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: crab-folio
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/:where(.wp-site-blocks *:focus){outline-width:2px;outline-style:solid}
.logo{width: clamp(80px, 10vw,180px);}
.logo2{width: clamp(100px, 11vw,200px);}
.logo3{width: clamp(150px, 14vw,490px);}
.logo4{width: clamp(70px, 9vw,100px);}
.logo5{width: clamp(150px, 13vw,300px);}
.logo6{width: clamp(150px, 14vw,300px);}
.imagelogo{width: clamp(200px,15vw,300px);}
.button-up:hover{
	filter:hue-rotate(-215deg);
}
.boutton:hover .button,.boutton:hover .is-style-outline{
	filter:hue-rotate(-215deg);
}
.collone{
	display:flex;
justify-content:center;
}

html{
	scroll-behavior:smooth;
}
a:focus {
    outline: none;
}
.button{
	position:relative;
	z-index:1;
	right:50px;
}.wpcf7-form, 
.wpcf7-form *, 
.wpcf7-form *:before, 
.wpcf7-form *:after { 
	box-sizing: border-box; 
}
/* Général */

form {
    padding: 1rem;
    border-radius: .5rem;
}
label {
    color: black;
}
input[type=text], 
input[type=email], 
input[type=tel], 
textarea {
    width: 100%;
    padding: .5rem;
    margin-bottom: .75rem;
    border: 1px solid black;
    color: black;
    font-size: 1rem;
    /* Enlever styles par défaut */
    outline: none;
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    /* Transition */
    transition: border 0.3s;
}
input:focus, 
textarea:focus {
    border: .25rem solid #f5ef9a;
    /* Enlever styles par défaut */
    outline: none;
    outline-width: 0;
}
textarea {
    height: 9rem;
    resize: vertical;/* redimensionnement possible seulement vertical */
}
input[type=submit] {
	background-color:white;

}
input[type=submit]:hover {
 filter:hue-rotate(-215deg);
}

/* spécifique à Contact Form 7 */
.wpcf7-list-item.first, 
.wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}
.wpcf7-form p input[type=text], 
.wpcf7-form p input[type=email], 
.wpcf7-form p input[type=tel], 
.wpcf7-form p textarea {
    margin-bottom: 0;
}

@media screen and (max-width:1200px){
	.collone {
		flex-direction: column;
	}    }
@media screen and (max-width:786px){
		.colone1{
		display:none;
	}}
.politik p{
	color:#fefefe;
	font-size:16px;	
}
.politik {
	color:#fefefe;
}
.testimonials {
   margin: auto;
}
.scroller {
   overflow-x: scroll;
   display: flex;
	align-items:end;
}
.item {
	
   min-width: 100%;
	 min-height: 200px;/* To start with */
}
.scroller {
   /* Existing styles here */
   scroll-snap-type: x mandatory;
}
.item {
   /* Existing styles here */
   scroll-snap-align: center;
}
.zapapa p {
  display: none;
}
.zapapa:focus-within p {
  display: block;
}
.zapapa:hover p {
  display: block;
}