body.page-template-default.page.wp-custom-logo.elementor-default.elementor-page.customize-support.dialog-body.dialog-buttons-body.dialog-container.dialog-buttons-container.e--ua-blink.e--ua-chrome.e--ua-mac.e--ua-webkit.dialog-lightbox-body.dialog-lightbox-container{
overflow-y: scroll;
}
html{
font-size: 10px;
line-height: 10px;
} a.elementor-button,
button.elementor-button.elementor-size-sm {
background: #8DA6A1;
background: linear-gradient(to left, #8DA6A1 50%, #03383C 50%) right;
background-size: 200%;
transition: .5s ease-out;
}
a.elementor-button:hover,
button.elementor-button.elementor-size-sm:hover {
background-position: left;
} .menuButton {
padding: 20px;
display: flex;
flex-direction: column;
gap: 3px;
height: 3.5em;
transition: all .3s;
}
a.menuButton:hover span.top, a.menuButton:hover span.bot {
width: 30px;
}
input[type = "checkbox"] {
-webkit-appearance: none;
display: none;
visibility: hidden;
}
.menuButton span {
width: 30px;
height: 2px;
background: #ffffff;
transition: 0.3s ease;
}
span.top, span.bot {
width: 20px;
transition: ease-in-out all 0.2s;
}
a.menuButton span {
border-radius: 20px;
}
@media screen and (max-width:768px){
li.menu-item a {
line-height: 4rem;
text-align: center;
padding: 0 0 1rem 0 !important;
}
a.elementor-sub-item.elementor-item-active, a.elementor-sub-item:hover, a.elementor-sub-item:focus {
line-height: 4rem !important;
}
}
sub-menu li a:hover {
line-height: inherit !important;
} .elementor-location-header .e-con-inner {
position: relative;
} .shrinker {
background: transparent;
transition: all .2s linear!important;
-webkit-transition: all .2s linear!important;
-moz-transition: all .2s linear!important;
}
.shrinker.elementor-sticky--effects {
background: #fff;
height: 60px!important;
padding-top: 4px!important;
padding-bottom: 2px!important;
box-shadow: 0px 6px 30px -4px rgba(0,0,0,.05);
transition: all .2s ease-in-out!important;
-webkit-transition: all .2s ease-in-out!important;
-moz-transition: all .2s ease-in-out!important;
} .shrinking-logo img {
width: inherit;
transition: all .2s ease-in-out!important;
-webkit-transition: all .2s ease-in-out!important;
-moz-transition: all .2s ease-in-out!important;
}
.shrinker.elementor-sticky--effects img {
width: 150px!important;
transition: all .2s ease-in-out!important;
-webkit-transition: all .2s ease-in-out!important;
-moz-transition: all .2s ease-in-out!important;
margin-top: -5px;
}
.elementor-126 .elementor-element.elementor-element-5149880 {
--lottie-container-width: 30px;
margin-top: 10px;
margin-bottom: -5px;
}
.elementor-sticky--effects .elementor-element.elementor-element-6d280f4,
.elementor-sticky--effects .elementor-element.elementor-element-5149880 {
--lottie-container-width: 25px;
margin-top: 20px !important;
}
@media screen and (max-width:768px) {
.elementor-sticky--effects .elementor-element.elementor-element-6d280f4,
.elementor-sticky--effects .elementor-element.elementor-element-5149880 {
margin-top: 15px !important;
} 
.internal .shrinking-burger {
margin: 10px 0 -10px 0;
}
} .evidence{
color:#8DA6A1;
} div#gradient-title {
background: linear-gradient(to right, #8da6a1, #2e4c46, #03383c);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.servizi-tabs .elementor-widget-container{
position: relative;
}
.servizi-tabs .elementor-tabs-wrappeR {
background: #e8ebeb;
border-radius: 50px;
width: 100%;
position: absolute;
z-index: 2 !important;
background: #e8ebeb;
margin-top: 10px !important;
}
.servizi-tabs .elementor-tab-title{
display: flex !important;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 50px;
}
.servizi-tabs .elementor-tab-title.elementor-active{
background: rgb(141,166,161);
background: linear-gradient(124deg, rgba(141,166,161,1) 13%, rgba(0,0,0,1) 100%);
}
.servizi-tabs .elementor-tab-title.elementor-tab-mobile-title {
display: none !important;
}
.servizi-tabs .elementor-tab-content,
.servizi-tabs .elementor-element.e-flex.e-con-boxed.e-con.e-parent
{
padding: 0 !important;
}
.servizi-tabs .servizi-tabs-left {
min-height: 650px;
border-radius: 40px 0 0 40px;
box-shadow: 0 4px 4px rgb(0 0 0 / 10%);
}
.servizi-tabs .servizi-tabs-right {
padding: 50px 30px 30px;
display: flex;
justify-content: center;
}
@media screen and (max-width:768px){
.servizi-tabs .servizi-tabs-right {
margin-top: 50px;
}
.tabs-mobile .elementor-tab-content .e-con-inner {
display: flex;
flex-direction: column !important;
}
.servizi-tabs-right.e-flex.e-con.e-child,
.servizi-tabs-left.e-flex.e-con.e-child {
width: 100% !important;
}
}
@media screen and (max-width:480px){
.servizi-tabs .servizi-tabs-right{
margin-top: 0px;
padding: 0 20px;
}
}
.elementor-tab-title.elementor-tab-mobile-title {
background: rgb(141,166,161);
background: linear-gradient(124deg, rgba(141,166,161,1) 13%, rgba(0,0,0,1) 100%);
color: white !important;
text-align: center;
border-radius: 20px;
margin: 0 20px 5px;
border: 0 !important;
box-shadow: 0 4px 10px 0px rgb(141,166,161);
}
.servizi-tabs .servizi-tabs-right a.elementor-button.elementor-button-link.elementor-size-sm {
font-weight: bold;
padding: 20px 25px;
}
.servizi-tabs-mobile .elementor-tab-content {
border: 0 !important;
box-shadow: 0px 10px 14px #00000033;
margin-bottom: 20px;
border-radius: 20px;
}
.flip-container .elementor-flip-box {
max-height: 250px;
}
.elementor-element.e-flex.e-con-boxed.e-con.e-parent {
padding: 0;
} .elementor-flip-box__layer.elementor-flip-box__back {
border: 2px solid white;
}
.flip-container:first-child {
border-radius: 30px 30px 0 0;
}
.first .elementor-flip-box {
border-radius: 30px 30px 0 0 !important;
}
.flip-container:last-child {
border-radius: 0 0 30px 30px;
}
.last .elementor-flip-box {
border-radius: 0 0 30px 30px !important;
} .elementor-element.blur-box.e-flex.e-con-boxed.e-con.e-child.animated.fadeIn {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
} .elementor-accordion .elementor-accordion-item {
margin-bottom: 30px;
}
.custom-accordion .elementor-active {
background: #8da6a1 !important;
}
.custom-accordion span.elementor-accordion-icon-opened {
padding: 6px 33px !important;
margin-left: -40px;
border-radius: 30px;
background: white;
}
.custom-accordion span.elementor-accordion-icon-closed {
padding: 6px 33px !important;
margin-left: -40px;
border-radius: 30px;
background: rgb(141,166,161);
background: linear-gradient(124deg, rgba(141,166,161,1) 0%, rgba(11,57,59,1) 100%);
}
.custom-accordion .elementor-tab-title {
border-radius: 30px;
box-shadow: 0 4px 4px 0 rgb(255 0 0 / 25%);
}
.custom-accordion .elementor-tab-title.elementor-active {
border-radius: 30px 30px 0 0;
}
.custom-accordion .elementor-tab-content.elementor-active {
border-radius: 0px 0px 30px 30px !important;
box-shadow: 0 4px 4px 0 rgb(255 0 0 / 25%);
}
span.elementor-accordion-icon-closed i, span.elementor-accordion-icon-opened i {
margin-left: -5px;
} .ico-back a.elementor-icon {
line-height: 0px !important;
margin-top: -5px;
}
.ico-back{
margin-top: 17px;
}
.servizi-back-mobile {
width: 100% !important;
--overlay-opacity: 1 !important;
}
.servizi-back-mobile:before{
background-color: #00000080;
}
@media screen and (max-width:768px){
.elementor-element.elementor-element-4708e8d.e-con-full.e-flex.e-con.e-child {
display: flex;
flex-direction: column;
align-content: flex-start;
}
.servizi-back-mobile.consulenza{
background-image: url(https://www.bistrotdigitale.it/wp-content/uploads/2023/10/Bistrot-Digitale-Consulenza.jpg);
}
.servizi-back-mobile.smm{
background-image: url(https://www.bistrotdigitale.it/wp-content/uploads/2023/12/SMM-Bistrot.png);
background-position: center right;
background-size: cover;
}
.servizi-back-mobile.em{
background-image: url(https://www.bistrotdigitale.it/wp-content/uploads/2023/12/Email-marketing-Bistrot.png);
background-position: center right;
background-size: cover;
}
.servizi-back-mobile.sma{
background-image: url(https://www.bistrotdigitale.it/wp-content/uploads/2023/12/Advertising-Bistrot.png);
background-position: center right;
background-size: cover;
}
} .footer-section a {
color: white !important;
font-weight: bold;
text-decoration: underline;
font-size: 1.4rem !important;
}
.footer-section h5.elementor-heading-title.elementor-size-default {
line-height: 1.5rem;
}
.footer-section button.elementor-button.elementor-size-sm {
font-size: 1.4rem !important;
}
.social-footer a {
font-size: 30px !important;
} .mailchimp-footer {
margin-top: -20px;
}
input#form-field-field_dae9ce8 {
visibility: visible !important;
display: block !important;
-webkit-appearance: auto;
margin-right: 10px;
width: 20px;
height: 20px;
}
span.elementor-field-option {
display: flex;
}
.elementor-field-subgroup span label {
line-height: 2.8rem !important;
}
.wpcf7 label {
display: block !important;
margin-bottom: 20px !important;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 input[type="checkbox"] {
width: 100% !important;
padding: 10px !important;
margin-bottom: 10px !important;
border: 1px solid #ccc !important;
transition: border-color 0.3s !important;
}
.wpcf7 textarea {
height: 150px !important;
}
.wpcf7 input[type="checkbox"] {
margin-right: 10px !important;
}
.wpcf7 input[type="submit"] {
background-color: #4CAF50 !important; color: white !important;
padding: 15px 20px !important;
border: none !important;
cursor: pointer !important;
border-radius: 5px !important;
}
.wpcf7 input[type="submit"]:hover {
background-color: #45a049 !important;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
border-color: #45f3ff !important;
}
.wpcf7 input:valid,
.wpcf7 textarea:valid {
border-color: #4CAF50 !important;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
background: transparent !important;
border: 0 !important;
border-radius: 0;
border-bottom: 1px solid white !important;
}
::-webkit-input-placeholder { color: #fff !important;
opacity: 1;
font-size: 1.8rem !important;
}
:-moz-placeholder { color: #fff !important;
opacity: 1;
font-size: 1.8rem !important;
}
::-moz-placeholder { color: #fff !important;
opacity: 1;
font-size: 1.8rem !important;
}
:-ms-input-placeholder { color: #fff !important;
opacity: 1;
font-size: 1.8rem !important;
}
input[type = "checkbox"] {
-webkit-appearance: checkbox !important;
display: block !important;
visibility: visible !important;
margin-right: 10px;
}