/*
Theme Name: SWP Notary
Theme URI: 
Author: scintillawpthemes
Author URI: 
Description: SWP Notary is a modern Full Site Editing (FSE) WP theme crafted for notaries, legal advisors, and documentation service providers. It offers a clean, professional layout with ready-made block patterns for services, testimonials, and contact sections. Built for performance and SEO, SWP Notary ensures fast loading and better search visibility. With full Gutenberg compatibility, you can easily customize headers, footers, colors, and layouts without coding. The responsive design guarantees a seamless experience across all devices. Perfect for showcasing notary services, building trust, and generating leads, SWP Notary helps establish a strong and credible online presence.
Version: 1.0
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, 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, 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;
}
.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;
}