/*
Theme Name: Resist & Ride
Theme URI: https://resistandride.cc/
Author: Resist & Ride
Description: Thème maison de resistandride.cc : menu, pied de page et gabarit pleine largeur. Le contenu des pages vient des extraits de code (shortcodes).
Version: 1.0.3
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rr-theme
*/

/* ---------- Base : les réglages que l'ancien thème appliquait à tout le site, repris à l'identique (sauf outline:0) ---------- */
html{box-sizing:border-box;-webkit-text-size-adjust:100%;overflow-x:hidden;overflow-x:clip}
*,::before,::after{box-sizing:inherit}
*{margin:0;padding:0;box-sizing:border-box}
/* « Clearfix » que l'ancien thème posait sur tous les blocs : les mises en page du site ont été réglées avec lui (marges, espacements des grilles). */
div::before,ul::before,article::before,aside::before,details::before,figcaption::before,figure::before,footer::before,header::before,hgroup::before,menu::before,nav::before,section::before,div::after,ul::after,article::after,aside::after,details::after,figcaption::after,figure::after,footer::after,header::after,hgroup::after,menu::after,nav::after,section::after{content:"";display:table;width:0;-webkit-box-ordinal-group:2;order:1;flex-basis:0}
div::after,ul::after,article::after,aside::after,details::after,figcaption::after,figure::after,footer::after,header::after,hgroup::after,menu::after,nav::after,section::after{clear:both}
img,video{height:auto}
svg{max-height:100%}
iframe{border:0;max-width:100%}
textarea,input[type="range"],input{border-radius:0}
input[type="radio"],input[type="checkbox"]{vertical-align:middle;position:relative;bottom:.15rem;font-size:115%;margin-right:3px}
body{text-align:center;overflow-x:hidden;overflow-x:clip;font-family:"Open Sans",Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#000;background:#fff}
@media (min-width:768px){body{text-align:left}}
img{max-width:100%;vertical-align:middle;display:inline-block}
figure{margin:0;padding:0;display:inline-block}
pre{white-space:pre-line}
h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}
body a{font-family:"Open Sans",Arial,sans-serif;font-weight:400;text-decoration:none;font-size:1em;line-height:1.5;color:#03a9f4}
body p{margin-bottom:16px;font-family:"Open Sans",Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#000}
body blockquote p{color:#999}
body h1{margin-bottom:16px;font-family:"Open Sans",Arial,sans-serif;font-weight:300;font-size:3.375em;line-height:1.26;color:#fff}
body h2{margin-bottom:16px;font-family:"Open Sans",Arial,sans-serif;font-weight:300;font-size:2.625em;line-height:1.143;color:#fff}
body h3{margin-bottom:16px;font-family:"Open Sans",Arial,sans-serif;font-weight:300;font-size:2.25em;line-height:1.25;color:#fff}
body h4{margin-bottom:16px;font-family:"Open Sans",Arial,sans-serif;font-weight:600;font-size:1.25em;line-height:1.6;color:#fff}
body h5{margin-bottom:16px;font-family:"Open Sans",Arial,sans-serif;font-weight:600;font-size:1.125em;line-height:1.55;color:#fff}
body h6{margin-bottom:16px;font-family:"Open Sans",Arial,sans-serif;font-weight:600;font-size:1em;line-height:1.6;color:#fff}
/* Les marges du premier bloc restent à l'intérieur du contenu (l'ancien thème l'obtenait avec overflow:hidden sur #page-top). */
.page-content{display:flow-root}
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed!important;top:8px;left:8px;z-index:100000;width:auto;height:auto;margin:0;padding:10px 14px;clip:auto;background:#fff;color:#000;font-size:14px;text-decoration:none}
/* Titres du site en Copperplate Gothic (police installée par Use Any Font sous le nom copperplate-gothic) : repris du « CSS additionnel » de l'ancien thème. */
h1,h2,h3,h4,h5,h6{font-family:copperplate-gothic,Arial,sans-serif!important}
/* Page simple (404, page sans bloc) */
.rr-simple{max-width:760px;margin:0 auto;padding:calc(111px + 64px) 24px 96px;min-height:70vh;text-align:left}
.rr-simple h1{margin:0 0 16px;font-size:34px;line-height:1.15;color:#000}
.rr-simple p{margin:0 0 16px}
.rr-simple a{color:inherit;text-decoration:underline}
@media (max-width:767px){.rr-simple{padding-top:calc(91px + 40px)}}
/* Page introuvable : en noir, comme le reste du site */
body.error404 .page-content{background-color:#000}
body.error404 .rr-simple,body.error404 .rr-simple h1,body.error404 .rr-simple p,body.error404 .rr-simple a{color:#fff}

/* ---------- Cadre : en-tête, menu, pied de page ---------- */
#rr-header,#rr-footer{font-family:'Open Sans',Arial,sans-serif}
#rr-header *,#rr-header *::before,#rr-header *::after,#rr-footer *{box-sizing:border-box}
#rr-header{position:relative;height:0;margin:0;padding:0;z-index:9999}
#rr-header .rr-nav-outer{position:absolute;top:0;left:0;width:100%;height:111px;pointer-events:none;visibility:hidden}
#rr-header:not(.rr-header--home) .rr-nav-outer{background-color:#000}
#rr-nav{position:fixed;top:0;left:0;width:100%;z-index:9999;display:flex;align-items:center;justify-content:space-between;min-height:111px;margin:0;padding:20px 15px;background:#000;transition:min-height .2s ease,padding .2s ease,box-shadow .2s ease}
body.admin-bar #rr-nav{top:32px}
html.rr-scrolled #rr-nav{min-height:91px;padding-top:10px;padding-bottom:10px;box-shadow:0 0 4px rgba(0,0,0,.5)}
#rr-nav a.rr-logo{display:block;flex:0 0 auto;height:70px;margin:0;padding:0;line-height:0;border:0}
#rr-nav a.rr-logo img{display:block;width:auto;height:70px;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none}
#rr-nav .rr-burger,#rr-nav .rr-close,#rr-nav .rr-sub-toggle{display:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#fff;cursor:pointer;line-height:0;-webkit-appearance:none;appearance:none}
#rr-nav .rr-panel-head{display:none}
#rr-nav::before,#rr-nav::after{content:none!important;display:none!important}
#rr-menu-wrap{display:flex;align-items:center;margin:0 0 0 auto;padding:0}
#rr-nav ul.rr-menu{display:flex;flex-wrap:nowrap;align-items:center;margin:0;padding:0;list-style:none}
#rr-nav ul.rr-menu li{list-style:none}
#rr-nav ul.rr-menu>li{position:relative;margin:0 clamp(9px,calc((100vw - 1010px) / 20),20px);padding:10px 0;white-space:nowrap}
#rr-nav ul.rr-menu>li>a{display:flex;align-items:center;margin:0;padding:0;font-size:12px;line-height:1;font-weight:400;letter-spacing:1px;text-transform:uppercase;text-decoration:none;color:#fff;background:none;border:0}
#rr-nav ul.rr-menu>li::after{content:"";position:absolute;left:0;bottom:8px;width:100%;height:1px;background:#fff;transform:scaleX(0);transition:transform .3s ease;pointer-events:none}
#rr-nav ul.rr-menu>li:hover::after,#rr-nav ul.rr-menu>li:focus-within::after,#rr-nav ul.rr-menu>li.current-menu-item::after,#rr-nav ul.rr-menu>li.current-menu-parent::after,#rr-nav ul.rr-menu>li.current-menu-ancestor::after{transform:scaleX(1)}
#rr-nav ul.rr-menu>li.menu-item-has-children>a::after{content:"";flex:0 0 auto;width:6px;height:6px;margin:-3px 2px 0 8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
#rr-nav ul.rr-menu img{display:inline-block;width:18px;height:12px;margin:0;border:0;border-radius:0;vertical-align:middle}
#rr-nav ul.rr-menu ul.sub-menu{position:absolute;top:100%;left:0;z-index:10;min-width:200px;margin:0;padding:0;list-style:none;background:#fff;box-shadow:0 0 5px 2px rgba(0,0,0,.04);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease,visibility .2s}
#rr-nav ul.rr-menu>li:hover>ul.sub-menu,#rr-nav ul.rr-menu>li:focus-within>ul.sub-menu{opacity:1;visibility:visible;transform:none}
#rr-nav ul.rr-menu ul.sub-menu>li{margin:0;padding:0;border-bottom:1px solid rgba(128,128,128,.2);background:#fff}
#rr-nav ul.rr-menu ul.sub-menu>li:last-child{border-bottom:0}
#rr-nav ul.rr-menu ul.sub-menu>li>a{display:block;margin:0;padding:10px 20px;font-size:14px;line-height:21px;font-weight:400;letter-spacing:normal;text-transform:none;text-decoration:none;white-space:nowrap;color:#000;background:none}
#rr-nav ul.rr-menu ul.sub-menu>li>a:hover,#rr-nav ul.rr-menu ul.sub-menu>li>a:focus-visible{background:#f1f1f1}
#rr-nav a:focus-visible,#rr-nav button:focus-visible,#rr-footer a:focus-visible{outline:2px solid #fff;outline-offset:3px}
#rr-nav ul.sub-menu a:focus-visible{outline-color:#000;outline-offset:-2px}
#rr-nav.rr-nav--home{background:transparent;transition:min-height .2s ease,padding .2s ease,box-shadow .2s ease,background-color .2s ease}
html.rr-scrolled #rr-nav.rr-nav--home{background:#000}
#rr-overlay{display:none}
@media (max-width:1199px){
#rr-nav .rr-burger{display:flex;align-items:center;justify-content:center;width:34px;height:34px}
#rr-menu-wrap{position:fixed;top:0;right:0;bottom:0;z-index:20001;display:block;width:300px;max-width:86vw;background:#222b34;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateX(100%);visibility:hidden;transition:transform .3s ease,visibility .3s}
html.rr-menu-open #rr-menu-wrap{transform:none;visibility:visible}
#rr-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}
html.rr-menu-open #rr-overlay{opacity:1;visibility:visible}
html.rr-menu-open,html.rr-menu-open body{overflow:hidden}
#rr-nav .rr-panel-head{position:relative;display:flex;align-items:center;justify-content:center;height:110px}
#rr-nav .rr-panel-head a{display:block;line-height:0}
#rr-nav .rr-panel-head img{display:block;width:auto;height:70px}
#rr-nav .rr-close{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:40px;height:40px}
#rr-nav ul.rr-menu{display:block}
#rr-nav ul.rr-menu>li{margin:0;padding:0;white-space:normal}
#rr-nav ul.rr-menu>li::after{display:none}
#rr-nav ul.rr-menu>li>a{display:block;padding:12px 60px 12px 40px;font-size:14px;line-height:21px;letter-spacing:normal;text-transform:none;border-bottom:1px solid #808080}
#rr-nav ul.rr-menu>li.menu-item-has-children>a::after{display:none}
#rr-nav ul.rr-menu ul.sub-menu{position:static;display:none;min-width:0;background:rgba(255,255,255,.2);box-shadow:none;opacity:1;visibility:visible;transform:none;transition:none}
#rr-nav ul.rr-menu>li.rr-open>ul.sub-menu{display:block}
#rr-nav ul.rr-menu ul.sub-menu>li{background:none;border-bottom:1px solid #808080}
#rr-nav ul.rr-menu ul.sub-menu>li:last-child{border-bottom:1px solid #808080}
#rr-nav ul.rr-menu ul.sub-menu>li>a{padding:12px 20px 12px 60px;white-space:normal;color:#fff}
#rr-nav ul.rr-menu ul.sub-menu>li>a:hover,#rr-nav ul.rr-menu ul.sub-menu>li>a:focus-visible{background:rgba(255,255,255,.12)}
#rr-nav ul.sub-menu a:focus-visible{outline-color:#fff}
#rr-nav .rr-sub-toggle{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:56px;height:46px}
#rr-nav .rr-sub-toggle svg{transition:transform .2s ease}
#rr-nav li.rr-open>.rr-sub-toggle svg{transform:rotate(90deg)}
}
@media (max-width:782px){body.admin-bar #rr-nav{top:46px}}
@media (max-width:767px){
#rr-header .rr-nav-outer{height:91px}
#rr-nav{min-height:91px;padding:10px 25px}
}
#rr-footer{position:static;margin:0;padding:0;background:#000;color:#c6c6c6}
#rr-footer .rr-footer__in{display:flex;flex-wrap:wrap;align-items:center;width:100%;max-width:1232px;min-height:161px;margin:0 auto;padding:30px 8px}
#rr-footer .rr-footer__col{flex:1 1 33.333%;min-width:0;padding:8px;text-align:center}
#rr-footer p{margin:0 0 8px;padding:0;font-size:13px;line-height:1.6;font-weight:400;color:#c6c6c6}
#rr-footer p:last-child{margin-bottom:0}
#rr-footer a{margin:0 8px;color:#d7d7d7;text-decoration:none}
#rr-footer a:hover{color:#fff;text-decoration:underline}
.page-content,#page-top>#content{background-color:#fff}
@media (min-width:1024px){#rr-footer{position:-webkit-sticky;position:sticky;bottom:0;z-index:0}.page-content,#page-top>#content{position:relative;z-index:1}}
@media (max-width:767px){#rr-footer .rr-footer__col{flex-basis:100%}#rr-footer .rr-footer__col:empty{display:none}}
@media (prefers-reduced-motion:reduce){#rr-nav,#rr-nav *,#rr-menu-wrap,#rr-overlay{transition:none!important}}