.wp-block-ocdarhitekti-gallery-ribbon{position:relative}.ribbon-gallery-container{display:flex;height:calc(100vh - 4.25rem);overflow:hidden;position:relative;width:100%}.ribbon-dark-overlay{background:rgba(0,0,0,.4);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:99}.ribbon-image-item{cursor:pointer;flex:1;height:100%;overflow:hidden;position:relative;transition:flex .6s cubic-bezier(.4,0,.2,1)}.ribbon-image-item:hover{flex:3}.ribbon-gallery-container:hover .ribbon-image-item:not(:hover),.ribbon-image-item:not(:hover){flex:0.5}.ribbon-image-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.ribbon-image-item:hover .ribbon-image-bg{transform:scale(1.05)}.ribbon-logo-overlay{color:#fff;left:50%;pointer-events:none;position:absolute;text-align:center;text-shadow:0 .125rem .625rem rgba(0,0,0,.7);top:50%;transform:translate(-50%,-50%);z-index:1000}.ribbon-logo-overlay h1{margin:0 0 .625rem}.ribbon-logo-overlay .ribbon-tagline{opacity:.8}.ribbon-text-overlay{background:linear-gradient(transparent,rgba(0,0,0,.8));bottom:0;color:#fff;left:0;padding:2.5rem 1.25rem 1.25rem;position:absolute;right:0;transform:translateY(100%);transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:2}.ribbon-image-item:hover .ribbon-text-overlay{transform:translateY(0)}.ribbon-text-overlay h2{margin:0 0 .625rem}.ribbon-text-overlay p{line-height:1.4;margin:0}.ribbon-gallery-editor{border:.125rem dashed #ddd;margin:1.25rem 0;padding:1.25rem}.ribbon-preview-container{border-radius:.5rem;display:flex;height:25rem;overflow:hidden}.ribbon-preview-item{cursor:pointer;flex:1;position:relative}.ribbon-preview-bg{background-position:50%;background-size:cover;height:100%;width:100%}.ribbon-preview-logo{color:#fff;left:50%;position:absolute;text-align:center;text-shadow:0 .125rem .625rem rgba(0,0,0,.7);top:50%;transform:translate(-50%,-50%);z-index:3}.ribbon-preview-logo h3{color:#fff;margin:0 0 .3125rem}.ribbon-preview-logo span{opacity:.8}.ribbon-preview-overlay{background:rgba(0,0,0,.7);border-radius:.25rem;bottom:.625rem;color:#fff;left:.625rem;opacity:.8;padding:.9375rem;position:absolute;right:.625rem}.ribbon-preview-overlay h4{margin:0 0 .3125rem}.ribbon-preview-overlay p{line-height:1.3;margin:0}.ribbon-editor-note{color:#666;margin:.625rem 0 0;text-align:center}@media (max-width:48rem){.ribbon-gallery-container{flex-direction:column;height:60vh}.ribbon-image-item{flex:1;height:12vh}.ribbon-image-item:hover{flex:2;height:24vh}.ribbon-image-item:not(:hover){flex:0.5;height:9vh}}@media (max-width:30rem){.ribbon-text-overlay{padding:1.25rem .9375rem .9375rem}}