/*
Theme Name: EVSE Charging Dock
Theme URI: https://www.themescarts.com/products/evse-charging-dock
Author: Themes Carts
Author URI: https://www.themescarts.com/
Description: EVSE Charging Dock is a website theme designed for businesses and organizations involved in electric mobility and charging infrastructure. It includes layouts suitable for charging station listings, service details, pricing information, contact pages, and business profiles. The design supports responsive viewing across desktops, tablets, and mobile devices, helping users access charging information on different screen sizes. The theme can be used by EV charging station owners, electric vehicle manufacturers, renewable energy companies, green mobility startups, and automotive service centers that need an organized online presence. It includes customizable homepage sections, banner areas, service blocks, testimonial sections, and integrated navigation menus for easier content management. EVSE Charging Dock supports blog integration for sharing updates about charging technology, sustainability initiatives, or station maintenance information. It is compatible with commonly used plugins for forms, galleries, and social media integration. The theme also provides typography settings, color controls, and widget-ready sections to adjust the appearance according to business requirements. Its structured layout helps businesses present charging services, operational details, and location-based information in a clear format.
Version: 1.0
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: evse-charging-dock
Requires at least: 5.5
Requires PHP: 5.6
Tested up to: 6.9
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, block-patterns, block-styles, editor-style, wide-blocks, template-editing, style-variations, grid-layout, full-width-template, footer-widgets, featured-images, full-site-editing, featured-image-header, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, post-formats, sticky-post, threaded-comments, translation-ready, theme-options, rtl-language-support, portfolio, blog, photography

EVSE Charging Dock Theme has been created by ThemesCarts(themescarts.com), 2026.
EVSE Charging Dock Theme is released under the terms of GNU GPL
*/

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

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.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;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration-style: solid;
}
.wp-block-navigation .wp-block-navigation-item a{
	padding: 5px 18px;
}
.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item.current-menu-item a{
	color: var(--wp--preset--color--background) !important;
	border-radius: 35px;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--foreground);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

body.home .wp-site-blocks > * + *{
	margin-block-start:0 !important;
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

body.home .wp-block-cover{ margin-block-start:0 !important; }
nav.Hdr-menu.wp-block-navigation ul{ font-weight:600 !important;}


/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}
.headright-part{ text-align:right;}
body.home header.wp-block-template-part{ position: relative; width:100%; z-index:999;}
/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}
.wp-block-navigation ul li.current-menu-item > a,
.wp-block-navigation ul li a:hover{ color:var(--wp--preset--color--primary) !important;}

/* = Contact Form 7 CSS
----------------------------------------------- */
.wpcf7{ 
	margin:30px 0 0;
	padding:0;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="email"]{ 
	width:40%;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:0;
	height:40px;
	padding:0 15px;
}
.wpcf7 textarea{	
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	color:#797979;
	margin-bottom:25px;
	padding:10px;
	width:60%;
	height:160px;
	font-size:12px;
}
.wpcf7 input[type="submit"]{
	background-color:#efc62c;
	padding:20px 40px;
	border-radius:40px;
	font-weight:600;
	font-size:16px;
	cursor:pointer;
	color:#ffffff;	
	width:auto;
	border:none;
	text-transform:uppercase;
}
.wpcf7 input[type="submit"]:hover{
	background-color:#101010;
}
.search-box {
	position: relative;
}
.search-box .wp-block-search__input {
    position: absolute;
    top: 0;
    left: auto;
    right: 60px;
}
.search-box .wp-block-search__button {
    background: transparent !important;
    padding: 0;
}

/* Header Image */
.banner-wrap.inner-header-box{
	position: relative;
}
.banner-wrap.inner-header-box:after{
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0.6;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.banner-wrap.inner-header-box .wp-block-cover__inner-container{
	z-index: 1;
}

/* Header Section */
.home .main-header{
	position: absolute;
	width: 100%;
}
.home .main-header .menu-header{
	background-color: transparent !important;
}
.main-header .header-right .header-search .wp-block-search__button{
	padding: 0;
	height: fit-content;
	background: transparent;
}
.main-header .header-phone-info .phone-icon i{
	font-size: 20px;
	color: #ffffff;
}
.main-header .header-right .header-search{
	position: relative;
}
.main-header .header-right .header-search .wp-block-search__input{
	position: absolute;
	bottom: -42px;
	right: 0;
}
.main-header .header-right .header-phone-info{
	flex-basis: 35%;
}
.main-header .header-right .header-phone-info .phone-num a{
	text-decoration: none;
}
.main-header .header-right .header-phone-info .phone-num a:hover{
	color: var(--wp--preset--color--background);
}
.main-header .header-right .header-btn a,
.main-banner .banner-content .banner-btn a{
	transition: 0.8s;
}
.main-header .header-right .header-btn a:hover{
	background-color: var(--wp--preset--color--background-two) !important;
}
.main-banner .banner-content .banner-btn a:hover{
	background-color: var(--wp--preset--color--foreground) !important;
	color: var(--wp--preset--color--primary) !important;
}
.main-header .header-in-right{
	position: relative;
}
.main-header .header-in-right:before{
	content: '';
	position: absolute;
	background-color: #B2AAAA;
	height: 70%;
	width: 1px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

/* Banner */
.main-banner .banner-img .wp-block-cover__background{
	margin-top: 0;
}
.main-banner .banner-left{
	z-index: 1;
}
.main-banner .banner-left .banner-content{
	width: calc(100% + 80px)
}
.main-banner .banner-left .banner-sub-title{
	position: relative;
}
.main-banner .banner-left .banner-sub-title:before{
	content: '';
	position: absolute;
	height: 2px;
	width: 40px;
	background-color: var(--wp--preset--color--background);
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.main-banner .banner-right .banner-video{
	flex-direction: column;
	overflow: visible;
	display: inline-flex;
    float: right;
    right: 25%;
	position: relative;
    align-items: center;
    gap: 16px;
	color: #ffffff;
    text-decoration: none;
}
.main-banner .banner-right .banner-video .wpzoom-video-popup-block_icon{
	background-color: var(--wp--preset--color--background);
	color: #ffffff;
	height: 60px;
	width: 60px;
	display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
	position: relative;
}
.main-banner .banner-right .banner-video .wpzoom-video-popup-block_icon:after{
	content: '';
	position: absolute;
	height: 70px;
    width: 70px;
    background-color: transparent;
    border: 2px solid #ffffff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.main-banner .banner-right .banner-video .wpzoom-video-popup-block_icon svg{
	height: 20px;
	width: 20px;
}
.wpzoom-video-popup-block-modal .mfp-close{
	background-color: var(--wp--preset--color--background);
	opacity: 1;
    width: fit-content;
    padding: 8px 10px 14px 10px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    height: 38px;
}

/* Offer Section */
.offer-section .offer-outer-box .offer-img{
	overflow: visible;
}
.offer-section .offer-outer-box .offer-img img{
	border-radius: 15px 15px 0 0;
}
.offer-section .offer-outer-box .block-editor-block-list__block.offer-icon{
	width: 100%;
	position: static;
	background-color: transparent;
	transform: none;
}
.offer-section .offer-outer-box .offer-icon{
	position: absolute;
	bottom: -33px;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--wp--preset--color--background);
	color: #ffffff;
	height: 66px;
	width: 66px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
}
.offer-section .offer-outer-box .offer-box-title a{
	text-decoration: none;
}
.offer-section .offer-boxes .offer-outer-box:hover .wp-block-cover__background{
	opacity: 0.3;
	border-radius: 15px 15px 0 0;
}
.offer-section .offer-boxes .offer-outer-box .wp-block-cover__background,
.offer-section .offer-boxes .offer-outer-box .offer-icon i,
.main-banner .banner-right .banner-video .wpzoom-video-popup-block_icon svg{
	transition: 1s;
}
.offer-section .offer-boxes .offer-outer-box:hover .offer-icon i{
	transform: rotateY(360deg);
}
.offer-section .offer-boxes .offer-outer-box:hover .offer-box-title a{
	color: var(--wp--preset--color--background) !important;
}
.main-banner .banner-right .banner-video:hover .wpzoom-video-popup-block_icon svg{
	transform: scale(1.3);
}
.footer-boxes .wp-block-social-links li:hover{
	background-color: var(--wp--preset--color--background) !important;
}
.footer-boxes .wp-block-social-links li:hover a svg{
	color: #ffffff !important;
	fill: #ffffff !important;
}
.footer-div a{
	text-decoration: none;
}
.footer-div a:hover{
	color: var(--wp--preset--color--background);
}
.post-page-area .wp-block-post{
	padding: 30px;
	box-shadow: 12px 12px 50px rgba(0, 0, 0, 0.4);
	margin-bottom: 30px;
}
.sidebar-area-wrap .taxonomy-post_tag a {
    background: var(--wp--preset--color--primary);
    padding: 5px !important;
    border-radius: 6px;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff !important;
    margin-right: 10px;
}
.sidebar-area-wrap .taxonomy-post_tag span{
	display: none;
}
.read-more-btn a.wp-block-post-excerpt__more-link {
    background: var(--wp--preset--color--primary);
    border-color: currentColor;
    color: var(--wp--preset--color--white);
    font-weight: 700;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
}
.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
    max-width: 100%;
}
pre {
    background: #eee;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid #dfdfdf;
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid #dfdfdf;
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid #dfdfdf;
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: #f8f8f8;
}
.entry-content{
	overflow-wrap: anywhere;
	overflow: hidden;
}
.buy-now-button{
	padding: 5px 10px !important;
	color: #fff !important;
	border-radius: 7px !important;
	background: var(--wp--preset--color--background) !important;
}
.buy-now-button:hover{
	background: #000 !important;
}
a.added_to_cart.wc-forward {
    background-color: #32373c;
    color: #fff;
    padding-top: calc(0.667em + 2px);
    padding-right: calc(1.333em + 2px);
    padding-bottom: calc(0.667em + 2px);
    padding-left: calc(1.333em + 2px);
}

/*  Account Page CSS */
.woocommerce-account h2 {
	font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li,.woocommerce-account .addresses .title .edit {
	background: var(--wp--preset--color--background);
	margin-bottom: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
	background-color: transparent !important;
}
.woocommerce-MyAccount-navigation ul li a,.woocommerce-account .addresses .title .edit {
	padding: 8px 12px !important;
	font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0 !important;
}
.woocommerce-account .addresses .title .edit{
	color: #fff !important;
	text-decoration: none;
}
nav.woocommerce-MyAccount-navigation ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}
.woocommerce-account .addresses .title .edit {
    float: left;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	list-style: none;
	border-bottom: 1px solid #eaeaea;
	position: relative;
	padding: 0;
}
.woocommerce-MyAccount-navigation ul li a {
	padding: 15px 0;
	display: block;
	text-decoration: none;
}
.woocommerce-MyAccount-navigation ul li:last-child {
	border: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 2rem;
	padding: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	text-decoration: none;
}
.meta-category a{
	color: #fff !important;
	text-decoration: none !important;
}
.post-navigation-link-previous a,
.post-navigation-link-next a {
	color: #fff !important;
	text-decoration: none;
}
.post-navigation-link-previous a,
.post-navigation-link-next a{
  background: var(--wp--preset--color--background) !important;
  color: var(--wp--preset--color--secondary);
  padding: 7px 20px;
  border-radius: 5px;
}
.post-pgntion{
	margin-top: 40px;
}