:root {
    --font1: 'Perfectly ninties regular';
    --font2: 'Highway Gothic Expanded';
    --font3: 'Host Grotesk';
};

body dl {
    margin-top: 0;
}
body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
body a {
    color: #2C1F05;
}
div.mepr-account-container h1, 
div.mepr-account-container h2, 
div.mepr-account-container h3, 
div.mepr-account-container h4, 
div.mepr-account-container h5, 
div.mepr-account-container h6,
div.mepr-account-container p {
    margin: 0;
}
div.mepr-profile-wrapper {
    grid-gap: 0;
    flex-direction: column;
}
div.mepr-account-container table th, div.mepr-account-container table td {
    padding: 12px;
}
div.mepr-account-container table th {
    padding: 16px;
}
.text-center {
    text-align: center;
}
.mepr-account-container img {
    height: auto;
    max-width: 100%;
}
body.page {
    color: #4D3922;
}
div.mepr-account-container p {
    font-family: inherit;
    font-weight: inherit;
}
nav#mepr-account-nav span.mepr-nav-item:focus-visible {
    outline: none;
}
body .mepr-account-container .font-italic {
    font-style: italic;
}
body.mepr-pro-template #primary {
    max-width: 100%;
}
/*
* space common style
*/
/*
body.page .mepr-account-container .pmt-136 {
    margin-top: 100px;
}
body.page .mepr-account-container .pmt-96 {
    margin-top: 70px;
}

body.page .mepr-account-container .pmt-48 {
    margin-top: 38px;
}
body.page .mepr-account-container .pmt-64 {
    margin-top: 45px;
}
body.page .mepr-account-container .pmt-24 {
    margin-top: 10px;
}	
body.page .mepr-account-container .pmb-24 {
    margin-bottom: 10px;
}
body.page .mepr-account-container .pmb-64 {
    margin-bottom: 45px;
}
body.page .mepr-account-container .pmt-16 {
    margin-top: 13px;
}	
body.page .mepr-account-container .pmb-16 {
    margin-bottom: 13px;
}
body.page .mepr-account-container .pmb-48 {
    margin-bottom: 38px;
}*/

/*@media (min-width: 1521px) {*/

    body.page .mepr-account-container .pmb-0 {
        margin-bottom: 0;
    }
    body.page .mepr-account-container .pmt-0 {
        margin-top: 0;
    }
    body.page div.mepr-account-container .pmt-136 {
        margin-top: 136px;
    }
    body.page div.mepr-account-container .pmt-99 {
        margin-top: 99px;
    }
    body.page div.mepr-account-container .pmt-96 {
        margin-top: 96px;
    }
    body.page div.mepr-account-container .pmt-64 {
        margin-top: 64px;
    }
    body.page div.mepr-account-container .pmt-16,
    .pilar_main_footer .pmt-16
     {
        margin-top: 16px;
    }   
    body.page div.mepr-account-container .pmt-8 {
        margin-top: 8px;
    }
    body.page div.mepr-account-container .pmt-48,
    .pilar_main_footer .pmt-48
     {
        margin-top: 48px;
    }
    body.page div.mepr-account-container .pmt-32 {
        margin-top: 32px;
    }
    body.page div.mepr-account-container .pmt-24 {
        margin-top: 24px;
    }   
    body.page div.mepr-account-container .pmt-55 {
        margin-top: 55px;
    }   
    body.page div.mepr-account-container .pmb-8,
    .pilar_main_footer .pmb-8 {
        margin-bottom: 8px;
    }

    body.page div.mepr-account-container .pmb-11 {
        margin-bottom: 11px;
    }
     body.page div.mepr-account-container .pmb-16 {
        margin-bottom: 16px;
    }
    
    body.page div.mepr-account-container .pmb-24 {
        margin-bottom: 24px;
    }
    body.page div.mepr-account-container .pmb-32 {
        margin-bottom: 32px;
    }
    body.page div.mepr-account-container .pmb-48 {
        margin-bottom: 48px;
    }
    body.page div.mepr-account-container .pmb-40 {
        margin-bottom: 40px;
    }
    body.page div.mepr-account-container .pmb-96 {
        margin-bottom: 96px;
    }
    body.page div.mepr-account-container .pmb-64 {
        margin-bottom: 64px;
    }
    body.page div.mepr-account-container .pmb-160 {
        margin-bottom: 160px;
    }

    body.page div.mepr-account-container .pbb-96 {
        padding-bottom: 96px;
    }

/*}*/


/*
* Typrogrphy
*/


.mepr-account-container .pn-60 {
    font-family: var(--font1);
    font-size: 60px;
    line-height: 80px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1.8px;    
}

.mepr-account-container .pn-48 {
    font-family: var(--font1);
    font-size: 48px;
    line-height: 60px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.96px;    
}

.mepr-account-container .pn-40 {
    font-family: var(--font1);
    font-size: 40px;
    line-height: 50px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.4px;    
}

.mepr-account-container .pn-32 {
    font-family: var(--font1);
    font-size: 32px;
    line-height: 40px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.64px;    
}

.mepr-account-container .pn-28,
.cs_login .pn-28 {
    font-family: var(--font1);
    font-size: 28px;
    line-height: 34px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.56px;    
}

.mepr-account-container .pn-24 {
    font-family: var(--font1);
    font-size: 24px;
    line-height: 30px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.48px;    
}

.mepr-account-container .pn-22 {
    font-family: var(--font1);
    font-size: 22px;
    line-height: 30px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.44px;    
}

.mepr-account-container .pn-20 {
    font-family: var(--font1);
    font-size: 20px;
    line-height: 30px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.4px;    
}

.mepr-account-container .pn-18 {
    font-family: var(--font1);
    font-size: 18px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.36px;    
}

.mepr-account-container .pn-16 {
    font-family: var(--font1);
    font-size: 16px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.48px;    
}

.mepr-account-container .pn-14 {
    font-family: var(--font1);
    font-size: 14px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.42px;    
}


.mepr-account-container .hge-60 {
    font-family: var(--font2);
    font-size: 60px;
    line-height: 80px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1.8px;    
    text-transform: uppercase;
}

.mepr-account-container .hge-48 {
    font-family: var(--font2);
    font-size: 48px;
    line-height: 60px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1.44px;    
    text-transform: uppercase;
}

.mepr-account-container .hge-40 {
    font-family: var(--font2);
    font-size: 40px;
    line-height: 50px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1.2px;    
    text-transform: uppercase;
}

.mepr-account-container .hge-32 {
    font-family: var(--font2);
    font-size: 32px;
    line-height: 40px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.96px;    
    text-transform: uppercase;
}

.mepr-account-container .hge-28 {
    font-family: var(--font2);
    font-size: 28px;
    line-height: 34px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.84px;    
    text-transform: uppercase;
}

.mepr-account-container .hge-24 {
    font-family: var(--font2);
    font-size: 24px;
    line-height: 30px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.72px;    
    text-transform: uppercase;
}

.mepr-account-container .hge-18 {
    font-family: var(--font2);
    font-size: 18px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.54px;    
    text-transform: uppercase;
}

.mepr-account-container .hge-16,
.pilar_main_footer .hge-16 {
    font-family: var(--font2);
    font-size: 16px;
    line-height: 20px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.48px;    
    text-transform: uppercase;
}

.mepr-account-container .hge-14 {
    font-family: var(--font2);
    font-size: 14px;
    line-height: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.42px;    
    text-transform: uppercase;
}

.mepr-account-container .hge-12 {
    font-family: var(--font2);
    font-size: 12px;
    line-height: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.36px;    
    text-transform: uppercase;
}





.mepr-account-container .hg-20 {
    font-family: var(--font3);
    font-size: 20px;
    line-height: 30px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.6px;
}

.mepr-account-container .hg-18 {
    font-family: var(--font3);
    font-size: 18px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.54px;
}

.mepr-account-container .hg-16,
.pilar_main_footer .hg-16 {
    font-family: var(--font3);
    font-size: 16px;
    line-height: 24px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.48px;
}

.mepr-account-container .hg-14,
body.page,
body.login {
    font-family: var(--font3);
    font-size: 14px;
    line-height: 20px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.42px;
}

.mepr-account-container .hg-12 {
    font-family: var(--font3);
    font-size: 12px;
    line-height: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.36px;
}

.mepr-account-container .text-regular {
    font-weight: 400;
}

.mepr-account-container .text-medium {
    font-weight: 500;
}

.mepr-account-container .text-semibold {
    font-weight: 600;
}

.mepr-account-container .text-bold {
    font-weight: 700;
}


/*
* Gap
*/
.mepr-account-container .pgap-8 {
    gap: 8px;
}
.mepr-account-container .pgap-16 {
    gap: 16px;
}
.mepr-account-container .pgap-24 {
    gap: 24px;
}


/*
* Display Flex
*/
.pflex {
    display: flex;
}

.pflex.justfiy-between {
    justify-content: space-between;
}
.pflex.align-center {
    align-items: center;
}
.pflex.align-end {
    align-items: flex-end;
}


/*
* Columns
*/
.pilar_column-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 64px 24px;
}
.pilar_column-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 64px 24px;
}


.divider-1 {
    height: 1px;
    background-color: #EBE3D3;
    width: 100%;
}


/*
* Button Style
*/
div.mepr-account-container a:visited {
    color: #4D3922;
}
body.page .pilarbtn,
body.login .pilarbtn,
#mepr-account-modal .pilarbtn,
.profileimage-change-popup-wrapper button#wpua-remove-existing,
.profileimage-change-popup-wrapper input#submit,
.profileimage-change-popup-wrapper button#wpua-undo-existing,
.profileimage-change-popup-wrapper button#wpua-upload-existing
 {
    max-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #4D3922;
    border-radius: 100px;
    padding: 16px;
    font-family: var(--font2);
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 0.42px;
    text-transform: uppercase;
    font-style: normal;
    gap: 8px;
    border: 2px solid #4D3922;
    outline-offset: 2px;
    cursor: pointer;
    transition: all 0.3s;
}
body.page .pilarbtn.bg-transparent:hover {
    background: rgba(255, 255, 255, 0.08);	
}
body.page .pilarbtn:hover,
body.login .pilarbtn:hover,
#mepr-account-modal .pilarbtn:hover {
    background: #63523E;
    border-color: #63523E;
    color: #fff;
}

body.page .pilarbtn:focus, body.page .pilarbtn:active,
body.login .pilarbtn:focus, body.login .pilarbtn:active,
.login input#wp-submit:focus, .login input#wp-submit:active,
#mepr-account-modal .pilarbtn:focus, #mepr-account-modal .pilarbtn:active
{
    background: #4D3922;
    outline: 2px solid #7A6B59 !important;
}

body.page .pilarbtn.bg-transparent,
body.login .pilarbtn.bg-transparent {
    background: transparent;
}

body.page .pilarbtn.bg-choc,
body.login .pilarbtn.bg-choc {
    background: #EBE3D3;
    border-color: #EBE3D3;
}

body.page .pilarbtn.color-cafe,
body.login .pilarbtn.color-cafe
{
    color: #4D3922;
}

body.page .pilarbtn.color-red
{
    color: #D00000;
}

body.page .pilarbtn.outline-red {
    border-color: #D00000;
}



body.page .pilarbtn.color-cafe:hover,
body.login .pilarbtn.color-cafe:hover,
.login input#wp-submit:hover {
    color: #4D3922;
}
body.page a.pilarbtn.outline-white,
body.login a.pilarbtn.outline-white
 {
    border-color: #fff;
    color: #fff;
}

body.page .pilarbtn.bg-choc:hover,
body.login .pilarbtn.bg-choc:hover {
    background: #E1D4BC;
}

body.page .pilarbtn.bg-choc:focus, body.page .pilarbtn.bg-choc:active,
body.login .pilarbtn.bg-choc:focus, body.login .pilarbtn.bg-choc:active
 {
    background: #EBE3D3;
    outline: 2px solid #D7C6A6 !important;
    border-color: #EBE3D3;
}

body.page .pilarbtn.bg-transparent.outline-white:hover,
body.login .pilarbtn.bg-transparent.outline-white:hover,
 {
    background: rgba(255, 255, 255, 0.08);
    border-color: #EBE3D3;
    color: #fff;
}

body.page .pilarbtn.bg-transparent.outline-white:focus, body.page .pilarbtn.bg-transparent.outline-white:active,
body.login .pilarbtn.bg-transparent.outline-white:focus, body.login .pilarbtn.bg-transparent.outline-white:active
 {
    border-color: #FFF;
    outline: 2px solid #B8A78C !important;
    color: #fff;
}

body.page .pilarbtn.outline-transparent {
    border: none;
}

body.page .pilarbtn.bg-transparent.outline-transparent:hover {
    background: rgba(77, 57, 34, 0.04);
}

body.page .pilarbtn.bg-transparent.outline-transparent:focus, 
body.page .pilarbtn.bg-transparent.outline-transparent:active {
    outline: 2px solid #A69C90 !important;
}

body.page .pilarbtn.bg-transparent.outline-cafe:hover {
    background: rgba(77, 57, 34, 0.04);
}

body.page .pilarbtn.bg-transparent.outline-cafe:focus, 
body.page .pilarbtn.bg-transparent.outline-cafe:active {
    outline-color: #A69C90 !important;
}

body.page .pilarbtn.bg-transparent.outline-red:hover {
    background: rgba(188, 25, 25, 0.04);
}
body.page .pilarbtn.bg-transparent.outline-red:focus, 
body.page .pilarbtn.bg-transparent.outline-red:active {
    outline-color: #DD8C8C !important;
}
#mepr-account-content .pilar-sm-btn {
    display: flex;
    background: #EBE3D3;
    color: #4D3922;
    padding: 8px 16px 8px;
    border-radius: 100px;
    font-family: var(--font2);
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    cursor: pointer;
    user-select: none;
    transition: 0.3s;
    position: relative;
    align-items: center;
    width: auto !important;
    gap: 8px;
    justify-content: space-between;
}

#mepr-account-content .pilar-sm-btn:hover {
    background: #E1D4BC;
}

#mepr-account-content .pilar-sm-btn:focus, 
#mepr-account-content .pilar-sm-btn:active,
#mepr-account-content .pilar-sm-btn.active,
#mepr-account-content .pilar-sm-btn.mepr-active-nav-tab {
    background: #D7C6A6;
}
.mepr-account-container .mepr-nav-item a:hover, .mepr-account-container .mepr-nav-item a:active, .mepr-account-container .mepr-nav-item a:focus {
    outline: 0;
}
/*.mepr-videoplay-wrapper .pilar_btn_wrap {
    margin-bottom: 16px;
}*/

.pilarbtn-left-adjust {
    transform: translateX(-16px);
}
.pilarbtn-right-adjust {
    transform: translateX(16px);
}

.login input#wp-submit:hover {
    background: #63523E !important;
    border-color: #63523E !important;
    color: #fff !important;
}

.login input#wp-submit:focus, .login input#wp-submit:active {
    outline-offset: 2px;
}


#mepr-account-content .color-white,
.pilar_main_footer .color-white
 {
    color: #fff;
}
#mepr-account-content .color-gray-cafe,
.pilar_main_footer .color-gray-cafe
 {
    color: #DFD2B9;
}
#mepr-account-content .color-cafe,
.pilar_main_footer .color-cafe {
    color: #4D3922;
}
#mepr-account-content .color-light-cafe,
.pilar_main_footer .color-light-cafe
 {
    color: #63523E;
}
#mepr-account-content .color-\[\#63523E\],
.pilar_main_footer .color-\[\#63523E\]
 {
    color: #63523E;
}
.mepr-account-content .color-\[\#4D3922\],
#mepr-account-content .color-\[\#4D3922\],
.pilar_main_footer .color-\[\#4D3922\]
 {
    color: #4D3922;
}
#mepr-account-content .color-\[\#A69C90\],
.pilar_main_footer .color-\[\#A69C90\]
 {
    color: #A69C90;
}
.cs_login .color-\[\#9F967D\],
.mepr-account-content .color-\[\#9F967D\],
#mepr-account-content .color-\[\#9F967D\],
.pilar_main_footer .color-\[\#9F967D\]
 {
    color: #9F967D;
}
.text-capitalize {
    text-transform: capitalize;
}


@media(min-width: 971px) {
    .for-mobile {
        display: none;
    }
}


@media(max-width: 970px) {

    body.page div.mepr-account-container div .pmt-136 {
        margin-top: 32px;
    } 
    body.page div.mepr-account-container div .pmt-64 {
        margin-top: 24px;
    }
    body.page div.mepr-account-container div .pmb-48 {
        margin-bottom: 24px;
    }  

    div.mepr-account-container .pn-48 {
        font-size: 22px;
        line-height: 30px;
        letter-spacing: 0.44px;
    }
     div.mepr-account-container .pn-40 {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 0.4px;
    }
    
    div.mepr-account-container .pn-32 {
        font-size: 18px;
        line-height: 24px;
    }  
    div.mepr-account-container .hge-16, 
    div.pilar_main_footer .hge-16 {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.36px;
    } 
    div.mepr-account-container .hge-14 {
        font-size: 12px !important;
        line-height: 18px !important;
        letter-spacing: 0.36px !important;
    }
    div.mepr-account-container .hg-14, body.page {
        font-size: 14px !important;
        line-height: 20px !important;
        letter-spacing: 0.42px !important;
    }
    .pilar_videobox_wrap .pilar_videoimagebox a.pilarplayicon img {
        width: 32px !important;
    } 
    div.mepr-account-container .hge-16, 
    div.pilar_main_footer .hge-16 {
        font-size: 12px !important;
        line-height: 18px;
        letter-spacing: 0.36px;
    }
    div.mepr-account-container .hg-16, 
    div.pilar_main_footer .hg-16 {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.42px;
    }
    body.page div.mepr-account-container .pmt-99 {
        margin-top: 48px !important;
    }
    body.page div.mepr-account-container .pbb-96 {
        padding-bottom: 48px !important;
    }
    body.page div.mepr-account-container .pmb-11 {
        margin-bottom: 24px !important;
    }
    div.mepr-account-container .pn-32 {
        font-size: 20px;
        line-height: 30px;
    }
    body.page div.mepr-account-container .pmt-48, 
    div.pilar_main_footer .pmt-48 {
        margin-top: 30px;
    }
    body.page div.mepr-account-container .pmb-24 {
        margin-bottom: 16px !important;
    }
    div.mepr-account-container .hg-18 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.48px;
    }
    div.mepr-account-container .md-18 {
        font-size: 18px !important;
        line-height: 24px !important;
        letter-spacing: 0.36px !important;
    }
     div.mepr-account-container .md-12 {
        font-size: 12px !important;
        line-height: 18px !important;
        letter-spacing: 0.36px !important;
    }
    
    div.mepr-account-container div.pilar_main_container {
        padding: 0 16px;
    }
    .pilarbtn.md-outline-cafe {
        border: 2px solid #4D3922 !important;
    }
    .hide-mobile {
        display: none !important;
    }
    .md-text-center {
        text-align: center !important;
        width: 100% !important
    }
    .md-text-regular {
        font-weight: 400 !important
    }
     .md-text-medium {
        font-weight: 500 !important
    }
    .md-uppercase {
        text-transform: uppercase !important;
    }    
    div.pilarbtn-right-adjust,
    div.pilarbtn-left-adjust {
        transform: translate(0);
    }
    .md-pmt-16 {
        margin-top: 16px !important;
    }
    .md-pmt-24 {
        margin-top: 24px !important;
    }
    .md-pmt-32 {
        margin-top: 32px !important;
    }
    .md-pmb-24 {
        margin-bottom: 24px !important;
    }
    .md-pmb-8 {
        margin-bottom: 8px !important;
    }  
    .md-pmb-32 {
        margin-bottom: 32px !important;
    }  
    .md-pmb-48 {
        margin-bottom: 48px !important;
    }
    .md-pmt-48 {
        margin-top: 48px !important;
    }
    .md-pmt-0 {
        margin-top: 0px !important;
    }
    .md-pmb-0 {
        margin-bottom: 0px !important;
    }
    
    body.page div.mepr-account-container .pmb-96,
    body.page div.mepr-account-container .pmb-160 {
        margin-bottom: 48px !important;
    }
}