/*

____   ____            .__      ___.   .__                 
\   \ /   /____ _______|__|____ \_ |__ |  |   ____   ______
 \   Y   /\__  \\_  __ \  \__  \ | __ \|  | _/ __ \ /  ___/
  \     /  / __ \|  | \/  |/ __ \| \_\ \  |_\  ___/ \___ \ 
   \___/  (____  /__|  |__(____  /___  /____/\___  >____  >
               \/              \/    \/          \/     \/ 

*/


  /* --------------------------------------------------
     variables
  -------------------------------------------------- */

  :root {
/*      --header-logo : clamp(5rem,5vw,9rem);*/
      --header-height: 3rem;

      --color-green : #24A47A;
      --color-green-dark: #0C5940;
      --color-green-darker: #042C1F;
      --color-green-darkest: #000;
      --color-green-light:#75D8B2;
      --color-green-lighter:#A8DDCB; 
      --color-green-lightest:#fff;

      --color-purple : #7E56BB;
      --color-purple-dark : #68459f;
      --color-purple-darker : #4D3179;
      --color-purple-darkest : #2F1A4F;
      --color-purple-light : #9167d2;
      --color-purple-lighter : #B58FFF;
      --color-purple-lightest : #D4C0FF;

      --color-gray: #898096;
      --color-gray-dark: #675e74;
      --color-gray-light: #dcd2ea;
      --color-gray-lighter: #f1f0f2;




      --default-max-width: 34rem;
      --default-padding : 1rem;
      --default-vertical-spacing: calc(4 * var(--default-padding));

      --font-head: 'Unbounded', sans-serif;
      --font-body: 'Atkinson Hyperlegible', Helvetica, Arial, sans-serif;
  }

  @media only screen and (min-width :  800px) { 

    :root {
      --default-padding : 2rem;
    }
  
  }

/*

__________        __    __                        
\______   \__ ___/  |__/  |_  ____   ____   ______
 |    |  _/  |  \   __\   __\/  _ \ /    \ /  ___/
 |    |   \  |  /|  |  |  | (  <_> )   |  \\___ \ 
 |______  /____/ |__|  |__|  \____/|___|  /____  >
        \/                              \/     \/ 

*/

.buttonset {
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}

.button,
.wp-block-buttons .wp-block-button__link {
  background-color:var(--color-purple);
  color:white;
  display:flex;
  align-items:center;
  gap:.4rem;
  padding:.5rem .8rem;
  border:2px solid var(--color-purple);
  border-radius:.8rem;
  text-decoration: none;
  font-size:.8rem;
  line-height:1rem;
  font-weight:bold;
  cursor:pointer;
}

.button:first-letter {
  text-transform: uppercase;
}

.button:hover {
  background-color:var(--color-purple-light);
}

.button.disabled {
  border-color:#777;
  border-style:dashed;
  color:#666;
  pointer-events: none;
  cursor: default;
  background-color: white;
}

.button-color.active {
  color:var(--term-color) !important;
}

  .button-inverse {
    background:transparent;
    border-color:white;
    color:white;
  }

  .button-inverse:hover {
    background:white;
    color:black;
  }

.button-icon {
  width:1rem;
}

  .button-icon svg {
    display:block;
    width:100%;
    height:auto;
    color:inherit;
  }

    .button-icon path,
    .button-icon rect {
      stroke-width:2;
      stroke:currentColor;
    }



/*

__________.__                 __       _________ __          .__          
\______   \  |   ____   ____ |  | __  /   _____//  |_ ___.__.|  |   ____  
 |    |  _/  |  /  _ \_/ ___\|  |/ /  \_____  \\   __<   |  ||  | _/ __ \ 
 |    |   \  |_(  <_> )  \___|    <   /        \|  |  \___  ||  |_\  ___/ 
 |______  /____/\____/ \___  >__|_ \ /_______  /|__|  / ____||____/\___  >
        \/                 \/     \/         \/       \/               \/ 

*/