/*
Theme Name: Hello Elementor Child per Rino Electric
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child sviluppato esclusivamente per Rino Electric
Author: CA Team
Author URI: https://cateam.it/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
*/

/*COLORI---------------------------------------
Azzurro - #0BB7C6
--------------------------------------------*/

/*Header-------------------------------*/
header#site-header nav .menu .menu-content .rino-tractor-menu a {
	display: block;
	margin-bottom: calc((10px * 67) / 100);
	font-size: calc((21px * 67) / 100);
    line-height: 24px;
	border-bottom: 2px solid #0BB7C6;
}

header#site-header nav .menu .menu-content .rino-tractor-menu a span {
	text-transform: none;
	float: right;
	margin-left: 5px;
}

header#site-header nav .menu .menu-content ul li.highlightLink a {
	color: #0BB7C6;
}

.tableLegend {
	margin: 10px 0 20px;
}

.legendElement {
	display: inline-block;
	margin-right: 15px;
	line-height: 20px;
	color: #707070;
	font-size: 14px;
}

.legendElement:before  {
	content: "";
	float: left;
	margin-right: 5px;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	background: #fff;
}

.legendElement.green:before  {
	background: #67A31F;
}

.legendElement.yellow:before  {
	background: #F8F366;
}

.legendElement.red:before  {
	background: #CC201A;
}


.menu-visible {
	float: right;
	margin-right: 80px;
}

.menu-visible li {
	display: inline-block;
	color: #000;
}

.menu-visible li a {
	color: #000;
	line-height: 45px;
	font-weight: 700;
	padding: 0 15px;
	position: relative;
	display: block;
	font-size: 20px;
}

.menu-visible li a:after {
	position: absolute;
	bottom: 5px;
	left: 5%;
	height: 2px;
	width: 0;
	background: #000;
	content: "";
	display: block;
	-webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.menu-visible li a:hover:after {
	width: 90%;
}

.smaller .menu-visible li a {
	color: #000 !important;
}

.smaller .menu-visible li a:after {
	background: #000 !important;
}

.home .menu-visible li, .home .menu-visible li a {
	color: #fff;
}

.home .menu-visible li a:after {
	background: #fff;
}


@media only screen and (max-width: 767px) {
	.legendElement {
		font-size: 12px;
	}
	
	.menu-visible {
		display: none;
	}
}

/*Timeline--------------------------
https://github.com/squarechip/timeline
*/

@media only screen and (min-width: 1025px) {
	.del-timeline .timeline__item.timeline__item .text:before {
		display: block;
		content: "";
		position: absolute;
		bottom: 100%;
		left: 50%;
		transform: translateX(-50%);
		height: 50px;
		width: 2px;
		background: #0BB7C6;
	}

	.del-timeline .timeline__item.timeline__item--top .text:before {
		bottom: 100%;
	}

	.del-timeline .timeline__item.timeline__item--bottom .text:before {
		bottom: auto;
		top: 100%;
	}
}

/*Homepage----------------------------------*/
.textSlide {
	font-family: "Ubuntu", sans-serif !important;
}

.buttonSlide {
	font-family: "Ubuntu", sans-serif !important;
	text-align: center !important;
	box-shadow: 0px 0px 18px 5px rgba(11, 183, 198, 0.33) !important;
	font-weight: 700 !important;
    color: #FFFFFF !important;
    background-color: #0BB7C6 !important;
	font-size: 18px !important;
	line-height: 40px !important;
}

.buttonSlide:hover {
}

.fancybox-slide--iframe .fancybox-content {
	max-width: 1280px !important;
}

#home-accessori-slider-2, #home-accessori-slider-3 {
	display: none;
}

#home-accessori-slider-selector img {
	cursor: pointer;
}

#home-accessori-slider-selector .active img {
	border: 2px solid #0BB7C6;
}

.rino-sectors .elementor-image-box-wrapper .elementor-image-box-img a {
	display: block;
}

/*Del Morino---------------------------------*/
.delmorino-company-slider .swiper-container {
	width: 100%;
}

.delmorino-product-categories-home h3 {
	font-size: 25px;
    line-height: 36px;
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
	.delmorino-product-categories-home h3 {
		font-size: 20px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.delmorino-product-categories-home h3 {
		font-size: 32px;
    	line-height: 46px;
	}
}

@media only screen and (max-width: 767px) {
	.delmorino-product-categories-home h3 {
		font-size: 22px;
	}
}

/*erché elettrico-------------------------------*/
.rino-slider-why .slide-why .buttonFade {
	position: absolute;
	bottom: 45px;
	left: 75px;
	opacity: 0;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.rino-slider-why .slide-why:hover .buttonFade {
	opacity: 1;
}

@media only screen and (max-width: 1024px) {
	.rino-slider-why .slide-why .buttonFade {
		opacity: 1;
	}
}

@media only screen and (max-width: 767px) {
	.rino-slider-why .slide-why .buttonFade {
		left: 30px;
	}
}

/*Prodotto singolo-------------------------*/
.delmorino-text .rino-box:after {
	bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}


/*ATTREZZI--------------------------------*/
.delmorino-header-categories .delmorino-menu-cates {
	border-top: 0;
}

.delmorino-header-categories.fixed .delmorino-menu-cates {
	border-top: 1px solid #efefef;
	top: 86px;
}

.delmorino-text.delmorino-bar-attrezzi p {
	margin-bottom: 0;
}

.rino-accessories-pdf .rino-flex-image {
	background: none;
}

body.single-product .rino-accessories-related .uc_post_grid_style_one_image {
	background: none;
}

body.single-product .rino-accessories-related .uc_content.padding .elementor-widget-button {
	margin-top: 15px;
}

.btn-compare a {
   width: 350px !important;
	
	@media only screen and (max-width: 767px) {
	.rino-slider-why .slide-why .buttonFade {
		 width: 243px !important;
	}
}
}


.popup-text h2 {
	
	position: relative;
}

.popup-text h2 strong {
	
	font-weight: 700;
}

.popup-text h2:before {
	
content: '';
    background: #0BB7C6;
    width: 4px;
    height: 72px;
    display: block;
    position: absolute;
    top: 4px;
    left: -15px;
}

.footer-icon svg {
	width: 300px;
}

.calendly-button .elementor-widget-button.rino-button-black .elementor-button,
.calendly-button .elementor-widget-button.rino-button-black .elementor-button:before {
	background-color: #000!important;
}