/*
Theme Name: Vinyasa Yoga Ashram
Theme URI: https://www.vinyasayogaashram.com
Author: Vinyasa Yoga Ashram
Author URI: https://www.vinyasayogaashram.com
Description: WordPress theme for Vinyasa Yoga Ashram
Version: 1.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vinyasa-yoga-ashram
Domain Path: /languages

This theme is built with Tailwind CSS and Alpine.js
*/

/* Import Tailwind CSS from CDN */
@import url('https://cdn.tailwindcss.com');

/* Custom Animations */
@keyframes slideInDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes pulse-whatsapp {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

.animate-slideInDown {
    animation: slideInDown 0.5s ease-out;
}

.animate-pulse-whatsapp {
    animation: pulse-whatsapp 2s infinite;
}

/* Typography */
html {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

.font-delius {
    font-family: 'Delius', cursive;
}

.font-primary {
   /* font-family: 'Unbounded', sans-serif;*/
    font-family: 'Nunito', sans-serif;
}

/* Utility Classes */
.size-full {
    width: 100%;
    height: 100%!important;
}

/* Icon placeholder styles */
[class*="app-i-"]::before {
    content: "◆";
    display: inline-block;
}

.section-full-width {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}
@media (min-width: 992px) {
    .xl\:\[\&\>\*\>a\]\:text-\[1rem\] > * > a {
        color: #ffffff;
    }
    .xl\:\[\&\>\*\>a\]\:text-\[1rem\] > * > a:hover {
        color: #c9d1d9;
    }
}
.rounded-full {
    border-radius: 3.40282e38px;
}

.elementor-widget-yoga_course_syllabus_schedule .w-full:first ul {
  list-style-type: none; 
  padding-left: 0;
}

.elementor-widget-yoga_course_syllabus_schedule li.relative.z-1.text-base\/6.lg\:text-lg\/6.pl-6.text-primary-1000.font-bold::before,
.yoga-course-syllabus ul li::before {
  content: "";
  display: inline-block;
  width: 8px; 
  height: 8px; 
  background-color: #e56b31; 
  border: 5px solid #e56b31; 
  border-radius: 50%; 
  margin-right: 10px; 
  margin-left: -24px; 
  padding:0px;
}

i.\[\&\:before\]\:\!w-auto.\[\&\:before\]\:\!mx-0.inline-block.absolute.left-0.app-i-circle.text-secondary-600.text-xs\/6{
    display: none;
}

.e-con{
    --padding-top:0px!important;
    --padding-bottom:0px!important;
}

.mb-6 {
    margin-bottom: 24px!important;
}

img.block.w-full.lg\:h-132.object-cover {
    height: calc(var(--spacing) * 132);
}