/*

div.page-row {}
div.page-section {}
div.section-content-block {}

---------------------

font-family: 'Bree Serif', serif;
font-family: 'Inter', sans-serif;
font-family: 'DM Sans', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Merriweather', serif;
font-family: 'Zilla Slab', serif;
font-family: 'Rubik', sans-serif;

*/


html,body { background-color:#fff; }


/*
-----------------------------------------
     PUBLISH MAIN
-----------------------------------------
*/

div.publish-website-wrapper { position:relative; top:79px; }

/* main publish body (wrapper) */
main div.publish-page-wrapper { width: 100%; position:relative; min-height:450px; display:inline-block; }

/* main publish body (row) */
div.publish-page-row-wrapper { position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover; }
div.publish-page-row-wrapper div.page-row-wrapper-bg-video { width:100%; overflow: hidden; }
div.publish-page-row-wrapper div.page-row-wrapper-bg-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; opacity:0.45; }
div.publish-page-row { align-items: stretch; flex-direction:row; width:100%; position:relative; max-width:1200px; min-height:25px; margin:0 auto; padding:6px 0; box-sizing:border-box; display:flex; }

/* main publish body (section) */
div.publish-page-section { min-height:25px; box-sizing:border-box; position:relative; align-self:auto; flex: 1 1 0; flex-grow: 1; margin: 0.25% 1%; overflow:hidden; }
div.publish-page-section:empty { min-height:0px !important; height:0px !important; padding:0 !important; }

div.publish-page-section div.section-content-block { box-sizing:border-box; padding:0; width:100%; margin:0 auto; display:block; min-height:10px; clear:both; }

div.publish-page-row-handle,
div.publish-page-row-delete,
div.publish-page-section-handle,
div.publish-page-section-delete,
a.btn-add-section-content-block,
div.publish-section-content-block-drag-handle { display: none; }

footer { position:relative; top:80px; margin-top:-5px; }
footer div.page-row-footer-spacer { display:none; }



/* 
--------------------------------------------
      Main Editor Body Type (PHONE SITE) 
--------------------------------------------
*/
div.publish-page-row.publish-page-row-phone-site { width:550px; max-width:100%; margin:0 auto; }



/* 
================================
    DEFAULT : LARGE SCREEN
================================
*/
@media (min-width: 1600px) and (max-width: 3200px) {
  
    body, html { zoom: 105%; }

    main div.publish-page-wrapper { min-height:600px; }
}

/* 
================================
    DEFAULT : MEDIUM SCREEN
================================
*/
@media (min-width: 1367px) and (max-width: 1599px) {
   
}
 
/* 
================================
    DEFAULT : SMALL LAPTOP
================================
*/
@media (min-width: 1025px) and (max-width: 1366px) {
    
}
 
/* 
================================
        MOBILE : TABLET
================================
*/
@media (min-width: 769px) and (max-width: 1024px) {
  
}

/* 
================================
      MOBILE : LARGE PHONE
================================
*/
@media (min-width: 451px) and (max-width: 768px) {

}

/* 
================================
     MOBILE : REGULAR PHONE
================================
*/

@media (min-width: 361px) and (max-width: 450px) {
    
    div.publish-page-row { width:88%; margin:0 auto; flex-direction:column; }
    div.publish-page-section { min-height:0; width:100%; display:block; align-self: unset; flex:100%; flex-grow: unset; margin:0; margin-bottom:2.25em; }
    div.publish-page-section:empty { min-height:0px !important; height:0px !important; padding:0 !important; margin-bottom:0 !important; }
    div.publish-page-section:last-of-type { margin-bottom:0 !important; }
    
    div.publish-page-row.publish-page-row-phone-site { width:100%; }
}


/* 
================================
     MOBILE : SMALL PHONE
================================
*/

@media (min-width: 250px) and (max-width: 360px) {
    
    div.publish-page-row { width:88%; margin:0 auto; flex-direction:column; }
    div.publish-page-section { min-height:0; width:100%; display:block; align-self: unset; flex:100%; flex-grow: unset; margin:0; margin-bottom:2.25em; }
    div.publish-page-section:empty { min-height:0px !important; height:0px !important; padding:0 !important; margin-bottom:0 !important; }
    div.publish-page-section:last-of-type { margin-bottom:0 !important; }
    
    div.publish-page-row.publish-page-row-phone-site { width:100%; }
}