/*
Theme Name: KnowledgeHub
Theme URI: https://www.themebee.net/products/knowledgehub
Author: Theme Bee
Author URI: https://www.themebee.net/
Description: KnowledgeHub is a structured theme built for modern educational platforms, online academies, online courses portals, mock tests platforms, debate club communities, special education websites, and knowledge-sharing websites. Its modular design allows flexible course layouts, interactive lesson pages, and well-organized content sections for tutorials, guides, audiobook libraries, and learning resources. Compatible with LMS plugins, quiz modules, attendance system tools, parent portal integration, and course management tools, KnowledgeHub streamlines learning workflows while maintaining clarity, readability, and engagement. The theme supports responsive navigation, custom widgets, community forum integration, newsletter systems, and flexible page templates, making it suitable for academies, coaching centers, sign language learning portals, productivity platforms, and online training portals of all sizes. Lightweight coding ensures fast performance and enhanced SEO, while integration with event calendars, discussion forums, resource libraries, chatbot support, and helpdesk functionality keeps learners fully engaged. KnowledgeHub balances functionality and simplicity, providing a seamless platform to publish courses, manage lessons, share code snippets, organize educational content, and deliver high-quality learning experiences efficiently.
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: knowledgehub
Tags: editor-style, blog, custom-background, custom-logo, custom-menu, custom-colors, style-variations, rtl-language-support, template-editing, featured-images, footer-widgets, left-sidebar, one-column, right-sidebar, three-columns, full-site-editing, threaded-comments, two-columns, wide-blocks, full-width-template, sticky-post, block-styles, block-patterns, translation-ready, education, portfolio
*/

/* Woocommerce */
.archive .wp-block-cover .woocommerce-breadcrumb{
	text-align: center;
}
.archive .wp-block-cover .woocommerce-breadcrumb a{
	color: #ffffff;
}
.wp-block-woocommerce-product-button button.add_to_cart_button{
	margin-bottom: 0 !important;
}
.wp-block-woocommerce-product-button .added_to_cart.wc_forward{
	background-color: var(--wp--preset--color--contrast);
	border-radius: .33rem;
	border-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	padding-top: 0.6rem;
	padding-right: 1rem;
	padding-bottom: 0.6rem;
	padding-left: 1rem;
	text-decoration: none;
	font-weight: 600;
	margin-top: 0;
}
/* Woocommerce Comment */
.single-product .woocommerce-Tabs-panel #review_form .comment-form-author, .single-product .woocommerce-Tabs-panel #review_form .comment-form-email{
	display: flex;
  	flex-direction: column;
}
.single-product .woocommerce-Tabs-panel #review_form .comment-form-author input, .single-product .woocommerce-Tabs-panel #review_form .comment-form-email input{
	height: 30px;
	font-size: 16px;
}
.single-product .woocommerce-Tabs-panel #review_form .comment-form-author label, .single-product .woocommerce-Tabs-panel #review_form .comment-form-email label{
	margin-bottom: 0;
}
.single-product .woocommerce-Tabs-panel #review_form .comment-form-comment #comment{
	font-family: inherit;
	font-size: 16px;
	padding: 10px;
}

/* My Account */
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link{
	background-color: var(--wp--preset--color--primary);
	margin-bottom: 10px;
	padding: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link a{
	color: #ffffff;
}

/* Wishslist */
.woocommerce-wishlist .wishlist_table.mobile{
  padding-left: 0;
}
.woocommerce-wishlist .wishlist_table.mobile table{
  width: auto;
}
.woocommerce-wishlist .wishlist_table.mobile .product-name h3{
	margin-top: 0;
}
.woocommerce-wishlist .wishlist_table.mobile li{
  padding: 15px;
  border: 1px solid #000000;
}
.woocommerce-wishlist .cart.wishlist_table .additional-info-wrapper{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.woocommerce-wishlist ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
  display: grid;
  grid-template-columns: 2fr 50%;
  gap: 10px;
}
.woocommerce-wishlist .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, 
.woocommerce-wishlist .wishlist_table.modern_grid li .item-details table.item-details-table td.label{
  font-size: 16px !important;
  font-weight: 500;
}
.woocommerce-wishlist .wishlist_table.mobile li .item-details table.item-details-table td,.additional-info .value{
  font-size: 14px !important;
  padding: 6px !important;
}
.woocommerce-wishlist .main-product-section .wishlist_view {
  display: block !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading::after{
  display: none;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.loading{
  opacity: 1;
}
.woocommerce-wishlist .yith-wcwl-share .share-button i{
  font-family: 'FontAwesome';
}
.woocommerce-wishlist .wishlist-items-wrapper .product-add-to-cart a{
  text-decoration: none !important;
  line-height: 12px;
}
.woocommerce-wishlist .wishlist_table .product-add-to-cart a, .woocommerce-wishlist .wishlist-items-wrapper .product-add-to-cart a{
  border-radius: 6px;
  color: #fff;
  padding: 12px 12px !important;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none !important;
  display: inline-block !important;
}
.woocommerce-wishlist .wishlist-items-wrapper .product-name{
	font-size: 25px;
}
.woocommerce-wishlist .wishlist_table.responsive .product-name a{
  text-decoration: none;
}

/* Result Page */
.sidebar-variation .wp-block-query-no-results{
	padding-top: 0;
}
.sidebar-variation .wp-block-query-no-results .wp-block-search__label{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 12px;
}
.sidebar-variation .wp-block-query-no-results .wp-block-search__inside-wrapper .wp-block-search__button:hover{
	background-color: var(--wp--preset--color--contrast) !important;
}

/* Pagination */
nav.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers{
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
	font-size: 16px;
	padding: 8px 15px;
}
nav.wp-block-query-pagination .wp-block-query-pagination-next, nav.wp-block-query-pagination .wp-block-query-pagination-previous{
  font-size: 22px;
}
nav.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers.current, nav.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers:hover{
	background-color: var(--wp--preset--color--contrast);
}

/* Scroll to Top */
.back-to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: var(--wp--preset--color--primary);
  color: white;
  border: none;
  border-radius: 50% !important;
  padding: 16px 14px; 
  cursor: pointer;
  z-index: 1000; 
  transition: opacity 0.3s;
}
.back-to-top .wp-block-button__link.wp-element-button{
  border-radius: 50% !important;
  padding: 0!important;
  margin: 0 !important;
}
.back-to-top .wp-block-button__link,
.back-to-top .wp-block-button__link:hover{
  background-color: var(--wp--preset--color--primary);
}
a:focus {
	outline: 2px solid #000;
	outline-offset: 2px;
}
.footer-section a:focus {
	outline-color: #ffffff;
}
.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;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Header */
.main-header{
	position: relative;
	z-index: 3;
}
.main-header .header-btm-mid .wp-block-navigation .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container a:hover{
	background-color: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}
.main-header .header-btm-mid nav .wp-block-navigation a:hover{
	text-decoration: none;
	color: var(--wp--preset--color--primary);
}
.main-header .header-btm-right .header-search button.wp-block-search__button{
	border-radius: 50%;
	padding: 8px;
}
.main-header .header-btm-right .header-search button.wp-block-search__button svg.search-icon{
	transform: rotate(-90deg);
}
.main-header .header-btm-right .header-search{
	position: relative;
}
.main-header .header-btm-right .header-search input.wp-block-search__input{
	position: absolute;
	right: 0;
	bottom: -40px;
  	z-index: 1;
}

/* Banner Section */
.banner-section .banner-boxes{
	min-height: 700px;
}
.banner-section .banner-top .banner-sub-title, .expert-section .expert-head-box .expert-sub-title{
	display: flex;
	align-items: center;
	gap: 6px;
}
.expert-section .expert-head-box .expert-sub-title{
	justify-content: center;
}
.banner-section .banner-top .banner-sub-title svg, .expert-section .expert-head-box .expert-sub-title svg{
	height: 15px;
}
.banner-section .banner-right-box{
	z-index: 2;
}
.banner-section, .banner-section .banner-bottom .banner-btm-img{
	position: relative;
}
.banner-section .banner-bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
.banner-section .banner-bottom .banner-btm-img:after{
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: var(--wp--preset--color--primary);
	z-index: -1;
}
.banner-section, .banner-section .banner-bottom .banner-btm-img img{
	width: 100%;
}
.banner-section .banner-bottom .banner-btm-img img{
	opacity: 0.1;
}
.banner-section .banner-bottom .banner-btm-box{
  	position: absolute;
	bottom: 70px;
	left: 10%;
	z-index: 1;
}
.banner-section .banner-left-box .banner-button .banner-btn1 a:hover{
	background-color: var(--wp--preset--color--primary) !important;
}
.banner-section .banner-left-box .banner-button .banner-btn2 a:hover{
	background-color: var(--wp--preset--color--contrast) !important;
}
.banner-section .banner-left-box{
	position: relative;
}
.banner-section .banner-left-box .social-icon-box{
	box-shadow: 0px 3px 6px #0000000D;
	display: inline-flex;
	position: absolute;
	right: -30%;
	z-index: 3;
}
.banner-section .banner-left-box .social-icon-box .banner-social-icons a{
	font-size: 20px;
}
.banner-section .banner-left-box .social-icon-box .banner-social-icons li:hover{
	background-color: var(--wp--preset--color--primary) !important;
}

/* Expert Section */
.expert-section .expert-box{
	box-shadow: 0px 3px 6px #00000029;
	position: relative;
}
.expert-section .expert-box .expert-img img{
	width: 100% !important;
	object-fit: cover;
}
.expert-section .expert-box .expert-right-info{
	position: absolute;
	right: 12px;
	bottom: 20px;
}
.expert-section .expert-box:hover .expert-right-info{
	background-color: var(--wp--preset--color--primary);
	border-radius: 5px 5px 18px 18px;
	padding-top: 12px;
}
.expert-section .expert-box .expert-right-info .expert-social-icons{
	display: none;
}
.expert-section .expert-box:hover .expert-right-info .expert-social-icons{
	display: flex;
}
.expert-section .expert-box:hover .expert-right-info .expert-share-btn{
	background-color: var(--wp--preset--color--primary);
	box-shadow: 0px -3px 6px #00000029;
}
.expert-section .expert-box .expert-right-info .expert-share-btn{
	background-color: var(--wp--preset--color--contrast);
	height: 35px;
	width: 35px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.expert-section .expert-box .expert-right-info .expert-social-icons a{
	font-size: 22px;
}
.expert-section .expert-box:hover .expert-left-info .expert-name{
	color: var(--wp--preset--color--primary);
}

/* Footer Section */
.footer-section a:hover{
	color: var(--wp--preset--color--primary) !important;
}
.footer-section a{
	text-decoration: none;
}
.footer-section .wp-block-social-links a:hover{
	color: var(--wp--preset--color--base) !important;
}

/* Media Query */
@media screen and (max-width: 767px){
	.main-header .bottom-header .header-btm-inner{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
	}
	.main-header .bottom-header .header-btm-inner .header-btm-left {
		grid-column: span 2 / span 2;
		text-align: center;
	}
	.main-header .bottom-header .header-btm-inner .header-btm-mid, .main-header .bottom-header .header-btm-inner .header-btm-right{
	  	grid-row-start: 2;
	}
	.main-header .bottom-header .header-btm-mid .wp-block-navigation{
		justify-content: flex-start;
	}
	.main-header .header-btm-right .header-search input.wp-block-search__input{
		width: 250px;
	}
	.banner-section .banner-left-box .banner-sub-title, .banner-section .banner-left-box .banner-content{
		text-align: center;
	}
	.banner-section .banner-left-box .social-icon-box, .banner-section .banner-bottom{
		position: static;
	}
	.banner-section .banner-right-box .banner-img{
		margin: 0 auto !important;
    float: none;
	}
	.banner-section .banner-right-box .banner-img img{
		height: 260px !important;
	}
	.banner-section .banner-left-box .banner-button{
		justify-content: center;
	}
  	.banner-section .banner-left-box .social-icon-box{
  		gap: 10px;
  	}
  	.banner-section .banner-left-box .banner-sub-title{
  		justify-content: center;
  	}
  	.banner-section .banner-bottom .banner-btm-box{
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		justify-content: center;
  	}
	.footer-section{
		text-align: center;
	}
	.footer-section nav ul, .footer-section nav ul li{
		width: 100%;
	}
	.footer-section nav ul li, .footer-section .wp-block-social-links{
	 	justify-content: center;
	}
	.footer-section .footer-boxes{
		gap: 45px;
	}
	.footer-section .footer-boxes .wp-block-heading{
		font-size: 25px;
	}
	.woocommerce-wishlist ul.shop_table.cart.wishlist_table.wishlist_view.responsive.mobile{
	  	grid-template-columns: 100%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.main-header .bottom-header .header-btm-inner, .banner-section .banner-boxes{
		flex-wrap: nowrap !important;
	}
	.banner-section .banner-right-box .banner-img img{
		height: 450px !important;
	}
	.banner-section .banner-left-box .banner-title{
		font-size: 26px !important;
	}
	.expert-section .expert-in-boxes{
		display: grid;
		grid-template-columns: auto auto;
	}
	.footer-section .footer-boxes{
		display: grid;
		grid-template-columns: auto auto;
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.banner-section .banner-right-box .banner-img img{
		height: 575px !important;
	}
	.banner-section, .banner-section .banner-boxes {
    	min-height: 730px;
	}
	.expert-section .expert-box .expert-img img{
		height: 220px !important;
	}
}
@media screen and (max-width: 999px){
	.main-header nav.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open){
		display: none;
	}
	.main-header nav.wp-block-navigation .wp-block-navigation__responsive-container-open, .main-header nav.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open{
		display: block;
	}
	.main-header .bottom-header .header-btm-mid a:hover{
		color: #ffffff;
	}
	.main-header .header-btm-mid nav .wp-block-navigation a:hover{
  		color: var(--wp--preset--color--base);
  	}
  	.main-header .header-btm-mid nav .wp-block-navigation a{
		padding: 6px !important;
  	}
	.main-header nav.wp-block-navigation .wp-block-navigation__responsive-container-content ul{
		gap: 22px !important;
		padding-top: 0 !important;
	}
	.main-header nav.wp-block-navigation .wp-block-navigation__responsive-container-content .has-child.wp-block-navigation-submenu{
		gap: 22px !important;
	}
	.main-header nav.wp-block-navigation .wp-block-navigation__responsive-container-content ul a{
		padding: 0 !important;
	}
}