/*
Theme Name: La Bretelle
Description: Thème du bar associatif La Bretelle. Couleurs, entête et pied de page viennent du mu-plugin bretelle-accueil, la mise en page des pages de l'extension Themify Builder.
Version: 1.0
Requires PHP: 8.1
Text Domain: bretelle
*/

html { scroll-behavior: smooth; }
:is(#pagewrap, #body, #layout, #content) { box-sizing: border-box; }
body { margin: 0; overflow-wrap: break-word; -webkit-font-smoothing: antialiased; }
:is(blockquote, dd, dl, figure, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, table, td, th, ul) { margin: 0; padding: 0; }
p { margin: 0 0 1.3em; }
:is(ul, ol) { margin: 0 0 1.4em 1.6em; }
li { margin: 0 0 1em; }
:is(h1, h2, h3, h4, h5, h6) { margin: 0 0 .5em; line-height: 1.4em; }
a { color: var(--br-pink-ink); text-decoration: none; }
img { max-width: 100%; height: auto; }
:is(audio, iframe) { max-width: 100%; }
:is(button, input, select, textarea) { max-width: 100%; font-family: inherit; font-size: 100%; }
input:is([type=radio], [type=checkbox], :read-only, :read-write), select, textarea { -webkit-appearance: none; appearance: none; max-width: 100%; padding: .6em; border: 1px solid rgba(0,0,0,.25); border-radius: 12px; background: #fff; color: #333; }
input:is(:read-only, :read-write) { width: 17em; margin: 0 1em .6em 0; }
select { margin: 0 0 .6em; padding-right: 2em; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none' stroke='rgba(40,40,40,.8)' stroke-linecap='round' stroke-width='12'%3E%3Cpath d='m2.7 2.3 46.4 54.9L95.5 2.3'/%3E%3C/svg%3E"); background-position: calc(100% - .7em) calc(50% + .15em); background-repeat: no-repeat; background-size: .85em; }
input:is([type=radio], [type=checkbox]) { display: inline-block; box-sizing: content-box; width: 1.3em; min-width: 1.3em; height: 1.3em; min-height: 1.3em; margin: 0 .5em 0 0; padding: 0; line-height: 1; text-align: center; vertical-align: middle; cursor: pointer; }
input[type=checkbox] { border-radius: 8px; }
input[type=radio] { display: inline-flex; align-items: center; justify-content: center; border-radius: 100% !important; }
input[type=checkbox]::before { content: ""; display: inline-block; width: .7em; height: .32em; margin: 0 0 .1em .1em; border-bottom: .13em solid transparent; border-left: .13em solid transparent; transform: rotate(-45deg) skewY(-10deg); }
input[type=checkbox]:checked::before { border-bottom: .13em solid; border-left: .13em solid; }
input[type=radio]:checked::before { content: ""; display: inline-block; width: .7em; height: .7em; border-radius: 100%; background-color: #333; vertical-align: middle; }
:is(select, textarea):focus, input:is(:read-only, :read-write):focus { border-color: rgba(0,0,0,.5); }
#layout { margin: 0 auto; padding-bottom: clamp(40px, 6vw, 72px); }
.default_width #layout .row_inner { max-width: 100%; }
.loops-wrapper .post { padding: 10px; }
#content .loops-wrapper:is(.grid2, .grid3) .post { margin-bottom: 30px; }
.loops-wrapper .post-content { padding: .2em 4% .4em; }
#content .loops-wrapper.grid3 .post-title { font-size: 1.5em; line-height: 1.2; }
#content .loops-wrapper.grid2 .post-title { font-size: 1.7em; line-height: 1.2; }
#content .loops-wrapper.grid2-thumb .post-title { font-size: 1.2em; line-height: 1.2; }
#content .loops-wrapper.grid2-thumb .post-image { float: left; width: 25%; margin: 0 1.6em 1.3em 0; }
@media (min-width: 761px) {
  #loops-wrapper.grid2-thumb .post-content { overflow: hidden; }
}
#content .pagenav { padding: 30px 0; text-align: center; }
.pagenav :is(a, span) { display: inline-block; box-sizing: border-box; min-width: 36px; margin: 0 1px 0 0; padding: 8px 9px; border-radius: 100%; font-size: 1.1em; line-height: 100%; text-align: center; }
.more-link::after { content: ""; display: inline-block; width: .7em; height: .7em; margin: 0 2px 1px .5em; border: solid currentColor; border-width: 1px 1px 0 0; transform: rotate(45deg); }

/* Repris du CSS personnalisé de Themify Ultra (réglage du thème, perdu au changement de thème). */
.module-title { font-size: 1.6em; margin-top: .5em !important; }
:is(.module-box, .module-accordion) :is(h1, h2, h3, h4, h5, h6) { color: #000; }
.module-gallery.layout-lightboxed .gallery-item, .module-gallery .gallery-icon img { width: 100% !important; }
.module-image.image-overlay { font-size: 1em; text-align: center; }
.module-image.image-center .module-title { text-align: center; }
.ui :is(.accordion-content, .tab-content) a { color: #ed1e24; }
.cadre { box-shadow: 0 2px 8px 0 rgba(0,0,0,.1); padding: .5em; }
.cadre-marge { box-shadow: 0 2px 8px 0 rgba(0,0,0,.1); padding: 1em; }
.single-event .tep_image { width: 30%; float: left; margin-right: 1%; }
.single-event :is(.tep_event_info, .tep_content) { width: 69%; float: right; }
.module-event-posts .list-post .post { margin-bottom: 0; border-bottom: none; }
.event-end-date { display: none; }
.gform_wrapper .gfield_description { font-size: unset !important; padding: 0 !important; }
.gform_wrapper .gfield_consent_description { font-size: unset !important; padding: .5em !important; }
.gform_wrapper :is(.field_sublabel_above, .field_sublabel_below) :is(.ginput_complex.ginput_container label, div[class*="gfield_date_"].ginput_container label, div[class*="gfield_time_"].ginput_container label) { font-size: unset !important; }
body .gform_wrapper ul:is(.gfield_checkbox, .gfield_radio) li input:is([type="checkbox"], [type="radio"]) { width: 20px !important; }