/*
Theme Name: Luxury Car
Theme URI: www.novasystemi.it/luxurycar
Author: NOVA SYSTEMI
Author URI: www.novasystemi.it
Description: Categoria Autosaloni realizzato con bootstrap4 e Redux Framework. Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.3
Requires at least: 5.0
Tested up to: 5.3
Requires PHP: 7.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: beauty
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/




/*--------------------------------------------------------------
# INDICE DEI CONTENUTI DEL FILE
##
01 MENU PRINCIPALE
02 VIDEO INTESTAZIONE
03 SEZIONE - TRATTAMENTI
04 SEZIONE - APPUNTAMENTI
05 SEZIONE - BEAUTY CARD
05 SEZIONE - CALL OUT
07 FOOTER
   a) Logo Footer
   b) Menu Footer
   c) Social Footer
--------------------------------------------------------------*/

body, html {
    height: 100%;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
.singolo{
 margin-top: 0;
}
.pagina{
  background: #fff;
  padding-left: 10%;
  padding-right: 10%;
}


.sfondo{
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    background: url(images/bg.jpg) no-repeat left bottom fixed;
    z-index: -1;
}
/*--------------------------------------------------------------
02 HOME INTESTAZIONE
--------------------------------------------------------------*/
header .jumbotron{
	/*padding:1rem;*/
} 
#logo{
	height:140px;
}

.bg-light{
	background:transparent!important;
}

header .bg-dark{
	background:rgba(0,0,0)!important;
}



.boximg{
  position: relative;

}
.imgheader{
	width:100%
}
div.boxtesto {
  position: absolute;
  top: 0px;
  left: 0px;
  height:100%;
  width: 40%;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.6);
}
span.testo {
  padding: 10px;
  color: #FFFFFF;
  letter-spacing: -1px;
  text-align:justify!important;
}
.box-title{
    font-family:"century gothic","arial","helvetica",sans-serif;
    font-size:24px;
    font-weight:700;
	color:#ffffff;
    line-height: 1;
    text-transform: uppercase;
    font-size: 32px !important;
    padding-top: 20px;

}
hr.subtitle{
	background-color:#ffffff;
border-top:1px dotted #000;	
}
.narrative{
  padding: 0 30px;
  text-align:center!important;	
	}
.narrative h5{
	    color:#cfcfcf;
    text-transform: uppercase;
}	
h5{
     position:relative;
 }
h5::before{
     content: url(images/patern-1.png);
    display: block;
    width: 20%;
    position: absolute;
    left: 0;
    top:25%;
    z-index: 999;
}

h5::after{
     content: url(images/patern-1.png);
    display: block;
    width: 20%;
    position: absolute;
    right: 0;
    top:25%;
    z-index: 999;
}


div.boxtesto-right {
  position: absolute;
  top: 0px;
  right: 0px;
  height:100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
    color:#ffffff;
}

div.boxtesto-thumb{
  position: absolute;
  bottom: 0px;
  left: 0px;
  height:20%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  color:#ffffff;
}


/* Form cerca */

.form-control-dark {
    background: transparent;
    border: 1px solid #343a40;
    font-size: 0.9rem;
    font-style: italic;
    text-transform: lowercase;
    letter-spacing: -0.5px;
    padding: 8px;
    color: #999;
}
.form-control-dark:focus {
    background: #fad22d;
    border-color: #fad22d;
    outline: 0!important;
    box-shadow: 0 0 1px #333;
	color:#000;
}
/*--------------------------------------------------------------
01 MENU PRINCIPALE
--------------------------------------------------------------*/
header .navbar{
    background:rgba(0,0,0,0.6);
}
/* Add a black background color to the top navigation */
.topnav {
    position: relative;
    background-color: rgba(0,0,0,0.7);
    overflow: hidden;
}
/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    color: #000;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
/* Change the color of links on hover */
.topnav a:hover {
    /*background-color: #ddd;*/
    color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
    background-color: #4CAF50;
    color: white;
}
/* Centered section inside the top navigation */
.topnav-centered a {
    float: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* Right-aligned section inside the top navigation */
.topnav-right {
    float: right;
}

.collapse .navbar-collapse{
 display:none;
}


/* Responsive navigation menu - display links on top of each other instead of next to each other (for mobile devices) */
@media screen and (max-width: 600px) {
  .topnav a, .topnav-right {
    float: none;
    display: block;
  }
  .topnav-centered a {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
}
/*--------------------------------------------------------------
# SEZIONE - AUTO NUOVE - SOSTITUIRE CON AREE DI COMPETENZA
-----------------------------------------------------------*/
.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;

}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.container {
  padding: 2px 16px;
}

 img {
     max-width:100%;
     height:auto;
}
/*--------------------------------------------------------------
# trova_auto
--------------------------------------------------------------*/
.trova_auto{
  background:#ffffff;
}
/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio{
 /*background:#e9ecec;*/
}
 .portfolio img:hover {
     -webkit-filter:grayscale(0%);
    /* Ch 23+,Saf 6.0+,BB 10.0+*/
     filter:grayscale(0%);
    /* FF 35+*/
}
 .portfolio img {
     transition:filter .5s ease-in-out;
     -webkit-filter:grayscale(100%);
    /* Ch 23+,Saf 6.0+,BB 10.0+*/
     filter:grayscale(100%);
    /* FF 35+*/
}
 .port-image {
     width:100%;
}
 .gallery_product {
     margin-bottom:30px;
}


.mainpage{
    margin-top:210px;
}

/*--------------------------------------------------------------
# SEZIONE - BEAUTY CARD
-----------------------------------------------------------*/
.beauty_card .jumbotron{
 background: none!important;
}
/*--------------------------------------------------------------
# SEZIONE - BEAUTY CARD FINE
-----------------------------------------------------------*/
.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}

#trattamenti.btn{
	background-color: #B89F5C!important;
	color:#fff!important;
}


/*PAGINAZIONE*/
.pagination{
     display:block!important;
}

.pagination a{
       color: #fff;
     background-color: #343a40;
     border-color: #343a40;
     padding: .375rem .75rem;
     border-radius: .25rem;
}
.btn-pagination{
    background:#B89F5C!important;
    text-align: center;
}

span.next{
       color: #fff;
      background-color: #343a40;
      border-color: #343a40;
      padding: .375rem .75rem;
      border-radius: .25rem;
}
span.current{
       color: #fff;
      background-color: #cccccc!important;
      border-color: #343a40;
      padding: .375rem .75rem;
      border-radius: .25rem;
}

 /* Pagination links */
.btn-pagination a {
  color: #fff!important;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  background-color: #B89F5C!important;
  
}

/* Style the active/current link */
.btn-pagination a.active {
  background-color: #B89F5C;
  color: white;
}

/* Add a grey background color on mouse-over */
.btn-pagination a:hover:not(.active) {background-color: #ddd;} 


#servizi.btn-primary{
	background:#B89F5C;
}

.appuntamento{
    background: #ffffff;
}
/* Controllo FORM */
.form-control{
  border-radius:.90rem!important;
  padding: .375rem 2.5rem!important;
  background: transparent!important;
  -webkit-appearance: none;
  width: 100px;
  font-size: 11px;
  border: 0;
  /*height: 17px;*/
  background: url(images/downarrow.png) no-repeat right white!important;
  left: 0;
  top: 0;
}
.form-control:disabled{
 color:#cfcfcf;
}
input.input-testo{
  border-radius:15px!important;
  width: 100%;
  -webkit-appearance: none;
  padding: .375rem 2.5rem;
  line-height: 1.5;
  border: 1px solid #ced4da;

}
.form-group i{ 
   position: absolute; 
   left: 15px; 
   top: 10px; 
   color: gray; 
}
.form-group .svg-inline--fa{ 
   position: absolute; 
   left: 15px; 
   top: 10px; 
   color: gray; 
}

.form_error_message{
  color:#B89F5C!important;
  font-weight: bold;
}

h5.section-title{
    font-family: 'open sans light', cursive;
}

#contactbutton{
    width: 200px;
    font-size: 18px;
    border: none;
    background:#B89F5C;
    color: #fff;
    cursor: pointer;
    border-radius: 20px;
}
#contactbutton:hover {
    background: #B89F5C;
    color: black;
}

.navbar-dark .navbar-nav .nav-link{
    text-transform: uppercase;
}
a.nav-link:hover{
    border-radius: 5px;
    border-bottom: 3px solid #B89F5C;
    color:#fff!important;
}


a.nav-link{
    border-bottom: 3px solid transparent;
    text-transform: uppercase;
}
.testo_oro{
    color:#B89F5C;
}
.autore{
    font-style: italic;
}
.categoria a{
    text-decoration:none;
    color:#aaa;
}
.categoria a:hover{
    text-decoration:none;
    color:#aaa;
}
.tag a{
    text-decoration:none;
    color:#aaa;
}
.tag a:hover{
    text-decoration:none;
    color:#aaa;
}
p.card-text .tag a{
  padding-bottom: 2px;
  padding-left: 4px;
  padding-right: 4px;
  border-radius:4px;
  background: #b89f5c;
  color:#fff!important;
}

p.card-text .tag a::before{
content:"#";
}



/*--------------------------------------------------------------
# SEZIONE - CALL OUT
-----------------------------------------------------------*/
.call_out .jumbotron{
 background: none!important;
}
/*--------------------------------------------------------------
# SEZIONE - CALL OUT FINE
-----------------------------------------------------------*/

p.copyright-text a{
 color:#b89f5c!important;
}


/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
 footer .bg-dark {
     /*padding:50px 0 50px;*/
	 background:url("images/bg_footer.jpg");
}
 footer ul li {
     list-style:none;
}
 footer ul li a {
     padding:0 0 5px 0;
     display:block;
}
 footer a {
     color:#fff 
}
 footer strong.text-white{
	 font-size:1.1rem;
 }
 .sub-footer {
     background:#57606a;
     padding-bottom: 30px;
     font-family:'open sans light',sans-serif;
}
.pulsante_card{
background:#252628 !important;
border-color: #383839!important;
}
.pulsante_card a::hover{
background:#383839 !important;
border-color: #252628!important;
}



.section-title{
    font-family:"lr_ot4","arial","helvetica",sans-serif;
    font-size:24px;
    font-weight:700;
    line-height: 1;
    text-transform: uppercase;
    font-size: 32px !important;
    padding-top: 20px;

}
.card-title-caracter{
    font-family:"lr_ot4","arial","helvetica",sans-serif;
    font-weight:700;
    line-height: 1;
    text-transform: uppercase;

}
hr.new2 {
  border-top: 1px dashed #80651E;
}


/*--------------------------------------------------------------
# SEZIONE - LE NOSTRE MARCHE
--------------------------------------------------------------*/


.brand {
height: 120px;
width: 100%;
overflow: hidden;

}
.brand p {

width: 100%;
height: 100%;
margin: 0;
line-height: 50px;
text-align: left;
animation: cssmarquee 5s ease-out;
}
@keyframes cssmarquee {
0% {
transform: translateX(200%);
}
100% {
transform: translateX(0%);
}
}


.label_datasheet{
  background-color: #f3f3f3;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px dotted #3f3f3f;
}
.data_datasheet{
  background-color: #ffffff;
  font-size: 12px;
    border-bottom: 1px dotted #3f3f3f;
}

.brand p img {
padding-right: 20px;
}

.wp-caption {
 border: 1px solid #ddd;
 text-align: center;
 background-color: #f3f3f3;
 padding-top: 4px;
 margin: 10px;
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}

.wp-caption img {
 margin: 0;
 padding: 0;
 border: 0 none;
}

.wp-caption p.wp-caption-text {
 font-size: 11px;
 line-height: 17px;
 padding: 0 4px 5px;
 margin: 0;
}

/**/
.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Create four equal columns that floats next to eachother */
.column {
  float: left;
  width: 25%;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  /*cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;*/
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.gallery-caption{}
.bypostauthor{}
.alignright{}
.alignleft{}
.aligncenter{}
.screen-reader-text{}


ul.post-categories li{
 display:inline!important;
}

.dropdown-menu.show{
 background-color: rgba(0, 0, 0, 0.8);
}


.submit{
width: 200px;
font-size: 18px;
border: none;
background: #B89F5C;
color: #fff;
cursor: pointer;
border-radius: 20px;
}
.comment-form{
 background: #cfcfcf;
 padding-top: 20px;
 padding-bottom: 20px;
  padding-left: 10px;
 padding-right: 10px;
}
.comment-list{
 background: #efefef;
}
.comment-body{
 background: #eeeeee;
}
.comment-meta{
 background: #fefefe;
}
.comment-content{
 background: #fefefe!important;
}
.pagina a{
 color:#a3a3a3;
}






 section.contatti {
     
	 padding-top:5%;
	 padding-bottom:5%;
     
}
section.chiama-ora{
     background:rgba(0,0,0,0.7);
	 padding-top:5%;
	 padding-bottom:5%;
}
section.chiama-ora .btn{
	color:#ffffff;
	border-color:#B89F5C;
	padding:20px;
	text-transform:uppercase;
	font-size:24px;

}


 section.viewport {
     align-items:center;
}
 section.viewport .jumbotron {
     height:100vh;
     align-items:center;
     display:flex;
     background:#cccccc url(../images/georgie-cobbs-459520.jpg) no-repeat bottom center;
}
 section.content {
     background:#ffffff;
}
 section.content.contact-us {
     padding-top:60px;
}
 section.portfolio {
     background:#e9ecec;
     
}
 img {
     max-width:100%;
     height:auto;
}
 h2.service-title {
     font-weight:bold;
     font-size:1.2rem;
}
/* -----------------------------------------------------------------------------
*                                Pulsanti
/* -----------------------------------------------------------------------------*/

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-size: 13px !important;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 8px 20px; }
  .btn.btn-md {
    padding: 8px 20px !important; }
  .btn.btn-lg {
    padding: 18px 36px !important; }
  .btn:hover, .btn:active, .btn:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important; }

.btn-primary {
  background: #B89F5C;
  color: #fff;
  border: 2px solid #B89F5C; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: #B89F5C !important;
    border-color: #B89F5C !important; }
  .btn-primary.btn-outline {
    background: transparent;
    color: #4d4d4d;
    border: 1px solid #d9d9d9; }
    .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
      background: #B89F5C;
      color: #fff; }

.btn-success {
  background: #5cb85c;
  color: #fff;
  border: 2px solid #5cb85c; }
  .btn-success:hover, .btn-success:focus, .btn-success:active {
    background: #4cae4c !important;
    border-color: #4cae4c !important; }
  .btn-success.btn-outline {
    background: transparent;
    color: #5cb85c;
    border: 2px solid #5cb85c; }
    .btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
      background: #5cb85c;
      color: #fff; }

.btn-info {
  background: #5bc0de;
  color: #fff;
  border: 2px solid #5bc0de; }
  .btn-info:hover, .btn-info:focus, .btn-info:active {
    background: #46b8da !important;
    border-color: #46b8da !important; }
  .btn-info.btn-outline {
    background: transparent;
    color: #5bc0de;
    border: 2px solid #5bc0de; }
    .btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
      background: #5bc0de;
      color: #fff; }

.btn-warning {
  background: #f0ad4e;
  color: #fff;
  border: 2px solid #f0ad4e; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning:active {
    background: #eea236 !important;
    border-color: #eea236 !important; }
  .btn-warning.btn-outline {
    background: transparent;
    color: #f0ad4e;
    border: 2px solid #f0ad4e; }
    .btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
      background: #f0ad4e;
      color: #fff; }

.btn-danger {
  background: #d9534f;
  color: #fff;
  border: 2px solid #d9534f; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    background: #d43f3a !important;
    border-color: #d43f3a !important; }
  .btn-danger.btn-outline {
    background: transparent;
    color: #d9534f;
    border: 2px solid #d9534f; }
    .btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
      background: #d9534f;
      color: #fff; }

.btn-outline {
  background: none;
  border: 2px solid gray;
  font-size: 16px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .btn-outline:hover, .btn-outline:focus, .btn-outline:active {
    -webkit-box-shadow: none;
    box-shadow: none; }

.row-padded-bottom {
  margin-bottom: 4em; }

.col-pb-sm {
  margin-bottom: 5em !important; }
  .col-pb-sm:last-child {
    margin-bottom: 0; }

.btn.with-arrow {
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .btn.with-arrow i {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  .btn.with-arrow:hover {
    padding-right: 50px; }
    .btn.with-arrow:hover i {
      color: #fff;
      right: 18px;
      visibility: visible;
      opacity: 1; }




/* Visualizza post tipo masonry */
.masonry { /* Masonry container */
    -webkit-column-count: 4;
    -moz-column-count:4;
    column-count: 4;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    margin: 1.5em;
    padding: 0;
}
.item {
    display: inline-block;
    background: #fff;
    padding: 1em;
    margin: 0 0 1.5em;
    width: 100%;
    -webkit-transition:1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
}


/* Dimensione uguale per tutte le miniature del blog*/
.immagine {
  /*margin: 1em 0;*/
  text-align: center;
}

.immagine img {
  width: 30vw;
  height: 20vw;
}

.immagine-cover img {
  object-fit: cover;
}

.immagine-contain img {
  object-fit: contain;
}

.miniatura {
  margin: 1em 0;
  text-align: center;
}

.miniatura img {
  width: 20vw;
  height: 10vw;
}

.miniatura-cover img {
  object-fit: cover;
}

.miniatura-contain img {
  object-fit: contain;
}

.features{
 font-size:12px;
}
/*Titolo widget*/
h2.rounded{
 color:#B89F5C;
}

    .padding-xy{ /* inserisco 20 px di spazio verticale tra le miniature */
        padding-bottom: 0px!important;
    }