/*
Theme Name: Element Energia
Theme URI: http://demo.cmssuperheroes.com/themeforest/solatec/
Description:  Solatec Child Theme
Author: CMSSuperHeroes
Author URI: https://cmssuperheroes.com/
Description: Solatec is a theme run on Elementor Page Builder Plugin
Version: 1.0.0
Requires at least: 4.7
Requires PHP: 5.2.4 or Higher
Tested up to: 5.4.2;
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: solatec-child
Template:     solatec
Tags: One Click Demo Import, Elementor Page Builder, Solar, Renewable and Green Energy WordPress Theme, Solar Power Panels & Wind Turbine WooCommerce Shop, WooCommerce Shop
*/

.cms-header-logo a {
	max-width: inherit;
}
.cms-header-logo a img {
	max-height: 55px;
}
.menu-item span.link-icon.left-icon {
    padding-right: 5px;
}
.cms-post-featured-wrapper {
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-size: cover;
}

.text-accent {
	color: #171717;
	font-weight: 600;
}

.cms-btn-content.cms-btn-content- {
	text-transform: none;
}

.cms-heading-layout-7 .cms-heading-desc {
	padding-left: 0px !important;
}

.cms-heading-layout-7 .cms-heading-desc:before {
	display:none;
}

.cms-btn-wraps .cms-post-item-readmore {
	color:#5ABCA9 !important;
}

.bg-accent {
    background-color: #5ABCA9;
}
.btn.btn-outline.btn-accent, button.btn-outline.btn-accent, .button.btn-outline.btn-accent, input[type="submit"].btn-outline.btn-accent, input[type="button"].btn-outline.btn-accent {
    color: #5ABCA9;
}
.btn-accent {
    background-color: #5ABCA9;
    border-color: #5ABCA9;
}
.btn.btn-hover-accent:hover, button.btn-hover-accent:hover, .button.btn-hover-accent:hover, input[type="submit"].btn-hover-accent:hover, input[type="button"].btn-hover-accent:hover {
    border-color: #5ABCA9;
    background-color: #5ABCA9;
    color: #FFFFFF;
}

.sector-menu {
	color: #5ABCA9 !important;
}

.cms-heading .text-24 .text-lg-40 .pb-15 .empty-none {
	line-height: initial;
}

.cms-howitwork .cms-heading {
    line-height: 1em;
}
.cms-howitwork .cms-howitwork-r-img, 
.cms-howitwork .cms-howitwork-item-img {
    background-repeat: no-repeat;
    background-size: cover;
}
.btn-primary, .btn-secondary {
    border: none;
}
body *.text-hover-accent:hover {
    color: #5ABCA9 !important;
}

.cms-quick-contact-layout-10 .cms-qc-inner {
    background-color: #e3fffa;
}

/* MAP */
.embed-responsive .embed-responsive-item, 
.embed-responsive embed, 
.embed-responsive iframe, 
.embed-responsive object, 
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive:before {
    display: block;
    content: "";
}
.map-wrapper:before {
    padding-top: 133.33333%;
}

html .olFramedCloudPopupContent {
    background-color: #fff;
    border-radius: 0px;
    border: 1px solid #ccc;
    color: #333333;
    font-size: 16px;
    line-height: 1.2em;
    box-shadow: 0 0 12px rgba(0, 0, 0 , 0.5);
}
html .olPopupCloseBox {
    background: none;
    background-color: #5abca9;
    border-radius: 999px;
    color: #fff;
    width: 22px !important;
    height: 22px !important;
    right: 47px !important;
    top: 18px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    /* box-shadow: 0 0 6px rgba(0, 0, 0 , 0.7); */
}
html .olPopupCloseBox:before {
    content: '✖';
    font-size: 12px;
    transition: background 0.15s ease-out;
}
html .olPopupCloseBox:hover {
    background-color: #EA5631;
}
html .olPopup {
    background: none;
}
html .olPopup #chicken_FrameDecorationDiv_0,
html .olPopup #chicken_FrameDecorationDiv_1,
html .olPopup #chicken_FrameDecorationDiv_2,
html .olPopup #chicken_FrameDecorationDiv_3,
html .olPopup #chicken_FrameDecorationDiv_4 {
    background: none;
    display: none;
}
.map-marker-icon {
    transition: opacity 0.15s ease-out;
}
.map-marker-icon:hover {
    cursor: pointer;
    opacity: 0.8;
}
.map-popup-inner {
    padding: 15px;
}
.map-popup-title {
    font-weight: 700;
    margin-bottom: 5px;
}
.map-popup-content {
    font-size: 12px;
}
.map-popup-address {
    color: #666;
    font-size: 12px;
    border-top: 1px solid #eaeaea;
    margin-top: 3px;
    padding-top: 3px;
}
.map-popup-projects {
    font-size: 12px;
}
.map-popup-projects a {
    font-weight: 700;
    transition: color 0.15s linear;
}
.map-popup-projects a:hover {
    color: #EA5631;
}
.map-popup-projects ul {
    list-style-type: none;

}
.map-popup-projects li {
    display: block;
    width: 100%;
}


@media screen and (min-width: 576px){
    .map-wrapper:before {
        padding-top: 75%;
    }    
}
@media screen and (min-width: 768px){
    .map-wrapper:before {
        padding-top: 56.25%;
    }    
}
@media screen and (min-width: 992px){
    .map-wrapper:before {
        padding-top: 42.85714%;
    }    
}
@media screen and (min-width: 1220px){
    .map-wrapper:before {
        padding-top: 28.57143%;
    }    
}

/* Menu mobile */
@media screen and (max-width: 575px){
    .cms-primary-menu > li, .cms-primary-menu ul.sub-menu > li {
        font-size: 22px;
    }
    .cms-primary-menu .sub-menu a {
        font-size: inherit;
    }
    .cms-primary-menu > li > a {
        font-size: inherit;
    }
    .cms-primary-menu .sub-menu a:hover:before {
        display: none;
    }
    .cms-primary-menu .sub-menu a:hover {
        padding-left: 0;
    }
}

html .olControlAttribution {
  background-color: rgba(255, 255, 255, 0.7);
    bottom: 0;
    left: 0;
    padding: 0px 5px;
    right: auto;
}

.cms-navigation .logoelement a {
	position: relative;
	opacity: 0;
}
.cms-navigation .logoelement:after {
	position: absolute;
	opacity: 1;
	content: '';
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background-image: url('https://www.elementenergia.com/wp-content/uploads/2024/10/wallbox-element-energia-logo.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
	pointer-events: none;
}

@media screen and (min-width: 1200px) {
	.cms-navigation .logoelement:after {
		height: 42%;
	}
}

.transparent .bg-white{
	background: transparent !important;
}
.transparent .bg-white .pt-15,
.transparent .bg-white .cms-heading{
	color: #fff;
}