/*
Theme Name: Ana's Care Theme
Theme URI: 
Author: Gabbie Bade
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: riverbank
Text Domain: anas-care-theme
Tags: 
*/

html {
    scroll-behavior: smooth;
	scroll-padding-top: 3rem;
}


@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/* Base Overwrites */
.wp-site-blocks>* {
    margin-top: 0;
}

.wp-site-blocks a:where(:not(.wp-element-button)) {
    text-decoration: none;
}

.entry-content {
    scroll-snap-type: y mandatory;
}

.entry-content>div,
.entry-content>section {
    scroll-snap-align: start;
}

.entry-content section.wp-block-group {
    max-width: 71.25rem;
    margin: 0 auto;
}

header .wp-block-navigation-item__label {
    font-size: var(--wp--preset--font-size--normal);
}

.entry-content section.wp-block-group {
    margin-top: clamp(2rem, 5vw, 4rem);
}

/* Input Submit and Pseudo Button Hover Styles */
.wp-site-blocks input[type=submit] {
    background-color: var(--wp--preset--color--ac-dark);
    border-radius: 0;
    border-color: var(--wp--preset--color--ac-dark);
    border-width: 3px;
    border-style: solid;
    color: var(--wp--preset--color--ac-light);
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    text-transform: uppercase;
}

.wp-block-button.is-style-fill a,
.wp-block-button.is-style-outline a,
.wp-block-button.is-style-fill-light a,
input[type=submit] {
    transition: all .5s ease-in-out;
}

.wp-block-button.is-style-fill a:hover,
.wp-block-button.is-style-fill a:active,
.wp-block-button.is-style-fill a:focus,
.wp-block-button.is-style-outline a:hover,
.wp-block-button.is-style-outline a:active,
.wp-block-button.is-style-outline a:focus,
.wp-block-button.is-style-fill-light a:hover,
.wp-block-button.is-style-fill-light a:active,
.wp-block-button.is-style-fill-light a:focus,
input[type=submit]:hover,
input[type=submit]:focus {
    border-color: var(--wp--preset--color--ac-teal);
    text-decoration: underline;
    box-shadow: #00000059 0px 5px 15px;

}

.wp-block-button.is-style-fill a:hover,
.wp-block-button.is-style-fill a:active,
.wp-block-button.is-style-fill a:focus,
input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus {
    background-color: var(--wp--preset--color--ac-teal);
}

.wp-block-button.is-style-outline a:hover,
.wp-block-button.is-style-outline a:active,
.wp-block-button.is-style-outline a:focus {
    color: var(--wp--preset--color--ac-teal);
}

.wp-block-button.is-style-fill-light a:hover,
.wp-block-button.is-style-fill-light a:active,
.wp-block-button.is-style-fill-light a:focus {
	background-color: var(--wp--preset--color--ac-light);
	border-color: var(--wp--preset--color--ac-light);
	color: var(--wp--preset--color--ac-teal);
}

/* ----------Header and Footer Styles -------------*/

a .ac-icon-column {
    text-align: center;
}

footer a:hover {
    color: var(--wp--preset--color--ac-teal);
}

footer a:hover svg path,
footer a:focus svg path,
footer a:active svg path {
    fill: currentColor;
}

footer a:hover .ac-icon-column svg path,
footer a:focus .ac-icon-column svg path,
footer a:active .ac-icon-column svg path {
    fill: var(--wp--preset--color--ac-dark);
}

@media (min-width: 48.875em) {

    h3.ac-send-msg {
        position: absolute;
        left: -100000px;
        font-size: 1px;
        color: var(--wp--preset--color--ac-light);
    }
}


/* Header */
.wp-container-core-group-is-layout-b2891da8 {
    justify-content: center;
}



nav.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--wp--preset--color--ac-accent);
    color: var(--wp--preset--color--ac-light);
    font-size: var(--wp--preset--font-size--normal);
    top: 10.5rem;

}

#modal-2>div>div>button {
    left: -100px;
    right: -100px;
    top: -11px;
    height: fit-content;
    background-color: var(--wp--preset--color--ac-light);
	padding-bottom: .5rem;
    
}

#modal-2>div>div>button>svg {
    height: 24px;
    width: 24px;
    display: block;
    margin: 0 auto;
  
}

#modal-2>div>div>button>svg>path {
    fill: var(--wp--preset--color--ac-dark);
}

#modal-2.is-menu-open {
    padding: .67rem;
}

#modal-2.is-menu-open {
    width: 100vw;
    height: fit-content;

}

#modal-2.is-menu-open *:not(.wp-block-button__link) {
    text-align: left;
    align-items: flex-start;
    font-size: var(--wp--preset--font-size--normal);
}

#modal-2.is-menu-open ul.wp-block-navigation__submenu-container span.wp-block-navigation-item__label {
    text-transform: capitalize;
    font-weight: 500;
}

#modal-2.is-menu-open a.wp-block-button__link {
    font-size: var(--wp--preset--font-size--normal) !important;
}

#modal-2.is-menu-open #modal-2-content ul {
    width: 100%;
    gap: 1rem !important;
}

#modal-2.is-menu-open #modal-2-content ul.wp-block-navigation-submenu {
    border-left: 2px solid var(--wp--preset--color--ac-teal);
    padding: var(--wp--preset--spacing--30);
    gap: .5rem !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding: 2rem 1rem 1rem;
}

body > div.wp-site-blocks > header > div > div {
	flex-direction: column;
}
@media (min-width: 48.875em) {
	body > div.wp-site-blocks > header > div > div {
	flex-direction: row;
}
    .wp-container-core-group-is-layout-b2891da8 {
        justify-content: space-between;
    }
	
	#modal-2-content {
		gap: 3rem;
	}

    #modal-2-content>ul {
        gap: 3rem;
    }

    #modal-2-content ul li a {
        padding: 1rem;
    }

    #modal-2-content>ul>li:hover,
    #modal-2-content>ul>li:focus,
    #modal-2-content>ul>li:active {
        color: var(--wp--preset--color--ac-teal)
    }

    #modal-2-content ul li.has-child a {
        padding-right: .15rem;
    }

    .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
        border: 0;
        left: 0;
        right: auto;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }

    #modal-2-content ul>li.has-child ul li a.wp-block-navigation-item__content {
        padding: 1rem;
    }

    .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container li:hover,
    .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container li:focus,
    .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container li:active {
        background-color: var(--wp--preset--color--ac-teal);
        color: var(--wp--preset--color--ac-white);
    }

    .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
        font-size: var(--wp--preset--font-size--small);

    }

    #modal-2-content>div>div>a.wp-block-button__link.has-small-font-size {
        font-size: var(--wp--preset--font-size--normal) !important;
    }
	
	
}


/* Home - Banner Overrides */
body>div.wp-site-blocks>div>div.wp-block-cover.alignfull.has-parallax {
    display: flex;
    align-items: end;
    min-height: calc(100vh - 150px) !important;
    padding-bottom: 2rem;
}

@media (min-width: 75rem) {
    body>div.wp-site-blocks>div>div.wp-block-cover.alignfull.has-parallax.aos-init.aos-animate>div.wp-block-cover__inner-container.is-layout-flow.wp-container-core-cover-is-layout-becc267f.wp-block-cover-is-layout-flow>div>section {
        padding-left: 0;
        padding-right: 0;
        background-color: transparent !important;
    }
}

/* ----------Block & Pattern Styles -------------*/

/* Testimonials */
blockquote>* {
    font-family: var(--wp--preset--font-family--lora);
    font-size: var(--wp--preset--font-size--normal);
    position: relative;
}

blockquote p {
    max-width: 50rem;
    margin: 0 auto;
    text-indent: 1rem;
}

.wp-block-pullquote blockquote cite {
    text-transform: none;
    margin-top: 1rem;
}

.wp-block-pullquote blockquote cite::before {
    content: '— ';
}

.ac-testimonial .wp-block-pullquote {
    padding: 1.5rem;
}

blockquote p::after,
blockquote p::before {
    content: '“';
    font-style: italic;
    color: #33333320;
    font-size: clamp(5rem, 10vw, 8rem);
    font-family: var(--wp--preset--font-family--lora);
    line-height: 0;
    margin: 0;
    line-height: .75;
    position: absolute;
    left: -2.5rem;
}

blockquote p::after {
    content: '”';
    left: auto;

}

div.cb-button-prev.swiper-button-prev,
div.cb-button-next.swiper-button-next {
    color: var(--wp--preset--color--ac-teal);
}

.swiper-pagination-bullets span.swiper-pagination-bullet.cb-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--wp--preset--color--ac-teal);
}

/* Form Styles */
.wp-site-blocks form label {
    font-size: var(--wp--preset--font-size--small);
    font-weight: 700;
    text-transform: uppercase;
}

.wp-site-blocks form input:not([type=submit]),
.wp-site-blocks form textarea,
.wp-site-blocks form select {
    background-color: var(--wp--preset--color--ac-white);
    border: 1px solid var(--wp--preset--color--ac-dark);
    border-radius: 1px;
}

.wp-site-blocks form input:focus,
.wp-site-blocks form textarea:focus,
.wp-site-blocks form select:focus,
.wp-site-blocks form input:active,
.wp-site-blocks form textarea:active,
.wp-site-blocks form select:active {
    outline-color: var(--wp--preset--color--ac-accent);
}

.wp-site-blocks footer form {
    background-color: var(--wp--preset--color--ac-white);
    padding: var(--wp--preset--spacing--50);
}

.wp-site-blocks footer form input:not([type=submit]),
.wp-site-blocks footer form textarea {
    border: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}


/* Social Icons Pattern */
#ac-fb-link,
#ac-x-link {
    fill: #333;
}

a:hover #ac-fb-link,
a:hover #ac-x-link,
a:focus #ac-fb-link,
a:focus #ac-x-link,
a:active #ac-fb-link,
a:active #ac-x-link {
    fill: currentColor;
}

/* Service Cards */

#service-cards .card {
	height: 25rem;
}

#service-cards hr {
	height: 2px;
}

#service-cards h3 {
	width: 100%;
}

/* Copyright Bar */
#footer-copyright {
    text-align: center;
    margin: 0 auto;
    font-family: var(--wp--preset--font-family--lato);
    font-size: var(--wp--preset--font-size--small);
    color: var(--wp--preset--color--ac-dark);
}

#ac-logo-footer {
    display: block;
    margin: 0 auto;
}

#totop-icon {
    display: block;
    text-align: center;
    margin: 0 auto;
}

#totop-icon path {
    fill: none;
}

a:hover #totop-icon path,
a:focus #totop-icon path,
a:active #totop-icon path {
    fill: none;
    stroke: currentColor;
}



@media (min-width: 48.875em) {

    body>div.wp-site-blocks>footer>div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex.aos-init.aos-animate {
        flex-direction: column;
        justify-content: center;
        align-items: center !important;
    }
	

	#our-values > div {
	padding-left: 0;
	}
}

@media (min-width: 81.25em) {
    body>div.wp-site-blocks>footer>div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex.aos-init.aos-animate {
        flex-direction: row;
        justify-content: space-between;
    }

    #footer-copyright {
        text-align: right;
    }

    #ac-logo-footer {
        display: inline-block;
    }

}