/* COLORS */

body{

    /*--text_head: #dde6eb;
    ##--text_dark: #181721;*/
    --text_main: #1c1922;
    --black: rgba(0, 0, 0, 1);
    --white: white;
    --color_details: #2393bc;
    --color_success: #6969eb;
    --color_info: #ac46da;
    --color_warning: #d5e892;
    --transparency_white: rgb(245, 245, 245);  /* Text header */
    --transparency_black:rgba(0, 0, 0, 0.2); /* Transparency over pic */
    --transparenci_withe_pics: rgba(0, 0, 0, 0.2); /* Transparency over pic main */
    --active:rgba(255, 255, 255, 0.6); /* Text header page active */
    --transparency_black_light:rgba(0, 0, 0, 0.1);
    --transparency_white_light: rgb(26, 24, 24); /* Text body & titles */
    --transparency_white_20:rgba(255, 255, 255, 0.5);
    --transparency_white_50:rgb(26, 24, 24); /*  Text footer */

}

/* background-color: var(--main-bg-color); */

/* Footer headings normal case override */
#fh5co-footer .fh5co-widget h4 {
    text-transform: none !important;
}

/* Social Media Header Buttons */
.social-media-header {
    display: flex;
    justify-content: center;
    gap: 1.25rem; /* 20px converted to rem */
    margin-top: 1.875rem; /* 30px converted to rem */
}

.social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.25rem; /* 50px converted to rem */
    height: 4.25rem; /* 50px converted to rem */
    border: 0.125rem solid rgba(255, 255, 255, 0.3); /* 2px converted to rem */
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font-size: 3rem; /* 24px converted to rem */
    transition: all 0.3s ease;
    background-color: rgba(255, 255, 255, 0.1);
}

.social-btn:hover {
    color: #2393bc; /* Changed from #fff to brand color */
    border-color: #2393bc; /* Changed from rgba(255, 255, 255, 0.8) to brand color */
    background-color: rgba(35, 147, 188, 0.2); /* Brand color with transparency */
    transform: translateY(-0.125rem); /* 2px converted to rem */
    box-shadow: 0 0.3125rem 0.9375rem rgba(35, 147, 188, 0.3); /* Brand color shadow */
}

.social-btn:focus {
    outline: none;
    color: #2393bc; /* Changed from #fff to brand color */
    text-decoration: none;
}

/* Screen reader only text */
.sr-only {
    position: absolute;
    width: 0.0625rem; /* 1px converted to rem */
    height: 0.0625rem; /* 1px converted to rem */
    padding: 0;
    margin: -0.0625rem; /* -1px converted to rem */
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}