/*
Theme Name: Feast CMS
Theme URI: https://feastcreative.com/
Author: Feast
Author URI: https://feastcreative.com/
Description: This is Feast CMS, it adds customisations to the theme 'Pro'.
Version: 1.0.4
Template: pro
*/

/* =============================================================================
   WordPress Login Customisations
   ----------------------------------------------------------------------------- 
   This section customizes the appearance of the WordPress login page.
   ============================================================================= */

/* Custom logo on the login page */
#login h1 a { 
    background-image: url('/wp-content/themes/feast-cms/img/feast2025.svg'); 
    background-size: contain; 
    width: 90%;
    height: 84px; 
}

/* Style for the login button */
.login #wp-submit { 
    background-color: #ff4055; 
    border-color: #ff4055; 
    color: #fff; 
    text-shadow: none; 
    box-shadow: none; 
}

/* Hover effect for the login button */
.login #wp-submit:hover { 
    background-color: #e22f3e; 
    border-color: #e22f3e; 
}

/* Focus state for input fields */
.login .input:focus { 
    border-color: #ff4055; 
    box-shadow: 0 0 1px #ff4055; 
}

/* Links on the login page */
.login #nav a, 
.login #backtoblog a, 
.login .privacy-policy-page-link a, 
.login .language-switcher:before { 
    color: #333 !important; 
}

/* Hover effect for links */
.login #nav a:hover, 
.login #backtoblog a:hover, 
.login .privacy-policy-page-link a:hover { 
    color: #e0e0e0 !important; 
}

/* Styling the language switcher dropdown */
.login .language-switcher select { 
    color: #777 !important; 
}

/* Style for the button in the language switcher */
.login .language-switcher .button { 
    border-color: #777 !important; 
    color: #777 !important; 
}

/* Hover effect for the language switcher button */
.login .language-switcher .button:hover { 
    background-color: #777 !important; 
    color: #fff !important; 
}

/* Style for the password visibility toggle button */
.login .button.wp-hide-pw { 
    background-color: transparent !important; 
    border: none; 
    box-shadow: none; 
    padding: 0; 
}

/* Style for the password visibility icon */
.login .button.wp-hide-pw .dashicons { 
    color: #ff4055 !important; 
    font-size: 20px; 
}

/* End WordPress Login Customisations */