.elementor-239 .elementor-element.elementor-element-b8059e1{--display:flex;--min-height:78vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.8;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-239 .elementor-element.elementor-element-b8059e1:not(.elementor-motion-effects-element-type-background), .elementor-239 .elementor-element.elementor-element-b8059e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://herdise.com/wp-content/uploads/2026/08/121-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-239 .elementor-element.elementor-element-b8059e1::before, .elementor-239 .elementor-element.elementor-element-b8059e1 > .elementor-background-video-container::before, .elementor-239 .elementor-element.elementor-element-b8059e1 > .e-con-inner > .elementor-background-video-container::before, .elementor-239 .elementor-element.elementor-element-b8059e1 > .elementor-background-slideshow::before, .elementor-239 .elementor-element.elementor-element-b8059e1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-239 .elementor-element.elementor-element-b8059e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(270deg, #00000000 0%, #000000 100%);}.elementor-239 .elementor-element.elementor-element-fd2c7cb{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-239 .elementor-element.elementor-element-3914153{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-239 .elementor-element.elementor-element-d857c05 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;line-height:1.3em;letter-spacing:0.04em;color:#C8A34D;}.elementor-239 .elementor-element.elementor-element-4317b38 .elementor-heading-title{font-family:"Prata", Sans-serif;font-size:64px;font-weight:600;line-height:1.2em;letter-spacing:0.05em;color:var( --e-global-color-0530988 );}.elementor-239 .elementor-element.elementor-element-b94fc91{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-239 .elementor-element.elementor-element-331800f{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:22px;font-weight:400;line-height:1.3em;letter-spacing:0.04em;color:var( --e-global-color-0530988 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-239 .elementor-element.elementor-element-0614bb3 .elementor-button{background-color:#46BFFF00;font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;fill:var( --e-global-color-0530988 );color:var( --e-global-color-0530988 );border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;padding:15px 26px 15px 26px;}.elementor-239 .elementor-element.elementor-element-0614bb3 .elementor-button:hover, .elementor-239 .elementor-element.elementor-element-0614bb3 .elementor-button:focus{background-color:#02010100;color:var( --e-global-color-secondary );}.elementor-239 .elementor-element.elementor-element-0614bb3{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-239 .elementor-element.elementor-element-0614bb3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-239 .elementor-element.elementor-element-0614bb3 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-239 .elementor-element.elementor-element-0614bb3 .elementor-button:hover svg, .elementor-239 .elementor-element.elementor-element-0614bb3 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-239 .elementor-element.elementor-element-9c33a0a{--display:flex;}@media(max-width:1024px){.elementor-239 .elementor-element.elementor-element-4317b38 .elementor-heading-title{font-size:50px;}.elementor-239 .elementor-element.elementor-element-331800f{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:20px;}.elementor-239 .elementor-element.elementor-element-0614bb3 .elementor-button{font-size:16px;}}@media(min-width:481px){.elementor-239 .elementor-element.elementor-element-fd2c7cb{--width:55%;}.elementor-239 .elementor-element.elementor-element-9c33a0a{--content-width:1600px;}}@media(max-width:1024px) and (min-width:481px){.elementor-239 .elementor-element.elementor-element-fd2c7cb{--width:100%;}}@media(max-width:768px){.elementor-239 .elementor-element.elementor-element-d857c05{text-align:center;}.elementor-239 .elementor-element.elementor-element-4317b38{text-align:center;}.elementor-239 .elementor-element.elementor-element-4317b38 .elementor-heading-title{font-size:34px;}.elementor-239 .elementor-element.elementor-element-331800f{text-align:center;font-size:18px;}}/* Start custom CSS for shortcode, class: .elementor-element-f758385 *//* =========================================
   WooCommerce Login + Register
   Professional Black & Gold Design
   ========================================= */

/* Main Login Box */
.cma-login-box {
    width: 100% !important;
    max-width: 1600px!important;
    margin: 40px auto;
    padding: 40px;
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    border-radius: 14px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
}


/* =========================================
   Two Columns
   ========================================= */

.cma-login-box #customer_login {
    display: flex;
    gap: 50px;
    margin: 0;
}

.cma-login-box #customer_login .u-column1,
.cma-login-box #customer_login .u-column2 {
   
    float: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/* Vertical Divider */
.cma-login-box #customer_login .u-column1 {
    padding-right: 25px;
    border-right: 1px solid #E5E5E5;
}

.cma-login-box #customer_login .u-column2 {
    padding-left: 25px;
}


/* =========================================
   Headings
   ========================================= */

.cma-login-box #customer_login h2 {
    margin: 0 0 25px;
    color: #000000;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
}


/* Gold line below heading */
.cma-login-box #customer_login h2:after {
    content: "";
    display: block;
    width: 45px;
    height: 3px;
    margin-top: 10px;
    background: #C8A34D;
    border-radius: 3px;
}


/* =========================================
   Form Fields
   ========================================= */

.cma-login-box .woocommerce-form-row {
    margin-bottom: 20px !important;
}

.cma-login-box label {
    display: block;
    margin-bottom: 8px;
    color: #4E4E4E;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}


/* Required Star */
.cma-login-box .required {
    color: #C8A34D;
}


/* Input */
.cma-login-box input.input-text {
    width: 100% !important;
    height: 48px !important;
    padding: 0 15px !important;
    background: #FFFFFF !important;
    border: 1px solid #D8D8D8 !important;
    border-radius: 6px !important;
    color: #4E4E4E !important;
    font-size: 15px !important;
    box-sizing: border-box;
    outline: none !important;
    box-shadow: none !important;
    transition: all 0.25s ease;
}


/* Input Hover */
.cma-login-box input.input-text:hover {
    border-color: #C8A34D !important;
}


/* Input Focus */
.cma-login-box input.input-text:focus {
    border-color: #C8A34D !important;
    box-shadow: 0 0 0 3px rgba(200, 163, 77, 0.12) !important;
}


/* =========================================
   Password Field
   ========================================= */

.cma-login-box .password-input {
    display: block;
    position: relative;
}

.cma-login-box .password-input input {
    padding-right: 50px !important;
}


/* =========================================
   Remember Me
   ========================================= */

.cma-login-box .woocommerce-form-login__rememberme {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 15px;
    cursor: pointer;
    color: #4E4E4E;
    font-size: 14px;
    font-weight: 400;
}


/* Checkbox */
.cma-login-box input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: #C8A34D;
    cursor: pointer;
}


/* =========================================
   Login Button
   ========================================= */

.cma-login-box .woocommerce-form-login__submit {
    width: 100% !important;
    height: 48px !important;
    margin: 5px 0 0 !important;
    padding: 0 20px !important;

    background: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 6px !important;

    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 600 !important;

    cursor: pointer;
    transition: all 0.25s ease;
}


/* Login Hover */
.cma-login-box .woocommerce-form-login__submit:hover {
    background: #C8A34D !important;
    border-color: #C8A34D !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
}


/* =========================================
   Register Button
   ========================================= */

.cma-login-box .woocommerce-form-register__submit {
    width: 100% !important;
    height: 48px !important;
    margin: 5px 0 0 !important;
    padding: 0 20px !important;

    background: #C8A34D !important;
    border: 1px solid #C8A34D !important;
    border-radius: 6px !important;

    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 600 !important;

    cursor: pointer;
    transition: all 0.25s ease;
}


/* Register Hover */
.cma-login-box .woocommerce-form-register__submit:hover {
    background: #000000 !important;
    border-color: #000000 !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
}


/* =========================================
   Lost Password
   ========================================= */

.cma-login-box .lost_password {
    margin: 18px 0 0 !important;
    text-align: center;
}

.cma-login-box .lost_password a {
    color: #C8A34D !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.2s ease;
}

.cma-login-box .lost_password a:hover {
    color: #000000 !important;
    text-decoration: underline;
}


/* =========================================
   Register Description
   ========================================= */

.cma-login-box .u-column2 .woocommerce-form-register > p:not(.woocommerce-form-row) {
    color: #4E4E4E;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 20px;
}


/* =========================================
   WooCommerce Notices
   ========================================= */

.cma-login-box .woocommerce-notices-wrapper {
    margin-bottom: 20px;
}

.cma-login-box .woocommerce-error,
.cma-login-box .woocommerce-message,
.cma-login-box .woocommerce-info {
    border-top-color: #C8A34D !important;
}


/* =========================================
   Mobile Responsive
   ========================================= */

@media (max-width: 768px) {

    .cma-login-box {
        margin: 25px 15px;
        padding: 25px 20px;
        border-radius: 10px;
    }

    .cma-login-box #customer_login {
        display: block;
    }

    .cma-login-box #customer_login .u-column1,
    .cma-login-box #customer_login .u-column2 {
        width: 100%;
        padding: 0;
        border: 0;
    }

    .cma-login-box #customer_login .u-column1 {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #E5E5E5;
    }

    .cma-login-box #customer_login h2 {
        font-size: 22px;
    }

    .cma-login-box input.input-text {
        height: 46px !important;
    }

    .cma-login-box .woocommerce-form-login__submit,
    .cma-login-box .woocommerce-form-register__submit {
        height: 46px !important;
    }
}


/* =========================================
   Small Mobile
   ========================================= */

@media (max-width: 480px) {

    .cma-login-box {
        margin: 20px 10px;
        padding: 22px 16px;
    }

    .cma-login-box #customer_login h2 {
        font-size: 21px;
    }
}/* End custom CSS */