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

:root {
    --blu: #18325e;
    --rosso: #df4f43;
    --grigio: #fff;
    --riga: #949494;

    --global--font: 'baskerville-urw';
    --heading--font: 'apparat';
    --subtitle--font: 'ofelia-text';
    --shop--font: 'botanika-mono-web';

    --wp--preset--color--primary: var(--blu);
}

:root :where(body), body {
    color: var(--blu);
    font-family: var(--global--font);
    min-height: calc(100vh - 40px);
    border: 20px solid var(--blu);
    border-bottom-color: var(--blu);
    font-size: 22px;
    transition: background-color 1s;
}
body::-webkit-scrollbar {width: 9px;}
body::-webkit-scrollbar-track {background: #fff;}
body::-webkit-scrollbar-thumb {background: var(--blu);border:3px solid #fff;}
body::-webkit-scrollbar-thumb:hover {/*background: #999;*/}




.wp-site-blocks {
    padding: 0;
}

.wp-block-navigation__responsive-container {
    display: flex;
    top:40px;
    bottom: 40px;
    left: 50%;
    right: 0;
    transform: translateX(2000px);
    transition: all 0.5s;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: var(--blu);
    color: #fff;    
    transform: translateX(0);
    overflow: visible;
    animation: none;
}
.wp-block-navigation__responsive-container:before {
    position: absolute;
    width: 250px;
    height: 125px;
    content: '';
    background-image:url("https://www.studiobleu.it/wp-content/uploads/2022/07/logo-studiobleu.svg");
    background-repeat: no-repeat;
    left:-32vw;
    background-size: contain;
    transform: rotate(-90deg);
    top: calc(50vh - 110px);
    opacity: 0;
}
.wp-block-navigation__responsive-container.is-menu-open:before {
    opacity: 1;
}
.wp-block-navigation.items-justified-right.is-vertical {margin-top: 0;}
.wp-block-navigation.items-justified-right {
    --navigation-layout-justification-setting:flex-start;
    font-family: var(--subtitle--font);
    text-transform: uppercase;
}
.wp-block-navigation__responsive-container a {font-size: 16px;}
.wp-block-navigation__responsive-dialog {width: 100%;}
.wp-block-navigation__responsive-close {
    display: flex;
    align-items: center;
    height: 100vh;
    width: 100%;
}
.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
    text-decoration: none;
    text-decoration-style: solid;
}
.wp-block-navigation-item {
    border-bottom: 2px dotted transparent;
    line-height: 1em;
}
.wp-block-navigation-item:hover {
    /*content: '.';
    font-size: 30px;
    color: #fff;
    position: absolute;
    left: -20px;
    line-height: 11px;*/
    border-bottom: 2px dotted #fff;
}
.wp-block-navigation-item.current-menu-item,
.wp-block-navigation-item.current-menu-item:hover {
    opacity:0.5;
    border-bottom: 2px dotted transparent;
}



main, div.wp-block-post-content {transition: all 0.5s;}
html.has-modal-open main,
html.has-modal-open .wp-block-post-content {transform: translateX(-2000px);}

figure.logo {padding-right:15px;}

.has-primary-color {color: var(--blu) !important;}

:root :where(a) {
    color: var(--blu);
    text-decoration: none;
}
.entry-content p a {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 1.5px;
    /*text-decoration-color: var(--rosso);
    background-image: linear-gradient(var(--rosso), var(--rosso));
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1.5px;
    transition: background-size 1s;*/
}
.entry-content p a:hover {
    /*background-size: 100% 1.5px;
    text-decoration-style: solid;*/
    color:#8b98ae;
}
:root :where(h1), :root :where(h2), :root :where(h3), :root :where(h4), :root :where(h5),
h1, h2, h3, h4, .wp-block-post-title {
    color: var(--blu);
    font-family: var(--heading--font);
    font-weight: 600;
}

body.home .yoast-breadcrumbs {display: none;}
.yoast-breadcrumbs {margin-top: 0 !important;}
.yoast-breadcrumbs, .yoast-breadcrumbs a {
    font-family: var(--subtitle--font);
    font-size: 12px;
    color:#aaa;
    text-transform: uppercase;
    transition: all 0.5s;
}
.yoast-breadcrumbs a:hover {
    color: var(--blu);
}
.yoast-breadcrumbs .breadcrumb_last {
    font-size: 18px;
    color:var(--blu);
}
html.has-modal-open .yoast-breadcrumbs {
    transform: translateX(-2000px);
}

body:not(.post-template-single-no-separators) figure.wp-block-post-featured-image {
    height: calc(100% - 20px);
    margin-top: 20px;
    position:relative;
    margin-bottom: 0 !important;
    margin-top: 20px !important;
}
body.post-template-single-no-separators figure.wp-block-post-featured-image {
    position:relative;
    margin-bottom: 20px !important;
}
body:not(.home) figure.wp-block-post-featured-image img {cursor:pointer;height: 100%;object-fit: cover;}
figure.wp-block-post-featured-image img:hover {object-fit: cover;}
body.home figure.wp-block-post-featured-image img,
body.category-progetti figure.wp-block-post-featured-image img,
.homequeryloop figure.wp-block-post-featured-image img {
    height:245px;
    object-fit: cover;
}

.homequeryloop figure.wp-block-post-featured-image img:hover,
.homequeryloop figure.wp-block-post-featured-image img.hovered,
.homequeryloop .astratto a:hover, .homequeryloop .astratto a.hovered,
body.category-progetti figure.wp-block-post-featured-image img:hover,
body:not(.mygallery):not(.home) figure.wp-block-post-featured-image img:hover,
.wp-block-cb-carousel img:hover, .single-product .bleuthumbs img:hover {
    cursor: url(https://www.studiobleu.it/wp-content/uploads/2022/11/occhiob.png), auto;
    opacity: 0.6;
}

header.wp-block-template-part {
    position: fixed;
    width: calc(100% - 40px);
    z-index: 9;
    background: white;
    top: 0;
    border-top: 20px solid var(--blu);
    transition: background-color 1s;
}
header.wp-block-template-part:before {
    content: '';
    border: 10px solid var(--blu);
    position: absolute;
    top: -20px;
    left:-20px;
    height: calc(var(--vh, 1vh) * 100);
    z-index:99;
}
header.wp-block-template-part:after {
    content: '';
    border: 12px solid var(--blu);
    position: absolute;
    top: calc(var(--vh, 1vh) * 100 - 40px);
    width: 100vw;
}
html:not(.has-modal-open) body.sticky header.wp-block-template-part {
    /*box-shadow: 0px 5px 10px #0000001a;*/
}
header.wp-block-template-part .wp-block-columns {
    margin:0 0 10px 0;
}
main {
    margin-block-start: 0 !important;
}
.myt {
    padding-top: 180px;
}
body.single .myt {
    min-height: calc(100vh - 40px);
}
body.page:not(.home) .myt {
    padding-top: 80px;
}
.myt .entry-content {
    display: flex;
    margin: 0;
    flex-grow: 100vh;
    height: calc(100% - 0px);
    flex-direction: column;
}
.myt .wp-block-quote {
    border: none;
    padding: 0;
    font-family: var(--subtitle--font);
    font-size: 16px;
    margin-top: auto;
    line-height: 1.1em;
}
.single .myt .wp-block-quote p.has-background-color {
    padding: 6px 6px 6px 6px;
    line-height: 1em;
}
@supports (-moz-appearance:none) {
    .single .myt .wp-block-quote p.has-background-color {padding-bottom: 3px;}
}
@supports (-webkit-font-smoothing: antialiased) {
    .single .myt .wp-block-quote p.has-background-color:not(.macos) {padding-bottom: 3px;}
    /*body.fancybox-active header.wp-block-template-part {width: calc(100% - 50px);}*/
}


.homeslides {
    position: sticky;
    top: 160px;
    opacity: 1;
    transition: all 1s ease-out;
}
body.sticky .homeslides {opacity: 0;}


.wp-site-blocks .alignfull.homequeryloop {
    margin-left: 0 !important;
    overflow: hidden;
    width: calc(100vw - 49px);
    position: sticky;
    margin-top: 0;
}
.wp-site-blocks .alignfull.homequeryloop ul {
    margin-top: 0;
}


.myt .wp-block-post-excerpt,
.homequeryloop .wp-block-post-excerpt,
.homequeryloop1 .wp-block-post-excerpt,
.homequeryloop2 .wp-block-post-excerpt,
.homequeryloop3 .wp-block-post-excerpt {
    font-family: var(--heading--font);
    font-size: 42px;
    line-height: 1.1em;
    color:var(--blu);
}
.myt .wp-block-post-content>h1, .myt .wp-block-post-content>h2 {margin:0;}
.myt .wp-block-post-content>h1:before, .myt .wp-block-post-content>h1:after,
.myt .wp-block-post-content>h2:before, .myt .wp-block-post-content>h2:after,
.myt .wp-block-quote:before,
.myt .wp-block-post-excerpt:before,
.homequeryloop .wp-block-post-excerpt:before,
.homequeryloop1 .wp-block-post-excerpt:before,
.homequeryloop2 .wp-block-post-excerpt:before,
.homequeryloop3 .wp-block-post-excerpt:before,
.strisce:before, .strisce:after {
    content: '';
    width: 250px;
    height: 1px;
    display: block;
    background-color: var(--riga);
    margin: 20px 0;
}
.strisce.solosopra:after {
    display: none;
}
.strisce.solosotto:before {
    display: none;
}
#nf-form-3-cont:after {
    content: '';
    width: 250px;
    height: 1px;
    display: block;
    background-color: var(--riga);
    margin: 20px 0;
}


body.page-id-851 .yoast-breadcrumbs {display:none;}

.myt p:first-of-type,
.homequeryloop1 p:first-of-type,
.homequeryloop2 p:first-of-type,
.homequeryloop3 p:first-of-type {margin-top:10px;}
.homequeryloop1 li, .homequeryloop2 li, .homequeryloop3 li {display:none;}
.homequeryloop1 li.compari, .homequeryloop2 li.compari, .homequeryloop3 li.compari {display:block;}

.myt p.strisce {margin-top: -25px;}

body.archive .wp-site-blocks .myt.alignfull {margin: 0 !important;}
body.archive .myt .wp-block-columns {margin-bottom: 0;}
body.archive .myt ul {overflow:hidden;}
body.archive .myt li.wp-block-post {margin-bottom: 40px;}
body.archive .myt .wp-block-post,
.homequeryloop .wp-block-post {
    opacity:0;
    transform: scale(1.05);
    transition: all 0.5s ease-out;
}
/* body.archive .myt .wp-block-post:first-of-type,
body.archive .myt .wp-block-post:nth-of-type(2), */
.homequeryloop .wp-block-post.manifest,
.myt .wp-block-post.manifest {opacity:1 !important;transform: scale(1) !important;}


body.single .wp-block-cb-carousel {
    height:0;
    opacity:0;
    margin:0 !important;
    overflow: hidden;
}
body.mygallery .wp-block-cb-carousel {
    height:auto;
    opacity: 1;
    transform: translateY(calc(50vh - 260px));
    margin-left: -7px !important;
    overflow: visible;
    z-index: 5;
}
body.mygallery .myt .entry-content h1,
body.mygallery .myt .entry-content h2,
body.mygallery .myt .entry-content p,
body.mygallery .myt .entry-content blockquote {display: none;}
body.mygallery figure.wp-block-post-featured-image img {opacity:0;}
.xchiudi {
    /*content: 'CHIUDI';*/
    display: none;
    background-image: url(https://www.studiobleu.it/wp-content/uploads/2022/07/esci.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    color: var(--blu);
    font-family: var(--subtitle--font);
    font-size: 10px;
    padding: 4px 0 0 30px;
    /*top: calc(50vh - 285px);
    top: 0;*/
    right: 20%;
    position: absolute;
    transform: translateY(calc(50vh - 260px));
}
body.mygallery .xchiudi {display: block;}
body.mygallery .testo {max-width:860px;}
.wp-block-cb-carousel .slick-slide {max-width:420px;}
body:not(.mygallery) .featportfolio {flex-basis: 30% !important;}



.wp-block-cb-carousel img {
    /*width:25vw;*/
    height: 200px;
    object-fit: cover;
}
.slick-dots {transform: translateY(20px);}
.wp-block-cb-carousel .slick-next:before, .wp-block-cb-carousel .slick-prev:before,
.slick-dots li.slick-active button:before {color: var(--blu);}

.wp-block-navigation__responsive-container-open svg {display:none;}
.wp-block-navigation__responsive-container-open:before {
    content: '';
    background-image: url(https://www.studiobleu.it/wp-content/uploads/2022/07/hamburger-onda.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    transform: translateX(1px);
}
.wp-block-navigation__responsive-container-open:hover:before {transform: translateY(-10px) scale(1,-1);}
.wp-block-navigation__responsive-container-content {/*padding: 0 !important;*/}
.wp-block-navigation__responsive-container-close {top:-3px;}


.slick-prev {
    left: 10px;
    top: 230px;
}
.slick-next {
    left: 50px;
    right: initial;
    top: 230px;
}
.slick-next:before, .slick-prev:before {
    content:'' !important;
    background-image: url(https://www.studiobleu.it/wp-content/uploads/2022/07/freccia-dx.svg);
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    display: block;
}
.slick-prev:before {
    background-image: url(https://www.studiobleu.it/wp-content/uploads/2022/07/freccia-sx.svg);
}

.superblockslider__slide_inner {
    overflow: hidden;
    width: 100%;
    left: 0;
}
.superblockslider__slide_inner::-webkit-scrollbar {width: 9px;}
.superblockslider__slide_inner::-webkit-scrollbar-track {background: #fff;}
.superblockslider__slide_inner::-webkit-scrollbar-thumb {background: var(--blu);border:3px solid #fff;}
.superblockslider__slide_inner::-webkit-scrollbar-thumb:hover {/*background: #999;*/}

.superblockslider__slide_inner h1 {
    position:relative;
    padding-left: 15%;
    padding-right: 15%;
    margin-top:10vh;
}
.superblockslider__slide_inner h1 a {
    text-decoration: none;
    background-image: linear-gradient(var(--rosso), var(--rosso));
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 10px;
    transition: background-size 3s;
}
body.procedi .superblockslider__slide--active .superblockslider__slide_inner h1 a {
    background-size: 100% 10px;
}

.secondaslide h1 {
    color:#fff;
    /*padding-top:60px;
    padding-bottom:60px;*/
}
.secondaslide h1 a {color:#fff;}

.superblockslider {
    /*height: calc(100vh - 180px) !important;*/
}

.superblockslider__slide_inner .alignwide {
    max-width: none !important;
}
.superblockslider__controls {
    bottom: inherit;
    top: 10px;
}
.superblockslider__navigation {
    opacity: 0;
}

.superblockslider__button svg {width: 12px;}
.superblockslider__button--active svg, .superblockslider__button:hover svg {width: 12px;}


html:not(.has-modal-open) body.tuttoblu {background-color: var(--blu); /*border-color: #fff;*/}
html:not(.has-modal-open) body.tuttoblu header {background-color: var(--blu); /*border-color: #fff;*/}
html:not(.has-modal-open) body.tuttogrigio {background-color: var(--grigio); /*border-color: #fff;*/}
html:not(.has-modal-open) body.tuttogrigio header {background-color: var(--grigio); /*border-color: #fff;*/}
body.tuttoblu header .logo img,
body.tuttoblu .wp-block-navigation__responsive-container-open:before {filter: invert(1) brightness(100);}
/*body.tuttoblu header:before, body.tuttoblu header:after {border-color: #fff;}*/
body.tuttoblu .homequeryloop1 img {opacity:0;}
body:not(.tuttobianco) .primaslide h1 a,
body:not(.tuttoblu) .secondaslide h1 a,
body:not(.tuttogrigio) .terzaslide h1 a {background-image: none;}


/* ACCORDION NOI */
.noiaccordion h3 , .noibleuaccordion h3 {
    font-family: var(--subtitle--font);
    font-size: 16px;
}
.collaborazioni .aagb__accordion_head:hover,
.noibleucollaborazioni .aagb__accordion_head:hover {
    cursor: url(https://www.studiobleu.it/wp-content/uploads/2022/11/occhiob.png), auto;
}
.noiaccordion .noi .aagb__accordion_head {display: none;}
.noiaccordion .noi h2.siamo {margin-top:0;}
body.page-id-129:not(.home) .myt {padding-top: 80px;}
body.page-id-129 .myt > .wp-block-column:nth-child(1),
body.page-id-129 .myt > .wp-block-column:nth-child(3) {flex-basis: 10% !important;}

.noibleu {opacity: 0;transition: all 0.6s ease-in-out;}
.noibleu:nth-child(2) {visibility: hidden;}
.noibleu.quasimanifest {opacity: 0.1;}
.noibleu.manifest {opacity: 1;}




/* COSA FACCIAMO */
#engagement {
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.5s ease-in-out;
}
#divulgazione, #strategie, #percorsi {
    position: absolute;
    top: 0;
    margin: 0;
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.5s ease-in-out;
}
#engagement.manifest, #divulgazione.manifest, #strategie.manifest, #percorsi.manifest {
    opacity: 1;
    transform: translateX(0);
}
#divulgazione .wp-block-columns {margin-top:0;}
#percorsi {width:100%;}
#percorsi .wp-block-columns {max-width: 610px;margin: auto;}
#strategie * {color:var(--grigio) !important;}

#engagement h2, #divulgazione h2, #strategie h2, #percorsi h2 {
    cursor: default;
    transform: translateX(60px);
    transition: all 1s ease-in-out;
}
.page-id-1018 #divulgazione, .page-id-1018 #divulgazione h2 {transform: translateX(0);color:#fff;}
#divulgazione.manifest h2, #strategie.manifest h2, #percorsi.manifest h2 {
    transform: translateX(0);
}
#divulgazione p, #strategie p, #percorsi p {
    cursor: default;
}


#unduetre {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 20px;
    margin: 0;
}
#unduetre a {
    text-decoration: none;
    color: #9d9d9d;
    border: 1px solid #9d9d9d;
    margin: 10px;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-family: var(--heading--font);
    font-size: 14px;
    transition: all 0.5s ease-in-out;
}
#unduetre a:nth-child(1).attivo {color:var(--blu);border: 1px solid var(--blu);}
#unduetre a:nth-child(2).attivo {color:#fff;border: 1px solid #fff;}
#unduetre a:nth-child(3).attivo {color: var(--blu);border: 1px solid var(--blu);}



body.page-id-131 .myt:hover {
    cursor: url(https://www.studiobleu.it/wp-content/uploads/2022/10/scroll.png), auto !important;
}

#cdsp {height: 600vh;}
#gdsp {
    height: 50vh;
    overflow: hidden;
    position: sticky;
    top: 300px;
}
.pbg {
    height: 200vh;
    background: var(--blu);
    width: 0;
    position: fixed;
    top: 0;
    left: 0;
    max-width: calc(100% - 20px);
}
.pbg:nth-child(2) {
    top:initial;
    bottom:0;
    width:100%;
    height: 0;
    background: var(--grigio);
}
.pbg:nth-child(3) {
    background: transparent;
}


/* QUIZ */
body.page-id-614 {
    border:none;
    font-family: var(--heading--font);
}
body.page-id-614 .cky-consent-container {display: none !important;}
.wp-site-blocks .alignfull.mappa {margin:0 !important;}
.nf-progress-container {/*display:none;*/margin-bottom:30px;}
.nf-breadcrumbs {display:none;}
.nf-form-fields-required {display:none;}
.nf-breadcrumbs li a {background-color: blue;}
.nf-mp-body nf-fields-wrap {
    display: block;
    opacity:0;
    transform: translateX(-20px);
    transition: all 0.5s ease-in-out;
}
.nf-mp-body nf-fields-wrap.manifest {
    opacity:1;
    transform: translateX(0);
}
.nf-field-container .nf-field-element,
.nf-error-msg {font-size:18px;}

#nf-form-1-cont {
    background: #fff;
    color: #000;
    padding: 20px;
    border-radius: 40px;
}
#nf-form-1-cont input[type='radio'], #nf-form-1-cont input[type='checkbox'] {
    opacity:0;
}


.wp-site-blocks .alignfull.mappa {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
}
.wp-site-blocks .alignfull.mappa img {
    width: auto !important;
    height: 100vh !important;
    max-width: none !important;
    transform: translateX(0);
    transition: all 2s ease-in-out;
}
#nf-form-1-cont .html-wrap, #nf-form-1-cont .nf-field-label {color: var(--blu);}
#nf-form-1-cont input[type=button] {
    cursor: pointer;
    font-family: var(--heading--font);
    background-color: #29386c;
    border-radius: 50px;
    min-width: 100px;
}
#nf-form-1-cont input[type=button]:hover {
    color:#fff;
    background-color: #02829c;
}
#nf-form-1-cont input.nf-previous {display: none;}

#nf-form-1-cont .nf-progress-container,
#nf-form-1-cont .nf-progress {opacity:0;height:6px;border-radius: 20px;background-color:#eed868;}
#nf-form-1-cont .nf-progress {background-color:#29386c;}
#nf-form-1-cont .list-checkbox-wrap .nf-field-element label {padding-top: 4px;}
#nf-form-1-cont .listradio-wrap .nf-field-element label {padding-top: 2px;}
#nf-form-1-cont .nf-field-description {
    color: var(--blu);
    margin-bottom: 10px;
}
body[class*="quiz"] #nf-form-1-cont .nf-progress-container,
body[class*="quiz"] #nf-form-1-cont .nf-progress {opacity:1;}
.quizloghi #nf-form-1-cont .nf-progress-container,
.quizloghi #nf-form-1-cont .nf-progress {opacity:0;}
.quizloghi .nf-next-previous {display:none;}

.quizloghi .nf-mp-header {display: none;}
.quizloghi .loghi p {display: flex;justify-content: center;align-items: center;}
.quizloghi .loghi.ub {margin-top:40px;}
.quizloghi .studiobleu, .quizloghi .blum {margin:0 40px;}

.quizloghi .nf-mp-body nf-fields-wrap {transform: translateX(0);}

#nf-field-42-container {float:right;}
#nf-field-42-container input {height: 40px;background-color:#b1a13c !important;}
#nf-field-42-container input:hover {background-color:#93821b !important;}

#nf-field-42-container .nf-field-element.loading:before {
    content: '';
    display:block;
    background-image: url(https://www.studiobleu.it/wp-content/uploads/2022/11/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
}

#nf-form-title-1 h3 {
    font-size: 12px;
    margin: 0 5px 0 5px;
    font-weight: 300;
    text-align: right;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
body:not(.quizloghi):not(.quizintro) #nf-form-title-1 h3 {opacity: 1;}
body.quizoutput7 .nf-next-previous {margin: 0 !important;}

body.quiz1 #nf-form-1-cont,
body.quiz2 #nf-form-1-cont,
body.quiz3 #nf-form-1-cont,body.quiz31 #nf-form-1-cont,body.quiz31bis #nf-form-1-cont,body.quiz32 #nf-form-1-cont,
body.quiz4 #nf-form-1-cont,body.quiz41 #nf-form-1-cont,
body.quiz5 #nf-form-1-cont,body.quiz51 #nf-form-1-cont,body.quiz52 #nf-form-1-cont,
body.quiz6 #nf-form-1-cont, body.quiz61 #nf-form-1-cont,
body.quiz7 #nf-form-1-cont {
    background: #92b1b1;
}

#nf-label-field-75, #nf-label-field-17 {display: none;}
#nf-field-10-wrap h3 {margin-bottom: 0;}
.ninja-forms-req-symbol {display: none !important;}




/* SHOP */
.wp-site-blocks .alignfull.shoppy {margin:0 !important;}
.shoppy .wc-block-grid__products .wc-block-grid__product-image img {
    max-width: 250px;
    width: 100%;
    border: none;
}
.wc-block-grid__product-title, .wc-block-grid__product-price {
    text-align: left;
    font-family: var(--subtitle--font);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
}
.wc-block-grid__product-title {
    margin: 20px 0 5px 0 !important;
    border-bottom: 1px solid var(--riga);
    padding-bottom: 5px;
}
.wc-block-grid__product {
    /*padding: 0 20px;*/
    margin-bottom: 30px;
    display: inline-block;
    align-self: flex-end;
    transition: all 0.5s ease-in-out;
}
.wc-block-grid__product.hide {
    display: none;
}
.wc-block-grid__product-price {
    font-family: var(--shop--font);
    color:#000;
}



#filtroshop {
    list-style: none;
    padding: 0;
    font-family: var(--shop--font);
    color:#000;
    display: block;
    float: right;
    position: sticky;
    top: 230px;
}
#filtroshop li {
    border-radius: 10px;
    padding: 0 10px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    font-size: 18px;
}
#filtroshop li:hover, #filtroshop li.attivo {background: #fff;}

.woocommerce-page div.product div.images {width:35%;}
.woocommerce-page div.product div.summary {
    border-left:1px solid var(--riga);
    padding-left: 35px;
    width:58%;
}
.woocommerce-page .product_title {display: none;}
.woocommerce-page .product_meta,
.woocommerce-page .price {display: none;}
.woocommerce-page .cart {margin-bottom:0 !important;}
.woocommerce-page .woocommerce-product-details__short-description ul {
    list-style: none;
    padding:0;
}
.woocommerce-page .woocommerce-product-details__short-description ul li {
    font-family: var(--shop--font);
    font-size: 18px;
    color: #000;
    word-spacing: -0.05em;
    line-height: 2.4;
    letter-spacing: -0.08em;
}
.woocommerce-page .woocommerce-product-details__short-description ul strong {
    /*font-family: var(--shop--font);
    font-weight: normal;
    font-size: 16px;
    margin-right:20px;
    color:#000;
    flex-basis: 150px;
    flex-shrink: 0;*/    
}

.woocommerce-page .woocommerce-breadcrumb,
.woocommerce-page .tabs.wc-tabs {display: none;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel {font-size: 22px;margin: 0;}
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel:before,
.woocommerce .woocommerce-tabs .woocommerce-Tabs-panel:after {
    content: '';
    width: 250px;
    height: 1px;
    display: block;
    background-color: var(--riga);
    margin: 20px 0;
}
.woocommerce-page table.shop_table_responsive tbody tr {border-top: 1px solid var(--riga);}
.woocommerce-page form .input-text {border: 1px solid #ccc;}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce-page .woocommerce-cart-form table.shop_table_responsive button[name=apply_coupon], .woocommerce-page .woocommerce-cart-form table.shop_table_responsive button[name=update_cart],
.woocommerce a.button, .woocommerce button.single_add_to_cart_button, .woocommerce button[name=add-to-cart], .woocommerce button[type=submit]:not(.wp-block-search__button), .woocommerce input[name=submit],
.woocommerce .return-to-shop a.button {
    background-color: #dbdbdb;
    color: var(--blu);
    font-family: var(--heading--font);
    border: none;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce-page .woocommerce-cart-form table.shop_table_responsive button[name=apply_coupon]:hover, .woocommerce-page .woocommerce-cart-form table.shop_table_responsive button[name=update_cart]:hover,
.woocommerce a.button:hover, .woocommerce button.single_add_to_cart_button:hover, .woocommerce button[name=add-to-cart]:hover, .woocommerce button[type=submit]:not(.wp-block-search__button):hover, .woocommerce input[name=submit]:hover,
.woocommerce .woocommerce-error a.button:hover, .woocommerce .woocommerce-error a.button:visited, .woocommerce .woocommerce-info a.button:hover, .woocommerce .woocommerce-info a.button:visited, .woocommerce .woocommerce-message a.button:hover, .woocommerce .woocommerce-message a.button:visited,
.woocommerce .return-to-shop a.button:hover {
    background-color: var(--blu);
    color: #f7feff;
    text-decoration: none;
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    border-top: 2px dotted var(--riga);
}

.woocommerce-page .woocommerce-cart-form table.shop_table_responsive th,
.woocommerce-page .cart-collaterals table.shop_table_responsive th {
    font-family: var(--shop--font);
}

.woocommerce img:not(.fancybox-image), .woocommerce-page img:not(.fancybox-image) {
    height: auto;
    max-width: 100%;
    transform: scaleY(200px);
    max-height: 400px;
    width: auto;
}

.woocommerce-product-gallery__image.sbpcover img {
    /*box-shadow: 0px 0px 10px #c1c1c1;*/
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    border-top-color: var(--blu);
    font-family: var(--heading--font);
    color: var(--blu);
}
.woocommerce .woocommerce-error a.button, .woocommerce .woocommerce-info a.button, .woocommerce .woocommerce-message a.button {
    color: var(--blu);
}
.woocommerce .woocommerce-message[role=alert]::before {background: var(--blu);}
.checkout_coupon.woocommerce-form-coupon p {
    font-family: var(--shop--font);
    font-size: 16px;
    margin: 10px 0;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    font-size: 16px;
    font-family: var(--shop--font);
}
.woocommerce-privacy-policy-text {
    font-size: 12px;
    line-height: 1.2em;
}
#order_review {
    font-size: 16px;
}
.woocommerce-page .woocommerce-checkout #payment, .woocommerce-page .woocommerce-checkout .woocommerce-billing-fields__field-wrapper, .woocommerce-page .woocommerce-checkout .woocommerce-checkout-payment, .woocommerce-page .woocommerce-checkout .woocommerce-checkout-review-order-table, .woocommerce-page.woocommerce-order-pay #payment, .woocommerce-page.woocommerce-order-pay .woocommerce-billing-fields__field-wrapper, .woocommerce-page.woocommerce-order-pay .woocommerce-checkout-payment, .woocommerce-page.woocommerce-order-pay .woocommerce-checkout-review-order-table {
    margin-top:0;
}
.single-product .yoast-breadcrumbs span span span a,
.page-id-623 .yoast-breadcrumbs span span span a,
.page-id-624 .yoast-breadcrumbs span span span a {color: var(--blu);font-size: 18px;}


.woocommerce div.product div.woocommerce-product-gallery,
.single-product .flex-control-nav.flex-control-thumbs {display: none;}
.single-product .bleuthumbs {display: flex;}
.single-product .bleuthumbs img {max-height:none;}
.single-product .woocommerce-product-gallery__image.sbpcover {
    width:35% !important;
    margin-right: 0px;
    float: left;
    display: block;
    text-align: center;
}
.fancybox-button--arrow_left:disabled, .fancybox-button--arrow_right:disabled {opacity:0 !important;}

.fancybox-navigation .fancybox-button--arrow_left {left:14px;}
.fancybox-navigation .fancybox-button--arrow_right {right: 14px;}
.fancybox-toolbar {top:0;right:14px;}
.fancybox-infobar {display: none !important;}
.fancybox-button, .fancybox-navigation .fancybox-button div {background-color: var(--blu);}

body.compensate-for-scrollbar {margin-right: 0px !important;}
div.fancybox-bg {background-color: #18325ed6;}


#bleucart {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    margin: 0;
    color: #fff;
    font-family: var(--shop--font);
    font-size: 11px;
    width: 100px;
    height: 100px;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: all 0.5s ease-in-out;
}
html.has-modal-open #bleucart {opacity: 0;}
#bleucart:before {
    content: '';
    position: fixed;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 80px 80px 0;
    border-color: transparent var(--blu) transparent transparent;
}
#bleucart a {
    color: #fff;
    display: block;
    z-index: 9999;
    text-decoration:none;
    position: absolute;
    left: 55px;
    top: 15px;
    background-image: url(https://www.studiobleu.it/wp-content/uploads/2022/11/carrellobianco.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 8px 12px 10px 8px;
}


#infopoint {
    visibility: hidden;
    opacity:0;
    position: fixed;
    bottom: 30px;
    left: 25px;
    transition: all 0.5s ease-in-out;
}
#infopoint div.pop {
    background: var(--blu);
    padding: 20px;
    color: #fff;
    border-radius: 30px 30px 30px 0;
    visibility: hidden;
    opacity:0;
    margin-left: 40px;
    transition: all 0.5s ease-in-out;
    position: absolute;
    width: 200px;
    height: 270px;
    top: -300px;
}
#infopoint a {color:#fff;text-decoration: underline;}
#infopoint p {margin:0;font-family: var(--heading--font);}
#infopoint .dashicons:before {cursor:pointer;color:var(--blu);font-size:40px;background: #fff;border-radius: 100px;}
body.sticky:not(.nearbottom) #infopoint {
    visibility: visible;
    opacity:1;
}
#infopoint div.pop.reveal {
    visibility: visible;
    opacity:1;
}

.duecolonne {column-count: 2;}
figure.visiteguidate img {height: 300px;object-fit: none;object-position: 20% 80%;transition: all 3s ease-in-out;}
figure.visiteguidate img:hover {object-position: 80% 20%;}

.cky-consent-container * {font-size:16px !important;}
.cky-consent-container .cky-consent-bar {
    background: var(--grigio) !important;
    border: 20px solid var(--blu) !important;
    border-top: 1px solid var(--blu) !important;
    padding: 12px 24px 20px 24px !important;
    box-shadow: none !important;
}
.cky-consent-container .cky-btn {font-family: var(--heading--font);}


.goomap {background-color: #ffd4a1;}
.goomap iframe {
    width:100%;
    max-width:none;
    mix-blend-mode: difference;
    opacity: 0.9;
}
.goomap2 {
    display:flex;
    position:relative;
    overflow:hidden;
}
.goomap2:before {
    content: '';
    height: 90px;
    width: 100%;
    background-color: #fff;
    display: flex;
    position: absolute;
    z-index: 9;
    transition: all 0.5s ease-in-out;
}
.goomap2.topbar:before {/*height:0;*/}
.goomap2 iframe {
    width:100%;
    max-width:none;
    opacity: 0.9;
}

#tudum {
    background-color: var(--blu);
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999999;
    align-items: center;
    display: flex;
    opacity:1;
    transition: all 0.5s ease-in-out;
}
#tudum.manifest {
    opacity:0;
}

#tudum figure {opacity:0;transition: opacity 1s ease-in-out;}
#tudum figure.manifest {opacity:1;}

.collaborazioni figure,
.noibleucollaborazioni figure {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
.collaborazioni figure.manifest,
.noibleucollaborazioni.manifest figure {opacity: 1;}

.noibleufoto.quasimanifest {opacity:1;}
.noibleufoto .wp-block-column {
    opacity: 0.1;
    transition: opacity 1s ease-in-out;
}
.noibleufoto.manifest .wp-block-column {opacity: 1;}


#wcpay-payment-request-button-separator {display: none !important;}
.__PrivateStripeElement {width: 273px;}
.woocommerce-Tabs-panel--additional_information {display: none !important;}
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details {
    font-family: var(--shop--font);
    font-size: 16px;
}
body.woocommerce-order-received h2.woocommerce-order-details__title,
body.woocommerce-order-received h2.woocommerce-column__title {
    font-family: var(--heading--font);
    font-size: 16px;
    font-weight: 600;
}
body.woocommerce-order-received .woocommerce-customer-details address {
    padding: 0;
    border: none;
}
body.woocommerce-order-received .woocommerce-customer-details--phone,
body.woocommerce-order-received .woocommerce-customer-details--email:before {display: none;}
body.woocommerce-order-received .woocommerce-customer-details--email {
    margin: 0 !important;
}
body.woocommerce-order-received table.shop_table {
    border: none;
}
body.woocommerce-order-received table.shop_table td,
body.woocommerce-order-received table.shop_table th {
    padding: 10px 0;
    border-color: #ccc !important;
}
body.woocommerce-order-received .woocommerce-thankyou-order-received,
body.woocommerce-order-received h2.woocommerce-column__title {
    font-family: var(--global--font);
    font-size: 20px;
}
body.woocommerce-order-received .product-quantity {
    font-weight: normal;
    font-size: 14px;
}


/* NUOVI PROGETTI */
.progettiqueryloop figure {width: 100%;
    height: 100%;
}
.progettiqueryloop figure img {
    object-fit: cover;
    width: 100%;
    height:100%;
    filter: blur(0.5px) contrast(0.5);
    aspect-ratio: 1 / 1;
}
.progettiqueryloop li {position:relative;opacity:0.5;transition: all 0.5s ease-in-out;}
.progettiqueryloop li.manifest {opacity:1;}
.progettiqueryloop li .prima {background-color:#fff;}
.progettiqueryloop li .prima p {margin:0;}
.progettiqueryloop li .prima a {
    font-family: var(--heading--font);
    color: #fff;
    position: absolute;
    z-index: 1;
    margin: 0 60px;
    padding: 0;
    line-height: 1.2em;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 21px;
    top: 50%;
    transform: translate(0, -50%);
}
.progettiqueryloop li .prima h2 a {
    opacity: 0;
    border: 1px solid #fff;
    padding: 10px 10px 5px 10px;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    text-align: center;
}
.progettiqueryloop li:hover .prima a {opacity:0;}
.progettiqueryloop li:hover .prima h2 a {opacity:1;}
.progettiqueryloop li:after {
    content: "";
    background: #93c7a5;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    mix-blend-mode: multiply;
}
.progettiqueryloop li:hover:after {
    background: #5489ab;
}
.progettiqueryloop li:hover img {
    filter: grayscale(1) !important;
}
#mypagination {margin-top:20px !important;}
#mypagination li:after {
    background: #5c93b5;
}
#mypagination li:hover:after {
    background: #87afc7;
}

body.page-id-1162 figure.wp-block-post-featured-image {
    margin: 0 !important;
    overflow: hidden;
    height: 100%;
}
body.page-id-1162 .wp-site-blocks .alignfull, .progettiqueryloop ul, .progettiqueryloop .wp-block-columns {
    gap:0 !important;
    margin: 0 !important;
}

#postit {
    position: fixed;
    padding: 20px;
    text-align: right;
    font-family: var(--heading--font);
    right: 20px;
    width:200px;
    transform: translateY(-450px);
    transition: all 1s ease-in-out;
}
#postit.manifest {transform: translateY(0);}
#postit p {margin: 16px 0;line-height: 1em;}


body.home .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: none;
}

/* FOOTER */
.wp-site-blocks > footer.wp-block-template-part > .wp-block-group.has-background {margin: 0 !important;}
:root :where(footer p), footer p {font-family: var(--heading--font);font-size: 13px;}
:root :where(footer a), footer a  {color:#fff;}
:root :where(footer), footer {transform: translateY(0);transition: all 0.5s ease-in-out;}
html.has-modal-open footer {transform: translateY(500px);}
body.page-id-137 footer, body.single-format-standard:has(#mypagination) footer {margin-top:0;}


.woocommerce-page input[type=radio].shipping_method~.payment_box, .woocommerce-page input[type=radio][name=payment_method]~.payment_box {padding: 0;}
body.woocommerce-order-received h1.wp-block-woocommerce-legacy-template {font-size: 0;display: block;color:transparent;height: 200px;}


/* PAGINATION */
body.mygallery #mypagination {display: none !important;}
#mypagination ul {display: flex;padding:0;margin: 0 0 45px 0;}
#mypagination ul li {list-style: none;flex: 1;font-size: 18px;font-family: var(--heading--font);}
#mypagination ul li a {display: inline-block;}
#mypagination ul li.next {text-align: right;}
#mypagination ul li.prev a:before, #mypagination ul li.next a:after {
    content: '' !important;
    background-image: url(https://www.studiobleu.it/wp-content/uploads/2022/07/freccia-sx.svg);
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    margin-right: 10px;
}
#mypagination ul li.next a:after {
    background-image: url(https://www.studiobleu.it/wp-content/uploads/2022/07/freccia-dx.svg);
    float: right;
    margin-left: 10px;
}
#infopoint #mypagination {display: none !important;}
#mypagination figure img {filter: blur(0.5px) contrast(0.5) grayscale(1);}

#mapoverlay {
    background: transparent;
    position: absolute;
    width: 100%;
    height: 600px;
    z-index: 999;
    max-width: none;
}


@media (min-width: 1401px) {
    .spaziohome {height: 7vh !important;}
}


@media (min-width: 1024px) {
    body.archive .myt .wp-block-post:nth-child(even) .astratto,
    .homequeryloop .wp-block-post:nth-child(even) .astratto {order:3;}
    body.archive .myt .wp-block-post:nth-child(even) .spazio,
    .homequeryloop .wp-block-post:nth-child(even) .spazio {order:4;}
    .homequeryloop .wp-block-post:nth-child(even) .ultima {order:5;}
    body.archive .myt .wp-block-post:nth-child(odd) .spazio,
    .homequeryloop .wp-block-post:nth-child(odd) .spazio {flex-basis: 0 !important;}
    
    header .logo img {width:145px;}

    .sticky #infopoint:hover div.pop {
        visibility: visible;
        opacity:1;
    }
}


@media (max-width: 1500px) {
    .xchiudi {right: 50px;}
}


@media (max-width: 1300px) {
    header .spazio {height: 15px !important;}
    .yoast-breadcrumbs {margin-top: 0 !important;}

    .superblockslider__slide_inner h1 {
        font-size: 45px !important;
        background-size: 0% 8px;
    }
    .myt .wp-block-post-excerpt,
    .homequeryloop .wp-block-post-excerpt,
    .homequeryloop1 .wp-block-post-excerpt,
    .homequeryloop2 .wp-block-post-excerpt,
    .homequeryloop3 .wp-block-post-excerpt {
        font-size: 38px !important;
    }
    .superblockslider__slide_inner h1 a {background-size: 0% 8px;}
    body.procedi .superblockslider__slide--active .superblockslider__slide_inner h1 a {
        background-size: 100% 8px;
    }
    .secondaslide h1 {padding-top:30px;}

    #gdsp {top: 210px;}
    #strategie {top: 20px;}
    #engagement h2, #divulgazione h2, #strategie h2, #percorsi h2 {font-size:38px;}

    body.page:not(.home) .myt {padding-top: 25px;}
    body.page-id-129 .myt > .wp-block-column:nth-child(1),
    body.page-id-129 .myt > .wp-block-column:nth-child(3) {flex-basis: 5% !important;}

    #unduetre {bottom: 12px;}
}


@media (max-width: 1299px) and (min-width: 782px) {
    .page-id-131 .myt > .wp-block-column:nth-child(1),
    .page-id-131 .myt > .wp-block-column:nth-child(3) {flex-basis:5% !important;}
    .myt p.strisce {margin-top: 0;}
    #cdsp {height: 600vh;}
}


@media (min-width: 781px) {
    .noi .siamo, .noi .occupiamo, .noi .ambiziosi,
    .noi .sappiamo, .noi .giorni, .collaborazioni .aagb__accordion_head {opacity:0;transition: all 1s ease-in-out;}
    
    .noi.manifest .siamo {opacity:1;transition-delay: 500ms;}
    .noi.manifest .occupiamo {opacity:1;transition-delay: 1500ms;}
    .noi.manifest .ambiziosi {opacity:1;transition-delay: 3500ms;}
    .noi.manifest .sappiamo {opacity:1;transition-delay: 4500ms;}
    .noi.manifest .giorni{opacity:1;transition-delay: 6500ms;}
    .collaborazioni .aagb__accordion_head.manifest {opacity:1;transition-delay: 8500ms;}    
}


@media (max-width: 781px) {
    header .spazio {height: 0 !important;}
    body:not(.sticky) figure.logo {transform: translateY(10px);}
    .primacolonna {display: none;}
    body.page:not(.home) .myt {padding-top: 0;}
    body.home .spaziovuoto {height: 50px !important;}

    .duecolonne {column-count: 1;}
    
    .superblockslider__slide_inner h1,
    .homequeryloop .wp-block-post-excerpt,
    .homequeryloop1 .wp-block-post-excerpt,
    .homequeryloop2 .wp-block-post-excerpt,
    .homequeryloop3 .wp-block-post-excerpt {
        font-size: 26px !important;
    }
    .myt .wp-block-post-excerpt {
        font-size: 26px !important;
    }
    .superblockslider__slide_inner h1 a {background-size: 0% 5px;}
    body.procedi .superblockslider__slide--active .superblockslider__slide_inner h1 a {
        background-size: 100% 5px;
    }
    
    .superblockslider__slide_inner {
        top:0;
        height:100%;
    }

    li.wp-block-post {padding: 0 15%;}
    li.wp-block-post figure {margin-top: 0 !important;}
    li.wp-block-post .wp-block-column:nth-child(3) {display:none;}

    body.page:not(.home) .wp-block-post-content,
    .yoast-breadcrumbs,
    body.single .testo {padding: 0 15%;}
    
    .wp-block-navigation__responsive-container:before {left: -38vw;}

    .wp-block-cb-carousel img {width:100%;}
    body.mygallery figure.wp-block-post-featured-image:before {
        right: 15%;
        margin-top: 50px;
    }

    .collaborazioni figure, .noibleucollaborazioni figure, .noibleufoto .wp-block-column {
        max-width:200px;
        margin-bottom: 20px;
    }

    body.home li.wp-block-post {padding: 0 30px;}
    .superblockslider__slide_inner h1 {padding: 30px;}

    .wp-block-post-excerpt__excerpt {
        margin-bottom:0;
    }
    .myt {padding-top: 120px;}
    header.wp-block-template-part {/*width: calc(100vw - 40px);*/}

    body.mygallery .wp-block-cb-carousel {
        transform: translateY(calc(50vh - 200px));
    }
    .xchiudi {
        right: 50px;
        transform: translateY(calc(50vh - 240px));
    }

    #cdsp {height: auto;}
    #gdsp {height: auto; overflow: auto;top:0;}
    #engagement, #engagement h2,
    #divulgazione, #divulgazione h2,
    #strategie, #strategie h2,
    #percorsi, #percorsi h2 {
        position:relative;
        opacity:1;
        transform: translateX(0);
    }
    .pbg {display:none;}
    #divulgazione, #strategie {
        top:0;
        background: var(--blu);
        padding: 20px;
        /*border-top: 80px solid #fff;*/
        border-bottom: 80px solid #fff;
    }
    #divulgazione {padding-bottom: 80px;}
    #engagement .wp-block-columns {margin-top: 0;}
    #strategie, #engspace {display: none;}
    #percorsi {padding-bottom: 70px;}
    .unduetre {opacity:0;}

    .colonnavg {display: none;}

    .wp-site-blocks .alignfull.homequeryloop {
        overflow: hidden;
        width: calc(100vw - 40px);
    }

    #bleucart {
        width: 80px;
        height: 80px;
    }
    #bleucart a {
        left: 45px;
        top: 10px;
    }
    .sticky #bleucart {display: none;}

    #infopoint {bottom: 35px;}
    body.sticky:not(.nearbottom) #infopoint {
        visibility: visible;
        opacity:1;
    }

    .quizloghi .loghi p {flex-direction: column;}
    .quizloghi .separatore {display: none;}
    .quizloghi img {height: auto !important;width:250px; margin:auto !important;}
    .quizloghi .studiobleu {width: 160px;margin-bottom:20px !important;}
    .quizloghi .blum {width: 90px;}
    .quizloghi .loghi.ub {margin-top:0;}
    .quizloghi .nf-field-container {margin-bottom: 0 !important;}

    #tudum figure {transform: translateY(-40px);}
    #tudum figure img {width: 250px;}

    
    body.page-id-137 .wp-block-post-content,
    body.page-id-644 .wp-block-post-content {padding:0 !important;}
    body.page-id-137 .myt, body.page-id-137 .yoast-breadcrumbs,
    body.page-id-644 .myt, body.page-id-644 .yoast-breadcrumbs {padding:0 20px;}
    .wc-block-grid.has-2-columns .wc-block-grid__product {max-width: 90% !important;}
    .shopcol0 {display: none;}
    .shopcol1 {order:2;}
    .shopcol2 {order:1;}    
    #filtroshop {float: none;display: flex;justify-content: center;}
    .woocommerce-page div.product div.summary {padding-left: 0;border:none;width: 100%;}
    .woocommerce-page div.product div.images {width: 100%;}
    .single-product div.product {padding: 0 20px;}

    .woocommerce .woocommerce-message a.button {
        display: block;
        float: none;
        margin: 10px 0;
    }

    .npcolspazio {display:none;}
    .progettiqueryloop {
        margin-bottom: 50px !important;
    }
    .progettiqueryloop li {
        padding:0 !important;
        opacity:1 !important;
    }
    .progettiqueryloop li .prima a {
        margin: 0 20px;
        font-size: 16px;
    }

    #postit {
        position: relative;
        right: 0;
        width: 100%;
        padding-bottom: 40px;
        margin-bottom: 80px;
        margin-top: -50px;
    }

    .single-product .woocommerce-product-gallery__image.sbpcover {width:100% !important;}

    .woocommerce-shipping-totals.shipping td:before {display: block;float:none !important;margin-bottom: 20px;}
    .woocommerce table.shop_table_responsive tr.woocommerce-shipping-totals.shipping td,
    .woocommerce-page table.shop_table_responsive tr.woocommerce-shipping-totals.shipping td {text-align: left !important;}
    .woocommerce-page .woocommerce-cart-form .coupon {display: block;}
    .wc-proceed-to-checkout {text-align: center;}

    .fancybox-toolbar {top:25px;right:13px;}

    #mypagination {margin:0 !important;}
    #mypagination ul {flex-direction: column;}
    #mypagination ul li {margin-bottom: 10px;}
    #mypagination ul li h2 a {width: 70%;}
    #mypagination ul li.prev1 {display: none;}
    #mypagination:before {
        content:'In portfolio:';
        display:block;
        font-family: var(--heading--font);
        font-size: 18px;
    }
}


@media (max-width: 480px) {
    .wp-block-navigation__responsive-container:before {
        left: -42vw;
        width: 200px;
    }

    body:not(.home) li.wp-block-post,
    body.page:not(.home) .wp-block-post-content,
    .yoast-breadcrumbs,
    body.single .testo {
        padding: 0 20px;
    }
    body.single .myt {
        padding-top: 130px;
    }

    body {font-size: 20px;}
    .wp-block-navigation__responsive-container a,
    .single-product .yoast-breadcrumbs span span span a {font-size: 14px;}
    body.single h1, body.single h2 {font-size:28px !important;}
    .yoast-breadcrumbs .breadcrumb_last {font-size: 14px;}
    body.single .yoast-breadcrumbs .breadcrumb_last {display:block;}

    body.single .wp-block-column.spaziovuoto {display: none;}    

    .homequeryloop1 li.compari.l2,
    .homequeryloop2 li.compari.l2,
    .homequeryloop3 li.compari.l2 {display: none;}

    body {overflow:visible;}
    body.sticky .yoast-breadcrumbs {display: none;}
    body.sticky .logoham {
        position: fixed;
        background: #fff;
        width: calc(100% - 41px);
        /*box-shadow: 0px 5px 10px #0000001a;*/
    }
    body.sticky .logoham .wp-block-spacer {display: none;}
    body.sticky .logoham .logo {
        float: left;
        margin: 15px;
    }
    body.sticky .wp-block-navigation.items-justified-right.is-vertical {
        margin-top: 20px;
    }
    html:not(.has-modal-open) body.sticky header {box-shadow:none;}
    html.has-modal-open .logoham {box-shadow:none;}
    html.has-modal-open .logoham .logo,
    html.has-modal-open .logoham .wp-block-navigation__responsive-container-open {opacity:0;}

    /*#gdsp {height: 90vh;top:100px;}*/
    #engagement h2, #divulgazione h2, #strategie h2, #percorsi h2 {transform: translateX(0);font-size: 26px;}
    
    /*.pbg {max-width: calc(100% - 20px);}*/

    header.wp-block-template-part {border-top: 25px solid var(--blu);}
    /*html:not(.has-modal-open) header.wp-block-template-part:after {display:none;}
    html.has-modal-open header.wp-block-template-part:after {*/
    header.wp-block-template-part:after {
        top: calc(var(--vh, 1vh) * 100 - 48px);
    }
    body {border-bottom: 21px solid var(--blu);}
    body.mygallery .wp-block-cb-carousel {margin-left: 0 !important;}

    body.page-id-851 .superblockslider__slide_inner h1 {margin-top:20px;}

    .noiaccordion .noi h2.siamo, .noiaccordion .noi h2.ambiziosi {font-size: 26px !important;}

    html:not(.quiz) {
        overflow: hidden;
        width: 100%;
        }
    html:not(.quiz) body {
        height: 100%;
        width: calc(100% - 40px);
        position: fixed;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
    /* Hide scrollbar for Chrome, Safari and Opera */
    body::-webkit-scrollbar {
        display: none;
    }
    /* Hide scrollbar for IE, Edge and Firefox */
    body {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    .homeslides {
        top: 90px;       
    }
    .superblockslider__controls {
        top: 0;
    }

    .collaborazioni {
        margin-bottom: 40px !important;
    }

    .goomap2, .goomap2:before {background-color: #fff !important;}
    .goomap2 iframe {
        mix-blend-mode: normal !important;
        opacity: 1 !important;     
    }

    #coupon_code, .coupon button {float: none !important;width: 100% !important;}
    #coupon_code {margin-bottom:0 !important;}
    .coupon button {margin-bottom:20px !important;}

    .noibleu, .noibleu figure, .noibleufoto .wp-block-column {opacity: 1 !important;}
    .noibleufoto .wp-block-columns {justify-content: center;}

    body.page-id-1162 .wp-block-post-content {padding: 0 !important;}
    body.page-id-1162 .wp-block-post-content>.wp-block-spacer {height:10px !important;}

    body.single .myt {padding-bottom: 58px;}
    body.post-template-single-no-separators .wp-block-post-featured-image img {height:auto !important;}

    body.page-id-1076 .spaziovuoto {height:42px !important;}

    .single-product .bleuthumbs {flex-wrap:wrap;}
    .single-product .bleuthumbs .woocommerce-product-gallery__image {width:50%;}
}