/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://generatepress.com/about
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.6.1.1771498796
Updated: 2026-02-19 10:59:56

*/

/* nav#sticky-navigation {
    background-color: #0045a5;
}
.navigation-branding, .navigation-branding .sticky-navigation-logo {
    display: inline-block !important;
} */
.generate-page-header, .page-header-image, .page-header-image-single {
    display: none;
}
/* GeneratePress Site CSS */ .highlight-word mark.gb-highlight {
    background-image: linear-gradient(180deg,#052c64 0%,#052c64 100%);
    background-position: 0 86%;
    background-repeat: no-repeat;
    background-size: 100% 25%;
    padding-left: 0.1em;
    padding-right: 0.1em;
    margin-right: -0.1em;
    margin-left: -0.1em;
}
.shadow {
	box-shadow: 0 3px 10px 5px rgba(0,0,0,0.05);
}

.main-navigation.toggled ul {
    background-color: var(--accent);
}

.header-wrap .site-header {
	background-color: transparent
}
	
.slideout-navigation .main-nav, .slideout-navigation .slideout-widget:not(:last-child){
	margin-bottom: 10px;
	}

.nav-float-right #site-navigation {
    margin-right: auto;
}

a.gb-button-b06ef9a5{
	margin-bottom:0px;
}

.site-logo {
	margin-top: 10px
}

/* helvetica-neue */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Helvetica Neue';
  font-style: normal;
  font-weight: bold;
  src: url('https://marblancsolar.giant-bamboo.com/wp-content/uploads/2024/11/HelveticaNeue-Bold.ttf') format('ttf'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Helvetica Neue';
  font-style: normal;
  font-weight: normal;
  src: url('https://marblancsolar.giant-bamboo.com/wp-content/uploads/2024/11/HelveticaNeue.ttf') format('ttf'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.background-video {
    position: absolute;
    opacity: 1;
		top: 0;
		bottom: 0;
		top: 0;
  	left: 0;
  	width: 100%;
  	min-height: 75dvh;
  	object-fit: cover;
  	z-index: 0;
}

video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100dvh;
}
video{
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
/*.background-video,
video[poster] {
height: calc(var(--vh, 1vh) * 90);
}*/
}

.wp-block-video [poster]{
	object-fit: cover;
	height: 100%;
}

.single-project-header {
	position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 2rem;
}

.background-video-wrapper{
	top: 0;
	margin-top: -34px;
}


.main-navigation .main-nav ul li.nav-button a {
  background-color: #5785e8;
  border-radius: 4px;
  color: #ffff;
	margin-top: 10px;
    }

.category-button {
  display: inline-block;
  padding: 7px 15px;
  margin: 4px 6px 4px 0;
  background-color: #7399eb;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
	font-weight: bold;
  transition: all 0.2s ease-in-out;
}

.category-button:hover {
  background-color: #e2e2e2;
  color: #000;
}

@media (max-width: 768px) {
  .category-button {
    padding: 5px 12px;
    font-size: 12.5px;
  }
}


.location-button {
  display: inline-block;
  background-color: #fff;
  color: #000 !important;
  padding: 7px 15px;
  margin: 4px 6px 4px 0;
  border-radius: 4px;
  font-size: 15px;
	font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
.location-button:hover {
  background-color: #7399eb;
  color: #fff !important;
}

.location-button {
  background-image: url('https://marblancsolar.com/wp-content/uploads/2025/05/Map_pin_icon.svg');
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0.6em center;;
  padding-left: 2em;
}

.entry-content a {
  font-weight: bold;
}

/* Hidden overlay content */
@media (min-width: 768px) { 
	.hover-card-overlay {
		opacity: 0;
		transition: opacity 0.3s ease-in-out;
		z-index: 2;
	}
/* Reveal on hover */
	.hover-card:hover .hover-card-overlay {
		opacity: 1;
	}

/* Add the bright overlay using a pseudo-element */
	.hover-card-bg::before {
		content: "";
		position: absolute;
		inset: 0;
		background: rgba(255, 255, 255, 0.9); /* Light white overlay */
		opacity: 0;
		transition: opacity 0.3s ease-in-out;
	}

/* Show overlay on hover */
	.hover-card:hover .hover-card-bg::before {
		opacity: 1;
	}
}

/* Show overlay content by default on mobile */
@media (max-width: 768px) {
  .hover-card-overlay {
    background: #dfe9ff;
    opacity: 1;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
}

.ti-widget[data-layout-id='32'][data-set-id='drop-shadow'] .ti-popup-widget .ti-popup-widget-inner {
  height: 50% !important;
}

/*.button-cta {
	color:#000 !important;
	font-weight: 600 !important;
	border-radius: 4px;
	display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.button-cta-es {
	color:#000 !important;
	font-weight: 600 !important;
}*/

.site-logo {
	z-index: 500;
	position: relative;
}
	
.gold-outline {
  color: white;
  text-shadow:
    1px 1px 0 #d4af37,
   -1px -1px 0 #d4af37,
    1px -1px 0 #d4af37,
   -1px 1px 0 #d4af37;
}

/* Top bar banner layout + animation */
.topbar-banner{position:relative;overflow:hidden;white-space:nowrap}
.topbar-track{will-change:transform;animation:topbar-marquee 20s linear infinite}
.topbar-banner a{display:inline-block;padding:0 .25rem;text-decoration:underline}

@media (max-width: 768px) {
  .topbar-track {
    animation: topbar-marquee 15s linear infinite;
  }
}


/* Pause on hover/focus so links are easy to click */
.topbar-banner:hover .topbar-track,
.topbar-banner:focus-within .topbar-track{animation-play-state:paused}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .topbar-track{animation:none;transform:none}
}

/* Marquee keyframes */
@keyframes topbar-marquee{
  0%{transform:translateX(100%)}
  100%{transform:translateX(-100%)}
}

/* AIOSEO Breadcrumb styling */
.aioseo-breadcrumbs {
  color: #ffffff; /* default text colour */
	font-size: 15px;
}

.aioseo-breadcrumbs a {
  color: #8eadef; /* link colour */
  text-decoration: none;
}

.aioseo-breadcrumbs a:hover {
  text-decoration: underline; /* optional hover effect */
}

.aioseo-breadcrumb-separator {
  color: #ffffff; /* chevron colour */
  margin: 0 6px;
}

/* Force ConvertCalculator iframe to never collapse in height */
@media (max-width: 1000px) {
.calculator-frame {
  min-height: 670px !important;
  display: block;
}
}


 /* End GeneratePress Site CSS */
/*CSS By Nicolás Lukacs*/
#post-6175 > div > div > div > div > div.gb-container.gb-container-a3c60e8d{
	min-height:670px;
}
.spinner {
  border: 4px solid white;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border-left-color: #09f;

  animation: spin 1s ease infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
 
  100% {
    transform: rotate(360deg);
  }
}

a:hover{
	color:white;
}

.solar-project-hero{
	position: relative;
	height: 100vh; /* o la altura que quieras */
	overflow: hidden;
}

.solar-project-hero video, .solar-project-hero img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.solar-project-hero::before{
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.7); /* más alto = más oscuro */
	z-index: 1;
}
.video-title{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	text-align: center;
	color: white;
	z-index: 2;
}
@media (max-width:1100px){
	.header-widget{
		display:none;
	}
}

.glass-glow-layer {
    filter: blur(0.px);
    opacity: 0.9; 
    pointer-events: none;
}

.frosted-glass {
    /* Increase blur slightly for a more premium "glass" feel */
    backdrop-filter: blur(10px); 
    -webkit-backdrop-filter: blur(10px);
    
    background: linear-gradient(
        135deg, 
        rgba(255, 255, 255, 0.4) 0%, 
        rgba(255, 255, 255, 0.2) 100%
    );

    /* 2. THE HIGHLIGHT: Sharpen the top and left borders specifically */
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-top-color: rgba(255, 255, 255, 0.6);
    border-left-color: rgba(255, 255, 255, 0.6);

    box-shadow: inset 2px 2px 4px rgba(255, 255, 255, 0.25);

    color: #0e1524 !important;
    font-weight: 600; 
}