/*
Theme Name: HaveHeart Child
Theme URI: https://haveheart.qodeinteractive.com
Description: A child theme of HaveHeart
Author: Select Themes
Author URI: https://qodeinteractive.com
Version: 1.0.0
Text Domain: haveheart
Template: haveheart
*/

body {
    font-family: "IBM Plex Sans", sans-serif;
}

::selection {
    color: #333;
    background: #bed034;
}

/* Fixing font styles */

#qodef-404-page .qodef-404-subtitle, 
.qodef-blog article.format-link .qodef-e-link-title,
.qodef-blog article.format-quote .qodef-e-quote-author, 
.qodef-section-title .qodef-m-subtitle,
.qodef-team .qodef-m-team-info .qodef-m-position {
    font-family: "IBM Plex Sans", "Noto Sans JP", "Lato", sans-serif; 
    font-size: 16px; 
    color: #333333 !important; 
}

.qodef-blog article .qodef-e-info .qodef-e-info-item.qodef-e-info-category {
    font-family: "IBM Plex Sans", "Noto Sans JP", "Lato", sans-serif; 
    font-size: 14px; 
    color: #333333 !important; 
}

.widget {
    margin: 0px; 
}

.qodef-call-to-action.qodef-layout--standard .qodef-m-content {
    font-family: "EB Garamond", Serif; 
}

.qodef-blog article .qodef-e-info .qodef-e-info-left .qodef-e-info-date,
.qodef-social-share.qodef-layout--dropdown .qodef-social-title,
.qodef-blog article .qodef-e-info .qodef-social-share-dropdown-opener {
    color: #333333; 
    font-family: "IBM Plex Sans", "Noto Sans JP", "Lato", sans-serif; 
    font-size: 11px; 
}

.qodef-m-text {
    font-family: "IBM Plex Sans", "Noto Sans JP", "Lato", sans-serif; 
}

#qodef-page-sidebar .widget .qodef-widget-title {
    color: #333; 
}

#qodef-page-footer .widget a:not(.qodef-icon-holder.qodef-layout--square a) {
    font-size: 15px; 
}

/* prevent theme from using the primary color for link hovers b/c its not accessible. this only works when using !important, which is problematic due to many overrides, so is diabled. will reconsider later*/
.qodef-h1 a:hover, 
h1 a:hover, .qodef-h2 a:hover, 
h2 a:hover, .qodef-h3 a:hover, 
h3 a:hover, .qodef-h4 a:hover, 
h4 a:hover, .qodef-h5 a:hover, 
h5 a:hover, .qodef-h6 a:hover, 
h6 a:hover, a:hover, 
p a:hover, 
#qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle:hover, 
#qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:hover, 
#qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a:hover, 
#qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a:hover, 
#qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li a:hover, 
#qodef-page-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li a:hover, 
#qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle:hover, 
#qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:hover, 
#qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a:hover, 
#qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a:hover, 
#qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li a:hover, 
#qodef-page-mobile-header .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li a:hover, 
#qodef-page-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle:hover, 
#qodef-page-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:hover, 
#qodef-page-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a:hover, 
#qodef-page-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a:hover, 
#qodef-page-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal ul li a:hover, 
#qodef-page-sidebar .widget_icl_lang_sel_widget .wpml-ls-legacy-list-vertical ul li a:hover, 
#qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle:hover, 
#qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:hover, 
#qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a:hover, 
#qodef-page-footer .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a:hover, 
#qodef-side-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-item-toggle:hover, 
#qodef-side-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-item-toggle:hover, 
#qodef-side-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a:hover, 
#qodef-side-area .widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item a:hover, 
/* .qodef-blog article .qodef-e-info .qodef-e-info-item.qodef-e-info-category,  */
.qodef-blog article .qodef-e-info .qodef-e-info-item a:hover, 
/* .qodef-blog article .qodef-e-single-links>span:not(.qodef-e-single-links-title),  */
/* .wp-block-button.is-style-outline .wp-block-button__link,  */
.wp-block-archives li a:hover, 
.wp-block-categories li a:hover, 
.wp-block-latest-posts li a:hover, 
/* .qodef-event-single-item .qodef-event-title-top,  */
/* .qodef-portfolio-single-item .qodef-e-info-category .qodef-e-category,  */
/* .qodef-button.qodef-layout--outlined,  */
.qodef-team .qodef-m-team-info .qodef-m-social-icons-group .qodef-icon-holder, .qodef-text-marquee .qodef-m-content .qodef-m-text--1, .qodef-side-area-opener:hover, 
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a, #qodef-woo-page .qodef-woo-product-list .qodef-woo-product-inner:hover .qodef-woo-product-title, 
.qodef-woo-product-list .qodef-woo-product-inner:hover .qodef-woo-product-title, .widget.woocommerce .button, 
.widget.widget_layered_nav ul li.chosen a, .widget.widget_product_tag_cloud .tagcloud a:hover, 
.widget.widget_products .qodef-woo-product-title a:hover, 
.widget.widget_recently_viewed_products .qodef-woo-product-title a:hover, .widget.widget_top_rated_products .qodef-woo-product-title a:hover, 
.widget.widget_recent_reviews a:hover, 
#qodef-page-footer .widget.widget_layered_nav ul li.chosen a, 
#qodef-page-footer .widget.widget_product_tag_cloud .tagcloud a:hover, 
#qodef-page-footer .widget.widget_products .qodef-woo-product-title a:hover, 
#qodef-page-footer .widget.widget_recently_viewed_products .qodef-woo-product-title a:hover, 
#qodef-page-footer .widget.widget_top_rated_products .qodef-woo-product-title a:hover, 
#qodef-page-footer .widget.widget_recent_reviews a:hover
{
    /* color: #8B9924;  */
}

/* fix back to top hover styles */
@media only screen and (min-width: 1025px) {
    #qodef-back-to-top:hover {
        text-decoration: none; 
    }

    #qodef-back-to-top:hover .qodef-back-to-top-icon {
        background-color: #bed034; 

    }
}

/* fix home 'news' widget meta info styles */
@media only screen and (min-width: 681px) {
    .qodef-blog article .qodef-e-info .qodef-e-info-left, 
    .qodef-blog article .qodef-e-info .qodef-e-info-right {
        width: initial; 
    }
}

/* the following removes animation on "team" images */
.qodef-team.qodef-layout--info-below .qodef-m-image img {
    transition: none; 
}
.qodef-team.qodef-layout--info-below .qodef-m-image {
    transition: none; 
}

@media screen and (max-width: 1199px) and (min-width: 769px) {
    .homepage-triplet-banner img {
        width: 100%; 
        height: 400px; 
    }
}

.qodef-button {
    border-radius: 3px !important; 
}

/* .qodef-button .qodef-m-text{
    color: #333333; 
} */

.qodef-button.qodef-layout--filled.qodef-html--link,
.qodef-button.qodef-layout--filled.qodef-html--link:hover {
    color: #333333; 
}
/* Darkening input fields to make it more accessible (contrast) */

input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], textarea {
    color: #575757; 
    border-color: #bbb; 
}

input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus {
    color: #000; 
    border-color: #333; 
}


/* The Events Calendar Plugin Styles - intended for use with the tribe events basic styles to make modifications */

.tribe-common-c-btn.tribe-events-c-search__button {
    background-color: #555555;
    font-family: "IBM Plex Sans", Arial, sans-serif;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input, 
.tribe-common .tribe-common-form-control-text__input,
.tribe-events .tribe-events-c-view-selector__list-item-text,
.tribe-common .tribe-common-h1,
.tribe-common .tribe-common-h2,
.tribe-common .tribe-common-h3,
.tribe-common .tribe-common-h4,
.tribe-common .tribe-common-h5,
.tribe-common .tribe-common-b2,
.tribe-common .tribe-common-c-btn-border-small,
.tribe-common a.tribe-common-c-btn-border-small,
.tribe-common--breakpoint-full.tribe-events .tribe-events-c-top-bar__datepicker-desktop,
.tribe-common .tribe-common-h7, 
.tribe-common .tribe-common-h8,
.tribe-events-calendar-list__month-separator-text .tribe-common-h7 .tribe-common-h6--min-medium .tribe-common-h--alt, 
.tribe-events-calendar-list__event-date-tag-daynum .tribe-common-h5 .tribe-common-h4--min-medium,
.tribe-events-calendar-list__event-date-tag-weekday,
.tribe-events-calendar-list__event-venue-title .tribe-common-b2--bold,
.tribe-events .tribe-events-calendar-month__calendar-event-datetime {
    font-family: "IBM Plex Sans", Arial, sans-serif;
}

.tribe-common .tribe-common-h6, 
.tribe-events .tribe-events-calendar-list__event-title-link {
    font-family: "Roboto Slab", "IBM Plex Sans", Arial, sans-serif; 
}

.tribe-common .tribe-common-anchor-thin-alt {
    border-bottom: 1px solid #555555; 
}

.tribe-common .tribe-common-h4 {
    color: #333 !important; 
}

.tribe-events-calendar-month__calendar-event-datetime,
.tribe-events-calendar-month__calendar-event-title .tribe-common-h8 .tribe-common-h--alt {
    font-size: 12px !important; 
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 p,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 .tribe-events-calendar-list__event-datetime,
.tribe-events-calendar-list__event-venue-title .tribe-common-b2--bold, 
.tribe-events-calendar-list__event-venue-address{
    font-family: "IBM Plex Sans", Arial, sans-serif !important;
    font-size: 16px !important; 
}

.tribe-common--breakpoint-full.tribe-events .tribe-events-c-top-bar__datepicker-desktop {
    font-size: 20px; 
    font-family: "Roboto Slab", "IBM Plex Sans", Arial, sans-serif; 
}