/*
 Theme Name:   YOOtheme Alterego
 Template:     yootheme
 Author:       Siprec
 Description:  YOOtheme Child Theme
 Version:      1.0.0
 Text Domain:  yootheme-alterego
*/
.black-font {
	font-weight: 900!important;
}
.uk-navbar-container.uk-navbar-transparent a.uk-navbar-toggle {
    height: 60px;
    width: 60px;
	color: #fff;
    min-height: 60px;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 60px;
}
.uk-navbar-container.uk-navbar-transparent a.uk-navbar-toggle svg {
	color: #fff;
}
.uk-navbar-container.uk-navbar-transparent a.uk-navbar-toggle:hover,
.uk-navbar-container.uk-navbar-transparent a.uk-navbar-toggle:active,
.uk-navbar-container.uk-navbar-transparent a.uk-navbar-toggle:focus {
	background: #fff;
}
.uk-navbar-container.uk-navbar-transparent a.uk-navbar-toggle:hover,
.uk-navbar-container.uk-navbar-transparent a.uk-navbar-toggle:active,
.uk-navbar-container.uk-navbar-transparent a.uk-navbar-toggle:focus,
.uk-navbar-container.uk-navbar-transparent a.uk-navbar-toggle:hover svg,
.uk-navbar-container.uk-navbar-transparent a.uk-navbar-toggle:active svg,
.uk-navbar-container.uk-navbar-transparent a.uk-navbar-toggle:focus svg {
	color: #bd1622;
}
#wave-section {
    margin: auto;
    width: 100%;
	height: 100%;
    z-index: 100000000;
    left: 0;
	background-size: cover;
}
#wave-section > div {
	padding: 0;
}
#wave-section .uk-tile {
    margin-bottom: -2px;
}
.uk-offcanvas-bar .uk-nav li a {
    position: relative;
    display: inline-block;
    font-weight: 800;
	font-size: 32px;
    color: #fff;
    overflow: hidden;
    background: linear-gradient(to right, #bd1622, #bd1622 50%, #fff 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms ease;
}
.uk-offcanvas-bar .uk-nav li a:hover,
.uk-offcanvas-bar .uk-nav li a:active,
.uk-offcanvas-bar .uk-nav li a:focus {
    background-position: 0 100%;
}
.blob-icon {
	width: 60px;
	height: 60px;
	border-radius: 60px;
	line-height: 57px;
	margin: auto;
	background: white;
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
	animation: pulse-white 2s infinite;
}
.contact-form form label,
.contact-form form input[type="text"],
.contact-form form input[type="email"] {
	width: 100%;
	height: 40px;
}
.contact-form form textarea {
	width: 100%;
}
.contact-form form input[type="submit"] {
	margin-top: 20px;
	    border: none;
	    overflow: visible;
	    font: inherit;
	    color: inherit;
	    text-transform: none;
	    -webkit-appearance: none;
	    border-radius: 0;
	    display: inline-block;
	    box-sizing: border-box;
	    padding: 0 30px;
	    vertical-align: middle;
	    font-size: .875rem;
	    line-height: 38px;
	    text-align: center;
	    text-decoration: none;
	    transition: .1s ease-in-out;
	    transition-property: color,background-color,background-position,background-size,border-color,box-shadow;
	    font-weight: 500;
	    text-transform: uppercase;
	    border-radius: 4px;
	    background-origin: border-box;
	    background-color: #bd1622;
	    color: #fff;
		width: 100%;
	    border: 1px solid transparent;
		cursor: pointer;
}
.contact-form form input[type="submit"]:hover,
.contact-form form input[type="submit"]:active,
.contact-form form input[type="submit"]:focus {
	color: #bd1622;
	background: #fff;
	border-color: #bd1622;
}
@keyframes pulse-white {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.blob-icon a {
	color: #A3141D!important;
}
.animate-img {
-webkit-animation: move-one 7s ease-in-out infinite;
    animation: move-one 7s ease-in-out infinite;
}
svg.radial-progress {
  height: auto;
  max-width: 200px;
  padding: 1em;
  transform: rotate(-90deg);
  width: 100%;
}

svg.radial-progress circle {
  fill: rgba(0,0,0,0);
  stroke: #bd1622;
  stroke-dashoffset: 219.91148575129; 
  stroke-width: 10;
}

svg.radial-progress circle.incomplete { opacity: 0.25; }

svg.radial-progress circle.complete { stroke-dasharray: 219.91148575129; }

svg.radial-progress text {
  fill: #666;
  text-anchor: middle;
}
svg.radial-progresscircle { stroke:#a2ed56; }

/* ROADMAP */
#my-timeline.roadmap.roadmap--orientation-auto .roadmap__events:after,
#my-timeline.roadmap.roadmap--orientation-auto .roadmap__events__event:after, 
#my-timeline.roadmap.roadmap--orientation-auto .roadmap__events__event:before {
	background-color: #345995!important;
}
#my-timeline-02.roadmap.roadmap--orientation-auto .roadmap__events:after,
#my-timeline-02.roadmap.roadmap--orientation-auto .roadmap__events__event:after, 
#my-timeline-02.roadmap.roadmap--orientation-auto .roadmap__events__event:before {
	background-color: #03CEA4!important;
}
#my-timeline-03.roadmap.roadmap--orientation-auto .roadmap__events:after,
#my-timeline-03.roadmap.roadmap--orientation-auto .roadmap__events__event:after, 
#my-timeline-03.roadmap.roadmap--orientation-auto .roadmap__events__event:before {
	background-color: #FB4D3D!important;
}
@media screen and (max-width: 639px) {
	h1, .uk-h1 {
		font-size: 38px!important;
	}
	h2, .uk-h2 {
		font-size: 32px!important;
	}
	h3, .uk-h3 {
		font-size: 28px!important;
	}
	h4, .uk-h4 {
		font-size: 22px!important;
	}
	h5, .uk-h5 {
		font-size: 18px!important;
	}
	h6, .uk-h6 {
		font-size: 16px!important;
	}
	.uk-navbar-container {
		padding: 10px 0px!important;
	}
	.roadmap.roadmap--orientation-auto .roadmap__events__event .event,
	.roadmap.roadmap--orientation-auto .roadmap__events__event,
	.roadmap.roadmap--orientation-auto .roadmap__events {
		width: 100%!important;
		text-align: initial!important;
	}
	.roadmap.roadmap--orientation-auto.roadmap--initialized .roadmap__events .roadmap__events__event .event {
		top: initial!important;
	}
	.roadmap.roadmap--orientation-auto .roadmap__events__event {
		left: 0!important;
		min-height: 155px!important;
	}
	.roadmap.roadmap--orientation-auto .roadmap__events__event .event
	.roadmap.roadmap--orientation-auto .roadmap__events__event .event .event__content small {
	    display: inline-block;
	}
	.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(odd) .event {
		margin-left: 0!important;
	}
	.roadmap.roadmap--orientation-auto .roadmap__events__event:nth-child(even) .event {
		right: initial!important;
	}
	.lavori-showcase ul.el-nav li {
		display: block;
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	.lavori-showcase ul.el-nav li::before {
		content: none;
	}
	.lavori-showcase .uk-subnav-divider {
		margin-left: initial;
	}
}