:root 
{
   --be-blockedit-column-justify: center;
   --be-blockedit-column-align: center;   
   --be-blockedit-column-bg-color: inherit; 
   --be-block-bg-color:inherit;    
   --be-blockedit-column-padding:0px 0px 0px 0px; 
   --be-blockedit-column-margin:0px 0px 0px 0px;  
   --be-editorblockframe-max-width:1400px;
   --be-editorblockframe-bg-color:inherit; 
   --be-block-gallery-max-width:300px;
   --be-block-gallery-max-height:300px;
   --be-block-gallery-object-fit:cover;
   --be-block-gallery-break-inside:'';
   --be-videoupload-fixed-height:auto;
   --be-videoupload-fixed-width:400px;
   --be-videoupload-aspect-ratio:16 / 9;
   --be-editorblockframe-default-block-margin: 0px 0px 0px 0px;
   --be-editorblockframe-default-block-padding: 0px 0px 0px 0px;
}



/* undo inside editorBlock */
#editorBlock,
#editorBlock * ,
#editorBlock *::before,
#editorBlock *::after {
  box-sizing: content-box;
}
#editorBlock .block{background-color: var(--be-block-bg-color);margin: var(--be-block-margin,var(--be-editorblockframe-default-block-margin));padding: var(--be-block-padding,var(--be-editorblockframe-default-block-padding));}
#editorBlock .blockColumns{display: flex; align-items: stretch;}
#editorBlock .blockColumn{flex: 1; display: flex; flex-direction: column;}
#editorBlock .blockedit-column{flex: 1; display: flex; background-color: var(--be-blockedit-column-bg-color); align-items: var(--be-blockedit-column-align); justify-content: var(--be-blockedit-column-justify); padding: var(--be-blockedit-column-padding); margin: var(--be-blockedit-column-margin); box-sizing: border-box;position: relative;}
#editorBlock .img-upload{display: flex; align-items: center; justify-content: center;}
#editorBlock .img-upload img{max-width: 100%; max-height: 100%; height:auto; object-fit: contain;}
#editorBlock .block{position: relative;box-sizing: border-box;}
#editorBlock .blockColumns, #editorBlock .blockColumn, #editorBlock .blockedit-column {max-width: 100%; box-sizing: border-box;}
#editorBlockFrame{width: 100%; margin: 0 auto; max-width: var(--be-editorblockframe-max-width); background: var(--be-editorblockframe-bg-color);}
/*.blockColumnText{flex: 1;}*/
#editorBlock .gallery-block {display: flex; flex-wrap: wrap; gap: 10px;align-items: stretch;justify-content: space-evenly;}
#editorBlock .block[data-gallery-layout="masonry"] .gallery-block {display: block; column-width: var(--be-block-gallery-max-width); column-gap: 10px;}
#editorBlock .block[data-gallery-layout="masonry"] .gallery-block .img-upload a,
#editorBlock .block[data-gallery-layout="masonry"] .gallery-block .img-upload a img {break-inside: var(--be-block-gallery-break-inside); }
#editorBlock .block[data-gallery-layout="masonry"] .img-upload {display: inline-block;}
#editorBlock .block[data-gallery-layout="masonry"] .gallery-block a img {margin-bottom: 10px; width:  auto !important;height: auto !important; }
#editorBlock .gallery-block img {cursor:zoom-in; transition: transform .3s ease; max-width:  var(--be-block-gallery-max-width); max-height: var(--be-block-gallery-max-height); object-fit: var(--be-block-gallery-object-fit); break-inside: var(--be-block-gallery-break-inside)}
#editorBlock .gallery-block img:hover {transform: scale(1.05);}
#editorBlock .gallery-block a img {cursor: zoom-in; transition: transform .3s ease;}
#editorBlock .gallery-block a:target::before {content: ""; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.6); z-index: 999999;}
#editorBlock .gallery-block a:target img {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); max-width: 90vw; max-height: 90vh; z-index: 1000000; box-shadow: 0 0 30px rgba(0,0,0,0.6);}
#editorBlock .gallery-block .lightbox-close {display: none;}
#editorBlock .gallery-block a:target + .lightbox-close {display: block;position: fixed;top: 1rem; right: 1rem;font-size: 2rem;color: #fff;text-decoration: none;z-index: 1000001;}

#editorBlock .video-upload {width:var(--be-videoupload-fixed-width);max-width: 100%;}
#editorBlock .video-placeholder {aspect-ratio: var(--be-videoupload-aspect-ratio);width: 100%;display: block;overflow: hidden;}
#editorBlock .video-placeholder iframe {width: 100%;height: 100%;display: block;border: none;}


#editorBlock ul.toc {list-style: none; padding-left: 0; margin: 0;}
#editorBlock ul.toc li {margin: 6px 0;}
#editorBlock ul.toc li a {color: blue; text-decoration: none; position: relative; display: inline-block;}
#editorBlock ul.toc li a::after {content: ''; display: block; width: 0%; height: 2px; background-color: blue; position: absolute; bottom: -2px; left: 0; transition: width 0.3s ease-in-out;}
#editorBlock ul.toc li a:hover::after { width: 100%; }

/* Hierarchy Indentation */
#editorBlock ul.toc li.toc-h2 { padding-left: 0; font-weight: bold; }
#editorBlock ul.toc li.toc-h3 { padding-left: 20px; }
#editorBlock ul.toc li.toc-h4 { padding-left: 40px; }
#editorBlock ul.toc li.toc-h5 { padding-left: 60px;  }

@media (max-width: 768px) {
   #editorBlock .blockColumn{flex-direction: column;gap:10px}   
   #editorBlock .blockColumns{flex-direction: column; gap:10px}   
   #editorBlock [data-block-name="img_right_paragraph_left"] .blockColumns .blockedit-column:nth-child(2) {
    order: -1;
   }
   #editorBlockFrame{max-width:100%}
   #editorBlock .gallery-block img{max-width:100%}
   #editorBlock .img-upload img{width: 100%; height: auto; object-fit: contain;}
   #editorBlock{margin: 10px 20px;}
}