/*
Theme Name: Hitech Networks Child
Theme URI: https://hitechnetworks.ca/
Description: Custom child theme for Hitech Networks.
Author: Sociaux Infotech
Template: hello-elementor
Version: 1.0.0
Text Domain: hitech-networks
*/

/*
|--------------------------------------------------------------------------
| Hitech Networks - Global Styles
|--------------------------------------------------------------------------
*/

:root {
    --hn-primary: #005BAC;
    --hn-secondary: #00C2FF;
    --hn-dark: #0F172A;
    --hn-light: #F8FAFC;
    --hn-accent: #F59E0B;
    --hn-success: #16A34A;

    --hn-container: 1240px;
    --hn-radius: 10px;
    --hn-transition: 0.25s ease;
}

/*
|--------------------------------------------------------------------------
| Global
|--------------------------------------------------------------------------
*/

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--hn-dark);
}

/*
|--------------------------------------------------------------------------
| Links
|--------------------------------------------------------------------------
*/

a {
    transition:
        color var(--hn-transition),
        background-color var(--hn-transition),
        border-color var(--hn-transition),
        transform var(--hn-transition);
}

/*
|--------------------------------------------------------------------------
| Buttons
|--------------------------------------------------------------------------
*/

.hn-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 28px;
    border-radius: var(--hn-radius);
    font-weight: 600;
    text-decoration: none;
    transition: all var(--hn-transition);
}

.hn-btn:hover {
    transform: translateY(-2px);
}

/*
|--------------------------------------------------------------------------
| Container
|--------------------------------------------------------------------------
*/

.hn-container {
    width: min(100% - 40px, var(--hn-container));
    margin-inline: auto;
}

/*
|--------------------------------------------------------------------------
| Accessibility
|--------------------------------------------------------------------------
*/

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 767px) {

    .hn-container {
        width: min(100% - 30px, var(--hn-container));
    }

}
/* Hitech Networks Header CTA */
.site-header .menu-item:last-child > a {
    background: var(--hn-primary);
    color: #ffffff !important;
    padding: 11px 20px;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: all 0.25s ease;
}

.site-header .menu-item:last-child > a:hover {
    background: #004780;
    color: #ffffff !important;
    transform: translateY(-1px);
}