html,body{max-width:100%;overflow-x:hidden}
.userrole-authenticated #contentview-aw-upload,#contentview-folderContents{order:-1}
.userrole-authenticated .plone-toolbar-main{display:flex;flex-direction:column}
.aw-description{margin-bottom:2rem;font-size:1.2rem;font-weight:300}

/* #business-header-image* */

#business-image-titles-categorization{position:relative;z-index:2;clear:both}
#business-image-titles-categorization.header-with-header-image{margin:-300px 0 1rem 0}
#business-image-titles-categorization.header-with-header-image #business-titles{margin-top:90px}
#business-image-titles-categorization.header-with-header-image #business-image img{width:240px;height:240px;border:3px solid #eee;border-radius:50%}
#business-image-titles-categorization.header-with-header-image:not(:has(#business-image)){margin-top:1.9rem}
#business-image-titles-categorization.header-with-header-image:not(:has(#business-image)) #business-titles{margin-top:1rem}
#business-titles h1{margin:0}
body.template-aw-business #portal-column-one,body.template-aw-business #portal-column-two{margin-top:2rem;position:relative;z-index:0;clear:both}
#business-image-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.85)}
#business-image-modal .modal-content{display:block;margin:5% auto;max-width:90%;max-height:80vh;width:auto;height:auto;border-radius:4px;box-shadow:0 0 20px rgba(0,0,0,.6)}
#business-image-modal .modal-close{position:absolute;top:20px;right:35px;color:#fff;font-size:2rem;font-weight:700;cursor:pointer}
#business-image-modal .modal-close:hover{color:#ccc}
.screen-readers-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.business-content-item.with-image{min-height:96px;margin:1.25em 0 0 0}
.business-content-item.with-image .business-content-image,.business-content-item.with-image .business-content-texts{display:inline-block;vertical-align:top}
.business-content-image{margin:0 1em 1em 0}
.business-content-image img{width:128px;height:96px!important;object-fit:cover}
.business-content-title{font-size:120%}
#categorization{display:block}
#business-basic{margin:1em 0;width:100%;overflow:hidden;display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px}
#business-map{width:300px;flex:0 0 300px}
#business-map #map{width:300px!important;height:300px!important;margin-bottom:0!important}
#business-contact{flex:1 1 270px;min-width:250px;max-width:none}
#business-contact strong{font-weight:700}
#business-hours{flex:0 1 220px;min-width:220px;text-align:left;margin-top:0;padding:.5em;border:1px solid rgba(0,0,0,.125);border-radius:.375rem}
#business-hours table{border-collapse:collapse}
#business-hours th,#business-hours td{padding:.25em .5em;line-height:1.25em;text-align:left}
#business-hours p{margin-bottom:0!important}
#business-social{margin-top:1rem}
#business-text{margin-top:1.5rem}
#business-file-embedded{margin-bottom:1.5rem}
#business-embedded-videos,#business-embedded-pdfs{margin-top:2rem}
#business-embedded-videos .embedded-video,#business-embedded-pdfs .embedded-pdf{margin:1.5rem 0}
#business-embedded-videos video{width:100%;height:auto;border:1px solid #ccc;border-radius:4px}
#business-embedded-pdfs object{width:100%;height:600px;border:1px solid #ccc;border-radius:4px}
#business .aw-icon-social{width:1.5rem;height:1.5rem;margin-right:.25em;vertical-align:text-bottom;fill:currentColor}
img{max-width:100%}
#business-contact table{width:100%;border-collapse:collapse;line-height:1.6em;table-layout:fixed}
#business-contact td{vertical-align:top;padding:.15em .4em}
#business-contact .aw-icon{width:1.6em;text-align:center;white-space:nowrap}
#business-contact img{width:1.2em;height:1.2em;vertical-align:middle}
#business-contact td:last-child{overflow-wrap:anywhere;word-break:break-word;white-space:normal}
#business-contact .aw-icon-social{width:1.4em;height:1.4em;vertical-align:middle;margin-right:.3em}
#business-image-titles-categorization .lead{margin-bottom:1rem}

/* ====== Layout sin header_image ====== */
#business-image-titles-categorization.header-with-image #business-image{display:inline-block;vertical-align:middle;margin-right:1rem}
#business-image-titles-categorization.header-with-image #business-image img{width:80px;height:80px;object-fit:cover;border-radius:50%;border:2px solid #eee}
#business-image-titles-categorization.header-with-image #business-titles{display:inline-block;vertical-align:middle;max-width:calc(100% - 100px - 1rem)}
#business-image-titles-categorization.header-with-image #business-titles .lead{margin-bottom:0}
#business-image-titles-categorization.header-with-image #categorization{margin:1rem 0 0 0;clear:both}

/* ====== Responsive ====== */
@media(min-width:1024px){body.has-header-image.has-left-column #portal-column-one,body.has-header-image.has-left-column #column-one,body.has-header-image.has-right-column #portal-column-two,body.has-header-image.has-right-column #column-two{margin-top:385px!important}}
@media(max-width:1024px){#business-hours{flex-basis:100%;width:100%;margin-top:10px}}
@media(max-width:720px){#business-image-titles-categorization.header-with-image{flex-direction:column;align-items:flex-start}#business-image-titles-categorization.header-with-image #business-categorization{margin-left:0}#business-basic{flex-direction:column}#business-map,#business-contact,#business-hours{width:100%;margin:0;flex:none}#business-map #map{width:100%!important;height:240px!important}#business-contact table{table-layout:auto}}
@media(max-width:480px){.business-content-item.with-image,.business-content-item.with-image .business-content-texts{min-height:0}.business-content-item.with-image .business-content-image{float:none;margin:0 0 5px 0}.business-content-item.with-image .business-content-image,.business-content-item.with-image .business-content-texts{display:block}#business-map,#business-hours,#business-contact{float:none;width:100%;margin:0}}


#business-header-image{width:114vw;height:360px;margin-top:-2rem;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;z-index:1;display:block;clear:both}
#business-header-image.header-image-none{margin-left:calc(-55vw + 50%)}
#business-header-image.header-image-left{margin-left:calc(-64vw + 50%)}
#business-header-image.header-image-right{margin-left:calc(-46vw + 50%)}
#business-header-image.header-image-both{margin-left:calc(-55vw + 50%)}

@media(max-width:480px){
#business-image{text-align:center!important;margin-left:0!important}
}

@media(max-height:480px) and (orientation:landscape){
#business-image{text-align:center!important;margin-left:0!important}
}

