/* display */

.frameworx-d-none{display:none !important;}
.frameworx-d-block{display:block !important;}
@media (max-width:1200px){
.frameworx-d-xl-none{display:none !important;}
.frameworx-d-xl-block{display:block !important;}
}
@media (max-width:992px){
.frameworx-d-lg-none{display:none !important;}
.frameworx-d-lg-block{display:block !important;}
}
@media (max-width:768px){
.frameworx-d-md-none{display:none !important;}
.frameworx-d-md-block{display:block !important;}
}
@media (max-width:576px){
.frameworx-d-sm-none{display:none !important;}
.frameworx-d-sm-block{display:block !important;}
}

/* column count */

.frameworx-cc-1{column-count:1;}
.frameworx-cc-2{column-count:2;}
.frameworx-cc-3{column-count:3;}
.frameworx-cc-4{column-count:4;}
.frameworx-cc-5{column-count:5;}
.frameworx-cc-6{column-count:6;}
@media(max-width:1200px) {
.frameworx-cc-xl-1{column-count:1;}
.frameworx-cc-xl-2{column-count:2;}
.frameworx-cc-xl-3{column-count:3;}
.frameworx-cc-xl-4{column-count:4;}
.frameworx-cc-xl-5{column-count:5;}
.frameworx-cc-xl-6{column-count:6;};
}
@media(max-width:992px) {
.frameworx-cc-lg-1{column-count:1;}
.frameworx-cc-lg-2{column-count:2;}
.frameworx-cc-lg-3{column-count:3;}
.frameworx-cc-lg-4{column-count:4;}
.frameworx-cc-lg-5{column-count:5;}
.frameworx-cc-lg-6{column-count:6;};
}
@media(max-width:768px) {
.frameworx-cc-md-1{column-count:1;}
.frameworx-cc-md-2{column-count:2;}
.frameworx-cc-md-3{column-count:3;}
.frameworx-cc-md-4{column-count:4;}
.frameworx-cc-md-5{column-count:5;}
.frameworx-cc-md-6{column-count:6;};
}
@media(max-width:576px) {
.frameworx-cc-sm-1{column-count:1;}
.frameworx-cc-sm-2{column-count:2;}
.frameworx-cc-sm-3{column-count:3;}
.frameworx-cc-sm-4{column-count:4;}
.frameworx-cc-sm-5{column-count:5;}
.frameworx-cc-sm-6{column-count:6;};
}

/* tooltip */

.frameworx-tooltip{position:relative; border-bottom:1px dashed currentColor;}
.frameworx-tooltip:before{content:''; position:absolute; left:50%; bottom:100%; transform:translate(-50%,-4px); height:0; width:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid #000; opacity:0; pointer-events:none; z-index:99; transition:0.2s;}
.frameworx-tooltip:after{content:attr(data-frameworx-tooltip); white-space:nowrap; position:absolute; left:50%; transform:translate(-50%,-12px); bottom:100%; max-width:90vw; box-sizing:border-box; padding:8px 12px; border-radius:6px; background-color:#000; color:#fff; font-size:0.875rem; opacity:0; pointer-events:none; z-index:99; transition:0.2s;}
.frameworx-tooltip:hover:before{transform:translate(-50%,0); opacity:0.9;}
.frameworx-tooltip:hover:after{transform:translate(-50%,-8px); opacity:0.9;}

/* typewriter */

.frameworx-typewriter{position:relative;}
.frameworx-typewriter:after{content:attr(data-frameworx-typewriter-cursor); animation:frameworx-typewriter 0.8s infinite;}
.frameworx-typewriter.stop-blinking::after{animation:none;}
@keyframes frameworx-typewriter{ 50% { opacity:0 } }

/* card */

.fw-block-card{display:block; text-decoration:none;}
.fw-block-card .wp-block-image{margin:0; overflow:hidden;}
.fw-block-card .wp-block-image img{transition:0.4s;}
.fw-block-card:hover .wp-block-image img{transform:scale(1.05);}

/* columns */

.fw-block-columns{
--fw-block-columns-gap:0;
--fw-block-columns-justify:flex-start;
--fw-block-columns-align:stretch;
}
.fw-block-columns-align-start{--fw-block-columns-align:flex-start;}
.fw-block-columns-align-center{--fw-block-columns-align:center;}
.fw-block-columns-align-end{--fw-block-columns-align:flex-end;}
.fw-block-columns-align-stretch{--fw-block-columns-align:stretch;}
.fw-block-columns-align-between{--fw-block-columns-align:space-between;}
.fw-block-columns-align-around{--fw-block-columns-align:space-around;}
.fw-block-columns-justify-start{--fw-block-columns-justify:flex-start;}
.fw-block-columns-justify-center{--fw-block-columns-justify:center;}
.fw-block-columns-justify-end{--fw-block-columns-justify:flex-end;}
.fw-block-columns-justify-between{--fw-block-columns-justify:space-between;}
.fw-block-columns-justify-around{--fw-block-columns-justify:space-around;}
.fw-block-columns-gap-xs{--fw-block-columns-gap:0.25rem;}
.fw-block-columns-gap-sm{--fw-block-columns-gap:0.5rem;}
.fw-block-columns-gap-md{--fw-block-columns-gap:1rem;}
.fw-block-columns-gap-lg{--fw-block-columns-gap:3rem;}
.fw-block-columns-gap-xl{--fw-block-columns-gap:6rem;}
.fw-block-columns-inner{display:flex; flex-wrap:wrap; align-items:var(--fw-block-columns-align); justify-content:var(--fw-block-columns-justify); gap:var(--fw-block-columns-gap) 0; margin-left:calc(var(--fw-block-columns-gap)*-1);}

.fw-block-column-inner{margin-left:var(--fw-block-columns-gap);}
.fw-block-column-inner > .wp-block{margin-left:0; margin-right:0;}

.fw-block-column-auto{flex:0 0 auto; width:auto;}
.fw-block-column-grow{flex:1 0 0; width:100%;}
.fw-block-column-1{width:calc(100% * (1 / 12));}
.fw-block-column-2{width:calc(100% * (2 / 12));}
.fw-block-column-3{width:calc(100% * (3 / 12));}
.fw-block-column-4{width:calc(100% * (4 / 12));}
.fw-block-column-5{width:calc(100% * (5 / 12));}
.fw-block-column-6{width:calc(100% * (6 / 12));}
.fw-block-column-7{width:calc(100% * (7 / 12));}
.fw-block-column-8{width:calc(100% * (8 / 12));}
.fw-block-column-9{width:calc(100% * (9 / 12));}
.fw-block-column-10{width:calc(100% * (10 / 12));}
.fw-block-column-11{width:calc(100% * (11 / 12));}
.fw-block-column-12{width:calc(100% * (12 / 12));}
@media(max-width:1200px) {
.fw-block-column-xl-auto{flex:0 0 auto; width:auto;}
.fw-block-column-xl-grow{flex:1 0 0; width:100%;}
.fw-block-column-xl-1{width:calc(100% * (1 / 12));}
.fw-block-column-xl-2{width:calc(100% * (2 / 12));}
.fw-block-column-xl-3{width:calc(100% * (3 / 12));}
.fw-block-column-xl-4{width:calc(100% * (4 / 12));}
.fw-block-column-xl-5{width:calc(100% * (5 / 12));}
.fw-block-column-xl-6{width:calc(100% * (6 / 12));}
.fw-block-column-xl-7{width:calc(100% * (7 / 12));}
.fw-block-column-xl-8{width:calc(100% * (8 / 12));}
.fw-block-column-xl-9{width:calc(100% * (9 / 12));}
.fw-block-column-xl-10{width:calc(100% * (10 / 12));}
.fw-block-column-xl-11{width:calc(100% * (11 / 12));}
.fw-block-column-xl-12{width:calc(100% * (12 / 12));}
}
@media(max-width:992px) {
.fw-block-column-lg-auto{flex:0 0 auto; width:auto;}
.fw-block-column-lg-grow{flex:1 0 0; width:100%;}
.fw-block-column-lg-1{width:calc(100% * (1 / 12));}
.fw-block-column-lg-2{width:calc(100% * (2 / 12));}
.fw-block-column-lg-3{width:calc(100% * (3 / 12));}
.fw-block-column-lg-4{width:calc(100% * (4 / 12));}
.fw-block-column-lg-5{width:calc(100% * (5 / 12));}
.fw-block-column-lg-6{width:calc(100% * (6 / 12));}
.fw-block-column-lg-7{width:calc(100% * (7 / 12));}
.fw-block-column-lg-8{width:calc(100% * (8 / 12));}
.fw-block-column-lg-9{width:calc(100% * (9 / 12));}
.fw-block-column-lg-10{width:calc(100% * (10 / 12));}
.fw-block-column-lg-11{width:calc(100% * (11 / 12));}
.fw-block-column-lg-12{width:calc(100% * (12 / 12));}
}
@media(max-width:768px) {
.fw-block-column-md-auto{flex:0 0 auto; width:auto;}
.fw-block-column-md-grow{flex:1 0 0; width:100%;}
.fw-block-column-md-1{width:calc(100% * (1 / 12));}
.fw-block-column-md-2{width:calc(100% * (2 / 12));}
.fw-block-column-md-3{width:calc(100% * (3 / 12));}
.fw-block-column-md-4{width:calc(100% * (4 / 12));}
.fw-block-column-md-5{width:calc(100% * (5 / 12));}
.fw-block-column-md-6{width:calc(100% * (6 / 12));}
.fw-block-column-md-7{width:calc(100% * (7 / 12));}
.fw-block-column-md-8{width:calc(100% * (8 / 12));}
.fw-block-column-md-9{width:calc(100% * (9 / 12));}
.fw-block-column-md-10{width:calc(100% * (10 / 12));}
.fw-block-column-md-11{width:calc(100% * (11 / 12));}
.fw-block-column-md-12{width:calc(100% * (12 / 12));}
}
@media(max-width:576px) {
.fw-block-column-sm-auto{flex:0 0 auto; width:auto;}
.fw-block-column-sm-grow{flex:1 0 0; width:100%;}
.fw-block-column-sm-1{width:calc(100% * (1 / 12));}
.fw-block-column-sm-2{width:calc(100% * (2 / 12));}
.fw-block-column-sm-3{width:calc(100% * (3 / 12));}
.fw-block-column-sm-4{width:calc(100% * (4 / 12));}
.fw-block-column-sm-5{width:calc(100% * (5 / 12));}
.fw-block-column-sm-6{width:calc(100% * (6 / 12));}
.fw-block-column-sm-7{width:calc(100% * (7 / 12));}
.fw-block-column-sm-8{width:calc(100% * (8 / 12));}
.fw-block-column-sm-9{width:calc(100% * (9 / 12));}
.fw-block-column-sm-10{width:calc(100% * (10 / 12));}
.fw-block-column-sm-11{width:calc(100% * (11 / 12));}
.fw-block-column-sm-12{width:calc(100% * (12 / 12));}
}

/* accordion */

.fw-block-accordion{margin-top:1rem; margin-bottom:1rem;}
.fw-block-accordion-item{border-style:solid; border-color:rgba(0,0,0,0.1); border-width:0;}
.fw-block-accordion-item-heading{position:relative; margin:0; padding:1.5rem 1.5rem 1.5rem 0; cursor:pointer;}
.fw-block-accordion-item-mark{position:absolute; top:50%; margin-top:-0.75rem; right:0; height:1.5rem; width:1.5rem; font-size:1rem; line-height:1; transform-origin:50% 50%; transition:0.2s; transform:rotate(360deg);}
.fw-block-accordion-item-mark:before{content:''; position:absolute; top:0.25rem; left:0.6875rem; height:1rem; width:0.125rem; background-color:currentColor;}
.fw-block-accordion-item-mark:after{content:''; position:absolute; top:0.6875rem; left:0.25rem; height:0.125rem; width:1rem; background-color:currentColor;}
.fw-block-accordion-item-content{display:none; padding:0 0 1.5rem 0;}
.fw-block-accordion-item-content > :first-child{margin-top:0;}
.fw-block-accordion-item-content > :last-child{margin-bottom:0;}
.fw-block-accordion-item-active > .fw-block-accordion-item-content{display:block;}
.fw-block-accordion-item-active > .fw-block-accordion-item-heading > .fw-block-accordion-item-mark{transform:rotate(180deg);}

.fw-block-accordion-border-top > .fw-block-accordion-item:not(.has-background){border-width:1px 0 0 0;}
.fw-block-accordion-border-bottom > .fw-block-accordion-item:not(.has-background){border-width:0 0 1px 0;}
.fw-block-accordion-border-between > .fw-block-accordion-item:not(.has-background){border-width:1px 0 0 0;}
.fw-block-accordion-border-between > .fw-block-accordion-item:not(.has-background):first-child{border-width:0;}
.fw-block-accordion-border-around > .fw-block-accordion-item:not(.has-background){border-width:0 0 1px 0;}
.fw-block-accordion-border-around > .fw-block-accordion-item:not(.has-background):first-child{border-width:1px 0 1px 0;}
.fw-block-accordion-border-boxed > .fw-block-accordion-item:not(.has-background){border-width:0 1px 1px 1px;}
.fw-block-accordion-border-boxed > .fw-block-accordion-item:not(.has-background):first-child{border-width:1px;}
.fw-block-accordion-border-boxed > .fw-block-accordion-item{padding:0 1.5rem;}
.fw-block-accordion-item.has-background{margin-bottom:3px; padding:0 1.5rem;}

[data-type="frameworx/accordion"] > .fw-block-accordion > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender,
[data-type="frameworx/accordion"] > .wp-block > .fw-block-accordion > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender{position:relative; max-width:none;}

[data-type="frameworx/accordion-item"]{margin-top:0; margin-bottom:0; min-height:1rem;}
[data-type="frameworx/accordion-item"] .fw-block-accordion-item-heading{cursor:inherit; margin:0;}
[data-type="frameworx/accordion-item"] .fw-block-accordion-item-mark{cursor:pointer;}

[data-type="frameworx/accordion"] .fw-block-accordion-border-top > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="frameworx/accordion-item"] > .fw-block-accordion-item:not(.has-background){border-width:1px 0 0 0;}
[data-type="frameworx/accordion"] .fw-block-accordion-border-bottom > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="frameworx/accordion-item"] > .fw-block-accordion-item:not(.has-background){border-width:0 0 1px 0;}
[data-type="frameworx/accordion"] .fw-block-accordion-border-between > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="frameworx/accordion-item"] > .fw-block-accordion-item:not(.has-background){border-width:1px 0 0 0;}
[data-type="frameworx/accordion"] .fw-block-accordion-border-between > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="frameworx/accordion-item"]:first-child > .fw-block-accordion-item:not(.has-background){border-width:0;}
[data-type="frameworx/accordion"] .fw-block-accordion-border-around > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="frameworx/accordion-item"] > .fw-block-accordion-item:not(.has-background){border-width:0 0 1px 0;}
[data-type="frameworx/accordion"] .fw-block-accordion-border-around > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="frameworx/accordion-item"]:first-child > .fw-block-accordion-item:not(.has-background){border-width:1px 0 1px 0;}
[data-type="frameworx/accordion"] .fw-block-accordion-border-boxed > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="frameworx/accordion-item"] > .fw-block-accordion-item:not(.has-background){border-width:0 1px 1px 1px;}
[data-type="frameworx/accordion"] .fw-block-accordion-border-boxed > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="frameworx/accordion-item"]:first-child > .fw-block-accordion-item:not(.has-background){border-width:1px;}
[data-type="frameworx/accordion"] .fw-block-accordion-border-boxed > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="frameworx/accordion-item"] > .fw-block-accordion-item{padding:0 1.5rem;}

/* hotspot */

.fw-block-hotspots-container{position:relative;}
.fw-block-hotspots-image{width:100%; height:auto; vertical-align:top;}
.fw-block-hotspots-inner{position:absolute; top:0; left:0; bottom:0; right:0;}
.fw-block-hotspots-content{display:none; background-color:#f5f5f5; padding:0.5rem 1.5rem;}
.fw-block-hotspots.is-active .fw-block-hotspots-content{display:block;}

.fw-block-hotspot{position:absolute !important; top:50%; left:50%;}
.fw-block-hotspot-button{position:absolute; top:-1.25rem; left:-1.25rem; height:2.5rem; width:2.5rem; margin:0; padding:0; border:0; color:#fff; background-color:#000; border-radius:100%; box-shadow:0 0 0 0.5rem rgba(255,255,255,0.5); cursor:pointer; transition:0.2s;}
.fw-block-hotspot-button:before{content:''; position:absolute; top:50%; left:50%; height:1rem; width:0.125rem; transform:translate(-50%,-50%); background-color:currentColor;}
.fw-block-hotspot-button:after{content:''; position:absolute; top:50%; left:50%; height:0.125rem; width:1rem; transform:translate(-50%,-50%); background-color:currentColor;}
.fw-block-hotspot-inner{position:absolute; display:none; padding:0.5rem 1.5rem; width:320px; transform:translate(0,-50%); background-color:#fff; box-sizing:border-box; z-index:1;}
.fw-block-hotspot.is-left .fw-block-hotspot-inner{left:3rem;}
.fw-block-hotspot.is-right .fw-block-hotspot-inner{right:3rem;}
.fw-block-hotspot.is-active .fw-block-hotspot-button{transform:rotate(45deg); background-color:#fff; color:#000;}
@media(min-width:900px) {
.fw-block-hotspots.is-active .fw-block-hotspots-content{display:none;}
.fw-block-hotspot.is-active .fw-block-hotspot-inner{display:block;}
}

/* slider */

.fw-block-slider{
	--swiper-theme-color:#111;
	--swiper-scrollbar-drag-bg-color:#111;
	--swiper-navigation-size:1rem;
	--swiper-navigation-sides-offset:1.5rem;
}
.fw-block-slider.swiper-horizontal > .swiper-scrollbar{position:relative; margin:1.5rem 0; overflow:hidden;}
.fw-block-slider.swiper-horizontal > .swiper-pagination{position:relative; margin:1.5rem 0; top:0;}
.fw-block-slider[data-overflow="true"]{overflow:visible;}

.fw-block-slider .swiper-button-next, .fw-block-slider .swiper-button-prev{height:40px; width:40px; background-color:#fff; border-radius:100%; box-shadow:0 0 0 8px rgba(255,255,255,0.25);}

/* instagram */

.fw-block-instagram-items{display:flex; flex-wrap:wrap;}

.fw-block-instagram-link{position:relative; display:block;}
.fw-block-instagram-figure{position:relative; margin:0; padding-bottom:100%;}
.fw-block-instagram-figure img{position:absolute; top:0; left:0; height:100%; width:100%; object-fit:cover;}
.fw-block-instagram-overlay{position:absolute; top:50%; left:16px; right:16px; transform:translate(0, -50%); color:#fff; text-align:center; display:none;}
.fw-block-instagram-type{position:absolute; top:8px; right:8px;}

.fw-block-instagram-link:hover .fw-block-instagram-overlay{display:block;}
.fw-block-instagram-link:hover .fw-block-instagram-figure:after{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.3)}

.fw-block-instagram-item{width:50%;}
.fw-block-instagram-columns-1 .fw-block-instagram-item{width:100%;}
.fw-block-instagram-columns-3 .fw-block-instagram-item{width:33.3333%;}
.fw-block-instagram-columns-6 .fw-block-instagram-item{width:33.3333%;}
@media (min-width:900px){
.fw-block-instagram-columns-2 .fw-block-instagram-item{width:50%;}
.fw-block-instagram-columns-3 .fw-block-instagram-item{width:33.3333%;}
.fw-block-instagram-columns-4 .fw-block-instagram-item{width:25%;}
.fw-block-instagram-columns-5 .fw-block-instagram-item{width:20%;}
.fw-block-instagram-columns-6 .fw-block-instagram-item{width:16.6666%;}
}

.fw-block-instagram-gap-1 .fw-block-instagram-items{margin-left:-2px; margin-right:-2px;}
.fw-block-instagram-gap-1 .fw-block-instagram-link{margin:2px;}
.fw-block-instagram-gap-2 .fw-block-instagram-items{margin-left:-4px; margin-right:-4px;}
.fw-block-instagram-gap-2 .fw-block-instagram-link{margin:4px;}
.fw-block-instagram-gap-3 .fw-block-instagram-items{margin-left:-8px; margin-right:-2px;}
.fw-block-instagram-gap-3 .fw-block-instagram-link{margin:8px;}
.fw-block-instagram-gap-4 .fw-block-instagram-items{margin-left:-16px; margin-right:-16px;}
.fw-block-instagram-gap-4 .fw-block-instagram-link{margin:16px;}

.fw-block-instagram-caption{display:none;}
@media (min-width:900px){
.fw-block-instagram-caption{display:block;}
}

[data-type="frameworx/instagram"] a:active{pointer-events:none;}

/* frame */

.frame-solid{border:1px solid rgba(0,0,0,0.1);}
.frame-dashed{border:1px dashed rgba(0,0,0,0.1);}
.frame-dotted{border:1px dotted rgba(0,0,0,0.1);}
.frame-double{border:3px double rgba(0,0,0,0.1);}

/* curvedtext */

.fw-block-curvedtext{position:relative;}
.fw-block-curvedtext-inner{position:absolute; top:0; left:50%; transform:translate(-50%, -50%); z-index:10;}
.fw-block-curvedtext text{white-space:pre;}
.fw-block-curvedtext svg{vertical-align:top;}
.fw-block-curvedtext-spin svg{animation:fw-block-curvedtext-spin linear 10s infinite;}
.fw-block-curvedtext figure{position:absolute; margin:0; top:50%; left:50%; transform:translate(-50%, -50%);}
.fw-block-curvedtext img{position:absolute; top:0; left:0; height:100%; width:100%; object-fit:contain; vertical-align:top;}
.fw-block-curvedtext-spin svg{animation:fw-block-curvedtext-spin linear 10s infinite;}
@keyframes fw-block-curvedtext-spin{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }

/* placeholder */

.fw-block-placeholder{position:relative; display:flex; align-items:center; justify-content:center; background-color:#f5f5f5;}
.fw-block-placeholder-bg{position:absolute; top:1rem; right:1rem; bottom:1rem; left:1rem;}
.fw-block-placeholder svg{position:absolute; height:100%; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); stroke:currentColor; box-sizing:content-box; opacity:0.3;}
.fw-block-placeholder path{stroke:1px; stroke-dasharray:4px;}
.fw-block-placeholder-text{position:relative; padding:1rem; text-align:center;}

[data-type="frameworx/placeholder"]{background-color:#f5f5f5;}
[data-type="frameworx/placeholder"] .fw-block-placeholder{background-color:transparent;}

/* marquee */
.fw-block-marquee{osition:relative; overflow-x:hidden; font-size:72px; font-weight:600; color:#cc1719;}
.fw-block-marquee-container{display:inline-block;}
.fw-block-marquee-inner{white-space:nowrap; will-change:transform; animation:fw-block-marquee 100s linear infinite;}
@keyframes fw-block-marquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
