.trumpcard-profile-details-wrapper{
    padding: 20px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    margin-bottom: 20px;
}

.account.page-layout-2columns-left .page-main{
    margin-top: 0;
    max-width: none;
}

.trumpcard-profile-details-wrapper .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
}

.loyalty-points-wrapper, .qualifying-nights-wrapper, .member-number-wrapper{
    border-right: 1px solid #ccc;
    margin-right: 8px;
    padding: 0 8px;
    font-weight: 500;
}

.loyalty-points-wrapper, .member-number-wrapper{
    padding-left: 0;
}

.member-number-wrapper{
    padding-right: 20px;
    word-wrap: break-word;
}

.member-card,.member-number-wrapper{
    width: auto;
}

.member-status{
    font-size: 12px;
}

.trumpcard-profile-details-wrapper .points-and-nights-wrapper{
    border-bottom: 0;
}
.name-and-member-details, .points-and-nights-wrapper{
    text-transform: uppercase;
    font-size: 12px;
}

.member-since-text, .member-number-wrapper label,.member-card{
    margin-top: 10px;
    font-size: 12px;
    font-weight: 500;
}
.member-status,.nights-until-wrapper{
    font-weight: 500;
}

.member-card-text {
    pointer-events: none;
    color: #333;
}

.member-card-text:hover{
    color: #333;
    text-decoration: none;
}

.member-card-title{
    margin-right: 7px;
}

.member-card .info-icon{
    display: inline-block;
    content: url(../images/info-gold.svg);
    vertical-align: bottom;
    margin-left: 5px;
    cursor: pointer;
} 

.member-number, .points-and-nights-wrapper .count{
    font-size: 1.3rem;
    font-weight: 600;
}

.name-and-member-details .member-name{
    font-weight: 600;
    font-size: 18px;
}

.trumpcard-profile-details{
    padding: 25px;
}


.status-card-wrapper button {
    display: block;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    background-color: #ae946c;
    font-size: 1rem;
    font-weight: 500;
}

.member-card-title {
    position: relative;
    display: inline-block;
}

.info-icon-wrapper{
    position: relative;
}

.member-card .info-icon:hover + .payment-info-text {
    visibility: visible;
}

.member-card-title .payment-info-text {
    position: absolute;
    top: -100%;
    left: 0;
    transform: translate(-50%, -50%);
    visibility: hidden;
    width: 430px;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: 5px 0;
}

/* Start : Loyalty Page Styles */
.account.sales-order-history .page-title-wrapper h1 {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 500;
}

#my-orders-table tr td a {
    font-weight: 600;
}

#my-orders-table .price{
    font-weight: 500;
}

#html-body.account.customer-address-form .form-address-edit .legend {
    font-size: 1.5rem;
    font-weight: 500;
}

#html-body.customer-account-edit .form-edit-account .fieldset.password .legend {
    margin-left: 0;
    font-size: 1.5rem;
    font-weight: 500;
}

/* End : Loyalty Page Styles */
@media screen and (min-width: 768px) {
    .customer-account-index .column.main .block-dashboard-info{
        width: 50%;
        display: inline-block;
        vertical-align: top;
        margin-top: 10px;
        margin-right: 5%;
    }

    .customer-account-index .column.main .block-dashboard-addresses{
        display: inline-block;
        width: 40%;
    }

    .customer-account-index .column.main .block-dashboard-addresses .block-title{
        margin-top: 93px;
    }
}

.customer-account-index .column.main .block-dashboard-info .box-information .box-title, 
.customer-account-index .column.main .block-dashboard-addresses .block-title{
    margin-bottom: 5px;
}

.account.page-layout-2columns-left .column.main .block:not(.widget) .block-title > strong{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2rem;
}

.account.page-layout-2columns-left .column.main .block-dashboard-info .block-content{
    margin-top: 60px;
}



.account .column.main .block:not(.widget) .box-title > span{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2rem;
}

.account.page-layout-2columns-left .table-wrapper.orders-recent th{
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}

.account.page-layout-2columns-left .table-wrapper.orders-recent .price{
    font-size: 1rem;
}

.account.page-layout-2columns-left #block-collapsible-nav .nav.item{
    text-transform: uppercase;
}

.block-collapsible-nav .item .delimiter{
    margin: 10px 0;
}
.block-collapsible-nav .item.current > strong{
    border: 0;
    background: #aa947166;
    font-weight: 500;
}

.member-services{
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.1rem;
    text-transform: uppercase;
    color: #4d4d4f;
    font-weight: 500;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    padding: 15px;
    background: rgba(255, 255, 255, 0.7);
}

.member-services:before{
    content: url(../images/icon-phone-outline.svg); 
    vertical-align: bottom;
    margin-right: 5px;
    cursor: pointer;
}

.account-header-content-block{
    position: relative;
}

.customer-account-logoutsuccess .logout-success-message{
    text-align: center;
    font-size: 1.2rem;
    margin-top: 1rem;

}
.customer-account-logoutsuccess .customer-account-banner-section .customer-account-banner-section-btn {
display: none;
}

.customer-account-logoutsuccess .column.main {
    min-height: auto;
}
.customer-account-logoutsuccess .customer-account-banner-section {
    height: 420px;
}

@media screen and (min-width: 768px) {
    .account.page-layout-2columns-left #block-collapsible-nav{
        background: none;
    }
    .account.page-layout-2columns-left .column.main{
        width: 73%;
    }
    
    .account.page-layout-2columns-left .sidebar.sidebar-main, .account.page-layout-2columns-left .template{
        width: 27%;
    }
    .account.page-layout-2columns-left .template.account-content-wrapper{
        width: auto;
    }
    .account.page-layout-2columns-left .member-services:before{
        margin-right: 15px;
    }
    .customer-account-banner-section::after{
        background: linear-gradient(to right, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 0.45) 90%);
        border-bottom: 3px solid #ae946c;
    }
}

@media screen and (max-width: 767px) {
    .account.page-layout-2columns-left .block-collapsible-nav{
        top: 32px;
    }
    .account.page-layout-2columns-left .columns{
        margin-top: 60px;
    }
    .member-card-title .payment-info-text{
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .trumpcard-profile-details-wrapper .row{
        flex-direction: column;
        align-items: flex-start;
    }
    .loyalty-points-wrapper, .qualifying-nights-wrapper, .member-number-wrapper{
        border: 0;
        padding: 0;
        margin: 0;
    }
    .member-card,.member-number-wrapper{
        width: auto;
    }
    .member-card-title .payment-info-text{
        left: 180px;
    }
    .trumpcard-profile-details-wrapper{
        padding: 10px;
    }
}

@media screen and (max-width: 400px) {
    .trumpcard-profile-details-wrapper .row{
        flex-direction: column;
        align-items: flex-start;
    }
    .loyalty-points-wrapper, .qualifying-nights-wrapper, .member-number-wrapper{
        border: 0;
        padding: 0;
        margin: 0;
    }
    .member-card,.member-number-wrapper{
        width: auto;
    }
}

@media only screen and (max-width: 1024px) {
    .customer-account-banner-section::after {
        height: inherit;
    }
   
    .customer-account-logoutsuccess    .customer-account-banner-section::after {
            height: 480px;
        }

}



/* START : Gallery Page */

.page-layout-image-gallery-page-layout .page-wrapper .page-main-full-width [data-content-type='row'][data-appearance='contained']{
    max-width: 95%;
}


.imagegallery-album.imagegallery-album-fancybox{
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ab9571;
    border-top-width: 10px;
    box-shadow: 3px 0 3px rgba(17, 17, 26, 0.2);
    margin-bottom: 20px;
}

.imagegallery-album-content .imagegallery-album-title{
    font-weight: 500;
    font-size: 1.5rem;
    text-transform: uppercase;
    padding-left: 10px;
    margin-bottom: 10px;
}


/* END : Gallery Page */