/*
Theme Name: Quattroruote Pro Theme
Theme URI: 
Description: Quattroruote Pro custom child theme for Salient.
Author: Sergio de Falco
Author URI: 
Template: salient
Version: 0.1
*/

@font-face {
    font-family: 'Quattroruote Icons';
    src: url( ./fonts/quattroruote-icons.woff2 ) format('woff2');
}

p {
	padding-bottom: 20px;
}

.background-size-cover {
	background-size: cover;
}

#header-secondary-outer ul.sf-menu li.button-black a {
	background-color: #333 !important;
	color: #fff !important;
}

.single .heading-title[data-header-style="default_minimal"] #single-below-header .meta-comment-count {
	display: none;
}

.nectar-social.in-sight .n-shortcode a.nectar-love {
	display: none;
}

.sf-menu li a {
	font-weight: 700 !important;
	color: #000 !important;
}

#header-outer .sf-menu li.button a,
#header-outer .sf-menu li.assicurativo a,
#header-outer .sf-menu li.digital a,
#header-outer .sf-menu li.menu-item-6525 a,
#header-outer .sf-menu li.automotive a,
#header-outer .sf-menu li.autoriparativo a,
#header-outer .sf-menu li.formazione a {
	margin-top: 10px !important;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	padding-right: 12px !important;
	padding-left: 12px !important;
}

#header-outer .sf-menu li.button a {
	background-color: #df0713;
	color: #fff !important;
}

.at-content #slide-out-widget-area {
	background-color: #fff !important;
	-webkit-box-shadow: -4px 0 4px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: -4px 0 4px 0 rgba(0,0,0,0.1);
	box-shadow: -4px 0 4px 0 rgba(0,0,0,0.1);
}

.at-content #slide-out-widget-area a {
	color: #000;
}

.header-hero {
	min-height: 640px;
	margin-bottom: 80px !important;
}

.digital-icon:before,
.automotive-icon:before,
.riparazione-icon:before,
.consulenza-icon:before,
.assicurazione-icon:before {
	font-family: "Quattroruote Icons";
	content: '\e902';
	display: inline-block;
	margin-right: 8px;
}

.dueRuote-icon:before {
	content: " ";
    background: url(/wp-content/uploads/2019/10/1280px-Motorcycle_icon.svg_.png) no-repeat center center;
    background-size: contain;
    padding-right: 50px;
    margin-right: 8px;
}

.digital-icon:before {
	margin-right: 32px;
    padding-right: 50px;
    margin-right: 8px;
}

.digital-icon:before {
	content: '\e908';
}

/*.dueRuote-icon:before {
	content: '\e908';
}*/

.automotive-icon:before {
	content: '\e902';
}

.riparazione-icon:before {
	content: '\e906';
}

.consulenza-icon:before {
	content: '\e904';
}

.assicurazione-icon:before {
	content: '\e900';
}

.digital-box,
.dueruote-box,
.automotive-box,
.riparazione-box,
.consulenza-box,
.assicurazione-box,
.black-box,
.white-box {

}


.digital-box:hover *,
.digital-box-colored *,
.dueruote-box:hover *,
.dueruote-box-colored *,
.automotive-box:hover *,
.automotive-box-colored *,
.riparazione-box:hover *,
.riparazione-box-colored *,
.consulenza-box:hover *,
.consulenza-box-colored *,
.assicurazione-box:hover *,
.assicurazione-box-colored *,
.red-box-colored *,
.red-box:hover *,
.q-black *,
.q-green * {
	color: #fff;
}

.digital-box a.nectar-button.see-through,
.digital-box-colored a.nectar-button.see-through,
.dueruote-box a.nectar-button.see-through,
.dueruote-box-colored a.nectar-button.see-through,
.automotive-box a.nectar-button.see-through,
.automotive-box-colored a.nectar-button.see-through,
.riparazione-box a.nectar-button.see-through,
.riparazione-box-colored a.nectar-button.see-through,
.consulenza-box a.nectar-button.see-through,
.consulenza-box-colored a.nectar-button.see-through,
.assicurazione-box a.nectar-button.see-through,
.assicurazione-box-colored a.nectar-button.see-through,
.white-box a.nectar-button.see-through,
.black-box a.nectar-button.see-through,
.red-box a.nectar-button.see-through,
.red-box-colored a.nectar-button.see-through,
.q-black a.nectar-button.see-through,
.q-green a.nectar-button.see-through {
	font-family: Arial, Verdana !important;
	font-weight: 600 !important;
	border-color: #000 !important;
}

.black-box a.nectar-button.see-through,
.assicurazione-box-colored a.nectar-button.see-through,
.red-box-colored a.nectar-button.see-through,
.q-black a.nectar-button.see-through,
.q-green a.nectar-button.see-through {
	border-color: #fff !important;
}

.digital-box:hover a.nectar-button.see-through,
.dueruote-box:hover a.nectar-button.see-through,
.automotive-box:hover a.nectar-button.see-through,
.riparazione-box:hover a.nectar-button.see-through,
.consulenza-box:hover a.nectar-button.see-through,
.assicurazione-box:hover a.nectar-button.see-through,
.black-box:hover a.nectar-button.see-through {
	border-color: #fff !important;
}

.white-box:hover a.nectar-button.see-through {
	border-color: #272626 !important;
}

/* .black-box:hover {
	background-color: #888;
} */

/* .white-box:hover {
	background-color: #ddd;
} */

.digital-box:hover a.nectar-button.see-through i,
.digital-header,
.digital-header h1,
.dueruote-box:hover a.nectar-button.see-through i,
.dueruote-header,
.dueruote-header h1,
.automotive-box:hover a.nectar-button.see-through i,
.automotive-header,
.automotive-header h1,
.riparazione-box:hover a.nectar-button.see-through i,
.riparazione-header,
.riparazione-header h1,
.consulenza-box:hover a.nectar-button.see-through i,
.consulenza-header,
.consulenza-header h1,
.assicurazione-box:hover a.nectar-button.see-through i,
.assicurazione-header,
.assicurazione-header h1,
.assicurazione-box-colored:hover a.nectar-button.see-through i,
.assicurazione-box-colored a.nectar-button.see-through span,
.black-box:hover a.nectar-button.see-through i,
.black-box a.nectar-button.see-through span,
.black-header,
.black-header h1,
.red-header,
.red-header h1,
.red-box-colored:hover a.nectar-button.see-through i,
.red-box-colored a.nectar-button.see-through span {
	color: #fff !important;
}

.digital-box h1,
.digital-box h2,
.digital-box h3,
.digital-box h4,
.digital-box h5,
.digital-box h6 {
	color: #fa5a19;
}

.dueruote-box h1,
.dueruote-box h2,
.dueruote-box h3,
.dueruote-box h4,
.dueruote-box h5,
.dueruote-box h6 {
	color: #a205eb;
}

.automotive-box h1,
.automotive-box h2,
.automotive-box h3,
.automotive-box h4,
.automotive-box h5,
.automotive-box h6 {
	color: #009fe3;
}

.riparazione-box h1,
.riparazione-box h2,
.riparazione-box h3,
.riparazione-box h4,
.riparazione-box h5,
.riparazione-box h6 {
	color: #e6007e;
}

.consulenza-box h1,
.consulenza-box h2,
.consulenza-box h3,
.consulenza-box h4,
.consulenza-box h5,
.consulenza-box h6 {
	color: #fcc300;
}

.assicurazione-box h1,
.assicurazione-box h2,
.assicurazione-box h3,
.assicurazione-box h4,
.assicurazione-box h5,
.assicurazione-box h6 {
	color: #68b333;
}


.digital-box:hover .vc_column-inner,
.digital-header,
.digital-box-colored {
	background-color: #fa5a19;
}

.dueruote-box:hover .vc_column-inner,
.dueruote-header,
.dueruote-box-colored {
	/*background-color: #a205eb;*/
	background-color:#009fe4;
}

.automotive-box:hover .vc_column-inner,
.automotive-header,
.automotive-box-colored {
	background-color: #009fe3;
}

.riparazione-box:hover .vc_column-inner,
.riparazione-header,
.riparazione-box-colored {
	background-color: #e6007e;
}

.consulenza-box:hover .vc_column-inner,
.consulenza-header,
.consulenza-box-colored {
	background-color: #fcc300;
}

.assicurazione-box:hover .vc_column-inner,
.assicurazione-header,
.assicurazione-box-colored {
	background-color: #68b333;
}


.digital-color {
	color: #fa5a19;
}

.dueruote-color {
	/*color: #a205eb;*/
	color:#009fe4;
}

.automotive-color {
	color: #009fe3;
}

.riparazione-color {
	color: #e6007e;
}

.consulenza-color {
	color: #fcc300;
}

.assicurazione-color {
	color: #68b333;
}

.red-color {
	color: #e10511;
}

.digital-header h1,
.dueruote-header h1,
.automotive-header h1,
.riparazione-header h1,
.consulenza-header h1,
.assicurazione-header h1,
.red-header h1 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.red-header,
.red-box-colored {
	background-color: #e10511;
}

.white-box .vc_column-inner {
	background-color: #fff;
	border: 1px solid #a0a0a0;
}

.white-box,
.white-box h1,
.white-box h2,
.white-box h3,
.white-box h4,
.white-box h5,
.white-box h6 {
	color: #272626;
}

.black-box {
	background-color: #272626;
}

.black-box,
.black-box h1,
.black-box h2,
.black-box h3,
.black-box h4,
.black-box h5,
.black-box h6 {
	color: #fff;
}

.square,
.square-red {
	position: relative;
	z-index: 1000;
	padding: 18px 0 30px 25px;
}

.square:after,
.square-red:after {
	content: '';
	display: block;
	background: transparent;
	border: 10px #2e2d2c solid;
	border-right-width: 0;
	position: absolute;
	z-index: 999;
	width: 55px;
	height: 55px;
	top: 0;
	left: 0;
}

.square-red:after {
	border-color: #e20514;
}

/*** Blog Widget ***/

.blog-recent * .post-meta {
	display: none;
}

.blog-recent[data-style*="classic_enhanced"] .inner-wrap {
	padding-bottom: 0 !important;
}

.blog-recent[data-style*="classic_enhanced"] .article-content-wrap {
	padding: 6% !important;
}

.home .blog-recent .col .post-header h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
}

.home .blog-recent .article-content-wrap .title {
	font-size: 24px;
	line-height: 30px;
}

/*** Product ***/

ul.product-selection,
ul.product-selection li,
ul.product-legenda,
ul.product-legenda li {
	margin: 0;
	padding: 0;
}

ul.product-selection li {
	text-transform: uppercase;
	font-weight: 600;
}

ul.product-selection li a.selected:before {
	content: '\2192';
	margin-right: 6px;
}

ul.product-selection li,
ul.product-legenda li {
	list-style: none;
}

ul.product-selection li a {
	color: #000;
}

ul.product-legenda {
	background-color: #fbfbfb;
	padding: 10px;
	margin-top: 22px;
	font-size: 13px;
}

ul.product-legenda li {
	text-transform: uppercase;
	font-weight: 900;
}

ul.product-legenda li:before {
	content: '\25fc';
	margin-right: 6px;
}

ul.product-legenda li.dati {
	color: #e20613;
}

ul.product-legenda li.cartacea {
	color: #999;
}

ul.product-legenda li.software {
	color: #272626;
}

.products-cats {
	float: left;
	width: 16%;
	margin-right: 84%;
}

ul.qproducts {
	width: 82%;
	margin: 0 0 0 -100%;
	padding: 0;
	float: right;
}

ul.qproducts:after {
	display: block;
	content: '';
	clear: both;
}

ul.qproducts li {
	width: 25%;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	overflow: hidden;
}

ul.qproducts li.product.hidden {
	display: none;
}

.qprodcont {
	margin-left: 10%;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}

.qprodcont h3 {
	background-color: #f6f6f6;
	line-height: 1;
	padding: 0 14px;
	margin-bottom: 0 !important;
	width: 100%;
	height: 50px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	position: absolute;
	z-index: 2000;
	top: 0;
	left: 0;
}

.gprodcont h3,
.gprodcont a {
	line-height: 20px !important;
}

.qprodcont h3 a,
.qprodcont h3 a:hover {
	color: #000;
}

.qprodcont h3 a {
	font-size: 15px;
}

.qprodcont a.thumb {
	display: block;
	line-height: 0;
}

.qprodcont a.thumb:hover {
	transform: scale(1.2);
    -webkit-transition : all ease-in .2s;   
    -moz-transition : all ease-in .2s;
    -o-transition : all ease-in .2s; 
    -ms-transition : all ease-in .2s;
    transition : all ease-in .2s;   
}

.qprodcont img {
	margin: 0 !important;
}

.linea-cartacea .qprodcont h3 {
	background-color: #999;
}

.linea-dati .qprodcont h3 {
	background-color: #f70000;
}

.linea-software .qprodcont h3 {
	background-color: #262626;
}

.linea-dati .qprodcont,
.linea-dati .qprodcont h3,
.linea-dati .qprodcont a,
.linea-dati .qprodcont a:hover,
.linea-software .qprodcont,
.linea-software .qprodcont h3,
.linea-software .qprodcont a,
.linea-software .qprodcont a:hover,
.linea-cartacea .qprodcont,
.linea-cartacea .qprodcont h3,
.linea-cartacea .qprodcont a,
.linea-cartacea .qprodcont a:hover {
	color: #fff;
}

/*** Nectar elements ***/

div[data-style="default"] .toggle h3 a,
div[data-style="default"] .toggle h3 {
	font-size: 16px !important;
}

/*** Menu Header ***/

#header-secondary-outer {
	background-color: #f7f7f7;
}

#header-secondary-outer,
body #header-secondary-outer nav > ul > li > a,
#header-secondary-outer nav > ul > li:last-child {
	border-color: transparent;
}

li.menu-item.digital a:hover,
li.menu-item.dueruote a:hover,
li.menu-item.assicurativo a:hover,
li.menu-item.automotive a:hover,
li.menu-item.autoriparativo a:hover,
li.menu-item.formazione a:hover {
	color: #fff !important;
	-webkit-transition: color 0.05s ease-out;
	-moz-transition: color 0.05s ease-out;
	-o-transition: color 0.05s ease-out;
	transition: color 0.05s ease-out;
}

/* Disable lines */

#header-outer[data-lhe="animated_underline"] header#top nav > ul > li.digital > a:after,
#header-outer[data-lhe="animated_underline"] header#top nav > ul > li.dueruote > a:after,
#header-outer[data-lhe="animated_underline"] header#top nav > ul > li.automotive > a:after,
#header-outer[data-lhe="animated_underline"] header#top nav > ul > li.assicurativo > a:after,
#header-outer[data-lhe="animated_underline"] header#top nav > ul > li.autoriparativo > a:after,
#header-outer[data-lhe="animated_underline"] header#top nav > ul > li.formazione > a:after {
	width: 0;
}

li.menu-item.digital a:hover {
	background-color: #fa5a19;
}

li.menu-item.dueruote a:hover {
	background-color: #a205eb;
}

li.menu-item.assicurativo a:hover {
	background-color: #68b333;
}

li.menu-item.automotive a:hover {
	background-color: #009fe3;
}

li.menu-item.autoriparativo a:hover {
	background-color: #e6007e;
}

li.menu-item.formazione a:hover {
	background-color: #fcc300;
}

/*** Footer ***/

#footer-widgets .row {
	padding-top: 30px;
	padding-bottom: 10px;
}

#footer-widgets .nav.small {
	font-size: 12px;
	line-height: 1;
}

#footer-widgets .nav.small li {
	display: inline-block;
}

#footer-widgets .nav.small li a {
	border-right: 1px solid #676767 !important;
	padding-right: 6px;
	padding-left: 2px;
}

#footer-widgets .nav.small li:last-child a {
	border-right-color: transparent !important;
}

.ascend #footer-outer #copyright {
	border-color: transparent !important;
	padding-top: 10px;
	padding-bottom: 30px;
}

.no-padding {
	padding: 0 !important;
}

.q-white .vc_column-inner {
	border: 1px solid #a0a0a0;
}

.q-green .vc_column-inner {
	background-color: rgb(104, 179, 51);
	color: #fff;
}

.q-black .vc_column-inner {
	background-color: #272626;
	color: #fff;
}

body[data-form-style="minimal"] .minimal-form-input {
	padding-top: 0;
}

@media screen and ( max-width: 800px ) {
	.products-cats,
	ul.qproducts {
		float: none;
		width: auto;
		margin: 0;
	}
	
	ul.qproducts {
		margin-top: 40px;
		text-align: center;
	}
	
	ul.qproducts li {
		width: 100%;
		max-width: 400px;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	.qprodcont {
		margin-left: 0;
	}
	
	.qprodcont h3 a {
		font-size: 22px;
		line-height: 2.4;
	}
}

#page-header-bg h1 {
	font-size: 62px !important;
	line-height: 1.2 !important;
}

#page-header-bg .section-title #single-below-header {
	display: none;
}

#header-outer[data-lhe="animated_underline"] #top nav >ul >li >a:hover .menu-title-text:after,
#header-outer[data-lhe="animated_underline"] #top nav >ul >li >a:focus .menu-title-text:after,
#header-outer[data-lhe="animated_underline"] #top nav >ul >li >a:active .menu-title-text:after,
#header-outer[data-lhe="animated_underline"] .sf-menu .current-menu-item >a .menu-title-text:after, #header-outer[data-lhe="animated_underline"] .sf-menu .current_page_item >a .menu-title-text:after {
	transform: scaleX(0) !important;
}