/* Existing Divi layouts, imagery and form plugins retain their own behaviour. */
#page-container :is(.colada-refresh-hero, .colada-refresh-intro, .colada-refresh-service-content, .colada-refresh-services, .colada-refresh-team, .colada-refresh-quote, .colada-refresh-story, .colada-refresh-proof, .colada-service-details, .colada-pricing-section, .colada-pricing-support, .colada-pricing-hero) {
    --cr-ink: #252827;
    --cr-muted: #515b58;
    --cr-yellow: #fdcf09;
    --cr-teal: #62c7c2;
    color: var(--cr-ink);
    font-family: Montserrat, Helvetica, Arial, sans-serif;
    letter-spacing: 0;
}
#page-container :is(.colada-refresh-hero, .colada-refresh-intro, .colada-refresh-service-content, .colada-refresh-services, .colada-refresh-team, .colada-refresh-quote, .colada-refresh-story, .colada-refresh-proof, .colada-service-details, .colada-pricing-section, .colada-pricing-support)
:is(.et_pb_text, .et_pb_promo_description, .et_pb_blurb_description, .et_pb_team_member_description) {
    color: var(--cr-ink) !important;
    font: 400 16px/1.75 Montserrat, Helvetica, Arial, sans-serif !important;
    letter-spacing: 0 !important;
}
#page-container :is(.colada-refresh-intro, .colada-refresh-service-content, .colada-refresh-services, .colada-refresh-team, .colada-refresh-quote, .colada-refresh-story, .colada-refresh-proof, .colada-service-details, .colada-pricing-section, .colada-pricing-support)
:is(p, li, h2, h3, h4, .et_pb_module_header) { color: var(--cr-ink) !important; letter-spacing: 0 !important; }
#page-container :is(.colada-refresh-intro, .colada-refresh-service-content, .colada-refresh-services, .colada-refresh-team, .colada-refresh-quote, .colada-refresh-story, .colada-refresh-proof, .colada-service-details, .colada-pricing-section, .colada-pricing-support)
:is(h2, h3, h4, .et_pb_module_header) {
    font-family: Montserrat, Helvetica, Arial, sans-serif !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-transform: none !important;
    overflow-wrap: break-word;
    padding-bottom: 16px;
}
#page-container :is(.colada-refresh-intro, .colada-refresh-service-content, .colada-refresh-team, .colada-refresh-story, .colada-refresh-proof, .colada-service-details, .colada-pricing-support) h2 { font-size: 32px !important; }
#page-container :is(.colada-refresh-services, .colada-refresh-team) :is(h3, h4) { font-size: 22px !important; }
#page-container :is(.colada-refresh-intro, .colada-refresh-service-content, .colada-refresh-story, .colada-refresh-proof) p + p { padding-top: 4px; }
#page-container :is(.colada-refresh-intro, .colada-refresh-service-content, .colada-refresh-story, .colada-refresh-proof) .et_pb_text ul { padding: 8px 0 8px 22px; }
#page-container :is(.colada-refresh-intro, .colada-refresh-service-content, .colada-refresh-story, .colada-refresh-proof) .et_pb_text li + li { margin-top: 8px; }
#page-container :is(.colada-tone-dark, .colada-refresh-story, .colada-refresh-proof) { --cr-ink: #fff; --cr-muted: #dce4e2; }
#page-container :is(.colada-tone-light, .colada-tone-yellow, .colada-tone-teal) { --cr-ink: #252827; }
#page-container .colada-tone-yellow { background-color: #fdcf09 !important; }
#page-container .colada-tone-teal { background-color: #62c7c2 !important; }
#page-container :is(.colada-tone-light, .colada-tone-dark, .colada-tone-yellow, .colada-tone-teal) {
    padding: 64px 48px !important;
    min-width: 0;
}
#page-container :is(.colada-tone-light, .colada-tone-dark, .colada-tone-yellow, .colada-tone-teal) > .et_pb_text {
    max-width: 640px;
    margin: 0 auto !important;
    padding: 0 !important;
}
#page-container :is(.colada-tone-light, .colada-tone-dark, .colada-tone-yellow, .colada-tone-teal) > .et_pb_text + .et_pb_text { margin-top: 24px !important; }

/* Calm page headings and a consistent, stable link-button treatment. */
#page-container :is(.colada-refresh-hero, .colada-pricing-hero) :is(h1, .et_pb_fullwidth_header .et_pb_module_header) {
    color: #252827 !important;
    font: 700 48px/1.2 Montserrat, Helvetica, Arial, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    overflow-wrap: break-word;
}
#page-container .colada-refresh-hero-row { margin-bottom: 72px !important; }
#page-container .colada-refresh-hero-row h4 { max-width: 760px; margin: 16px auto 0; color: #252827 !important; font: 400 18px/1.7 Montserrat, Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; }
#page-container .colada-pricing-hero .et_pb_header_content_wrapper { color: #252827 !important; font: 400 18px/1.7 Montserrat, Helvetica, Arial, sans-serif; letter-spacing: 0; }
#page-container .colada-pricing-hero .et_pb_header_content_wrapper p { color: #252827 !important; }
#page-container :is(.colada-refresh-hero, .colada-pricing-hero) .et_pb_promo_description { padding-bottom: 22px; }
#page-container #et-main-area :is(.colada-refresh-hero, .colada-refresh-intro, .colada-refresh-service-content, .colada-refresh-proof, .colada-pricing-support) .et_pb_button,
#page-container .colada-pricing-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    max-width: 100%;
    padding: 12px 24px !important;
    border: 1px solid currentColor !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--cr-ink) !important;
    font: 600 15px/1.5 Montserrat, Helvetica, Arial, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: normal;
    text-align: center;
    box-shadow: none !important;
    transition: background-color 120ms ease;
}
#page-container #et-main-area :is(.colada-refresh-hero, .colada-refresh-intro, .colada-refresh-service-content, .colada-refresh-proof, .colada-pricing-support) .et_pb_button::after { display: none !important; }
#page-container #et-main-area :is(.colada-refresh-hero, .colada-refresh-intro, .colada-refresh-service-content, .colada-refresh-proof, .colada-pricing-support) .et_pb_button:hover,
#page-container .colada-pricing-cta:hover { background: rgba(98, 199, 194, .18) !important; }
#page-container :is(.colada-refresh-hero, .colada-refresh-services, .colada-refresh-proof, .colada-service-details, .colada-pricing-section, .colada-pricing-support, .colada-footer) a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }

/* Practical scope and process information is a list, not another card grid. */
#page-container .colada-service-details { padding: 72px 0 !important; background: #f3f8f7; }
#page-container .colada-service-details > .et_pb_row { width: calc(100% - 64px); max-width: 1080px; padding: 0 !important; }
#page-container .colada-service-details .et_pb_text { max-width: none; margin: 0; }
#page-container .colada-service-details .et_pb_text_inner > p { max-width: 740px; padding-bottom: 28px; }
#page-container .colada-service-detail-row { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(0, 2fr); gap: 40px; padding: 24px 0; border-top: 1px solid #c4d5d1; }
#page-container .colada-service-detail-row h3 { font-size: 19px !important; padding: 0; }
#page-container .colada-service-detail-row p { padding: 0; }

/* Existing About and Services sections stay unframed, with less empty space. */
#page-container .et_pb_section.colada-refresh-intro { margin: 0 !important; box-shadow: none !important; padding: 64px 0 !important; background-image: none !important; }
#page-container .et_pb_section.colada-refresh-intro > .et_pb_row { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 56px; align-items: stretch; width: calc(100% - 64px); max-width: 1120px; padding: 0 !important; }
#page-container .et_pb_section.colada-refresh-intro > .et_pb_row::after { display: none; }
#page-container .et_pb_section.colada-refresh-intro > .et_pb_row > .et_pb_column { width: auto !important; min-width: 0; margin: 0 !important; }
#page-container .et_pb_section.colada-refresh-intro > .et_pb_row > .et_pb_column:last-child { display: block !important; min-height: 320px; background-size: cover; background-position: center; }
body.page-id-645 #page-container .et_pb_section.colada-refresh-intro > .et_pb_row > .et_pb_column:last-child { background-image: url('https://coladamarketing.com/wp-content/uploads/2020/11/Colada-Marketing-Agency-About.jpg'); }
body.page-id-884 #page-container .et_pb_section.colada-refresh-intro > .et_pb_row > .et_pb_column:last-child { background-image: url('https://coladamarketing.com/wp-content/uploads/2021/04/small-marketing-boutique-employees.jpg'); }
#page-container .colada-refresh-intro-copy { max-width: 780px; padding: 0 !important; background: transparent !important; box-shadow: none !important; }
#page-container :is(.colada-refresh-team, .colada-refresh-services, .colada-refresh-story, .colada-refresh-proof) { margin: 0 !important; padding: 64px 0 !important; }
#page-container :is(.colada-refresh-team, .colada-refresh-services, .colada-refresh-story, .colada-refresh-proof) > .et_pb_row { width: calc(100% - 64px); max-width: 1120px; }
#page-container .colada-refresh-team .et_pb_team_member_description .et_pb_member_position { color: var(--cr-muted) !important; font-size: 14px; padding-bottom: 16px; }
#page-container .colada-refresh-quote { padding: 56px 0 !important; background: #fdcf09 !important; }
#page-container .colada-refresh-quote .et_pb_row { margin: 0 auto !important; padding: 0 !important; }
#page-container .colada-refresh-quote .et_pb_text { font-size: 22px !important; line-height: 1.55 !important; max-width: 860px; margin: 0 auto; }
#page-container .colada-refresh-video { padding: 0 0 56px !important; }
#page-container .colada-refresh-video > .et_pb_row { max-width: 1000px; box-shadow: none !important; }
#page-container .colada-refresh-video .et_pb_video { overflow: hidden; }
#page-container .colada-refresh-services .et_pb_main_blurb_image { margin-bottom: 20px; }
#page-container .colada-refresh-services .et_pb_blurb_container { min-width: 0; }
#page-container .colada-refresh-services .et-pb-icon { color: #252827 !important; }

/* Pricing columns align naturally and stack without sideways scrolling. */
#page-container .colada-pricing-section { padding: 64px 0 !important; background: #fff !important; }
#page-container .colada-pricing-row { width: calc(100% - 64px); max-width: 1180px; padding: 0 !important; }
#page-container .colada-pricing-intro { max-width: 760px; margin-bottom: 40px; }
#page-container .colada-pricing-intro h2 { font-size: 34px; }
#page-container .colada-pricing-section p { font-size: 16px; line-height: 1.75; }
#page-container .colada-pricing-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 4px solid #62c7c2; }
#page-container .colada-pricing-plan { position: relative; min-width: 0; padding: 32px 28px; border-bottom: 1px solid #bdcdca; }
#page-container .colada-pricing-plan + .colada-pricing-plan { border-left: 1px solid #bdcdca; }
#page-container .colada-pricing-plan-popular { background: #f0f8f6; }
#page-container .colada-pricing-plan h3 { font-size: 27px; padding-bottom: 0; min-height: 36px; }
#page-container .colada-pricing-popular-label { position: absolute; top: 6px; right: 28px; margin: 0; padding: 0 !important; font-size: 12px !important; font-weight: 600; }
#page-container .colada-pricing-price { margin: 24px 0 12px; padding: 0; }
#page-container .colada-pricing-amount { display: block; font-size: 40px; font-weight: 600; line-height: 1.2; }
#page-container .colada-pricing-frequency { display: block; margin-top: 6px; font-size: 14px; color: #515b58; }
#page-container .colada-pricing-fit { min-height: 96px; margin-bottom: 20px; font-size: 14px !important; }
#page-container .colada-pricing-inclusions { list-style: none; padding: 0 !important; margin: 0 !important; }
#page-container .colada-pricing-inclusions li { padding: 12px 0; border-top: 1px solid #d7e0de; font-size: 14px; line-height: 1.6; }
#page-container .colada-pricing-notes { max-width: 1000px; margin-top: 24px; padding: 0; font-size: 14px !important; color: #515b58 !important; }
#page-container .colada-pricing-custom { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 40px; margin: 40px 0 64px; padding: 28px 0; border-block: 1px solid #bdcdca; }
#page-container .colada-pricing-custom h3 { font-size: 23px; padding-bottom: 10px; }
#page-container .colada-pricing-custom p { padding: 0; font-size: 15px; }
#page-container .colada-pricing-context { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: center; }
#page-container .colada-pricing-photo { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center top; }
#page-container .colada-pricing-context-copy h2 { font-size: 30px; }
#page-container .colada-pricing-support { padding: 0 !important; }
#page-container .colada-pricing-support .et_pb_column:has(.et_pb_promo) { padding: 64px 48px !important; }
#page-container .colada-pricing-support .et_pb_promo { max-width: 640px; }
#page-container .colada-pricing-support .et_pb_promo_description { padding: 0; }
body.page-id-631 #page-container .et_pb_section:has(.et_pb_testimonial) { padding: 64px 0 !important; background: #62c7c2 !important; }
body.page-id-631 #page-container .et_pb_section:has(.et_pb_testimonial) .et_pb_row { margin: 0 auto !important; }
body.page-id-631 #page-container .et_pb_section:has(.et_pb_testimonial) :is(h2, p, .et_pb_testimonial_author, .et_pb_testimonial_meta) { color: #252827 !important; letter-spacing: 0 !important; }
body.page-id-631 #page-container .et_pb_section:has(.et_pb_testimonial) h2 { font: 600 32px/1.3 Montserrat, Helvetica, Arial, sans-serif; text-transform: none; }
body.page-id-631 #page-container .et_pb_section:has(.et_pb_testimonial) .et_pb_testimonial { padding-top: 32px; }

/* Readability in legacy homepage content, without changing its order or picker. */
body.home #page-container .et_pb_section:not(.et_pb_section_0) :is(.et_pb_text_inner > p, .et_pb_testimonial_content p) { color: #414947; font: 400 16px/1.75 Montserrat, Helvetica, Arial, sans-serif; letter-spacing: 0; }
body.home #page-container .et_pb_section:has(.et_pb_testimonial) { min-height: 0; padding: 72px 0; }
body.home #page-container .et_pb_section:has(.et_pb_testimonial) .et_pb_row { margin-top: 0 !important; }

/* One shared footer, with readable links and no repeated social heading. */
#page-container .colada-footer { background: #353740 !important; padding: 56px 0 !important; }
#page-container .colada-footer > .et_pb_row { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, .8fr) minmax(0, 1fr); gap: 56px; width: calc(100% - 64px); max-width: 1180px; margin: 0 auto !important; padding: 0 !important; }
#page-container .colada-footer > .et_pb_row::after { display: none; }
#page-container .colada-footer > .et_pb_row > .et_pb_column { width: auto !important; min-width: 0; margin: 0 !important; }
#page-container .colada-footer .et_pb_text { margin: 0 0 20px !important; padding: 0 !important; max-width: 360px; color: #e5e9e8 !important; font: 400 14px/1.7 Montserrat, Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; }
#page-container .colada-footer .et_pb_text :is(p, span, a) { color: #e5e9e8 !important; }
#page-container .colada-footer .colada-footer-heading { margin-bottom: 14px !important; }
#page-container .colada-footer h3 { color: #fff !important; font: 600 15px/1.5 Montserrat, Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; padding: 0; }
#page-container .colada-footer .et_pb_image { width: 100%; max-width: 260px; margin: 0 0 24px !important; }
#page-container .colada-footer .colada-footer-copyright { font-size: 12px !important; color: #c9d0cd !important; }
#page-container .colada-footer-links a { display: inline-block; padding: 4px 0; }
#page-container .colada-footer-links a:hover { color: #62c7c2 !important; text-decoration: underline; text-underline-offset: 4px; }
#page-container .colada-footer .et_pb_social_media_follow { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 28px !important; padding: 0; }
#page-container .colada-footer .et_pb_social_media_follow li { margin: 0; }
#page-container .colada-footer .et_pb_social_media_follow a.icon { width: 40px; height: 40px; margin: 0; }
#page-container .colada-footer .et_pb_social_media_follow a.icon::before { width: 40px; height: 40px; line-height: 40px; color: #e5e9e8 !important; font-size: 20px; }
#page-container .colada-footer .et_pb_button_module_wrapper { margin: 0 !important; }
#page-container .et_pb_section.colada-footer .et_pb_button { color: #fff !important; background: transparent !important; border: 1px solid #c9d0cd !important; border-radius: 0; padding: 10px 20px !important; font: 600 14px/1.5 Montserrat, Helvetica, Arial, sans-serif !important; letter-spacing: 0 !important; text-transform: none; }
#page-container .et_pb_section.colada-footer .et_pb_button::after { display: none !important; }
#page-container .et_pb_section.colada-footer .et_pb_button:hover { background: #62c7c2 !important; color: #252827 !important; border-color: #62c7c2 !important; }

@media (max-width: 980px) {
    #page-container :is(.colada-tone-light, .colada-tone-dark, .colada-tone-yellow, .colada-tone-teal) { padding: 48px 32px !important; }
    #page-container .colada-pricing-plan { padding: 28px 18px; }
    #page-container .colada-pricing-fit { min-height: 150px; }
    #page-container .colada-pricing-custom { gap: 24px; }
    #page-container .colada-footer > .et_pb_row { gap: 32px; }
}
@media (max-width: 767px) {
    #page-container :is(.colada-refresh-hero, .colada-pricing-hero) :is(h1, .et_pb_fullwidth_header .et_pb_module_header) { font-size: 34px !important; }
    #page-container .colada-refresh-hero-row { margin-bottom: 48px !important; }
    #page-container :is(.colada-refresh-intro, .colada-refresh-service-content, .colada-refresh-team, .colada-refresh-story, .colada-refresh-proof, .colada-service-details, .colada-pricing-support) h2 { font-size: 27px !important; }
    #page-container :is(.colada-tone-light, .colada-tone-dark, .colada-tone-yellow, .colada-tone-teal) { padding: 40px 24px !important; }
    #page-container :is(.colada-service-details, .colada-refresh-team, .colada-refresh-services, .colada-refresh-story, .colada-refresh-proof, .colada-pricing-section) { padding: 44px 0 !important; }
    #page-container :is(.colada-service-details, .colada-refresh-team, .colada-refresh-services, .colada-refresh-story, .colada-refresh-proof) > .et_pb_row,
    #page-container .colada-pricing-row { width: calc(100% - 40px); }
    #page-container .et_pb_section.colada-refresh-intro > .et_pb_row { grid-template-columns: minmax(0, 1fr); gap: 28px; width: calc(100% - 40px); }
    #page-container .colada-service-detail-row { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 22px 0; }
    #page-container .colada-pricing-plans { grid-template-columns: minmax(0, 1fr); }
    #page-container .colada-pricing-plan { padding: 28px 0; }
    #page-container .colada-pricing-plan + .colada-pricing-plan { border-left: 0; }
    #page-container .colada-pricing-plan-popular { background: transparent; }
    #page-container .colada-pricing-fit { min-height: 0; margin-bottom: 16px; }
    #page-container .colada-pricing-price { margin-top: 16px; }
    #page-container .colada-pricing-custom { grid-template-columns: minmax(0, 1fr); gap: 16px; margin: 32px 0 44px; }
    #page-container .colada-pricing-custom .colada-pricing-cta { grid-column: auto; }
    #page-container .colada-pricing-context { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    #page-container .colada-pricing-intro h2 { font-size: 28px; }
    #page-container .colada-pricing-support .et_pb_column:has(.et_pb_promo) { padding: 40px 24px !important; }
    #page-container .colada-footer { padding: 44px 0 !important; }
    #page-container .colada-footer > .et_pb_row { grid-template-columns: repeat(2, minmax(0, 1fr)); width: calc(100% - 40px); gap: 28px 20px; }
    #page-container .colada-footer > .et_pb_row > .et_pb_column:first-child { grid-column: 1 / -1; }
    #page-container .colada-footer .et_pb_image { max-width: 220px; }
    #page-container .colada-footer .et_pb_text { font-size: 13px !important; }
}
@media (prefers-reduced-motion: reduce) {
    #page-container :is(.colada-refresh-hero, .colada-refresh-intro, .colada-refresh-service-content, .colada-refresh-services, .colada-refresh-team, .colada-refresh-quote, .colada-refresh-story, .colada-refresh-proof, .colada-refresh-video, .colada-service-details, .colada-pricing-section, .colada-pricing-support, .colada-pricing-hero, .colada-footer),
    #page-container :is(.colada-refresh-hero, .colada-refresh-intro, .colada-refresh-service-content, .colada-refresh-services, .colada-refresh-team, .colada-refresh-quote, .colada-refresh-story, .colada-refresh-proof, .colada-refresh-video, .colada-service-details, .colada-pricing-section, .colada-pricing-support, .colada-pricing-hero, .colada-footer) * { animation: none !important; transition: none !important; }
}