/*
Theme Name: Resocafé
Description: Thème enfant propre du Réseau des cafés culturels et des cantines associatifs.
Author: Arthur Web
Template: wp-bootstrap-starter
Version: 1.0.6
Text Domain: resocafe-child
*/

:root {
  --resocafe-green: #009933;
  --resocafe-green-dark: #017b2a;
  --resocafe-text: #343a40;
}

@font-face {
  font-display: swap;
  font-family: 'Resocafe Roboto';
  font-style: normal;
  font-weight: 100 900;
  src: url('assets/fonts/Roboto-Variable.ttf') format('truetype');
}

body {
  font-family: 'Resocafe Roboto', sans-serif;
  margin: 0;
}

button,
input,
select,
textarea {
  font-family: 'Resocafe Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Resocafe Roboto', sans-serif;
  margin: 0 0 20px;
}

.comment-respond h3,
.entry-comments h3 {
  margin-bottom: 3.75rem;
  margin-top: 6.25rem;
}

p,
pre,
table,
form {
  margin: 0 0 .857rem;
}

.navbar-brand {
  padding-top: .25rem;
}

.navbar-brand > a {
  font-family: 'Resocafe Roboto', sans-serif;
}

#masthead .navbar-nav > li a {
  border-bottom-width: 0;
  display: block;
  font-family: 'Resocafe Roboto', sans-serif;
  padding: 10px;
  text-transform: uppercase;
}

#primary a {
  background-color: transparent;
  color: #009933;
  text-decoration: none;
}

#primary a:hover,
#primary a:focus {
  color: #017b2a;
  text-decoration: underline;
}

.wp-block-file > a::before {
  content: "\f15b";
  font-family: "Font Awesome 5 Free";
  padding-right: 5px;
}

#secondary {
  padding: 0;
}

#sommaire {
  padding-top: 20px;
}

#secondary .widget-title {
  font-family: 'Resocafe Roboto', sans-serif;
  text-transform: uppercase;
}

.resocafe-fixed-summary {
  box-sizing: border-box;
  padding-top: 20px;
  position: fixed;
  top: 0;
  width: 380px;
}

.ez-toc-link {
  color: var(--resocafe-text);
}

.ez-toc-link:hover,
.ez-toc-link:focus {
  color: #191c1f;
}

.ez-toc-link:visited {
  color: #22225a;
}

.ez-toc-widget-container ul.ez-toc-list li::before {
  height: 22px !important;
}

.entry-meta,
.entry-meta .byline,
.entry-meta .cat-links,
.entry-meta .posted-on {
  display: none;
}

.post-thumbnail {
  margin-bottom: 1.875rem;
}

div#page-sub-header h1 {
  font-family: 'Resocafe Roboto', sans-serif;
  margin-bottom: 0;
  padding-top: 0;
  text-transform: none;
}

div#page-sub-header p {
  max-width: 100%;
}

h2 {
  padding-top: 1.3em;
}

h3 {
  padding-top: .9em;
}

.resocafe-not-found {
  text-align: center;
}

.resocafe-map-guard {
  position: relative;
  width: 100%;
}

.resocafe-map-guard iframe {
  display: block;
  max-width: 100%;
  width: 100%;
}

.resocafe-map-guard__activate {
  align-items: center;
  background: rgba(0, 0, 0, .38);
  border: 0;
  color: #fff;
  cursor: pointer;
  display: flex;
  font: inherit;
  inset: 0;
  justify-content: center;
  min-height: 3rem;
  padding: 1rem;
  position: absolute;
  text-align: center;
  width: 100%;
}

.resocafe-map-guard__activate:hover,
.resocafe-map-guard__activate:focus-visible {
  background: rgba(0, 0, 0, .56);
  outline: 3px solid var(--resocafe-green);
  outline-offset: -3px;
}

#resocafe-to-top {
  background-color: #000;
  border: 0;
  border-radius: 5%;
  bottom: 20px;
  box-sizing: content-box;
  color: #fff;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: 32px;
  font-weight: normal;
  height: 32px;
  line-height: 32px;
  margin: 0;
  opacity: .5;
  padding: 5px;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 32px;
  z-index: 9999;
}

#resocafe-to-top[hidden] {
  display: none;
}

#resocafe-to-top:hover,
#resocafe-to-top:focus-visible {
  opacity: .8;
  outline: 3px solid var(--resocafe-green);
  outline-offset: 2px;
}

@media (max-width: 1199.98px) {
  .resocafe-fixed-summary {
    position: static;
    width: auto;
  }
}