/*
 Theme Name:   Vox Populi Child
 Theme URI:    http://vox-populi.bold-themes.com
 Description:  Vox Populi child theme
 Author:       BoldThemes
 Author URI:   http://bold-themes.com
 Template:     vox-populi
 Version:      1.0.0
 Tags:         one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  vox-populi-child
*/


/* Theme customization starts here
-------------------------------------------------------------- */
:root {
	--blue: #006fb6;
	--green: #32ae44;
	--magenta: #e13384;
}
.btSiteFooter {
	& .bt_bb_image {
		& > a {
			border-radius: 15px;
			overflow: hidden; 
			
			& img {
				background: white;
			}
		}
	}	
	
	& .bt_bb_headline_content:after {
		color: var(--green);
	}
}

.btStickyHeaderActive.btTransparentLightHeader .mainHeader {
    background-color: var(--blue) !important;
}
/* .btMainLogo {
	background: white;
    position: fixed;
    width: 200px;
    height: auto;
    border-radius: 0 0 15px 15px;
} */

.btMenuVertical .mainHeader .logo img {
    background: white;
    border-radius: 0 0 15px 15px;
}

.single-post .menuPort nav > ul > li > a,
.home .menuPort nav > ul > li > a {
    color: black;
}

.single-post.btStickyHeaderActive.btStickyHeaderOpen .menuPort nav > ul > li > a,
.home.btStickyHeaderActive.btStickyHeaderOpen .menuPort nav > ul > li > a {
    color: white;
}

.btStickyHeaderActive.btMenuHorizontal .mainHeader .btLogoArea .logo {
    position: absolute;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
	
	& img {
		background: white;
		height: 110px !important;
	}
}

.btMenuVertical.btTransparentLightHeader .mainHeader {
    background-color: var(--blue) !important;
	
	& nav ul li a {
		color: white !important;
	}
}

.btVerticalHeaderTop {
	background: var(--blue) !important;
	
	& .logo {
		background: white !important;
	}
}
#newsletter {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
	margin-top: 24px; 
	
	& > p {
		display: flex;
		flex-direction: row;
		gap: 15px;
	}
	
	& input {
		background: white;
		color: black !important;
	}
	
	& .wpcf7-submit {
		background: var(--blue);
		color: #ffffff !important;
	}
}

@media screen and (max-width: 1024px){
	#newsletter {
		& > p {
			display: flex;
			flex-direction: column;
			gap: 15px;
		}
	}
}

.btSiteFooterCopyMenu { display: none; }

.company-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    aspect-ratio: 1.5;
	
	& img {
		max-height: 110px;
   		max-width: 230px;
	}
}

.bt_bb_card_icon .bt_bb_card_icon_content {
    padding: 2em 0 0 0 !important;
	
	& .bt_bb_card_icon_title {
    	min-height: 120px !important;
		font-size: 20px !important;
    	font-weight: 500 !important;
    	padding: 0 24px !important;
	}
}

.bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_thumbnail {
	height: 280px !important;
}
.bt_bb_grid_item_post_thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.bt_bb_masonry_post_grid .bt_bb_masonry_post_grid_content .bt_bb_grid_item .bt_bb_grid_item_inner .bt_bb_grid_item_post_content .bt_bb_grid_item_post_title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin-bottom: 15px !important;
}

@media screen and (max-width: 1199px){
    .btContentWrap{
        padding-top: 60px !important;
    }

    #homepage-slider-new .bt_bb_image{
        margin: 0;
    }
}