/*
 Theme Name:   Campo Child
 Theme URI:    https://themeforest.net/item/campo-sport-club-and-team-wordpress-theme/42906867
 Description:  WordPress theme designed for sport clubs, sport teams and local sport leagues taking into consideration their needs and needs of their fans and other interest groups. It is fully responsive, retina ready and easy to customize.
 Author:       BoldThemes
 Author URI:   https://bold-themes.com
 Template:     campo
 Version:      1.1.0
*/

@import url("../campo/style.css");

/**
* Header Banner Styles
*/
.snapbat_page_header{
    background-color: black !important;
    padding-bottom: 0 !important;
    padding-top: 120px !important;
    padding-bottom:0 !important;
    max-height: 610px;
}
.snapbat_page_header .snapbat_header_inner{
    max-width: calc(1620px + var(--content-padding)*2) !important;
    padding:0 !important;
    margin-right:0 !important;
}
.snapbat_custom_header{
    display:flex;
    justify-content: flex-start;
    align-items: center;
    /* min-height: 550px; */
}
.snapbat_custom_header .snapbat_custom_column{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height:100%;
}
.snapbat_custom_header .snapbat_custom_column.left_side_column{
    /* padding-left: 274px; */
    padding-right: 60px;
    padding-left: 40px;
    width: 48%;
}
.snapbat_custom_header .snapbat_custom_column.right_side_column{
    width: 62%;
}
.snapbat_custom_header .snapbat_custom_column.left_side_column .page-title{
    font-size: 60px;
    line-height:1.5;
}
.snapbat_custom_header .snapbat_custom_column.right_side_column .snapbat_banner_image img{
    object-fit: cover;
}

/*
* Video Landing Pages Posts Styles
*/
#portfolio_slider_posts .bt_bb_post_slider_item{
    padding: 0 0.62em;
}
#gallery_videos_page_posts .bt_bb_grid_item_inner,
#portfolio_slider_posts .bt_bb_post_slider_item_inner{
    border: 6px solid #dbc179;
}

#portfolio_slider_posts .bt_bb_post_slider_item_inner{
    margin-bottom:1px;
}

#gallery_videos_page_posts .bt_bb_grid_item_post_thumbnail,
#portfolio_slider_posts .bt_bb_post_slider_item_inner .bt_bb_post_slider_item_image{
    border-bottom: 1px solid #dbc179;
}

#portfolio_slider_posts .bt_bb_post_slider_item_inner .bt_bb_post_slider_item_image,
#portfolio_slider_posts .bt_bb_post_slider_item_inner .bt_bb_post_slider_item_image a,
#portfolio_slider_posts .bt_bb_post_slider_item_inner .bt_bb_post_slider_item_image img{
    border-radius: 0;
}

#gallery_videos_page_posts .bt_bb_grid_item_post_thumbnail a,
#portfolio_slider_posts .bt_bb_post_slider_item_inner .bt_bb_post_slider_item_image a{
    margin-right:-1px;
}

#gallery_videos_page_posts .bt_bb_grid_item_inner:hover{
    box-shadow: 0 0 20px 10px rgba(0,0,0,0.05);
}

#gallery_videos_page_posts .bt_bb_grid_item_inner .bt_bb_grid_item_post_content,
#portfolio_slider_posts .bt_bb_post_slider_item_inner .bt_bb_post_slider_item_content{
    background-color: #000;
    text-align: center;
}

#portfolio_slider_posts .bt_bb_post_slider_item_inner .bt_bb_post_slider_item_content{
    min-height:117px;
    padding-top:0;
    margin-bottom: -1px;
}

#gallery_videos_page_posts .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta,
#portfolio_slider_posts .bt_bb_post_slider_item_inner .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta{
    text-align: left;
    z-index: 1;
    margin-top: -59px;
    padding-left: 10px;
    background-color: rgba(0,0,0,0.5);
    padding-top: 5px;
}

#portfolio_slider_posts .bt_bb_post_slider_item_inner .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta{
    margin-top: -31px;
}

#portfolio_slider_posts .bt_bb_post_slider_item_inner .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta{
    z-index: 2;
}

#gallery_videos_page_posts .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_meta a,
#portfolio_slider_posts .bt_bb_post_slider_item_inner .bt_bb_post_slider_item_content .bt_bb_post_slider_item_meta a{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    pointer-events: none;
}

#gallery_videos_page_posts .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title,
#portfolio_slider_posts .bt_bb_post_slider_item_inner .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title{
    color: #dbc179;
    font-size: 25px;
    padding-left: 10px;
    padding-right: 10px;
}

#portfolio_slider_posts .bt_bb_post_slider_item_inner .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title{
    margin-bottom: 0;
}

#gallery_videos_page_posts .bt_bb_grid_item_inner:hover .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title,
#portfolio_slider_posts .bt_bb_post_slider_item_inner:hover .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title{
    color: #ffffff;
    opacity:1;
}

#gallery_videos_page_posts .bt_bb_grid_item_inner:hover .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title a,
#portfolio_slider_posts .bt_bb_post_slider_item_inner:hover .bt_bb_post_slider_item_content .bt_bb_post_slider_item_title a{
    opacity:1;
}

#portfolio_slider_posts .slick-dots{
    display:none !important;
}

#portfolio_slider_posts .slick-dots li{
    margin:0 0.5em !important;
}

/*
* Home Latest News Posts
*/
#home_latest_news_posts .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content .bt_bb_latest_posts_item_title{
    margin-bottom: 1em;
}

/*
* Contact Form Styles
*/
#snapbat_contact_form textarea{
    height: 8em;
}

#snapbat_contact_form input[type="submit"]{
    margin:0 auto;
    padding:1.3055em 2.27em;
    border-radius:50px;
}

#snapbat_contact_form input,
#snapbat_contact_form textarea{
    border-radius: 0;
}

/*
* Single Portfolio Styles
*/
.single article.post .entry-content,
.single article.portfolio .entry-content{
    margin-bottom:0;
}

.single article.post .entry-footer,
.single article.portfolio .entry-footer{
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

/*
* Blog Landing page Styles
*/
body.sidebar-position-left .site-content, body.sidebar-position-right .site-content, body.single-post .site-content, body.single-portfolio .site-content, body.single-product .site-content, body.blog .site-content, body.archive .site-content, body.post-type-archive .site-content, body.search-results .site-content{
    margin-top:8em;
    margin-bottom:8em;
}

.blog.blog-list-view-columns .site-content,
.post-type-archive-portfolio.pf-list-view-columns .site-content{
    margin-bottom: 3em;
}

.blog.blog-list-view-columns article,
.post-type-archive-portfolio.pf-list-view-columns article{
    background: #f1f1f1;
    outline: 6px solid #dbc179;
    outline-offset: 10px;
}

.blog.blog-list-view-columns article .article-media,
.post-type-archive-portfolio.pf-list-view-columns article .article-media{
    padding-left: 0;
}

.blog.blog-list-view-columns article .article-inner,
.post-type-archive-portfolio.pf-list-view-columns article .article-inner{
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
}

.blog.blog-list-view-columns article .article-inner .entry-header .entry-title:hover a,
.post-type-archive-portfolio.pf-list-view-columns article .article-inner .entry-header .entry-title:hover a{
    color: #dbc179;
}

.blog.blog-list-view-columns article .article-inner .entry-footer .entry-meta .share-options .bt_bb_icon.bt_bb_style_filled .bt_bb_icon_holder:hover::before,
.post-type-archive-portfolio.pf-list-view-columns article .article-inner .entry-footer .entry-meta .share-options .bt_bb_icon.bt_bb_style_filled .bt_bb_icon_holder:hover::before{
    color: #ffffff;
    box-shadow: 0 0 0 2px #dbc179 inset;
    background-color: #dbc179;
}

.blog.blog-list-view-columns article .article-inner .entry-footer,
.post-type-archive-portfolio.pf-list-view-columns article .article-inner .entry-footer{
    flex-direction: column-reverse;
}

.blog.blog-list-view-columns article .article-inner .entry-footer .entry-meta,
.post-type-archive-portfolio.pf-list-view-columns article .article-inner .entry-footer .entry-meta{
    margin-bottom:0;
    margin-top: 20px;
    position: absolute;
    bottom: 10px;
}

.blog.blog-list-view-columns article .article-inner .entry-footer .read-more a,
.post-type-archive-portfolio.pf-list-view-columns article .article-inner .entry-footer .read-more a{
    letter-spacing: 0.8px;
}

.blog.blog-list-view-columns article .article-inner .entry-footer .read-more a:hover,
.post-type-archive-portfolio.pf-list-view-columns article .article-inner .entry-footer .read-more a:hover{
    box-shadow:none;
}

.blog.blog-list-view-columns article .article-inner .entry-footer .read-more:hover a,
.blog.blog-list-view-columns article .article-inner .entry-footer .read-more:hover a span.bt_bb_icon_holder,
.post-type-archive-portfolio.pf-list-view-columns article .article-inner .entry-footer .read-more:hover a,
.post-type-archive-portfolio.pf-list-view-columns article .article-inner .entry-footer .read-more:hover a span.bt_bb_icon_holder{
    color: #000000;
}

@media(max-width: 1400px){
    .snapbat_page_header{
        padding-top:0 !important;
    }
    .snapbat_page_header .snapbat_header_inner{
        padding-top: 20px !important;
    }
    .snapbat_custom_header .snapbat_custom_column.left_side_column{
        width:50%;
    }
    .snapbat_custom_header .snapbat_custom_column.right_side_column{
        width: 50%;
    }
    #portfolio_slider_posts .slick-dots{
        display:block !important;
    }
    .blog.blog-list-view-columns .site-content,
    .post-type-archive-portfolio.pf-list-view-columns .site-content{
        padding-left: 40px !important;
    }
}

@media(max-width: 1300px){
    .blog.blog-list-view-columns article .article-inner,
    .post-type-archive-portfolio.pf-list-view-columns article .article-inner{
        padding-top: 20px;
        padding-bottom:0;
    }
}

@media(max-width: 1200px){
    .snapbat_custom_header .snapbat_custom_column.left_side_column .page-title,
    .pages_banner_heading h1{
        font-size: 50px !important;
    }
    .snapbat_page_header .snapbat_header_inner{
        padding-top:0 !important;
    }
}

@media(max-width: 1024px){
    .blog.blog-list-view-columns .site-content,
    .post-type-archive-portfolio.pf-list-view-columns .site-content{
        padding-right: 40px !important;
    }
}

@media(max-width: 992px){
    body.sidebar-position-left .site-content, body.sidebar-position-right .site-content, body.single-post .site-content, body.single-portfolio .site-content, body.single-product .site-content, body.blog .site-content, body.archive .site-content, body.post-type-archive .site-content, body.search-results .site-content{
        margin-top:4em;
        margin-bottom:4em;
    }    
    .bt-sidebar-responsive-active .site-content .widget-area{
        padding-top:0;
        padding-bottom: 10px;
    }
}

@media(max-width: 768px){
    .snapbat_custom_header .snapbat_custom_column.right_side_column{
        display: none;
        padding-right: 25px;
    }
    .snapbat_custom_header .snapbat_custom_column.left_side_column{
        width: 100%;
        padding-left: 25px;
    }
    .snapbat_page_header,
    .snapbat_page_header .snapbat_header_inner,
    .snapbat_custom_header .snapbat_custom_column{
        min-height: 250px;
    }
    #portfolio_slider_posts .bt_bb_post_slider_item_inner .bt_bb_post_slider_item_content{
        padding:0 !important;
    }
    .blog.blog-list-view-columns article,
    .post-type-archive-portfolio.pf-list-view-columns article{
        outline: none;
    }
    .blog.blog-list-view-columns article .article-media,
    .post-type-archive-portfolio.pf-list-view-columns article .article-media{
        padding-top: 0;
    }
    .blog.blog-list-view-columns article .article-inner,
    .post-type-archive-portfolio.pf-list-view-columns article .article-inner{
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 40px;
    }
    .blog.blog-list-view-columns article .article-inner .entry-footer,
    .post-type-archive-portfolio.pf-list-view-columns article .article-inner .entry-footer{
        flex-direction: row;
        align-items: center;
    }
    .blog.blog-list-view-columns article .article-inner .entry-footer .entry-meta,
    .post-type-archive-portfolio.pf-list-view-columns article .article-inner .entry-footer .entry-meta{
        position:unset;
        margin-bottom:0;
        margin-top:0;
    }
    .blog.blog-list-view-columns article .article-inner .entry-footer .read-more,
    .post-type-archive-portfolio.pf-list-view-columns article .article-inner .entry-footer .read-more{
        justify-content: flex-end;
    }
    /* .pages_banner_heading::before{
        left: 0.5rem !important;
        width: 0.5rem !important;
    } */
}

@media(max-width: 576px){
    .snapbat_custom_header .snapbat_custom_column.left_side_column .page-title,
    .pages_banner_heading h1{
        font-size: 40px !important;
    }
    .blog.blog-list-view-columns article .article-inner .entry-footer,
    .post-type-archive-portfolio.pf-list-view-columns article .article-inner .entry-footer{
        flex-direction: column;
        align-items: flex-start;
    }
    .blog.blog-list-view-columns article .article-inner .entry-footer .entry-meta,
    .post-type-archive-portfolio.pf-list-view-columns article .article-inner .entry-footer .entry-meta{
        position: absolute;
    }
    .blog.blog-list-view-columns article .article-inner .entry-footer .read-more,
    .post-type-archive-portfolio.pf-list-view-columns article .article-inner .entry-footer .read-more{
        justify-content: flex-start;
        margin-bottom: 30px;
    }
}