/**
 * Theme Name:        grantorinoacf
 * Theme URI:         https://uxi360.com/
 * Description:       Custom theme using ACF
 * Version:           1.0.0
 * Author:            UXi360
 * Devlop by:         Rakesh Mlops
 * Author URI:        https://uxi360.com/
 * Tags:              Acf section builder, full-site-editing
 * Text Domain:       grantorinoacf
 * Tested up to:      7.0
 * Requires at least: 6.9
 * Requires PHP:      8.2
  */


html {
    scroll-behavior: smooth;
}


.header-menu {
    display: flex;
    align-items: center;
    /* gap:32px; */
}

.header-menu li {
    list-style: none;
}

.header-menu li a {
    display: block;
    padding: 8px 18px;
    border-radius: 9999px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .42px;
    color: #000;
    transition: .3s;
}

/* Hover */
.header-menu li a:hover {
    background: #23356F;
    color: #fff;
}

/* Active Page */
.header-menu .current-menu-item>a,
.header-menu .current_page_item>a,
.header-menu .current-menu-ancestor>a {
    background: #123C84;
    color: #fff;
}

/* First item active only on homepage */
.home .header-menu li:first-child>a {
    background: #123C84;
    color: #fff;
}

/* Remove first item active if another menu is current */
.home .header-menu .current-menu-item:first-child>a {
    background: #123C84;
}


.mobile-menu li {
    list-style: none;
}

.mobile-menu li a {
    display: block;
    padding: 8px 18px;
    border-radius: 9999px;
    text-transform: uppercase;
    font-weight: 600;
}

.mobile-menu li a:hover {
    background: #123C84;
    color: #fff;
}

.mobile-menu .current-menu-item>a {
    background: #123C84;
    color: #fff;
}


/* home page hero slider */

.hero-slider img {
    display: block;
    width: 100%;
}

.hero-slider .slick-slide {
    outline: none;
}

.hero-slider .slick-dots {
    bottom: 40px;

}

.hero-slider .slick-prev {
    left: 20px;
    z-index: 10;
}

.hero-slider .slick-next {
    right: 40px;
    z-index: 10;
}


.slick-prev:before,
.slick-next:before {

    font-size: 40px;

}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: black;
}


.hero-slider .slick-dots li button:before {
    font-size: 15px;

}

.slick-dotted.slick-slider {

    margin-bottom: 0px;


}


/* header css */


/* contact page buttions */

.tag-pill {
    display: inline-block;
    padding: 0.5rem 1.25rem;
    border: 1px solid #6b7280;
    /*border: 1px solid #e5e7eb;*/
    border-radius: 0.375rem;
    font-size: 0.875rem;
    color: #374151;
    /*background-color: #f9fafb;*/
    background: #fff;
}


.space-card:hover {
    transform: translateY(-4px);
}


/* event calender */

.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.view-btn.active {
    background-color: #1e3a5f;
    color: white;
}

.calendar-day {
    min-height: 100px;
}

.week-day {
    min-height: 400px;
}

.event-card {
    transition: all 0.3s ease;
}

.event-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
}

.event-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.view-section {
    display: none;
}

.view-section.active {
    display: block;
}

/*.time-slot {
    border-bottom: 1px dashed #e5e7eb;
}*/


.time-slot {
    border-bottom: 1px dashed #6b7280;
}

.time-slot:last-child {
    border-bottom: none;
}


/* home hero section */


.hero-slider img {
    display: block;
    width: 100%;
}

.hero-slider .slick-slide {
    outline: none;
}

.hero-slider .slick-dots {
    bottom: 40px;

}

.hero-slider .slick-prev {
    left: 20px;
    z-index: 10;
}

.hero-slider .slick-next {
    right: 40px;
    z-index: 10;
}


.slick-prev:before,
.slick-next:before {

    font-size: 40px;

}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: black;
}


.hero-slider .slick-dots li button:before {
    font-size: 15px;

}

.slick-dotted.slick-slider {

    margin-bottom: 0px;


}
/* t-shirt collection */



        .logo-text {
           
            letter-spacing: 0.05em;
            text-transform: uppercase;
        }
        .product-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .product-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.15);
        }
        .size-pill {
            transition: all 0.2s ease;
        }
        .size-pill:hover {
            background-color: #E63946;
            color: white;
            border-color: #E63946;
        }
        .image-gallery {
            position: relative;
            overflow: hidden;
        }
        .image-gallery img {
            transition: opacity 0.3s ease;
        }

        /*for audio eye correction*/




button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid #000;
    outline-offset: 2px;
}


input,
textarea,
select {
    border: 1px solid #6b7280;
}



   .sailboat-float {
            animation: gentleFloat 4s ease-in-out infinite;
        }
        @keyframes gentleFloat {
            0%, 100% { transform: translateY(0px) rotate(0deg); }
            50% { transform: translateY(-6px) rotate(1deg); }
        }
        .wave-anim {
            animation: waveMove 3s ease-in-out infinite;
        }
        @keyframes waveMove {
            0%, 100% { transform: translateX(0); }
            50% { transform: translateX(4px); }
        }