/*
Theme Name: Tabula Child
Theme URI: http://tabula.bold-themes.com
Description: Tabula Child Theme
Author: Shahidul Islam
Author URI: https://github.com/devShahidul
Template: tabula
Version: 1.0.0
Text Domain: tabula-child
*/

@property --theme-color-green {
  syntax: "<color>";
  inherits: false;
  initial-value: #02373b;
}


:root {
	--theme-color-green: #02373b;
}

/* Header style */

@media screen and (min-width: 75.0125rem) {
  .btMenuHorizontal .menuPort > nav > ul > li {
    padding: 0 30px 0 0 !important;
  }
}

@media screen and (max-width: 75rem) {
  header.mainHeader .mainHeaderInner .menuHolder .menuPort nav {
    margin-left: 0px !important;
  }
}

/* Latest blog posts */
/* Below 991px */
@media screen and (max-width: 61.9375rem) {
  .bt_bb_columns_3.bt_bb_latest_posts
    .bt_bb_latest_posts_item:not(:last-child) {
    flex-basis: 50%;
    max-width: 50%;
  }

  .bt_bb_columns_3.bt_bb_latest_posts .bt_bb_latest_posts_item:last-child {
    flex-basis: 100%;
    max-width: 100%;
  }
}

/* Below 767px */
@media screen and (max-width: 47.9375rem) {
  .bt_bb_columns_3.bt_bb_latest_posts .bt_bb_latest_posts_item:not(:last-child),
  .bt_bb_columns_3.bt_bb_latest_posts .bt_bb_latest_posts_item:last-child {
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 62rem) {
	.bt_bb_latest_posts.latest-blog-posts-row .bt_bb_latest_posts_item{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.bt_bb_latest_posts.latest-blog-posts-row .bt_bb_latest_posts_item_image {
		width: 40%;
		max-height: 21rem;
	}
	.bt_bb_latest_posts.latest-blog-posts-row .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content{
		width: 60%;
	}
	
	.bt_bb_latest_posts.latest-blog-posts-row .bt_bb_latest_posts_item_image a,
	.bt_bb_latest_posts.latest-blog-posts-row .bt_bb_latest_posts_item_image img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}

@media screen and (min-width: 85rem) {
	.bt_bb_latest_posts.latest-blog-posts-row .bt_bb_latest_posts_item_image{
		width: 30%;
	}
	.bt_bb_latest_posts.latest-blog-posts-row .bt_bb_latest_posts_item .bt_bb_latest_posts_item_content{
		width: 70%;
	}
}


.bt_bb_latest_posts.latest-blog-posts-row
  .bt_bb_latest_posts_item:not(.btNoImage):before {
  display: none;
}

.bt_bb_latest_posts.latest-blog-posts-row
  .bt_bb_latest_posts_item
  .bt_bb_latest_posts_item_content {
  padding: 1em 3em 1.5em 3em;
  position: relative;
  color: var(--theme-color-green);
}

.btHeadingDash_balloon
  .bt_bb_latest_posts.latest-blog-posts-row
  .bt_bb_latest_posts_item
  .bt_bb_latest_posts_item_content:before {
  color: var(--theme-color-green);
  top: 0.2em;
	  display: none;
}

.bt_bb_latest_posts.latest-blog-posts-row
  .bt_bb_latest_posts_item
  .bt_bb_latest_posts_item_content
  .bt_bb_latest_posts_item_meta
  .bt_bb_latest_posts_item_date
  a,
.bt_bb_latest_posts.latest-blog-posts-row
  .bt_bb_latest_posts_item
  .bt_bb_latest_posts_item_content
  .bt_bb_latest_posts_item_meta
  .bt_bb_latest_posts_item_author
  a,
.bt_bb_latest_posts.latest-blog-posts-row
  .bt_bb_latest_posts_item
  .bt_bb_latest_posts_item_content
  .bt_bb_latest_posts_item_meta
  .bt_bb_latest_posts_item_comments
  a,
.bt_bb_latest_posts.latest-blog-posts-row
  .bt_bb_latest_posts_item
  .bt_bb_latest_posts_item_content
  .bt_bb_latest_posts_item_meta
  .bt_bb_latest_posts_item_category
  ul.post-categories
  li
  a,
.bt_bb_latest_posts.latest-blog-posts-row
  .bt_bb_latest_posts_item
  .bt_bb_latest_posts_item_content
  .bt_bb_latest_posts_item_meta
  .bt_bb_latest_posts_item_author
  a,
.bt_bb_latest_posts.latest-blog-posts-row
  .bt_bb_latest_posts_item
  .bt_bb_latest_posts_item_content
  .bt_bb_latest_posts_item_title,
.bt_bb_latest_posts.latest-blog-posts-row
  .bt_bb_latest_posts_item
  .bt_bb_latest_posts_item_content
  .bt_bb_latest_posts_item_title
  a {
  color: var(--theme-color-green);
}

.bt_bb_latest_posts.latest-blog-posts-row .bt_bb_latest_posts_item_image {
	border: 1px solid var(--theme-color-green);
}
.bt_bb_latest_posts.latest-blog-posts-row .bt_bb_latest_posts_item_image a{
	min-height: 100%;
	position: relative;
}

.bt_bb_latest_posts.latest-blog-posts-row .bt_bb_latest_posts_item_image a:before{
	content: "Image not available!";
	font-size: 2.5rem;
	color: var(--theme-color-green);
	font-weight: bold;
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	line-height: 0.2em;
}

.bt_bb_latest_posts.latest-blog-posts-row
.bt_bb_latest_posts_item_image:has(> a > img[src^="http"]) a:before{
	display: none;
}

.bt_bb_latest_posts.latest-blog-posts-row .bt_bb_latest_posts_item_image a

.bt_bb_latest_posts.latest-blog-posts-row .bt_bb_latest_posts_item_image a,
.bt_bb_latest_posts.latest-blog-posts-row .bt_bb_latest_posts_item_image img{
	min-height: 100%;
	position: relative;
	z-index: 2;
}

.bt_bb_latest_posts.latest-blog-posts-row
.bt_bb_latest_posts_item_image:has(> a > img[src^="http"]) img{
	display: block;
}

.bt_bb_latest_posts.latest-blog-posts-row
.bt_bb_latest_posts_item_image img{
	border: none;
	display: none;
}

.promotional-banner {
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 10003;
  height: 48px;
  background: rgb(2, 55, 59);
}

.promotional-banner p {
  font-size: 1.2rem;
  font-weight: 600;
  color: #ffffff;
}

.home .btMenuVertical .btVerticalHeaderTop,
.home .btVerticalHeaderTop,
.home .btPageWrap .mainHeader {
  top: 3rem !important;
}

.bt_bb_row_holder .bt_bb_column h1.bt_bb_headline_tag {
  font-size: 34px;
}

.steps-card {
  display: flex;
  flex-direction: column;
  box-shadow: none !important;
}

.steps-card .bt_bb_card_image {
  height: clamp(9.375rem, 6.3068rem + 15.3409cqi, 17.8125rem);
  align-items: center;
  justify-content: center;
  display: flex;
}

.steps-card.bt_bb_title_size_small:not(
    .bt_bb_image_position_background
  ).bt_bb_card
  .bt_bb_card_content {
  padding: 2rem 1rem 1rem;
}

.quick-promo-steps-row
  .bt_bb_row_inner_holder
  .bt_bb_column_inner:first-child
  .steps-card
  .bt_bb_image {
  border-radius: 50%;
  overflow: hidden;
}

.steps-card .bt_bb_card_image .bt_bb_image {
  max-width: clamp(9.375rem, 6.3068rem + 15.3409cqi, 17.8125rem);
}

.steps-card .bt_bb_card_image .bt_bb_image {
  max-width: clamp(9.375rem, 6.3068rem + 15.3409cqi, 17.8125rem);
}

.books-grid-row
  .bt_bb_columns_6.bt_bb_css_image_grid
  .bt_bb_css_image_grid_content {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

body.btBelowMenu.btMenuHorizontal.btAccentDarkHeader .mainHeader.gutter, body.btBelowMenu.btMenuHorizontal.btAccentLightHeader .mainHeader.gutter, body.btBelowMenu.btMenuHorizontal.btLightAccentHeader .mainHeader.gutter, body.btBelowMenu.btMenuHorizontal.btLightDarkHeader .mainHeader.gutter{
	max-width: 85.3333rem; /* 1280px html: 15px; */
}
body.btBelowMenu.btMenuHorizontal.btAccentDarkHeader .mainHeader.gutter, body.btBelowMenu.btMenuHorizontal.btAccentLightHeader .mainHeader.gutter .port,
body.btBelowMenu.btMenuHorizontal.btLightAccentHeader .mainHeader.gutter, body.btBelowMenu.btMenuHorizontal.btLightDarkHeader .mainHeader.gutter .port{
	max-width: 100%;
}

.btPageWrap .mainHeader .mainHeaderInner .menuHolder .menuPort nav{
	margin-left: 0 !important;
}


/* Credibility Logos Row */
.credentials-section
  .bt_bb_css_image_grid
  .bt_bb_css_image_grid_content
  .bt_bb_css_image_grid_item
  .bt_bb_css_image_grid_item_inner
  .bt_bb_css_image_grid_item_inner_image
  img {
  object-fit: contain;
}

/*  =============== 
  About page style 
  ================= */

.testimonial .bt_bb_column_content_inner {
  position: relative;
}

.testimonial .bt_bb_floating_image {
  margin-top: -16%;
  width: 120%;
  margin-left: -8%;
}

.thumb-300 {
  max-width: 18.75rem;
  image-rendering: pixelated;
}

.work-books-card .bt_bb_image img {
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
}

/* ======================= 
  E-Book portal page style
  ======================== */
.bt_bb_section.bt_bb_top_spacing_100 > .bt_bb_port {
  display: flex;
  justify-content: center;
  width: 100% !important;
  background: #e9e9e9;
  padding: 60px 0px;
  margin-top: 15px;
}

.ebook-portal-container ul.bt_bb_tabs_header {
  display: flex;
  flex-flow: column;
}

.ebook-portal-container ul.bt_bb_tabs_header li.on {
  border-color: var(--accordion-secondary-color, black);
  color: var(--accordion-secondary-color, black);
  border-width: 1px;
}

.ebook-portal-container ul.bt_bb_tabs_header li:not(.on) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 0.7;
}

.bt_bb_style_simple ul.bt_bb_tabs_header li.on {
  border-color: var(--theme-color-green);
}

.ebook-portal-container ul.bt_bb_tabs_header li span {
  padding-left: 0;
  padding-right: 0;
  font-weight: 700;
}

.ebook-portal-container ul.bt_bb_tabs_header li:not(.on) span {
  font-weight: 600;
}

.btSiteFooter [data-elementor-id="5775"]{
	display: none;
}

/* Below 1280px */
@media only screen and (max-width: 85.333rem) {
	.btMenuHorizontal .topBarInMenu {
		margin-left: 0 !important;
	}
}


/* below 991px */
@media only screen and (max-width: 61.9375rem) {
  .books-grid-row
    .bt_bb_columns_6.bt_bb_css_image_grid
    .bt_bb_css_image_grid_content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

/* below 768px */
@media only screen and (max-width: 48rem) {
  .books-grid-row
    .bt_bb_columns_6.bt_bb_css_image_grid
    .bt_bb_css_image_grid_content {
    grid-template-columns: 1fr 1fr;
  }
}

/* Min width 992px */
@media screen and (min-width: 62rem) {
  .ebook-portal-container .bt_bb_tabs {
    display: flex;
  }
  .ebook-portal-container ul.bt_bb_tabs_header {
    width: 33%;
    padding-right: 3rem;
  }
  .ebook-portal-container .bt_bb_tabs_tabs {
    width: 67%;
  }
}

/* Blog page  */
@media screen and (min-width: 62rem) {
	.btPostSingleItemStandard:not(.btNoMedia) .btArticleContentHolder{
		display: -ms-grid;
		display: grid;
		grid-auto-flow: row;
		-ms-grid-columns: 33% 67%;
		grid-template-columns: 33% 67%;
		grid-template-areas: "thumb contents" "thumb contents" "thumb contents";
	}	
	.btPostSingleItemStandard:not(.btNoMedia) .btArticleMedia{
		grid-area: thumb;
		margin-bottom: 0;
		margin-right: 0;
		padding-right: 2.5em;
	}
	.btPostSingleItemStandard:not(.btNoMedia) .btArticleHeadline{
		margin-top: 3em;
	}
	
	.btPostSingleItemStandard:not(.btNoMedia) .btArticleMedia *{
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
     	object-fit: cover;
	}
	
	.btPostSingleItemStandard:not(.btNoMedia) .bt_bb_headline .bt_bb_headline_content:after{
		display: none;
	}
}

/* Single blog page style */
.single-post .btArticleHeadline {
  --forground: #fff;
  background: var(--theme-color-green);
  color: var(--forground, #fff);
  padding: 20px;
  text-align: center;
  border-radius: 10px;
}

.single-post .btArticleHeadline .btArticleAuthor a,
.single-post .btArticleHeadline .bt_bb_headline_subheadline,
.single-post .btArticleHeadline .bt_bb_headline_subheadline a {
  color: var(--forground, #fff);
}

.btLightSkin.single-post
  .btArticleHeadline
  .btArticleDate:not(:last-child):after,
.btLightSkin.single-post
  .btArticleHeadline
  .btArticleAuthor:not(:last-child):after,
.btLightSkin.single-post
  .btArticleHeadline
  .btArticleComments:not(:last-child):after,
.btLightSkin.single-post
  .btArticleHeadline
  .btArticleCategories:not(:last-child):after,
.btDarkSkin .btLightSkin .btArticleDate:not(:last-child):after,
.btDarkSkin .btLightSkin .btArticleAuthor:not(:last-child):after,
.btDarkSkin .btLightSkin .btArticleComments:not(:last-child):after,
.btDarkSkin .btLightSkin .btArticleCategories:not(:last-child):after,
.btLightSkin.single-post
  .btArticleHeadline
  .btLightSkin
  .btArticleDate:not(:last-child):after,
.btLightSkin.single-post
  .btArticleHeadline
  .btLightSkin
  .btArticleAuthor:not(:last-child):after,
.btLightSkin.single-post
  .btArticleHeadline
  .btLightSkin
  .btArticleComments:not(:last-child):after,
.btLightSkin.single-post
  .btArticleHeadline
  .btLightSkin
  .btArticleCategories:not(:last-child):after,
.btLightSkin.single-post .btArticleHeadline .btArticleComments:before,
.btDarkSkin.single-post
  .btLightSkin
  .btArticleHeadline
  .btArticleComments:before,
.btLightSkin.single-post
  .btDarkSkin
  .btLightSkin
  .btArticleHeadline
  .btArticleComments:before {
  color: var(--forground, #fff);
}
