/* This button is used in both header and side menu (via reusable blocks) */
/* #wrapper #content-column #header-wrap #call-today-widget div.give-us-a-call-button a {
    padding: 10px 16px 6px 16px;
} */

/* Admin Bar START */
/* -------------------------------------------------------------------- */
/* Hide jQuery Migrate Helper notification */
#wp-admin-bar-enable-jquery-migrate-helper {
    display: none;
}
/* -------------------------------------------------------------------- */
/* Admin Bar END */

/* Header START */
/* ========================================================================= */
#wrapper #content-column #header-wrap.scrolling {
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
}

/* Layout for logo, top menu, CTA section */
#wrapper #content-column #header-wrap #header-2,
#wrapper #content-column #header-wrap #header-2-mobile {
    height: 130px;
    padding: 10px;
    background-color: rgba(236,230,218,1);
}

/* Header Content 2 background */
#wrapper #content-column #header-wrap #header-2:before,
#wrapper #content-column #header-wrap #header-2-mobile:before {
    background-color: rgba(236,230,218,1);
    opacity: .5;
    background-image: url(/wp-content/uploads/2022/11/header-bg-1920w.webp);
    background-repeat: repeat;
    background-size: auto;
    background-position: 0 0;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 800px) {
    #wrapper #content-column #header-wrap #header-2,
    #wrapper #content-column #header-wrap #header-2-mobile {
        background-color: #fff;
    }
		
		#wrapper #content-column #header-wrap #header-2::before,
    #wrapper #content-column #header-wrap #header-2-mobile:before {
        display: none;
    }
}

/* Fetch an Appointment widget START */
/* -------------------------------------------------------------------- */
#header-wrap #fetch-an-appointment-widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 280px;
		height: 73px;
}

#header-wrap #fetch-an-appointment-widget #fetch-appt-block-header {
		display: flex;
		flex-wrap: wrap;
}

#header-wrap #fetch-an-appointment-widget div.fetch-an-appt-button a {
    padding: 10px 17px;
    white-space: nowrap;
    max-width: 280px;
    width: 280px;
    line-height: 1.1;
}

@media (max-width: 1050px) {
    #header-wrap #fetch-an-appointment-widget {
        max-width: 280px;
    }
}

@media (max-width: 970px) {
    #header-wrap #fetch-an-appointment-widget {
        max-width: 200px;
    }

    #header-wrap #fetch-an-appointment-widget div.fetch-an-appt-button a {
        max-width: 200px;
        width: 200px;
    }

    #header-wrap #fetch-an-appointment-widget div.fetch-an-appt-button a span strong {
        font-size: 0;
    }

    #header-wrap #fetch-an-appointment-widget div.fetch-an-appt-button a span strong:before {
        font-size: 17px;
        content: 'Fetch Appointment!';
        white-space: pre;
    }
}

@media (max-width: 900px) {
    #header-wrap #fetch-an-appointment-widget {
        max-width: 180px;
    }

    #header-wrap #fetch-an-appointment-widget div.fetch-an-appt-button a {
        max-width: 180px;
        width: 180px;
    }
}

@media (max-width: 800px) {
    #header-wrap #fetch-an-appointment-widget {
        visibility: hidden;
        width: 165px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}

@media (max-width: 600px) {
    #header-wrap #fetch-an-appointment-widget {
        visibility: hidden;
    }
}

@media (max-width: 500px) {
    #header-wrap #fetch-an-appointment-widget {
        display: none;
    }
}
/* -------------------------------------------------------------------- */
/* Fetch an Appointment widget END */


/* Logo START */
/* -------------------------------------------------------------------- */
/* Image container element has bottom margin by default; remove it */
#wrapper #content-column #header-wrap #header-logo-widget div.wp-block-image {
    margin-bottom: 0;
}

/* Set initial logo size */
#wrapper #content-column #header-wrap #header-logo-widget img {
    position: relative;
    width: 165px;
    height: auto;
}

@media (max-width: 930px) {
    #wrapper #content-column #header-wrap #content-column #header-wrap #header-logo-widget figure img {
        padding-right: 10px;
        padding-left: 10px;
    }
}
/* -------------------------------------------------------------------- */
/* Logo END */ 


/* Call Us Today widget START */
/* -------------------------------------------------------------------- */
#wrapper #content-column #header-wrap #call-today-widget {
		display: flex;
		height: 73px;
    max-width: 280px;
}

#wrapper #content-column #header-wrap #call-today-widget div.call-today-button a {
    padding: 10px 17px;
    max-width: 280px;
    width: 280px;
}

@media (max-width: 970px) {
    #wrapper #content-column #header-wrap #call-today-widget {
        max-width: 200px;
    }
		
		#wrapper #content-column #header-wrap #call-today-widget div.call-today-button a {
				max-width: 200px;
				width: 200px;
		}

    #wrapper #content-column #header-wrap #call-today-widget div.call-today-button a span strong {
        font-size: 0;
    }

    #wrapper #content-column #header-wrap #call-today-widget div.call-today-button a span strong:before {
        font-size: 17px;
        content: 'Call Us! 555-555-5555';
        white-space: pre;
    }
}

@media (max-width: 800px) {
    #wrapper #content-column #header-wrap #call-today-widget {
		    height: fit-content;
    }
}

@media (max-width: 600px) {
    #wrapper #content-column #header-wrap #call-today-widget div.call-today-button a {
		    max-width: 150px;
				width: 150px;		
		}				
		
		#wrapper #content-column #header-wrap #call-today-widget div.call-today-button a span strong {
        font-size: 0;
    }

    #wrapper #content-column #header-wrap #call-today-widget div.call-today-button a span strong:before {
        font-size: 17px;
        content: 'Call Today!\a 555-555-5555';
        white-space: pre;
    }		
}		

@media (max-width: 550px) {
    #wrapper #content-column #header-wrap #call-today-widget {
        display: none;
    }
}
/* ========================================================================= */
/* Header END */


/* Top Menu Widget START */
/* -------------------------------------------------------------------- */
#wrapper #content-column #header-wrap #top-menu-widget {
    width: 100%;
		padding: 0;
}

#wrapper #content-column #header-wrap #top-menu-widget a {
    font-size: 16px;
}

@media (max-width: 600px) {
    #wrapper #content-column #header-wrap #top-menu-widget {
        display: none;
    }
}

/* Main menu */
#wrapper #content-column #header-wrap #top-menu-widget ul.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 0;
    background-color: #bcd5e1;
    -webkit-box-shadow: rgb(0 0 0 / 25%) 0 3px 11px 0;
            box-shadow: rgb(0 0 0 / 25%) 0 3px 11px 0;
}

/* All menu items */
#wrapper #content-column #header-wrap #top-menu-widget li.menu-item {
    display: block;
    cursor: pointer;
}

/* All menu items; parent item has caret, needs wider padding */
#wrapper #content-column #header-wrap #top-menu-widget li.menu-item.has-child {
    padding-right: 20px;
    padding-bottom: 2px;
}

/* Top level menu items */
#wrapper #content-column #header-wrap #top-menu-widget li.level0 {
    text-align: left;
    padding: 0;
    margin-right: 25px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.2;
    padding-bottom: 15px;
}

#wrapper #content-column #header-wrap #top-menu-widget li.level0.has-child > a {
    padding-bottom: 30px;
}

/* Top level menu links */
#wrapper #content-column #header-wrap #top-menu-widget li.level0 > a {
    white-space: nowrap;
}

/* Top level menu items, create animated underline element */
#wrapper #content-column #header-wrap #top-menu-widget li.level0:before {
    content: '';
    position: absolute;
    top: -4px;
    padding-top: 20px;
    left: 0;
    width: 0;
    border-bottom: 1px solid rgba(42,81,88,.98);
    padding-bottom: 7px;
    -webkit-transition: .2s;
         -o-transition: .2s;
            transition: .2s;
}

/* Top level menu items, draw underline */
#wrapper #content-column #header-wrap #top-menu-widget li.level0.current-ancestor:before,
#wrapper #content-column #header-wrap #top-menu-widget li.level0.current-parent:before,
#wrapper #content-column #header-wrap #top-menu-widget li.level0.current:before,
#wrapper #content-column #header-wrap #top-menu-widget li.level0:hover:before {
    width: 100%;
}

#wrapper #content-column #header-wrap #top-menu-widget li.level0.has-child > ul.level1 {
    -webkit-transition: all .33s ease-in-out;
         -o-transition: all .33s ease-in-out;
            transition: all .33s ease-in-out;
}

#wrapper #content-column #header-wrap #top-menu-widget li.level0:hover > ul.sub-menu {
    display: block;
}

/* Top level menu items, show submenu on hover */
#wrapper #content-column #header-wrap #top-menu-widget li.level0.has-child:hover > ul.level1 {
    position: absolute;
    display: block;
    margin-top: 7px;
}

#wrapper #content-column #header-wrap #top-menu-widget li.menu-item ul.sub-menu {
    padding-left: 0;
}

/* Top menu item with submenu; down caret */
#wrapper #content-column #header-wrap #top-menu-widget li.menu-item.has-child > a:after {
    display: inline-block;
    font-family: 'icomoon';
    font-size: 16px;
    content: '';
    position: absolute;
    right: -20px;
    top: 0;
    color: black;
    font-weight: normal;
}

/* Menu items with open submenu; change caret */
#wrapper #content-column #header-wrap #top-menu-widget li.level0.has-child:hover > a:after,
#wrapper #content-column #header-wrap #top-menu-widget li:not(.level0).has-child.open > a:after {
    content: '';
}

/* Hide all submenus by default */
#wrapper #content-column #header-wrap #top-menu-widget li.menu-item.has-child > ul.sub-menu {
    display: none;
}

/* Submenu menu items */
#wrapper #content-column #header-wrap #top-menu-widget li.menu-item.has-child > ul.sub-menu li {
    padding: 10px 18px;
    background-color: #faf9f9;
}

/* Submenu menu items, bottom border colore */
#wrapper #content-column #header-wrap #top-menu-widget li.menu-item.has-child > ul.sub-menu li:not(:last-of-type) {
    border-bottom: 1px solid #d1d1d1;
}

/* Submenu menu items with child */
#wrapper #content-column #header-wrap #top-menu-widget li.menu-item.has-child > ul.sub-menu li.has-child {
    padding: 10px 36px 10px 18px;
}

/* Submenu menu items, when opened */
#wrapper #content-column #header-wrap #top-menu-widget li.menu-item.has-child > ul.sub-menu li.has-child.open {
    padding-right: 18px;
}

/* Submenu menu items, when opened with long menu title */
#wrapper #content-column #header-wrap #top-menu-widget li.menu-item.has-child > ul.sub-menu li.long-title.has-child.open {
    padding-right: 36px;
}

/* Submenu links */
#wrapper #content-column #header-wrap #top-menu-widget li:not(.level0).menu-item a {
    white-space: nowrap;
    font-weight: bold;
}

/* Submenu open, hover over parent element */
#wrapper #content-column #header-wrap #top-menu-widget li:not(.level0).menu-item.open:hover > a {
    color: black;
}

/* Submenu item on hover */
#wrapper #content-column #header-wrap #top-menu-widget li:not(.level0).has-child.menu-item:not(.open):hover,
/* element has submenu but is closed */
#wrapper #content-column #header-wrap #top-menu-widget li:not(.level0):not(.has-child).menu-item:hover,
/* element doesn't have submenu */
#wrapper #content-column #header-wrap #top-menu-widget li.menu-item.has-child > ul.sub-menu li.current {
    background-color: #ececec;
}

/* Submenu link on hover */
#wrapper #content-column #header-wrap #top-menu-widget li:not(.level0).has-child.menu-item:not(.open):hover a,
/* element has submenu but is closed */
#wrapper #content-column #header-wrap #top-menu-widget li:not(.level0).has-child.menu-item:not(.open):hover a:after,
/* element has submenu but is closed */
#wrapper #content-column #header-wrap #top-menu-widget li:not(.level0):not(.has-child).menu-item:hover a {
    /* element doesn't have submenu */
    color: #b4172a;
}

/* Submenu links, caret */
#wrapper #content-column #header-wrap #top-menu-widget li.level0 > ul.sub-menu > li.menu-item a:after {
    color: #999;
}

/* Submenu links, caret on hover*/
#wrapper #content-column #header-wrap #top-menu-widget li.level0 > ul.sub-menu > li:not(.has-child).menu-item:hover a:after {
    color: white;
}

@media (max-width: 800px) {
		#wrapper #content-column #header-wrap #header-3 #top-menu-widget {
        display: none;
    }
}
/* -------------------------------------------------------------------- */
/*  Top Menu Widget END */ 

/* Body START */
/* ========================================================================= */
/* Background image */
body.body-wrap #wrapper {
    background-image: url(/wp-content/uploads/2025/08/animal-background.webp);
}

/* ========================================================================= */
/* Body END */

/* Side Menu START */
/* ========================================================================= */
#mobile-menu-column #mobile-menu-bottom #side-menu-social-icons-widget > ul.zoom-social-icons-list {
    margin: 0;
}

#mobile-menu-column #mobile-menu-bottom #side-menu-social-icons-widget  span.socicon {
    border: 2px solid;
}

/* ========================================================================= */
/* Side Menu END */

/* Footer START */
/* ========================================================================= */
#footer-wrap #footer-wrap-content-2 div.footer-row1-wrapper div.wp-block-columns {
    margin-bottom: 0;
}

#footer-wrap #footer-row1-widget div.footer-row1-wrapper > div.gb-inside-container p.come-visit-us-footer {
    margin-top: 0;
    font-weight: bold;
}

/* Little girl with kitten, make sure it doesn't get too small and start rising up on page as it shrinks */
#footer-wrap #footer-wrap-content-2 div.footer-row1-wrapper > div.gb-inside-container div.wp-block-columns > div.wp-container-2 {
    min-width: 240px;
}

#footer-wrap #footer-row1-widget div.footer-row1-wrapper div.little-girl-with-kitten {
    padding-left: 8px;
    margin-bottom: -6px;
}

#footer-wrap #footer-row1-widget div.footer-row1-wrapper div.footer-column1-logo {
    margin-bottom: 5px;
}

#footer-wrap #footer-row1-widget div.footer-row1-wrapper p.visit-us-title,
#footer-wrap #footer-row1-widget div.footer-row1-wrapper p.our-hours-title {
    margin-top: 32px;
    margin-bottom: -10px;
}

#footer-wrap #footer-row1-widget div.footer-row1-wrapper p.our-location,
#footer-wrap #footer-row1-widget div.footer-row1-wrapper p.our-hours {
    font-size: 16px;
}

@media (max-width: 1024px) {
    #wrapper #content-column #footer-wrap div.kb-google-maps-container {
        height: 360px;
    }
}

@media (max-width: 930px) {
    #wrapper #content-column #footer-wrap div.kb-google-maps-container {
        height: 275px;
    }
		
		#footer-wrap #footer-row1-widget div.footer-row1-wrapper span.social-icon {
        font-size: 15px;
    }

    #wrapper #content-column #footer-wrap #footer-wrap-content-3 .inner-column-1 {
        -webkit-flex: 0 1 27%;
                flex: 0 1 27%;
    }

    #wrapper #content-column #footer-wrap #footer-wrap-content-3 .inner-column-2 {
        -webkit-flex: 0 1 30%;
                flex: 0 1 30%;
    }

    #wrapper #content-column #footer-wrap #footer-wrap-content-3 .inner-column-3 {
        -webkit-flex: 0 1 37%;
                flex: 0 1 37%;
    }
}

@media (max-width: 780px) {
    #footer-wrap #footer-3 div.footer-row1-wrapper p.visit-us-title,
    #footer-wrap #footer-3 div.footer-row1-wrapper p.our-hours-title {
        margin-top: 10px;
    }
}

@media (max-width: 550px) {
		#wrapper #content-column #footer-wrap div.kb-google-maps-container {
        height: 480px;
    }

    #wrapper #content-column #footer-wrap div.footer-row1-wrapper > div.gb-inside-container {
        padding: 20px 15px 20px;
    }
		
    #footer-wrap #footer-3 div.footer-row1-wrapper span.social-icon {
        font-size: 24px;
    }

    #footer-wrap #footer-3 p {
        font-size: 18px;
    }
}

@media (max-width: 350px) {
    #footer-wrap #footer-row1-widget div.footer-row1-wrapper p.our-location,
    #footer-wrap #footer-row1-widget div.footer-row1-wrapper p.our-hours {
        font-size: 18px;
    }

    #footer-wrap #footer-wrap-copyright {
        padding: 0;
    }
}

#footer-wrap #footer-copyright-widget {
    padding: 10px 20px;
}

body.body-wrap #branda-cookie-notice {
		z-index: var(--zindex0);
}
/* ========================================================================= */
/* Footer END */


/* Other START */
/* ========================================================================= */

/* Forminator START */
/* -------------------------------------------------------------------- */
form.forminator-ui div.forminator-row div.forminator-field input.forminator-input,
form.forminator-ui select.forminator-select2 + span.forminator-select span.selection > span.select2-selection {
    border: 2px solid #fff;
}

body.body-wrap #wrapper form.forminator-ui div.forminator-row div.forminator-field button.forminator-button-submit {
    border-radius: 100px;
    padding: 10px 20px;
    font-weight: bold;
}
/* -------------------------------------------------------------------- */
/* Forminator END */

.drop-shadow {
    filter: drop-shadow(0px 1px 6px rgba(0, 0, 0, .5));
}

/* Gallery Lightbox START */
/* -------------------------------------------------------------------- */

/* Push gallery lightbox overlay and content forward to avoid images being cut off */
.slbOverlay {
    z-index: var(--zindex0);
}

.slbWrapOuter {
    z-index: var(--zindex0);
}
/* -------------------------------------------------------------------- */
/* Gallery Lightbox END */ 

/* Special Offer pop-up START */
/* -------------------------------------------------------------------- */
.hustle-ui .hustle-info {
    text-align: center;
    width: 100%;
    display: block;
}

.hustle-ui .hustle-button-icon [class*=hustle-icon-] {
    display: block;
    margin: 0 auto;
    font-size: 12px;
    color: #fff;
}

.hustle-ui.module_id_1 .hustle-popup-mask {
    background-color: rgba(51,51,51,.6);
}
/* -------------------------------------------------------------------- */
/* Special Offer pop-up END */ 

/* Google Recaptcha START */
/* -------------------------------------------------------------------- */

/* Class to resize captchas if needed. Add g-recatpcha to Forminator captcha field to use */
@media (max-width: 930px) {
    #rc-imageselect,
    .g-recaptcha {
                transform: scale(.85);
        -webkit-transform: scale(.85);
                transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

@media (max-width: 550px) {
    #rc-imageselect,
    .g-recaptcha {
                transform: none;
        -webkit-transform: none;
                transform-origin: none;
        -webkit-transform-origin: none;
    }
}
/* -------------------------------------------------------------------- */
/* Google Recaptcha END */ 

/* ========================================================================= */
/* Other END */