/*
Theme Name: ARIA Auvergne-Rhône-Alpes
Theme URI: 
Author: Géraldine Woerner
Author URI: 
Description: Thème enfant fondé sur Spectra One
Requires at least: 7.1
Tested up to: 7.1
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: spectra-one
Text Domain: aria-auvergne-rhone-alpes
Tags: 
*/

/* Blocs expertises */
.expertises a p, .expertises a:hover p {
  color:#0d1d30!important;
}

/* Animation H1 */
.anim_quarters {
  position: relative;
  width: 60px;
  height: 63px;
}
.anim_quarters span {
  display: block;
  position: absolute;
}
@keyframes anim_quarter1 {
  0%   {transform: rotate(0);}
  25%  {transform-origin: top left; transform: rotate(90deg);}
  50%  {transform-origin: bottom left; transform: rotate(180deg);}
  75%  {transform-origin: bottom right; transform: rotate(270deg);}
  100% {transform-origin: top right; transform: rotate(360deg);}
}
@keyframes anim_quarter2 {
  0%   {transform: rotate(0);}
  25%  {transform-origin: top right; transform: rotate(180deg) translatey(-100%);}
  50% {transform-origin: top right; transform: rotate(90deg) translatey(-100%);}
  75%  {transform-origin: top left; transform: rotate(180deg) translatex(-100%);}
}
.anim_quarters span.quarter1 {
  border-radius: 0% 100% 0% 100%/0% 0% 100% 100%;
  width: 30px;
  background: #80b5d8;
  aspect-ratio: 1/1;
  top: 0;
  left: 50%;
  -webkit-animation: 5s cubic-bezier(0.44, 1.27, 0.42, 1.13) 1s infinite anim_quarter1;
  -moz-animation: 5s cubic-bezier(0.44, 1.27, 0.42, 1.13) 1s infinite anim_quarter1;
  animation: 5s cubic-bezier(0.44, 1.27, 0.42, 1.13) 1s infinite anim_quarter1;
}
.anim_quarters span.quarter2 {
  border-radius: 0% 100% 100% 0%/0% 0% 100% 100%;
  width: 30px;
  background: #2d69ad;
  aspect-ratio: 1/1;
  top: 33px;
  left: 0;
  -webkit-animation: 5s cubic-bezier(0.44, 1.27, 0.42, 1.13) 1s infinite anim_quarter2;
  -moz-animation: 5s cubic-bezier(0.44, 1.27, 0.42, 1.13) 1s infinite anim_quarter2;
  animation: 5s cubic-bezier(0.44, 1.27, 0.42, 1.13) 1s infinite anim_quarter2;
}

/* Listes et titres 3 */
.wp-block-list {
  list-style-type: none;
  list-style-position: inside;
}
.entry-content ul.wp-block-list li {
  position: relative;
  padding-left: calc(3.5rem + 18px);
}
@media (max-width:921px) {
  .wp-block-list {
    padding-left: 12px;
  }
  .entry-content ul.wp-block-list li {
    padding-left: calc(1rem + 18px);
  }
}
.entry-content h3:not(.has-text-align-center) {
  position: relative;
  padding-left: calc(0.5rem + 18px);
}
.entry-content ol.wp-block-list li::before, .entry-content ul.wp-block-list li::before, .entry-content h3:not(.has-text-align-center)::before {
  display: block;
  content: "";
  width: 18px;
  background: #e8792e;
  aspect-ratio: 1/1;
  position: absolute;
  left: 0;
  top: 6px;
  border-radius: 100% 0% 100% 0%/100% 100% 0% 0%;
}

/* Image en avant actus */
.single-post .en-avant::before  {
  display: block;
  content: "";
  width: 56px;
  background: #e8792e;
  aspect-ratio: 1/1;
  position: absolute;
  left: -25px;
  top: -25px;
  border-radius: 0% 0% 100% 0%/0% 0% 100% 100%;
}

/* Fonds quart cercle */
.bg-quart-cercle {
  position: relative;
}
.bg-quart-cercle::before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40%;
  aspect-ratio: 1/1;
  border-radius: 100% 0% 100% 0%/100% 100% 0% 0%;
  z-index: -1;
}
.bg-quart-cercle.top-left::before {
  top: 0;
  left: 0;
  transform: rotate(180deg);
}
.bg-quart-cercle.bottom-left::before {
  left: 0;
  transform: rotate(90deg);
}
.orange::before {
  background: #fdeae1;
}
.bleu::before {
  background: #c4ddf9;
}

/* Retour haut */
.swt-scroll-top {
  z-index:999999;
  background-color: #00917b!important;
}

/* Menu */
.wp-block-navigation__submenu-container {
  min-width: 250px!important;
}
.wp-block-navigation__submenu-container {
  z-index: 9;
}

/* Loop builder */
.custom-loop .spectra-block-post {
  background-color: #fff;
  border-radius: 0 16px 0 0;
}
.custom-loop .is-layout-grid {
  height: 100%;
}

/* Form Brevo */
#sib_signup_form_2 > p:nth-child(2) {
  display: none;
}
#sib_signup_form_2 label {
  font-size:16px;
}

/* Burger menu breakpoint */
@media ( min-width: 960px ) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: block !important;
    }
}
@media ( min-width: 600px ) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: none;
    }
}

/* Effet typewriter slogan */
.typewriter-js.tw-actif::after {
        content: "|";
        margin-left: 2px;
        animation: tw-clignote .8s step-end infinite;
      }
      @keyframes tw-clignote { 50% { opacity: 0; } }

.wp-block-spectra-slider-child, .wp-block-spectra-slider-child .slide-content {
  min-height: 150px!important;
}