/**
Theme Name:   Bloop
Theme URI:    https://bloopcom.com/
Author:       Bloopcom
Author URI:   
Description:  Bloop Custom theme based on client Requirements.
Version: 1.0.0
Text Domain: https://bloopcom.com/
**/


/* detail page css */
.resourceBannerImage { margin: 150px 0 0 0; }
.resourceBannerInner { border-radius: 50px; overflow: hidden; height: 70vh; position: relative; }
.resourceBannerInner img {width: 100%;height: 100%;object-fit: 
cover;}
.detailPageContentInner * {color: var(--bs-body-bg);}
.detailPageText { font-size: var(--xNormalFont); }
.detailPageText ul { margin: 0 0 40px 0; }
.detailPageContentInner strong, .detailPageContentInner h3 b { color: var(--colorPrimary); }
.detailPageContent { margin: 100px 0 0 0 }
.recentPost {border-radius: 50px;border: 1px solid #D9D9D9;box-sizing: border-box;padding: 40px;background-color: #fff;backdrop-filter: blur(10px);position: sticky;top: 120px;margin-bottom: 20px;color: var(--bs-black) !important;}
.recentPost ul {padding: 0 0 0 20px;list-style: disc;color: var(--bs-black);}
.recentPost ul li { padding: 4px 0; }
.recentPost ul li a { text-decoration: none; transition: all 0.3s; }
.recentPost ul li a:hover { color: var(--primaryColor); }
.recentPost .titleHeading { color: var(--primaryColor); }
.resourceBannerInner::before { content: 'No Image available'; padding: 0 0 0 0; position: absolute; width: 100%; height: 100%; z-index: -1; display: flex; align-items: center; background-color: var(--bgColor) !important; justify-content: center; font-weight: 900; font-size: var(--normalFont); text-transform: uppercase; color: #aaaaaa; }
table, tr, td { border: 1px solid #D9D9D9; border-collapse: collapse; padding: 10px; }
table { width: 100%; margin: 20px 0 0 0; }
tr:first-child td b { color: var(--primaryColor); font-weight: 600; font-family: var(--fontSecondary); }
@media(max-width:1366px) {
	.resourceCardImage { height: 230px }
}
@media (max-width:1024px) {
	.useCaseBannerInner { width: 70% }
	.resourceCardImage { height: 210px; }
}
@media (max-width:768px) {
	.resourceListInner .filters { border-bottom: 1px solid #ffffff4d; border-right: 0; }
	.resourceListInner .filters ul { display: flex; flex-wrap: wrap; align-items: center; column-gap: 30px; row-gap: 20px; }
	.custom-radio-style-2 { margin: 0 !important; }
	.custom-radio-style-2 label:before { margin-right: 10px; }
	.recentPost { margin: 50px 0 0 0; border-radius: 30px; padding: 30px; }
}
@media (max-width:480px) {
	.resourceBannerInner { border-radius: 20px; }
	.aboutBannerHeading br { display:none;}
	.videoText { right: 0; top: -80px; height: 470px; }
	.scrollImage .scrollImageCircleImage{
		left: 10px;
	}
}

.detailPageContentInner .heading3xl, .detailPageContentInner .heading3xl b, .detailPageContentInner ul li a {
    color: var(--bs-black) !important;
}

li::marker {
    color:var(--bs-black) !important;
}