/* Edit */

#edit-account .description {
    font-style: italic;
}

#edit-account .description a {
    color: var(--bs-primary);
}

#block-profile-builder-2022-content>.user-form .form-submit {
    background-color: #D9A404;
    border-color: #D9A404;
    padding: 0.6rem 2rem;
}

/* EDIT - fields */
@media screen and (min-width: 768px) {
    #block-profile-builder-2022-content>.user-form {
        margin-left: 10%;
    }

    #block-profile-builder-2022-content>.user-form .form-item {
        max-width: 40rem;
    }
    #block-profile-builder-2022-content>.user-form .confirm-parent{
        margin-top: 1.25rem !important;
    }
    #block-profile-builder-2022-content>.user-form .js-password-confirm-message{
        margin-top: 1.25rem !important;
        font-weight: 700;
        font-size: 14px;
    }
}

/* Edit - Box */

/*
#block-profile-builder-2022-content>.user-form {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
    margin-top: 0 !important;
}
*/

@media screen and (min-width: 768px) {
    #block-profile-builder-2022-content>.user-form {
        padding: 2rem 4rem;
        margin: auto;
        margin-top: 1rem;
        box-shadow: 2px 2px 6px 5px #00000029;
        width: 80.563rem;
        border-radius: 6px;
    }
    .nav-tabs {
       margin-left: 4rem;
       margin: auto;
       width: 80.563rem;
    }

    article.profile {
        padding: 2rem 0rem;
        margin: auto;
        margin-top: 1rem;
        box-shadow: 2px 2px 6px 5px #00000029;
        width: 80.563rem;
        border-radius: 6px;
    }    
}

article.profile > div:first-of-type{
    display: none; 
}

/* VIEW */
article.profile div.field .field__label {
    font-size: 16px;
    color: #475969;
    font-weight: 500;   
}
article.profile div.field .field__item {
    color: #212529;
}

@media screen and (min-width: 768px) {
    article.profile {
        display: flex;
        height: 67vh;
    }

    article.profile div.field {
        margin-left: 5rem;
    }
}

@media screen and (min-width: 1025px) and (max-width:1399px) {
    
    #block-profile-builder-2022-content>.user-form {
        width: 69.563rem;
        margin-bottom: 1rem !important;
    }
    .nav-tabs {
       margin-left: 4rem;
       margin: auto;
       width: 69.563rem;
    }

    article.profile {
        width: 69.563rem;
        margin-bottom: 1rem !important;
    }    
}

/* ipad  portrait mode */

@media screen and (min-width: 768px) and (max-width:1023px) {
    
    #block-profile-builder-2022-content>.user-form {
        width: 42.563rem;
        margin-bottom: 1rem !important;
    }
    .nav-tabs {
       width: 42.563rem;
    }

    article.profile {
        width: 42.563rem;
        margin-bottom: 1rem !important;
    }  
}

/* your css rules for ipad landscape */

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    #block-profile-builder-2022-content>.user-form {
        width: 58.563rem;
        margin-bottom: 1rem !important;
    }
    .nav-tabs {
       width: 58.563rem;
    }

    article.profile {
        width: 58.563rem;
        margin-bottom: 1rem !important;
    }  
}

/*mobile mode*/
@media screen and (max-width: 767px) and (min-width: 0px) {
    #block-profile-builder-2022-content>.user-form {
       padding: 0 0.5rem !important;
    }
    .nav-tabs {
        padding: 0 0.5rem !important;
        border: none !important;
    }

    article.profile {
        padding: 0 0.5rem !important;
    }  
    .user-edit-page-title{
        font-size: 18px !important;
    }
}