/**
Theme Name: SMARTPEG
Author: Desegno srl
Author URI: https://terbgroup.it/
Description: SMARTPEG is a fast, fully custom theme. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, SMARTPEG comes with schema.org code integrated so search engines will love your site. # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible # Designed, Developed, Maintained & Supported by DESEGNO. 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: smartpeg
Template: astra
*/



p {
    margin-bottom: inherit;
}


.ast-container {
	overflow: hidden;
}


.consentoverflow {
   overflow: visible !important;
}

.ast-primary-header-bar .site-primary-header-wrap {
   overflow: visible !important;
}


.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    margin-bottom: 20px;
}

.numeri .elementor-counter-title {
	line-height:1em !important;
}
.numeri .elementor-counter-number-suffix {
    font-size: 55%;
    /* line-height: 1.8em; */
    padding-top: 20px;
}
.numeri {
    background-image: url("/wp-content/uploads/ombra-bottone-dati.svg") ;
	background-repeat: no-repeat;
    background-position: 10% 30%;
    /* padding-block-end: 20px; */
    padding-bottom: 20px;
}

.numeri.LIVREA {
    background-image: url("/wp-content/uploads/ombra-bottone-dati-livrea.svg") ;
	background-repeat: no-repeat;
    background-position: 10% 30%;
    /* padding-block-end: 20px; */
    padding-bottom: 20px;
}

.numeri.GURU {
    background-image: url("/wp-content/uploads/ombra-dati-guruup.svg") ;
	background-repeat: no-repeat;
    background-position: 65% 30%;
    /* padding-block-end: 20px; */
    padding-bottom: 20px;
}



.numeri .elementor-widget-container {
    background: #fff ;
	height: 85%;
	width: 85%;
}


.step.RITMO {
    background-image: url("/wp-content/uploads/ombra-bottone-dati-livrea.svg") ;
	background-repeat: no-repeat;
    background-position: 100% 30%;
    /* padding-block-end: 20px; */
    padding-bottom: 20px;
}

.step.RITMO .elementor-counter-number {
	color: #187cc0;
	margin-left: 20px;
}

/*
.clienti-carosello .swiper-slide {
	height: 80px;
	width: auto !important;
}
*/

.v-baseline {
	vertical-align: baseline;
}


.clienti-carosello .swiper-wrapper { margin-bottom: 50px;}

.clienti-carosello  .swiper-pagination-bullet {
    outline-offset: 8px;
    outline-style: solid;
    outline-width: 1px;
	outline-color: transparent;
    margin: 14px !important;
	opacity: 1;
}


.clienti-carosello  .swiper-pagination-bullet-active {
    outline-color: black;
}

.footer-widget-area {
	font-weight: 500;
	color: #191919;
}
.footer-widget-area a {color: #191919;}
.footer-widget-area a:hover {color: #c7017f;}

.ast-theme-transparent-header .sticky#masthead {
	position: fixed;
	background: rgba(0,0,0,0.75);
}

.ast-theme-transparent-header .sticky#masthead .ast-builder-menu-2 .menu-item > .menu-link {
	font-size: 16px;
	line-height: 20px;
}
.ast-theme-transparent-header .sticky#masthead .ast-above-header-bar .site-above-header-wrap {
    min-height: 30px;
}
.ast-theme-transparent-header .sticky#masthead .site-logo-img .transparent-custom-logo img {
    max-width: 140px;
}

.clear {
	clear: both;
}


/** ritmo **/
  #step-ritmo .elementor-tab-title {
        border: 1px solid #f59e5d;
	    text-align: center;
	    padding: 30px 60px;
    }


#step-ritmo .elementor-tab-title.elementor-active {
    background: #f59e5d;
}


#step-ritmo .elementor-tab-title:first-child {
        border-radius: 50px 0 0 50px;
    }

#step-ritmo .elementor-tab-title:last-child {
        border-radius: 0 50px 50px 0;
    }

#step-ritmo .elementor-tabs-wrapper {
    margin-bottom: 40px;
}

.profile-content a {color: #fff !important;}
.profile-content a:hover {color: #ffcc00 !important;}

.main-header-menu .sub-menu {visibility: visible;}

.site-below-footer-wrap .footer-widget-area a,
.ast-footer-copyright a {
    color: #fff;
}
.site-below-footer-wrap .footer-widget-area a:hover,
.ast-footer-copyright a:hover {
    color: var(--ast-global-color-1);;
}
/*
.blog-pagination .elementor-pagination .page-numbers:not(:last-child) {
	background-color: #94c149;
    padding: 10px 17px;
    border-radius: 50%;
    color: #fff;
}

.blog-pagination .elementor-pagination .page-numbers {
	background-color: #c7017f;
    padding: 10px 17px;
    border-radius: 50%;
    color: #fff;
}
*/

.blog-pagination .elementor-pagination .page-numbers {
	background-color: #eee;
    padding: 10px 17px;
    border-radius: 50%;
    color: #555;
}

.blog-pagination .elementor-pagination a.page-numbers {
	background-color: #94c149;
    padding: 10px 17px;
    border-radius: 50%;
    color: #fff;
}

.blog-pagination .elementor-pagination .page-numbers.current {
	background-color: #c7017f;
    padding: 10px 17px;
    border-radius: 50%;
    color: #fff;
}

.blog-pagination .elementor-pagination a.page-numbers:hover {
	background-color: #c7017f;
    padding: 10px 17px;
    border-radius: 50%;
    color: #fff;
}


@media only screen and (min-width: 1100px) and (max-width: 1280px) {	
	h1,.entry-content h1 {
		font-size: 84px;
	}

	h2,.entry-content h2 {
		font-size: 55px;
	}

	h3,.entry-content h3 {
		font-size: 35px;
	}
	
}


@media only screen and (max-width: 1099px) {
	.ast-header-button-1[data-section="section-hb-button-1"] {
		position: absolute;
		top: 100px;
	}	
}


@media only screen and (min-width: 922px) and (max-width: 1099px) {	
	h1,.entry-content h1 {
		font-size: 64px;
	}

	h2,.entry-content h2 {
		font-size: 52px;
	}

	h3,.entry-content h3 {
		font-size: 26px;
	}
	
}

@media only screen and (min-width: 768px) and (max-width: 1099px) {
	#home {
		min-height: 85vh;
	}
}

@media only screen and (max-width: 991px) {
 .clienti-carosello .swiper-wrapper { margin-bottom: 10px;}
	.clienti-carosello  .swiper-pagination-bullet {
    outline-offset: 4px;
    margin: 8px !important;
}


@media only screen and (max-width: 767px) {	
	#step-ritmo .elementor-tab-title:first-child,
	#step-ritmo .elementor-tab-title:last-child,
	#step-ritmo .elementor-tab-title {
        border-radius: 50px;
		margin-bottom: 20px;
		padding: 10px 30px;
    }
	
	#step-ritmo .elementor-tab-content {
		padding: 10px 40px;
	}

}
	
}