/*
Theme Name: Fluffy Paw Child
Theme URI: https://themeforest.net/item/fluffypaw-wordpress-theme-for-veterinary-clinic-or-pet-care-center/19291071
Author: mwtemplates
Author URI: https://themeforest.net/user/mwtemplates
Description: Fluffy Paw Blog Theme - clean and simple WordPress blogging theme for for veterinary clinic or pet care center websites.
Version: 1.1.2
Template: fluffy-paw
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags:  left-sidebar, right-sidebar, custom-background, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
*/

/**
 * Note that the previous method was
 * to import the parent theme stylesheet using @import: this is no longer best practice,
 * as it increases the amount of time it takes style sheets to load.
 *
 * See details: https://codex.wordpress.org/Child_Themes#How_to_Create_a_Child_Theme
 *
 * So, don't do that anymore:
 */
/* @import url("../fluffy-paw/style.css"); don't do that! */

/*************** ADD YOUR CUSTOM CSS AFTER THIS LINE  ***************/

:root {
    --main-color: #48A23F;
    --main-color-dark: #33882c;
    --accent-color: #D50032;
}

.main-nav {
    background: var(--main-color);
}

.main-nav .menu>li.active,
.main-nav .menu>li:hover {
    background: var(--main-color-dark);
}

.page-builder .fw-btn,
.theme-button {
    color: var(--main-color);
    border: 2px solid var(--main-color);
}

.page-builder .fw-btn:hover,
.theme-button:hover {
    background: var(--main-color);
}

.bx-wrapper-main .bx-pager .bx-pager-item a {
    border: 2px solid var(--main-color) !important;
}

.paralax .overlay {
    background-color: rgb(72 162 63 / 85%) !important;
}

.fw-icon i,
.recent-posts__date,
.addresses-info p.desc,
.fw-heading .fw-special-subtitle,
.widget-contacts-table li i,
.woocommerce-breadcrumb.breadcrumbs li a,
.breadcrumbs li a,
.post__meta .date,
.post__meta .category a,
.post__wrap .item-title a:hover,
.post-navigation a .meta-nav,
ul>li::before {
    color: var(--main-color) !important;
}

.fw-iconbox:hover .fw-iconbox-title h4 {
    color: var(--main-color) !important;
}

.layout-column .recent-posts__content {
    border: 2px solid rgb(72 162 63 / 30%);
}

.widget-contacts-table li .item-title {
    color: #fff !important;
}

.widget.widget_calendar .calendar__month,
.widget.widget_calendar .calendar_wrap>table>caption,
.fw-accordion .fw-accordion-title.ui-accordion-header.ui-accordion-header-active {
    background-color: var(--main-color);
}

.format-aside .item-title {
    color: var(--accent-color);
}

.post__meta.single-post__meta,
.author-info,
#comments {
    display: none !important;
}

blockquote::before {
    border-left: 5px solid var(--main-color);
}

a {
    color: var(--main-color);
}

.post__meta {
    display: block !important;
    margin-bottom: 1rem !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 1rem !important;
}

h2,
.h2 {
    font-size: 1.827rem !important;
    line-height: 2.375rem !important;
}

b,
strong,
.bold {
    color: #333;
}

.breadcrumbs__wrap {
    padding: .5rem;
}

.breadcrumbs li {
    font-size: 13px;
}

.breadcrumbs li+li:before {
    left: -7px;
}

h1,
.h1 {
    font-size: 2.35rem;
    line-height: 3rem;
}

.post__media .post-thumbnail img {
    width: 100%;
}

.bx-wrapper-main ul li .inner-wrap .fw-special-title {
    color: #fff;
    font-size: 2rem !important;
    text-shadow: 2px 2px 14px black;
}

.bx-wrapper-main ul li .inner-wrap {
    max-width: 45%;
}

.bx-wrapper-main ul li .inner-wrap .fw-desc-row {
    color: #fff;
    background: orange;
    padding: 1rem;
    font-weight: 500;
    font-size: 1.5rem;
    text-align: center;
    margin-left: 1rem;
    transform: rotate(-2deg);
    margin-top: 2rem;
    box-shadow: 2px 0px 17px #4c4c4c;
}

.ti-widget.ti-goog .ti-footer .ti-profile-details .ti-name {
    color: #fff;
    font-size: 1.4rem;
    margin-bottom: .5rem;
}

.ti-widget.ti-goog .ti-rating-text span strong {
    color: #fff !important;
    margin-top: .5rem !important;
    display: block;
}

.ti-widget.ti-goog .ti-footer .ti-profile-img {
    display: none;
}

p {
    color: #333;
    font-weight: 400;
}

.widget_banner .description {
    margin-top: 2rem;
}

.footer .widget-title {
    margin-bottom: 1.5rem !important;
}

.images-full-width img {
    width: 100%;
    height: auto;
}

.featured-menu {
    background: #FFA500;
}

.featured-menu:hover {
    background: #d48a01 !important;
}

.footer .widget-width__side:nth-child(3) .textwidget a {
    background: #FFA500;
    color: #fff;
    padding: .5rem 1rem;
    text-align: center;
    text-transform: uppercase;
    transition: .2s linear;
}

.footer .widget-width__side:nth-child(3) .textwidget a:hover {
    background: #d48a01;
}

.contact-form-section .widget-contacts-table li .item-title {
    color: #000 !important;
}

.contact-form-section .widget-title {
    text-align: left;
    font-size: 1.414rem;
    line-height: 1.1em;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 1rem;
}

.fw-iconbox {
    border: 1px solid #eee;
    padding: 1rem !important;
    min-height: 14rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.fw-iconbox-title {
    display: inline-block !important;
    min-width: 300px;
}

.recent-posts__date {
    margin-bottom: 1rem;
}

.recent-posts__author {
    display: block;
    margin-top: .25rem;
}

ul li,
ol li {
    color: #333;
    font-weight: 400;
}

ol>li::before {
    color: #48A23F;
}

.wp-block-image figcaption {
    margin-top: -1.5rem;
}

.contact-form-section label {
    width: 100%;
}

.mb-1 {
    margin-bottom: 1rem;
}

@media screen and (min-width: 768px) {
    .post-container {
        padding: 2.2em 0;
    }
}

@media screen and (max-width: 992px) {
    .nav-button {
        background-color: #48A23F !important;
    }

    .bx-wrapper-main ul li .inner-wrap .fw-special-title {
        font-size: 1.25rem !important;
        line-height: 1 !important;
    }
}

@media screen and (max-width: 768px) {
    .addresses-info .addresses-item {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    p.desc {
        width: 100% !important;
        text-align: center;
        margin-bottom: 1rem;
    }

    .addresses-info i {
        display: none;
    }

    .fw-iconbox .fw-iconbox-aside {
        width: 100%;
    }

    .page-child .container-fluid.post-container.snone {
        padding: 1rem;
    }

    .post__wrap .entry-content {
        padding: 2rem;
    }

    small {
        font-size: 1rem;
    }

    .entry-content {
        padding: 1rem;
    }
}