/*
/*
Theme Name: UTC
Description: Le thème utilise twentytwentyone comme parent
Author: Florian
Template: twentytwentyone
Version: 1.3
*/

body {}

/* GENERAL */

.site-content {width: 100% !important;max-width: 1100px !important;display: block !important;margin: auto !important;}
h1.entry-title {font-size: 30px !important;text-transform: uppercase;color: #ecd606;margin-bottom: 20px !important;}
.entry-header {margin-bottom: 0px !important; padding-bottom: 0px !important;}
#cmplz-document {max-width: 100% !important;}
.cmplz-dropdown {color: #000 !important;}
.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .default-max-width {max-width: inherit !important;}

/* HEADER */

.infobar {background-color: #ecd606; text-align: center;color: #000; font-style: italic;font-size: 15px;font-weight: 800; text-transform: uppercase;}
.site-header {padding-top: 0px !important;margin: 0 !important;max-width: 100% !important;display: block !important;padding-bottom: 0px !important;background-image:url(./images/bg-header.png);background-position: center;background-repeat: no-repeat; background-size: contain;}
.site-logo .custom-logo {width: 100% !important;max-width: 330px !important;max-height: 100% !important;}
.site-branding {width: 100% !important;text-align: center;}
.logo-site {background-image:url(./images/bg-header.png);background-position: center;background-repeat: no-repeat; background-size: cover;}
.logo-site img {width: 100%; max-width: 350px; display: block;margin: auto; padding: 20px 0px;}
.reseau {position: fixed; top: 120px; right: 0px;background: #e0cc0a;margin-bottom: 50px;padding: 10px;z-index: 10000;}
.reseau img {width: 100%; max-width: 32px;}

/* MENU */

.primary-navigation > .primary-menu-container {display: inline-block !important;}
.primary-navigation {width: 100% !important;text-align: center; right: inherit !important; border-top: solid 1px #ecd606;border-bottom: solid 1px #ecd606;background: #000 !important;} 
.primary-navigation a {color: #f5e2be !important;text-transform: uppercase !important; } 
.primary-navigation > div > .menu-wrapper {display: block !important;}
.primary-navigation .primary-menu-container > ul > .menu-item {display: inline-block !important;}
.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child {color: #ecd606 !important;}


/* CONTENT */

.singular .entry-header {border: none !important;}


/* ACCUEIL */

section.point-fort {padding: 50px 0; border-bottom: solid 1px #222;}
section.point-fort .column {width: 33%; display: inline-block;vertical-align: top;text-align: center;text-transform: uppercase;}
section.point-fort .column span {color: #edd606; font-weight: bold;}
section.home-presentation h2 {color: #edd606;text-transform: uppercase;font-size: 30px;font-weight: 600;letter-spacing: 3px;font-style: italic;margin-bottom: 20px;}
section.home-presentation .column:first-child {width: 35%; display: inline-block;vertical-align: top;margin-right: 5%;}
section.home-presentation .column:first-child img {width: 100%;}
section.home-presentation .column {width: 58%; display: inline-block;vertical-align: top;}

.acf-gallery {
  list-style-type: none; /* Retirer le style de liste */
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap; /* Autoriser le retour à la ligne */
}

.acf-gallery li {
  flex: 33.333%; /* 3 images par ligne, mettez 25% pour en avoir 4 */
  padding: 10px;
}
.acf-gallery img {
  aspect-ratio: 4/3;
  object-fit: cover;
  height: 100%;
}



/* ARTISTES */

.column-artist {width: 33%; display: inline-block;text-align: center;}
.column-artist img {width: 100%; height:250px;max-width: 250px !important;border-radius: 250px;object-fit: cover;}
.column-artist button {background-color: transparent !important; border: solid 1px #ecd606;color: #ecd606 !important; margin-top: 10px;}
.column-artist .reseau-artist a {border-right: solid 1px #fff; padding: 0 15px 0 10px;}
.column-artist .reseau-artist a:last-child {border-right: none;}
.column-artist .reseau-artist a:hover {color: #ecd606;}

.info-artist {text-align: center;}
.info-artist img {width: 100%;max-width: 250px;border-radius: 200px;object-fit: cover;height: 250px;}

a.bt-artistes {background-color: transparent !important; border: solid 1px #ecd606;color: #ecd606 !important; margin-top: 10px;text-align: center;display: block;padding: 20px;text-transform: uppercase;letter-spacing: 5px;text-decoration: none;}

/* SOINS */

section.soins {margin-top: 20px !important;}
section.soins .column {width: 100%; display: inline-block;text-align: right; padding: 30px 0; border-bottom: solid 1px #222;}
section.soins .column:last-child {border-bottom: none;}
section.soins .column h3 {padding-left: 0px; color: #ecd606 !important;font-size: 25px;letter-spacing: 2px;margin-bottom: 15px;}
section.soins .column ul {padding-left: 0px !important; }
section.soins .column li {list-style-position:inside !important;list-style: decimal;}
section.soins .column:nth-child(odd) {text-align: left !important;}
section.soins .column img {width: 30%; display: inline-block;vertical-align: top;float: right;margin-left: 30px;}
section.soins .column:nth-child(odd)  img {float: left; margin-right: 30px;margin-left: 0;}
section.soins .column .infos-soins {width: 67%; display: inline-block;vertical-align: top;}

/* CONTACT */

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea {
	max-width: 100% !important; background-color: #fff !important; border: none !important;width: 100% !important;
}
input[type=submit] { background:#ecd606 !important; color:#000 !important; text-transform: uppercase;}
.form-contact {margin-top: 20px !important;}
label {color: #848484 !important; text-transform: uppercase !important;}

/* INSTAGRAM */

body.page-template-template-instagram header {display: none !important;}
body.page-template-template-instagram footer {display: none !important;}
body.page-template-template-instagram .infobar {display: none !important;}

/* COOKIE */
#cmplz-manage-consent {display: none !important;}

/* FOOTER */

.footer .column {width: 48%; display: inline-block; vertical-align: top; color: #ecd606; text-align: center;text-transform: uppercase;margin-top: 50px;border-bottom: solid 1px #222;padding-bottom: 40px;letter-spacing: 8px;}
.footer {border-top: solid 1px #ecd606;text-align: center; margin-bottom: 50px; color: #434343;}
.footer a {color: #434343 !important; font-size: 17px;}
.logo-footer {width: 100%; max-width: 250px; display: block;margin: auto; padding: 20px 0px;}
.logo-footer img {width: 100%; max-width: 350px; display: block;margin: auto; padding: 20px 0px;}
.site-footer > .site-info {border:none !important;}
.footer .reseau {display:bloack;text-align: center; top: 0 !important; right: 0 !important; position: inherit !important;background: #e0cc0a;margin-bottom: 50px;padding: 7px 0;}
.footer .reseau img {width: 100%; max-width: 32px;}


@media screen and (max-width: 600px) {
	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {position: inherit !important;}
}