@import url("https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800;900&display=swap");

:root {
  --alt-font: "Kumbh Sans", sans-serif;
  --primary-font: "Manrope", sans-serif;

  --base-color: #10B981;
  --bg-color-primary: #10B981;
  --bg-grey-color: #EAEBEF;
  --bg-color-secondary: #009EE2;

}

.bg-color-primary{ background-color: var(--bg-color-primary); }
.bg-color-secondary{ background-color: var(--bg-color-secondary); }
.btn-primary{
	--bs-btn-bg: var(--bg-color-primary);
	--bs-btn-border-color: var(--bg-color-primary);
	--bs-btn-hover-border-color: var(--bg-color-primary);
	--bs-btn-active-bg: var(--bg-color-primary);
	--bs-btn-disabled-bg: var(--bg-color-primary);
	--bs-btn-disabled-border-color: var(--bg-color-primary);
}
.text-primary{ color: var(--base-color) !important }
.text-secondary{ color: var(--bg-color-secondary) !important }

header .navbar-brand { padding: 5px 0px 0px 0px; }
header.sticky .navbar-brand { padding: 5px 0px 0px 0px; }
header .logoHeader .iconeLogo { }
header .logoHeader .iconeLogo a { padding-right: 5px; padding-bottom: 5px;}
header .logoHeader .iconeLogo a img{ width: 30px; }
header .logoHeader .siteTitle{ align-content: end; display: grid; line-height: 16px; min-width: 90px; }

.navbar .navbar-nav .dropdown .dropdown-menu { background-color: transparent; padding: 20px 0 20px; box-shadow: none; }

.navbar .navbar-nav .nav-link { padding: 10px 10px 10px 10px;}
.navbar .navbar-nav .submenu-content { border-top: 0; }
.header-icon { padding-top: 0px; }



.breadcrumb li, .breadcrumb li a{ font-size: .875rem; }
.breadcrumb-item + .breadcrumb-item::before { color: var(--base-color); }

.theme-demos .buy-theme{ background: #24CC63 }

.bg-gradient-colori-logo-dtm{ background-image: linear-gradient(50deg, var(--bg-color-secondary) 0, var(--bg-color-primary) 100%); }
.text-gradient-colori-logo-dtm{ background-image: linear-gradient(to right, var(--bg-color-primary), var(--bg-color-secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.page-divider-wrapper{ margin-bottom: -2; }

.cover-background {
	background-color: var(--bg-grey-color);
	background-image: url(../images/bg-energy.png);
	background-repeat: no-repeat;
	background-position: 100% 100% !important;
	background-size: auto !important;
	-webkit-transform: skewY(-3deg);
	-moz-transform: skewY(-3deg);
	-o-transform: skewY(-3deg);
	transform: skewY(-3deg);

	overflow: hidden;
	position: relative;

	padding-top: 150px !important;
	padding-bottom: 0px !important;
}
.breadcrumbCustom{ background: linear-gradient(to bottom, var(--bg-grey-color) 50%, transparent 50%); }

.home.cover-background{ padding-bottom: 150px !important; }

.cover-background .container{ transform: skewY(3deg); }

header .navbar [class*="col-"] .navbar-nav .nav-item a{ text-transform: uppercase; }
.swiper-slide{ border-left: 4px solid var(--base-color); }
.swiper-slide .triangle{

	position: absolute;
	left: 0px;
	top: 30px;


	width: 15px;
	height: 30px;
	background-color: var(--base-color);
	border-radius: 0rem 15px 15px 0;

}
h3 span.mini{ display: block; font-size: 15px }
.blog-standard .blog-details h2, .blog-standard .blog-details h3{ color: var(--dark-gray); line-height: normal; margin-bottom: 10px; }
.blog-standard .blog-details h2 { font-size: 25px; }
.blog-standard .blog-details h3 { font-size: 20px; }
.semi-circle {
  height: 100%;
  width: 100%;
  border-radius: 5rem 5rem 0 0;
}

.blink_text{
	animation:2s blinker linear infinite;
}
@keyframes blinker {
	0% { opacity: 1.0; color: #DC3131 !important; }
	50% { opacity: 0.0; color: #DC3131 !important; }
	100% { opacity: 1.0;  color: #DC3131 !important; }
}

/* Fix vertical-counter: ensure digits display side-by-side when nested in a span */
.vertical-counter { display: inline-flex; }

/* Energy-specific: service badge colors */
.badge-futuro { background-color: var(--bg-color-primary); color: #1a1a1a; }
.badge-now { background-color: #DC3131; color: #fff; }
.badge-passato { background-color: var(--bg-color-secondary); color: #fff; }

/* bg-base-color helper */
.bg-base-color { background-color: var(--base-color); }
.bg-base-color .text-white, .bg-base-color h5.text-white { color: #fff !important; }
.bg-base-color .btn-white { color: #fff; }
table thead.bg-base-color .text-white, table thead.bg-base-color th { color: #fff !important; }

/* Maps gallery */
.dm-map-thumb { opacity: 0.6; transition: all 0.2s ease; border: 2px solid transparent; }
.dm-map-thumb:hover { opacity: 1; }
.dm-map-thumb--active { opacity: 1; border-color: var(--base-color); }
.dm-map-main-img { transition: opacity 0.15s ease; }
.dm-map-slider { accent-color: var(--base-color); }
.cursor-pointer { cursor: pointer; }

/*####################### RESPONSIVE CSS #############################*/
@media (max-width: 991px) {
	header .logoHeader .iconeLogo a img{ width: 20px; }
	header .navbar-brand .mobile-logo{ width: 180px !important; }
	header .logoHeader .siteTitle{ font-size: 12px; }
	.home.cover-background{ padding-bottom: 0px !important; }
	.menu-order button{
		order: 5;
		position: absolute !important;
		right: 10px;
		top: 20px;
	}
	header .navbar [class*="col-"].text-end{ position: absolute !important; right: 50px; top: 16px; }

	.dropdown-menu.submenu-content{ padding: 0px !important; }
	.dropdown-menu.submenu-content .feature-box{ padding: 15px 0px !important; }
	.dropdown-menu.submenu-content .feature-box .feature-box-icon{ margin-bottom: 5px !important; }
	.dropdown-menu.submenu-content .feature-box .feature-box-icon img{ width: 30px !important; }

}