/*
 Theme Name: Hongo Child
 Theme URI: http://hongo.themezaa.com
 Description: Child theme for Hongo theme
 Version: 1.0
 Author: ThemeZaa
 Author URI: https://www.themezaa.com
 Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, flexible-header, flexible-footer, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce
 License: Themeforest Split Licence
 License URI: https://themeforest.net/licenses
 Template: hongo
 Text Domain: hongo-child
*/

.bid-header-rc > .vc_column-inner > .wpb_wrapper
{
    display         : flex;
    flex-direction  : row;
    justify-content : flex-end;
    align-items     : center;
}

.bid-header-rc .hongo-navigation-main-wrapper
{
    margin-right : 25px;
}

.bid-header-rc a.header-search-form
{
    font-size : 16px !important;
}

@media (max-width : 767px)
{
    .bid-header-lc > .vc_column-inner > .wpb_wrapper
    {
        display         : flex;
        justify-content : center;
    }

    .bid-header-rc > .vc_column-inner > .wpb_wrapper
    {
        justify-content : center;
    }
}

.bid-sh-container
{
    display     : flex;
    height      : 90px;
    padding     : 0 38px;
    align-items : center;
}

.bid-sh-col.-center
{
    flex      : 0 0 245px;
    max-width : 245px;
}

.bid-sh-col.-left,
.bid-sh-col.-right
{
    flex-basis : 0;
    flex-grow  : 1;
    max-width  : calc(100% - 255px / 2);
}

.bid-sh-col.-right
{
    display         : flex;
    justify-content : flex-end;
    align-items     : center;
}

.bid-sh-socials
{
    display    : flex;
    list-style : none;
    padding    : 0;
    margin     : 0;
}

.bid-sh-socials > li:not(:last-child)
{
    margin-right : 15px;
}

.bid-sh-socials > li > a
{
    font-size : 30px;
    color     : #fff;
}

.bid-sh-socials > li > a:hover
{
    color : #962d87;
}

.bid-sh-search,
.bid-sh-nav
{
    padding-right : 80px;
}

.bid-sh-search a.header-search-form
{
    position  : relative;
    top       : 4px;
    font-size : 30px;
    color     : #fff;
}

.bid-sh-nav-pp-open
{
    background : transparent;
    border     : none;
    outline    : none;
    font-size  : 40px;
    color      : #fff;
}

.bid-sh-search a.header-search-form:hover,
.bid-sh-nav-pp-open:hover
{
    color  : #962d87;
    cursor : pointer;
}

.bid-sh-nav-pp
{
    position   : fixed;
    top        : 0;
    left       : 0;
    display    : none;
    width      : 100%;
    height     : 100%;
    background : rgba(255, 255, 255, .96);
    z-index    : 9999;
}

.bid-sh-nav-pp-content
{
    display         : flex;
    justify-content : center;
    align-items     : center;
    min-width       : 100%;
    min-height      : 100%;
}

.bid-sh-nav-pp-close
{
    position   : absolute;
    top        : 35px;
    right      : 15px;
    display    : inline-block;
    background : transparent;
    border     : none;
    outline    : none;
    font-size  : 32px;
}

.bid-sh-nav-menu
{
    list-style : none;
    margin     : 0;
    padding    : 0;
    text-align : center;
}

.bid-sh-nav-menu > li
{
    display : block;
}

.bid-sh-nav-menu > li:not(:last-child)
{
    margin-bottom : 20px;
}

.bid-sh-nav-menu > li > a
{
    font-size      : 20px;
    font-weight    : bold;
    text-transform : uppercase;
}

.bid-sh-nav-menu > li > a:hover
{
    color           : #962d87;
    text-decoration : underline;
}

.bid-sh-resources > a
{
    display        : flex;
    height         : 38px;
    padding        : 0 25px;
    background     : #962d87;
    border         : 3px solid #962d87;
    align-items    : center;
    font-size      : 16px;
    color          : #fff;
    text-transform : uppercase;
}

.bid-sh-resources > a:hover
{
    background : #89277b;
    border     : 3px solid #89277b;
}

.bs-pt-header
{
    display         : flex;
    justify-content : center;
    align-items     : center;
    min-height      : 485px;
    background      : url("assets/images/header-bg.jpg") no-repeat center top;
    background-size : cover;
}

.bs-pt-header-title
{
    margin      : 0;
    font-size   : 40px;
    font-weight : bold;
    color       : #fff;
}

.bs-pt-categories
{
    margin-top : -60px;
    padding    : 60px 45px 40px;
    background : #962d87;
    color      : #fff;
}

.bs-pt-categories-title
{
    font-size : 40px;
}

.bs-pt-categories-list
{
    display    : flex;
    flex-wrap  : wrap;
    margin-top : 60px;
}

.bs-pt-categories-item
{
    display         : flex;
    flex-basis      : 0;
    flex-grow       : 1;
    max-width       : 100%;
    padding-bottom  : 10px;
    margin-bottom   : 20px;
    justify-content : center;
    color           : #fff;
    border-bottom   : 3px solid transparent;
}

.bs-pt-categories-item:hover,
.bs-pt-categories-item:focus,
.bs-pt-categories-item.-active
{
    color        : #dcc165;
    border-color : #dcc165;
}

.bs-pt-categories-item-icon
{
    padding-right : 15px;
    margin-right  : 15px;
    font-size     : 60px;
    border-right  : 1px solid #fff;
}

.bs-pt-categories-item:hover .bs-pt-categories-item-icon,
.bs-pt-categories-item:focus .bs-pt-categories-item-icon,
.bs-pt-categories-item.-active .bs-pt-categories-item-icon
{
    border-color : #dcc165;
}

.bs-pt-categories-item-count
{
    font-size   : 44px;
    line-height : 1;
    font-weight : bold;
}

.bs-pt-categories-item-name
{
    font-size   : 20px;
    line-height : 1;
}

.bs-pt-categories-search
{
    display     : flex;
    margin-top  : 20px;
    padding-top : 40px;
    border-top  : 1px solid #fff;
}

.bs-pt-categories-search-label
{
    display     : flex;
    flex-basis  : 0;
    flex-grow   : 1;
    max-width   : 100%;
    margin      : 0;
    align-items : center;
    font-size   : 25px;
    color       : #fff;
}

.bs-pt-categories-search-form
{
    display   : flex;
    flex      : 0 0 auto;
    width     : auto;
    max-width : 100%;
}

.bs-pt-categories-search-form > input
{
    display   : inline-block;
    min-width : 400px;
    height    : 44px;
    margin    : 0 20px 0 0;
    padding   : 0 20px;
    font-size : 16px;
}

.bs-pt-categories-search-form > input::-webkit-input-placeholder,
.bs-pt-categories-search-form > input::placeholder
{
    color : #962d87;
}

.bs-pt-categories-search-form > button
{
    display        : inline-block;
    height         : 44px;
    padding        : 0 25px;
    background     : transparent;
    border         : 3px solid #fff;
    outline        : none;
    font-size      : 16px;
    text-transform : uppercase;
    white-space    : nowrap;
}

.bs-pt-categories-search-form > button:hover
{
    color        : #dcc165;
    border-color : #dcc165;
}

.bs-pt-subcategories
{
    display        : flex;
    margin-top     : 30px;
    padding-bottom : 30px;
    border-bottom  : 1px solid #424242;
}

.bs-pt-subcategories-label
{
    display     : flex;
    align-items : center;
    flex        : 0 0 auto;
    width       : auto;
    max-width   : 100%;
    margin      : 0 20px 0 0;
    font-size   : 20px;
    font-weight : bold;
}

.bs-pt-subcategories-selector > select
{
    margin     : 0;
    padding    : 0 20px;
    min-width  : 400px;
    height     : 44px;
    background : #fff;
    border     : 1px solid #424242;
    font-size  : 16px;
    color      : #424242;
}

.bs-pt-list
{
    margin : 30px 0;
}

.bs-pt-list-pagination
{
    text-align : center;
}

.bs-pt-list-pagination .pagination
{
    margin : 0;
}

.bs-pt-list-empty
{
    text-align : center;
}

.bs-pt-item
{
    display         : flex;
    width           : 100%;
    min-height      : 345px;
    margin-bottom   : 30px;
    background      : url('https://www.discovernorthampton.co.uk/wp-content/uploads/2020/06/business-item-bg.jpg') no-repeat center center;
    background-size : cover;
}

.bs-pt-item-inner
{
    flex-basis       : 0;
    flex-grow        : 1;
    padding          : 30px;
    min-height		 : 450px;
    background-color : rgba(255, 255, 255, .9);
}

.bs-pt-item-category
{
    display        : inline-flex;
    min-height     : 30px;
    padding        : 0 10px;
    align-items    : center;
    background     : #dcc165;
    font-size      : 16px;
    color          : #424242;
    text-transform : uppercase;
}

.bs-pt-item-name
{
    margin      : 25px 0 0;
    font-size   : 25px;
    font-weight : bold;
}

.bs-pt-item-desc
{
    margin-top  : 25px;
    font-size   : 20px;
    font-weight : 300;
    color       : #424242;
}
.bs-pt-item-addr
{
    margin-top  : 25px;
    font-size   : 20px;
    font-weight : 300;
    color       : #424242;
}

.bs-pt-item-web,
.bs-pt-item-phone
{
    margin-top : 20px;
    word-break: break-all;
}

.bs-pt-item-web > a,
.bs-pt-item-phone > a
{
    font-size : 18px;
}

.bs-pt-item-web > a
{
    text-decoration : underline;
}

.bs-pt-item-web > a:not(:hover),
.bs-pt-item-phone > a:not(:hover)
{
    color : #424242;
}

.custom_fields label{ width:100%!important;}

@media all and (max-width : 767px)
{
    .bs-pt-categories-title
    {
        font-size : 26px;
    }

    .bs-pt-categories-search-form
    {
        flex-wrap : wrap;
    }

    .bs-pt-categories-search-form > input
    {
        margin-right : 0;
    }

    .bs-pt-categories-search-form > button
    {
        flex       : 0 0 100%;
        max-width  : 100%;
        margin-top : 15px;
    }

    .bs-pt-subcategories-selector,
    .bs-pt-subcategories-selector > select
    {
        min-width : auto;
        flex-grow : 1;
    }
}

h3{ line-height: 1.1;}

@media all and (max-width : 991px)
{
    .bs-pt-header-title
    {
        padding   : 0 15px;
        font-size : 25px;
    }

    .bs-pt-categories-item
    {
        flex            : 0 0 50%;
        max-width       : 50%;
        justify-content : flex-start;
    }

    .bs-pt-categories-item-icon
    {
        min-width : 90px;
    }

    .bs-pt-categories-search
    {
        flex-wrap : wrap;
    }

    .bs-pt-categories-search-label
    {
        flex          : 0 0 100%;
        max-width     : 100%;
        margin-bottom : 15px;
    }

    .bs-pt-categories-search-form
    {
        flex-grow : 1;
    }

    .bs-pt-categories-search-form > input
    {
        min-width : auto;
    }
}

@media all and (min-width: 993px) and (max-width: 1250px) {
    header .nav>li>a{ padding: 25px 8px;}
}

@media all and (min-width : 768px) and (max-width : 991px)
{
    .bs-pt-categories-title
    {
        font-size : 32px;
    }
}

@media all and (max-width : 600px)
{
    .bs-pt-categories-item
    {
        flex            : 0 0 100%;
        max-width       : 100%;
        justify-content : center;
    }
}

@media all and (max-width: 576px)
{
    .site-header .bid-header-lc > .vc_column-inner > .wpb_wrapper{ width: 200px; }
    .site-header .bid-header-rc .hongo-navigation-main-wrapper{    position: absolute; right: 40px;top: 30px; }
    .site-header .hongo-widgtes-sidebar.alt-font{     width: 100%;text-align: center;}
    .site-header .widget_hongo_search_widget{     position: absolute;right: 20px;top: 9px; }
    .site-header .widget_custom_html{ width: 100%;margin: 0;margin-bottom: 10px;}
    .site-header .button{ width: 100%;margin-left: 0;}
    .site-header .navbar-collapse.collapse{     height: auto!important;width: 100%;margin: 0;position: fixed;top: 130px;left: 0; }
    /*top: 82px*/
    .site-header .navbar-collapse.collapsing{  height: auto!important;width: 100%;margin: 0;position: fixed;top: 130px;left: 0; }
}

/**
Task 20231114 - https://app.clickup.com/t/4591583/DEV-12492
 */

/* Move social icons */

.social-preheader {
    float: right;
    margin-left: 24px;
    margin-right: auto;
}

/* adjust buttons in preheader section */

.btn-preheader {
    padding: 13px 28px;
    font-size: 24px;
    text-decoration: auto;
}

/* adjust buttons in preheader section */

.btn-preheader-business {
    padding: 13px 28px;
    font-size: 24px;
    text-decoration: auto;
}

/* Ensure correct alignment for button in preheader */

.right-align-button {
    text-align: right;
}

/* preheader button style */

.discover-preheader {
    background-color: #2c2c2c !important;
}

/* preheader button style */

.preheader-business {
    border-bottom: 6px solid #dcdcdc;
}

/* preheader button style */

.preheader-business .btn-preheader-business {
    background-color: #dcdcdc;
}

/* preheader link hover style */

.menu-hover-line-preheader:hover {
    color:#000000;
}

/* preheader button size adjust for tablet display */

@media  only screen and ( max-width:680px) {
    .menu-hover-line-preheader {
        font-size: 14px;
        padding: 5px;
    }
}

/* preheader button size and position for mobile display */

@media  only screen and ( max-width:576px) {

    /* hide social icons on mobile */
    .social-preheader {
        display: none;
    }

    /* display for mobile avoid stacking */

    header .widget {
        display: block;
    }

    /* spacing of preheader button mobile */

    .vc_custom_1698164528834 #block-2 {
        margin-left: 0px !important;
    }

    /* spacing of preheader button mobile */

    .vc_custom_1698164528834  .vc_column_container>.vc_column-inner {
        padding-left: 0px;
        padding-right: 0px;
    }

    /* preheader button size for mobile display */

    .menu-hover-line-preheader {
        font-size: 14px;
        padding: 5px;
    }

    /* display for mobile avoid stacking */

    #block-2 a {
        display: inline-block;
        width: 48%;
    }

    /* preheader button size for mobile display */

    .btn-preheader  {
        padding: 12px 2px;
    }

    /* preheader button size and position for mobile display */

    .btn-preheader-business {
        padding: 12px 2px;
        position: relative;
        left: 2px;
    }

    /* alignment of preheader buttons mobile */

    .site-header .hongo-widgtes-sidebar.alt-font {
        text-align: left;
    }

}

/**
END OF
Task 20231114 - https://app.clickup.com/t/4591583/DEV-12492
 */

.hongo-social-links--custom ul {display: flex; align-items: center;}
.hongo-social-links--custom ul li a {color: #fff;}
.hongo-social-links--custom ul li a.twitter {display: flex; align-items: center;}
.hongo-social-links--custom ul li a.twitter svg {fill: #fff!important; transition: all 0.2s ease-in-out;}
.hongo-social-links--custom ul li a.twitter:hover svg {fill: #00aced!important;}