/* Theme Name: Logicone Theme URI: https://www.sys-datgroup.com/logicone/ Author: the LogicOne team */ /* Sofia pro Regular: 400; Medium: 500 Bold: 700 */ @import url("https://use.typekit.net/cnn0zux.css"); @import url('https://fonts.cdnfonts.com/css/gagalin'); /*@import url('https://fonts.googleapis.com/css2?family=Kalam:wght@700&display=swap');*/ @font-face { font-family: "streaty"; src:url("fonts/streaty.woff2?6") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "social networks"; src:url("fonts/social-networks.woff?1") format("woff"), url("fonts/social-networks.ttf?1") format("truetype"), url("fonts/social-networks.svg#social-networks?1") format("svg"); font-display: swap; } :root { --blu: #222F47; --orange: #F59F42; --yellow:#FCEAB0; --yellowlight:#FFF5D5; --red: #B14844; --brown: #C7AB8F; } /*#tourmap {display:none}*/ HTML {scroll-behavior: smooth} BODY {font-family: 'sofia-pro', sans-serif; font-weight:500; font-size:110%; color: var(--blu); margin: 0;padding:0;background:#fff; text-align:justify; line-height:1.6; -webkit-text-size-adjust: 100%} a:link, a:visited, a:before, a:after, a *, a *:before, a *:after, input {text-decoration:none; transition: all 0.2s linear} a:link, a:visited {color:var(--orange)} a:hover {color:var(--blu)} .objectfit img {object-fit: cover;min-width: 100%;min-height: 100%; width: 100%;height: auto; max-width: 100%; max-height: 100%} .grecaptcha-badge {display:none !important} #recaptcha {font-size:11px; width:100%; padding-bottom: 20px} #recaptcha a:hover {color:#fff} /* form e img */ header, main, footer, figure, blockquote {display:block;margin:0} body > header {min-width:320px;position:relative; text-align: center;} #cmplz-document {max-width: none} header, main, #footer {padding:0; margin:0 auto; text-align:center;} #footer, main, #top {min-width:320px; position:relative} main {padding:30px 0 0 0} .page main {padding:60px 0 0 0} *, *:after, *:before {-webkit-box-sizing: border-box; box-sizing: border-box;-webkit-font-smoothing: antialiased;-webkit-appearance:none;} input[type="checkbox"] {-webkit-appearance:checkbox;} input[type="radio"] {-webkit-appearance:radio;} p {margin:10px 0} .imgdx {float:right;margin:5px 0 0 5px} .imgsx {float:left;margin:8px 5px 0 0} h1, h2, h3, h4 {margin:0;color:var(--blu); font-family:'sofia-pro',sans-serif; font-weight:700;line-height: 1.3} h1, h2 {text-align: center} .titlebluc {margin:0 auto 10px auto; display: inline-block} .titleblu {font-size:18px; background: var(--blu); color:#fff;height:48px;line-height:48px; border-radius: 24px; font-weight: normal; padding:0 15px; margin:0;text-transform: uppercase; font-weight: bold;} a.titleblu {display: block} a.titleblu h2 {color:#fff; line-height:48px;} a.titleblu:hover {background: var(--orange)} #welcome h2 {font-size:16px;background: var(--orange); color:var(--blu); height:36px;line-height:36px; border-radius: 18px; font-weight: 700;text-transform: uppercase; padding:0 15px; display: inline-flex} h2 {font-size:20px} h3 {font-size:18px} h4 {font-size:16px} h1.entry-title {margin-bottom:20px} div.wpcf7 {margin-bottom:30px} .wpgmza_map {margin-top:10px} .metaslider .flexslider {margin: 0 !important} .metaslider .flex-control-nav {bottom:10px !important} .flex-control-paging li a{background:#DEE0E4 !important; width:12px !important; height:12px !important } .flex-control-paging li a.flex-active {background: var(--blu) !important} b, strong {font-weight: 700} img {border:0} form {margin:0} ul {margin:0; padding:0; list-style:none} .content ul {margin:10px; padding:10px; list-style:initial} .content img{max-width:100%; height:auto} #blog img {max-width: 100%; height: auto; display:block} *:focus {outline:none} .clearfix:after {content: ""; display: table; clear: both;*zoom: 1} .center {text-align:center; clear:both} /* Alignment */ .aligncenter {clear: both;display: block; margin-left: auto; margin-right: auto} #gallery-2 .gallery-item img {border: 1px solid #cfcfcf} .pagination {margin:40px auto;text-align: center; width: 100%} .pagination .nav-links {display: inline-flex; justify-content: center} .pagination .nav-links > * {border-radius: 50%; width:40px; height:40px; line-height:36px; display:block; background: var(--blu); color:#fff; margin:0 5px; font-weight:500; text-align: center} .pagination .nav-links > .current, .pagination .nav-links > a:hover {background: var(--orange)} input[type="text"], input[type="number"], input[type="email"], input[type="submit"], textarea, select {font-family: 'sofia-pro', sans-serif; font-size:15px; margin:0; padding:0; border:0; color:#333} input[type="text"], input[type="email"], input[type="number"], select, textarea {border:1px solid #ccc; border-radius:5px; padding:10px; background: #fff} input[type="text"], input[type="email"], input[type="number"] {height:40px} .contatti {text-align: left; margin:40px 0 20px 0} label {text-align: left; display: inline-block} .contatti > div {margin:10px 0; width: 100%} .contatti > div input[type="text"], .contatti > div input[type="email"], textarea, .contatti > div select, .contatti > div input[type="number"] {width:100%; margin-top:3px; flex-wrap: wrap} .contatti > p {clear:both;width:94%;margin:3%} .contatti .textarea{width:100%} .contatti .required-field-info{margin:0} #policy {font-size:80%; margin:20px 0} span.wpcf7-list-item {margin: 0 !important} span.wpcf7-checkbox .wpcf7-list-item-label{min-width: 100px; display: inline-block} .checkbox-875 {margin-top:15px;display:block} .wpcf7-form label{display:block; margin-bottom:5px} #blogbreadcrumb {margin-bottom:20px} .breadcrumb_last {display:none} input[type="submit"] {border:0;height:40px;padding:0 15px; border-radius:5px; font-size:18px; text-transform:uppercase; cursor:pointer; background:var(--orange); color:#fff; font-weight:600} input[type="submit"]:disabled, input[type="submit"]:disabled:hover, input[type="submit"]:disabled:hover {background:#ccc;color:#fff;cursor:text} input[type="submit"]:hover {background:#72502B;} input[type="submit"]:active {background:#72502B; color:#fff} ::-webkit-input-placeholder {color: #999; font-style: italic;} ::-moz-placeholder { /* Firefox 19+ */ color: #999;opacity: 1; font-style: italic;} :-ms-input-placeholder { color: #999; font-style: italic;} .submit {position:relative; display:inline-block; height: 34px} .submit input[type="submit"] {padding-right:25px} .submit:after {font-family:streaty; content:'q'; display:block; color:#fff; font-size:15px; position:absolute; top:0; right:10px; line-height:34px; pointer-events: none;} .content {margin:0 auto; max-width: 1200px; text-align: justify; padding:0 8%} #logo {position:absolute; top:45px; left:25px; z-index: 3} #logo a {display:inline-block; position:relative} #logo a img {height:40px; display:block} body:not(.single-street-food-tours) > header figure:before, .single-street-food-tours > header figure > div:before {content:''; display:block; width: 100%; position: absolute; top:0; left:0; z-index:2; height:100%} body:not(.single-street-food-tours) > header figure:before {background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);} .single-street-food-tours > header figure > div:before {background: rgba(0,0,0,.5);} body.home > header:before {height:30%} #headerimg {height: calc(100% - 40px)} .home body > header:before {height:70px} a#toggle {display: none} a#toggle:before {display:block; font-family:streaty; content:'m';font-size:20px; width:56px;height:56px;line-height:56px; color:#fff; background: #B14844; text-align:center} .open-menu a#toggle:before {content:'x';color:#fff; font-size:20px} a#toggle:hover:before {color:#F59F42} #slide:before {position:relative; top:0; left:0; width:100%; height:100%; z-index:2; content:''; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.3) 100%); } #slide h1 {margin-bottom: 10px} body:not(.single-street-food-tours) #slide::after {position: absolute;bottom: -17px; left: 0;width: 100%; height: 38px;z-index: 1; content: '';background: url(images/tenda.svg) repeat-x top left #fff; transform: rotate(-1deg);display: block} body.home #slide::after, body.tax-city #slide::after {bottom: 200px} body > header img{height: 100%;display: block;width: auto;} #slidertourc img {max-width:100%;height: auto; display:block} body > header figure {position:relative} #slidertourc {max-width: 990px; margin:0 auto; min-width:0} .tax-city #header figure {height: 180px} #header figure {padding-bottom: 80px; height: 305px;overflow: hidden} #header figcaption {position:absolute; bottom:0; right:0} body:not(.single-street-food-tours) #slide figure {height: 250px; width:100%;overflow: hidden} body.tax-city #slide figure, body.home #slide figure {height: 550px} .single-street-food-tours #slide figcaption {padding:20px} .single-street-food-tours #slide figcaption * {text-align: left} .single-street-food-tours #slide figcaption h1 {color:var(--blu); font-size: 24px; text-transform: uppercase} #slide figure > div {height:260px; position: relative} #slide figure img {object-fit: cover;min-width: 100%;min-height: 100%;width: 100%;height: auto; max-width: 100%;max-height: 100%} #slide figcaption {z-index: 2; line-height: 1.1} /*.home #slide figcaption, .tax-city #slide figcaption */ body:not(.single-street-food-tours) #slide figcaption {position: absolute;top: 57%; left: 50%; transform: translate(-50%, -50%); max-width: 750px; width: 90%} body.tax-city #slide figcaption {top:52%} .home #slide figcaption {padding-top: 30px} .home #slide figcaption:before, .tax-city #slide figcaption:before {position: absolute; top:0; left:0;right: 0; padding-right: 10px; font-size: 16px; color:#fff} .tax-city #slide figcaption:before {top:120px} .tax-city #slide figcaption > div {margin-bottom: 40px} body.home #slide figcaption:after, body.tax-city #slide figcaption:after {position: absolute; top:4px; left:50%; transform: translate(-50%); content:'h'; font-family: streaty; font-size: 13px; color:#fff; width: 320px; text-align: right} body.tax-city #slide figcaption:after {top:120px} ul#keyinfo li, ul#dietary li {margin-bottom:14px;font-size:17px; line-height: 1.2;display: flex; justify-content: flex-start; text-align: left; width:100%; position: relative} ul#keyinfo li {align-items: center} ul#keyinfo li:before, ul#dietary li:before, #meetingheader > span:before {font-family: streaty; font-size:25px; margin-right: 15px; width: 30px; text-align: center} ul#dietary li:before {width:24px} ul#keyinfo li#when:before {content:"b"} ul#keyinfo li#starts:before, #meetingheader > span:before {content:"L"} ul#keyinfo li#duration:before {content:"d"} ul#keyinfo li#group:before {content:"g"; font-size:30px} ul#keyinfo li#lang:before {content:"l"} ul#keyinfo li#canc:before {content:"D"} ul#dietary li#pescatarians:before {content:"f"} ul#dietary li#notvegan:before {content:"n"} ul#dietary li#veg:before {content:"v"} .notsuitable::after {content: '';display: block;background: #B47129;width: 24px;height: 2px;position: absolute;top: 50%;left: -1px; transform: rotate(45deg) translateY(-50%)} /*#slide figcaption div {margin:0 auto 20px auto; position: relative}*/ #slide figcaption div div {margin:0 auto; position: relative; display: inline-block} #slide figcaption div div:after {content:'8'; font-family: streaty; position:absolute; font-size:40px; height: 40px;line-height: 40px; color:var(--orange)} .term-86 #slide figcaption div div:after, .term-97 #slide figcaption div div:after {top: 55px; left: 30px} .term-85 #slide figcaption div div:after, .term-99 #slide figcaption div div:after {top: 59px;left: 42px} .term-107 #slide figcaption div div:after, .term-111 #slide figcaption div div:after {top: 18px; left: 24px} .term-87 #slide figcaption div div:after, .term-98 #slide figcaption div div:after {top: 3px; left: 15px} .term-88 #slide figcaption div div:after, .term-96 #slide figcaption div div:after {top: -18px;left: 28px} .term-108 #slide figcaption div div:after, .term-126 #slide figcaption div div:after {top: 35px;left: 44px} .term-159 #slide figcaption div div:after {top: -15px; left:-12px} .term-160 #slide figcaption div div:after {top: -8px; left: 17px} #slide figcaption strong, body:not(.single-street-food-tours) #slide figcaption h1 {color:#fff; font-size: 25px; display:inline-block;text-shadow:2px 3px 10px rgba(0, 0, 0, 0.4); text-transform: uppercase} .single-street-food-tours #slide figcaption h1 {} #headerbadge,#headerbadge2 {position: absolute; bottom: 10px; right: 0; width: 50%; color: #fff; padding: 15px 30px; z-index: 3; text-align: right; display: flex; flex-wrap: wrap; justify-content: flex-end; line-height: 1.2; font-size:15px} #headerbadge2{width: 50px} footer:before {position: absolute; top: 0; left: 0; width: 100%; height: 38px; z-index: 1; content: ''; background: url(images/tenda.svg) repeat-x top left; display: block;} footer {position:relative; width:100%; font-size:13px; text-align:center; background: var(--blu); color:#fff;} #headerbadge div,#headerbadge2 div{padding-bottom:8px;display: block;width: 100%;font-size:13px.5} #headerbadge div:last-child,#headerbadge2 div:last-child{background-image: url(images/tripadvisor-2021-white.png); padding: 35px; background-repeat: no-repeat; background-size: contain; background-position: right} .tax-city #headerbadge2{padding: 15px} .tax-city #headerbadge2 div:last-child {padding: 25px} #footer {padding:50px 10px 10px 10px; font-weight:400; line-height: 1.5} #footer > div {max-width: 1200px; margin:0 auto; position:relative} #footer a {color:#fff; display:block} #footer .feshop a {background: #fff;color:#72502B; display:inline-block;padding:0 6px} #footer a:hover, #footer .feshop a:hover {color:#F59F42} #flogos {padding:10px; background: #fff; display: flex; justify-content: space-around; align-items: space-around} #flogos a {width:142px; font-size:12px; color:#72502B} #flogos a span {height:35px; display:block} #copyright a#tripadvisor {margin:20px auto; width:250px; display: flex; justify-content: center} #copyright a#tripadvisor:before {font-family: social networks; content:'a'; font-size:50px; height:40px; line-height:40px; margin-right: 5px} #welcome {padding:70px 30px 30px 30px; max-width: 900px; margin: 0 auto} #welcome article > div {margin:0 auto 20px auto; display: inline-block} header #seenon {margin-top: 80px; text-align: left; text-align: center} #seenon > span {font-size: 15px; font-weight: 700; color: var(--blu);} #seenon ul {margin:2px auto 15px; display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 80%} #seenon ul li img {height:49px} #seenon ul li {margin:5px 0; height:40px} #seenon ul li a {margin: 0 auto;display: inline-block} #cities {position: relative; padding-bottom: 32px} #cities:before {content:''; width:100%; height:40px; background: url(images/strappo-yellowlight.png) repeat-x top center; position: absolute; top:0; left:0; z-index: 2; pointer-events: none;} #cities::after, #tourbottom::after {position: absolute;bottom: 0; left: 0;width: 100%; height: 38px;z-index: 1; content: '';background: url(images/tenda.svg) repeat-x top left #fff; display: block} #tourbottom::after {transform: rotate(180deg)} #cities ul {display: flex; justify-content: space-between; flex-wrap: wrap} #cities ul li {position:relative; width: 100%; margin-bottom: 2px} #cities ul li a {margin:0 auto; display:block; text-align: center} #cities ul li a * {position:relative; z-index:1} #cities ul li a > div {width:100%} #cities ul li a > div > div:first-child {} #cities ul li a > div > div:last-child {position: absolute; bottom:30px; left:50%; transform: translateX(-50%)} #cities ul li a div img {display: block} #cities ul li.disabled {-webkit-filter: grayscale(100%); filter: grayscale(100%)} #cities ul li a h3, #cities ul li a span {height: 36px; text-transform: uppercase; color: #fff; border-radius: 18px; padding:0 15px} #cities ul li a h3 {line-height: 32px; font-size: 20px; font-weight: normal; background: var(--blu); font-weight:bold} #cities ul li a span {line-height: 35px;display: inline-block; white-space: nowrap; font-size: 14px; font-weight: 700; background: var(--red)} #cities ul li a:hover span { background:#fff; color: var(--red)} #sliderreview {padding:50px 0} .single-street-food-tours #sliderreview {padding-bottom: 0} #foodpassport {background: #F59F42; padding-left:15px; padding-right:15px; color:#fff; text-align: justify;} #foodpassport > div {max-width:1280px;} #foodpassport h2 a:before {content:'P'} .countreview span{font-size:20px; font-weight: 700; line-height: 1.2} /*.countreview span > span {color:#66CBC4; font-weight:600}*/ .countreview>div,.countreview>div>div,.countreview>div>div>div,.inforeview{display:flex;justify-content:center;align-items:center} .countreview>div,.countreview>div>div,.countreview>div>div>div{flex-wrap: wrap} .countreview>div>div {line-height: 1; font-size: 50px} .countreview>div:last-child>div {color:var(--red)} .countreview>div>div>div img{padding: 14px 0 0 10px} .countreview>div{margin: 0 auto 17%} .countreview>div>div{width:100%} .inforeview span,.inforeview img {padding-right:5px; font-size:13px} .inforeview span:last-child{padding-right:inherit} .inforeview,.contentreview{margin:0 0 18px 0; position: relative} .fotoreview {margin:0 auto; width: 68px;height: 68px;overflow: hidden;border-radius: 50%} .testoreview{position:relative} .boxtestoreview:before,.boxtestoreview:after{content: url(images/virgolette.png);position: absolute;opacity: 0.85;z-index: -1} .boxtestoreview:before{top: 40px; left: 0} .boxtestoreview:after{bottom:0; right:0; transform:rotate(180deg)} .slidereview2 .owl-stage {display:flex} .slidereview2 .owl-dots {margin-top: 20px} .slidereview2 .owl-item {padding-bottom: 30px; /*background: url(images/bgreview.jpg) no-repeat center center; background-size: cover;border-radius: 10px*/} .slidereview2 .review{background: #f9f9f9;padding: 10%;margin: 30px 10px 15px;border-radius: 20px;position:relative; z-index:-2; height:100%} .slidereview2 .testoreview:before,.testoreview:after{opacity:1} .slidereview2 .testoreview{text-align:left} .reviewstars {display: flex;justify-content: flex-end; margin-bottom: 10px} .owl-carousel .owl-item .reviewstars img {width:auto} .slidereview2 .testoreview span{color:#72502b; font-size:20px;font-weight: 600;z-index:3;position:inherit} .slidereview2 .contentreview {margin: 2px 0 18px} #sliderreview2 .titoloreview{display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;margin: 50px 12% 5px} .titoloreview { font-size: 23px} .titoloreview > i {margin-right: 30px} #tourinfo #sliderreview2 .titoloreview h3{margin:0 15px 0 0} #tourmap iframe {width:100%; height:450px} .home section#servizi h2{margin:0} .home section#servizi::before, #tourmapvideo:before {content: '';width: 100%; height: 40px;background: url(images/strappo.png) repeat-x top center;position: absolute; top: 0; left: 0; z-index: 2; pointer-events: none} .home section#servizi, #tourmapvideo {position: relative; background: url(images/bgourway.jpg) repeat top center} .home section#servizi {padding-top: 80px} .servizi > p {font-size: 16px; text-transform: uppercase; padding:0 30px} .servizi img {max-width: 100%; height: auto; display: block} .boxservizi {margin-top: 40px} .boxservizi a {color:#fff; display: block; text-align: left; font-weight: 400; position: relative} .boxservizi a h3 {font-size: 22px; font-weight: 700; margin-bottom:20px; color:#fff; line-height: 1.2} /*.boxservizi a:hover h3 {text-decoration: underline}*/ .boxservizi a:first-child {background: var(--brown)} .boxservizi a:nth-child(2){background: var(--orange)} .boxservizi a:nth-child(3){background: var(--red)} .boxservizi a:nth-child(4){background: var(--blu)} .boxservizi a > div {padding:45px 40px} .boxservizi a:before{content: ''; position: absolute; top: 0; left: 0; right: 0; background: #EADAC2;padding-bottom: 7px} .boxservizi a.localguides:before{background:var(--brown)} .boxservizi a.smallgroup:before{background:var(--orange)} .boxservizi a.familyrun:before{background:var(--red)} .boxservizi a:nth-child(odd):before {clip-path: polygon(0% 0%, 100% 0%, 100% 100%)} .boxservizi a:nth-child(even):before {clip-path: polygon(0% 0%, 100% 0%, 0% 100%)} #giftcard {position: relative; background: url(images/bgourway.jpg) repeat top center; padding:60px 0; overflow: hidden} #giftcard:after {content:'';width: 100%; height: 40px;background: url(images/strappo.png) repeat-x top center; transform: rotate(180deg); position: absolute;bottom: 0; left: 0;z-index: 2} #giftcard > div {padding:0 20px} #giftcard > div:first-child {transform: rotate(-6deg); margin-bottom: 60px;z-index: 1; position: relative} #giftcard > div:last-child {position: relative} #giftcard > div:last-child:after {content:'e'; font-family: streaty; font-size: 400px; height:400px;line-height:400px; color:var(--orange); opacity: .37; position: absolute; bottom:0; right:-50px} #giftcard > div:last-child img {position: relative;z-index: 1; max-width: 100%; height: auto} #giftcard p {font-size: 22px; max-width: 560px; margin:10px auto} #giftcard a{font-size: 24px; height:50px; line-height: 46px; padding: 0 15px; background: var(--red); color:#fff; border-radius: 25px; text-transform: uppercase; display: inline-block} #giftcard a:hover {background: var(--orange)} a.destinazioni {display: inline-block; font-size: 17px; color: #fff; text-transform: uppercase; background: var(--red); height:36px; line-height:36px; padding: 0 20px; border-radius: 50px} a:hover.destinazioni, a.destinazioni:first-of-type {background:var(--blu)} a.destinazioni:first-of-type:hover {background: var(--red)} #blog{padding:50px 8%; text-align: justify} #backtoblog {margin-bottom: 20px} #backtoblog a:before {font-family: streaty; font-size: 20px; content:'u'} #backtoblog a {font-size: 15px; color:var(--blu); display: flex; align-items: center} #backtoblog a:hover {color:var(--orange)} .home #blog{padding:5% 8%} #blog header {text-align: center; margin-bottom: 30px} #blog-breadcrumb {text-align: right} .sliderblog {max-width: 1280px; margin:0 auto} #blog h3 {font-size:22px; margin:10px 0;min-height: 70px; color:var(--blu)} #blog article {box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.1);margin: 10px 2px; text-align: left; position: relative} #blog article > * {color:var(--blu)} #blog article a > div {padding:25px 20px 35px 20px; position: relative} #blog article .articledate {position: absolute; top:5px; right:10px; font-size: 12px} #blog article a > span {padding:0 15px; background: var(--red); color:#fff; height:40px;line-height:40px;font-family: gagalin, sans-serif; font-size: 19px; text-transform: uppercase;border-top-left-radius: 20px; border-bottom-left-radius: 20px;text-align: center; position: absolute; top:20px; right: 0} #blog a:hover h3 {color:var(--orange)} #seall a {background: var(--red); font-size: 17px; padding:0 30px; text-transform: uppercase; border-radius: 40px; height:80px; display:inline-flex; justify-content: center; color:#fff} #seall a:hover {color:var(--orange)} .category-blog #blog > h2 {text-transform: uppercase; color:var(--blu);} ul#blogtabs {display: flex; justify-content: space-around; flex-wrap: wrap; margin: 30px auto 0 auto; max-width: 850px} ul#blogtabs li {width:46%; margin: 2% 0} ul#blogtabs li a {font-size: 14px; font-weight: 700; text-transform: uppercase; color:var(--blu); background: var(--yellow); height:38px; line-height:36px; border-radius: 19px; text-align: center; display: block; margin:0 auto} ul#blogtabs li a:hover {color: #fff; background: var(--orange); } #headerblogdesc {font-size: 17px; color:#fff} .categories-blog {margin-bottom: 40px} .category-blog .title-section {text-align: center;max-width: 1280px; margin: 0 auto} .category-blog .title-section h2 {font-family: gagalin, sans-serif; font-size: 40px; color: var(--blu)} .category-blog .title-section a {padding:0 15px; background: var(--red); color:#fff; height:36px;line-height:40px; text-transform: uppercase; display: inline-block; border-radius: 18px; margin:15px 0} .category-blog .title-section a:hover {background: var(--orange);} /*#services h2 a:before {content:'s';font-size: 70px;} #services h2 a, #services h2 a:before {color:#72502B} #services > div {max-width: 1280px; margin:0 auto} #services > div ul li {margin: 15px 0} #services > div ul li a {position:relative; display: -webkit-flex; display: flex; -webkit-justify-content:flex-start; justify-content: flex-start; -webkit-align-items:center; align-items: center; color:#72502B; font-size:13px} #services > div ul li img {border: 1px solid #F59F42; border-radius: 50%; height:100px; margin-right:20px} #services > div ul li a h3 {font-size:18px; font-style:italic;} #services > div ul li a:hover h3 {color:#72502B} #services > div ul li a:hover img {border: 4px solid #F59F42;}*/ #experienceshome img {display: block;width: 100%; height:100%;} #experienceshome h2 {color:#A7BC2F;font-style: italic; font-size:28px; font-weight:800} #experienceshome p {margin: 0 0 15px;font-size: 18px;font-style: italic} #experienceshome a {display: inline-block; height: 40px; line-height: 36px; padding: 0 15px; border: 2px solid #fff; border-radius: 25px; background: #A7BC2F; color: #fff; text-transform: uppercase} #experienceshome a:hover {color:#A7BC2F;border: 2px solid #A7BC2F;background: #fff} #experienceshome div:first-child:after {content:url(images/wifi.png); position: absolute;bottom:-50px; left:10%;} #experienceshome div{position:relative; padding-top:12%} #experienceshome div:first-child{padding-top:inherit} span.wpcf7-not-valid-tip {color: #C62E1F !important} div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {background:#D1AA66 !important;} ul.topsocial {position: absolute; top:0; right:30px; z-index:3} ul.social {display: flex; justify-content: center; align-items: center} ul.social li {margin:0 6px} ul.social li a {display:block} ul.social li span,#headerbadge div span,#headerbadge2 div span{position: absolute; top:-999999px; left:-999999px} ul.social li a:before {display:block; font-family: 'social networks'; color:#fff; height:30px; line-height:30px} ul.social li.fb a:before {content:'f'; font-size:15px} ul.social.topsocial li.fb a:before {font-size:18px} ul.social li.instagram a:before {content:'i'; font-size:17px} ul.social.topsocial li.instagram a:before {font-size:19px} ul.social li a:hover {text-decoration: none} ul.social li a:hover:before {color:var(--yellow)} /* tours */ #intro, #moreculinary {padding:0 8%; width:100%} #introtop {max-width: 740px; margin: 30px auto 0 auto} #intro > h2, #moreculinary h2 {color:var(--blu); font-size: 24px; font-weight: normal; text-transform: uppercase} ul#tour-highlights {margin:30px 0 80px 0;display: inline-block} ul#tour-highlights li {font-size: 16px; text-transform: uppercase} ul#tour-highlights li:before {font-family: streaty; font-size: 44px;line-height: 44px; width:50px; text-align: center; margin:10px 15px 10px 0} #tour-tasting:before{content:'F'; font-size: 38px} #tour-familyrun:before{content:'W'} #tour-smallgroups:before{content:'3'} #tour-italians:before{content:'2'} #toursc {display: flex; flex-direction: column-reverse; flex-wrap: wrap} #tours article {margin: 40px auto;flex: 1;display: block; position:relative; background: #F7F7F7; box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.1)} .toursthumb {width:100%; height:190px; overflow: hidden} .toursthumb img {object-fit: cover;min-width: 100%;min-height: 100%; width: 100%;height: auto; max-width: 100%; max-height: 100%} .toursdesc {text-align: left;display: flex;align-items: center;flex-wrap: wrap} .toursdesc > div:first-child {padding:8% 5% 0 5%; font-size: 15px; color:var(--blu); font-weight: 400} .toursdesc h2 {font-size: 20px; text-align: left; line-height: 1.2; min-height: 50px} .toursdesc h2 a {color:var(--blu)} .toursdesc h2 a:hover {color:var(--orange)} .toursprice.discountedprice div {display: flex; align-items: flex-start} .discountnotes {width:100%; color: var(--red)} .single-street-food-tours .discountnotes {font-size: 15px} .single-street-food-tours #calendar-right .discountnotes {text-align: right} ul.availability {list-style:none; margin: 0; padding:0} ul.availability li:before {content:''; width: 20px; height:15px; margin-right: 10px; display: block} ul.availability li {display: flex; justify-content: flex-start; align-items: center; font-size: 12px} ul.availability li.available:before {background-color:#1d875a} ul.availability li.soldout:before {background-color:#757575} .single-street-food-tours .discountnotes:before {content:'?'; font-family: streaty; font-size: 16px; line-height: 30px; height:30px; margin-right: 7px} .toursprice.discountedprice div span:first-child:before {content:'';position: absolute;width:100%;height: 4px; background: var(--red); transform: rotate(-25deg); bottom: 0; left: 0; top: 22px} .toursprice.discountedprice div span:first-child {position: relative;font-size: 35px; margin-right: 10px; line-height:1} .toursprice div span:last-child {color:var(--blu); font-size: 50px; line-height: 20px;height: 50px; display: block; text-align: left} #prezzo{display: flex; justify-content: space-between;; flex-wrap: wrap; padding: 0 5%;width: 100%; padding-bottom: 8%;align-items: flex-end} .tax-city .readmoretour {width:138px; text-align: right} .tax-city .readmoretour a.ctatour:last-child {font-weight:bold} .viewdetails {font-size: 17px; background: var(--blu); color: #fff;height: 28px; line-height: 28px; border-radius: 14px; padding: 0 15px;margin: 40px 0 0 5%; text-transform: uppercase; display: inline-block} a.ctatour {font-size: 17px; font-family: 'sofia-pro',sans-serif; height:36px; line-height: 36px; padding: 0 15px; background: var(--red); color:#fff; border-radius: 18px; text-transform: uppercase; display: inline-block; margin-bottom: 15px; min-width: 124px; text-align: center} .readmoretour a.ctatour:first-child {background:var(--blu)} .readmoretour a.ctatour:hover, #calendar a.ctatour:hover {background: var(--orange)} #toursprice{display:flex} #seall {width:100%; text-align: center} .tourskeys {display: flex; justify-content: flex-start; align-items: center;padding: 2% 5% 5% 5%;text-align: left} .tourskeys ul {font-size: 15px} .post-type-archive-online-experiences .tourskeys {background: #A7BC2F} .tourskeys ul li {color:var(--blu); display: flex; justify-content: flex-start; align-items: center; margin:15px 0;line-height: 1.2} .tourskeys ul li span {width: calc(100% - 60px)} .tourskeys ul li:before {font-family: streaty; display:block; width:50px; margin-right:10px; text-align: center} .tourskeys ul li.weekdays:before {content:'c'; font-size: 35px} .tourskeys ul li.groupsize:before {content:'3'; font-size: 40px} .tourskeys ul li.morning:before {content:'M'; font-size: 40px} .tourskeys ul li.night:before {content:'N'; font-size: 35px} .tourskeys ul li.nightday:before {content:'%'; font-size: 35px} .tourskeys ul li.duration:before {content:'d'; font-size: 35px} .tourskeys ul li.instant:before {content:'b'; font-size: 35px} .tourskeys ul li.onetoone:before {content:"1"; font-size: 35px} .tourskeys ul li.foodbox:before {content:"\21"; font-size: 50px} .tourskeys ul li.cookingvideo:before {content:"\30"; font-size: 50px} .tourskeys ul li.cookingclass:before {content:"\22"; font-size: 50px} .tourskeys ul li.where:before {content:"L"; font-size: 35px} .tourskeys ul li.wines:before {content:"Q"; font-size: 35px} .tourskeys ul li.food:before {content:"9"; font-size: 35px} .tourskeys ul li.traditional:before {content:"Z"; font-size: 25px} .tourskeys ul li.foodculture:before {content:"£"; font-size: 35px} .toursprice .from{font-size: 18px; text-transform: inherit;font-weight: 400;display: block; margin-bottom: 10px; color: var(--blu)} .tourslabel {position:absolute; top:-10px; right:-10px; width: auto !important} #toursmore:before, #reviewseenon:after {content:''; position: absolute; bottom: 0; left:0; width:100%; height:40px; background:url(images/strappo.png) repeat-x top center #F7F7F7; transform: scaleY(-1)} #toursmore {position: relative; background:url(images/strappo.png) repeat-x top center #F7F7F7; padding:50px 30px} #toursmore h3 {font-style:italic; margin-bottom:20px} #toursmore > div {margin-bottom: 50px} #toursmore > div > p {margin: 0 0 10px 0} /* tour */ .single-online-experiences #included {background: #A7BC2F} .single-online-experiences #tourprice:after {content: url(images/mascotte-experience.png);right:-97px;} .single-online-experiences #included ul#list li:before {color:#7B5E40} a.button-booking, a#fixedbooking {font-size: 20px; font-weight: 800; color:#fff; background: #4484FB; height:50px;line-height:50px; padding:0 30px; text-transform: uppercase; display: inline-flex; justify-content: center; align-items: center} #booking:not(.stick) a.button-booking {border-radius: 25px; margin:10px auto; border:2px solid #fff} a.button-booking:before, a#fixedbooking:before {content:'b'; text-transform: none; font-family: streaty; font-size:33px; margin-right:5px} a.button-booking:hover {height:50px;line-height:50px; padding:0 30px; text-transform: uppercase;display: inline-flex; justify-content: center; align-items: center} body:not(.stick) #booking a.button-booking:hover {color:#4484FB; background: #fff; border-radius: 25px} a.button-booking.fbooking:hover {background:#72502B; color: #fff} a#terms {display:block;font-size: 12px; color: #fff; margin-top: 10px} a#terms:hover {text-decoration: underline} ul#keyinfo li#where:before {content:"w"} ul#keyinfo li#tablet:before {content:"t"} ul#keyinfo li#connection:before {content:"S"} ul#keyinfo li#appzoom:before {content:"z"} ul#keyinfo li#requiredtools:before {content:"T"} #tourbottom {; position: relative; text-align: center; width: 100%; padding:10px 10px 80px 10px; margin-top: 40px} #tourbottom h4 {font-size: 17px; color:var(--blu); text-transform: uppercase; margin-bottom: 30px} #tourbottom a {display: inline-flex; justify-content: space-between; align-items: center} #tourbottom a:before {font-family:streaty; font-size: 24px; content:'b'; text-transform: none; margin-right: 10px} #tourdesc {text-align: center; margin:30px 8% 0} #experiencefooter {margin:10px} .single-online-experiences a#privatetour:after {border-radius: 5px} .single-online-experiences a#privatetour {height:80px;display: inline-flex; padding:0 5%; margin: 20px auto; position: relative} .single-online-experiences a#privatetour:after {position: absolute;top:10px; left:10px;width:calc(100% - 20px); height: calc(100% - 20px); content: '';border:1px solid #fff} #experiencefooter > div {margin:10px 0} a#eshop {display:flex} .post-type-archive-online-experiences a#eshop {max-width: 1000px; margin:0 auto 20px auto; width:90%} a#eshop > span, #dxexperiencefooter a {padding:20px 10px; display:flex; align-items: center; justify-content: center} a#eshop > span * {display:block} a#eshop > span:first-child {background: #D1DF84; color:#72502B; border-top-left-radius: 5px;border-bottom-left-radius: 5px;font-style: italic; text-align: left;width:67%;border-right: 1px solid #fff} a#eshop > span:last-child {background: #F59F42; color:#fff; font-weight: 800; font-size: 28px;width:33%;border-top-right-radius: 5px;border-bottom-right-radius: 5px;} a#eshop:hover > span:last-child {background: #D1DF84; color:#72502B} a#eshop b {font-size:28px; font-weight: 800} #dxexperiencefooter a {position:relative;background:url(images/italy.png) no-repeat top 5px right 10px #F59F42; color:#fff;font-style:italic; font-size: 22px; font-weight: 800; width:calc(100% - 87px); height:170px;flex-wrap: wrap; border-radius: 5px; padding-right:50px} #dxexperiencefooter a:after {content: url(images/mascotte.png); position:absolute; top:0; right:-86px;width:137px;height:170px; display:block} #dxexperiencefooter a span {color:#72502B; font-size: 20px;display: block; width:100%} #dxexperiencefooter b {font-weight: 800} #dxexperiencefooter a:hover {background-color: #72502B} #dxexperiencefooter a:hover span {color:#fff} #experiences-video {padding:56.25% 0 0 0;position:relative} #experiences-video iframe {position:absolute;top:0;left:0;width:100%;height:100%;} #videodx ul {list-style: none; margin: 0;padding: 0; display: flex; justify-content:space-around; flex-wrap: wrap;text-align: center} #videodx ul li {font-size: 15px; color: #72502B;} #videodx ul li:before {margin:10px auto;background: #A7BC2F; border-radius: 50%; color:#fff; width: 60px;height: 60px;font-family: streaty; font-size:36px; display: flex; justify-content:center; align-items: center;} #videodx ul li#connect:before {content: 'J'} #videodx ul li#interact:before {content: 'K'} #videodx ul li#learn:before {content: 'X'} #videodx ul li#share:before {content: 'Y'} footer {position:relative;margin-top: 15%} #social{ position: absolute;background: var(--blu);top: -140px;left: 50%;transform: translateX(-50%);padding: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;} #flogo{height: 45px; margin:15px 20px} #welcome span{font-size:13.5px; font-weight: 700} a.profile-link {display: none} .boxiconecity {display: flex;margin:5px 5% 5%;align-items: flex-start;justify-content: center;max-width: 450px} .boxiconecity div{width: 22%;margin: 0 6%;line-height: 1.3;font-size:13px} #titlecity>div:first-child{display: flex;align-items: center;justify-content: center;max-width: 320px;margin: 0 auto;text-align: left;padding: 5px 10%} #titlecity>div:first-child h1{text-align:left;line-height: 1.2;font-size: 22px;} #titlecity>div:first-child>div{width:100px; height:100px; margin:0 auto;position:relative} #titlecity>div:first-child>div>img{height:100%; width:auto; display:block} .boxiconecity div:before,#boxinfotour div:before{font-family:'streaty'} .boxiconecity div:before{font-size:50px; display: block; height: 50px; margin-bottom:15px} .iconacity1:before{content:'5'} .iconacity2:before{content:'6'} .iconacity3:before{content:'7'} .tax-city #header figure {padding-bottom: inherit} .single-online-experiences main {padding:inherit} #breadcrumb{padding-bottom:10px; font-size: 16px; color: #6F7070; font-weight: 400} #breadcrumb a{color: #6F7070;} .single-street-food-tours #breadcrumb a{color:#5e5e5e} .single-online-experiences #breadcrumb a{color:#a7bc2f} .single-street-food-tours #breadcrumb a:hover{color:var(--orange)} #boxinfotour div:before{color:#fff; font-size:40px; margin:0 auto;line-height: 50px;width: 100%;} .prenotazione:before {content:'y'} .pagamento:before {content:'k'} .cancellazione:before {content:'o'} #boxinfotour div span{font-size:11px; text-transform:uppercase;display: block;text-align: center;line-height:14px} #boxinfotour{display: flex;flex-wrap: nowrap;align-items: center;justify-content: center;margin-top: 15px} #boxinfotour div{width:16%; margin:0 10%; display:flex; justify-content:center; align-items:center;flex-wrap: wrap} #privatetour > h2 {padding:10px 15%} #privatetour h3,#privatetour h4{line-height:1.3} .privatetour article{margin: 10% auto 15%;position: relative;max-width: 300px;} .privatetour article > div,.fototourvirtual{width: 100%;max-width: 300px;position: relative;} .fototourvirtual{margin:0 auto 15px} .privatetour article > div{height: 300px;} .privatetourvirtual > div{height: 200px;} /*.privatetour article > div>img,.fototourvirtual img {object-fit: cover;min-width: 100%;min-height: 100%;width: auto;height: 100%;max-width: 100%;max-height: 100%; display: block}*/ .privatetour h4 {position: absolute; left: 50%;top: 263px;transform: translateX(-50%);border-radius: 15px;width: 90%; font-size: 20px} .privatetour h4 a {padding:16px 25px;color: var(--blu);width: 200px;display: block; width:100%} .privatetour h4 a:hover {color:#fff} .tourprivato h4{background: #FFE574} .tourprivato:first-child h4{background: #FFB558} .tourprivato:last-child h4{background: #C7AB8F} .tourprivato img, .fototourvirtual img {width:100%; height:auto} .privatetour p{margin:60px 0 0} #privatetour .ctatour {margin-bottom: 20%} .fotowhychoose {width: 100%;height: auto;max-width: 550px;overflow: hidden;position: relative} .fotowhychoose img{object-fit: cover;min-width: 100%;min-height: 100%;width: auto;height: 100%;max-width: 100%;max-height: 100%} .whychoose:before {display: inline-block;position: absolute;top: 5px;left: -15px} .whychoose {display: flex;flex-wrap: wrap;align-items: flex-start;text-align: left; margin: 15px auto 0;position: relative} .testowhychoose{margin: 5% 8% 10%;text-align: left} .whychoose h4{font-size:18px; color:var(--blu)} #privatetourvirtual{background:linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(232,232,232,1) 0%, rgba(232,232,232,1) 48%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%); padding:15% 8%} #privatetourvirtual >div >h3{margin: 15px auto 8px;} #privatetourvirtual article{margin: 10% auto 15%;} #reviewprivate{background:#fffae6} #reviewprivate,#partner{padding:10% 0} /*#sliderreview3 .fotoreview{padding:0 5%}*/ #sliderreview3 .testoreview{margin:0 5%} #reviewprivate h3,#partner h4{padding: 5% 5% 20px} #partner h4{font-style:italic; font-weight:500} .toursthumb{position:relative} .toursthumb:before{content:url(images/5stelle.png); position:absolute; bottom: 35px; right:20px} .toursthumb .totalscore {position: absolute;bottom: 20px;right: 20px; color:#fff; font-size: 12px; text-transform: uppercase; font-weight: 700} a.button-booking:before {font-weight: 500} #sliderpartner {display: flex; justify-content: space-around;flex-wrap: wrap} #sliderpartner div {width:48%; margin:2% 0} #sliderpartner img {height:80px; width: auto} .fotoreview img {height:auto} .sliderelated {margin:30px auto 0 auto} .calendar {margin:30px 10px} .wpml-ls {background: var(--blu); color: #fff; width:100%; height: 30px; text-align: left; padding:0 25px} .wpml-ls ul:before {content:'G'; font-family: streaty; margin-right: 8px} .wpml-ls ul {display: flex; justify-content:flex-start; align-items: center; font-weight: 700; font-size: 15px;} .wpml-ls ul li:first-child {display: flex; align-items: center;} .wpml-ls ul li:first-child:after {content:'/'; margin:0 3px} .wpml-ls ul li a {line-height: 28px; color:#fff; display: block} .wpml-ls ul li a:hover {color: var(--yellow)} #toptripadvisor {position: absolute; bottom:165px; left:50%; transform: translateX(-50%);z-index: 2; padding-bottom: 10px} #toptripadvisor img {padding:10px 15px 20px 15px; background: var(--yellow)} #toptripadvisor span {padding: 0 5px;background: var(--orange); margin-top: -9px; font-size: 10px; font-weight: 700; display: inline-block; position: absolute; bottom: 0;left: 50%; transform: translateX(-50%); white-space: nowrap} #seenon ul li {width:33.3333%} .single-street-food-tours #seenon {max-width: 750px; margin: 0 auto} #review {padding: 60px 30px; max-width: 950px; margin: 0 auto} #tourcontainer {text-align: left} #tourheader {position: relative; padding:70px 20px; overflow: hidden} #tourheader h3 {font-size: 24px; text-transform: uppercase; text-align: left; position: relative; z-index: 1} ul#whatsincluded {margin: 25px 0} ul#whatsincluded li {position: relative; color: var(--blu); display: flex; justify-content: flex-start; align-items: flex-start;font-style: italic; font-size: 17px; line-height: 30px} ul#whatsincluded li::before {content: 'V'; font-family: streaty;font-size: 14px; margin: 1px 10px 0 0} ul#dietary {background: var(--yellowlight); color:#B47129; padding:30px 30px 20px 30px; box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.1); border-radius: 34px} #tourslider {padding: 30px 20px 0 20px} #tourcontent {padding: 30px 20px; font-size: 16px; font-weight: 400} .wp-block-ub-content-toggle-accordion-title-wrap {border-radius: 25px} .wp-block-ub-content-toggle-accordion h3.wp-block-ub-content-toggle-accordion-title {display: flex; align-items: center; text-transform: uppercase; text-align: left; padding:8px 20px 0 20px; min-height:50px} .wp-block-ub-content-toggle-accordion {border:0 !important} #booking-fixed .discountnotes {width:100%; color:#fff} #booking-fixed {background: var(--blu); color:#fff; padding: 0 20px 15px 20px; position: fixed; bottom:0; left:0; right:0; z-index: 4; color:#fff} #booking-fixed:before {content: ''; position: absolute; top: -19px; left: 0; right: 0; background: var(--blu);padding-bottom: 20px; clip-path: polygon(0% 0%, 100% 100%, 0% 100%)} #tourbar-right {text-align: left; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap} #tourbar-right a {background: #fff; color: var(--blu); height:50px; line-height: 48px; padding: 0 25px; border-radius: 25px; text-transform: uppercase; font-size: 22px} .tour-price * {display: block} #booking-fixed .tour-price span {font-size: 14px} .tour-price strong {font-size: 50px; line-height: 1; font-weight: normal} #booking-fixed .tour-price strong {font-size: 45px} .tour-price.discountedprice div {display: flex; align-items: baseline; justify-content: space-between} .tour-price.discountedprice div strong:first-child, #booking-fixed .tour-price strong:first-child {position: relative; font-size: 35px; margin-right: 10px} .tour-price.discountedprice div strong:first-child:before, #booking-fixed .tour-price.discountedprice strong:first-child:before {content:'';position: absolute;width:100%;height: 4px; background: var(--red); transform: rotate(-25deg); bottom: 0; left: 0; top: 22px} #calendar-container h4 {font-size: 24px; text-transform: uppercase} #calendar-container .tour-price {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px} #calendar-container .tour-price.discountedprice {align-items: baseline} .openbooking #calendar-container h4 {display: block} #bookingtitle {display: flex; justify-content: space-between; align-items: center} a#closebooking {font-size: 14px; border: 2px solid var(--blu); color:var(--blu); border-radius: 50%; display: block; width:28px; height:28px; line-height:24px; font-weight: bold; text-align: center} #calendar-container {border-radius: 20px; background: #fff; box-shadow: 0 -3px 5px 1px rgba(0,0,0,0.1); padding: 20px 20px 0 20px; width:360px} #bookingcalendar #calendar-container {position: fixed;right: 0; width:100%; max-width: 480px; z-index: 5; bottom: -770px; animation-duration: 0.6s; animation-name: slideout} .openbooking #bookingcalendar #calendar-container {bottom: 0; animation-duration: 0.6s; animation-name: slidein} @keyframes slidein { from { bottom: -100%; } to { bottom: 50px; } } @keyframes slideout { from { bottom: 50px; } to { bottom: -100%; } } #calendar-container #calendar {text-align: center} #toprated {text-align: center} #toprated ul {display: flex; justify-content: space-around; text-align: center; font-size:11px; text-transform: uppercase; margin: 20px 0 30px 0} #toprated ul li {width:80px;line-height: 1.2} #toprated ul li:before {content:'A'; font-family: streaty; font-size:22px; color: var(--blu); display: block; text-transform:inherit; margin-bottom: 5px} #meetingpoint {padding:80px 25px; width: 100%} #meetingheader > span {display: block; font-size: 17px; margin-bottom: 20px} #video {width:366px;margin: 0 auto} #video img {display: block; margin: 0 auto} #video .wp-video {margin:0 auto} #video video {height: 650px; width: 366px; display: block; margin:0 auto} .single-street-food-tours #review h2, .single-street-food-tours #relatedtours h2, #toursmore > h2, .related h2 {text-transform: uppercase; font-weight: normal} .related h2 {font-weight:700} #reviewseenon {background: #f7f7f7; padding-bottom: 100px; position: relative} #tourbuttonsfooter {padding:50px 0; margin:0 auto; max-width: 1000px; display:flex; justify-content: space-around; flex-wrap: wrap} #tourbuttonsfooter a {height:60px; border-radius: 30px; font-size: 40px; background: #eee; padding: 0 30px;display: inline-flex; align-items: center; color:var(--blu); text-align: left; margin-bottom: 20px; min-width: 320px} #tourbuttonsfooter a * {display:block; line-height: 1.2} #tourbuttonsfooter a b {font-size: 18px;font-weight: 700} #tourbuttonsfooter a span {font-size: 14px} #tourbuttonsfooter a:before {font-size: 40px; font-family: streaty; font-style: normal; margin-right:10px} a#privatetour {background: var(--orange); color:#fff} #tourbuttonsfooter a:hover {background:var(--blu); color:#fff} a#privatetour:before {content:'r'} a#tourasgift:before {content:'I'} .single-street-food-tours #tours {max-width: 1200px; margin: 0 auto 50px auto} .author_bio_section {background: #f2f2f2; padding:30px;margin: 30px 0; position: relative; border-radius: 50px} .author_details {} .author_img {margin-bottom: 20px} .author_img img {border-radius: 50%; width: 90px} .author_name, .author_img {text-align: center} h4.author_name {margin-bottom: 20px; font-size: 25px} .flexslider .slides {visibility: visible !important} .wp-block-ub-chevron-down::after {transform: rotate(45deg) !important} .wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-state-indicator.open {transform: rotate(180deg) !important} #topratedlogos {text-align: center; margin-bottom: 10px} ul#whatsincluded:before {content:'E'; font-family: streaty; color:#fff; font-size: 130px;height:130px; line-height: 130px; position: absolute; right:-40px; z-index: 0} html.showtopbar body:not(.single-street-food-tours) > header {margin-top:40px} #topbar {position: fixed; top:0; left:0; width:100%; height:40px; background: var(--red); color: #fff; font-size:14px;padding:0 10px; display: flex; justify-content: center; align-items: center; text-align: center; z-index: 6} #topbar > div:before {content:'?'; font-family: streaty; font-size: 16px; line-height: 40px; height:40px; margin-right: 7px} #topbar > div {display: flex; align-items: center} .admin-bar #topbar {top:46px} #topbar p {margin:0; line-height: 1.2} #topbar a {color:#fff; text-decoration: underline} html:not(.Palermo) .term-86 #topbar, html:not(.Palermo) .term-97 #topbar {position:absolute} html:not(.Catania) .term-85 #topbar, html:not(.Catania) .term-99 #topbar {position:absolute} html:not(.Florence) .term-87 #topbar, html:not(.Florence) .term-98 #topbar {position:absolute} html:not(.Rome) .term-107 #topbar, html:not(.Rome) .term-111 #topbar {position:absolute} html:not(.Naples) .term-108 #topbar, html:not(.Naples) .term-126 #topbar {position:absolute} html:not(.Venice) .term-88 #topbar, html:not(.Venice) .term-96 #topbar {position:absolute} @media screen and (max-width: 359px) { #copyright p span {display:block} } @media screen and (min-width: 360px) and (max-width: 1099px) { #copyright p:nth-child(2) span:first-child:after {content:' -'} } @media screen and (min-width: 360px) { a.destinazioni {margin: 0 10px} } @media screen and (max-width: 479px) { #copyright span {display:block} #gallery-2.gallery .gallery-item {width:100%; max-width: 100%} ul#whatsincluded:before {top:110px} } @media screen and (min-width: 480px) { #cities ul li {width: calc(50% - 1px)} ul#whatsincluded:before {top:90px} ul#whatsincluded {display: flex; justify-content: flex-start; flex-wrap: wrap} ul#whatsincluded li {width: 48%} h1 {font-size:24px} h2 {font-size:22px} h3 {font-size:20px;} h4 {font-size:18px;} h1.entry-title {margin-bottom:30px} .contatti {display: flex; justify-content: space-between; flex-wrap: wrap;} .contatti.preventivo {flex-wrap: wrap} .contatti.preventivo > div {width:47%} #gallery-2.gallery .gallery-item {padding:10px} #blogcat {display: flex; justify-content: space-between; flex-wrap: wrap} #blogcat article {width:48%} a#eshop > span:first-child:before {content:url(images/eshop.png); margin-right:20px} #dxexperiencefooter a {font-size: 28px;justify-content: flex-start; text-align:left} #dxexperiencefooter a span {font-size: 22px} #experienceshome div {padding-top: 8%} .boxiconecity {margin: 5px auto 5%} .privatetour article > div {height: 350px} .privatetour article > div, .fototourvirtual {max-width: 350px} .privatetour article {max-width: 350px} .privatetour h4 {top: 313px} #privatetourvirtual {padding: 10% 18%} #reviewprivate h3, #partner h4 {padding: 0 5% 40px} } @media screen and (min-width: 550px) { body > header img{max-width: 100%;height: auto;display: block} #header figure {padding-bottom: 55px} } .tax-city #header figure,#header figure{height:inherit} #sliderpartner div {width:31.3333%} } @media screen and (min-width: 600px) { #titlecity{display: flex;align-items: center;justify-content: center;padding: 0 5%} #titlecity > div:first-child{width: 45%;margin-right: 5%;} .boxiconecity{width:50%} #titlecity>div:first-child {padding: 5% 2% 5% 0} .boxiconecity {margin: 5% auto} } @media screen and (max-width: 639px) { #cities::after {transform: rotate(-1deg)} .wp-block-image .alignright, .wp-block-image .alignleft {float: none !important; margin: 0 auto !important;} } @media screen and (min-width: 640px) { #bookingcalendar #calendar-container {right: 20px} ul#keyinfo {display: flex;justify-content: space-between;flex-wrap: wrap} ul#keyinfo li {width:48%} .boxservizi {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 90px} .boxservizi a {width: calc(50% - 1px); margin-bottom: 2px} .home #slide figcaption:before, .tax-city #slide figcaption:before {content:'Pioneers of food tours in Italy since 2012'} body.home #slide figcaption:after, .tax-city #slide figcaption:after {width: 370px} .home section h2,#titlecity>div:first-child h1{font-size:25px} #services h2 a::before {font-size: 88px} #foodpassport {font-size: 16px} .content {padding:0 30px 50px 30px} #header figure {padding-bottom: 60px} #headerimg:before {height: calc(100% - 60px)} .alignleft {display: inline;float: left;margin-right: 1.625em} .alignright {display: inline; float: right; margin-left: 1.625em} #videodx ul {margin-top:10px} ul#blogtabs li {width:31.3333%} } @media screen and (min-width: 700px) { .countreview > div {margin: 5% 2%;width: 29%} .countreview{display: flex;flex-wrap: nowrap;justify-content: center;align-items: flex-start} .countreview > div > div {height: 120px} } @media screen and (min-width: 640px) and (max-width: 1023px) { } @media screen and (min-width: 768px) { ul#whatsincluded::before {right: inherit; left: 200px;top: 50px} .author_bio_section {padding:50px} .author_name {text-align: left} .author_bio {display: flex; justify-content: space-between} .author_img {width:90px} .author_details {width: calc(100% - 120px)} #tour-info > * {padding-left: 50px;padding-right: 50px} #tourheader {margin-bottom:20px} ul#dietary {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap} ul#dietary li {width:48%} ul#whatsincluded li {width: 31.3333%} .category-blog .title-section {display: flex; justify-content: space-between; align-items: center} .home #slide figcaption {padding-top: 40px} /*#slide figcaption strong, #slide figcaption h1 {font-size: 52px}*/ .home #slide figcaption::before, body.tax-city #slide figcaption:before {font-size: 21px} body.home #slide figcaption::after, body.tax-city #slide figcaption::after {width: 435px; font-size: 16px} h1 {font-size:28px} h2 {font-size:25px} h3 {font-size:24px} h4 {font-size:22px;} #titlecity>div:first-child h1 {font-size:30px;} .content h2 {font-size: 23px;} #homeboxes article {padding:40px} #slide h1 a {font-size:25px} #cities ul li {width:calc(25% - 2px); margin-bottom: 4px} #services > ul {display: flex; justify-content: space-between; flex-wrap: wrap} #services > ul li {width:48%} #blogcat:after {content: '';flex: auto;} #blogcat article {width:31.33333%; margin:1%} .contatti > div {width:45%} #sliderreview2 .boxtestoreview {width:inherit} footer{margin-top:100px} .tax-city #tours article {margin: 20px 2%;flex: inherit;padding: inherit;width: 46%} .boxiconecity div {width: 24%; margin: 0 4%} .privatetour article > div{height: 250px} .privatetour article {margin:4% 2%;width: 29%} .privatetour {padding-top:2%} #privatetour .ctatour {margin-bottom: 10%;} .fotowhychoose{width: 42%} .testowhychoose {margin: 0;width: 58%; padding: 0 4% 0} #privatetourvirtual {margin: 12% 0 4%;padding: 8% 2%} #privatetourvirtual article {margin: 5% 2%; width: 29%} .privatetourvirtual,#whychoose,#toursarticles,.privatetour{display: flex} .privatetourvirtual,#whychoose,.privatetour,.privatetour{justify-content: center} #toursarticles,.privatetour{flex-wrap: wrap;align-items: flex-start} #toursarticles{justify-content: flex-start} #whychoose,.privatetourvirtual{align-items:flex-start;flex-wrap: nowrap} #privatetour {margin: 0 2%} #sliderreview3 .testoreview {margin:inherit} #sliderreview3 .boxtestoreview {padding: 0 5%} .review{max-width: 1260px;margin: 0 auto;} #reviewprivate{padding: 10% 0; margin-top: 60px} #sliderreview3 .fotoreview {padding:inherit} .privatetour h4 {top: 213px} #partner,.privatetourvirtual{max-width: 1260px;margin: 0 auto} } @media screen and (min-width: 783px) { .admin-bar #topbar {top:32px} } @media screen and (max-width: 839px) { #homenews h1 {width:100%; height:50px; line-height:50px; background: #eee;} .sliderheader figcaption span {position:absolute; top:-99999px; left:-99999px;} /* #cities ul li#roma span { top: auto; bottom: 20px; left: 50%; color: #fff; text-align: center; transform: translateX(-50%); font-style: italic; } #cities ul li#roma a h3 { color: #f59f42; }*/ #foodpassport img {float:right; width:40%; margin-left: 20px} .toursprice {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px} #seall a {flex-direction: column} #seall a span {display:block} } @media screen and (min-width: 840px) { .page main {padding-top: 100px} #topratedlogos {display: none} #meetingheader {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px} #meetingpoint .titlebluc {margin:0} #meetingheader > span {margin: 0} main {padding:40px 0 0 0} #foodpassport {background: url(images/bgpassport.gif) repeat} #foodpassport h2, #foodpassport > div > div {width:60%} #foodpassport h2 {text-align: right;} #foodpassport img {position: absolute; top:30px; right:0; width:40%; z-index:1} #seall {margin-top: 80px } #seall a {font-size: 20px; border-radius: 25px; height:50px; line-height: 44px} #seall a span {margin:0 3px} #experiences-intro {flex-wrap: wrap;max-width: 1240px; margin:0 auto 50px auto} #experiences-video {width:60%; padding: 33.3% 0 0 0;border:5px solid #A7BC2F} #videodx {width:40%; display:flex; align-items: center; justify-content: center} #videodx ul {margin:0} #videodx ul li {width:50%; margin:10px 0; font-size: 20px} #videodx ul li:before {width: 110px;height:110px; font-size: 65px;} } @media screen and (min-width: 840px) and (max-width: 1199px) { .tax-city .tourslabel {transform: rotate(-90deg); left:-10px} } @media screen and (max-width: 899px) { ul#keyinfo li#canc:before {width: 36px} #welcome {background:url(images/strappo.png) repeat-x top center var(--yellowlight)} #dxtourfooter > span {display: inline-block;} #footer > div> div,#footerbot>div {margin:20px 0} #fmenu {display:none} a.button-booking {display:none} .single-online-experiences, .single-street-food-tours {padding-bottom: 50px} #included h3 {margin-bottom: 10px} ul#tour-highlights li {display: flex; justify-content: flex-start; align-items: center} } @media screen and (min-width: 900px) { .single-street-food-tours #seenon ul li {width:16.6666%} .single-street-food-tours #slide figcaption {position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); width: 90%} .single-street-food-tours #slide figcaption *, .single-street-food-tours #slide figcaption h1, #breadcrumb a {color:#fff} #slide figure > div {height:550px} ul#keyinfo li {width: 31.3333%} .boxtestoreview::before {left: 18%} .boxtestoreview::after {right: 18%} .titoloreview {display: flex;justify-content: center; flex-direction: row-reverse;align-items: center} .home .fotoreview, .single-street-food-tours .fotoreview {margin: 0 0 0 30px} /*#sliderreview3 .fotoreview {margin: 0 auto}*/ .inforeview, .contentreview {margin: 0 140px 18px 140px} #cities::before {background: url(images/strappo.png) repeat-x top center} #cities ul li a > div > div:last-child {bottom: 50px} #cities ul li a h3 {height: 58px;line-height: 54px;font-size: 24px; padding: 0 30px; border-radius: 29px;font-weight: bold} #cities ul li a span {height: 44px;line-height: 44px;font-size: 18px} #giftcard {display: flex; justify-content: space-between;padding: 80px 0;} #giftcard > div {width:50%} ul#tour-highlights {display: flex; justify-content: space-between} ul#tour-highlights li span {display: block} .calendar {margin:30px 0} .stick #booking {position:fixed;bottom:0; left:0; width:100%; height:50px; z-index: 2} .stick #booking a.button-booking:hover {color:#fff; background: #F59F42} .stick #booking a.button-booking {display: flex} @supports (-webkit-touch-callout: none) { /* CSS specific to iOS devices */ .stick #booking {bottom:15px} } .single a#fixedbooking {display:none} .tax-city a#fixedbooking {bottom:50%; transform-origin: left bottom; transform: translateY(-50%) rotate(90deg); width: auto; font-size: 17px} /*footer {display: flex; justify-content: center;}*/ #footer {text-align: left; width: 100%;} #copyright {display: flex;justify-content: space-between; align-items: center} #copyright span {display:block;} #copyright a#tripadvisor {margin:0} #flogos {flex-wrap: wrap; align-items: center} #footerbot {margin-top:50px; display: flex; justify-content: space-between} #flegal a {display:block; z-index:2} #credits {position:absolute; bottom:0; left:0} #tourinfo, #tourfooter, #experiencefooter {display: flex; justify-content: space-between; height:100%} #tourinfo {flex-direction: row-reverse;} #tourinfo #tourdesc {width: 67.5%;margin-right: 40px} #productdx {width:32.5%} #sxtourfooter {flex-direction: column; flex-wrap: wrap; width:39%} #sxtourfooter > a {width:100%; margin:0; height:110px;} #dxtourfooter > span {display: block;} #experiencefooter > div {width:48%; margin-bottom: 50px} a#eshop {height:170px} #tourinfo h3 {text-align: left} a.fbooking {position:absolute; top:-999999px; left:-999999px} #social{top: -35px;left: inherit;right: 20px;transform: inherit;padding: 10px 13px} #flogo {margin:inherit} #copyright,#credits{margin-left: 2%;} #copyright>div:first-child{display: flex; flex-wrap: wrap;justify-content: center; align-items: center} #copyright>div>div{width:75%} #copyright>div>div:first-child{width:25%} #social {top: -130px} #footer {padding: 80px 5%} #footer #credits a {display: inline} #fcontacts,#fmenu,#flegal{margin:0 2%} ul.social li.fb a:before,ul.social li.instagram a:before{font-size:20px} .home main {padding:15px 0 0 0} #titlecity {padding: 0 10%;} #titlecity>div:first-child{max-width:inherit;margin: 0 5% 0 0;padding: 0;} .boxiconecity {justify-content: flex-end} #sliderreview2 .titoloreview {margin: 50px 5% 5px} #slidertourc{width:67.5%} } @media screen and (min-width: 480px) and (max-width: 1023px) { .tourskeys ul {display: flex;justify-content: space-between; flex-wrap: wrap} .tourskeys ul li {width: 48%; margin:1%} } @media screen and (max-width: 1023px) { #tours article {max-width: 90%} .tax-city #tours article {padding-bottom: 120px} .tax-city #tours article:has(div.discountedprice) {padding-bottom: 150px} #prezzo {position: absolute; bottom: 0} #header figcaption {left:0} .readmore{position:relative;} .readmore, .readmore:after{height: 150px; overflow:hidden} .readmore#toursmore {height: 200px; overflow:hidden} .readmore#toursmore:after{height: 140px} .readmore:after, .readmore:before{position:absolute} .readmore:after{content:""; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */} .readmore.open:after{content:none} .readmore:after{bottom: 0; left:0; z-index: 1; width: 100%;} .readmore.open, .readmore#toursmore.open{height:auto; padding-bottom:50px} .readmore .readmorebtn {position:absolute; top:100px; cursor: pointer; font-size:14px; z-index:2; height:40px; line-height:40px; border-radius:50px; padding:0 30px 0 10px; color:#fff; display: inline-block; text-transform: uppercase; text-align:center; background: var(--red); color:#fff; white-space: nowrap; left: 50%; transform: translateX(-50%)} .readmore#toursmore .readmorebtn {top:150px;} .readmore .readmorebtn:after {position:absolute; top:0; right:10px; content:"a"; font-family:streaty; font-size:10px; text-transform: none; height:40px;line-height:40px;} .readmore.open .readmorebtn:after {transform: rotate(180deg);} .readmore.open .readmorebtn, .readmore.open#toursmore .readmorebtn {top:auto; bottom:40px} } @media screen and (min-width: 1024px) { .tax-city .readmoretour {width: 190px} #slide figcaption strong, body:not(.single-street-food-tours) #slide figcaption h1 {font-size: 32px} body:not(.single-street-food-tours) #slide figure {height: 550px} #tourbuttonsfooter {padding:100px 0} #tourbuttonsfooter a {margin:0; height:110px; border-radius: 55px; padding:0 50px} #tourbuttonsfooter a b {font-size: 30px} #tourbuttonsfooter a span {font-size: 18px} .readmoretour a.ctatour {width: 100%} #tourbottom h4 {font-size: 22px} #tours article {margin: 60px 2%} .tourskeys ul {font-size: 16px} .tourskeys ul li {margin: 30px 0;line-height: 1.2} #header figcaption {bottom:50px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: rgba(245,159,66,0.9); height:90px; line-height:90px; padding:0 50px; color:#fff; font-size: 40px; display:inline-block; z-index:2} #header figcaption h1 {font-size: 40px; color:#fff; margin:0} .readmore .readmorebtn {display:none} body.home #slide figure {height:calc(100vh - 122px)} main {padding: 50px 0 0 0} h2 {font-size:28px} h3 {font-size:26px} h4 {font-size:24px;} h1,#titlecity>div:first-child h1 {font-size:40px} .content h2 {font-size: 30px;} #services {background: url(images/bgservices.jpg) no-repeat} #services *, #services h2 a, #services h2 a:before {color:#fff} #services > div ul li a:hover h3 {color:#F59F42} #services > div {display: flex; justify-content: space-between; flex-direction: row-reverse;} #services > div > div {width:55%; font-size: 16px} #services h2 {max-width: 1280px; text-align: left} #services > div > ul {width:40%; z-index: 1} #services > div ul li a {font-size:14px} #welcome p {line-height: 1.4} #slidertourc {margin:10px} body:not(.term-street-food-tours-in-naples) #toursmore > div {column-count: 2} #toursmore > div {text-align: left; font-size: 14px} #toursmore h2 {font-size: 21px;text-align: left} #toursmore h3 {font-size: /*40px*/18px;margin-bottom:20px} #slidertourc img {border-radius: 5px} .contatti > div{width:30%} .wpcf7-form label{font-size: 85%;} .post-type-archive-online-experiences a#eshop {margin:60px auto 60px auto} #experienceshome div {padding-top: inherit} .countreview span {font-size: 26px} .countreview {font-size: 65px;max-width: 1300px;margin: 0 auto} .countreview > div > div {height: 90px} .post-type-archive-online-experiences #tours a {border:2px solid #A7BC2F} .tax-city #tours article , #experiences-intro {display: flex; justify-content: center; width: 100%;margin-bottom: 70px} .tax-city #tours article > div {height:455px; min-width: 312px} .tax-city .toursthumb {width:400px;} .tax-city .toursdesc h2 {font-size: 28px;margin-bottom:20px} .tax-city .toursdesc {position:relative;width: calc(100% - 400px)} .tax-city .tourskeys {background: var(--blu)} .tax-city .tourskeys ul li {color:#fff} #tours article {width:inherit} #tours{display: inherit;flex-wrap: inherit;justify-content: inherit;align-items: inherit;margin: inherit;} /*#titlecity>div:first-child>div:after {font-size: 60px;height: 60px;line-height: 60px;opacity: 1;} .term-86 #titlecity>div:first-child>div:after, .term-97 #titlecity>div:first-child>div:after {top: 42px} .term-85 #titlecity>div:first-child>div:after, .term-99 #titlecity>div:first-child>div:after, .term-111 #titlecity>div:first-child>div:after {left: 46px} .term-107 #titlecity>div:first-child>div:after {top:6px; left: 24px} .term-87 #titlecity>div:first-child>div:after, .term-98 #titlecity>div:first-child>div:after {top: -8px;left: 18px} .term-88 #titlecity>div:first-child>div:after, .term-96 #titlecity>div:first-child>div:after {top: -31px;left: 28px} .term-108 #titlecity>div:first-child>div:after {bottom: 40px; right: 15px}*/ #titlecity>div:first-child>div {width: 120px;height: 120px} #titlecity{max-width: 1260px;margin: 0 auto;} #tourfooter {margin: 10px 10px 50px 10px} #included {margin-top: -50px} h1, h2, h3, h4 {line-height: inherit;} .fotowhychoose,.testowhychoose{width: 50%} .privatetour article > div{height: 350px} .privatetour h4 {top: 313px;width: 250px} .privatetour article {margin: 0 2% 4%} .privatetour {padding-top: 40px} #whychoose{align-items:center} #privatetourvirtual {padding: 5% 2%} #reviewprivate{padding: 8% 0} #partner{padding: 8% 0 4%} #reviewprivate h3, #partner h4 {padding: 0 5% 50px} #tourdesc {margin: 30px 5% 0} #tourdesc .titlebluc {margin-bottom:40px} #sliderpartner div {width:14.6666%} .whychoose:before {top: 10px} .viewdetails {height: 40px;line-height: 40px;border-radius: 20px; padding: 0 15px} a.ctatour { font-size: 20px; height: 46px; line-height: 42px; padding: 0 25px; border-radius: 25px; /* font-style: italic; */ } a.destinazioni {margin: 0 20px} } @media screen and (min-width: 1024px) and (max-width: 1099px) { } @media screen and (min-width: 1100px) { #slidertourc {margin:0 40px 0 10px} #experienceshome {height:355px;padding:0 50px 0 0; text-align: right; display:flex; justify-content: center;align-items: center;margin-bottom: 5%} #experienceshome div:last-child{margin-left:5%;width: 35%;} #experienceshome div:first-child:after {bottom: inherit; left: inherit;top: 10px;right: -45px} #experienceshome:after {left: 677px} #experienceshome h2 {text-align: right} #experienceshome a {height:50px;line-height:46px; padding:0 30px; border-radius:25px; text-transform: uppercase} } @media screen and (max-width: 1199px) { ul.social.topsocial {display:none} .overlaybg {height:100%; width:100%; position:fixed;left:0; top:0;z-index:4 !important;background-color:rgba(34, 47, 71,0.90)} /* push menu*/ #menu {moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;position: fixed; overflow: hidden; overflow-y: auto;height: 100%; top: 0; right: -280px; background-color: #fff; z-index: 10; width: 280px; opacity: 1; text-align:left} /* push menu*/ #menu ul {list-style: none; margin: 0;padding: 0} #menu > ul a, a#topexperiences {padding:0 16px; color: var(--blu); font-size: 15px; display: block;line-height:40px; text-decoration: none;position:relative; text-transform:uppercase} #menu > ul#catalogmenu > li > a {background: var(--red);; color:#fff; margin-bottom:1px} a#topexperiences {color:#A7BC2F} #menu ul li.open ul li a {background:#eee; color: var(--blu); font-size:13px; line-height:40px} #menu ul li.open > a:after {-ms-transform: rotate(-180deg)} #menu ul li.open ul li a:hover {color:#F59F42;} #menu > ul {list-style: none; margin: 0;padding: 0} #menu > ul > li > a:hover, #menu > ul > li.open > a, #menu > ul#catalogmenu > li > a:hover {background: var(--blu);;color:#fff} a#topexperiences:hover {background:#A7BC2F;color:#fff} #menu > ul li.menu-item-has-children > a:after {position:absolute; top:0;right:20px; line-height:40px;height:40px; font-family:streaty; content:'a'; text-transform: none} #menu > ul > li.open > a:after {color:#fff} #menu > ul li.menu-item-has-children a:hover:after {color:#fff;} #menu > ul li ul{display: none; position: static; width: 100%} #menu > ul li:hover > ul {display: none} #menu > ul li.open > ul {display: block} a#toggle {position:absolute; top:30px; right:15px; display: block;z-index:5} a#toggle span {position: absolute; top: -999999px; left: -999999px} html.open-menu {overflow: hidden} html.open-menu nav#menu {z-index: 4; right:0} html.open-menu a#toggle {right:280px} ul#breadcrumb, #headerbadge div:first-child {position:absolute; top:-99999px; left:-99999px} #sliderreview2 {padding:0 30px} #blog header > span {display: none} } @media screen and (min-width: 1200px) { .tax-city .toursthumb {width: 360px} .tax-city .toursdesc {width: calc(100% - 700px); padding:20px 40px} .tax-city .tourskeys {width: 340px} .toursdesc > div:first-child {font-size: 18px} #tourmapvideo {display: flex; justify-content: space-between; align-items: center; padding:0 25px} #tourmapvideo {padding:0 0 0 80px} #meetingpoint {padding:80px 50px 20px 0} ul#whatsincluded li {font-size: 19px} ul#whatsincluded li::before {margin: 5px 10px 0 0} .single-street-food-tours #slide figcaption {top: 60%} .single-street-food-tours #slide figcaption h1 {font-size: 34px; margin-top: 10px} ul#blogtabs {margin-bottom: 30px} ul#blogtabs li {width:130px; margin:0} .categories-blog {margin-bottom: 100px} .category-blog .title-section h2 {font-size: 45px} #blog header > span {font-size: 26px; text-transform: uppercase;margin-top: 30px; display: block} #logo a img {height:68px} a.destinazioni {height: 46px;line-height: 42px; font-size: 20px} .overlaybg, #prodotti {display:none !important} /*.post-type-archive-online-experiences header figcaption:before, */.single-online-experiences #header figcaption:before {content:url(images/wifititle.png);width:44px; height:60px; position:Absolute; top: -40px; left:-40px} h1{font-size:48px; margin-bottom:30px} #titlecity>div:first-child h1 {font-size:44px} .content h2 {font-size: 32px;} h1.entry-title {margin-bottom:80px} #titlecity>div:first-child h1{margin-bottom:inherit} .home section h2 {font-size: 34px} .home section#experienceshome h2 {margin: 0; font-size: 40px} #services h2 a::before {font-size: 126px} #services h2 {max-width: 1280px; text-align: left;margin:15px auto 60px auto} #services > div > div {width: 48%} #foodpassport > div {width: 50%;font-size: 17px} #foodpassport > div > div, #foodpassport h2 {width: auto} #foodpassport > div > div {margin:0 0 0 110px; text-align: right} #foodpassport img {width:50%; max-width: 687px} #logo {left: 50px;} #logo {top:75px;} a#topexperiences {position:absolute;top: -40px; right: 230px; border:2px solid #A7BC2F; color:#A7BC2F; border-radius:17px;padding:0 15px;height:34px;line-height:30px;} /*a#topexperiences:before {content:url(images/new.png);position:absolute;top: -2px; left:-22px;width:34px;height:34px}*/ a#topexperiences:hover {border:2px solid #fff;color:#fff} #menu {position:absolute; top:0; right:30px; text-align: right; z-index:3} #menu > ul {display: flex; justify-content: space-between; } #menu > ul > li > a {margin:0 10px; display: block; text-decoration: none} #menu > ul > li > a {color:#fff} ul.catalogmenu {position:relative; margin-top:30px} #menu > ul.mainmenu {margin-right:70px; display: flex} #menu > ul.mainmenu > li {height:30px} #menu > ul.mainmenu > li > a {font-size: 16px;font-weight: 700;line-height: 24px;height: 30px} #menu > ul.catalogmenu > li > a {background: var(--yellow);color:var(--blu); font-size: 15px; line-height:40px;text-transform: uppercase; border-radius: 20px;padding:0 15px; margin: 0 0 0 20px; font-weight: 700} #menu > ul.catalogmenu > li:first-child > a {margin: 0 0 0 10px} #menu > ul.catalogmenu > li:hover > a {background: none;color:#fff} #menu > ul > a:hover, #menu > ul > li:hover > a, nav > #menu > ul > .current-menu-item > a, #menu > ul > .current-menu-parent > a {color:var(--yellow)} #menu > ul > li.menu-item-has-children {position:relative;padding-bottom: 10px;} #menu > ul.catalogmenu > li.menu-item-has-children > a {padding-right:15px;margin-bottom: 10px; display: flex; align-items: center} #menu > ul > li.menu-item-has-children > a::after {margin: 0 0 0 5px;font-family: streaty;content: 'a';font-size: 12px;line-height: 26px} #menu > ul.catalogmenu > li.menu-item-has-children > a::after {font-size: 15px;line-height: 26px; text-transform: none; font-weight: 700;} #menu > ul > li.menu-item-has-children:hover > a::after {transform: rotate(180deg)} #menu > ul li ul {display:none; text-align: left;position: absolute; top: 30px;left:10px;background:#fff; border-radius: 5px; overflow:hidden;width: calc(100% - 10px)} #menu > ul.catalogmenu li ul {top: 50px; font-family: sofia-pro, sans-serif} #menu > ul li:hover ul {display:block; z-index:2;min-width:240px} #menu > ul li ul li a {color:var(--blu);font-size:15px; line-height: 40px; display: block;padding:0 20px;} #menu > ul li ul li a:hover {color:#fff;background:var(--blu)} #copyright > div {display: flex; justify-content: space-between;} #flogo {height:53px; margin-right:20px} #toursarticles {max-width:1260px; margin:0 auto} #tourdesc {max-width:950px; margin:50px auto} .toursdesc {width: calc(100% - 750px)} #toursmore {padding:60px 50px;} #toursmore > div, #toursmore > h2 {max-width:1260px; margin: 0 auto;padding: 1% 10% 2%;} /*#toursmore h3 {margin-bottom:60px}*/ #tours article:before {content:''; display:block; width:196px; height:125px; position:absolute; top:-2px; left:-2px;z-index: 1} #tourinfo {margin: 20px 0 50px 0} #breadcrumb {font-size: 13px} #breadcrumb a {color:#fff} #breadcrumb a:hover {text-decoration: underline} #blogcat article {width:23%} #backtoblog {margin-left: 0.5%} .contatti > div {margin:15px 0} a#eshop > span:first-child {padding: 20px} #dxexperiencefooter a {padding:20px 50px 20px 20px} ul.social li.fb a:before,ul.social li.instagram a:before{font-size:25px} #seenon ul, #welcome div:first-child {justify-content: flex-start} #welcome div:first-child {margin-top: 10px} #headerbadge {bottom: -80px;color: #5c5c5c;flex-wrap: nowrap;align-items: center} .home main {padding: 1% 0 0 0} #headerbadge div:last-child{background-image: url(images/tripadvisor-2021.png);margin-left: 15px; height: 86px;} #headerbadge div,#headerbadge{width:inherit} #headerbadge {bottom: -120px;right: 3%} .boxiconecity {width: 40%} #titlecity > div:first-child {width: 55%} #tours article > div {min-width: 382px;} .tax-city #headerbadge2 {padding:25px 50px} .tax-city #headerbadge2 div:last-child {padding: 30px} #headerbadge2{width: 60px} } @media screen and (max-width: 1279px) { /*.tax-city #seenon, .tax-city #toptripadvisor {display: none}*/ #seenon ul {text-align: center} } @media screen and (min-width: 640px) and (max-width: 1279px) { .boxservizi a:before{content:none} } @media screen and (min-width: 1280px) { BODY {font-size: 135%} body.home #slide figure {height:calc(100vh - 55px)} body.home #slide::after, body.tax-city #slide::after {bottom: -17px} header #seenon {margin: 0; position: absolute; bottom: 75px;z-index: 1;left: 40px; text-align: left} header #seenon > span {color: #fff} header #seenon ul {margin: 0} header #seenon ul li img, #toptripadvisor img {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); background: none} #toptripadvisor {bottom: 72px;right: 40px; left:inherit;transform: none} #toptripadvisor span {background: #fff} #welcome{ margin-bottom: 40px} .titleblu {font-size: 34px;height: 70px;line-height: 62px;border-radius: 35px;padding: 0 30px} #welcome h2 {font-size: 22px;height: 50px;line-height: 50px; border-radius:25px; padding: 0 20px} a.titleblu h2 {line-height: 70px} .boxservizi a {width: calc(25% - 1px)} .boxservizi a h3 {font-size: 25px} .boxservizi a::before {background: #EADAC2 !important;} #slidertourc {margin: 0 40px 0 0;} #toursmore {padding:60px 0;} a#privatetour b {font-size: 30px; line-height: 1.2} #experienceshome p {font-size: 25px} .testowhychoose {padding: 0 0 0 4%} #intro, #moreculinary {padding:50px 8% 0 8%} #intro > h2, #moreculinary h2 {font-size: 24px} ul#tour-highlights {display: inline-flex; justify-content: space-between} ul#tour-highlights li {margin:0 10px} ul#tour-highlights li:before {margin:0 auto 15px auto; width:84px;height:84px;line-height:84px; background: var(--yellow); display: block; border-radius: 50%; font-weight: 500; font-size: 54px} ul#tour-highlights li span {height:42px;line-height:38px; padding:0 15px; background: var(--orange); border-radius: 21px; white-space: nowrap} #tour-tasting::before {font-size: 40px} } @media screen and (max-width: 1359px) { ul#tourlinks, #calendar-right {display: none} #tourheader:before, #tourheader:after {background: url(images/strappo.png) repeat-x top center; content: '';width: 100%;height: 40px;position: absolute; left: 0} #tourheader:before {top: 0} #tourheader:after {bottom: 0; transform: rotate(180deg)} #tourheader {background:#F2F2F2} #tourbar-right img {display: none} } @media screen and (min-width: 1360px) { ul#whatsincluded::before {left: 250px;top: 45px} .single-street-food-tours #review {padding: 90px 0} #tour-footer {padding-top: 80px} body:not(.stick) #tourbar-right {visibility: hidden} #tour-info > * {padding-left: 80px} #tourheader {padding-top: 100px} #tourcontainer {display: flex; justify-content: space-between; position: relative} #tourcontainer:after {background: url(images/strappo.png) repeat-x top center #F2F2F2; content: '';width: 100%;height: 500px;position: absolute; top:0; left: 0; transform: rotate(180deg); z-index: -1} #tour-info, #meetingpoint {width:calc(100% - 500px)} #calendar-right, #video {width:500px; padding: 0 30px 0 50px} #calendar-right { padding: 0 30px 20px 50px; margin-top: -120px; position: relative; z-index: 5} #calendar-right #calendar-container {width: 420px; position: sticky; top: 40px} #calendar-right #closebooking {display: none} .single-street-food-tours main {padding-top: 0} #booking-fixed {position: relative;display: flex; justify-content: space-between; align-items: center; padding-right: 40px} #booking-fixed::before {clip-path: polygon(100% 0%, 100% 100%, 0% 101%)} #tourbar-right > a {margin:0 20px} #tourbar-right img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1)} ul#tourlinks {display: flex; justify-content: space-between} ul#tourlinks li {margin:0 15px} ul#tourlinks li a {font-size: 18px; color:#fff; text-transform: uppercase} .stick #booking-fixed { position: fixed; bottom:0; left:0} #slidertourc {align-self: flex-end} #breadcrumb {top: 4%} h2 {font-size:30px} h3 {font-size:28px} h4 {font-size:26px} } @media screen and (min-width: 1400px) { #tourheader {margin-bottom:100px} #header figcaption {bottom: 100px} #seenon ul li img {height: 50px} #footer > div {max-width: 1300px} .boxiconecity div:before {font-size: 60px; height: 60px} .countreview span {font-size: 27px} .tax-city #headerbadge2 div:last-child {padding: 40px} #headerbadge2{width: 80px} #breadcrumb {top: 1.75%; left: 0} #included {margin-top: -120px;} .fototourvirtual {height: 250px} } @media screen and (min-width: 1600px) { .single-street-food-tours #header figcaption {min-width: 800px} .countreview span {font-size: 28px} #titlecity>div:first-child h1 {font-size:48px} .tax-city #headerbadge2 div:last-child {padding: 50px} #headerbadge2{width: 100px} #privatetourvirtual {margin: 8% 0 2%} h2 {font-size:32px} h3 {font-size:30px} h4 {font-size:28px} }