:root {
 --giallo: #FBBF00;
 --nero: #3B3738;
 --grigio: #707070;
 --grigio-chiaro: #f2f5f9;
 --wozzi: #25D366;
 --w-container: 1300px;
 --w-container-xxl: 90%;
 --h-navbar: 120px;
}
html {overflow-x: hidden;}
body.logged-in .fixed-top {top: 32px;}
body {color: var(--nero);}
#site-main a {text-decoration-color: var(--giallo) ;}
.border-radius-none {border-radius: 0 !important;}
.border-radius-none img{border-radius: 0 !important;}

/*CONTAINER*/
.container-xxl {max-width: var( --w-container-xxl);}
.container {  width: 71.4%;max-width: var( --w-container);margin: 0 auto;}
.entry-content > .alignfull, .wp-block-image.alignfull, .wp-block-gallery.alignfull {margin-top: 0;}
:where(.wp-block-group.has-background) {padding: 0;}
:where(.wp-block-columns) {margin-bottom: 0;}
.mark, mark {padding: 0;}
.wp-block-group.alignfull {width: 100vw;max-width: 100vw;margin: 0em 0 0em 50%;transform: translateX(-50%); }


/*IMMAGINI*/
#site-main img {border-radius: 7px;}
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {aspect-ratio: 1/1;}
.wp-block-gallery:not(.gallery_loghi) .wp-block-image {position: relative;}
.wp-block-gallery:not(.gallery_loghi) .wp-block-image::after {content: "\F4F9"; font-family: "bootstrap-icons"; font-style: normal; font-weight: 400; position: absolute; bottom: 5%; right: 7%; color: var(--giallo); font-size: 24px; transition: all ease-in-out 0.3s;pointer-events: none;}


/*PULSANTI*/
.btn,
.wp-block-button__link { line-height: 1;padding: 11px 26px !important; border-radius: 7px;border: 1px solid var(--nero); font-size: var(--font-base) !important;}
.btn.btn-primary,
.primary .wp-block-button__link{background-color: var(--giallo) !important;color: var(--nero) !important; border-radius: 7px !important; border: 1px solid var(--nero) !important;}
.btn.btn-outline-secondary {color: var(--nero) !important;}
.btn.btn-outline-secondary.btn-wozzi {color: var(--wozzi) !important;}
.btn-search {padding: 10px !important; border-radius: 7px !important; background-color: var(--giallo);}
#searchsubmit.btn {background-color: var(--giallo);}
.wpforms-submit {padding-top: 12px !important;}

/*icon buttons boostrap icons*/
.area_riservata .wp-block-button__link,
.shop_online .wp-block-button__link {display: flex; align-items: center;}
.area_riservata .wp-block-button__link::after,
.shop_online .wp-block-button__link::after {font-family: "bootstrap-icons";font-style: normal;font-weight: 400;display: block; margin-left: 5px;}
.area_riservata .wp-block-button__link::after {content: "\F8A3";}
.shop_online .wp-block-button__link::after {content: "\F245";}

/*hover*/
.btn.btn-primary:hover,
.btn.btn-outline-secondary:hover,
.btn-search:hover,
.btn.btn-outline-secondary.btn-wozzi:hover,
.wp-block-button__link:hover {background-color: var(--nero) !important; color: var(--giallo) !important;}

/*ANIMATION*/

/*ANIMATION SCROLL*/
.observer-scroll {opacity: 0; transition: opacity 0.5s ease-in-out, transform 1s ease-in-out; transform: translateY(100px);}
.observer-scroll.active {opacity: 1; transform: translateY(0);}

/*ANIMATION SCROLL DELAY*/
.observer-scroll-delay {opacity: 0; transition: opacity 0.5s ease-in-out, transform 1s ease-in-out; transform: translateY(100px);}
.observer-scroll-delay.active {opacity: 1; transform: translateY(0); transition-delay: 0.5s;}