/*

    Authentication Tabs

*/

.clp-auth-tabs {
    margin:2em auto
}

.clp-tabs-nav {
    list-style:none;
    padding:0;
    margin:0 0 -1px 0;
    display:flex;
    z-index:1;
    position:relative
}

.clp-tabs-nav li {
    width: 100%;
    box-sizing: border-box;
    text-decoration:none;
    color:#555;
    background:#f7f7f7;
    border:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-radius:5px 5px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.clp-tabs-nav a {
    display:block;
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 20px;
    text-align: center;
}

.dark .clp-tabs-nav li {
    color:#a5a5a5;
    background:#1c1c1c;
    border:1px solid #4f4f4f;
    border-bottom:1px solid #585858;
    border-radius:5px 5px 0 0;
}

.clp-tabs-nav li:has(a.active) {
    color:#000;
    background:#fff;
    border-bottom:1px solid #fff;
}

.dark .clp-tabs-nav li:has(a.active) {
    color:#ffffff;
    background:#000000;
    border-bottom:1px solid #000000;
}

.clp-tab-content{
    background:#fff;
    border:1px solid #ddd;
    border-top: 0px;
    padding:30px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}

.dark .clp-tab-content{
    background:#000000;
    border-color:#585858;
}

.clp-tab-pane {
    display:none;
}

.clp-tab-pane.active {
    display:block;
}

.clp-faded-content {
    position:relative;
    max-height:400px;
    overflow:hidden;
    -webkit-mask-image:
    linear-gradient(to bottom,black 0%,transparent 85%);
    mask-image:linear-gradient(to bottom,black 0%,transparent 85%)
}

.dark .gform-field-label:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))
{
    color: rgb(147, 147, 147) !important;
}

a.clp-text-link 
{
    display: inline;
    cursor: pointer;
    font-size: smaller;
    text-decoration: underline!important;
    margin: 3px 0px;
    color: #204ce5!important;
}

a.clp-text-link:hover
{
    color: #527EFF!important;
}

/*

    Account Icon

*/

.clp-account-icon 
{
    cursor: pointer;;
}

.dark .clp-account-icon svg
{
    color: white;
    stroke: white;
    transition: 0.2s all ease-out;
}

.dark .clp-account-icon:hover svg
{
    color: var(--e-global-color-accent);
    stroke: var(--e-global-color-accent);
    transition: 0.2s all ease-out;
}

/*

    Delete Account Link

*/

#clp-delete-account-link
{
    margin-top: 2em;
    display: inline-block;
    opacity: 50%;
    transition: 0.4s all ease-out;
}

#clp-delete-account-link:hover
{
    opacity: 1;
    transition: 0.4s all ease-out;
}