/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

:root {
    --container-width: 84.75rem;
    --gb-container-width: 84.75rem;
    --logo-height: 3rem;
    --header-height: 6.25rem;

    --space-2xs: 0.25rem;
    --space-xs: 0.5rem;
    --space-s: 0.75rem;
    --space-base: 1rem;
    --space-m: clamp(1.125rem, calc(1rem + 0.56vw), 1.5rem);
    --space-l: clamp(1.5rem, calc(1.33rem + 0.74vw), 2rem);
    --space-xl: clamp(2.25rem, calc(2rem + 1.11vw), 3rem);
    --space-2xl: clamp(3rem, calc(2.67rem + 1.48vw), 4rem);
    --space-3xl: clamp(3.75rem, calc(3.33rem + 1.85vw), 5rem);
    --space-section: clamp(4rem, 2.4681rem + 6.8085vw, 6rem);
    --section-gutter: clamp(1rem, 4.8vw, 4.5rem);

    --font-xs: 0.75rem;
    --font-s: 0.875rem;
    --font-base: 1rem;
    --font-h6: 0.875rem;
    --font-h5: 1rem;
    --font-h4: clamp(1.125rem, 0.9814rem + 0.6383vw, 1.5rem);
    --font-h3: clamp(1.5rem, 1.309rem + 0.8511vw, 2rem);
    --font-h2: clamp(2.25rem, 2.059rem + 0.8511vw, 2.75rem);
    --font-h1: clamp(2.75rem, 2.463rem + 1.277vw, 3.5rem);
    --font-hero: clamp(3.5rem, 2.83rem + 2.979vw, 5.25rem);
	--font-headings: 'Frank Ruhl Libre', Sans-Serif;

    --radius-control: 0.125rem;
    --radius-card: 0.75rem;
    --radius-section: 1.5rem;
    --radius-circle: 999rem;
    --shadow-primary: 0 0.5rem 0.75rem rgba(232, 184, 36, 0.35);
    --transition: all 0.3s ease-in-out;

    --color-muted: #949494;
    --color-surface-cream: #FFFDF5;
}
/**************************************************
 * Basics
 * ***********************************************/
img{
	display:block;
	width:100%;
	height:auto;
}

/**************************************************
 * Checkout adjustments
 * ***********************************************/
.makecommerce-payment-methods .makecommerce-picker.bg-white {
	--bs-bg-opacity: 0;
}

.makecommerce-payment-methods .rounded {
    border: 1px solid var(--theme-palette-color-5);
    --bs-box-shadow-sm: none;
}
.makecommerce-payment-methods .rounded:hover {
    background: #ffffff00;
}
.makecommerce-payment-methods .form-select{
	--bs-body-bg:transparent;
    --bs-border-color:var(--theme-palette-color-5);
}
.makecommerce-payment-methods .payment-method-selected {
    border-color: var(--theme-palette-color-1);
}

/**************************************************
 * Animate
 * ***********************************************/
@media (prefers-reduced-motion: no-preference) {
  .animate {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1s ease, transform 0.6s ease;
    will-change: opacity, transform;
  }

  .animate.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  /* Disable animation in the editor preview */
  .editor-styles-wrapper .animate {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}