/*
 Theme Name:   ProfitFill Microsite Theme
 Description:  A Custom theme by ProfitFill
 Author:       ProfitFill
 Author URI:   https://profitfill.com
 Template:     twentytwentyfour
 Version:      1.0.0
 Text Domain:  profitfill-microsite-theme
*/


:root {
    --primary: #818c40;
    --secondary: #b4683f;
}

@font-face {
    font-family: 'Oswald';
    src: url(fonts/Oswald-VariableFont_wght.otf);
}

body .wp-block-group p,
body .wp-block-group p a,
body ul li,
body ol li,
body em {
    font-family: 'Open Sans', Arial, sans-serif;
}
#hero > div { min-height: 500px; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; }
#hero .wave-crop.upper,
.wp-site-blocks #what-we-recommend { display: none !important; visibility: hidden !important; }
:where(.wp-site-blocks *:focus) { border: 0 !important; outline: 0 !important; }
html body img.animate, html body img.animate-me { transform: scale(1) !important; }
.entry-content > .alignfull { margin-left: 0 !important; margin-right: 0 !important; } 
 body .wp-site-blocks .faq-section .accordion header.accordion-header, .accordion .accordion-header { background-color: transparent !important; display: flex; gap: 20px; font-family: 'Oswald', Arial, sans-serif; font-size: 20px !important; font-weight: bold !important; flex-direction: row; justify-content: flex-start; align-items: flex-start; } 
 body .wp-site-blocks .faq-section .accordion header.accordion-header figure { display: none !important; visibility: hidden !important; }
 body .wp-site-blocks .faq-section .accordion header.accordion-header h4, body .wp-site-blocks .accordion h4.accordion-header {
    font-family: 'Oswald', Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
 }
 .wave-crop, .wave-crop svg, .wave-crop svg path { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }
 body .wp-site-blocks #services-list-section { background-color: var(--primary) !important; }
 body .wp-site-blocks .cta-section { background-color: var(--secondary) !important; }
 #hero > div { padding-bottom: 0 !important; }
 body #hero-banner h2 strong { font-weight: 600 !important; }
 body .wp-site-blocks .entry-content .faq-section .accordion header.accordion-header h4, body .wp-site-blocks .entry-content .accordion h4.accordion-header {
    font-family: 'Oswald', Arial, sans-serif !important;
    align-items: center;
    font-size: 20px !important;
 }
 body main .entry-content > .service-list-section.wp-block-group { padding-bottom: 0 !important; }
 body .entry-content > .wp-block-group.wavecrop, body .entry-content #hero > div { padding-left: 0 !important; padding-right: 0 !important; }
 body .entry-content .double-wave-crop { margin-bottom: -10px !important; width: 100% !important; max-width: 100% !important; padding-left: 0; padding-right: 0; }
  body .entry-content .double-wave-crop svg { width: 100% !important; max-width: 100% !important; height: 100%; }
  body footer.wp-block-template-part { margin-top: 0 !important; }
 body .wp-site-blocks .entry-content .accordion:not(.open) {
    border-color: var(--primary) !important;
    background-color: #fff !important;
 }
 body .wp-site-blocks .sitewidth { max-width: 1140px !important; margin-left: auto; margin-right: auto; }
 .wp-site-blocks .faq.accordion .accordion-content { margin-top: 0; padding-top: 0 !important; }
 body .block-editor-block-list__layout.is-root-container > .alignfull { max-width: 100% !important; }
 :where(.editor-styles-wrapper) .has-global-padding > .alignfull { margin-left: 0 !important; margin-right: 0 !important; }
 .accordion .accordion-header:hover { cursor: pointer; }
#masthead nav > ul > li > ul > li > a, #masthead nav  ul > li ul > li > a { text-align: left !important; justify-content: flex-start; }
main .entry-content > .wp-block-group { padding-top: 0 !important; padding-bottom: 0 !important; }
main .entry-content > .wp-block-group .sitewidth { padding-top: 30px; padding-bottom: 30px; }
.wp-site-blocks #checkmark-columns img { height: 50px !important; width: 50px !important; }
.wp-site-blocks .wp-block-buttons .wp-block-button a, .entry-content p > a.cat-button { font-family: 'Oswald', Arial, sans-serif !important; font-size: 16px !important; font-weight: 500 !important; transform: scale(1); transition: all 0.2s ease; border-radius: 8px; background-color: var(--secondary); color: #fff; padding: 10px 15px;  }
.wp-site-blocks .wp-block-buttons .wp-block-button:hover > a { transform: scale(1.05); }
body .wp-site-blocks #main-footer { padding-top: 20px !important; padding-bottom: 20px !important; }
body .wp-site-blocks #main-footer > div:last-child { display: none !important; visibility: hidden !important; }
body .wp-site-blocks .cta-section h2 { font-weight: 500 !important; }
body .wp-site-blocks .cta-section p { margin-top: 0; }
.wp-site-blocks #circle-images-section h3 { border-bottom: 0 !important; }
.wp-site-blocks .wp-block-buttons .wp-block-button a strong { font-weight: 700 !important; }
.wp-site-blocks #checkmark-columns h3 { font-size: 18px !important; font-weight: 500 !important; }
body .wp-site-blocks .wte-section .wp-block-button a { margin-top: 30px !important;font-size: 16px !important; font-weight: 600 !important; background-color: var(--primary) !important; color: #fff !important; }
body .wp-site-blocks .wte-section .wp-block-button a:hover { background-color: #FFB300 !important; color: var(--primary) !important;  }
#masthead nav > ul > li > ul > li:hover > a, #masthead nav  ul > li ul > li:hover > a { background-color: rgba(0,0,0,0.3); }
 body .wp-site-blocks .accordion .accordion-header::before {
    display: inline-block; 
    width: 30px;
    height: 30px;
    min-width: 30px;
    max-width: 30px;
    background-color: #FB6828;
    color: #fff;
    font-weight: 400;
    font-family: 'Oswald';
    font-size: 20px;
    content: '+';
    border-radius: 15px;
    line-height: 30px;
    text-align: center;
    transform: rotate(0deg);
    transition: all 0.2s ease;
 }
 body .wp-site-blocks .accordion {
    border-width: 0px !important;
 }
 body .wp-site-blocks .accordion.open {
    background-color: #dff3fc !important;
    border-color: var(--primary) !important;
 }
 body .wp-site-blocks .accordion:not(.open) {
    border-color: #840a11 !important;
    background-color: #eeeeee !important;
 }
 body .wp-site-blocks .accordion.open .accordion-header::before {
    background-color: #FFB500;
    transform: rotate(45deg);
 }
 body .wp-site-blocks .entry-content .wte-section .accordion:not(.open) {
    background-color: #eee !important;
 }
 body #video-section > .double-wave-crop svg { margin-bottom: -10px; }
 form label { font-family: 'Oswald', Arial, sans-serif !important; font-size: 15px !important; }
 .wp-site-blocks .heading-design { background-color: var(--primary) !important; }
 .wp-site-blocks .heading-design .inner-design { background-color: #aab844 !important; }
 #circle-images-section > .sitewidth > .wp-block-columns { display: flex; flex-direction: row; }
 #circle-images-section > .sitewidth > .wp-block-columns > .wp-block-column { flex-basis: 50% !important; }
 #all-services > ul.wp-block-list { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; gap: 40px; padding: 0; margin: 0; }
 #three-icons-section .wp-block-columns .wp-block-column { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; flex-basis: 33%; text-align: center; }
 #three-icons-section .wp-block-columns .wp-block-column figure { margin: 0 auto; float: none; text-align: center; }
 #three-icons-section .wp-block-columns .wp-block-column img { height: 100px; width: auto; margin: 0 auto; }
 #all-services > ul.wp-block-list > li { display: block; flex-basis: 25%; }
 #all-services > ul.wp-block-list > li > div > ul { padding: 0; margin: 0; width: 100%; display: flex; flex-direction: column; }
 
@media All and (max-width: 650px) {
	
	html,
	body,
	#main,
	#main .wp-content, ,
	#testimonials-section .leftside, #testimonials-section .rightside  { width: 100% !important; max-width: 100% !important; margin-left: 0; margin-right: 0; display: block; }
	.alignfull > .is-layout-flow, #hero .wp-block-columns { max-width: 90%; margin-left: auto; margin-right: auto; float: none; position: relative; }
	.leftside, .rightside, .wp-block-columns > .wp-block-column { width: 100%; max-width: 100%; clear: both; float: none; display: block; }
    #all-services > ul.wp-block-list { flex-direction: column; }
	body #masthead > .wp-block-group:first-child { padding-top: 20px !important; }
    body .wp-site-blocks #masthead { position: relative !important; }
	body .wp-block-column > .wp-block-group > figure,
	body .wp-block-column > figure { margin-left: auto; margin-right: auto; float: none; }
	#circle-images-section img, #hero .wp-block-columns > .wp-block-column:last-child { display: none !important; visibility: hidden !important; }
	body.showform #hero .wp-block-columns > .wp-block-column:last-child { display: block !important; visibility: visible !important; }
	#testimonials-section .is-content-justification-space-between, #main-footer .is-content-justification-space-between,
	#checkmark-columns .is-content-justification-space-between { flex-direction: column !important; }
	#checkmark-columns figure { margin-left: auto; margin-right: auto; text-align: center; }
	body.scrolled #masthead { top: -200px; }
    #mobile-menu, body .wp-site-blocks .footer-menus { display: none; visibility: hidden; }
    body.menu-open .wp-site-blocks { z-index: 5; }
    html body #hero { background-attachment: scroll !important; }
    body.menu-open #mobile-menu { display: block; visibility: visible; width: 100%; max-width: 100%; z-index: 9; height: 100%; overflow-y: scroll; background-color: #333; color: #fff; position: fixed; top: 0; left: 0; }
    #mobile-menu ul.wp-block-navigation__submenu-container > li > a { padding-left: 15px !important; }
    body #menu-toggle-mobile {
        display: block;
        position: fixed;
        top: 15px;
        right: 20px;
        background-color: var(--primary);
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        font-family: 'Oswald', Arial, sans-serif;
        text-align: center;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        z-index: 999999;
    
        min-width: 40px;
    }
    body .entry-content img, .entry-content iframe { max-width: 100%; height: auto; }
    .entry-content iframe { min-height: 200px; }
    body footer.wp-block-template-part > div > div:first-child { border-bottom: 0 !important; }
    body footer.wp-block-template-part > div > div:first-child > div { flex-direction: column !important; }
    body .wp-site-blocks #hero > div { min-height: 200px !important; }
    body .entry-content #hero .wp-block-buttons { justify-content: center; }
    body .wp-site-blocks .entry-content .two-column-content-section,
    body .wp-site-blocks .entry-content #three-icons-section,
    body .wp-site-blocks .entry-content #circle-images-section,
    body .wp-site-blocks .entry-content .service-list-section,
    body .wp-site-blocks .entry-content > div.wp-block-group { padding-left: 0 !important; padding-right: 0 !important; }
    body .wp-site-blocks .entry-content .accordion .accordion-header, 
 body .wp-site-blocks .entry-content .accordion .accordion-header h4 { font-size: 16px !important; }
    #main-footer > div > div { flex-direction: column !important; align-items: center; }
    .entry-content > div > div h3, .entry-content > div > div h3 strong, .entry-content > div > div h3 strong strong, h2, h2 strong, .cta-section h2 { font-size: 32px !important; font-weight: 700 !important; }
    body .wp-site-blocks .cta-section > div, body .wp-site-blocks #circle-images-section, .wp-site-blocks #checkmark-columns-local > div.sitewidth, .wp-site-blocks #checkmark-columns > div, .wp-site-blocks #main-cta-banner > div.sitewidth { padding-top: 30px !important; padding-bottom: 30px !important; }
    .wp-site-blocks .entry-content .service-subservices-listing .sitewidth { max-width: 100%; width: 100%; padding: 0; }
    .wp-site-blocks .entry-content .service-subservices-listing .sitewidth figure,
    .wp-site-blocks .entry-content .service-subservices-listing .sitewidth img { margin-bottom: 0; }
    .wp-site-blocks .entry-content .service-subservices-listing .sitewidth h3 { margin-top: 10px; margin-bottom: 15px; }
    .wp-site-blocks .entry-content .service-pages-listing > .row { padding: 20px 0; }
}



body #editor .editor-visual-editor__post-title-wrapper,
body #editor .editor-visual-editor__post-title-wrapper h1 {
    max-width: 100%;
    width: 100%;
    margin-top: 0 !important;
    margin-bottom: 0;
    font-size: 20px;
}
body .entry-content,
body main.wp-block-group {
    margin-top: 0;
    padding: 0;
    background-color: #fff;
}
body .entry-content > div.wp-block-group {
    width: 100%;
    max-width: 100%;
}
body #editor .editor-visual-editor__post-title-wrapper h1 {
    padding: 10px;
    background-color: #efefef;
    text-align: center;
}
body #editor .editor-visual-editor__post-title-wrapper h1::before {
    content: 'Title: ';
    color: #777;
    margin-right: 20px;
}
body .editor-styles-wrapper .has-global-padding {
    padding-left: 0px;
    padding-right: 0px;
}
body .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)):not(.sitewidth),
/* #editor .editor-styles-wrapper .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)):not(.sitewidth),
#editor .entry-content .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)):not(.sitewidth) {
    max-width: 100%;
} */
main.is-layout-flow .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)):not(.sitewidth) {
    /* width: 100%;
    max-width: 100%; */
}
body .sitewidth,
#editor .sitewidth {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    width: 94%;
}
#editor .is-root-container > .wp-block > .wp-block {

}
body #promo-banner .placeholder {
    display: none !important;
    visibility: hidden !important;
}
.recent-blog-section .wp-block-post {
    background-color: #efefef;

}
.recent-blog-section .wp-block-post > *:not(figure) {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.recent-blog-section .wp-block-post h3.wp-block-post-title a {
    text-decoration: none;
    color: #003257;
    font-family: 'Oswald', Arial, sans-serif;
}
.recent-blog-section .wp-block-post a.wp-block-read-more {
    background-color: #37C8A7;
    border-radius: 8px;
    padding: 10px 15px;
    display: inline-block;
    clear: both;
    margin-left: 5%;
    margin-right: auto;
    width: auto;
    color: #fff;
    font-family: 'Oswald', Arial, sans-serif;
}
body .entry-content .cat-button,
body main a.wp-block-read-more  {
    max-width: 500px;
    width: auto;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
}
body #wp-site-blocks #promo-banner .placeholder {
  display: none;
  visibility: hidden;
}
body .heading-design,
#editor .heading-design {
    max-width: 400px;
    display: block;
    height: 20px;
    width: 100%;
}
body .heading-design .inner-design,
body #editor .heading-design .inner-design {
    max-width: 250px;
    display: block;
    height: 20px;
    width: 60%;
}
body #editor .wave-overlay,
body main.wp-block-group .wave-overlay,
body main.is-layout-flow .wave-overlay,
body .wave-overlay {
    height: 220px;
    width: 100%;
    position: relative;
    display: block;
    background-size: auto 200px !important;
    background-position: bottom left;
    background-repeat: repeat-x !important;
    margin-top: -100px !important;
    margin-bottom: -90px !important;
    z-index: 999;
}
body form input[type='text'],
body form input[type='phone'],
body form input[type='email'],
body form input[type='number'],
body form select,
body form textarea {
    font-size: 16px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
body form label {
    font-size: 13px;
}
#site-copyright-notice {
    display: block;
    position: relative;
    margin: 0;
    padding: 10px 20px;
    color: #fff;
    background-color: #000;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
}
#site-copyright-notice p {
    width: 100%;
    text-align: center;
    font-size: 12px;
}
body footer.wp-block-template-part > .wp-block-columns {
    margin-bottom: 0;
}
body form input[type='submit'] {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
    font-size: 22px;
    margin-top: 20px;
    border: 0;
    width: auto;
    display: inline-block;
    float: none;
    clear: both;
    padding: 10px 15px;
    border-radius: 15px;
    transition: all 0.3s ease;
}
body form input[type='submit']:hover {
    cursor: pointer;
}
body form#contact-form {
    display: flex;
    flex-direction: column;
    gap: 0px;
}
#hero h1.wp-block-heading {
    text-shadow: 0 0 6px rgba(0,0,0,0.6);
}
body div.accordion header.accordion-header {
    background-color: #efefef;
    padding: 10px 15px;
    border-radius: 25px;
    min-height: 50px;
    transition: all 0.2s ease;
}
body div.accordion header.accordion-header p {
    font-weight: 600;
}
body div.accordion:hover header.accordion-header,
body div.accordion.open header.accordion-header {
    background-color: #ccc;
}
body:not(.block-editor-iframe__body) div.accordion .accordion-content {
    display: none;
    visibility: hidden;
}
body div.accordion.open .accordion-content,
body .is-selected .accordion-content,
body .accordion-content.is-selected {
    display: block !important;
    visibility: visible !important;
}
#main-cta-banner h2, body .heroform h3 { font-size: 24px !important; }
body .wp-site-blocks .wp-block-buttons .wp-block-button a { font-weight: 700 !important; }
body .wp-site-blocks .heroform form input[type='submit'] { font-size: 16px !important; }
/* 
body footer.wp-block-template-part .wp-block-navigation .has-child a {
    width: 100%;
    clear: both;
    margin: 0;
    color: #fff;
}
body footer.wp-block-template-part .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    display: block;
    visibility: visible;
    position: relative;
    background-color: transparent;
    border: 0;
    height: auto;
    top: auto;
    opacity: 1;
    width: 100%;
    max-width: 100%;
    clear: both;
}
body footer.wp-block-template-part .wp-block-navigation .has-child .wp-block-navigation__submenu-container li a {
    color: #fff;
}
*/

body footer.wp-block-template-part .wp-block-navigation .has-child .wp-block-navigation__submenu-container,
body footer.wp-block-template-part .wp-block-navigation .has-child > button,
body .gform_wrapper > .gform_heading,
.is-desktop-preview .gform_wrapper .gfield.label_hidden label,
.is-desktop-preview .gform_wrapper .gfield.gfield_visibility_hidden {
    display: none !important;
    visibility: hidden !important;
}
body footer.wp-block-template-part .wp-block-navigation .has-child > a {
    color: #fff;
    margin-bottom: 15px;
    text-decoration: none;
}
body.single-post .entry-content,
body .sitewidth {
    width: 90%;
    margin: 0 auto;
    max-width: 1140px;
}
body footer #footer-menu-area ul,
.is-desktop-preview footer #footer-menu-area ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}
body footer #footer-menu-area ul a,
.is-desktop-preview footer #footer-menu-area ul a {
    transition: color 0.2s ease;
}
body footer #footer-menu-area .wp-block-group > ul.wp-block-list > li > a {
    margin-bottom: 15px;
    display: block;
}
body footer #footer-menu-area .wp-block-group > ul.wp-block-list > li > ul > li > a {
    font-size: 0.9em;
}
body footer #footer-menu-area ul > li > ul
.is-desktop-preview footer #footer-menu-area ul > li > ul {
    margin: 0;
    padding: 15px 0;
    position: relative;
    display: block;
    list-style: none;
}
#social-media-links img {
    width: 24px;
    height: auto;
    filter: invert(100%) sepia(100%) saturate(1268%) hue-rotate(190deg) brightness(117%) contrast(102%);
}
body #masthead .gform_wrapper .charleft {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.jquery-ui-slider {
    display: block !important;
    width: 100%; 
    max-width: 100%;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
}
.wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container {
    z-index: 99;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    width: 94%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    padding-bottom: 0px;
    box-sizing: border-box;
    height: 400px;
}
.wp-block-cover .wp-block-cover__inner-container > .wp-block-group, 
.wp-block-cover-image .wp-block-cover__inner-container > .wp-block-group,
.is-desktop-preview .wp-block-cover .wp-block-cover__inner-container > .wp-block-group, 
.is-desktop-preview .wp-block-cover-image .wp-block-cover__inner-container > .wp-block-group {
    display: inline-block;
    padding: 20px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    background-color: rgba(255,255,255,0.7);
}
.wp-block-cover .wp-block-cover__inner-container > *, 
.wp-block-cover-image .wp-block-cover__inner-container > * {
    max-width: 650px;
}
.slick-slide.slick-current {
    width: 100%;
    opacity: 1;
}
body:not(.wp-admin) .what-to-expect-section > .position-absolute {
    position: absolute;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    margin-block-start: auto;
    display: block;
    padding-top: 20px;
    margin-top: 20px;
    margin-left: 50%;
    transform: translate(-50%, 0);
}
body:not(.wp-admin) .what-to-expect-section > .position-absolute > h2.wp-block-heading {
    text-shadow: 0 0 4px rgba(0,0,0,0.5);
}
.jquery-ui-slider .slick-prev,
.jquery-ui-slider .slick-next {
    top: 50%;
    margin-left: 0;
    position: absolute;
    z-index: 999;
}
.jquery-ui-slider .slick-next {
    margin-left: auto;
    margin-right: 0;
    right: 0;
}

body:not(.wp-admin) main .wte-section .wp-block-columns {
    display: block;
    width: 100%;

}
body:not(.wp-admin) .wte-section .wp-block-column.current {
    display: block;
    overflow: visible;
    width: 100%;
    position: relative;
    max-width: 100%;
    clear: both;
    margin: 0;
    padding: 0;
}
body:not(.wp-admin) .wte-section .wp-block-column > .wp-block-group {
    vertical-align: top;
}
body:not(.wp-admin) .wte-section .wp-block-column > .wp-block-group > p,
body:not(.wp-admin) .wte-section .wp-block-column > .wp-block-group > h3,
body:not(.wp-admin) .wte-section .wp-block-column > .wp-block-group > h2 {
    max-width: 650px;
    float: left;
    clear: left;
    display: inline-block;
}
body:not(.wp-admin) .wte-section .wp-block-column > .wp-block-group > .wp-block-group {
    float: right;
    clear: right;
    display: inline-block;
    max-width: 300px;
    height: auto;

}
div#what-we-recommend .wp-block-image,
div#what-we-recommend .wp-block-image img {
    min-width: 100px;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
}
body .faq-section .faq .accordion-header > .wp-block-image > img,
body .faq-section .faq .accordion-header > .wp-block-image > div {
    display: none;
    visibility: hidden;
}
body .faq-section .faq .accordion-header > .wp-block-image {
    display: block;
    background-color: #f79969;
    width: 32px;
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    min-width: 32px;
    border-radius: 16px;
    border: 0;
    margin-right: 0;
    transition: all 0.3s ease;
}
body .faq-section .faq .accordion-header:hover > .wp-block-image,
body .faq-section .faq.open .accordion-header > .wp-block-image {
    display: block;
    background-color: #37c8a7;
    width: 28px;
    height: 28px;
    min-height: 28px;
    max-height: 28px;
    min-width: 28px;
    margin: 2px;
}
body .faq-section .faq .accordion-header:hover {
    cursor: pointer;
}
body li.wp-block-post {
    background-color: #efefef;
    padding: 0;
}
body li.wp-block-post > .wp-block-group > .wp-block-template-part > .wp-block-group,
body.single-post .leftside .wp-block-template-part > .wp-block-group {
    padding-left: 0;
    padding-right: 0;
}
body li.wp-block-post > .wp-block-group > .wp-block-template-part > .wp-block-group p {
    font-size: 13px;
    color: #333;
}

body li.wp-block-post > figure {
    padding-bottom: 0;
}
body li.wp-block-post > .wp-block-group  {
    padding: 0 15px;
    margin-top: 0 !important;
}
:root :where(.wp-block-post-featured-image img, .wp-block-post-featured-image .block-editor-media-placeholder, .wp-block-post-featured-image .wp-block-post-featured-image__overlay) {
    border-radius: 0 !important;
}
:root :where(.wp-block-categories li) {
    text-align: center;
    display: inline-block;
}
#blog-layout .wp-block-categories-list {
    display: block;
    text-align: center;
    width: 100%;
}
#blog-layout .wp-block-post-title a,
#author-posts .wp-block-post-title a  {
    color: #003257;
    font-size: 20px;
}
#author-banner .author-profile-photo {
    margin-bottom: -60px;
}
body.author h2.wp-block-heading .wp-block-post-author-name {
    font-size: 26px;
}
body.single-post #author-posts img {
    max-width: 120px;
    height: auto;
}
body .row.authorbanner {
    padding-top: 160px;
    text-align: center;
    display: block;
    clear: both;
    margin: 0;
    width: 100%;
    max-width: 100%;
    overflow: visible !important;
    height: 250px;
}
body .row.authorbanner .author-photo {
    position: relative;
    bottom: -80px;
    float: none;
    clear: both;
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    background-color: transparent;
}
body .row.authorbanner .author-photo img {
    display: block; 
    margin: 0 auto;
    bottom: -30px;
    z-index: 99;
    position: relative;
}
body.author .content .adhome-blog-listings {
    max-width: 100%;

}
body.author .row {
    display: block;
    clear: both;
}
body .author-header {
    text-align: center;
    background-color: #fff;
    height: auto;
    padding-top: 100px;
    overflow: hidden;
    position: relative;
}
body.author .content {
    background-color: #fff;
    display: block;
    height: auto;
    overflow: hidden;
}
body.author .content .recent-posts {
    border-top: 1px solid #777;
    margin-top: 30px;
}
body.single-post .wp-site-blocks .entry-content .related-posts {
    padding-left: 0;
    padding-right: 0;
}
body .wp-site-blocks #all-services .wp-block-buttons .wp-block-button a { background-color: transparent !important; color: #ffb300 !important; border: 2px solid lightblue !important; }
body .wp-site-blocks #all-services .wp-block-buttons .wp-block-button a:hover { background-color: #ffb300 !important; border: 2px solid #ffb300 !important; color: var(--primary) !important; }
div:not(.accordion) > h4.accordion-header, div:not(.accordion) > .accordion-header > h4, .accordion-section > div:not(.accordion) h4, div:not(.accordion) > h4.accordion-header strong { color: #B23B3B !important; font-weight: 600 !important; }
.wp-site-blocks .accordion-section > div:not(.accordion) > div.accordion-content, .wp-site-blocks .wp-block-column > .accordion-content { margin-top: 0 !important; }
.wp-site-blocks .accordion-section .accordion .accordion-header h4 { color: var(--primary) !important; }
body .wp-site-blocks #circle-images-section h3, body .entry-content h3 { font-size: 32px !important; }
body .wp-site-blocks #circle-images-section > div > div > div:not(.wp-block-column):first-child p { font-size: 20px !important; font-family: 'Oswald', Arial, sans-serif; font-weight: 600 !important; color: #333 !important; }
body .wp-site-blocks #circle-images-section p { font-size: 16px !important; color: #333 !important; }
body .wp-site-blocks #circle-images-section h4, body .wp-site-blocks #circle-images-section h4 strong { color: var(--primary) !important; font-size: 18px !important; font-weight: 600 !important; text-transform: none !important; }
body main .related-posts .post .leftside,
body main .related-posts .post .rightside {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: block;
}
body.single-post main .post-author .leftside {
    min-width: 120px;
    padding-right: 20px;
}
body.single-post main .entry-content .post-summary {
    padding-top: 60px;
}
body .entry-content .cta-section .wp-block-button a { background-color: var(--primary) !important; color: #fff !important;
}
#all-services.brands { display: flex; justify-content: space-between; }
#all-services.brands > ul { 
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.entry-content .faq-section > .sitewidth { 
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}
body main .entry-content .accordion-header h3,
body main .entry-content h3.accordion-header,
body main .entry-content .accordion-header p { 
    font-size: 24px !important;
    font-family: 'Oswald', Arial, sans-serif;
    color: #343434;
}
body.blog .wp-block-post-title,
body.blog .wp-block-post-title > a {
    color: #343434;
}
body .wp-block-create-block-profitfill-carousel-slide { width: auto !important; display: inline-block; max-width: 100%; position: relative; padding-left: 0; padding-right: 0; }
.slick-slide img { max-width: 100% !important; height: 120px !important; }
body .entry-content #three-icons-section:nth-child(2) .sitewidth { 
    border-bottom: 2px solid #ccc;
}
body .entry-content .wte-section { 
    margin-top: 0 !important;
}
body .entry-content .wte-section .double-wave-crop svg { 
    margin-bottom: -10px !important;
}

body.blog .entry-content > #hero > .double-wave-crop { 
    display: none !important;
    visibility: hidden !important;
}
#all-services ul.wp-block-list li, 
#all-services ul.wp-block-list li a { display: flex; width: 100%; align-items: flex-start; justify-content: flex-start; }
#all-services ul.wp-block-list li a::before {  
    content: '';
    background-image: url(/wp-content/uploads/2025/10/RF_CheckMarkIconWhite_Jan2024.png);
    background-size: 20px auto;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    width: 24px;
    min-width: 24px;
    margin-right: 8px;
}
body .entry-content .faq-section.has-base-2-background-color .accordion {
    background-color: #eee !important;
}
#aab844
body main .wp-site-blocks .entry-content > .wp-block-group .accordion .accordion-header { align-items: center; }
body .wp-site-blocks .accordion .accordion-header::before {
    background-color: var(--primary) !important;
}
body .accordion-content p a { text-decoration: underline; }
body #cta-section-1.has-accent-2-background-color {  
    background-color: var(--primary) !important;
}
html body .wp-site-blocks .double-wave-crop svg path:last-child {
                animation: dash 5s linear forwards;
            }

            @keyframes dash {
                to {
                    stroke-dashoffset: 0;
                }
            }

 
@media All and (max-width: 650px) {
    #main-footer nav, #checkmark-columns-local svg { display: none !important; visibility: hidden !important; }
    body .wp-site-blocks p { font-size: 14px; }
    body .wp-container-content-29dca9c1 { flex-basis: auto; }
    body .wp-site-blocks #video-section { padding-left: 0 !important; padding-right: 0 !important; }
    body #all-services .wp-block-column > div { border-right: 0 !important; }
    body #hero {
        background-position: center center;
        background-repeat: no-repeat; 
        background-size: auto 100%;
    }
    body .wp-site-blocks #masthead { padding-top: 0 !important; }
    body #hero h1 { margin-top: 0 !important; }
    body .sitewidth,
    body.single-post .entry-content {
        width: 80%;
    }
    body #hero .heroform {
        right: -10000px;
        position: fixed;
        top: 20px;
        width: 100%;
        max-width: 350px;
        display: block;
    }
    .wp-block-group .leftside,
    .wp-block-group .rightside,
    .wp-block-group > .wp-block-group.third {
        width: 100%;
        display: block;
        clear: both;
    }
    .wp-block-group.sitewidth.is-layout-flex,
    main .wp-block-group > .sitewidth > .wp-block-group-is-layout-flex.is-nowrap,
    footer.wp-block-template-part  .wp-block-columns > .wp-block-column > .wp-block-group.has-background .wp-block-group-is-layout-flex,
    #masthead .logo-row {
        flex-direction: column;
    }
    #masthead .wp-block-site-logo a img {
        width: 150px;
        height: auto;
    }
    
    #circle-images-section .is-layout-grid > .is-layout-flex {
        flex-direction: column;
    }
    #circle-images-section .is-layout-grid > .is-layout-flex > div > *,
    div.is-content-justification-center > p,
    div.is-content-justification-center > p > strong {
        text-align: center;
    }
    #mobile-contact-bar {
        position: fixed;
        top: 0;
        left: 0;
        height: auto;
        min-height: 85px;
        overflow: visible;
        width: 100%;
        display: block;
        z-index: 9999;
        background-color: #fff;
        border-bottom: 1px solid #ccc;
    }
    body.scrolled #mobile-contact-bar {
        min-height: 65px;
    }
    #mobile-contact-bar .wp-block-navigation__responsive-container.is-menu-open {
        color: #000;
        position: fixed;
        top: 5px;
        left: 5px;
        width: calc(100% - 10px);
        height: 100vh;
    }
    #book-now-mobile,
    #menu-toggle-mobile,
    #call-now-mobile {
        display: block;
        width: auto;
        min-width: 100px;
        max-width: 150px;
        text-align: center;

    }
    body #masthead .wp-block-buttons { display: none; visibility: hidden; align-items: flex-start; flex-wrap: nowrap; justify-content: center;  }
    body #masthead .wp-block-buttons > .wp-block-button > a { font-size: 13px !important; font-weight: bold; }
    body.scrolled #book-now-mobile p,
    body.scrolled #menu-toggle-mobile p,
    body.scrolled #call-now-mobile p {
        display: none;
        visibility: hidden;
    }
    #mobile-navigation {
        margin-top: -10000px !important;
        opacity: 0;
        transition: all 0.3s ease;
    }
    #mobile-contact-bar.open #mobile-navigation {
        margin-top: 0 !important;
        opacity: 1;
    }
    body:not(.menu-open) #menu-toggle-mobile svg.open-img { width: 20px; height: auto; fill: #fff; margin-top: 8px; }
    body.menu-open #menu-toggle-mobile svg.open-img, body:not(.menu-open) #menu-toggle-mobile .close-img,
    #mobile-menu li button { display: none !important; visibility: hidden !important; }
    html body #masthead .wp-block-site-logo a img { width: 120px; height: auto !important; }

    footer #footer-menu-area,
    #secondary-nav nav,
    body .desktop,
    #masthead > .wp-block-group:first-child nav,
    body #wpadminbar,
    #mobile-contact-bar.open #menu-toggle-mobile img {
        display: none !important;
        visibility: hidden !important;
    }
    body #masthead .sitewidth { gap: 0 !important; }
    #mobile-contact-bar.open #menu-toggle-mobile a {
        background-image: url('media/plus.svg');
        width: 40px;
        height: 40px;
        display: block;
        filter: invert(100%) sepia(100%) saturate(1268%) hue-rotate(190deg) brightness(117%) contrast(102%);
        background-position: center center;
        background-size: 32px auto;
        background-repeat: no-repeat;
        margin: 0 auto;
        float: none;
        transform: rotate(45deg);
        outline: 0;
    }
    html {
        margin-top: 0 !important;
    }
    footer.wp-block-template-part  .wp-block-columns > .wp-block-column > .wp-block-group.has-background {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    footer.wp-block-template-part  .wp-block-columns > .wp-block-column > .wp-block-group.has-background .wp-block-group-is-layout-flex {

    }
    footer #social-media-links > .wp-block-group {
        flex-direction: row;
    }
    footer.wp-block-template-part .wp-block-group.sitewidth.is-nowrap {
        flex-direction: column;
    }
    main > .wp-block-group.has-background > .sitewidth,
    main .faq-section  {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    #masthead > .wp-block-group:first-child {
        padding-top: 100px !important;
    }
    #mobile-navigation .wp-block-group > ul.wp-block-list {
        list-style: none;
        padding: 0;
    }
    #mobile-navigation .wp-block-group > ul.wp-block-list > li > a {
        font-size: 1.4em;
        font-weight: bold;
        text-transform: uppercase;
        display: block;
        background-color: #efefef;
        padding: 8px 10px;
        border: 1px solid #ccc;
        width: 100%;
        box-sizing: border-box;
    }
    #mobile-navigation .wp-block-group > ul.wp-block-list ul.wp-block-list {
        display: none;
        visibility: hidden;
    }
    #mobile-navigation .wp-block-group > ul.wp-block-list > li > a {
        font-family: 'Oswald', Arial, sans-serif;
    }
    body #mobile-menu { top: 0; margin-top: 0; padding: 20px 30px !important; background-color: #fff; }
    #mobile-menu img { margin: 0 auto; display: block; width: 80px; height: auto; float: none; clear: both; }
    body #mobile-menu ul li a { font-family: 'Oswald', Arial, sans-serif; font-size: 22px !important; font-weight: 500; color: var(--primary); }

}
@media All and (min-width: 650px) {
    body .mobile {
        display: none !important;
        visibility: hidden !important;
    }
    #masthead .wp-block-site-logo img {
        height: 80px;
        width: auto;
    }
    body .wp-site-blocks .faq-section .accordion .accordion-content { padding-left: 65px !important; padding-top: 20px; padding-bottom: 20px !important; }
    body .wp-site-blocks .faq-section .accordion .accordion-content video,
    body .wp-site-blocks .faq-section .accordion .accordion-content iframe { max-width: 100% !important; width: auto; }
    body .wp-site-blocks #hero > div.wp-block-group { padding-top: 150px !important; }
    .wp-block-navigation-item__content {
        text-decoration: none;
    }
    body .wp-site-blocks .faq-section > .sitewidth > .is-layout-grid {
        display: flex !important;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 15px;

    }
    body .entry-content #membership-section,
    body #masthead > div, body .entry-content > .wp-block-group.cta-section,
    body #three-icons-section,
    body .entry-content #contact-section,
    body .wp-site-blocks .entry-content > .two-column-content-section,
    body .wp-site-blocks .entry-content .faq-section,
    body #masthead  { padding-left: 0 !important; padding-right: 0 !important; }

    body .wp-site-blocks .faq-section > .sitewidth > .is-layout-grid .accordion {
        align-self: flex-start;
        flex-basis: 49%;

    }
    body.single-post .post-author.row > .row {
        display: flex;
    }
    body #masthead ul.wp-block-navigation > li.wp-block-navigation-submenu > ul.wp-block-navigation__submenu-container {
        padding: 0 !important;
    }
    #hero .wp-block-columns > .wp-block-column:first-child {
        flex-basis: 100% !important;
    }
    #hero .wp-block-columns > .wp-block-column:last-child {
        flex-basis: 0% !important;
    }
    #hero .wp-block-columns > .wp-block-column h1 { 
        font-size: 56px; 
        margin-top: 100px !important;
    }
    .entry-content .cta-section .sitewidth .flexrow { display: flex; flex-direction: row; flex-wrap: nowrap; }
    .columns-3 { display: flex; width: 100%; clear: both; align-items: flex-start; justify-content: space-between; }
    .columns-3 > * { align-self: flex-start; flex-basis: 30%; text-align: center;  }
    .two-column-content-section h1 { font-size: 42px; }
    .footer-menus {
        align-items: flex-start !important;
        flex-wrap: wrap;
    }
    footer.wp-block-template-part nav > ul > li > a {
        font-family: 'Open Sans', Arial, sans-serif !important;
    }
    footer.wp-block-template-part nav > ul > li:first-child > a {
        margin-bottom: 10px;
        font-size: 1.2em;
        font-family: 'Oswald', Arial, sans-serif !important;
    }
    #video-section .sitewidth > .wp-block-columns { align-items: center !important; }
    body .entry-content #three-icons-section .wp-block-columns { align-items: flex-start !important; }
    body .entry-content #three-icons-section .wp-block-columns .wp-block-column { align-self: flex-start; }
    #three-icons-section h3 { text-align: center; width: 100%; font-size: 18px !important; color: var(--secondary); }
    .footer-menus nav { flex-basis: 25%; min-width: 250px; }
    .footer-menus a { font-family: 'Oswald', Arial, sans-serif;  }
    #testimonials-section > .sitewidth > .flexrow > div.wp-block-group {
        flex-basis: 50%;
    }
    body #checkmark-columns-local h3 { font-size: 24px !important; }
    .jquery-ui-slider .slick-prev,
    .jquery-ui-slider .slick-next {
        border: 2px solid #fff;
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        padding: 10px 15px;
        background-color: transparent;
        box-shadow: 0 0 4px rgba(0,0,0,0.6);
        border-radius: 0;
    }
    .jquery-ui-slider .slick-prev {
        margin-left: 10px;
    }
    .jquery-ui-slider .slick-next {
        margin-right: 10px;
    }
    .jquery-ui-slider .slick-prev:hover,
    .jquery-ui-slider .slick-next:hover {
        background-color: rgba(0,0,0,0.5);
        cursor: pointer;
    }
    body main .two-column-content-section .rightside,
    body main .rightside,
    body main .leftside {
        min-width: 40%;
        max-width: 50%;
    }
    body .wp-block-create-block-profitfill-carousel-slide { padding-left: 50px; padding-right: 50px; text-align: center; }
    body .wp-block-create-block-profitfill-carousel-slide > .wp-block-group { justify-content: center; }
    body #testimonials-section h3 { text-align: center; }
    #hero h1 {
        text-shadow: 0 0 5px rgba(0,0,0,0.8);
    }
    
    body main .wp-block-buttons .cat-button a,
    body main .wp-block-buttons a.cat-button,
    body main .wp-block-buttons .call-button a {
        max-width: 500px;
        width: auto;
    }
    body #masthead #secondary-nav { padding-top: 5px !important; padding-bottom: 5px !important; }
    body #secondary-nav ul.wp-block-navigation {
        justify-content: center;
        align-items: center;
        gap: 20px;

    }
    body #modal-1-content a, #masthead .wp-block-navigation__responsive-container ul li a { font-family: 'Oswald', Arial, sans-serif !important; text-transform: uppercase; }
    body #secondary-nav ul.wp-block-navigation > li {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        width: auto;
        position: relative;
        margin: 0;
        padding: 0;
        flex-grow: 1;
        text-align: center;
        align-items: center;
    }

    body #secondary-nav ul.wp-block-navigation > li > a {
        text-align: center;
        padding: 10px;
        background-color: transparent;
        transition: all 0.2s ease;
        width: auto;
        width: 100%;
        font-size: 15px;
        text-decoration: none;
        display: inline-block;
        float: none; 
        clear: none;
    }
    body .entry-content .service-list-section {
        padding-top: 60px !important;
        padding-bottom: 30px !important;
    }
    body .entry-content .service-list-section .wp-block-buttons { min-width: 50px !important; }
    body #all-services > .wp-block-columns { padding-top: 30px; }
    body #main-cta-banner { padding-top: 15px !important; padding-bottom: 15px !important; }
    body #secondary-nav ul.wp-block-navigation > li.wp-block-navigation-submenu > a {
        width: auto;
    }
    body #masthead ul.wp-block-navigation > li.wp-block-navigation-submenu > ul.wp-block-navigation__submenu-container,
    body #secondary-nav ul.wp-block-navigation > li.wp-block-navigation-submenu > ul.wp-block-navigation__submenu-container {
        background-color: #eef6f7;
        border: 0;
        border-radius: 6px;
        box-shadow: 3px 3px 5px rgba(0,0,0,0.6);
        padding: 6px;
    }
    body #masthead #modal-1 ul.wp-block-navigation > li > a:hover,
    body #masthead #modal-1 ul.wp-block-navigation > li.current-menu-item > a, 
    body #masthead #modal-1 ul.wp-block-navigation > li.current-menu-item > a > span {
        color: var(--secondary) !important;
    }
    body #secondary-nav ul.wp-block-navigation > li > a:hover,
    body #secondary-nav ul.wp-block-navigation > li.current-menu-item > a {
        background-color: rgba(0,0,0,0.5);
    }
    body #masthead ul.wp-block-navigation a:hover {
        text-decoration: none;
    }
    body #masthead {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        z-index: 999999;
    }
    body.scrolled #masthead .wp-block-site-logo img { height: 60px; width: auto; }
    body.scrolled #masthead > div:first-child > div:first-child { padding-top: 8px !important; padding-bottom: 8px !important; }
    body.scrolled #masthead > div:first-child > div:last-child { padding-top: 5px !important; padding-bottom: 5px !important; }

    body .wp-site-blocks > main {
        /* margin-top: 120px; */
    }
    body.logged-in .wp-site-blocks > main {
        /* margin-top: 132px; */
    }
    body.logged-in #masthead {
        top: 32px;
    }
    body #masthead ul.wp-block-navigation > li.wp-block-navigation-submenu > ul.wp-block-navigation__submenu-container li:hover a {
        text-decoration: none;
    }
}



@media All and (min-width: 900px) {
    body.scrolled #masthead {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        margin: 0;
        z-index: 999999;
    }
    body .wp-site-blocks #circle-images-section figure.wp-block-image {
        min-width: 120px;
    }
    body .wp-site-blocks #circle-images-section figure.wp-block-image > img {
        display: block;
    }
    .wp-site-blocks #circle-images-section .sitewidth > .is-layout-grid {
        align-items: flex-start;
    }
    .wp-site-blocks .wp-block-buttons {
        min-width: 120px;
    }
    body:not(.wp-admin) .wte-section .wp-block-column.current > .wp-block-group > .wp-block-group {
        position: absolute;
        top: 0;
        right: 0;
    }
    #masthead ul.wp-block-navigation > li > a {
        font-size: 1.2em;
        line-height: 40px;
    }
    #masthead #secondary-nav ul.wp-block-navigation > li > a {
        line-height: 130%;
    }
    body div#blogbanner,
    body div#author-banner {
        padding-top: 150px !important;
    }
    #financing-benefits ul.wp-block-list {
        padding-left: 0;
        margin-left: 0;
    }
    html body #masthead nav #modal-1-content ul.wp-block-navigation__container > li > a, html body #masthead nav #modal-1-content ul.wp-block-navigation__container > li > a > span { color: #777 !important; }
     html body #masthead nav #modal-1-content ul.wp-block-navigation__container > li:hover > a, html body #masthead nav #modal-1-content ul.wp-block-navigation__container > li:hover > a > span { background-color: transparent !important; color: var(--secondary) !important; }

}

@media All and (min-width: 900px) and (max-width: 1200px){
    body * { box-sizing: border-box; }
    html, html body #masthead { margin-top: 0 !important; top: 0 !important; max-width: 100% !important; width: 100% !important; }
    body #masthead .wp-block-site-logo img { height: 60px; width: auto; }
    body #masthead #secondary-nav ul > li > a { font-size: 14px !important; }
    #masthead #modal-2-content ul li { min-width: 50px !important; }
    body #masthead > div, body .entry-content #membership-section { padding-left: 0 !important; padding-right: 0 !important; }
    body footer.wp-block-template-part .footer-menus { flex-wrap: wrap !important; }
    body .wp-site-blocks #secondary-nav ul.wp-block-navigation,
    body #masthead #modal-1-content {  
        gap: 0;
    }
    body #masthead #modal-1-content > ul > li > a { padding: 2px 8px; font-size: 15px !important; }
    body #masthead .wp-block-buttons { display: none; visibility: hidden; }
}

@media All and (max-width: 900px) {
    html body #hero { min-height: 200px !important; background-attachment: fixed; }
    html body #masthead { position: relative !important; }
    body.menu-open #open-revin-pf-widget, body footer.wp-block-template-part .footer-menus { display: none; visibility: hidden; }
    #mobile-menu {  
        background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(0,0,0,0.2) 100%);
    }
    #mobile-menu nav { padding-top: 20px !important; }
    #mobile-menu nav ul.wp-block-navigation__container > li {
        border-bottom: 1px dashed #ccc;
        width: 100%;
        display: block;
        
        padding: 6px;
    }

    #mobile-menu nav ul.wp-block-navigation__container > li.submenu-open { background-color: #fff !important; }
    #mobile-menu > div.wp-block-group { justify-content: center; }
    #mobile-menu nav ul.wp-block-navigation__container { width: 100%; max-width: 100%; gap: 0; }
    #mobile-menu nav ul.wp-block-navigation__container > li > a { color: var(--primary); font-size: 18px !important; display: inline-block; width: auto; padding: 10px; text-align: left; text-decoration: none !important; }
    #mobile-menu nav ul.wp-block-navigation__container > li:not(.submenu-open) > ul { display: none !important; visibility: hidden !important; }
    #mobile-menu nav ul.wp-block-navigation__container > li.submenu-open > ul { position: relative; background-color: transparent; padding: 0; margin: 0; width: 100%; clear: both; max-width: 100%; background-color: #fff; }
    #mobile-menu nav ul.wp-block-navigation__submenu-container { display: relative !important; background-color: transparent !important; border: 0 !important; padding: 0 0 0 10px; margin: 0; }
    #mobile-menu li.has-child .submenutoggle {   
        content: '+';
        display: block;
        width: 30px;
        height: 30px;
        background-color: var(--secondary);
        color: #fff;
        font-size: 16px;
        line-height: 30px;
        text-align: center;
        border-radius: 15px;
        position: absolute;
        right: 15px;
        top: 16px;
        transition: all 0.2s ease;
        transform: rotate(0deg);
    }
    #mobile-menu li.has-child.submenu-open > .submenutoggle {
        transform: rotate(45deg);
    }
    #mobile-menu nav ul.wp-block-navigation__container > li.submenu-open > ul > li > a {  
        font-size: 16px !important;
        line-height: 120%;
        padding: 8px;
    }
}