/* Custom oAUTH CSS for Catholic Demo Environments */

/* Colors */
/* Light Blue - E4EBF7 */
/* Navy - 16244D */
/* Dark Grey/Black - 272725 */
/* Tan/Brown - 9A7361 */

/* Fonts */
/* Paragraph - Open Sans */
/* Heading - Palatino */


* {
--background-color: #E4EBF7; /* Background color for the screens */
--background-image: url("https://lirp.cdn-website.com/md/unsplash/dms3rep/multi/opt/photo-1592708489203-86edb1b79d76-2880w.jpg"); /* Background image for the screens */
--text-color: #272725; /* Default text color */
--text-color-light: #272725; /* Lighter text color for contrast */
--border-color: #c6c6c6; /* Default border color */
--font-family: "Palatino", sans-serif; /* Font family for the text */
--link-color: #9A7361; /* Color for hyperlinks */
--primary-background-color: #16244D; /* Background color for primary elements */
--primary-color: #ffffff; /* Text color for primary elements */
--primary-border-color: none; /* Border color for primary elements */
--secondary-background-color: #9A7361; /* Background color for secondary elements */
--secondary-color: #FFFFFF; /* Text color for secondary elements */
--secondary-border-color: none; /* Border color for secondary elements */
--error-color: #ff0000; /* Color for error messages */
--header-background-color: none; /* Background color for the header */
--header-height: 60px; /* Height of the header */
--logo-background-color: transparent; /* Background color for the logo */
--logo-display: block; /* Display property for the logo */
--logo-width: 200px; /* Width of the logo */
--language-selector-background-color: #ffffff; /* Background color for language selector */
--content-background-color: none; /* Background color for the main content area */
--title-font-size: 45px; /* Font size for titles */
--title-longer-font-size: 26px; /* Font size for longer titles */
--title-font-weight: 900; /* Font weight for titles */
--description-font-size: 14px; /* Font size for descriptions */
--description-font-weight: 500; /* Font weight for descriptions */
--description-line-height: 24px; /* Line height for descriptions */
--label-font-size: 14px; /* Font size for labels */
--label-font-weight: 600; /* Font weight for labels */
--input-background-color: none; /* Background color for input fields */
--input-border-color: #272725; /* Border color for input fields */
--input-color: #272725; /* Text color for input fields */
--checkbox-font-size: 15px; /* Font size for checkboxes */
--checkbox-font-weight: 500; /* Font weight for checkboxes */
--footer-background-color: none; /* Background color for the footer */
--footer-height: 60px; /* Height of the footer */
--footer-content-background-color: none; /* Background color for footer content */
--main-container-width-lg: 500px;
}

section.content{
    box-shadow: 1px 1px 6px 0px #63656bab;
    border: 1px solid #63656bab;
    border-radius: 8px;
    padding: 20px;
    background-color: #ffffff;
    height: min-content;
}

footer .powered-by {
    color: #16244D;
}

footer .copyright {
    color: #16244D;
}

a {
    transition: 0.3s;
}

.login .account-actions .sign-up-container .sign-up:hover, .login .account-actions .forgot-password-container .forgot-password:hover, section.content h2 a:hover {
    color: #16244D;
}

input {
    border-radius: 8px;
}

.icon-2, .provider-icon-facebook {
    color: #FFFFFF;
}