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

:root {
    --container-width: 1300px;
    --logo-height: 2.3rem;
    --header-height: 4.5rem;
   
    --transition: all 0.3s ease-in-out;
	
}

/**************************************************
 * Basics
 * ***********************************************/
img{
	display:block;
	width:100%;
	height:auto;
}
/**************************************************
 * 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;
  }
}

/**************************************************
 * Language switcher pill (Blocksy element has no
 * such style option)
 * ***********************************************/
.ct-header .ct-language-switcher[data-type="inline"] .ct-language {
	flex-wrap: nowrap;
	column-gap: 0.125rem;
	padding: 0.1875rem;
	border: 1px solid var(--theme-palette-color-5, #e3dfe9);
	border-radius: var(--radius-full, 9999px);
}
.ct-header .ct-language-switcher[data-type="inline"] .ct-language a {
	justify-content: center;
	min-width: 2.75rem;
	min-height: 2rem;
	padding: 0 0.75rem;
	border-radius: var(--radius-full, 9999px);
	color: #5d5869;
	letter-spacing: 0.04em;
	transition: var(--transition);
}
.ct-header .ct-language-switcher[data-type="inline"] .ct-language a:hover {
	color: var(--theme-palette-color-1, #365314);
}
.ct-header .ct-language-switcher[data-type="inline"] .ct-language .current-lang a,
.ct-header .ct-language-switcher[data-type="inline"] .ct-language .current-lang a:hover {
	background-color: var(--color-violet, #521e9b);
	color: #ffffff;
}
/* same pill inside the dark mobile menu panel */
#offcanvas .ct-language-switcher[data-type="inline"] .ct-language {
	border-color: rgba(255, 255, 255, 0.35);
}
#offcanvas .ct-language-switcher[data-type="inline"] .ct-language a {
	color: rgba(255, 255, 255, 0.85);
}
#offcanvas .ct-language-switcher[data-type="inline"] .ct-language a:hover {
	color: var(--color-lime, #bcdc04);
}