/*
Theme Name: Total Child Theme
Theme URI: https://www.harmonyhallculture.com.hk/
Description: Your site description. Go to Appearance > Editor to modify this file.
Author: Your Name
Author URI: https://www.harmonyhallculture.com.hk/
Template: Total
Version: 1.0
*/
#menu-main-menu li.current-menu-item span {
    color: #111;
}
#menu-main-menu li:hover span {
    color: #111;
}
#top-bar {
    justify-content: flex-end;
}

h3.vcex-heading {
    font-size: 4rem;
    margin: 0 0 2rem 0;
}
a.theme-button {
    background-color: #3e3e3e;
    color: #fff;
    padding: 6px 35px;
    font-size: 1.5rem;
    border: 1px solid transparent;
    border-radius: 5px;
    margin-top: 15px;
}
a.theme-button:hover {
    background-color: #fff;
    border: 1px solid #111;
    color: #111;
}
.single-collection #post-media, 
.single-collection ul.meta, 
.single-collection #post-header, 
.single-collection .social-share-title, 
.single-collection .wpex-social-share__list, 
.single-collection .post-pagination-wrap,
.single-collection .sp-buttons {
    display: none;
}
body .wpex-slider-media {
    /* background: #e3e3e3; */
    padding: 30px;
}
body .wpex-slider-media img {
    /* width: auto !important; */
    margin: 0 auto;
}
.wpex-slider .sp-grab, .wpex-slider .sp-grabbing {
    margin: auto;
}

.sp-thumbnail-container {
    border: 1px solid #eee;
}
#footer-widgets p {
    margin-bottom: 5px;
}
#footer-widgets li {
    padding: 0.2rem 0;
}
.footer-widget {
    padding-bottom: 20px;
}
.wpex-social-btn-black, .wpex-social-btn-black-ch {
    background: #3e3e3e;
}
.entry-excerpt {
    font-size: 14px;
}
.entry-excerpt .term {
    padding: 2px 10px;
    border: 1px solid #eee;
    margin-right: 4px;
}

.load-more-container {
    text-align: center;
}
.custom-load-more {
    border: 1px solid #000;
}
.custom-load-more:hover {
    color: #111;
    background: transparent;
}
.vc_gitem-animated-block {
    overflow: hidden;
}
.custom-grid {
    transition: transform 0.3s ease;
}
.custom-grid:hover {
    transform: scale(1.2);
}
.custom-grid:hover:before {
    background-color: #000;
    opacity: 0.6;
}
.custom-grid a.vc_btn3 {
    opacity: 0;
    padding: 10px 40px !important;
}
.custom-grid a.vc_btn3:hover {
    background: #fff;
    color: #111;
}
.custom-grid:hover a.vc_btn3 {
    transform: scale(0.85);
    animation: appear 0.5s forwards;
    
}
.custom-grid .vc_custom_heading h4 {
    font-size: 17px;
}
.custom-grid .vc_custom_heading p {
    font-size: 14px;
}

.vc_grid-filter-item {
    margin: 0 5px !important;
    padding: 6px 35px !important;
}
.vc_grid-filter-item:hover {
    border: 1px solid #000 !important;
    background-color: #fff !important;
}

.vc_btn3-container.vc_grid-btn-load_more.vc_btn3-inline a, a.vc_general.vc_btn3 {
    background-color: #3e3e3e;
    color: #fff;
    padding: 10px 35px;
    font-size: 1.5rem;
    border: 1px solid transparent;
    border-radius: 5px;
    text-transform: capitalize;
}
.vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-blue:focus, .vc_btn3.vc_btn3-color-blue:hover {
    background-color: #3e3e3e;
    color: #fff;
}
.vc_btn3-container.vc_grid-btn-load_more.vc_btn3-inline a:hover {
    background-color: #fff;
    border: 1px solid #111;
    color: #111;
}


@keyframes appear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}