/*
Theme Name: Blogtag
Theme URI: https://themeansar.com/free-themes/blogtag-free-blog-wordpress-theme/
Author: Themeansar
Author URI: https://themeansar.com
Description: Blogtag is a fast, clean, modern-looking Best Responsive News Magazine WordPress theme. The theme is fully widgetized, so users can manage the content by using easy to use widgets. Blogtag is suitable for dynamic news, newspapers, magazine, publishers, blogtag, editors, online and gaming magazines, newsportals,personal blogtag, newspaper, publishing or review siteand any creative website. Blogtag is SEO friendly, WPML,Gutenberg, translation and RTL ready. Live preview : https://demos.themeansar.com/blogdata/blogtag/ and documentation at https://docs.themeansar.com/docs/blogdata/
Version: 0.4
Requires PHP: 7.0
Requires at least: 5.4
Tested up to: 6.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: blogdata
Text Domain: blogtag
Tags: blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks

Blogtag WordPress Theme is child theme of Blogus, Copyright 2023 Themeansar
Blogtag is distributed under the terms of the GNU General Public License v3

Blogtag is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
*:focus {
    outline: 1px solid;
}
.navbar-toggler.x:focus,
button:focus {
    border: 1px solid;
    outline: 2px dotted #000;
}

p a {
    text-decoration: underline;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Josefin Sans", sans-serif;
}
.site-title { 
    font-family: "Josefin Sans", sans-serif;
}
.navbar-wp .navbar-nav > li> a { 
    font-family: "Josefin Sans", sans-serif;
}
body { 
    font-family: "Josefin Sans", sans-serif;
}
footer .site-branding-text .site-title-footer a{
    font-family: "Josefin Sans", sans-serif;
}
#main-nav .blogdata-customizer-edit-icon { 
    left: 45%;
}
.site-branding-text .site-title{
    font-size: 80px;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    letter-spacing: -0.036em;
}
.page-entry-title{
    padding: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid;
    border-radius: 0;
    box-shadow: none;
}
header .site-branding-text{
    text-align: center;
}
.bs-menu-full .navbar-brand img{
    margin: auto;
}
.site-logo .navbar-brand{
    display: inline-block;
}
.list-blog .bs-blog-thumb{
    min-height: 300px;
}
.list-blog.bs-blog-post{
    align-items: center;
}
.bs-blog-post .title a {
    background-position: left 95%;
}
.bs-blog-post .title a:hover {
    background-position: left 95%;
}
.widget_block .wp-block-heading, .wp-block-search__label{
    position: relative;
    margin-bottom: 20px;
}
.bs-widget-title.one .title::before, .widget_block .wp-block-heading::before, .wp-block-search__label:before{
    content: "";
    position: absolute;
    height: 4px;
    width: 12.5%;
    bottom: -8px;
    z-index: 1;
}
.bs-widget-title.one .title::before{
    width: 40%;
}
.wp-block-search__button-outside{
    overflow: hidden;
}
.wp-block-search .wp-block-search__inside-wrapper{
    margin-top: 30px;
}
.wp-block-search__label::before{
    width: 60%;
    transform: translate(0);
    top: auto;
}
.widget_block .wp-block-heading::after, .wp-block-search__label::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100vw;
    bottom: -7px;
    left: 0;
}
.bs-widget-title.one{
    border-bottom: 2px solid;
}
.bs-breadcrumb-section .overlay{
    border-radius: var(--bxbra);
}
.bs-headfive {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 8px 0;
}
#content .d-grid {
    row-gap: 48px;
}
.missed .bs-widget-title{
    padding: 0;
    padding-bottom: 5px;
}
.multi-post-widget .bs-blog-post.three.bsm .title {
    font-size: 24px;
    line-height: 1.4;
}
.blogdata-pagination{
    margin-top: 0 !important;
    margin-bottom: 3rem;
}
.bs-headfive .bs-menu-full.header-sticky{
    position: fixed;
    z-index: 1024;
    padding: 10px 0;
}
.bs-blog-category a::before{
    opacity: 1;
}
.right-nav{
    flex-wrap: wrap;
}
textarea:focus{
    outline: 0;
}
.hedaer-offcanvas .offcanvas-trigger {
    border: 0;
    border-radius: 0;
}
.bs_upscr {
    line-height: 2.9rem;
}
@media (min-width: 992px) {
    .navbar-wp nav .sm.sm-clean{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .site-logo{
        text-align: center;
    }
    .bs-headfive .bs-menu-full .logo{
        display: none;
    }
}
@media (max-width: 991.98px) {
    .missed .inner{
        gap: 0;
    }
    .bs-headfive .bs-menu-full .main{
        justify-content: flex-end;
    }
    .bs-headfive .bs-menu-full .navbar-wp{
        justify-content: flex-end;
    }
    .bs-headfive .site-branding-text {
        text-align: start;
    }
    .bs-headfive .bs-menu-full .logo{
        max-width: 70%;
    }
    .site-branding-text .site-title{
        font-size: 55px;
    }
    .list-blog.bs-blog-post .bs-blog-thumb{
        height: 300px;
    }
    .navbar-wp .nav-wp .sm-clean{
        border-radius: var(--bxbra);
    }
    .missedslider {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .bs-menu-full .navbar-brand img{
        margin: auto 0;
    }
}
@media (max-width: 767.98px) {
    .list-blog .bs-blog-category, .list-blog .bs-blog-meta{
        justify-content: center;
    }
    .list-blog.bs-blog-post .small{
        text-align: center;
    }
}
@media (max-width: 575.98px) {
    .missedslider {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .site-branding-text .site-title{
        font-size: 35px;
    }
}



.bs-headfive{
	position:relative;
	z-index:2;
	padding-bottom:0;
	border-bottom:none;
	box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.01),
	  0px 1px 4px rgba(3, 7, 18, 0.01),
	  0px 2px 9px rgba(3, 7, 18, 0.02),
	  0px 4px 15px rgba(3, 7, 18, 0.02),
	  0px 6px 24px rgba(3, 7, 18, 0.03);
	overflow: auto !important;
}

.bs-headfive .bs-menu-full .col-lg-3{
	display:none !important;
}

.bs-breadcrumb-section .overlay{
	box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.01),
	  0px 1px 4px rgba(3, 7, 18, 0.01),
	  0px 2px 9px rgba(3, 7, 18, 0.02),
	  0px 4px 15px rgba(3, 7, 18, 0.02),
	  0px 6px 24px rgba(3, 7, 18, 0.03);	
	
}
.bs-header-main{
	position:relative;
	height:300px;
}
.bs-header-main::before{
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background:url(http://fp-lgbt.com/wp-content/uploads/asset/bg.jpg) center no-repeat;
	background-size:cover;
	opacity:0.7
}

.bs-header-main::after{
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:380px;
	background:url(http://fp-lgbt.com/wp-content/uploads/asset/header-key.png) center top no-repeat;
	background-size: auto 400px;
	top:-25px;
}

.bs-header-main .site-description{
	position: absolute;
	left: 50%;
	margin-left: -450px;
	bottom: 30px;
	width: 430px;
	text-align: left;
	font-size: 1.2rem;
}
.bs-headfive .bs-menu-full .navbar-wp nav ul.sm-clean li{
	margin-right:5px;
}
.bs-headfive .bs-menu-full .navbar-wp nav ul.sm-clean li a{
	border:2px solid var(--border-color);
	border-radius:.3rem !important;
}
.site-branding-text .site-title a{
	display: none;
}
.navbar-wp nav{
	justify-content:flex-start;
}



#content{
	background:url(http://fp-lgbt.com/wp-content/uploads/asset/bg_content.jpg);
}

.col-lg-8 {
	background-color: #fff;
	padding: 2.5rem;
	border-radius: 1rem;
	box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.01),
		  0px 1px 4px rgba(3, 7, 18, 0.01),
		  0px 2px 9px rgba(3, 7, 18, 0.02),
		  0px 4px 15px rgba(3, 7, 18, 0.02),
		  0px 6px 24px rgba(3, 7, 18, 0.03);	
}


.wp-block-heading{
	font-size:1.3rem;
	margin-bottom:1rem;
}
.bs-blog-post.single .small.single p, .page-class .bs-card-box p{
	font-size:1.1rem;
	line-height:1.6em;
	margin-bottom:3rem;
}
.page-entry-title{
	border-bottom:none;
	
}
.list-blog.bs-blog-post{
	position:relative;
	padding-bottom:3rem;
	
}
.list-blog.bs-blog-post::after{
	content:"";
	position:absolute;
	display:block;
	width:100%;
	height:5px;
	background-color:var(--border-color);
	bottom:0;
	border-radius:2.5px;
	
	
}
.page-entry-title:has(.entry-title){
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
#side-profile{
	background:#fff;
	border-radius:10px;
	border:1px solid #eee;
	padding:25px;
}
#side-profile h3{
	text-align:center;
	margin-bottom10px
}
#side-profile figure{
	border:1px solid #ddd;
	overflow:hidden;
	width:150px;
	height:150px;
	border-radius:50%;
	margin:0 auto 30px;
}
#side-profile figure img{
	height:120%;
	max-width:none;
	margin-left:-10%;
}
#side-profile p{
	font-size:.9rem;
}
#side-profile a{
	display:block;
	height:46px;
	line-height:46px;
	text-align:center;
	color:#fff;
	border-radius:23px;
	background-color:var(--cat-color);
}
#side-profile ._sns{
	display:flex;
	margin-top:10px;
	justify-content:space-between;
}
#side-profile ._sns li{
	margin:0;
	border:none;
	width:31%;
}

#side-profile ._sns a{
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#3d3d3e;
	border-radius:25px;
	width:100%;
	height:50px
}
#side-profile ._sns a img{
	border-radius:0;
}
#side-profile ._sns a ._fb{
	width:25px;
}
#side-profile ._sns a ._X{
	width:25px;
}

#side-profile ._sns a ._HB{
	width:40px;
}

.list-blog.bs-blog-post{
	grid-template-columns: 250px 1fr;
	align-items: flex-start;
}
.list-blog .bs-blog-thumb{
	height:200px;
	min-height:200px;
}
.bs-blog-post p{
	font-size: 1.025rem;

}
.bs-blog-category a{
	font-size: 12px;
	padding: 4px 10px;
}
.bs-blog-post .bs-blog-thumb{
	height:30vw;
}
.bs-blog-post .bs-blog-thumb img{
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	left: 50%;
	
}


#fix-contact{
	right:0;
	bottom:150px;
	position:fixed;
	background:#fff;
	padding:10px;
	padding-right:0;
	border-radius:40px 0 0 40px;
	box-shadow: 0px 0px 1px rgba(3, 7, 18, 0.01),
		0px 1px 4px rgba(3, 7, 18, 0.01),
		0px 2px 9px rgba(3, 7, 18, 0.02),
		0px 4px 15px rgba(3, 7, 18, 0.02),
		0px 6px 24px rgba(3, 7, 18, 0.03);
	z-index:10;
}
#fix-contact a{
	position:relative;
	font-weight:800;
	display:flex;
	flex-direction:column;
	justify-content:center;
	font-size: 1.15rem;
	background:var(--cat-color) url(http://fp-lgbt.com/wp-content/uploads/asset/i_icon_12533_icon_125332_256.png) 15px center no-repeat;
	background-size:28px auto;
	color:#fff;
	border-radius:30px 0 0 30px;
	height:60px;
	padding-left:60px;	
	padding-right:40px;	
	
}
#fix-contact a .caption{
	display:block;	
	font-size: 1.02rem;
	font-weight:400;
	
}
#fix-contact a::after{
	content:"";
	display:block;
	position:absolute;
	width:16px;
	height:16px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	rotate:45deg;
	right:15px;
	top:50%;
	margin-top:-8px;
}
#fix-contact a:hover::after{
	right:5px;
	transition:right 0.3s ease 0s;
}


/* color */
.bs_upscr,
.navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a:hover, .single-nav-links span, a.error-btn,
.widget_block .wp-block-search__button,
::-webkit-scrollbar-thumb,
.bs-widget-title.one .title::before, .widget_block .wp-block-heading::before, .wp-block-search__label::before{
	background: #86abf9 !important;
}
.navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links a:hover, .single-nav-links span, a.error-btn{
	border-color:#86abf9;
}
:root {
	--secondary-color: #7296e1 !important;
	--cat-color: #7296e1 !important;
}

@media (max-width: 992px) {
.bs-headfive{
	overflow:initial !important;
		
}
.bs-header-main{
	min-height:22vw;
}	


.bs-header-main::after{
	height:calc(110% + 25px);
	background:url(http://fp-lgbt.com/wp-content/uploads/asset/header-key.png) center top no-repeat;
	background-size: auto 100%;
	top:-25px;
}
	
.bs-headfive .bs-menu-full .navbar-wp nav ul.sm-clean li a{
		border:none;
}

}




@media (max-width: 767px) {
.bs-header-main{
	min-height:40vw;
	height:50vw;
}	
.bs-header-main::after{
	height:calc(100% + 5vw);
	background:url(http://fp-lgbt.com/wp-content/uploads/asset/header-key_sp.png) center top no-repeat;
	background-size: auto 101%;
	top:-5vw;
}
	
.list-blog .bs-blog-category, .list-blog .bs-blog-meta{
	justify-content:flex-start;
}
.bs-blog-post p{
	text-align:left;
}
	.list-blog.bs-blog-post{
		display:flex;
		flex-direction:column;
	}
	.list-blog.bs-blog-post .bs-blog-thumb{
		height: 180px;
		width: 100%;
		margin-top: 2.5rem;
	}
	.bs-blog-post .title{
		margin-bottom: .5rem;
		text-align:left;

	}
	.bs-blog-post p {
		font-size:1.255rem;
	}
	.bs-blog-post .bs-blog-thumb{
		height:35vw;
	}
	footer.one .bs-footer-bottom-area .site-branding-text{
		margin-bottom:70px;
	}
}