/*
	Theme Name: Bootstrap Component Blox
	Theme URI: https://theme.componentblox.com
	Author: Component Blox
	Author URI:  https://componentblox.com
	Description: Bootstrap Component Blox (BCB) is Bootstrap Wordpress theme that integrates perfectly with <a href="https://dashboard.componentblox.com/">Component Blox</a>. BCB is simple, lightweight, fast, and most importantly stable. <strong>Note:</strong> the core theme is updated periodically for performance enhancements, adding helpful utility functions and executing general maintenance, so using a <a href="https://theme.componentblox.com/">child theme</a> is highly recommended. BCB theme templates include: fullwidth blog, custom navbar, sidebar navbar, custom toggler, blog archive.
    Version: 2.7.2
	Tested up to: 6.7.2
	Requires PHP: 6.0
	License: GNU General Public License v3
	License URI: LICENSE
	Text Domain: bootstrap-component-blox
*/

[data-bs-theme="light"] [data-bs-theme-value="light"] {
 	display: none;
}
[data-bs-theme="dark"] [data-bs-theme-value="dark"] {
 	display: none;
}
.modal-header {
    justify-content: space-between!important;
}
.img-h-250 {
	height: 250px;
}
:focus {
	outline: 0!important;
	box-shadow: none!important;
}
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute!important;
	width: 1px;
	word-wrap: normal!important
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
	clip: auto!important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: .875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}
#content[tabindex="-1"]:focus {
	outline: 0
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto
}
.clear:after, .clear:before, .comment-content:after, .comment-content:before, .entry-content:after, .entry-content:before, .site-content:after, .site-content:before, .site-footer:after, .site-footer:before, .site-header:after, .site-header:before {
	content: "";
	display: table;
	table-layout: fixed
}
.clear:after, .comment-content:after, .entry-content:after, .site-content:after, .site-footer:after, .site-header:after {
	clear: both
}
body {
	padding: 0!important;
}
.updated:not(.published) {
	display: none
}
.page-links {
	clear: both;
	margin: 0 0 1.5em
}
.comment-content a {
	word-wrap: break-word
}
.bypostauthor {
	display: block
}
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
	display: none
}
.infinity-end.neverending .site-footer {
	display: block
}
.comment-content .wp-smiley, .entry-content .wp-smiley, .page-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0
}
.comment-reply-link,
.comment-reply-link:hover {
	color: #fff!important;
	text-decoration: none;
}
embed, iframe, object {
	max-width: 100%
}
.card-object-cover {
	height: 250px; 
	object-fit: cover; 
}
.bg-inherit {
	background: inherit;
}
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%
}
.wp-caption img[class*=wp-image-] {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.wp-caption .wp-caption-text {
	margin: .8075em 0
}
.wp-caption-text {
	text-align: center
}
.gallery {
	margin-bottom: 1.5em
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%
}
.gallery-columns-2 .gallery-item {
	max-width: 50%
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%
}
.gallery-columns-4 .gallery-item {
	max-width: 25%
}
.gallery-columns-5 .gallery-item {
	max-width: 20%
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%
}
.gallery-caption {
	display: block
}
#sidebar .gallery {
	padding-top: 10px;
	margin-bottom: 0px;
}
#sidebar .gallery img {
	border: 1px solid #cfcfcf;
	width: 100%;
	height: 100px;
	object-fit: cover;
}
#sidebar .gallery .gallery-item {
	padding: 0 6px;
	margin-top: 0!important;
	margin-bottom: 10px
}
.sidebar .nav-link {
	display: block;
	padding: 0
}
#sidebar ul {
	padding-left: 20px;
	margin-bottom: 0
}
#sidebar .widget_search {
	border: none!important;
}
.post_meta,
.post-meta {
	font-size: 14px
}
.post-image {
    height: 300px;
    object-fit: cover;
}
.page-numbers.current.page-link {
	background: #e9ecef;
}
dl {
	margin-bottom: 0
}
table#wp-calendar {
	width: 100%;
	text-align: center
}
table#wp-calendar th {
	padding: 10px
}
table#wp-calendar td {
	border: 2px solid #eee
}
table#wp-calendar caption {
	color: #212529;
	text-align: center;
	background: #f8f8f8
}
table#wp-calendar #today {
	background: #282828
}
table#wp-calendar #today, table#wp-calendar #today a {
	color: #fff
}
#comment {
	width: 100%;
	border: 1px solid #ced4da;
	border-radius: 5px
}
.comments ul {
	list-style-type: none;
	padding-left: 0
}
.comments ul ul {
	list-style-type: none;
	padding-left: 30px;
	box-shadow: none!important
}
.comments li li {
	box-shadow: none!important
}
.comment-reply-link:hover {
	color: initial
}
#bcb-main-navbar {
    z-index: 9;
}
#nav-header .wp-toolbar {
	top: 32px;
}
#nav-header .dropdown-menu {
	top: 95%;
	min-width: 100%;
}
#nav-header .dropdown-menu .dropdown-menu {
	left: 100%;
	top: 0;
}
#nav-header .dropdown-menu .nav-link {
	white-space: nowrap;
	padding: .25rem .75em;
}
#nav-header .dropdown-toggle::after {
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f107";
	padding-left: 3px;
	font-size: 10px;
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	border: none;
}
#nav-header .sub-menu .dropdown-toggle::after {
	transform: rotate(-90deg);
	transform-origin: center;
	position: relative;
	top: 2px;
}

#footer-widgets ul {
	padding-left: 20px;
}
#footer-widgets .nav-link {
	padding: 0;
}
footer {
	z-index: 10;
}
.bcb-search input[type="text"] {
	padding: 10px 15px;
	width: 100%;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.bcb-search button {
	position: absolute;
    border: none!important;
    background: none!important;
    transform: translatey(-50%);
    top: 50%;
    right: 10px;
}
#sidebar-navbar {
    width: 250px;
    position: fixed;
    top: 0;
    right: -250px;
    height: 100vh;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    z-index: 99999;
    padding: 1rem;
    background: #fff;
    border-left: 1px solid #dee2e6;
}

#sidebar-navbar .nav-link {
    color: rgba(0,0,0,.5);
}

#sidebar-navbar.collapse,
#sidebar-navbar.collapsing {
	display: block;
}
#sidebar-navbar.show {
    right: 0;
}
#sidebar-navbar-dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.sub-menu-animate {
	animation-duration: 0.3s;
	-webkit-animation-duration: 0.3s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}
@keyframes slideUp {
	0% {
		transform: translateY(1rem);
		opacity: 0;
	}
	100% {
		transform: translateY(0rem);
		opacity: 1;
	}
	0% {
		transform: translateY(1rem);
		opacity: 0;
	}
}
@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: transform;
		-webkit-opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		-webkit-opacity: 1;
	}
	0% {
		-webkit-transform: translateY(1rem);
		-webkit-opacity: 0;
	}
}
.slideUp {
	-webkit-animation-name: slideUp;
	animation-name: slideUp;
}

#bcb-confirmation .checkmark-bg {
	stroke-dasharray: 166;
	stroke-dashoffset: 166;
	stroke-width: 2;
	stroke-miterlimit: 10;
	stroke: var(--bs-success);
	fill: none;
	animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards
}

#bcb-confirmation .checkmark {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	display: block;
	stroke-width: 2;
    stroke: #fff;
	stroke-miterlimit: 10;
	margin: 0 auto;
	box-shadow: inset 0px 0px 0px var(--bs-success);
	animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both
}

#bcb-confirmation .checkmark-check {
	transform-origin: 50% 50%;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards
}

@keyframes stroke {
	100% {
		stroke-dashoffset: 0
	}
}

@keyframes scale {
	0%, 100% {
		transform: none
	}
	50% {
		transform: scale3d(1.1, 1.1, 1)
	}
}

@keyframes fill {
	100% {
		box-shadow: inset 0px 0px 0px 30px var(--bs-success);
	}
}

.page-template-post-confirmation .modal-backdrop.fade {
    opacity: 0;
}

@media(max-width: 992px) {
	.border-left {
		border-left: none!important
	}
	.col {
		flex-basis: initial!important;
	}
	aside.border-left {
		border-left: none!important;
	}
	.fixed-top ul.navbar-nav,
	.fixed-top ul.sub-menu {
    	max-height: 400px;
    	overflow: scroll;
	}
	.mw-300 {
        max-width: 100%!important;
    }
}
@media(max-width: 768px) {
	#nav-header .wp-toolbar {
		top: 46px;
	}
}