/*
Theme Name: BlogData Pro
Theme URI:  
Author: Themeansar
Author URI: http://themeansar.com
Description: BlogData WordPress theme ideal for a business or blog website (corporate, Consulting, Advisor, Agency, Finance, law, Photography etc.). You can also use for anything. It comes with all features these kind of shop page, blog page.The theme you can use for any business website.
Version: 0.2
Tested up to: 6.6
Requires PHP: 7.0
Requires at least: 5.4
Tags: two-columns, three-columns, left-sidebar, right-sidebar, translation-ready, custom-background, custom-logo, featured-images, footer-widgets, full-width-template, blog, e-commerce, entertainment
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: blogdata
*/
#offcanvasExample {
    display: none;
}
.mg-tpt-tag-area {
    padding: 10px 0px;
    margin: 0;
    font-size: 14px;
}
.mg-tpt-txnlst strong {
    margin-right: 10px; 
}
.mg-tpt-txnlst ul {
    display: inline-flex;
    margin: 0;
    padding: 0;
    column-gap: 6px;
}
.mg-tpt-txnlst ul li {
    display: inherit;
}
.mg-tpt-txnlst ul li a {
    padding: 0;
    border-radius: 2px;
    font-size: 12px;
    font-weight: bold;
}
.mg-tpt-txnlst ul li a:before {
    content: '\f292';
    font-family: 'Font Awesome 5 Free';
    font-size: 10px;
    padding: 0 2px;
    font-weight: 900;
}
.bs-slide {
	height: 500px;
	display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    position: relative;
	border-radius: var(--bxbra);
	overflow: hidden; 
}
.bs-slide.overlay:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bs-slide .inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 65%;
	height: auto;
	padding: 30px 15px;
	text-align: center;
	z-index: 1;
	position: relative;
	border-radius: var(--bxbra); 
    overflow: hidden;
}
.bs-slide .inner::after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.8;
}
.bs-slide.two .inner {
    overflow: hidden;
    background: #fff;
}
.bs-slide.three {  
	align-items: flex-end; 
}
.bs-slide.three .inner { 
	width: 100%;
}
.bs-slide.colmn .inner .title {
	font-size: 24px;
	font-weight: 700;
}
.bs-slide.colmn .inner {
	width: 90%;
}
.bs-slide.overlay:before {
    background-color: rgba(0, 0, 0, 0.3);
}
/* ==========================================================================
   Theme Customizer Editor Icon
   ========================================================================== */
.blogdata-customizer-edit-icon{
    position: absolute;
    float: left;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px 0 0 -1px;
    border: 0;
    background: 0 0;
    color: transparent;
    box-shadow: none;
    outline: 0;
    z-index: 500;
	left: 5%;
}
.blogdata-customizer-target-btn{
    position: absolute;
    left: -30px;
    top: 2px;
    color: #fff;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    line-height: 1!important;
    font-size: 18px;
    z-index: 5;
    background: #3582c4!important;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 1px rgba(60,67,74,.15);
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    padding: 3px;
    animation-fill-mode: both;
    animation-duration: .4s;
    opacity: 0;
    pointer-events: none;
    text-shadow: 0 -1px 1px #135e96,1px 0 1px #135e96,0 1px 1px #135e96,-1px 0 1px #135e96;
    animation-name: customize-partial-edit-shortcut-bounce-appear;
    pointer-events: auto;
}
.customize-partial-edit-shortcut button, .widget .customize-partial-edit-shortcut button, .blogdata-customizer-target-btn{
    font-size: 18px !important;
    padding: 3px !important;
    border-radius: 50% !important;
}
.blogdata-customizer-target-btn:hover{
    background: #4f94d4!important;
}
.header-ads .blogdata-customizer-edit-icon{
	left: 18%;
    top: -14%;
}
.collapse.navbar-collapse .blogdata-customizer-edit-icon{
    left: 3.5%;
    top: 7%;
}
.back-img .blogdata-customizer-edit-icon[type_id="blogdata_footer_widget_background"]{
	top: 0%;
    left: 2.5%;
}

#main-nav .blogdata-customizer-edit-icon {
    z-index: 99999;
}