/*!
Theme Name: Reliberes Blocks
Author: Daniel Jann
Author URI: https://github.com/daniel-jann
Description: A custom-made blocks theme, for the website reliberes.net
Version: 1.0
License: Proprietary
Text Domain: reliberes
*/

.no-gap {
  gap: 0!important;
}

figure.play-overlay-300 a {
  display: block; /* reinitialize to default what dashicons has changed */
}
.format-video figure.play-overlay-300 a::before {
  content: "\f522";
  font-family: dashicons;
  text-align: center;
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 300px;
  color: white;
  z-index: 1;
  font-size: 100px;
}

.format-audio figure.play-overlay-300 a::before {
  content: "";
  background: no-repeat center/50% url('assets/images/audio-wave.svg');
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.wp-block-create-block-taxofilter {
  max-height: 300px;
  overflow: auto;
}

.filter-button a::before {
  content: "\f536 ";
  font-family: dashicons;
  text-align: center;
  display: inline-block;
  vertical-align: bottom;
}

.full-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: auto;
  z-index: 100000;
  padding: var(--wp--preset--spacing--40);
}
.full-screen .wp-block-create-block-taxofilter {
  max-height: initial;
  overflow: initial;
}

.carte-petite-reflexion-accueil .wp-block-post-excerpt__more-text {
  text-transform: uppercase;
  margin-top: var(--wp--preset--spacing--40);
}

@media (max-width: 1100px) {
  .banniere-petite-reflexion-accueil > div > div {
    padding: 0 !important;
  } 
}
@media (max-width: 460px) {
  .banniere-petite-reflexion-accueil > div > div > div {
    padding: 0 !important;
  } 
  .carte-petite-reflexion-accueil > div > div {
    border: none !important;
  }
}

.wp-block-audio {
  background-color: lightgray;
  margin-left: var(--wp--preset--spacing--60);
  margin-right: var(--wp--preset--spacing--60);
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
}

.wp-block-audio img {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

.wp-block-quote {
  padding-left: var(--wp--preset--spacing--60);
  padding-right: var(--wp--preset--spacing--80);
}

body.single .wp-block-post-content {
  margin-bottom: var(--wp--preset--spacing--80);
}

body.single .wp-block-post-content p {
  margin-top: var(--wp--preset--spacing--50);
  margin-bottom: var(--wp--preset--spacing--50);
}

/* List of posts page */
@media (max-width: 1500px) {
  .wp-container-core-post-template-layout-1.columns-2-1500 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1160px) {
  .wp-container-core-post-template-layout-1.columns-1-1160 {
    grid-template-columns: 1fr
  }
}

.wp-block-post-featured-image img.reliberes-query-loop-default-image {
  width: 100%;
  background: #ddd;
  z-index: 1;
  height: 100%;
  position: absolute;
  padding: 5%;
}


/* Responsive columns, used on home page  */
@media (max-width: 1100px) {
  .wp-block-post-template-is-layout-grid.columns-3-responsive {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px) {
  .wp-block-post-template-is-layout-grid.columns-3-responsive {
    grid-template-columns: 1fr;
  }
}

/* Override wp-block-navigation: change breakpoint from 600px to 940px */
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
  display: none;
}
@media (min-width: 940px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: block;
  }
}
.wp-block-navigation__responsive-container-open:not(.always-shown) {
  display: block;
}
@media (min-width: 940px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: none;
  }
}
@media (max-width: 940px) {
  .wp-block-navigation {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}

/* Small screen modal-menu */
div.wp-block-navigation__responsive-container.has-modal-open.is-menu-open > div {
    padding: min(10vw, 3rem);
}

/* Usual button */
.wp-block-button__link.has-purple-color {
  transition-property: all;
  transition-duration: 0.2s;
}
.wp-block-button__link.has-purple-color:hover { 
  background-color: var(--wp--preset--color--purple)!important;
  color: var(--wp--preset--color--white)!important;
}

/* Écouter la prédication link on home page */
a.has-purple-color.has-background {
  transition-property: all;
  transition-duration: 0.2s;
}
a.has-purple-color.has-background:hover {
  background-color: var(--wp--preset--color--purple)!important;
  color: var(--wp--preset--color--white)!important;
}

/* Links */
a:where(:not(.wp-element-button)) {
  text-decoration: none;
}

.add-arrow-link a:after,
a.add-arrow-link:after {
  content: "";
  width: 30px;
  height: 30px;
  mask: url("assets/images/arrow-right.svg") no-repeat 50% 50%;
  mask-size: cover;
  background-color: currentColor;
  display: inline-block;
  margin-bottom: -7px;
  margin-right: -30px; /* avoid line-break just before image. https://stackoverflow.com/a/25857961 */
}
a:where(:not(.wp-element-button)):hover {
  text-decoration: underline;
}

/* BOOTSTRAP EXCERPT */

.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-table { display: table !important; }
.d-table-row { display: table-row !important; }
.d-table-cell { display: table-cell !important; }
.d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
.d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; }
@media (min-width: 576px) {
  .d-sm-none { display: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-row { display: table-row !important; }
  .d-sm-table-cell { display: table-cell !important; }
  .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; }
}
@media (min-width: 782px) {
  .d-md-none { display: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-table { display: table !important; }
  .d-md-table-row { display: table-row !important; }
  .d-md-table-cell { display: table-cell !important; }
  .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; }
}
@media (min-width: 992px) {
  .d-lg-none { display: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-row { display: table-row !important; }
  .d-lg-table-cell { display: table-cell !important; }
  .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; }
}
@media (min-width: 1200px) {
  .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
  .d-xl-inline-flex { display: -webkit-inline-box !important;   display: -ms-inline-flexbox !important; display: inline-flex !important; }
}