/*
Theme Name:   pearl child theme
Description:  Write here a brief description about your child-theme
Author:       admin_amor
Author URL:   http://localhost/amor
Template:     pearl
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  pearl-child
*/

/* Write here your own personal stylesheet */

body.home {
	background: #ffffff !important;
}
.stm-header .stm-logo img {
    width: 100% !important;
    margin-right: 10px
}

.stm-header .stm-logo {
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
    color: #3F3E3F;
}

.stm-header .stm-logo a:hover {
    color: #323a45 !important;
    text-decoration: none;
}

.stm_mobile__logo {
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
    color: #3F3E3F;
}

@media (max-width: 1023px) and (min-width: 769px) {
    .stm_mobile__logo img {
        display: none; /* Hide the original logo */
    }

    .stm_mobile__logo {
        background-image: url('https://echeckpoint.com/wp-content/uploads/2021/04/eCheckpoint-e1618600916647.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 200px; /* Adjust to your logo size */
        height: 50px; /* Adjust to your logo size */
    }
}

#wrapper .stm-header__element.object498 li a:hover{
    color: #FF9D40 !important;
}

.stm_lists_style_1 .wpb_text_column ul li:before{
	background-color: transparent !important;
}

body.custom-background {
    background: #ffffff !important;
}

#blue_block_advantage {
    padding: 0 10px;
}

#blue_block_advantage .vc_column-inner {
    border-radius: 45px !important;
    padding: 60px 50px;
}

#blue_block_advantage h2 {
    margin-bottom: 45px;
}

#home_process {
    background: linear-gradient(180deg, rgba(235, 245, 255, 0) 0%, #F7FBFF 97.4%);
}

.home_process_ul img.alignleft {
    margin-top: -27px;
    margin-bottom: 50px !important;
}

.home_process_ul {
    margin-bottom: 25px;
}

.home_process_btn {
    display: block !important;
    text-align: center;
    margin-bottom: 80px;
}

.home_process_btn button {
    border: none !important;
    width: 198px;
    height: 60px;
    background: #57568B !important;
    border-radius: 8px;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.home_process_2 {
    background: linear-gradient(
            180deg
            , #FEF9EE 0%, rgba(254, 249, 238, 0) 100%);
}

#home_customize_business h1 {
    margin-bottom: 30px;
}

.home_list ul li::before {
    background: url(https://echeckpoint.com/wp-content/uploads/2021/03/Ellipse.png) no-repeat center top / cover;
    background-color: transparent !important;
}

.home_process_item {
    width: 160px;
    height: 233px;
    background: #FFFFFF;
    box-shadow: 0px 15px 35px #EDEAE3;
    border-radius: 25px;
    padding-top: 30px;
    margin-bottom: 0;
}

.home_process2_ul1::before {
    content: '';
    position: absolute;
    top: 115px;
    left: 175px;
    width: 908px;
    height: 345px;
    background: url(https://echeckpoint.com/wp-content/uploads/2021/03/lines_process.png) no-repeat center center / contain;
}

.home_process2_ul1, .home_process2_ul2 {
    display: flex;
    margin: 0 -25px;
    position: relative;
}

.home_process2_ul1 .vc_column_container {
    width: auto;
}

.home_process2_ul1 .vc_column_container+.vc_column_container {
    margin-left: 90px;
}

.home_process2_ul1 .vc_column_container>.vc_column-inner {
    padding: 0;
}

.home_process2_ul2 .vc_column_container {
    width: auto;
}

.home_process2_ul2 .vc_column_container>.vc_column-inner {
    padding: 0;
}

.home_process2_ul2 {
    justify-content: center
}

.home_process2_ul2 .vc_column_container+.vc_column_container {
    margin-left: 160px;
}

.home_penalties_item img {
    position: relative;
    top: -15px;
}

.home_ready_left h1 {
    margin-bottom: 20px;
}

.home_ready_left .wpb_content_element {
    margin-bottom: 67px
}

.home_ready_right .wpb_single_image img {
    max-width: initial;
    position: relative;
    right: 160px;
    top: 35px;
}

.stm-footer .footer-widgets .widget_media_image {
    text-align: center;
}

.stm-footer .footer-widgets .stm_wp_widget_text {
    text-align: center;
    margin-top: 30px;
}

.stm-footer .footer-widgets .stm_wp_widget_text {
    margin-bottom: 33px !important;
}

.stm-footer .footer-widgets .widget_nav_menu {
    margin-bottom: 33px !important;
}

.stm-footer .footer-widgets .widget_nav_menu a {
    color: #848484;
}

.stm-footer .footer-widgets .stm_wp_widget_text .widget-footer-title h4 {
    font-size: 28px;
    line-height: 38px;
    color: #FFFFFF !important;
    text-transform: none !important;
}

.stm-footer .footer-widgets .stm_wp_widget_text .textwidget {
    padding-right: 0;
    max-width: 760px;
    margin: 0 auto;
}

.stm_footer_layout_2 .stm-footer__bottom {
    padding: 14px 0;
}

.stm_footer_layout_2 .stm-footer__bottom .stm_bottom_copyright {
    margin-bottom: 0;
}

.stm_footer_layout_2 .stm-footer__bottom .stm_bottom_copyright a.footer_privacy {
    color: #4FB5FF !important;
}

.stm_footer_layout_2 .stm-footer__bottom .stm_bottom_copyright a.footer_privacy:hover {
    text-decoration: underline;
    color: #4FB5FF !important;
}

.about_header .wpb_single_image {
    margin-bottom: -63px;
}

.about_header .wpb_single_image img {
    position: relative;
    top: 45px;
}

.about_home .wpb_single_image {
    margin-bottom: -280px;
}

.resource_header {
    background-size: 100% 875px !important;
    background-color: #F7EFE2 !important;
}

/* Pricing page: match body bg to wrapper color so resource_bg.png transparent areas blend */
body.page-id-6445 {
    background-color: #FEF9EE !important;
}

/* Fallback on the accordion container itself */
body.page-id-6445 .vc_custom_1717017286367 {
    background-color: #FEF9EE !important;
}

#resource_header ul li::before {
    background: url(https://echeckpoint.com/wp-content/uploads/2021/03/Ellipse.png) no-repeat center top / cover !important;
    background-color: transparent !important;
}

.wpb_wrapper ul li::before {
    background: url(https://echeckpoint.com/wp-content/uploads/2021/03/Ellipse.png) no-repeat center top / cover !important;
    background-color: transparent !important;
}

.customize_business ul li::before {
    background: url(https://echeckpoint.com/wp-content/uploads/2021/03/Ellipse.png) no-repeat center top / cover !important;
    background-color: transparent !important;
}

.resource_header .fa-phone-alt {
    color: #95C538;
}

.resource_header .fa-envelope {
    color: #F0B761;
}

.contact_header_address img {
    float: none;
}

.contact_header_address .wpb_wrapper {
    display: flex;
}

#resource_form_wr>.vc_column-inner {
    margin-top: 150px;
    background: #F9FCFF;
    box-shadow: 0px 15px 45px rgba(107, 105, 100, 0.1);
    border-radius: 45px;
    padding: 0 50px;
}

.resource_form_title {
    margin-top: 123px;
}

.resource_form_img {
    margin: 49px 0 0 auto;
    width: 179px;
    height: 244px;
    box-shadow: 0px 15px 35px rgba(177, 203, 232, 0.3);
    border-radius: 15px;
}

.resource_form_img .vc_figure {
    width: 100%;
    height: 100%;
}

.resource_form_img .vc_single_image-wrapper {
    display: block;
    height: 100%;
}

.resource_form_img img {
    width: 100%;
    height: 100% !important;
    object-fit: contain;
}

#gform_fields_1 li input, #gform_fields_4 li input, #gform_fields_5 li input, #gform_fields_6 li input, #gform_fields_9 li input , #gform_fields_10 li input, #gform_fields_13 li input, #gform_fields_14 li input{
    width: 100%;
    height: 55px;
    background: #FFFFFF;
    border: 1px solid #CCD9E6 !important;
    border-radius: 12px;
    padding: 0;
    padding-left: 22px;
}

#gform_fields_9 li input {
    width: 100%;
    height: 55px;
    background: #FFFFFF;
    border: 1px solid #CCD9E6 !important;
    border-radius: 12px;
    padding: 0;
    padding-left: 22px;
}


#gform_fields_5 .stm_select, #gform_fields_6 .stm_select, #gform_fields_9 .stm_select, #gform_fields_10 .stm_select, #gform_fields_13 .stm_select, #gform_fields_14 .stm_select, #gform_fields_18 .stm_select {
    width: 100%;
    height: 55px;
    background: #FFFFFF;
    border: 1px solid #CCD9E6 !important;
    border-radius: 12px;
    padding: 0;
    padding-left: 22px;
}

#gform_fields_5 .stm_select .stm-select__val, #gform_fields_6 .stm_select .stm-select__val, #gform_fields_9 .stm_select .stm-select__val, #gform_fields_10 .stm_select .stm-select__val, #gform_fields_13 .stm_select .stm-select__val, #gform_fields_14 .stm_select .stm-select__val, #gform_fields_18 .stm_select .stm-select__val {
	margin-top: 5px !important;
}

#gform_fields_1 li input:focus, #gform_fields_4 li input:focus, #gform_fields_5 li input:focus, #gform_fields_6 li input:focus, #gform_fields_9 li input:focus, #gform_fields_10 li input:focus, #gform_fields_13 li input:focus, #gform_fields_14 li input:focus, #gform_fields_18 li input:focus {
    border: 1px solid #54A1FC !important;
}

#gform_fields_1 label.gfield_label, #gform_fields_4 label.gfield_label, #gform_fields_5 label.gfield_label, #gform_fields_6 label.gfield_label, #gform_fields_9 label.gfield_label, #gform_fields_10 label.gfield_label, #gform_fields_13 label.gfield_label, #gform_fields_14 label.gfield_label, #gform_fields_18 label.gfield_label {
    font-size: 16px;
    line-height: 26px;
    color: #828E99;
    margin-bottom: -3px;
    font-weight: 400;
}

#gform_fields_1 .stm_material_form, #gform_fields_4 .stm_material_form, #gform_fields_5 .stm_material_form,#gform_fields_6 .stm_material_form, #gform_fields_9 .stm_material_form, #gform_fields_10 .stm_material_form, #gform_fields_13 .stm_material_form., #gform_fields_14 .stm_material_form, #gform_fields_18 .stm_material_form {
    padding-top: 0;
}

#gform_fields_1 li.gfield, #gform_fields_4 li.gfield, #gform_fields_5 li.gfield,#gform_fields_6 li.gfield, #gform_fields_9 li.gfield, #gform_fields_10 li.gfield, #gform_fields_13 li.gfield, #gform_fields_14 li.gfield, #gform_fields_18 li.gfield {
    padding-right: 0;
    margin-bottom: 10px !important;
}

#gform_1 input[type=submit], #gform_4 input[type=submit], #gform_5 input[type=submit], #gform_6 input[type=submit], #gform_9 input[type=submit], #gform_10 input[type=submit], #gform_13 input[type=submit], #gform_14 input[type=submit], #gform_18 input[type=submit] {
    padding: 16px 30px;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #87C257;
    border-radius: 999px;
    margin: 0;
    margin-left: auto;
    display: block;
}

#gform_4 input[type=submit], #gform_5 input[type=submit], #gform_6 input[type=submit], #gform_9 input[type=submit], #gform_10 input[type=submit], #gform_13 input[type=submit], #gform_14 input[type=submit], #gform_18 input[type=submit] {
    background: #F89C45;
}

#resource_form_wr>.vc_column-inner {
	margin-bottom: 100px;
}

#gform_5 {
    padding-top: 50px;
}

#gform_5 input[type=submit] {
    background: #F89C45;
    padding: 16px 70px;
}
#gform_wrapper_4 > div.gform_heading > h3, #gform_wrapper_13 > div.gform_heading > h3, #gform_wrapper_14 > div.gform_heading > h3, #gform_wrapper_18 > div.gform_heading > h3 {
    display: none;
	font-size: 28px;
    line-height: 38px;
    color: #3F3E3F;
    margin-top: 50px;
}

#gform_wrapper_4 > div.gform_heading > p, #gform_wrapper_13 > div.gform_heading > p, #gform_wrapper_14 > div.gform_heading > p, #gform_wrapper_18 > div.gform_heading > p {
	padding-top: 30px;
	color: #57568b;
	font-family: 'Poppins';
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
}

#gform_4 span.gform_description, #gform_9 span.gform_description, #gform_10 span.gform_description, #gform_13 span.gform_description, #gform_14 span.gform_description, #gform_18 span.gform_description {
    font-weight: 300;
    font-size: 16px;
    color: #3F3E3F;
    margin-bottom: 30px;
}

#gform_confirmation_wrapper_16 #gform_confirmation_wrapper_4 .gform_confirmation_message {
	position: relative;
    font-size: 16px;
    background-color: #F9FCFF !important;
    color: #808080 !important;
    border-color: #F9FCFF !important;
    border-width: 3px;
    border-style: solid;
    margin: 20px 0;
    padding: 15px 30px;
}

@media (max-width: 1199px) {
    #blue_block_advantage .vc_column-inner {
        padding: 60px 25px;
    }
    .home_process2_ul1 .vc_column_container+.vc_column_container {
        margin-left: 24px;
    }
    .home_process2_ul1::before {
        display: none !important;
    }
    .home_process2_ul2 .vc_column_container+.vc_column_container {
        margin-left: 24px;
    }
    .home_process2_ul1, .home_process2_ul2 {
        margin: 0;
        justify-content: center;
    }
    .home_process_item {
        width: 125px;
        height: 210px;
        margin-bottom: 0 !important;
    }
    .home_process_item p {
        font-size: 13px;
    }
}
@media (max-width: 1199px) and (min-width: 992px) {
    #rev_slider_1_1 {
        width: 940px !important;
        margin: 0 auto;
    }
    #rev_slider_1_1 .rs-parallax-wrap:nth-child(2), #rev_slider_1_1 .rs-parallax-wrap:nth-child(3), #rev_slider_1_1 .rs-parallax-wrap:nth-child(4) {
        left: 0 !important;
    }
}
@media (max-width: 991px) {
    .home_penalties_item img {
        float: none;
        top: 0;
        display: block;
    }
}
@media (max-width: 767px) {
    .home_process_ul img.alignleft {
        margin-top: -10px;
        max-width: 80px;
        margin-bottom: 20px !important;
    }
    .home_process_ul {
        margin-bottom: 0;
    }
    .home_process2_ul1 .vc_column_container {
        width: 100%;
    }
    .home_process2_ul1, .home_process2_ul2 {
        display: block;
        margin: 0;
        position: relative;
    }
    .home_process_item {
        margin: 0 auto;
    }
    .home_process2_ul1 .vc_column_container+.vc_column_container {
        margin-left: 0px;
    }
    .home_process2_ul1 .vc_column_container {
        margin-bottom: 20px;
    }
    .home_process2_ul2 .vc_column_container {
        width: 100%;
        margin-bottom: 20px;
    }
    .home_process2_ul2 .vc_column_container+.vc_column_container {
        margin-left: 0;
    }
    .home_penalties_item img.alignleft {
        max-width: 83px;
        margin-bottom: 45px !important;
    }
    .home_ready_right .wpb_single_image img {
        right: -76px;
        max-width: 376px;
    }
    .about_header .wpb_single_image img {
        top: 0;
    }
    .about_home .wpb_single_image {
        margin-bottom: 0;
        height: 520px;
        overflow: hidden;
    }
    .contact_header_address img {
        width: auto !important;
    }
    #resource_form_wr>.vc_column-inner {
        margin: 25px 15px;
        width: auto;
        padding: 0 20px;
    }
    #gform_fields_1 li input, #gform_fields_4 li input, #gform_fields_5 li input, #gform_fields_6 li input, #gform_fields_9 li input, #gform_fields_10 li input, #gform_fields_13 li input, #gform_fields_14 li input, #gform_fields_18 li input {
        height: 45px;
    }
    .resource_form_title {
        margin-top: 55px;
    }
    .resource_form_title h2 {
        text-align: center !important;
    }
    .resource_form_img {
        margin: 10px auto 0 auto;
    }
    .stm_layout_seoagency.stm_footer_layout_2 .stm-footer {
        padding: 50px 0 0 !important;
    }
    .stm_header_style_1 .stm_mobile__header {
        margin-bottom: 0 !important;
        padding: 10px 0 !important;
    }
    .features_wr:nth-child(even) .vc_row {
        display: flex;
        flex-wrap: wrap;
    }
    .features_wr:nth-child(even) .vc_row .wpb_column:first-child {
        order: 2;
    }
    .about_wr .vc_row {
        display: flex;
        flex-wrap: wrap;
    }
    .about_wr .vc_row .wpb_column:first-child {
        order: 2;
    }
    .home_penalties_item img {
        float: left;
        top: -15px;
        display: block;
    }
    .home_process_item {
        width: 160px;
        height: 233px;
    }
    .home_process_item p {
        font-size: 16px;
    }
}

#negative-margin-desktop {
	margin-top: -23px;
}
@media (max-width: 767px) {
    #negative-margin-desktop {
        margin-top: 0px;
    }
}

#try-it-page-body .stm_select{
    width: 100% !important;
    height: 55px !important;
    background: #FFFFFF !important;
    border: 1px solid #CCD9E6!important;
    border-radius: 12px !important;
    padding: 0 !important;
    padding-left: 0px !important;
    padding-left: 22px !important;
}

#try-it-page-body .stm_select .stm-select__val{
	margin-top: 5px !important;
}


#try-it-page-body .body-style {
    font-family: 'Poppins' !important;
    color: #808080 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    line-height: 1.6em !important;
  }


#try-it-page-body  .column-inner {
    margin: 25px 15px !important;
    width: auto !important;
    padding: 0 20px !important;
    background: #F9FCFF !important;
    box-shadow: 0px 15px 45px rgba(107, 105, 100, 0.1) !important;
    border-radius: 45px !important;
    margin-bottom: 16px !important;
    margin-top: 16px !important;
    max-width: 100% !important;
  }

 
#try-it-page-body .form-body {
    margin-bottom: 16px !important;
    margin-top: 16px !important;
    max-width: 100% !important;
  }


#try-it-page-body  .form-input {
    width: 100% !important;
    height: 55px !important;
    background: #FFFFFF !important;
    border: 1px solid #CCD9E6!important;
    border-radius: 12px !important;
    padding: 0 !important;
    padding-left: 0px !important;
    padding-left: 22px !important;
  }

 
#try-it-page-body .form-label {
    display: inline-block !important;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #828E99 !important;
    margin-bottom: -3px !important;
    font-weight: 400 !important;
    clear: both !important;
    display: inline-block !important;
  }

 
#try-it-page-body .submit-input {
    background: #F89C45 !important;
    padding: 16px 70px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    line-height: 22px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
    margin: 0 !important;
    margin-left: 0px !important;
    margin-left: auto !important;
    display: block !important;
    letter-spacing: 0.4px !important;
    width: auto !important;
    text-decoration: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    transition: all 0.25s ease !important;
    -webkit-appearance: button !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
  }

 
#try-it-page-body .required-label {
    color: #790000 !important;
    margin-left: 4px !important;
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 400 !important;
  }

 
#try-it-page-body .form-footer {
    clear: both !important;
    margin-bottom: 20px !important;
    padding: 0 0 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
#try-it-page-body  .form_results {
    text-align: center;
  }

#try-it-page-body  .confirmation_wrapper {
    box-sizing: border-box;
    font-family: 'Poppins';
    color: #808080;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    line-height: 1.6em;
  }

#try-it-page-body  .confirmation {
    position: relative;
    font-size: 16px;
    background-color: #03d56b !important;
    color: #fff !important;
    border-color: #03d56b !important;
    border-width: 3px;
    border-style: solid;
    margin: 20px 0;
    padding: 15px 30px;
  }

#try-it-page-body .form_results .form_result_description {
	text-align: left !important; 
}

.stm_form_style_3 .stm_select:after {
    margin-top: 0px !important;
	right: 15px !important; 
}

/*Sign up form CSS*/
.full-width-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background: rgb(254, 249, 238); /* Full-width background color */
    box-sizing: border-box;
}

#mc_embed_signup {
    clear: left;
    font: 14px Helvetica, Arial, sans-serif;
    width: 90%; /* Adjust width to be narrower than 100% */
    max-width: 1200px; /* Optional: Set a max-width for large screens */
    margin-right: auto; /* Center align */
    margin-left: auto; /* Center align */
    padding: 20px;
    box-sizing: border-box;
    background: rgb(254, 249, 238); /* Ensure background color is applied */
}

#mc_embed_signup h1 {
    color: #57568b;
    font-size: 28px;
    margin-bottom: 10px;
}

#mc_embed_signup h3 {
    color: #3f3e3f;
    font-size: 20px;
    margin-bottom: 20px;
}

#mc_embed_signup .mc-field-group {
    margin-bottom: 15px;
}

#mc_embed_signup .mc-field-group label {
    color: #3f3e3f;
    font-weight: bold;
}

#mc_embed_signup .mc-field-group input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 16px;
}

#mc_embed_signup .button, 
#mc_embed_signup .btn.btn_solid.btn_secondary {
    background-color: #57568b !important;
    color: #ffffff !important;
    padding: 25px 35px !important;
    border: none !important;
    border-radius: 25px !important;
    cursor: pointer !important;
    font-size: 14px !important; /* Updated font size */
    font-weight: 600 !important; /* Updated font weight */
    line-height: .2 !important; /* Updated line height */
    text-align: center !important;
    transition: background-color 0.3s ease !important;
    display: inline-block !important;
    margin-top: 10px !important; /* Add some margin to the top */
}

#mc_embed_signup .button:hover, 
#mc_embed_signup .btn.btn_solid.btn_secondary:hover {
    background-color: #ff9d40 !important;
}

#mc_embed_signup .response {
    margin-top: 10px;
    padding: 10px;
    display: none;
}

#mc_embed_signup .response.error {
    background-color: #f8d7da;
    color: #721c24;
}

#mc_embed_signup .response.success {
    background-color: #d4edda;
    color: #155724;
}

#mc_embed_signup div#mce-responses {
	margin: 0px !important;
}

#mc_embed_signup .note {
    font-size: 12px;
    color: #6c757d;
    margin-top: 10px;
}

#mc_embed_signup .note a {
    color: #57568b;
    text-decoration: underline;
}

#mc_embed_signup .note a:hover {
    color: #3f3e3f;
}
/*.stm-footer {
	padding-top: 0px !important;
}*/

/*.stm_form_style_3 .stm_material_form textarea {
	min-height: 100px !important;
}*/

.stm_select__dropdown li span {
    padding: 0px 15px !important;
}

/*Betterdocs*/
.betterdocs-wrapper.betterdocs-single-wrapper {
	margin-top: 60px !important;
}
.betterdocs-wrapper.betterdocs-single-wrapper.betterdocs-single-layout-1.betterdocs-single-classic-layout.betterdocs-single-wraper {
	margin-top: 150px !important;
}

#wrapper .betterdocs-faq-wrapper {
	margin-bottom: 100px;
}

.blog_title {
	margin-top: 125px;
}

.stm_markup__content.stm_markup__post {
	margin-top: 50px;
}

.stm_markup__sidebar {
	margin-top: 300px;
}

.search-form {
	margin-top: 150px;
}
.search-form button {
	margin-top: 8px;
}

.betterdocs-wrapper.betterdocs-docs-archive-wrapper.betterdocs-category-layout-5 .betterdocs-popular-article-list-wrapper .betterdocs-articles-list li svg {
	margin-top: 7px !important;
}

.betterdocs-popular-articles-wrapper .betterdocs-articles-list li, .betterdocs-popular-articles-wrapper .betterdocs-entry-body li {
    align-items: flex-start !important;
}

/*Legal Updates Account Creation*/
.signup_img {
	max-width: 75%;
}
#resource_form_ac>.vc_column-inner {
    margin-bottom: 100px;
    background: #F9FCFF;
    box-shadow: 0px 15px 45px rgba(107, 105, 100, 0.1);
    border-radius: 45px;
    padding: 0 50px;
}

/* Custom Login Widget Area */
#custom-login-widget {
    max-width: 400px !important; /* Limit the width to make the box smaller */
    margin: 50px auto !important; /* Center the box and add vertical spacing */
    background: #F9FCFF !important; /* Background color */
    box-shadow: 0px 15px 45px rgba(107, 105, 100, 0.1) !important; /* Shadow effect */
    border-radius: 25px !important; /* Reduced border-radius for a smaller box */
    padding: 30px 40px !important; /* Padding inside the box */
}

/* Style input fields inside the widget */
#custom-login-widget input[type="text"],
#custom-login-widget input[type="password"],
#custom-login-widget input[type="email"] {
    width: 100% !important;
    height: 55px !important;
    background: #FFFFFF !important;
    border: 1px solid #CCD9E6 !important;
    border-radius: 12px !important;
    padding: 0 !important;
    padding-left: 22px !important;
    margin-bottom: 15px !important; /* Consistent margin */
}

/* Focus state for input fields */
#custom-login-widget input[type="text"]:focus,
#custom-login-widget input[type="password"]:focus,
#custom-login-widget input[type="email"]:focus {
    border: 1px solid #54A1FC !important; /* Blue focus border */
}

/* Style the submit button */
#custom-login-widget input[type="submit"] {
    width: 100% !important; /* Full width of the container */
    padding: 16px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    background: #F89C45 !important; /* Orange background */
    border-radius: 999px !important;
    cursor: pointer !important;
}

/* Button hover effect */
#custom-login-widget input[type="submit"]:hover {
    background-color: #87C257 !important; /* Green on hover */
}

/* Style the form labels (if any are displayed) */
#custom-login-widget label.gfield_label {
    font-size: 16px !important;
    line-height: 26px !important;
    color: #828E99 !important;
    margin-bottom: -3px !important;
    font-weight: 400 !important;
}

/* Add spacing between fields */
#custom-login-widget li.gfield {
    padding-right: 0 !important;
    margin-bottom: 15px !important; /* Match margin */
}

/*Comparison Table Styling*/
@media only screen and (max-width: 600px) {
    .tablepress-id-2 td, .tablepress-id-2 th, .tablepress-id-4 td, .tablepress-id-4 th {
        font-size: 13px; /* Reduce table cell font size */
        padding: 5px;    /* Decrease padding to minimize space */
    }
}

@media only screen and (max-width: 600px) {
    .tablepress-id-4 td, .tablepress-id-4 th {
        font-size: 11px; /* Reduce table cell font size */
        padding: 4px;    /* Decrease padding to minimize space */
    }
}

@media only screen and (max-width: 550px) {
    .tablepress-id-4 .responsive-heading {
        font-size: 14px !important;
		display: flex;
		align-items: center;
		padding-top: 8px;
    }
}

@media only screen and (max-width: 550px) {
    .tablepress-id-2 .responsive-heading {
        font-size: 16px !important;
		display: flex;
		align-items: center;
		padding-top: 8px;
    }
}

.tablepress .column-2, .tablepress .column-3, .tablepress .column-4 {
	text-align: center;
}

/*Font for Cookie Compliance Module*/
#hu .hu-wrapper {
	font-family: 'Poppins';
}

/*Styling for Theme My Login */
.stm_titlebox.stm_titlebox_style_1.stm_titlebox_text-center {
	background-color: transparent !important;
}
.stm_titlebox_text-center .stm_separator {
	display: none;
}
.stm_titlebox_style_1 {
	min-height: 5px !important;
}
/* Style for the Password Reset and Lost Password form containers */
.tml-resetpass, .tml-lostpassword {
    max-width: 400px !important; /* Limit the width to make the box smaller */
    margin: 50px auto !important; /* Center the box and add vertical spacing */
    background: #F9FCFF !important; /* Background color */
    box-shadow: 0px 15px 45px rgba(107, 105, 100, 0.1) !important; /* Shadow effect */
    border-radius: 25px !important; /* Reduced border-radius for a smaller box */
    padding: 30px 40px !important; /* Padding inside the box */
}

/* Style input fields inside the Password Reset and Lost Password forms */
.tml-resetpass input[type="text"], .tml-lostpassword input[type="text"],
.tml-resetpass input[type="password"], .tml-lostpassword input[type="password"] {
    width: 100% !important;
    height: 55px !important;
    background: #FFFFFF !important;
    border: 1px solid #CCD9E6 !important;
    border-radius: 12px !important;
    padding: 0 !important;
    padding-left: 22px !important;
    margin-bottom: 15px !important; /* Consistent margin */
}

/* Focus state for input fields */
.tml-resetpass input[type="text"]:focus, .tml-lostpassword input[type="text"]:focus,
.tml-resetpass input[type="password"]:focus, .tml-lostpassword input[type="password"]:focus {
    border: 1px solid #54A1FC !important; /* Blue focus border */
}

/* Style the submit buttons in Password Reset and Lost Password forms */
.tml-resetpass button[type="submit"], .tml-lostpassword button[type="submit"] {
    width: 100% !important; /* Full width of the container */
    padding: 16px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    background: #F89C45 !important; /* Orange background */
    border-radius: 999px !important;
    cursor: pointer !important;
    border: none !important;
}

/* Button hover effect */
.tml-resetpass button[type="submit"]:hover, .tml-lostpassword button[type="submit"]:hover {
    background-color: #87C257 !important; /* Green on hover */
}

/* Style the form labels */
.tml-resetpass label, .tml-lostpassword label {
    font-size: 16px !important;
    line-height: 26px !important;
    color: #828E99 !important;
    margin-bottom: -3px !important;
    font-weight: 400 !important;
}

/* Add spacing between fields */
.tml-resetpass .tml-field-wrap, .tml-lostpassword .tml-field-wrap {
    margin-bottom: 15px !important; /* Match margin */
}

/* Style for the password strength indicator (in the Reset Password form) */
.tml-resetpass #pass-strength-result {
    font-size: 13px !important;
    padding: 5px !important;
    background-color: #f1f1f1 !important;
    border-radius: 4px !important;
    color: #828E99 !important;
    text-align: center !important;
}

/* Style for the password hint (in the Reset Password form) */
.tml-resetpass .indicator-hint {
    font-size: 13px !important;
    color: #828E99 !important;
    padding-top: 5px;
    text-align: center;
}

/* Responsive adjustments */
@media only screen and (max-width: 600px) {
    .tml-resetpass, .tml-lostpassword {
        padding: 20px !important; /* Adjust padding for smaller screens */
    }
}
/*Login Links and header bar*/
/* Custom Header Bar */
#custom-header-bar {
    background-color: #545387; /* Updated color */
    padding: 15px 0; /* Restoring the original height */
    color: #fff !important; /* Force white text */
    font-family: 'Poppins', sans-serif; /* Updated font family */
    position: relative;
    width: 100%;
    z-index: 9999;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}

#custom-header-bar .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    text-align: left;
}

.header-bar-links {
    position: absolute;
    right: 15px; /* Ensure links are on the far right */
    top: 50%;
    transform: translateY(-50%); /* Vertically center the links */
    display: flex;
    align-items: center;
}

.header-bar-links a {
    color: #fff !important; /* White text */
    text-decoration: none;
    margin: 0 10px;
    font-weight: normal;
    font-size: 14px;
    text-transform: none;
    font-family: 'Poppins', sans-serif; /* Updated font family */
}

.header-bar-links a:hover {
    text-decoration: underline;
    text-decoration-color: #ff9d40; /* Updated underline color */
}

/* Dropdown styling for "Hi, User" */
.user-dropdown {
    position: relative;
    display: inline-block;
}

.user-dropdown .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff; /* White background for dropdown */
    min-width: 120px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
    right: 0;
    top: 100%;
}

.user-dropdown .dropdown-content a {
    color: rgb(63, 62, 63) !important; /* Force the text color */
    padding: 8px 12px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-family: 'Poppins', sans-serif; /* Updated font family */
}

.user-dropdown .dropdown-content a:hover {
    background-color: #f1f1f1; /* Light background on hover */
    color: rgb(63, 62, 63) !important; /* Ensure the text color on hover */
}

.user-dropdown:hover .dropdown-content {
    display: block; /* Show the dropdown on hover */
}

body.cookies-not-set #custom-header-bar {
    display: block !important;
    visibility: visible !important;
}


/* AB 1263 Header Bar Notice */
.header-bar-notice {
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    padding: 0 120px;
}
/* Rotator: horizontal slide carousel */
.header-bar-notice-rotator {
    position: relative;
    overflow: hidden;
    height: 22px;
}
.header-bar-notice-rotator .header-bar-notice {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 22px;
    transform: translateX(100%);
    transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1);
}
.header-bar-notice-rotator .header-bar-notice.header-bar-notice--active {
    transform: translateX(0);
}
.header-bar-notice-rotator .header-bar-notice.header-bar-notice--exit {
    transform: translateX(-100%);
}
.header-bar-notice-rotator .header-bar-notice.header-bar-notice--reset {
    transition: none !important;
    transform: translateX(100%);
}

/* Signal Shift: bar color per notice */
#custom-header-bar {
    transition: background-color 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
/* NRA banner styles - commented out 2026-04-20. Restore when needed for future events.
#custom-header-bar[data-state="nra"] {
    background-color: #14213d !important;
}
.header-bar-eyebrow {
    display: inline-block;
    color: #ff4a5c;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin-right: 14px;
    padding-right: 14px;
    border-right: 1px solid rgba(255, 74, 92, 0.55);
    line-height: 1;
    vertical-align: 1px;
}
.header-bar-notice[data-notice="nra"] .header-bar-notice-link {
    color: #ff4a5c !important;
}
.header-bar-notice[data-notice="nra"] .header-bar-notice-link:hover {
    text-decoration-color: #ff4a5c;
}
@media (max-width: 600px) {
    .header-bar-eyebrow {
        display: none;
    }
}
*/
.header-bar-notice-link {
    color: #ff9d40 !important;
    text-decoration: none;
    font-weight: 600;
}
.header-bar-notice-link:hover {
    text-decoration: underline;
    text-decoration-color: #ff9d40;
}
.portal-login-btn {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px;
    font-family: 'Poppins', sans-serif;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    padding: 4px 12px;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}
.portal-login-btn:hover {
    border-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    text-decoration: none !important;
}
@media (max-width: 768px) {
    .header-bar-links {
        display: none;
    }
    .header-bar-notice {
        padding: 0 15px;
    }
}
@media (max-width: 480px) {
    .header-bar-notice {
        font-size: 11px;
    }
}

/* Account activation page */
#content.widecolumn {
    margin-top: 150px;
	margin-bottom: 50px;
}
.gform_confirmation_wrapper #gform_confirmation_message_18 {
	position: relative;
    font-size: 16px;
    background-color: #F9FCFF !important;
    color: #808080 !important;
    border-color: #F9FCFF !important;
    border-width: 3px;
    border-style: solid;
    margin: 20px 0;
    padding: 15px 30px;
}

/*menu hover fix*/
.stm_layout_seoagency .stm-navigation__default>ul>li:hover>ul {
    top: 30px !important;
}

/* ================================================================
   ClearCart Product Page Styles
   Moved from page-level WPBakery Custom CSS for centralized management
   ================================================================ */

.lg-backdrop.in {
    opacity: .75 !important;
}

.transparent-bullets li::before {
    background-color: transparent !important;
    content: '' !important;
}

@media (min-width: 769px) {
    .verifyaction {
        padding-right: 100px;
    }
}
@media (max-width: 767px) {
    .verify_cta img {
        right: 9px !important;
        max-width: 250px !important;
        margin-bottom: 15px !important;
    }
    .verifyadv {
        padding-left: 80px;
    }
    .verify_img img{
        max-width: 200px;
    }
    .gears img{
        max-width: 200px;
    }
    .target_img img{
        max-width: 200px;
    }
}

/* How It Works staggered animation delays */
.delay-1  { animation-delay: 0.2s !important; }
.delay-2  { animation-delay: 1.2s !important; }
.delay-3  { animation-delay: 2.2s !important; }
.delay-4  { animation-delay: 3.2s !important; }
.delay-5  { animation-delay: 4.2s !important; }
.delay-6  { animation-delay: 5.2s !important; }
.delay-7  { animation-delay: 6.2s !important; }

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.animated.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    animation-duration: 1.5s !important;
    -webkit-animation-duration: 1.5s !important;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}

/* Content sections: move text column first on mobile.
   Pearl theme structure for non-full-width rows:
     div.container.vc_container.ELCLASS > div.vc_row.wpb_row > div.wpb_column
   WPBakery uses float layout, so override to flex for reordering. */
@media screen and (max-width: 768px) {
    .section-covers > .vc_row,
    .features_wr > .vc_row {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .section-covers .vc_column_container,
    .features_wr .vc_column_container {
        float: none !important;
        width: 100% !important;
    }
    .mobile-first {
        order: -1 !important;
    }
}

/* Product page hero: desktop/mobile layout swap */
@media screen and (max-width: 768px) {
    .clearcart-hero-desktop,
    .easyffl-hero-desktop {
        display: none !important;
    }
    .clearcart-hero-mobile,
    .easyffl-hero-mobile {
        display: block !important;
    }
}

@media screen and (min-width: 769px) {
    .clearcart-hero-desktop,
    .easyffl-hero-desktop {
        display: block !important;
    }
    .clearcart-hero-mobile,
    .easyffl-hero-mobile {
        display: none !important;
    }
}

/* Product page How It Works steps – mobile layout */
@media screen and (max-width: 768px) {
    /* --- How It Works 4-step flow --- */
    /* Center images within their stacked columns */
    .delay-1 .wpb_single_image .vc_figure,
    .delay-3 .wpb_single_image .vc_figure,
    .delay-5 .wpb_single_image .vc_figure,
    .delay-7 .wpb_single_image .vc_figure {
        display: flex;
        justify-content: center;
    }

    /* Make step images larger on mobile (fill more of the column) */
    .delay-1 .wpb_single_image img,
    .delay-3 .wpb_single_image img,
    .delay-5 .wpb_single_image img,
    .delay-7 .wpb_single_image img {
        width: 120px !important;
        height: 120px !important;
    }

    /* Rotate arrow icons to point downward and shrink them */
    .delay-2 .vc_icon_element-inner,
    .delay-4 .vc_icon_element-inner,
    .delay-6 .vc_icon_element-inner {
        transform: rotate(90deg);
        display: flex !important;
        justify-content: center !important;
        width: 100%;
    }
    .delay-2 .vc_icon_element,
    .delay-4 .vc_icon_element,
    .delay-6 .vc_icon_element {
        display: flex !important;
        justify-content: center !important;
    }
    .delay-2 .vc_icon_element-icon,
    .delay-4 .vc_icon_element-icon,
    .delay-6 .vc_icon_element-icon {
        font-size: 20px !important;
    }

    /* Tighten vertical spacing between steps */
    .delay-1 .stm_spacer,
    .delay-3 .stm_spacer,
    .delay-5 .stm_spacer,
    .delay-7 .stm_spacer {
        height: 5px !important;
    }
    .delay-2 .stm_spacer,
    .delay-4 .stm_spacer,
    .delay-6 .stm_spacer {
        height: 0px !important;
    }

    /* Reduce animation delays on mobile (stagger is too slow on vertical layout) */
    .delay-1 { animation-delay: 0.1s !important; }
    .delay-2 { animation-delay: 0.3s !important; }
    .delay-3 { animation-delay: 0.5s !important; }
    .delay-4 { animation-delay: 0.7s !important; }
    .delay-5 { animation-delay: 0.9s !important; }
    .delay-6 { animation-delay: 1.1s !important; }
    .delay-7 { animation-delay: 1.3s !important; }

    /* Step labels */
    .delay-1 .wpb_text_column,
    .delay-3 .wpb_text_column,
    .delay-5 .wpb_text_column,
    .delay-7 .wpb_text_column {
        margin-top: 0.25rem;
        margin-bottom: 0;
    }

    /* Content sections: on mobile, source order is text-first (natural stacking) */
}

/* ================================================================
   Release Notes Styles
   Moved from inline <style> blocks on pages 6295, 7231, 7233, 7235
   ================================================================ */

.release-feature {
    display: flex;
    align-items: flex-start;
}
.release-feature::before {
    content: "features";
    background-color: #ff9d40;
    color: #ffffff;
    border-radius: 14px;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
    margin-right: 10px;
    position: initial;
    padding-left: 7px;
    padding-right: 7px;
    flex-shrink: 0;
    box-sizing: border-box;
}

.release-update {
    display: flex;
    align-items: flex-start;
}
.release-update::before {
    content: "updates";
    background-color: #545387;
    color: #ffffff;
    border-radius: 14px;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    height: 28px;
    line-height: 28px;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
    margin-right: 10px;
    position: initial;
    padding-left: 7px;
    padding-right: 7px;
    flex-shrink: 0;
    box-sizing: border-box;
}

.rn-nav {
    display: flex;
    justify-content: flex-start;
    gap: 32px;
    flex-wrap: wrap;
    margin: 0 auto 10px auto;
    padding: 0;
    border-bottom: 2px solid #e2e2e8;
}
.rn-nav a {
    color: #888;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    padding: 10px 4px;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    transition: color 0.2s, border-color 0.2s;
}
.rn-nav a:hover {
    color: #545387;
    border-bottom-color: #c5c5d8;
}
.rn-nav a.rn-nav-active {
    color: #545387;
    border-bottom-color: #545387;
    font-weight: 600;
    cursor: default;
}

/* Features page: CSS squircle background behind feature icons */
.feature-icon-squircle {
    position: relative;
    display: inline-block;
}
.feature-icon-squircle .vc_single_image-wrapper {
    position: relative;
    z-index: 1;
}
.feature-icon-squircle::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 75%;
    height: 75%;
    background-color: #ECEDF5;
    border-radius: 30%;
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: 0;
}



/* Book a Demo Nav CTA Button */
#menu-item-4930 > a,
#menu-item-4931 > a {
  background-color: #ff9d40;
  color: #ffffff !important;
  border-radius: 50px;
  padding: 10px 28px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px;
  transition: background-color 0.25s ease;
  margin-left: 10px;
  margin-top: -10px;
  margin-bottom: -10px;
}
#menu-item-4930 > a:hover,
#menu-item-4931 > a:hover {
  background-color: #f08a20;
  color: #ffffff !important;
}
.stm-navigation #menu-item-4930 > a:hover,
.stm-navigation #menu-item-4931 > a:hover {
  color: #ffffff !important;
}

/* Nav Dropdown Menus */
.stm-navigation .sub-menu {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
  border: 1px solid rgba(0, 0, 0, 0.06);
  padding: 6px 0 !important;
}
.stm-navigation .sub-menu li {
  border-bottom: none !important;
}
.stm-navigation .sub-menu li a {
  padding: 10px 20px !important;
  font-size: 15px !important;
  color: #3F3E3F !important;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.stm-navigation .sub-menu li a:hover {
  background-color: #f8f5f0 !important;
  color: #ff9d40 !important;
}




/* Bridge gap between nav link and dropdown to prevent hover flicker */
.stm-navigation > ul > li {
  padding-bottom: 10px !important;
  margin-bottom: -10px !important;
}
.stm-navigation > ul > li > .sub-menu::before {
  content: '';
  display: block;
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  height: 12px;
  background: transparent;
}
/* Right-align dropdowns near viewport edge (About menu) */
body .stm-header .stm-navigation #menu-item-4084 > .sub-menu,
body .stm-header .stm-navigation #menu-item-4084 > ul.sub-menu {
  right: 0 !important;
  left: auto !important;
}

/* Nav link hover state */
.stm-navigation > ul > li > a {
  transition: color 0.2s ease !important;
}
.stm-navigation > ul > li > a:hover {
  color: #ff9d40 !important;
}

/* Active page nav link - orange highlight */
.stm-navigation > ul > li.current-menu-item > a,
.stm-navigation > ul > li.current-menu-ancestor > a,
.stm-navigation > ul > li.current-menu-parent > a,
.stm-navigation > ul > li.current_page_parent > a,
.stm-navigation > ul > li.current_page_ancestor > a {
  color: #ff9d40 !important;
}

/* Active dropdown item - override Pearl dark background - desktop only */
@media (min-width: 1025px) {
.stm-navigation .sub-menu li.current-menu-item > a,
.stm-navigation .sub-menu li.current-menu-item > a:hover {
  background-color: #faf6f1 !important;
  color: #ff9d40 !important;
  font-weight: 600 !important;
}
}
/* ==========================================================================
   Sticky Header
   ========================================================================== */

/* Transition setup on header elements (always present, only visible when class toggles) */
.stm-header {
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
              background-color 0.3s ease,
              box-shadow 0.3s ease,
              padding 0.3s ease;
}
.stm-header .stm-logo {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: left center;
}
.stm-header .stm-header__row_color_center {
  transition: padding 0.3s ease, height 0.3s ease;
}

/* Purple top bar transition */
.stm-header ~ .site-content {
  /* no change needed */
}

/* --- Sticky State (class on body) --- */
@media (min-width: 1025px) {

  /* Hide purple utility bar */
  .header-sticky .stm-header {
    top: 0 !important;
    position: fixed !important;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #ffffff !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);
    animation: stickySlideDown 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .header-sticky .stm-header .stm-header__row_color_center {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: auto !important;
    background: transparent !important;
  }

  .header-sticky .stm-header .stm-header__row_center {
    height: 64px !important;
    display: flex;
    align-items: center;
  }

  /* Scale logo down */
  .header-sticky .stm-header .stm-logo {
    transform: scale(0.78);
    transform-origin: left center;
  }

  /* Book a Demo glow in sticky */
  .header-sticky #menu-item-4930 > a,
  .header-sticky #menu-item-4931 > a {
    box-shadow: 0 4px 18px rgba(255, 140, 0, 0.45);
  }

  /* Ensure dropdowns still work in sticky */
  .header-sticky .stm-navigation .sub-menu {
    z-index: 10000;
  }

  /* Slide-down entrance animation */
  @keyframes stickySlideDown {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
  }





  /* Exit animation - slide up and fade out */
  .header-sticky-exit .stm-header {
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0 !important;
    z-index: 9999;
    animation: stickySlideUp 0.3s ease-in forwards;
  }

  @keyframes stickySlideUp {
    from {
      transform: translateY(0);
      opacity: 1;
    }
    to {
      transform: translateY(-100%);
      opacity: 0;
    }
  }
  /* Full-width sticky container with balanced spacing */
  .header-sticky .stm-header .container {
    max-width: 1400px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  /* Hide purple utility bar in sticky state */
  .header-sticky #custom-header-bar {
    display: none;
  }
  /* Scroll padding so anchor links don't hide behind sticky header */
  .header-sticky html,
  html.header-sticky {
    scroll-padding-top: 70px;
  }
}


/* Demo page (draft) - prevent hero gradient from bleeding into nav */
.page-id-7882 .stm-header {
  background: transparent !important;
}
.page-id-7882 .demo-hero-row {
  margin-top: -30px !important;
  padding-top: 0 !important;
}
/* Widget card padding fix */
.demo-hubspot-card {
  padding: 12px !important;
  margin: 0 10px;
}


/* Mobile nav fixes */
@media (max-width: 1024px) {
  /* Reset desktop CTA pill styles for mobile menu */
  #menu-item-4930 > a,
  #menu-item-4931 > a {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    padding: 12px 25px !important;
    border-radius: 8px !important;
    display: inline-block !important;
    text-align: center;
    width: auto;
    font-weight: 600 !important;
  }
  
  /* Fix mobile sub-menu text color - override purple */
  .stm_mobile__menu .sub-menu li a,
  .stm_mobile__menu ul li ul li a,
  body .stm_mobile__menu .sub-menu a {
    color: #323a45 !important;
  }
  
  /* Fix dropdown hover bridge - not needed on mobile */
  .stm-navigation > ul > li {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  
  /* Hide purple utility bar on small phones */
  @media (max-width: 480px) {
    #custom-header-bar .header-bar-links {
      font-size: 11px;
    }
  }
  
  /* Disable sticky header on mobile */
  .header-sticky .stm-header {
    position: absolute !important;
    animation: none !important;
  }
}


/* Mobile menu comprehensive fixes */
@media (max-width: 1024px) {
  /* All mobile sub-menu items - charcoal text, not purple */
  .stm_mobile__menu li a,
  .stm_mobile__menu .sub-menu li a,
  .stm_mobile__menu ul li a {
    color: #323a45 !important;
  }

  /* Active top-level item - orange text */
  .stm_mobile__menu li.current-menu-item > a,
  .stm_mobile__menu li.current-menu-ancestor > a,
  .stm_mobile__menu li.current-menu-parent > a {
    color: #ff9d40 !important;
  }

  /* Active sub-item - orange text on transparent bg, NOT white text on beige */
  .stm_mobile__menu .sub-menu li.current-menu-item > a,
  .stm_mobile__menu li.current-menu-item > a {
    color: #ff9d40 !important;
    background-color: transparent !important;
    font-weight: 600 !important;
  }

  /* Reset desktop CTA negative margins on mobile */
  #menu-item-4930 > a,
  #menu-item-4931 > a {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
  }

  /* Desktop dropdown animations handled by desktop-only rules */

  /* Disable sticky header on mobile */
  .header-sticky .stm-header {
    position: absolute !important;
    animation: none !important;
  }

  /* Disable hover bridge on mobile */
  .stm-navigation > ul > li {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}


/* Mobile menu active state fixes - targets stm-navigation (same as desktop) */
@media (max-width: 1024px) {
  /* Active top-level item on mobile - orange */
  .stm-navigation li.current-menu-item > a,
  .stm-navigation li.current-menu-ancestor > a,
  .stm-navigation li.current-menu-parent > a,
  .stm-navigation li.current_page_parent > a {
    color: #ff9d40 !important;
  }

  /* Active sub-item - orange text, transparent bg (NOT white on beige) */
  .stm-navigation .sub-menu li.current-menu-item > a,
  .stm-navigation ul li ul li.current-menu-item > a {
    color: #ff9d40 !important;
    background-color: transparent !important;
    font-weight: 600 !important;
  }

  /* All sub-menu items on mobile - charcoal, not purple */
  .stm-navigation .sub-menu li > a,
  .stm-navigation ul li ul li > a {
    color: #323a45 !important;
  }

  /* Ensure active sub-item orange overrides charcoal */
  .stm-navigation .sub-menu li.current-menu-item > a {
    color: #ff9d40 !important;
  }
}


/* Mobile active sub-item - MUST override Pearl app.css white color */
@media (max-width: 1024px) {
  html body.stm_header_style_1 .stm-header .stm-navigation ul > li > ul > li.current-menu-item > a,
  html body.stm_header_style_1 .stm-header .stm-navigation ul > li > ul > li.current-menu-item > a:hover,
  html body .stm-navigation .sub-menu li.current-menu-item > a,
  html body .stm-navigation .sub-menu li.current-menu-item > a:hover {
    color: #ff9d40 !important;
    background-color: transparent !important;
    font-weight: 600 !important;
  }
}


/* Force-open sub-menu via class (mobile only) */
@media (max-width: 1024px) {
  html body .stm-navigation .sub-menu.force-submenu-open {
    display: block !important;
    position: static !important;
    width: 100% !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }
}