/**
Theme Name: Website Developer Toronto
Author: Website Developer Toronto
Author URI: https://websitedevelopertoronto.com/
Description: Hire Expert Website Developers in Toronto | Custom WordPress, Shopify & WIX Solutions.
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: website-developer-toronto
Template: website_developer_toronto
*/

header ul li a {
    color: #010025 !important;
    font-weight: 700 !important;
    transition: all .3s ease !important;
}

#masthead {
    position: relative;
    top: 0;
    transition: all 0.3s ease-in-out !important;  
}

.sticky, .ast-primary-header-bar {
    position: sticky !important;
    top: 0;
    width: 100%;  
    z-index: 1000; 
    background: #FF8201 !important;
}

.site-logo-img img {
    transition: all 0.7s ease !important;  
}

.sticky .site-logo-img img {
    width: 80%;
}

header .ast-custom-button {
    transition: all .7s ease;
    background: #010025 !important;
    border: none;
}

.website-developer-toronto-hero img {
    transition: opacity 0.3s ease; /* Smooth transition for opacity change */
}


.wp-block-button__link {
    transition: all .7s ease;
    background: #010025 !important;
    border: none !important;
    color: #fff;
    border: none;
    transition: all .7s ease !important;
}

.wp-block-button__link:hover {
    background: #010025 !important;
    scale: 1.1;
    border: none;
    color: #fff;
    border-top-right-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
}

.sticky header .ast-custom-button {
    transition: all .7s ease;
    background: #010025 !important;
    border: none;
}

header.sticky .ast-custom-button {
    border-top-right-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
}

.site-below-footer-wrap {
    border-bottom: 4px solid #FF8200 !important;
}

.cta a.uagb-buttons-repeater.wp-block-button__link {
    background: #fff !important;
    color: #FF8200 !important;
}

.cta a.uagb-buttons-repeater.wp-block-button__link .uagb-button__link {
    color: #FF8200 !important;
}

.home .uagb-faq-questions-button.uagb-faq-questions {
    background: #F4F7FF;
    color: #010025;
    border-radius: 9px !important;
}

@media (max-width: 921px) {
    header .custom-logo-link img, .ast-header-break-point .site-logo-img .custom-mobile-logo-link img {
        max-width: unset;
        width: 80%;
    }
}

@media (max-width: 544px) {
    header .custom-logo-link img, .ast-header-break-point .site-branding img, .ast-header-break-point .custom-logo-link img {
        max-width: unset;
        width: 80%;
    }
}

/* Default styling for the service items */