/* --------------------------------------------------------------------------
   Impaginazione del sito ricostruito.

   Su Weebly l'impaginazione arrivava da due fogli esterni: il tema del sito
   (/files/main_style.css) e il quadro generale della piattaforma (sites.css),
   253 KB in tutto. Delle loro 2.332 regole, alle nostre pagine ne servivano 68:
   il resto riguarda l'editor, il negozio e componenti che questo sito non usa.

   Quelle 68 sono impaginazione ordinaria -- colonne, larghezze, margini,
   elenchi puntati -- e qui sono riscritte, non copiate: cosi' il sito nuovo non
   si porta dietro il foglio di stile di Weebly. Tutto il resto dell'aspetto
   (colori, caratteri, schede delle tappe, profili) arriva dagli stili del
   restyling, che sono gia' nostri e restano come sono.
   -------------------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Open Sans',-apple-system,system-ui,Helvetica,Arial,sans-serif;
  color:#333;background:#fff;line-height:1.6}
img{max-width:100%;height:auto}
a{color:inherit}

/* Il menu e' fissato in alto ed e' alto 92px: senza questo spazio coprirebbe il
   titolo della pagina. E' la stessa misura che usa il sito vero. */
main.wrapper{display:block;padding-top:78px}
/* La home fa eccezione: la sua fotografia di apertura passa sotto il menu,
   com'e' sempre stata. */
body.bh-home main.wrapper{padding-top:0}

/* La colonna centrale. Il contenuto non tocca mai i bordi dello schermo e non
   supera una larghezza leggibile. */
.container,.wsite-footer{position:relative;width:100%;margin:0 auto;box-sizing:border-box}
.main-wrap .container{max-width:1366px;padding:60px 40px}
@media(max-width:700px){.main-wrap .container{padding:34px 18px}}

/* Le sezioni di pagina: si comportano come righe di una tabella, che e' il modo
   in cui erano state disegnate. L'altezza la decide il contenuto. */
.wsite-section-wrap{display:table;table-layout:fixed;width:100%}
.wsite-section{display:table-cell;width:100%;height:auto;background-size:cover}
.wsite-header-section{text-align:center;background-size:cover}
.wsite-not-footer{text-align:left}

/* Il riquadro di testata: titolo, sottotitolo e foto d'apertura. */
.banner-wrap{position:relative}
.banner-wrap .container{max-width:1366px;padding:60px 20px}
.banner-wrap .banner{position:relative;text-align:center}

/* Le colonne affiancate delle pagine fatte con l'editor. Sotto i 700px si
   impilano, altrimenti su un telefono restano strette come francobolli. */
.wsite-multicol{position:relative}
.wsite-multicol-table{border-collapse:collapse;table-layout:fixed;width:100%;
  margin:0;border:0;padding:0}
.wsite-multicol-col{vertical-align:top;margin:0;border:0;box-sizing:border-box}
@media(max-width:700px){
  .wsite-multicol-table,.wsite-multicol-table tbody,.wsite-multicol-table tr{display:block}
  td.wsite-multicol-col{display:block;width:100%!important;padding:0}
}

/* Testo e titoli. */
h1,h2,h3,h4,h5,h6{line-height:1.2}
div.paragraph,p{line-height:1.6;margin:0 0 1em;word-wrap:break-word}
div.paragraph a[href],p a[href]{color:inherit;border-bottom:1px solid rgba(0,0,0,.4)}
div.paragraph a[href]:hover,p a[href]:hover{border-bottom-color:currentColor}
b,strong{font-weight:700}
/* Il tema azzerava gli elenchi per tutto il sito: senza queste righe i punti
   elenco del contenuto sparirebbero. */
div.paragraph ul,div.paragraph ol{padding-left:2.4em;margin:.4em 0}
div.paragraph ul,div.paragraph ul li{list-style:disc outside}
div.paragraph ol,div.paragraph ol li{list-style:decimal outside}
div.paragraph li{margin:.2em 0}
hr.styled-hr{background:rgba(0,0,0,.13);border:0;height:1px;margin:0 auto}

/* Immagini e gallerie. */
.wsite-image{position:relative}
.wsite-image img{margin-bottom:10px}
.wsite-image-border-none a img{border-width:0}
.imageGallery{width:100%}
.imageGallery>div{width:50%;display:inline-block;vertical-align:top}
@media(max-width:700px){.imageGallery>div{width:100%}}
.galleryImageHolder{position:relative}

/* I pulsanti delle pagine fatte con l'editor (per esempio "Richiedi
   informazioni"): su Weebly erano immagini di sfondo, qui sono disegnati. */
.wsite-button{display:inline-block;margin:6px 0;background:#2d5a27;color:#fff;
  border-radius:3px;text-decoration:none;font-weight:600}
.wsite-button .wsite-button-inner{display:inline-block;padding:13px 28px;line-height:1}
.wsite-button:hover{background:#24471f}
.wsite-button-large .wsite-button-inner{padding:16px 34px;font-size:18px}
.wsite-button-highlight{background:#c9a84c;color:#1a1a1a}
.wsite-button-highlight:hover{background:#b8963c}

/* --- moduli (scrivono sull'Hub) --- */
.bh-modulo{max-width:680px;margin:24px auto 40px;font-size:15px}
.bh-modulo fieldset{border:1px solid #e0ddd4;border-radius:4px;padding:14px 16px 18px;margin:0 0 18px}
.bh-modulo legend{font-weight:700;color:#2d5a27;padding:0 6px;font-size:14px;
  text-transform:uppercase;letter-spacing:.04em}
.bh-campo{margin:0 0 14px}
.bh-campo>label{display:block;font-weight:600;margin-bottom:4px}
.bh-modulo input[type=text],.bh-modulo input[type=email],.bh-modulo input[type=tel],
.bh-modulo input[type=date],.bh-modulo input[type=number],.bh-modulo select,
.bh-modulo textarea{width:100%;padding:9px 10px;border:1px solid #c9c4b6;border-radius:3px;
  font:inherit;color:inherit;background:#fff}
.bh-modulo textarea{min-height:130px;resize:vertical}
.bh-modulo input:focus,.bh-modulo select:focus,.bh-modulo textarea:focus{outline:2px solid #2d5a27;
  outline-offset:1px;border-color:#2d5a27}
.bh-duo{display:flex;gap:14px;flex-wrap:wrap}
.bh-duo>.bh-campo{flex:1 1 220px;margin-bottom:14px}
.bh-aiuto{font-weight:400;font-size:13px;color:#6d6a61;display:block;margin-top:2px}
.bh-daltour{color:#2d5a27;font-weight:600}
.bh-obbl{color:#a33}
.bh-misure{width:100%;border-collapse:collapse;margin-top:6px}
.bh-misure th{text-align:left;font-size:13px;font-weight:600;color:#6d6a61;padding:0 8px 4px 0}
.bh-misure td{padding:0 8px 8px 0;vertical-align:top}
.bh-misure td:first-child{white-space:nowrap;padding-top:10px;font-weight:600}
.bh-privacy{display:flex;gap:9px;align-items:flex-start;font-size:14px}
.bh-privacy input{margin-top:4px;flex:0 0 auto;width:auto}
.bh-invia{background:#2d5a27;color:#fff;border:0;border-radius:3px;padding:12px 26px;
  font:inherit;font-weight:700;cursor:pointer}
.bh-invia:hover{background:#24471f}
.bh-invia[disabled]{opacity:.55;cursor:default}
.bh-esca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bh-esito{margin-top:14px;padding:12px 14px;border-radius:3px;font-weight:600;display:none}
.bh-esito.ok{display:block;background:#eaf5e6;border:1px solid #b9dcae;color:#2d5a27;
  font-weight:400;line-height:1.6}
.bh-esito.ko{display:block;background:#fdecea;border:1px solid #f2c3bd;color:#a33}
.bh-senza-js{margin:18px 0;padding:12px 14px;border:1px solid #e0ddd4;border-radius:3px;
  background:#faf9f6}

.bh-cookie{position:fixed;left:0;right:0;bottom:0;z-index:99999;background:#1f3d1c;
  color:#f2f2ef;font-size:14px;line-height:1.55;padding:18px 20px;
  box-shadow:0 -2px 18px rgba(0,0,0,.25)}
.bh-cookie-in{max-width:1100px;margin:0 auto;display:flex;gap:20px;align-items:center;
  flex-wrap:wrap;justify-content:space-between}
.bh-cookie p{margin:0;flex:1 1 380px;min-width:260px;color:#f2f2ef}
.bh-cookie a{color:#e6cf8a;text-decoration:underline}
.bh-cookie-btns{display:flex;gap:10px;flex-wrap:wrap}
.bh-cookie button{font:inherit;font-weight:600;cursor:pointer;border-radius:50px;
  padding:11px 22px;border:1px solid transparent;white-space:nowrap}
.bh-cookie-si{background:#c9a84c;color:#1f3d1c}
.bh-cookie-si:hover{background:#e6cf8a}
/* Il rifiuto deve avere lo stesso peso dell'accettazione: un "no" che sembra testo
   accanto a un "si'" grande e colorato e' un modo scorretto di chiedere il consenso. */
.bh-cookie-no{background:rgba(255,255,255,.10);color:#fff;border:2px solid #fff}
.bh-cookie-no:hover{background:rgba(255,255,255,.22)}
.bh-cookie-si{border:2px solid #c9a84c}
@media(max-width:600px){.bh-cookie-in{gap:14px}.bh-cookie-btns{width:100%}
  .bh-cookie button{flex:1 1 auto}}
.bh-prefs{text-align:center;font-size:13px;padding:10px 16px 18px;background:#12110f}
.bh-prefs a{color:#b9b4a8}

/* tema landing: fascia {footer} di Weebly senza spaziatori vuoti (su telefono diventavano un blocco verde alto) */
.weebly-legal .wsite-spacer{height:0!important}
.weebly-legal .wsite-multicol-col{padding-top:0!important;padding-bottom:0!important}

.footer-col li:has(> a[href="/itinerari-guidati-in-puglia-e-basilicata.html"]){display:none!important}

.wsite-elements.wsite-not-footer:not(.wsite-header-elements) div.paragraph, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) p, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-block .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-description, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {}
#wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {}
.wsite-elements.wsite-footer div.paragraph, .wsite-elements.wsite-footer p, .wsite-elements.wsite-footer .product-block .product-title, .wsite-elements.wsite-footer .product-description, .wsite-elements.wsite-footer .wsite-form-field label, .wsite-elements.wsite-footer .wsite-form-field label{}
.wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-long .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-large .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-small .product-title, #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {}
#wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {}
.wsite-elements.wsite-footer h2, .wsite-elements.wsite-footer .product-long .product-title, .wsite-elements.wsite-footer .product-large .product-title, .wsite-elements.wsite-footer .product-small .product-title{}
#wsite-title {}
.wsite-menu-default a {}
.wsite-menu a {}
.wsite-image div, .wsite-caption {}
.galleryCaptionInnerText {}
.fancybox-title {}
.wslide-caption-text {}
.wsite-phone {}
.wsite-headline,.wsite-header-section .wsite-content-title {}
.wsite-headline-paragraph,.wsite-header-section .paragraph {}
.wsite-button-inner {}
.wsite-not-footer blockquote {}
.wsite-footer blockquote {}
.blog-header h2 a {}
#wsite-content h2.wsite-product-title {}
.wsite-product .wsite-product-price a {}
@media screen and (min-width: 767px) {.wsite-elements.wsite-not-footer:not(.wsite-header-elements) div.paragraph, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) p, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-block .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-description, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .wsite-form-field label, #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {}
#wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {}
.wsite-elements.wsite-footer div.paragraph, .wsite-elements.wsite-footer p, .wsite-elements.wsite-footer .product-block .product-title, .wsite-elements.wsite-footer .product-description, .wsite-elements.wsite-footer .wsite-form-field label, .wsite-elements.wsite-footer .wsite-form-field label{}
.wsite-elements.wsite-not-footer:not(.wsite-header-elements) h2, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-long .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-large .product-title, .wsite-elements.wsite-not-footer:not(.wsite-header-elements) .product-small .product-title, #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {}
#wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {}
.wsite-elements.wsite-footer h2, .wsite-elements.wsite-footer .product-long .product-title, .wsite-elements.wsite-footer .product-large .product-title, .wsite-elements.wsite-footer .product-small .product-title{}
#wsite-title {}
.wsite-menu-default a {}
.wsite-menu a {}
.wsite-image div, .wsite-caption {}
.galleryCaptionInnerText {}
.fancybox-title {}
.wslide-caption-text {}
.wsite-phone {}
.wsite-headline,.wsite-header-section .wsite-content-title {}
.wsite-headline-paragraph,.wsite-header-section .paragraph {}
.wsite-button-inner {}
.wsite-not-footer blockquote {}
.wsite-footer blockquote {}
.blog-header h2 a {}
#wsite-content h2.wsite-product-title {}
.wsite-product .wsite-product-price a {}
}

.banner-wrap{background:transparent!important;}@media(max-width:700px){.main-wrap,.banner-wrap{box-sizing:border-box;max-width:100%;}.main-wrap .wsite-multicol-table-wrap{margin:0!important;}.main-wrap a.wsite-button,.main-wrap .wsite-button-inner{white-space:normal!important;max-width:100%;box-sizing:border-box;}.main-wrap img{max-width:100%!important;height:auto;}}

.nav .nav-inner{height:92px!important}.nav .nav-logo{display:flex!important;align-items:center!important;height:auto!important;padding:4px 0!important}.nav .nav-logo img.bh-main{height:80px!important;width:auto!important;max-height:none!important;max-width:none!important;margin:0!important}.nav .nav-logo .bh-sep{display:inline-block;flex:none;width:1px;height:40px;background:#d9d4c7;margin:0 16px}.nav .nav-logo img:not(.bh-main){height:26px!important;width:auto!important}.nav .nav-logo .nav-brand{display:none!important}@media(max-width:700px){.nav .nav-inner{height:72px!important}.nav .nav-logo img.bh-main{height:60px!important}.nav .nav-logo .bh-sep{height:30px;margin:0 10px}.nav .nav-logo img:not(.bh-main){height:20px!important}}@media(max-width:480px){.nav .nav-inner{gap:10px!important;height:64px!important}.nav .nav-logo img.bh-main{height:50px!important}.nav .nav-logo .bh-sep{height:26px;margin:0 8px}.nav .nav-logo img:not(.bh-main){height:16px!important}.nav .nav-lang{gap:0!important}.nav .nav-lang a{padding:6px 8px!important}}@media(min-width:701px) and (max-width:1100px){.nav .nav-logo img.bh-main{height:64px!important}.nav .nav-logo .bh-sep{height:32px;margin:0 10px}.nav .nav-logo img:not(.bh-main){height:22px!important}.bh-fietsvakantieinpuglia .nav .nav-menu{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;min-width:0!important}.bh-fietsvakantieinpuglia .nav .nav-menu>li{padding:0 2px!important}.bh-fietsvakantieinpuglia .nav .nav-menu a{padding:5px 6px!important;letter-spacing:.3px!important;font-size:13px!important}.bh-fietsvakantieinpuglia .nav .nav-cta{white-space:nowrap!important;padding-left:14px!important;padding-right:14px!important}}@media(min-width:1025px){.bh-sicilybikingtours .nav .nav-inner{max-width:1440px!important}}@media(min-width:1025px) and (max-width:1500px){.bh-sicilybikingtours .nav .nav-logo img.bh-main{height:64px!important}.bh-sicilybikingtours .nav .nav-logo .bh-sep{height:32px;margin:0 10px}.bh-sicilybikingtours .nav .nav-logo img:not(.bh-main){height:22px!important}.bh-sicilybikingtours .nav .nav-inner{gap:12px!important}.bh-sicilybikingtours .nav .nav-menu{gap:14px!important}.bh-sicilybikingtours .nav .nav-menu a{font-size:12.5px!important;letter-spacing:.4px!important}.bh-sicilybikingtours .nav .nav-lang a{padding:8px 9px!important}.bh-sicilybikingtours .nav .nav-cta{padding-left:16px!important;padding-right:16px!important;white-space:nowrap!important}}@media(min-width:1025px) and (max-width:1250px){.bh-sicilybikingtours .nav{padding-left:16px!important;padding-right:16px!important}.bh-sicilybikingtours .nav .nav-inner{gap:8px!important}.bh-sicilybikingtours .nav .nav-logo img.bh-main{height:56px!important}.bh-sicilybikingtours .nav .nav-logo .bh-sep{height:28px;margin:0 8px}.bh-sicilybikingtours .nav .nav-logo img:not(.bh-main){height:18px!important}.bh-sicilybikingtours .nav .nav-menu{gap:10px!important}.bh-sicilybikingtours .nav .nav-menu a{font-size:12px!important;letter-spacing:.2px!important}.bh-sicilybikingtours .nav .nav-lang a{padding:6px 6px!important}.bh-sicilybikingtours .nav .nav-cta{padding-left:12px!important;padding-right:12px!important}}.wsite-logo a.bh-oldlogo{background:none!important;display:inline-flex!important;align-items:center!important;width:auto!important;height:auto!important;max-width:none!important;text-indent:0!important;overflow:visible!important}.bh-oldlogo>*:not(.bh-main):not(.bh-sep):not(.bh-sub){display:none!important}.bh-oldlogo img.bh-main,.bh-oldlogo img.bh-sub{opacity:1!important;visibility:visible!important;position:static!important}.bh-oldlogo img.bh-main{height:72px!important;width:auto!important;max-height:none!important;max-width:none!important;margin:0!important;display:block!important}.bh-oldlogo .bh-sep{display:inline-block;flex:none;width:1px;height:36px;background:#d9d4c7;margin:0 14px}.bh-oldlogo img.bh-sub{height:26px!important;width:auto!important;max-height:none!important;max-width:none!important;margin:0!important;display:block!important}@media(max-width:700px){.bh-oldlogo img.bh-main{height:52px!important}.bh-oldlogo .bh-sep{height:26px;margin:0 9px}.bh-oldlogo img.bh-sub{height:18px!important}}.bh-siti{font-size:13px;line-height:1.7;text-align:center;padding:12px 16px;opacity:.85}.bh-siti a{color:inherit!important;text-decoration:underline}@media(max-width:700px){html,body{overflow-x:clip!important}}