/**
 * 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:#123C84;
    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 #e5e7eb;
            border-radius: 0.375rem;
            font-size: 0.875rem;
            color: #374151;
            background-color: #f9fafb;
        }

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