/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/

/*Tabs della ricerca e della pagina explore*/

li[role="presentation"] {
    margin-bottom: 0px;
    margin-top: auto;
}

li[role="presentation"]>a {
	margin-top: 5px;
	border: none !important;
	box-shadow: 5px 0px 10px 0px rgb(0 0 0 / 50%);
    /*border-top-left-radius: 20px !important;
	border-top-right-radius: 20px !important;*/
    border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
	background: #BC1717 !important;
}

li[role="presentation"].active>a {
	background: white !important;
	color: black !important;
    /*padding-bottom: 18px;*/
    padding-top: 18px;
    padding-right: 15px;
    padding-left: 15px;
}

li[role="presentation"].active>a>i {
	color: #BC1717 !important;
}

a[role="tab"] {
    /*font-size: 18px !important;*/
    font-size: 16px !important;
}
a[role="tab"]:not(.tab-switch) {
    color: white !important;
}

a[role="tab"]>.fa-car, a[role="tab"]>.fa-tools, a[role="tab"]>.fa-handshake, a[role="tab"]>.fa-clock, .item>a>.type-info>i {
    transform: scale(1.3);
    margin-right: 5px;
	color: white !important;
}

.explore-types>div.item {
    background: #bc1717;
}
.explore-head .explore-types>div.item>a>div>h4 {
    height: unset;
    color: white;
}

.explore-head .explore-types>div.item.active>a>div>h4{
	color:black;
}

.explore-head .explore-types>div>a i.fa {
	color:white !important;
}

.explore-head .explore-types>div.active>a i.fa {
	color:#bc1717 !important;
}

div.type-info>h4 {
    /*font-size: 18px !important;*/
    font-size: 16px !important;
}

.item.item[class^="type-"]{
    box-shadow: 5px 0px 10px 0px rgb(0 0 0 / 50%);
    /*border-top-left-radius: 20px;
    border-top-right-radius: 20px;*/
	margin-bottom: 0px;
    margin-top: auto;
    margin-left: 1px;
    margin-right: 1px;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-width: /*100px;*/ 15%;
    max-width: 25%;
}

.item.active {
    background-color: white !important;
    margin-top: 5px;
    border: none;
    /*padding-top: 10px;
    padding-bottom: 10px;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.explore-types > div > a{
	height: unset !important;
    padding: 10px 40px !important;
}

.type-info {
	margin: auto;
}

.explore-types>div.active:after {
	background: #bc1717 !important;
}

.explore-types>div:after {
	background: #ffc204 !important;
}
/*******************************************/

/*Label dropdown*/
.cts-term-hierarchy>label {
	font-size: 18px !important;
}
/****************/

/*Slider handle1*/
.ui-slider-handle {
	background: #ffc204 !important;
}
/****************/

/*Bottoni*/
.button-2{
	border-radius: 20px !important;
	font-size: 16px !important;
}

.header-button > a.button-1 {
    background-color: #BC1717;
    color:white;
    border-radius: 20px;
}

/*********/

/*A capo per i packages*/
i.db {
	display: block;
}
/***********************/

/*Nasconde campi general nella pagina add-listing*/
div#form-section-general, li#form-section-general-nav {
	display: none;
}
/*************************************************/

/*Mette nella stessa riga i campi*/
@media screen and (min-width: 480px) {
	div.fieldset-potenza {
		width: 50%;
		float: left;
	}
	
	div.fieldset-kw-cv {
		width: 50%;
		float: left;
	}
}
div.fieldset-potenza {
	width: 45%;
	float: left;
}

div.fieldset-kw-cv {
	width: 55%;
	float: left;
}

/*********************************/

/*Sistema Potenza/kW/CV*/
div#form-section-motore > div.form-section {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

div#form-section-potenza-div > div.form-section, 
div#form-section-chilometraggio-div > div.form-section {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

div#form-section-potenza-div > div.form-section {
	margin-bottom: 0px !important;
	border-radius: 0px;
	border-bottom: none;
}

div#form-section-potenza-div > div.form-section > .pf-head,
div#form-section-chilometraggio-div > div.form-section > .pf-head,
li#form-section-potenza-div-nav,
li#form-section-chilometraggio-div-nav {
	display: none;
}

div#form-section-potenza-div > div.form-section > .pf-body,
div#form-section-chilometraggio-div > div.form-section > .pf-body {
	padding-top: 0px;
}

div#form-section-potenza-div > div.form-section > .pf-body > .fieldset-potenza,
div#form-section-potenza-div > div.form-section > .pf-body > .fieldset-kw-cv,
div#form-section-chilometraggio-div > div.form-section > .pf-body > .fieldset-chilometraggio {
	border-top: none;
}

div.fieldset-interesse-storico {
	display: none;
}
/***********************/

/*Quick view annuncio*/
div.modal-dialog > div.modal-content {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}
/*********************/

/*Hai già acquistato questo pacchetto*/
.package-available > .use-package-toggle {
    font-size: 15px;
    font-weight: bold;
}
/*************************************/

/*Ricerca Ay*/
@media(min-width:1000px){
	div.featured-search > div > div > div > form > .range-slider.explore-filter.range-filter{
		width: calc(25% - 20px);
		margin-right: 20px;
	}
}
#ay-search {
	width: 100%;
}
/*******/

/*Reviews*/
.comment-container {
	border: 1px solid #bbbbbb !important;
    border-radius: 20px;
	padding: 20px !important;
}
.comment-container > .comment-head > h5.case27-secondary-text,
.comment-container > .comment-head > span.comment-date {
	margin-left: 30px;
}
@media(min-width:320px){
	.comment-container > .comment-head > h5.case27-secondary-text,
	.comment-container > .comment-head > span.comment-date {
		margin-left: 50px;
	}
}
@media only screen and (max-width: 480px) {
	.rating-categories .rating-category {
		width: 50%;
	}
}
/*********/

/*Test*/
/*
.header-button > .button-1 {
    border-radius: 20px;
    color: black;
    font-size: 20px !important;
	background-color: #ffc204;
}
*/

div.listing-rating.listing-review-rating > i.mi:first-child, 
div.clasificacion > i.mi:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
div.listing-rating.listing-review-rating > i.mi:last-child, 
div.clasificacion > i.mi:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
div.listing-rating.listing-review-rating > i.mi,
div.clasificacion > i.mi {
    color: #bc1717;
    font-size: 22px;
    border: 1px solid #ffc204;
}

.clasificacion, .rating-category-label {
    text-align: center !important;
}

@media(max-width:480px){
    .single-comment .listing-rating {
        position: relative !important;
        left: 0 !important; 
        top: 0 !important; 
        right: 0 !important; 
        padding: unset !important;
    }
}

.comment-body {
    margin-bottom: 10px;
}

a#cancel-comment-reply-link {
    font-size: 12px;
    color: #bc1717;
    font-weight: bold;
    float: right;
}
    /*Stelline delle recensioni in una sola riga*/
    p:empty{
        display: none;
    }
    /********************************************/
.comment-body > p:not(:empty) {
    margin-top: 10px;
    border-top: 1px solid #bbbbbb;
    padding: 15px;
    padding-top: 10px;
}
/******/

/*Tab ricerca come bottoni*/
.nav-tabs.tabs-menu > li {
    margin-bottom: 0px; 
    background: #BC1717/*white*/;

	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    
	margin-left: auto;
    margin-right: auto;
    
	padding: 5px;
    padding-left: 10px;
    padding-right: 0px;

	box-shadow: 5px 0px 10px 0px rgb(0 0 0 / 50%);

	margin-bottom: 0px;
    margin-top: auto;
}

.finder-tabs > .nav-tabs {
    overflow: visible;
}

.finder-tabs .tab-content {
/*    margin-top: 20px;*/
    box-shadow: 0px 10px 0px 30px white;
    position: relative;
}

.finder-tabs .nav > li > a {
    color: white/*black*/;
}

.finder-tabs .nav-tabs > li > a i {
    color: white/*#BC1717*/;
}

.finder-tabs .nav > li/*.active*/ > a,
.finder-tabs .nav-tabs > li/*.active*/ > a i{
	color: white;
}

.finder-tabs .nav-tabs>li.active>a i {
    color: #BC1717 !important;
}

.finder-tabs .nav-tabs > li.active {
    background-color: white/*#BC1717*/;
	width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.explore-classic-sidebar .finder-tabs .nav-tabs.tabs-menu {
    padding-left: 10px;
	padding-right: 10px;
}

/**************************/
/*Sistema cestino in register*/
.gallery-preview .review-gallery-preview-icon i {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    bottom: unset;
}
/*****************************/
/*Visualizza annuncio dopo inserimento*/
div.submit-l-message>.pf-head>.title-style-1>h5>a{
    color: #BC1717;
}
/**************************************/
/*Add listing sistema checkbox tagliate*/
.fieldset-perito-professionista>div.field>ul>li>div{
    overflow: visible;
}
/***************************************/
/*Garanzia in verde*/
.details-list>li>i.check_box {
    color: green;
}
.details-list>li>i.check_box + span {
    color: green;
    font-weight: bold;
}
/*******************/
/*Vai a capo se la stringa non sta nel select*/
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    white-space: pre-wrap;
}
/*********************************************/

/*Footer*/
.footer-bottom .social-nav>li {
    /*margin-right: 0!important;*/
    margin-left: 0;
    margin-right: auto !important;
    text-align: center;
    width: 33.33%;
}
.footer-bottom .social-nav>li:nth-child(odd) {
    border-right: 1px solid #77777777;
    border-left: 1px solid #77777777;
}
/********/

/*In rosso i flag per annunci scaduti / pagamento in attesa nella dashboard*/
table.job-manager-jobs small {
    color: red;
}
/***************************************************************************/
/*Featured package*/
.pricing-item.c27-pick-package.cts-pricing-item.featured {
    border: 2px solid #ba1717;
}
/******************/

/*Dimensione nome dei pacchetti*/
.pricing-item .plan-name {
    font-size: 2em;
}
/*******************************/

/*Bottone anteprima inserimento annunci*/
form .listing-form-submit-btn button[type=submit].preview-btn {
    width: 50%;
    margin: auto;
    background: white;
    color: black;
    border: 2px solid #BC1717;
}
/**************************************/

/*Bottone salta anteprima inserimento annunci*/
.skip-preview-btn {
    background-color: var(--accent) !important;
    border-radius: 20px !important;
    width: 75% !important;
    margin-top: 20px;
    padding: 20px !important;
    color: white !important;
    font-size: 16px !important;
}
/*********************************************/

/*wp-footer widget*/
footer.footer>div.container>div.row>div.c_widget.woocommerce {
    width: 100%;
    text-align: center;
}
footer a {
    color: #bc1717;
    font-size: 15px;
}
footer span {
    font-size: 15px;
}
footer .c_widget {
    margin-bottom: 0px;
}
/******************/
/*cmplianz document cookie statement*/
.cmplz-document.cookie-statement {
    margin-left: auto !important;
    margin-right: auto !important;
}
#cmplz-document {
    max-width: 1000px;
}
/************************************/
/*Stile per la visualizzazione delle opzioni per la vetrina*/
div#promo-modal > div.modal-dialog > div.modal-content {
    border-radius: 20px !important;
}
/***********************************************************/
/*Colore dei sottotitoli*/
h3.title > a > h1{
    color: #BC1717;
}
/************************/
/*Stato Conservativo aiuto*/
.stato-conservativo-help:hover {
    background-color: #FFC204;
}
.stato-conservativo-help{
    display: inline-block;
    background: white;
    width: 1.5em !important;
    height: 1.5em;
    text-align: center !important;
    margin-left: 10px;
    border-radius: 50%;
    color: #BC1717;
    border: 1px solid #BC1717;
    font-weight: bold;
    cursor: help;
}
/**************************/

/*Descrizione stati conservativi*/
div.hint-head{
    display: flex;
}
b.arrow{
    margin-left: auto;
}
b.arrow::before{
    content: "\e313";
    font-size: 28px;
    line-height: 26px;
    color: #484848;
    font-family: Material Icons!important;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    cursor: pointer;
}
b.close-hints{
    margin-left: auto;
}
b.close-hints::before {
    content: "\e5cd";
    font-size: 28px;
    line-height: 26px;
    color: #484848;
    font-family: Material Icons!important;
    -webkit-transition: .2s ease;
    transition: .2s ease;
    cursor: pointer;
}
div.stato-conservativo-hints-container{
    background: white;
    z-index: 999;
    border: 1px solid #bc1717;
    padding: 10px;
    border-radius: 20px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
div.stato-conservativo-hint > div.hint-head{
    font-weight: bold;
    border-top: 1px solid #ddd;
    padding-top: 5px;
    cursor: pointer;
}
div.stato-conservativo-hint > div.hint-description{
    display: none;
}
div.stato-conservativo-hint.close-hints-row > div.hint-head{
    border: none;
    padding-top: 0px;
}
/********************************/

/*Fix per le icone...*/
@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(https://autoyears.it/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.eot);
    src: url(https://autoyears.it/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://autoyears.it/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2) format("woff2"),url(https://autoyears.it/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(https://autoyears.it/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")
}

.fa,.fas {
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}
/*********************/

/*Pacchetto gratis in evidenza*/
div.pricing-item.c27-pick-package.cts-pricing-item.gratis>h2.plan-name{
    font-size: 3em;
    color: #bc1717;
}
/******************************/
/*Mettilo in vetrina dopo inserimento*/
div.element.submit-l-message>.pf-head>div.title-style-1>h5{
    width: 100%;
}
div.element.submit-l-message>.pf-head>div.title-style-1>h5>div.cts-listing-action-promote{
    text-align: center;
    margin: 20px;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 20px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
div.element.submit-l-message>.pf-head>div.title-style-1>h5>div.cts-listing-action-promote>a.listing-dashboard-action-promote{
    font-size: 2em;
    color: #bc1717;
}
div.element.submit-l-message>.pf-head>div.title-style-1>h5>div.cts-listing-action-promote>a.listing-dashboard-action-promote:hover{
    color:#FFC204 !important;
}
div.element.submit-l-message>.pf-head>div.title-style-1{
    text-align: center;
}
/*************************************/
/*Sistema il colore on hover del link del telefono nella pagina contatti*/
a.ayblack{
    color:#242429 !important;
}
a.hover-ayred:hover{
    color:#bc1717 !important;
}
/************************************************************************/
/*how-to mettere in vetrina*/
div.button-how-to-vetrina>a.buttons:hover {
    background-color: #ffc204;
    color: #000;
}
/***************************/

/*Social*/
.menu-item.social i {
    display: block !important;
    font-size: 2em;
}
/********/