/*
Theme Name: SWP Notary
Theme URI: https://scintillawpthemes.com/product/notary-wordpress-theme/
Author: scintillawpthemes
Author URI: https://scintillawpthemes.com/
Description: SWP Notary is a modern Full Site Editing (FSE) WordPress block theme built for notaries, mobile notary publics, loan signing agents, apostille and legal document services, law firms, attorneys, paralegals, title and escrow agencies, and professional consultants. Powered by the Gutenberg block editor, it ships with ready-made block patterns for hero, services, service areas, team credentials, testimonials, FAQ, blog, and contact sections, so you can launch a professional notary public website in minutes without writing a line of code. Customize headers, footers, colors, typography, spacing, and page layouts visually in the Site Editor. The theme is fully responsive and mobile friendly, translation ready and RTL compatible, and optimized for speed, Core Web Vitals, and SEO with clean, lightweight code that helps you rank for local notary and legal service searches. It works smoothly with popular contact form, booking, appointment scheduling, and SEO plugins, and supports custom logo, custom colors, sticky posts, threaded comments, featured images, wide blocks, block styles, and editor styles. Whether you offer remote online notarization, real estate loan signings, estate planning documents, affidavits, power of attorney, or general legal documentation services, SWP Notary delivers a clean, trustworthy, conversion-focused design that builds credibility and generates more leads and appointment bookings.
Version: 1.3
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.9
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: swp-notary
Tags: blog, education, portfolio, one-column, two-columns, three-columns, four-columns, custom-colors, custom-menu, custom-logo, sticky-post, threaded-comments, right-sidebar, left-sidebar, grid-layout, custom-background, rtl-language-support, featured-images, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, template-editing, footer-widgets, custom-header, full-width-template, theme-options, translation-ready
*/

.wp-block-template-part:has(.header) .wp-block-cover {
    overflow: visible;
}
header li.has-child:hover ul {
    animation: fadeInUp 0.3s ease forwards;
    pointer-events: auto;
}

header li.has-child:hover > ul {
  animation: fadeInUp 0.3s ease forwards;
  pointer-events: auto;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.wp-site-blocks > .wp-block-cover:first-child {
  margin-block-start: 0;
}
.about-right-page-col img {
    width: 100% !important;
}

.editor-styles-wrapper .wp-site-blocks > .wp-block-cover:first-child {
  margin-block-start: 0;
}
.wp-block-group.head-group p {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
    margin-block-start: 0px !important;
}
main.wp-block-group > .wp-block-cover, main.wp-block-group {
    margin-top: 0 !important;
}

.inner-grp {
    height: 100%;
    & p {
        padding-right: 1rem !important;
    }
} 

.trust-row {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
}

.wp-block-group.serv-inner-grp {
    height: 100% !important;
    & p {
        height: 76px;
    }
    & i {
        margin-left: 10px;
    }
}

p.sall-bg-text {
    display: flex;
    align-items: center;
    width: fit-content;
    i {
        font-size: 8px;
        margin-right: 10px;
    }
}

mark {
    padding: 0 !important;
}

.banner-buttons i {
    margin-right: 10px;
    color: #1111D4;
}
.wp-block-group.clients-image-row figure:not(:first-child) {
    margin-left: -10px;
}
.wp-block-group.badge-group {
    position: absolute;
    bottom: 50px;
    left: 30px;
    width: 44%;
    border-radius: 12px;
}

.small-head {
    max-width: 300px !important;
    margin: 0 auto;
}
.small-head figure {
    display: flex;
}
.wp-block-columns.team-main-row img {
    width: 100%;
}
.wp-block-buttons.client-button i {
    margin-left: 10px;
}
.wp-block-columns.blogs-column img {
    width: 100% !important;
}
.accordion-group .wp-block-accordion-panel {
    margin-top: 4px;
}
.accordion-group .wp-block-accordion-heading span{
    text-decoration: none !important;
}
.serve-small-head {
    width: 180px;
    margin-left: unset !important;
    & img {
        display: flex;
    }
} 
.wp-block-group.flex-row-input-check p {
    flex: 1;
}

.coverage-form-group {
    width: 85%;
}
.wp-block-column.serve-map-col .wp-block-stackable-map {
    height: 100% !important;
    & iframe {
        height: 100% !important;
    }
}

.wp-block-group.contact-form-group p {
    margin-bottom: 0 !important;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 5px;
    & input[type=email] {
        border: 2px solid #DBDBE6;
        padding: 10px 14px;
        border-radius: 8px;
        width: 285px;
        &::placeholder {
            font-family: Montserrat;
            font-weight: 400;
            font-size: 14px;
            line-height: 24px;
            vertical-align: middle;
        }
    }
    & input[type=submit] {
        background-color: #1111D4;
        padding: 13px 22px;
        border-radius: 8px;
        color: #ffffff;
        font-family: Montserrat;
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        border: none;
        outline: none;
        cursor: pointer;
    }
}

.wp-block-group.contact-form-group .wpcf7-response-output {
    width: fit-content;
    margin: auto !important;
}

.wp-block-group.contact-form-group p .wpcf7-spinner {
    position: absolute;
    bottom: -30px;
}

.wp-block-stackable-button-group.menu-icon-list a, .wp-block-group.copyright-row .wp-block-stackable-button-group a {
    box-shadow: unset !important;
}
.wp-block-column.foot-contact-col .wp-block-stackable-button  a {
    align-items: baseline;
}
.wp-block-group.footer-section hr {
    width: 95% !important;
}

.wp-block-group.footer-section .copyright-row {
    width: 95% !important;
}
p.team-member-name {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    width: fit-content;
    margin: auto;
}


@media (max-width: 1399px) {
    .wp-block-group.serv-inner-grp p {
        height: unset !important;
    }

}

@media (max-width: 1024px) {
    .wp-block-columns.trust-row {
        margin-left: unset !important;
        margin-right: unset !important;
    }
    .wp-block-post-template {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .archive-page-main-group .wp-block-post-template {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px; 
    }

    .wp-block-group.serv-inner-grp a.wp-block-button__link.has-background {
        padding: 10px 20px!important;
    }
}


@media (max-width: 768px) { 
    .wp-block-group.copyright-row .wp-block-stackable-button-group .stk-row {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    .wp-block-group.copyright-row .wp-block-stackable-button-group .stk-row a span.stk--svg-wrapper {
        display: none !important;
    }
    .inner-grp p {
        padding-right: unset !important;
    }
    .wp-block-group.teams-section {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
    .team-coupons {
        flex-direction: column;
        row-gap: 20px;
    }
    .wp-block-group.contact-form-group p {
        margin-bottom: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        flex-direction: column;
        row-gap: 0px !important;
    }
    .wp-block-group.contact-form-group .wpcf7-response-output {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 991px) {
    
    .wp-block-column.banner-left-col h2 {
        font-size: 40px !important;
    }
    .wp-block-group.badge-group {
        width: 70% !important;
    }
    
    .wp-block-group.star-views {
        flex-direction: column;
    }
}

@media screen and (max-width: 767.50px) { 
    .small-head {
        margin: 0 auto;
    }
    .wp-block-column.contact-col {
        display: none;
    }
    div.wp-block-group.main-banner {
        padding-top: 0 !important;
        padding-bottom: 50px !important;
    }
    main.wp-block-group .wp-block-cover .wp-block-cover__inner-container > .wp-block-group {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .wp-block-post-template {
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .archive-page-main-group .wp-block-post-template {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px; 
    }
    .coverage-form-group {
        width: 100% !important;
    }
}

@media screen and (max-width: 768px) {

    .wp-block-group.accordion-group {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .wp-block-columns.footer-main-row {
        row-gap: 55px !important;
    }
    .wp-block-group.footer-section .copyright-row {
        width: 100% !important;
        flex-direction: column;
    }
    .copyright-row-foot {
        flex-wrap: wrap !important;
        justify-content: center;
        row-gap: 20px !important;
    }
}

@media screen and (min-width: 576px) and (max-width: 767.5px) {
    .wp-block-columns.header-row {
        justify-content: center;
    }
    .wp-block-columns.header-row .wp-block-column.logo-col {
        flex-basis: 25% !important;
        flex-grow: unset !important;
    }
    .wp-block-columns.header-row .wp-block-column.nav-col {
        flex-basis: 55% !important;
    }
    .wp-block-column.nav-col nav ul {
        justify-content: end;
    }
}

@media screen and (max-width: 599.5px) {
    .wp-block-columns.header-row .wp-block-column {
        flex-basis: 42% !important;
    }
    .wp-block-column.nav-col nav {
        justify-content: end;
    }
}

@media screen and (max-width: 575.5px) {
    .wp-block-column.contact-col .wp-block-buttons {
        justify-content: center !important;
    }
    .wp-block-buttons.banner-buttons {
        column-gap: 6px !important;
        row-gap: 10px;
    }
}

@media screen and (min-width: 1400px) {
    div.wp-block-columns.main-banner-row {
        padding: 0px 40px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199.5px) {
    .wp-block-column.banner-left-col h2 {
        font-size: 40px !important;
    }
    .wp-block-group.accordion-group {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .wp-block-columns.footer-main-row {
        flex-wrap: wrap !important;
        row-gap: 55px !important;
        & .wp-block-column {
            flex-basis: 31% !important;
        }
    }
    .wp-block-group.teams-section {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399.50px) {
    .wp-block-columns.footer-main-row .wp-block-column.footer-logo-col {
        flex-basis: 18% !important;
    }
    .wp-block-columns.footer-main-row .wp-block-column.footer-services-col {
        flex-basis: 16% !important;
    }
    .wp-block-columns.footer-main-row .wp-block-column.foot-contact-col {
        flex-basis: 23% !important;
    }
    .wp-block-columns.footer-main-row .wp-block-column.foot-office-col {
        flex-basis: 23% !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991.50px) {
    .wp-block-columns.header-row {
        justify-content: space-between;
        flex-wrap: wrap !important;
        & .wp-block-column.logo-col {
            flex-basis: 20% !important;
            flex-grow: unset !important;
            order: 1;
        }
        & .wp-block-column.contact-col {
            flex-basis: 50% !important;
            flex-grow: unset !important;
            order: 2;
        }
        & .wp-block-column.nav-col {
            flex-basis: 100% !important;
            order: 3;
        }
    }
    .wp-block-columns.main-banner-row, .wp-block-columns.team-main-row {
        flex-wrap: wrap !important;
        justify-content: center;
    }
    .wp-block-columns.team-main-row .wp-block-column {
        flex-basis: 47% !important;
        flex-grow: unset !important;
    }
    .wp-block-columns.main-banner-row .wp-block-column {
        flex-basis: 100% !important;
    }
    .wp-block-column.banner-left-col h2 {
        font-size: 40px !important;
    }
    .wp-block-group.teams-section {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .wp-block-group.accordion-group {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .wp-block-columns.footer-main-row {
        flex-wrap: wrap !important;
        row-gap: 55px !important;
        & .wp-block-column {
            flex-basis: 48% !important;
        }
    }
    .wp-block-group.footer-section .copyright-row {
        width: 100% !important;
        flex-direction: column;
    }
    .wp-block-group.copyright-row .wp-block-stackable-button-group .stk-row a span.stk--svg-wrapper {
        display: none !important;
    }
    .wp-block-group.copyright-row .wp-block-stackable-button-group .stk-row {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}
.team-col {
    position: relative;
}
.wp-block-post-template {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px; 
}
.archive-page-main-group .wp-block-post-template {
  grid-template-columns: repeat(2, 1fr);
  gap: 20px; 
}

.wp-block-column.contact-pg-form-col form span input, .wp-block-column.contact-pg-form-col form span textarea {
    width: -webkit-fill-available;
    border: 2px solid #DBDBE6;
    padding: 10px 14px;
    border-radius: 8px;
}
.wp-block-column.contact-pg-form-col form span:has(input), .wp-block-column.contact-pg-form-col form span:has(textarea) {
    margin-top: 10px;
    display: block;
}

.wp-block-column.contact-pg-form-col form input[type=submit] {
    background-color: #1111D4;
    padding: 13px 22px;
    border-radius: 8px;
    color: #ffffff;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    border: none;
    outline: none;
    cursor: pointer;
}

.swp-single-post-template a, .swp-single-page-template a {
    color: #1111D4;
    text-decoration: underline;
}