/*
Theme Name: 		Bloghive
Author: 			Mystery Themes
Author URI: 		https://mysterythemes.com/
Theme URI:			https://preview.mysterythemes.com/bloghive/
Description: 		Bloghive is a wonderful FSE-based WordPress theme that offers code-free customizations for bloggers seeking a perfect balance between functionalities and visual appeals. It allows users to craft unique and engaging blogs with peculiar designs that reflect their brand identity.CLick here for demo https://preview.mysterythemes.com/bloghive/
Text Domain: 		bloghive
Requires at least: 	6.4
Requires PHP: 		7.4
Tested up to: 		6.5
Version: 			1.0.5
Tags: 				full-site-editing, block-patterns, blog, portfolio, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, threaded-comments, theme-options, translation-ready
License: 			GNU General Public License v2 or later
License URI: 		http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

a:focus, button:focus {
    outline: 1px dotted rgb(10, 10, 10) !important;
}

/* site-title css  */
.wp-block-site-title a{
	font-size: var(--wp--preset--font-size--x-large) !important;
}

/* top-menu submenu  */
#top-header .wp-block-navigation-submenu ul, #top-header .wp-block-navigation-submenu .wp-block-navigation__submenu-icon{
display: none;
}

/* pagination desgin */
.wp-block-query-pagination-numbers .page-numbers{
	margin-right: 5px;
    border: 1px solid;
	border-color:var(--wp--preset--color--primary) !important;
    padding: 10px 15px;
    border-radius: 8px;
	color:var(--wp--preset--color--primary) !important;
}

.wp-block-query-pagination-numbers .page-numbers:hover{
	background-color:var(--wp--preset--color--primary) !important;
	color:var(--wp--preset--color--light-color) !important
}

.wp-block-query-pagination-numbers .page-numbers.current{
	background-color:var(--wp--preset--color--primary) !important;
	color:var(--wp--preset--color--light-color) !important
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container{
	top: 38px !important;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
	border-bottom: 4px solid #fff;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content:last-child{
	border-bottom: 0px;
}


@media (max-width: 600px) {
	#top-header .wp-block-columns, #main-header .wp-block-columns {
		flex-wrap: nowrap !important;
		padding: 0px 20px;
	}

	#top-header {
		padding: 20px;
	}

	.wp-block-site-logo{
		text-align: center;
		width: 100%;
	}

	ul.wp-block-navigation__submenu-container li{
		padding: 20px 0px;
	}

}