/*
Theme Name: Aerodogana
Theme URI: http://www.aerodogana.it
Author: Giancarlo Basso Tommaso Gavioli / Youtool
Description:
Version: 1.0
Text Domain: aerodogana
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

/* TIPOGRAFIA */
@font-face {
    font-family: 'Myriad';
    src: url('fonts/MyriadPro-Regular.woff') format('woff'),
         url('fonts/MyriadPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Myriad';
    src: url('fonts/MyriadPro-It.woff') format('woff'),
         url('fonts/MyriadPro-It.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Myriad';
    src: url('fonts/MyriadPro-Bold.woff') format('woff'),
         url('fonts/MyriadPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* GENERALI */
body {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
background-color:white;
color:#222;
font-family:"Myriad", sans-serif;
font-size:16px;}
a {color:#222;text-decoration:none;}
a.button {color:white;font-weight:bold;text-transform:uppercase;border-radius:5px;background:#8DC100;padding:10px 15px;}
em {font-style:italic;}
strong {font-weight:bold;}
.hide {display:none;}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-o-box-sizing: border-box;
}
input[type="text"], input[type="email"], input[type="button"], textarea  {
width: 100%;border: 4px solid #ededed;padding: 6px 12px;font-family: "Myriad", sans-serif;
background:#FFFFFF;font-size: 18px;color: #222;outline: none;margin:5px 0 15px;}

input[type="submit"] {color:white;font-weight:bold;text-transform:uppercase;border-radius:5px;background:#8DC100;padding:10px 15px;font-size:16px;border:none;float:right;}

/* MODULO CONTATTO */
#contatti-footer #copyright {text-align:center;font-size:12px;padding:20px 0;background:white;}
#preventivo form p {display:inline-block;width:50%;padding:10px;float:right;}
#preventivo form p:nth-child(8), #preventivo form p:nth-child(9), #preventivo form p:nth-child(10) {width:100%;}
#preventivo form p:nth-child(10) {text-align:center;}
#preventivo form a {color:#8DC100}

/* VIDEO SLIDER */
.video-container video {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.contenitore {padding:60px 0;overflow:auto;}
.contenuto {max-width:1600px;width:94%;margin:0 auto;}
.contenutosx{float:left;width:50%;}
.contenutodx{float:right;width:50%;height:500px;font-size: 16px; line-height:1.4em;border:10px solid #ededed;padding:60px 30px 30px;display: grid;grid-template-columns: 50% 50%;}
.contenutodx div:first-child{margin-bottom:40px;}
#pagina-contatti .contenutodx p {line-height:1.4em;margin-bottom:20px;}
#menu {font-weight:bold;text-transform:uppercase;padding:10px 0;background:white;z-index:2;position:fixed;width:100%;}
#menu li{display:inline-block;}
#menu li .sub-menu{display:none;position: absolute;background: white;}
#menu li:hover .sub-menu{display:block;}
#menu li .sub-menu li{display:block;width:200px;}
#menu li .sub-menu li a{padding:7px 10px;}
#menu li a{display:block;padding: 14px 10px;font-size: 14px;}
#menu li a:hover, #menu li.current-menu-item a, #menu li.current-menu-item .sub-menu a:hover {color:#8DC100;}
#menu li.current-menu-item .sub-menu a {color:#222;}
#menu ul{display: -webkit-flex; display: flex; justify-content: space-around;float:right;}
#menu ul#menu-menu-principale-1 {display:none;}
#logo{float:left;margin-top:5px;}
#logo img{width:250px;height:auto;}

/* HOMEPAGE */
#claim, #verifica-mrn {
    height: 100vh;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    position:relative;
}
#verifica-mrn {max-height: 600px;position:relative;}
#intro {padding: 30px; background-color: rgba(255,255,255, 0.9); max-width:1000px; margin:0 auto;position: absolute;bottom: 120px;left: 0;right: 0; }
#intro h2 {width:70%;float:left;font-size:20px;line-height:1.4em;}
#mrn {padding: 30px; background-color: rgba(255,255,255, 0.9); width:50%; max-width:300px; position: absolute;top: 50%;height: 400px;margin: -200px auto 0 auto;left: 0;right: 0;text-align:center;line-height: 1.3em;}
#mrn a{position: absolute;bottom: 40px;left: 40px;right: 40px;}
#intro a.button {float:right;}
#verifica-mrn.contenuto {max-width:1600px;width:100%;margin:0 auto;}
#contatti {background:#ffffff;font-size:32px;}
#preventivo {clear:both;}
#servizi ul {display: flex;align-content: stretch;}
#servizi li {padding: 0 0 20px;box-sizing: border-box;-moz-box-sizing: border-box;text-align: center;position:relative;flex: 1 1 0;width: 0;  border: 10px solid transparent;line-height: 1.3em;}
#servizi li:hover {border-color: #8CC100;}
#servizi li a{display: block; width: 100%; height:100%;padding: 10px 10px 50px;background-image: url(img/freccia.png);background-size: 30px;background-repeat: no-repeat;background-position: bottom;}
#servizi li a h2{font-size:20px; text-transform:uppercase;margin-bottom:1.0em;font-weight:bold;}

#elenco-faq li {width: 20%;height:250px;line-height: 250px;float: left;padding: 0 10px;text-align: center;position:relative;margin-bottom:40px;}
#elenco-faq li article {border: 10px solid #8CC100; padding: 0 10px;}
#elenco-faq li a {
	display: inline-block;
  	vertical-align: middle;
  	line-height: normal;
  	font-size:20px;
  	text-transform:uppercase;
	}
.tax-desc {min-width: 700px;max-width: 50%;width: 94%;margin: 0 auto 40px;}
.wpgmp_map_container address {display:none;}
.wpgmp_map_container {outline: none !important;}
.wpgmp_infowindow {font-family: 'Myriad' !important;}

/* PAGINE */
.wp-caption {
    float: left;
    font-size: 14px;
    margin: 10px 1%;
    background: #ededed;
    padding: 20px 10px 60% 10px;
    width: 48% !important;
    text-align: center;
    height: 0;
    overflow: hidden;
}
.wp-caption img{
    max-width:100%;
    height:auto;
}
table {border-collapse: collapse;}
table, th, td {border: 1px solid #d6d6d6; padding: 5px;margin-bottom:1em;font-size:16px;line-height:1.4em;text-align:left;width:auto;}
.contenutopagina {width:50%; margin:0 auto;max-width:1200px;font-size:22px;line-height:1.4em;text-align:justify;padding-top:60px;clear:both;}
.contenutopagina h3{font-weight:bold; margin-top:60px;}
.contenutopagina a{text-decoration:underline;}
.contenutopagina p{margin-bottom:1.0em;}
.contenutopagina a:hover, #catalogo-realizzazioni a:hover {color:#8DC100;}
.contenitore h3 {font-weight:bold;font-size: 36px;text-transform: uppercase;text-align:center;margin-bottom:40px;}
.single h1, .page h1 {font-weight:bold;font-size: 36px;text-transform: uppercase;text-align:center;padding: 60px 0;line-height:1.2em;}
.paginaarticolo img {width:auto; height:auto;max-width:100%;}
.nav-previous a, .nav-next a {display: block;height: 40px;width: 40px;text-indent: -9999px;background: #222222;background-image: url('img/freccia-sx.png');background-size: 20px;background-repeat: no-repeat;    position: fixed;top: 50%;margin-top: -20px;}
.nav-previous a {background-image: url('img/freccia-sx.png');left:0;background-position:6px 10px;}
.nav-next a {background-image: url('img/freccia-dx.png');right:0;background-position:12px 10px;}
.wpgmp_map_container {border: none !important;box-shadow: none !important;}

/* CONTATTI */
.page-id-34 #preventivo {display:none;}

/* SLIDER */
.slick-slider { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: url("img/loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* FOOTER */
#contatti-footer {padding:90px 0 60px;overflow:auto;line-height:1.4em;}
#contatti-footer .contenuto div {width:33.33%;float:left;padding:0 10px;}
#contatti-footer .contenuto {background-image: url('img/logo-aerodogana-customs-clearence-srl.png'); background-repeat:no-repeat; background-size: 250px; background-position: left top;overflow:auto;}
#contatti-footer .contenuto div:first-child {margin-left:33.33%;}
#copyright {text-align:center;font-size:12px;padding:20px 0;background:#f4f4f4;}

/* SIA SMARTPHONE CHE TABLET */

@media only screen
and (max-width : 1025px)
{
a#pull {width:32px;position:absolute;top:15px;right:3%;display:block;background: url('img/hamburger.png') no-repeat;background-size:32px 32px;height:32px;}
a#pull.chiudi{background: url('img/chiudi.png') no-repeat;background-size:32px 32px;}
#logo {width: auto;}
#menu-menu-principale-1{display:block;}
#menu-menu-principale{display:none;}
#menu {height:auto;}
#menu li {display: block;text-align:center;}
#menu li a {padding: 10px 0;}
#menu li.twitter, #menu li.instagram, #menu li.facebook, #menu li.youtube {width:25%;float:left;}
#contenitore-menu {height: 62px;}
.video-container {display:none;}
#menu ul {width: 100%;display:none;}
#elenco-faq li {width:50%;}
#servizi ul {display:block;}
#servizi li {width:100%;}
}
@media only screen
and (max-width : 768px)
{
#menu-menu-principale-1{display:block;}
#menu-menu-principale{display:none;}
#contenitore-menu {height: 62px;}
.contenitore {padding:40px 0;}
#contatti-footer {padding:40px 0;}
.contenuto {min-width:94%;}
#menu {height:auto;}
#menu li {display: block;text-align:center;}
#menu li a {padding: 10px 0;}
#menu li.twitter, #menu li.instagram, #menu li.facebook, #menu li.youtube {width:25%;float:left;}
.mc-field-group {width:100%;padding-right:0px;}
.camponome, .campomail {width:100%; padding-left:0;padding-right:0;}

}
@media only screen
and (min-width: 200px) and (max-width : 767px)
{
#menu li a {font-size: 24px;}
#menu ul#menu-menu-principale-1 {height: 100vh;padding-top: 60px;}
#servizi li, #elenco-faq li {margin-bottom: 20px;height:auto;padding-bottom:0;width:100%}
.contenutosx, .contenutodx {width:100%;grid-template-columns: 100%;height: auto;}
.contenuto {width: 90%;}
#claim h1 {font-size: 30px;}
#claim {background-attachment: scroll;}
#intro {left: 5%; right:5%;width: auto;text-align:center;font-size:16px;}
#intro h2{width:100%; padding-bottom: 40px;}
#intro a.button {float: none;}
.contenitore h3 {font-size: 24px;padding: 30px 0 0;}
.single h1, .page h1 {font-size: 24px;padding: 30px 0 30px;}
.contenutopagina, #catalogo-realizzazioni {width: 90%; padding-top: 0;font-size:16px;}
.video-container video {display:none;}
.archive .articolo {height: auto;padding-bottom: 20px;width:100%;}
#domande {width: 100%;}
#preventivo form p {width:100%;}
#mrn {width:80%;}
#contatti-footer .contenuto div:first-child {margin-left: 0%;}
#contatti-footer .contenuto div {width: 100%;margin-bottom:20px;}
#contatti-footer .contenuto {background-position: 10px top;padding-top: 60px;}
input[type="submit"] {margin-top:80px;float:left;}
}