/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* Header Style */

#hcoc-header .current-menu-item a {
    border-bottom: 1px solid #998725 !important;
}

.pp-advanced-menu .sub-menu > li.menu-item:last-child > a:hover {
    border-radius: 0 0 8px 8px;
}

/* Style */

p:last-child {
    margin-bottom: 0 !important;
}

.fl-page-content a {
    text-decoration: none;
    border-bottom: 1px solid;
}

h3 {
    font-family: poppins;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 2.7rem;
}

.hcoc-okt-badge img {
    transform: scale(0.7) rotate(10deg);
    margin-top: -200px;
}

.hcoc-sidebar {
    z-index: 1;
}

.pp-content-post-grid .hcoc-bus-address p {
    line-height: 1.2 !important;
}
.pp-content-post-grid .hcoc-bus-address {
    margin-bottom: 20px;
}

.hide {
    display: none;
}

.hcoc-bus-cat-link a, .pp-content-post a.pp-post-link, .hcoc-business-link a,.pp-content-grid-post-title a, .pp-content-grid-post-excerpt a, .hcoc-bus-terms a{
    border-bottom: none;
}


/****** Business Directory Grid Styling ******/

.hcoc-bus-address p {
    margin-bottom: 0;
}

.hcoc-bus-address h3 {
    margin-top: 0;
}

.hcoc-bus-terms {
    font-size: 14px;
}

h3.pp-content-grid-post-title {
    margin-bottom: 10px !important;
    color: #89761f !important;
}

.pp-content-grid-post-meta {
    margin-bottom: 10px !important;
    color: #000 !important;
}

.pp-content-grid-post-meta a, .pp-content-grid-post-more-link a{
    color: #000 !important;
    border-bottom: none;
}

.pp-content-grid-post-meta a:hover, .pp-content-grid-post-more-link a:hover{
    color: #998726 !important;
}

.pp-content-grid-post-text {
    padding-bottom: 10px !important;
}

.pp-content-grid-post {
    transition: 0.3s ease;
    border: 1px solid F0EDDF !important;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.05);
}

.pp-content-grid-post:hover {
    transition: 0.3s ease;
    box-shadow: 0 3px 15px 0 rgba(0,0,0,.25);
    border: 1px solid #998726;
}

.pp-content-grid-separator {
    width: 100% !important;
    background: #f0eddf !important;
    margin:20px 0 !important;
}

.pp-content-grid-post-excerpt p {
    margin-bottom: 5px !important;
    line-height: 1.4;
}

.pp-content-grid-post-text h3 a{
    color: #998726 !important;
}

.pp-content-grid-post-text h3 a:hover{
    color: #000 !important;
}

/****** END Business Styling ******/


/****** Event Styling ******/

.hcoc-event-date {
    font-size: 20px !important;
    margin-top: 0 !important;
}

.hcoc-click-card {
    position: relative;
    background: #fff;
    content: '';
}

.event_category-oktoberfest .hcoc-click-card:before {
    content: url('/wp-content/uploads/event-oktoberfest-banner.png');
    position: absolute;
    top: 0;
    left: 0;
}

.hcoc-event-icon:before {
    font-family: dashicons;
    content: "\f508";
    color: #998726;
    margin-right: 5px;
    vertical-align: middle;
}

/****** END Event Styling ******/

/****** Shadows ******/

.fl-col.hcoc-col-box-shadow.right .fl-col-content{
    background: white;
    position: relative;
    margin: -30px 0;
    border-radius: 10px 0 0 10px;
}

.fl-col.hcoc-col-box-shadow.right .fl-col-content:before {
    content: "";
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, #00000060 0%, #fff 70% );
    transform: translate3d(0px, 10px, 0) scale(1.04);
    filter: blur(20px);
}



.fl-col.hcoc-col-box-shadow .fl-col-content .fl-module, .fl-row.hcoc-col-box-shadow.top .fl-row-content-wrap .fl-row-content .fl-module {
    z-index: 1;
}

.fl-row.hcoc-col-box-shadow.top .fl-row-content-wrap:before {
    content: "";
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, #00000060 0%, #fff 40% );
    transform: translate3d(0px, 0px, 0) scale(1.04);
    filter: blur(20px);
}


/****** END Shadows ******/
     

/****** Button Styles ******/
.hcoc-btn .fl-button  {
    box-shadow: 0 14px 15px -10px rgba(0,0,0,.3);
    transition: ease .3s;
    border: none !important;
}

.hcoc-btn .fl-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 20px 15px -6px rgba(0,0,0,.3)!important;
}

/****** END Button Styles ******/

.hcoc-img-gallery .pp-photo-gallery-item img {
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 8px;
}

.hcoc-inst-info .pp-icon-wrapper {
    margin-top: 14px;
}

.hcoc-okt-items .fl-row-content-wrap {
    background-position: 100% 72%;
    background-size: 62%;
}

.hcoc-intro-col {
    background: linear-gradient(to left, #ffffff00 0%, #ffffff98 5%, #fff 100%);
    z-index: 1;
}

.hcoc-bus-col {
    z-index: 1;
}



/****************
Mobile Responsive Styling 
***************************/

/****** Medium Screens ****************************************/

@media screen and (max-width: 1199px) and (min-width: 769px) {
    .hcoc-okt-items .fl-row-content-wrap {
        background-image: none;
    }
    
    .fl-col.hcoc-intro-col {
        width: 100% !important;
    }
    
    .hcoc-intro-col-rt {
        display: none !important;
    }
    
    footer a, p {
        font-size: 14px !important;
    }

    footer a.fl-button {
        font-size: 14px !important;
    }
    
    footer h2 span {
        font-size: 2.5rem;
    }
    /*.fl-row.hcoc-col-box-shadow.top .fl-row-content-wrap:before{*/
    /*    background: none !important;*/
    /*}*/
    
}


/****** Minimum Mediumm Screen ****************************************/

@media screen and (min-width: 769px) {
    .fl-col.hcoc-col-box-shadow.right .fl-col-content::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: inherit;
        border-radius: inherit;
    }

    .fl-row.hcoc-col-box-shadow.top .fl-row-content-wrap::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: inherit;
        border-radius: inherit;
    }
    
}

/****** Max Medium Screens ****************************************/


@media only screen and (max-width: 1199px) {
    
    .hcoc-okt-badge img {
        transform: scale(0.5) rotate(10deg);
        margin-top: -200px;
    }
    
    .hcoc-intro-col {
        max-width: 100%;
    }
    
    .pp-advanced-menu-mobile-toggle {
        justify-content: right !important;
    }
    
    .pp-advanced-menu .menu > li {
        margin-left: 0 !important;
        padding: 4px 30px;
        /*text-align: center;*/
    }
    
    .fl-col.hcoc-col-box-shadow.right .fl-col-content:before, .fl-row.hcoc-col-box-shadow.top .fl-row-content-wrap:before {
        background: none !important;
    }
    
    .pp-advanced-menu .menu > li {
        padding: 0;
    }
    
    .pp-advanced-menu .menu > li a {
        padding: 14px 26px !important;
    }
}

/****** Small Screens ****************************************/

@media only screen and (max-width: 768px) {
    .pp-advanced-menu .menu > li {
        margin-left: 0 !important;
        /*text-align: center;*/
    }
    
    .pp-infobox-icon {
        display: none;
    }
    
    .hcoc-okt-badge img {
        display: none;
    }
    
    .hcoc-okt-items .fl-row-content-wrap {
        background-image: none;
    }
    

    
    
}