/*
Theme Name: eHighway Child
Description: Child theme for eHighway - Cazarin's dedicated theme
Author: Cazarin
Template: eHighway
Version: 1.0.0
*/

/* Import parent theme styles */
@import url("../ehighway/style.css");

/* Child theme customizations can be added below */

/* Custom styles for the child theme */
body {
    /* Add any custom body styles here */
}

/* Example: Custom header styles */
.site-header {
    /* Add custom header styles here */
}

.mobilebadge{
    display: none;
}

.fa-twitter-square:before{
    content: "\e61b";
}

#site-nav .desktopbadge{
    display: block;
    position: absolute;
    width: 50px;
    right: -70px;
    top: 25px;
}

.is-sticky.is-compact #site-nav .desktopbadge {
    top: 0;
    width: 45px;
    margin-top: 2.5px;
}

/* Example: Custom navigation styles */
.main-navigation {
    /* Add custom navigation styles here */
}

/* Example: Custom content area styles */
.site-content {
    /* Add custom content styles here */
}

/* Example: Custom footer styles */
.site-footer {
    /* Add custom footer styles here */
}

#colophon {
    background-color: #20297f;
}

/* Responsive design adjustments */

@media (max-width: 1280px) {
    #site-nav{
        padding-right: 60px;
    }

    #site-nav .desktopbadge{
        right: 0;
    }
}

@media (max-width: 993px) {
    #site-nav .desktopbadge{
        display: none;
    }

    .mobilebadge{        
        display: block;
        width: 50px;
        margin-right: 10px;
        align-self: center;
        position: absolute;
        right: 210px;
        height: auto;
    }
    
    #masthead #cs-mobile-icon {
        display: flex;
        align-items: center;
        align-self: center;
        top: unset;
        margin-top: unset;
    }

    #masthead .cs-inner{
        display: flex;
    }

    #navigation-mobile .hs_badge {
        text-align: center;
    }

    #navigation-mobile .hs_badge img {
        width: 80px;
    }
}

@media (max-width: 767px) {
    .mobilebadge{
        right: 30px;
    }
}

@media (max-width: 480px) {
    /* Add small mobile-specific styles here */
}