:root{
--blue:#1e3c90;
--light-blue:#2da4dd;
--standard:30px;
--double:60px;
--triple:90px;
--mini:15px;
}
::selection {
background: #1e3c90;
color: #fff;
}
progress {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background-color: transparent;
color: var(--light-blue);
z-index:9999;
}
progress::-webkit-progress-bar {
background-color: transparent;
}
progress::-webkit-progress-value {
background-color: var(--light-blue)
}
progress::-moz-progress-bar {
background-color: var(--light-blue)
}
*{
margin:0px;
padding:0px;
}
html, body { 
font-family: 'Barlow', sans-serif;
color:#000;
}
h1, h2, h3, h4{
font-family: 'Baloo Paaji 2', sans-serif;
font-weight:700;
color:var(--blue);
}
a img{
border:0px;
}
a{
text-decoration:none;
transition: all 0.7s ease 0s;
}
ul{
list-style-type:none;
}
footer{
background-color:var(--blue);
padding-top:20px;
padding-bottom:10px;
color:#fff;
}
.footer{
border-top:7px solid var(--light-blue);
}
footer p {
color: #fff;
font-size: 16px;
line-height: 1.5;
margin: 0;
}
a, a:hover {
color: var(--blue);
}
footer a{
color:#fff;
}
footer a:hover{
color:var(--light-blue);
}
.padding-0{
padding:0;
}
.btn-primary {
background-color: var(--blue);
border-color: var(--blue);
color:#fff;
border-radius:0;
padding:4px 0;
border:0;
}
.btn-primary span{
padding:0px var(--mini);
}
.btn-primary:before{
content:">>";
background-color:var(--light-blue);
padding:5px var(--mini);
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
color: #fff;
background-color: var(--light-blue) !important;
}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:         flex;
}
.center{
text-align:center;
}
.clear{
clear:both;
}
.map-responsive{
overflow:hidden;
padding-bottom:25%;
position:relative;
height:0;
}
.map-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
.parallax {
background: transparent;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.wpcf7-form div.wpcf7-mail-sent-ok {
border: 0px;
}
.wpcf7-form div.wpcf7-response-output {
clear: both;
margin: 30px;
padding: 0;
text-align:center;
}
.mb-triple{
margin-top:var(--triple);
}
.pb-triple{
padding-top:var(--triple);
}
.pb-triple-negative{
margin-top:-90px;
}
.home-text{
padding-top:var(--standard);
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: var(--blue);
border-color: var(--blue);
}
.tab-pane .copertina{
margin-bottom:var(--standard);
}
.wpcf7-form-control-wrap span.wpcf7-not-valid-tip{
display:none;
}
.wpcf7-form div.wpcf7-validation-errors {
border: 0px;
}
input[type="text"].wpcf7-not-valid, input[type="email"].wpcf7-not-valid, textarea.wpcf7-not-valid,select.wpcf7-not-valid{
border:1px solid red;
}
.wpcf7-form-control-wrap span.wpcf7-not-valid input[type="checkbox"]{
outline: 1px solid red;
}
input[type="submit"] {
transition: all 0.7s ease 0s;
margin-top: 30px;
font-size: 16px;
line-height: 1;
padding: 5px 20px;
} div.wpcf7 .ajax-loader{
float:left;
}
.form span.wpcf7-list-item {
margin: 0px;
margin-top:0px;
}
span.wpcf7-list-item {
margin: 0;
}
.wpcf7-form-control-wrap {
color: #000;
font-size:14px;
}
section{
padding:0;
padding-bottom:var(--triple);
}
.form-control {
color: var(--blue);
background-color: #fff;
border: 1px solid #f4f4f4;
border-bottom: 2px solid var(--blue);
margin-bottom: 20px;
border-radius:0;
}
textarea.form-control {
height: 120px;
}
.jumbotron {
background: rgba(0, 0, 0, 0) url(//carrozzeriapavoni.it/wp-content/themes/pm/assets/css/assets/img/visual.jpg) repeat scroll center center / cover;
height: 650px;
margin:0;
padding:0px;
}
.jumbotron h1{
color:#fff;
text-transform:uppercase;
font-size:55px;
}
a:focus, a:hover {
color: var(--blue) ;
}
#mainNav, #mainNav .navbar-brand {
font-family: 'Barlow',sans-serif;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
color: #fff;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:hover {
color:var(--light-blue);
}
#mainNav.navbar-shrink {
border-bottom: 1px solid var(--blue);
background-color: var(--blue);
}
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus {
color: #fff;
}
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover {
color: var(--light-blue);
}
#tabella .light-grey{
background-color:#eee;
border:1px solid #ccc;
margin-top:-80px;
}
#tabella .card-header{
background-color:var(--blue);
}
#tabella p{
margin:0;
}
#tabella .card{
background-color:transparent;
border:0;
border-radius:0;
}
.card-header:first-child {
border-radius: 0;
}
#tabella .card-header h3{
color:#fff;
margin:0;
}
.navbar-shrink #logo{
height:50px;
}
.servizio{
border:1px solid #fff;
} header.masthead {
background-size: cover;
height:650px;
}
.mb-standard{
margin-bottom:var(--standard);
}
.content{
margin-top:var(--triple);
}
#blocco img{
margin-bottom:var(--double);
}
.portfolio-box .portfolio-box-caption {
background: rgba(30,60,144,0.6)
}
.tabella .tab{
border:1px solid #ccc;
}
#blocco p{
font-size:16px;
}
.navbar-light .navbar-toggler {
color: #fff;
border-color:transparent
}
.project-name p{
font-size:14px;
}
.list-group-item {
position: relative;
display: block;
padding: var(--mini);
margin-bottom: 4px;
background-color: #f4f4f4;
border: 2px solid #f4f4f4;
}
.list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.list-group-item-action {
width: 100%;
color: var(--light-blue);
text-align: inherit;
text-transform:uppercase;
font-weight:bold;
}
.border-blue{
border-top:2px solid var(--blue);
}
#blocco #gallery img{
padding:0;
margin:0;
}
#blocco #gallery{
margin-bottom:var(--standard);
}
.slick-prev, .slick-next{
z-index:99;
}
.slick-prev {
left: 20px;
}
.slick-next {
right: 20px;
}
@media only screen and (max-width : 1440px){
.pb-triple-negative{
margin-top:-60px;
}	
}
@media only screen and (max-width : 1200px){
}
@media only screen and (max-width : 991px){
.row-eq-height{
display:block;
}
#tabella{
margin-top:var(--double);
}
#mainNav {
background-color: var(--blue);
}
#logo{
height:50px;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
color: #fff;
}
main{
margin-top:60px;
} #tabella .light-grey {
margin-top: 0px;
margin-top: 0;
}
#tabella .card-header h3 {
color: #fff;
margin: 0;
font-size: 20px;
} header.masthead {
background-size: cover;
height: 550px;
}
section {
padding-bottom: var(--double);
}
}
@media only screen and (max-width : 767px){
.pb-triple-negative{
margin-top:var(--mini);
}
header.masthead {
background-size: cover;
height: 450px;
}
}
@media only screen and (max-width : 480px){
header.masthead {
background-size: cover;
height: 300px;
}
}
@media only screen and (max-width : 320px){
}