@font-face {
  font-family: "NewRailAlphabet";
  src: url("../fonts/NewRailAlphabet-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NewRailAlphabet";
  src: url("../fonts/NewRailAlphabet-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root{
	--color-red: 	#e10600;
	--color-black: 	#0c0e0a;
	--color-grey: 	#E7EBE5;
	--color-grey-2:	#CACEC8;
}

header.tm-header .uk-navbar-container:has(.menu-item:hover),
header.tm-header .uk-navbar-container:has(.uk-search-icon:hover),
header.tm-header:has(.uk-open) .uk-navbar-container
{
	background: var(--color-black);
	transition: .6s background ease-in-out;
}

header.tm-header .uk-navbar-container:has(.menu-item:hover) a,
header.tm-header .uk-navbar-container:has(.uk-search-icon:hover) a,
header.tm-header:has(.uk-open) .uk-navbar-container .menu-item a
{
	color: var(--color-grey-2);
}

header.tm-header .uk-navbar-container:has(.menu-item:hover) .menu-item a[aria-expanded="true"],
header.tm-header:has(.uk-open) .uk-navbar-container .menu-item a[aria-expanded="true"],
header.tm-header .uk-navbar-container .menu-item:hover a
{
	color: #fff ;
}


header.tm-header .uk-navbar-container:has(.menu-item:hover) .uk-navbar-left img,
header.tm-header:has(.uk-open) .uk-navbar-container  .uk-navbar-left img
{
	display:none;
}


header.tm-header .uk-navbar-container:has(.menu-item:hover) .uk-navbar-left img.uk-logo-inverse,
header.tm-header:has(.uk-open) .uk-navbar-container .uk-navbar-left img.uk-logo-inverse
{
	display:block !important;
}




/* yootheme button */
.uk-button-text{
	text-transform: none;
	font-weight:300 !important;
	letter-spacing: 0;
	border-bottom-color: color-mix(in srgb, currentColor 70%, transparent);
    transition: border-bottom-color 0.2s ease;
}

.uk-button-text:hover {
    border-bottom-color: currentColor;
}




/* esc linea titoli  rossa*/
.esc-custom-title-line {
  display: flex;
  align-items: center;

}

.esc-custom-title-line::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #e10600;
  margin-right: 15px;
}


.esc-custom-title-line.white::before {
	  background-color: #fff;
}

/* esc linea titoli bianca */
.esc-custom-title-line-white {
  display: flex;
  align-items: center;

}

.esc-custom-title-line-white::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #fff;
  margin-right: 15px;
}

/* esc ticker  
.esc-ticker-bar {
  background: #CC2222;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.esc-ticker-track {
  display: flex;
  white-space: nowrap;
  animation: esc-ticker-scroll 18s linear infinite;
}

.esc-ticker-item {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 14px;
}

.esc-ticker-dot {
  font-size: 14px;
  font-weight: 700;
  color: #FFFFFF;
  padding: 10px 8px;
}

@keyframes esc-ticker-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}


.esc-ticker-bar:hover .esc-ticker-track {
  animation-play-state: paused;
	
}

*/

/* esc ticker  */
.esc-ticker-bar {
  background: #CC2222;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.esc-ticker-track {
  display: flex;
  width: max-content;
  white-space: nowrap;
  animation: esc-ticker-scroll 18s linear infinite;
}

.esc-ticker-item {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 14px;
}

.esc-ticker-dot {
  font-size: 14px;
  font-weight: 700;
  color: #FFFFFF;
  padding: 10px 8px;
}

@keyframes esc-ticker-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.esc-ticker-bar:hover .esc-ticker-track {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .esc-ticker-track {
    animation: none;
  }
}




/* padding-left testo */

.esc-text-padding-left{
		padding-left: 0px;
	}

@media (min-width: 920px) {
	.esc-text-padding-left{
		padding-left: 80px !important;
	}
	
}


.esc-text-padding-left-large{
		padding-left: 0px;
	}

@media (min-width: 920px) {
	.esc-text-padding-left-large{
		padding-left: 140px;
	}
}





/* kpi parte rossi */
@media (min-width: 1200px) {
.esc-kpi-plus{
	font-size:45px;
	font-weight:300;
	line-height:54px;
	color:#D20A11;
	}
}

@media (max-width: 1199px) {
.esc-kpi-plus{
	font-size:36px;
	font-weight:300;
	color:#D20A11;
}
}
/* section rossa */
	
.esc-section-red{
	background:#D20A11 !important;
}


/* Separatore Data */
.esc-date-separator {
    color: var(--color-red);
}

/*
 * FAQ Accordion 
 */

.esc-faq-accordion .el-title b{
	font-weight: bold !important;
}

.esc-faq-accordion .esc-titolo-team{
	font-size: 24px;
	font-weight: 300;
	line-height 32px;
}


.esc-faq-accordion .esc-ruolo-team{
	font-size: 20px;
	font-weight: 300;
	line-height 28px;
}

.esc-faq-accordion .uk-accordion-icon{
	border: 1px solid;
    border-radius: 50%;
    padding: 10px;
	color: #0C0E0A !important;
	
}





.esc-kpi .el-content{
	text-transform: uppercase;
}


/*
 * ESC Chips
 */


.esc-chips{
	display: flex;
    flex-direction: row;
	flex-wrap: wrap;
    gap: .7rem;
    align-items: center;
}

.esc-chips .el-item{
	margin-top:0 !important;
	padding: 4px 12px;
	font-size: 14px;
	font-weight: 300;
	background: var(--color-grey);
	border: 1px solid var(--color-grey-2);
}

.esc-chips .el-item a:hover{
	color: var(--color-red);
}


/*
 * ESC Feature list 2
 */

.esc-feature-list-2{
	padding-bottom:2rem;
	margin-bottom:2rem;
	border-bottom: 1px solid var(--color-grey-2);
}

.esc-feature-list-2 .esc-feature-list-2-title a{
	display:block;
cursor: default;
}
.esc-feature-list-2 .esc-feature-list-2-title a::after{
	content: '';
	cursor: pointer;
	position: absolute;
    right: 0;
	width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #D7D7D0;
    background-color: #F2F2ED;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23e10600' d='M10.7827 8.66602H2.66602V7.33268H10.7827L7.04935 3.59935L7.99935 2.66602L13.3327 7.99935L7.99935 13.3327L7.04935 12.3993L10.7827 8.66602Z'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
	transition: transform .3s ease;
    transform-origin: center;
}

.esc-feature-list-2 .esc-feature-list-2-title a:hover::after{
	transform: rotate(-45deg);
}


/**
 *		ESC STEP 
 */

.esc-step .el-item {
	background:transparent;
}

.esc-step .el-title{
	font-weight: 300;
	font-size:45px;
	line-height:110%;
}

.esc-step .el-meta{
	text-transform:uppercase !important;
	font-size:14px;
}

.esc-step .el-content .esc-step-title{
	font-size: 24px; 
	color: var(--color-black);
}


.esc-section-hero-image{
	overflow: hidden;
}

.esc-section-hero-image img{
	height:250px
}


@media screen and (min-width:1024px){
	.esc-section-hero-image img{
		height:500px
	}

}




/*
 | ----------------------------------
 | ESC PANEL COURSES
 | ----------------------------------
 */

.esc-panel-courses{
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.esc-panel-courses .el-image {
    flex: 0 0 auto;
}

.esc-panel-courses .el-title {
    flex: 1;
    margin: 0 !important;
	color: var(--color-red) !important;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
}

.esc-panel-courses .el-content {
    flex: 0 0 100%;
    margin-top: 16px;
}



/*
 | ----------------------------------
 | ESC VERTICAL CARD (Type1)
 | ----------------------------------
 */


.esc-vertical-card-type1 .esc-vertical-card-type1-item:not(:has(img)) {
    border-top: 3px solid var(--color-red);
}


/*
 | ----------------------------------
 | ESC GRID CASE STUDIES
 | ----------------------------------
 */


.esc-grid-case-studies .el-item {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #383837 !important;
}

.esc-grid-case-studies .el-meta a{
     color:#d20a11!Important;
     text-transform:uppercase;
     font-size:14px;

 }