/*
Theme Name: interpost.it
Theme URI: interpost.it
Description: Tema minimale, che segue le ultime tendenze del web design
Version: 2.0
Author: Alessio Piazzini
Color: #eece38
*/

@charset "UTF-8";
/* CSS Document */

:root {
  --primary-color: #193C8E; /* Blu */
  --secondary-color: #3b972a; /* Verde */
  --tertiary-color: #43ae2e; /* Verde chiaro*/ 
  --quaternary-color: #031B54; /* Blu scuro */   
  --quinary-color: #41D5D8;  
  --senary-color: #061220; 
  --septenary-color:#ffdb12; /* Giallo */  
  --octonary-color:#e5e5e5; /* Grigio */ 
  --nonary-color:#f5f5f5; /* Grigio chiaro */ 
  --black-color:#222; /* Nero */ 
  --white-color:#fff; /* Bianco */ 
  --primary-gradient: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%); /* Da grigio a bianco */ 
  --secondary-gradient: linear-gradient(112deg, #209ae3 0%, #41D5D8 100%);
  --primary-font: 'Nunito Sans', sans-serif;; 
  --secondary-font: 'Lato', sans-serif; 
}


html,body {color:var(--black-color);font-family: var(--primary-font);font-size: 18px;font-style: normal;font-weight: 400;}
* {outline: none;}
img{max-width: 100%;}


/* Link */
a:visited, a:link {color: var(--primary-color); text-decoration: none;}
a:hover{text-decoration:none;}

/* Font size in px*/
.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.fs-16{font-size: 16px;}

/* Flex */
.flex-1 {flex: 1;}

/* Align */
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}

/* Width */
.w50-16px {width: calc(50% - 16px);}
.w25-16px {width: calc(25% - 16px);}
.w33-14px {width: calc(33% - 14px);}

/* Margin */
.ml-32{margin-left: 32px;}
.mt-32{margin-top: 32px;}
.mt-6 { padding-top: 5rem; }

/* Padding */
.py-6 { padding-top: 5rem; padding-bottom: 5rem;}
.px-6 { padding-left: 5rem; padding-right: 5rem;}
.pt-6 { padding-top: 5rem; }
.pb-6 { padding-bottom: 5rem; }

/* Type font*/
.secondary-font{font-family:var(--secondary-font);}

/* Background size*/
.background-cover-center {background-size: cover; background-position: center; }

/* Text color*/
.text-black-color{color: var(--black-color);}
.text-primary-color{color: var(--primary-color);}
.text-quaternary-color{color: var(--quaternary-color);}
.text-septenary-color{color: var(--septenary-color);}
.text-tertiary-color{color: var(--tertiary-color);}

/* Border color*/
.border-gray{ border:1px solid var(--octonary-color);}

/* Object-fit*/
.object-fit-img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

/* Position */
.position-relative{position: relative;}
.position-absolute{position: absolute;}

/* List */
.list-style-type-none{list-style-type: none;}

/* Display */
.display-inline-block{display: inline-block;}

/* Background color*/
.bg-light-gray{background-color:#EEF0F2;}
.bg-primary-color{background-color:var(--primary-color);}
.bg-secondary-color{background-color:var(--secondary-color);}
.bg-quaternary-color{background-color:var(--quaternary-color);}
.bg-tertiary-color{background-color:var(--tertiary-color);}
.bg-senary-color{background-color:var(--senary-color);}
.bg-septenary-color{background-color:var(--septenary-color);}
.bg-nonary-color{background-color:var(--nonary-color);}
.bg-white-color{background-color:var(--white-color);}


/* Background gradient*/
.bg-primary-gradient{background: var(--primary-gradient)}
.bg-secondary-gradient{background: var(--secondary-gradient)}

/* Button primary*/
.button-primary, a.button-primary, a.button-primary:link {transition: 0.5s all ease;border-radius: 10rem;  color: #fff !important; background-color: var(--secondary-color);display: inline-block;font-weight: 700;padding: 16px 24px;transition: 0.5s all ease;text-decoration: none;}
a.button-primary:hover {transition: 0.5s all ease;-webkit-transform: scale(1.03);border-radius: 10rem;  color: #fff;background-color: var(--tertiary-color);display: inline-block;text-decoration: none;}
.button-primary-outline, a.button-primary-outline, a.button-primary-outline:link {transition: 0.5s all ease;text-decoration: none;color: var(--secondary-color);background-color: transparent;display: inline-block;font-weight: 700;border: 1px solid var(--secondary-color);padding: 16px 24px;font-size: 0.875rem;line-height: 1.5;border-radius: 10rem;}
a.button-primary-outline:hover  {-webkit-transform: scale(1.03);text-decoration: none; color: var(--tertiary-color); background-color: transparent; border: 1px solid var(--tertiary-color);}

/* Button secondary*/
.button-secondary, a.button-secondary, a.button-secondary:link {transition: 0.5s all ease;border-radius: 2px;  color: var(--primary-color);background-color: var(--white-color);display: inline-block;font-weight: 700;padding: 12px 16px;transition: 0.5s all ease;text-decoration: none;}
a.button-secondary:hover {-webkit-transform: scale(1.03);color: var(--tertiary-color);background-color: var(--quinary-color);display: inline-block;text-decoration: none;}
.button-secondary-outline, a.button-secondary-outline, a.button-secondary-outline:link {transition: 0.5s all ease;text-decoration: none; color: #fff; background-color: transparent; display: inline-block;font-weight: 700;padding: 10px 14px;border: 2px solid var(--white-color);border-radius:10rem;}
a.button-secondary-outline:hover  {-webkit-transform: scale(1.03);text-decoration: none; color: #fff; background-color: transparent; border: 2px solid #fff;}


/* Main navigation */
.navbar{box-shadow: 0px 0px 5px 0px #BDBDBD;}
a.navbar-brand:hover, a.navbar-brand:visited, a.navbar-brand:link{color:  var(--tertiary-color);} 
.navbar > .container{min-height: 60px;}
.navbar-expand-xl .navbar-nav .nav-link {padding: 0 15px;}
.navbar li > a {color: var(--primary-color);text-decoration: none;}
.navbar li > a:hover {color: var(--primary-color);}
.navbar .dropdown-menu a:hover {background-color: var(--nonary-color);}
.navbar-nav .nav-link.show {color: var(--quaternary-color);}
.dropdown-item {padding: 10px 15px;}
.dropdown-toggle::after {background: url(img/arrow-menu.svg) no-repeat center center / auto; border: 0;height: 10px;width: 10px;vertical-align: 0;}


/* HEADER LOGO */
.logo-header{width: 220px;}


/* SWIPER HERO */
.swiper-hero{overflow: hidden; height: 450px;padding-bottom: 40px;}
.swiper-hero .swiper-pagination-bullet{width: 16px;height: 6px;border-radius: 6px;background-color: var(--nonary-color);opacity: 1;}
.swiper-hero .swiper-pagination-bullet{margin: 0 6px;border: none;box-shadow: none;}
.swiper-hero .swiper-pagination-bullet-active{border-color: none;box-shadow: none; background-color: var(--tertiary-color) !important;  width: 32px !important; height: 6px; border-radius: 6px;}
.swiper-hero .swiper-slide{height:auto;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: -20px;}


/* BREADCRUMB */
.breadcrumb a:link, .breadcrumb a:visited{background-color: #fff; border-radius: 100px; padding: 0 10px;} 
.breadcrumb {border-bottom: 5px solid var(--septenary-color)}

/* HERO PAGE */
.hero-page {height: 250px;background-color: rgba(0,0,0,0.4);}
.hero-page .absolute-width-eight-100-z-index-1{left: 0;right: 0;position: absolute; top: 0;z-index: -1;bottom: 0;}

/* HERO VIDEO */
.hero-video {height: 80vh;background-color: rgba(0,0,0,0.2);}
.hero-video .video-container {position: absolute;top: 0;bottom: 0;width: 100%;height: 100%;overflow: hidden;z-index: -1;background-size: cover;background-position: center;background-repeat: no-repeat;}
.hero-video video {min-width: 100%;min-height: 100%;width: auto;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.hero-video img {width: 200px;border-radius: 6px;background-color: #fff;padding: 8px 6px 10px 6px;}
.hero-video h1{font-size: 48px !important;}

/* BOX */
.box-grid h2::before {border-top: 7px solid #fff !important;}
.box-grid .flex-1{-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;transition-delay: 0s;-webkit-transition-delay: 0s;-moz-transition-delay: 0s;transition-delay: 0s;}
.box-grid .flex-1:hover {-webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px);transform: translate(0, -10px);position: relative;z-index: 50;-webkit-box-shadow: 0px 10px 15px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 10px 15px 0 rgba(0, 0, 0, 0.1);box-shadow: 0px 10px 15px 0 rgba(0, 0, 0, 0.1);}

/* FURGONI */
.container-lista-furgoni .item-furgoni{border-bottom:1px solid #ccc;}
.container-lista-furgoni .item-furgoni:nth-child(even) { background-color:var(--nonary-color); }


/* CTA FINAL */
.cta-final {height: 350px;background-color: rgba(0,0,0,0.3);}
.cta-final .absolute-width-eight-100-z-index-1{left: 0;right: 0;position: absolute; top: 0;z-index: -1;bottom: 0;}
.cta-final li{list-style-type: none;}

/* FOOTER */
#top-button {left: 50%;margin-left: -15px;position: absolute;top: 30px;z-index: 2;display: block;height: 30px;width: 30px;background-color: #fff;border-radius: 50px;background-image: url(img/top.png);background-repeat: no-repeat;background-position: center;background-size: 22px 22px;cursor: pointer;}
.footer{background-color: rgba(255,255,255,0.8);}
.footer .absolute-width-eight-100-z-index-1{background-image: url("img/footer.jpg"); background-size: cover;background-repeat: no-repeat;}
.footer .logo-footer{width: 130px;}
.footer .col-lg-3 li{margin-bottom: 10px;}
.footer, .footer li, .footer p{font-size: 14px;line-height: 1.5;}
.footer .widget{list-style-type: none;}
.footer .col-lg-3 li {margin-bottom: 10px;list-style-type: none;margin-left: 0;padding-left: 0;}
.footer .col-lg-3 ul{padding-left: 0;}
.copy p, .copy {font-size: 12px;}
.copy #block-8{text-align: right;}

/* CHIUDO FOOTER */


/* CONTATTI */
.wpcf7 {width:100% !important;}
.wpcf7-form {width:100% !important;}
.wpcf7-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {color:#44474d; width: 100% !important;margin-top: 0; border-radius: 0;border-bottom: 1px solid #44474d; border-top: 0px; border-left: 0px; border-right: 0; background-color: transparent;}
.wpcf7-form input[type="date"]{color:#44474d; margin-top: 5px; border-radius: 0; border-bottom: 1px solid #44474d; border-top: 0px; border-left: 0px; border-right: 0; background-color: transparent;}
.wpcf7-form label{display: block; font-size: 18px; margin-bottom: 40px;}
.wpcf7-form textarea {overflow: auto;resize: vertical;border: 1px solid #000;height: 150px;}
.wpcf7-form span.wpcf7-list-item {display: inline-block;margin: 10px 0 0 0;}
.wpcf7-not-valid-tip {font-size: .75rem !important; color: #d9534f!important;}
/* CHIUDO CONTATTI */

.scroll-down {
    position: absolute;
    bottom: 8%;
    left: 50%;
    margin-left: -16px;
    display: block;
    width: 32px;
    height: 32px;
    border: 2px solid #fff;
    background-size: 14px auto;
    border-radius: 50%;
    z-index: 2;
    -webkit-animation: bounce 2s infinite 2s;
    animation: bounce 2s infinite 2s;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.scroll-down:before {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 6px);
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 2px solid #fff;
    border-width: 0px 0 2px 2px;
}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}


.ml14 {
  font-weight: 200;
  font-size: 3.2em;
}

.ml14 .text-wrapper {
  position: relative;
  display: inline-block;
  padding-top: 0.1em;
  padding-right: 0.05em;
  padding-bottom: 0.15em;
}

.ml14 .line {
  opacity: 0;
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: var(--septenary-color);
  transform-origin: 100% 100%;
  bottom: 0;
}

.hero-page .ml14 .line {background-color: #fff;}
.only-title-hero .ml14 .line {background-color: #101010 !important;}

.ml14 .letter {
  display: inline-block;
  line-height: 1em;
}

@media (min-width: 1199px) and (max-width: 1399px) {
 .all-news  .container-prev-post::after {
    content: "";
    display: block;
    margin-right: 350px;
    margin-left: 0;
  }
}


@media (min-width: 1200px) and (max-width: 1400px) {
.navbar-brand{font-size: 15px !important;}
}

@media (max-width: 1200px) {
.navbar-toggler{border: 0 !important;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.navbar-expand-xl .navbar-nav .nav-link {padding: 15px;}

} 


@media (min-width: 1199px) and (max-width: 1399px) {

}


@media (min-width: 992px) and (max-width: 1199px) {
 .all-news  .container-prev-post::after {
    content: "";
    display: block;
    margin-right: 290px;
    margin-left: 0;
  }
}

/* ADATTAMENTO SITO IPAD VERTICALE */
@media (min-width: 768px) and (max-width: 991px) {


}

@media (max-width: 991px){
.scroll-down{display: none;}
.hero-video img {display: none;}
.hero-video h1 {font-size: 36px !important;}
.hero-video { height: calc(90vh - 100px);background-color: rgba(0,0,0,0.2);}
.presentation .pe-5 {padding-right: 15px !important;}
.presentation .col-lg-6{margin-bottom: 30px;}
.bg-primary-color .button-secondary-outline {margin-top: 15px;margin-left: 0 !important;} 
.item-furgoni .button-primary{margin-bottom: 40px;}

.title-site .logo-mobile{width: 60px;}
.title-site{padding-top: 2rem !important;}
.navbar-brand{font-size: 17px !important;}
.presentation .col-lg-8{margin-top: 30px !important;}
.box-grid .mt-4{margin-top:0 !important; }
.box-grid .gap-4{margin-top: 30px;}
.footer{text-align: center;}
.footer .col-lg-3 .widget_block {margin-bottom: 30px;}
.footer .col-lg-3 h4{margin-bottom: 15px !important;}
.copy .col-lg-6{justify-content: center !important;}
.copy{text-align: center !important;}
.copy .justify-content-end{ margin-top: 10px !important;}
.all-news .w33-14px{width:100%;}
}

/* ADATTAMENTO SITO SMARTPHONE */
@media (max-width: 767px){


}

@media only screen and (min-width: 768px) {

}