/**
Theme Name: Netkinetix
Author: Netkinetix
Author URI: https://www.netkinetix.com/
Description: Astra child theme for Netkinetix 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: netkinetix
Template: astra
*/

.netk_text-red {
    color: var(--ast-global-color-1);
}

.netk_text-off-white {
    color: var(--ast-global-color-5)
}

.netk_text-dark {
    color: var(--ast-global-color-2);
}

.cursor-pointer {
    cursor: pointer;
}

.loading-spinner {
    width: 48px !important;
    height: 48px;
    border: 5px solid #FFF;
    border-bottom-color: var(--ast-global-color-1);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 

.home .content-inner {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.home .content-inner.loaded {
  opacity: 1;
}

.home .hero-services-list .wp-block-uagb-icon-list-child {
    background-color: #f5f5f5cc;
    border: 2px solid var(--ast-global-color-1);
    border-radius: 4px;
    padding: 5px 10px;
    width: 200px;
}

.home .hero-services-list .wp-block-uagb-icon-list-child:hover {
    background-color: #f5f5f5;
}

.home .technologies-wrap {
    position: absolute;
    bottom: 0;
}

.core-services-tiles-wrap .uagb-post-grid-byline {
    display: none;
}

.core-services-tiles-wrap .uagb-post__inner-wrap.hentry {
    margin-bottom: 0;
}

.core-services-tiles-wrap .wp-block-uagb-post-grid.is-grid {
    grid-template-columns: repeat(3, minmax(0, 200px));
    justify-content: center;
}

.core-services-tiles-wrap .services-grid-item {
    aspect-ratio: 1;
}

.core-services-tiles-wrap .wp-block-uagb-post-grid.is-grid .uagb-post__inner-wrap {
    width: 100%;
    height: 100%;
}

.core-services-tiles-wrap .services-grid-item .uagb-post__inner-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 4px;
}

.core-services-tiles-wrap .services-grid-item.active .uagb-post__inner-wrap {
    border-color: var(--ast-global-color-1);
    border-width: 2px;
}

.core-services-tiles-wrap .services-grid-item {
    cursor: pointer;
}

.core-services-tiles-wrap .services-grid-item .services-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.core-services-tiles-wrap .services-grid-item .uagb-post__title {
    pointer-events: none;
}

.core-services-tiles-wrap .services-content-wrap {
    height: 100%;
}

.services-content-wrap .service-children-list {
    margin-left: 10px;
}

/*==========================================================*/

.services-selector .uagb-icon-list__wrap {
    width: 100%;
    justify-content: space-between !important;
}

.services-selector .uagb-icon-list__wrap .cursor-pointer {
    text-decoration-color: var(--ast-global-color-5);
}

.services-selector .uagb-icon-list__wrap .cursor-pointer:hover,
.services-selector .uagb-icon-list__wrap .single-selector.active {
    text-decoration: underline;
    text-decoration-color: var(--ast-global-color-5);
    text-decoration-thickness: 2px;
}

/*==========================================================*/

.our-technologies .swiper-slide {
    display: flex;
    justify-content: center;
}


/* Responsive */
/* Tablet */
@media screen and (max-width: 1100px) {
    /* General */
    .entry-content p.tab-mb-1 {
        margin-bottom: 4px;
    }
}

@media screen and (max-width: 1150px) {
    .home .why-netk-contact-wrap {
        flex-wrap: wrap;
    }

    .home .why-netk-contact-wrap .wp-block-uagb-container {
        max-width: 100%;
    }

    .home .why-netk-contact-wrap .wp-block-uagb-container:first-child {
        flex-grow: 1;
    }

    .home .why-netk-contact-wrap .wp-block-uagb-buttons .uagb-buttons__wrap {
        justify-content: flex-start;
    }

    .home .core-services-tiles-wrap .wp-block-uagb-post-grid.is-grid {
        grid-template-columns: repeat(auto-fit, minmax(0, 125px));
        align-items: start;
    }

    .core-services-tiles-wrap .services-grid-item {
        aspect-ratio: unset;
    }
}

/* Mobile */
@media screen and (max-width: 767px) {
    /* Home */
    .home .mobile-invert-wrap .left-col {
        order: 2;
    }

    .home .mobile-invert-wrap .right-col {
        order: 1;
    }

    .why-netk-container .why-netk-grid-item p {
        text-align: center;
    }

    .home .why-netk-contact-wrap .wp-block-uagb-buttons .uagb-buttons__wrap {
        justify-content: center;
    }

    .home .core-services-tiles-wrap .wp-block-uagb-post-grid.is-grid {
        grid-template-columns: repeat(auto-fit, minmax(0, 150px));
    }

    .home .selected-service-content {
        margin-top: 25px;
    }

    .home .content-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .home .content-inner h2, 
    .home .content-inner p,
    .home .content-inner a {
        text-align: center;
    }
}