/*
Theme Name: Bee Solar Company
Theme URI: https://themebee.net/products/bee-solar-company
Author: Theme Bee
Author URI: https://themebee.net/
Description: Bee Solar Company Theme offers a structured website layout with essential design elements for presenting content in a clear and organized manner. It features a responsive framework that automatically adapts to different screen sizes, helping pages display consistently across devices. The theme includes customizable homepage sections for featured content, services, projects, testimonials, blogs, and contact information. Users can modify colors, fonts, menus, logos, and widget areas through the customization settings without editing code. It supports image galleries, social media links, and blog functionality for sharing updates and information. The theme is developed with clean coding practices that contribute to stable performance and easier maintenance. Multiple page templates and flexible layout options provide additional control over website structure. It also includes customizable headers, footer widgets, and navigation menus to improve content organization. Compatibility with commonly used plugins allows additional functionality when needed. Overall, the theme emphasizes responsive design, organized content presentation, straightforward customization, and a consistent browsing experience while maintaining a simple and functional website structure.
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bee-solar-company
Tags: editor-style, blog, custom-background, custom-logo, custom-menu, custom-colors, style-variations, rtl-language-support, template-editing, featured-images, left-sidebar, one-column, right-sidebar, three-columns, four-columns, grid-layout, threaded-comments, two-columns, wide-blocks, full-width-template, sticky-post, block-styles, block-patterns, translation-ready, portfolio, photography
*/

/* 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;
}
a:focus{
	outline: 2px solid #FF0000;
    outline-offset: 2px;
}
.footer-section a{
	text-decoration: none;
}
.footer-section a:hover{
	color: var(--wp--preset--color--primary) !important;
}
.footer-section .wp-block-social-links a:hover{
	color: #ffffff !important;
}
.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;
}

/* 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;
}

/* 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);
}

/* Header */
.main-header .bottom-header{
	box-shadow: 0px 4px 6.5px 0px #0000001F;
	z-index: 1;
}
.main-header .top-header .phone-box p, .main-header .top-header .mail-box p, .main-header .top-header .top-text p{
	display: flex;
	align-items: center;
    gap: 6px;
}
.main-header .top-header a{
	text-decoration: none;
}
.main-header .top-header a:hover{
	color: var(--wp--preset--color--primary) !important;
}
.main-header .bottom-header .wp-block-navigation .wp-block-navigation-item a:hover{
	font-weight: 600;
}

/* Banner Section */

.banner-section .banner-content .banner-btm-content{
	width: 315px;
}
.banner-section .banner-right{
	position: relative;
}
.banner-section .banner-right .banner-icons-box{
	position: absolute;
	width: 500px;
	bottom: 30px;
}
.banner-section .banner-right .banner-img{
	width: 74%;
}
.banner-section .banner-right .banner-img img{
	width: 100% !important;
	object-fit: cover;
}
.banner-section .banner-right .banner-social-icons a{
	font-size: 20px;
}
.banner-section .banner-right .banner-social-icons a:hover{
	color: var(--wp--preset--color--primary) !important;
}
.banner-section .banner-right .banner-video-box .wpzoom-video-popup-block_icon{
	background: var(--wp--preset--color--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
	border: 3px solid #ffffff;
	padding: 12px 10px 10px 14px;
}
.banner-section .banner-right .banner-video-box .wpzoom-video-popup-block_icon svg{
	color: #fff;
	height: 25px;
    width: auto;
}
.banner-section .banner-right .banner-video-box .wpzoom-video-popup-block{
	height: 50px;
    display: block;
    width: 50px;
    min-height: 50px;
    margin: 0 auto;
	border-radius: 50%;
}
.banner-section .banner-content .banner-para{
	width: calc(100% + 130px);
}
.banner-section .banner-btns .banner-btn1 a, .banner-section .banner-btns .banner-btn2 a, .main-header .header-btm-right .header-btn a{
	transition: 0.9s;
}
.banner-section .banner-btns .banner-btn1 a:hover{
	background-color: transparent !important;
	border-color: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--contrast) !important;
}
.banner-section .banner-btns .banner-btn2 a:hover, .main-header .header-btm-right .header-btn a:hover{
	background-color: var(--wp--preset--color--primary) !important;
	border-color: var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--base) !important;
}
.banner-section .banner-video-box .wp-block-cover__inner-container{
	height: 220px;
	display: flex;
    align-items: center;
}
.banner-section .banner-video-box{
	position: relative;
	box-shadow: 0px 4px 11.4px 0px #000000C2;
}
.banner-section .banner-video-box .banner-video-text{
	position: absolute;
	bottom: 0;
	text-shadow: 0px 4px 4px #FFFFFF;
	width: 70%;
    text-align: center;
    float: right;
	right: 0;
}
.wpzoom-video-popup-block-modal .mfp-close{
	background-color: var(--wp--preset--color--primary);
    opacity: 1;
    width: fit-content;
    padding: 6px 10px 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

/* Solutions Section */

.solutions-section .solutions-box .solutions-title-box{
	width: 75%;
	margin: 0 auto;
	clip-path: polygon( 47.428% 99.962%,3.986% 99.962%,3.986% 99.962%,3.67% 99.919%,3.359% 99.793%,3.052% 99.588%,2.753% 99.304%,2.461% 98.943%,2.179% 98.507%,1.907% 97.999%,1.647% 97.419%,1.401% 96.77%,1.169% 96.053%,1.169% 96.053%,0.954% 95.278%,0.76% 94.453%,0.587% 93.585%,0.435% 92.676%,0.305% 91.732%,0.197% 90.756%,0.112% 89.754%,0.05% 88.73%,0.013% 87.688%,0% 86.634%,0% 58.644%,0% 58.644%,0.189% 58.619%,0.376% 58.545%,0.56% 58.422%,0.74% 58.252%,0.915% 58.035%,1.085% 57.774%,1.248% 57.469%,1.404% 57.121%,1.552% 56.732%,1.691% 56.302%,1.691% 56.302%,1.819% 55.836%,1.936% 55.342%,2.04% 54.82%,2.131% 54.274%,2.209% 53.708%,2.274% 53.122%,2.325% 52.521%,2.362% 51.906%,2.384% 51.28%,2.391% 50.647%,2.391% 50.647%,2.384% 50.014%,2.362% 49.389%,2.325% 48.774%,2.274% 48.172%,2.209% 47.587%,2.131% 47.02%,2.04% 46.475%,1.936% 45.953%,1.819% 45.458%,1.691% 44.993%,1.691% 44.993%,1.552% 44.563%,1.404% 44.173%,1.248% 43.825%,1.085% 43.52%,0.915% 43.259%,0.74% 43.043%,0.56% 42.873%,0.376% 42.75%,0.189% 42.675%,0% 42.65%,0% 13.328%,0% 13.328%,0.013% 12.273%,0.05% 11.232%,0.112% 10.207%,0.197% 9.206%,0.305% 8.23%,0.435% 7.286%,0.587% 6.377%,0.76% 5.508%,0.954% 4.684%,1.169% 3.908%,1.169% 3.908%,1.401% 3.192%,1.647% 2.543%,1.907% 1.963%,2.179% 1.454%,2.461% 1.019%,2.753% 0.658%,3.052% 0.374%,3.359% 0.168%,3.67% 0.043%,3.986% 0%,95.652% 0%,95.652% 0%,95.968% 0.043%,96.279% 0.168%,96.585% 0.374%,96.885% 0.658%,97.177% 1.018%,97.459% 1.454%,97.731% 1.963%,97.991% 2.542%,98.237% 3.192%,98.469% 3.908%,98.469% 3.908%,98.683% 4.684%,98.877% 5.508%,99.051% 6.377%,99.203% 7.286%,99.333% 8.23%,99.441% 9.205%,99.526% 10.207%,99.587% 11.231%,99.625% 12.273%,99.638% 13.328%,99.638% 42.65%,99.638% 42.65%,99.448% 42.675%,99.261% 42.75%,99.077% 42.873%,98.897% 43.043%,98.722% 43.259%,98.553% 43.52%,98.39% 43.825%,98.234% 44.173%,98.086% 44.563%,97.947% 44.993%,97.947% 44.993%,97.818% 45.458%,97.702% 45.953%,97.598% 46.475%,97.506% 47.02%,97.428% 47.587%,97.364% 48.172%,97.313% 48.774%,97.276% 49.389%,97.254% 50.014%,97.246% 50.647%,97.246% 50.647%,97.254% 51.28%,97.276% 51.906%,97.313% 52.521%,97.364% 53.122%,97.428% 53.708%,97.506% 54.274%,97.598% 54.82%,97.702% 55.342%,97.818% 55.836%,97.947% 56.302%,97.947% 56.302%,98.086% 56.732%,98.234% 57.121%,98.39% 57.469%,98.553% 57.774%,98.722% 58.035%,98.897% 58.252%,99.077% 58.422%,99.261% 58.545%,99.448% 58.619%,99.638% 58.644%,99.638% 86.634%,99.638% 86.634%,99.625% 87.688%,99.587% 88.73%,99.526% 89.754%,99.441% 90.756%,99.333% 91.732%,99.203% 92.676%,99.051% 93.585%,98.877% 94.454%,98.683% 95.278%,98.469% 96.054%,98.469% 96.054%,98.237% 96.77%,97.991% 97.419%,97.731% 97.999%,97.459% 98.508%,97.177% 98.943%,96.885% 99.304%,96.585% 99.588%,96.279% 99.794%,95.968% 99.919%,95.652% 99.962%,52.21% 99.962%,52.21% 99.962%,52.203% 99.328%,52.18% 98.703%,52.144% 98.088%,52.093% 97.487%,52.028% 96.901%,51.95% 96.334%,51.859% 95.789%,51.755% 95.267%,51.638% 94.772%,51.51% 94.307%,51.51% 94.307%,51.371% 93.877%,51.223% 93.487%,51.067% 93.14%,50.903% 92.835%,50.734% 92.573%,50.559% 92.357%,50.379% 92.187%,50.195% 92.064%,50.008% 91.99%,49.819% 91.965%,49.819% 91.965%,49.63% 91.99%,49.443% 92.064%,49.259% 92.187%,49.079% 92.357%,48.904% 92.573%,48.734% 92.835%,48.571% 93.14%,48.415% 93.487%,48.267% 93.877%,48.128% 94.307%,48.128% 94.307%,47.999% 94.772%,47.883% 95.267%,47.779% 95.789%,47.688% 96.334%,47.61% 96.901%,47.545% 97.487%,47.494% 98.088%,47.457% 98.703%,47.435% 99.328%,47.428% 99.962% );
}
.solutions-section .solutions-box .solutions-title a{
	text-decoration: none;
}
.solutions-section .solutions-box .solutions-img{
	overflow: hidden;
	border-radius: 10px;
}
.solutions-section .solutions-box:hover .solutions-title-box{
	background-color: var(--wp--preset--color--primary) !important;
}
.solutions-section .solutions-box:hover .solutions-img img{
	transform: scale(1.06);
}
.solutions-section .solutions-box .solutions-img img,
.solutions-section .solutions-box .solutions-title-box{
	transition: 0.9s;
}
.solutions-section .solutions-box .solutions-img img{
	width: 100% !important;
	object-fit: cover;
}

/* Media Query */
@media screen and (max-width: 767px){
	.main-header .top-header .phone-box p, .main-header .top-header .mail-box p, .main-header .top-header .top-text p{
		justify-content: center;
	}
	.main-header .bottom-header .header-btm-inner{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(2, 1fr);
		gap: 5px;
	}
	.main-header .bottom-header .header-btm-inner .header-logo-box {
		grid-column: span 3 / span 3;
		text-align: center;
	}
	.main-header .bottom-header .header-btm-inner .header-btm-mid {
		grid-row-start: 2;
	}
	.main-header .bottom-header .header-btm-inner .header-btm-right {
		grid-column: span 2 / span 2;
		grid-row-start: 2;
	}
	.main-header .header-btm-right .header-btn a{
		padding: 8px 16px !important;
	}
	.banner-section .banner-content{
		padding: 16px 10px !important;
		text-align: center;
	}
	.banner-section .banner-content .banner-btns{
		justify-content: center;
	}
	.banner-section .banner-right .banner-icons-box{
		width: 300px;
		position: unset;
		margin: 0 auto;
	}
	.banner-section .banner-right .banner-img img{
		height: 340px !important;
	}
	.banner-section .banner-right .banner-video-box{
		min-height: 200px !important;
		margin-top: 5px;
	}
	.banner-section .banner-right .banner-img {
    	width: 100%;
	}
	.banner-section .banner-right .banner-social-icons a{
		color: #000000 !important;
	}
	.banner-section .banner-right .banner-social-icons{
		display: block;
        width: 100%;
        text-align: center;
	}
	.banner-section .banner-content .banner-para{
		width: 100%;
	}
	.banner-section .banner-content .banner-btm-content{
		width: auto;
	}

	.banner-section .banner-video-box .wp-block-cover__inner-container{
		height: 200px;
	}
	.solutions-section .solutions-box .solutions-img img{
		height: 260px !important;
	}
	.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 .top-header .topbar-inner {
		flex-wrap: wrap !important;
	}
	.main-header .bottom-header .header-btm-inner, .banner-section .banner-boxes{
		flex-wrap: nowrap !important;
	}
	.main-header .top-header .topbar-inner:not(.is-not-stacked-on-mobile)>.phone-box{
		flex-basis: 45% !important;
	}
	.main-header .top-header .topbar-inner:not(.is-not-stacked-on-mobile)>.mail-box{
		flex-basis: 45% !important;
	}
	.main-header .top-header .topbar-inner:not(.is-not-stacked-on-mobile)>.top-text{
		flex-basis: 100% !important;
	}
	.main-header .top-header .topbar-inner .top-text p{
		justify-content: center;
	}
	.main-header .bottom-header .header-btm-inner:not(.is-not-stacked-on-mobile)>.header-logo-box{
		flex-basis: 30% !important;
	}
	.main-header .bottom-header .header-btm-inner:not(.is-not-stacked-on-mobile)>.header-btm-mid{
		flex-basis: 10% !important;
	}
	.main-header .bottom-header .header-btm-inner:not(.is-not-stacked-on-mobile)>.header-btm-right{
		flex-basis: 60% !important;
	}
	.banner-section .banner-boxes:not(.is-not-stacked-on-mobile)>.banner-left{
		flex-basis: 50% !important;
	}
	.banner-section .banner-boxes:not(.is-not-stacked-on-mobile)>.banner-right{
		flex-basis: 50% !important;
	}
	.banner-section .banner-content .banner-title{
		font-size: 30px !important;
	}
	.banner-section .banner-right .banner-img img{
		height: 500px !important;
	}
	.banner-section .banner-right .banner-icons-box{
		width: 300px;
	}
	.banner-section .banner-video-box .wp-block-cover__inner-container{
		height: 160px;
	}
	.banner-section .banner-right .banner-icons-box .banner-video-box{
		min-height: 200px !important;
	}
	.banner-section .banner-content .banner-para{
		width: 100%;
	}
	.banner-section .banner-content{
		padding-left: 21% !important;
	}
	.banner-section .banner-btns a{
		padding: 12px 20px !important;
	}
	.solutions-section .solutions-box .solutions-img img{
		height: 300px !important;
	}
	.footer-section .footer-boxes{
		display: grid;
		grid-template-columns: auto auto;
	}
}
@media screen and (min-width: 1000px) and (max-width: 1199px){
	.bottom-header .header-btm-mid nav.wp-block-navigation ul{
		gap: 32px;
	}
	.bottom-header .header-btm-mid nav.wp-block-navigation li a{
		font-size: 14px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1399px){
	.main-header .top-header p{
		font-size: 14px !important;
	}
	.main-header .bottom-header .header-btm-mid{
		flex-basis: 50% !important;
	}
	.main-header .bottom-header .header-btm-right{
		flex-basis: 25% !important;
	}
	.banner-section .banner-right .banner-icons-box{
		width: 350px;
	}
	.banner-section .banner-right .banner-img img{
		height: 580px !important;
	}
	.banner-section .banner-video-box .wp-block-cover__inner-container{
		height: 160px;
	}
	.banner-section .banner-right .banner-icons-box .banner-video-box{
		min-height: 200px !important;
	}
	.banner-section .banner-content .banner-title{
		font-size: 38px !important;
	}
	.banner-section .banner-left, .banner-section .banner-right{
		flex-basis: 50% !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 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;
	}
	.main-header nav.wp-block-navigation .wp-block-navigation__responsive-container-content ul a:hover{
		background-color: transparent !important;
		color: #000000;
	}
}