/*
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 is designed with a clean structure suitable for creating a professional website with a modern layout. It includes a responsive design that adjusts across desktops, tablets, and mobile devices for a consistent viewing experience. The homepage provides organized sections for banners, services, project highlights, testimonials, team information, and contact details. Built-in customization options allow changes to colors, typography, logo, menus, and layout settings without modifying the core files. The theme also supports featured images, social media integration, and blog pages for publishing updates or informational content. Its navigation is structured to help visitors move between pages with ease, while optimized code contributes to smooth performance. The layout is compatible with common plugins that extend functionality when required. It also includes footer widgets, call-to-action sections, and customizable headers to improve site organization. The overall design focuses on readability, structured content presentation, and flexible customization, making it suitable for building a well-organized website with a professional appearance and a consistent user experience across different screen sizes. 
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.0.0
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;
	}
}