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:1.2rem;font-size:1.2rem;font-weight:300}

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

/* ====== Layout sin header_image ====== */
#nonprofit-image-titles-categorization.header-with-image #nonprofit-image{display:inline-block;vertical-align:middle;margin-right:1rem}
#nonprofit-image-titles-categorization.header-with-image #nonprofit-image img{width:80px;height:80px;object-fit:cover;border-radius:50%;border:2px solid #eee}
#nonprofit-image-titles-categorization.header-with-image #nonprofit-titles{display:inline-block;vertical-align:middle;max-width:calc(100% - 100px - 1rem)}
#nonprofit-image-titles-categorization.header-with-image #nonprofit-titles .lead{margin-bottom:0}
#nonprofit-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){#nonprofit-hours{flex-basis:100%;width:100%;margin-top:10px}}
@media(max-width:720px){#nonprofit-image-titles-categorization.header-with-image{flex-direction:column;align-items:flex-start}#nonprofit-image-titles-categorization.header-with-image #nonprofit-categorization{margin-left:0}#nonprofit-basic{flex-direction:column}#nonprofit-map,#nonprofit-contact,#nonprofit-hours{width:100%;margin:0;flex:none}#nonprofit-map #map{width:100%!important;height:240px!important}#nonprofit-contact table{table-layout:auto}}
@media(max-width:480px){.nonprofit-content-item.with-image,.nonprofit-content-item.with-image .nonprofit-content-texts{min-height:0}.nonprofit-content-item.with-image .nonprofit-content-image{float:none;margin:0 0 5px 0}.nonprofit-content-item.with-image .nonprofit-content-image,.nonprofit-content-item.with-image .nonprofit-content-texts{display:block}#nonprofit-map,#nonprofit-hours,#nonprofit-contact{float:none;width:100%;margin:0}}


#nonprofit-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}
#nonprofit-header-image.header-image-none{margin-left:calc(-55vw + 50%)}
#nonprofit-header-image.header-image-left{margin-left:calc(-64vw + 50%)}
#nonprofit-header-image.header-image-right{margin-left:calc(-46vw + 50%)}
#nonprofit-header-image.header-image-both{margin-left:calc(-55vw + 50%)}

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

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