/* Guest styles for added content. Editor styles stay in customizer.css. */
.aw-added-section{position:relative;width:100%;height:420px;box-sizing:border-box;background:#f9f0e0}
.aw-content-canvas{position:relative;width:100%;height:100%;max-width:1200px;margin:0 auto}
.aw-added-element{position:absolute;top:40px;left:50%;width:300px;max-width:calc(100% - 32px);transform:translateX(-50%);box-sizing:border-box;z-index:100}
.aw-added-atom{box-sizing:border-box;display:block;width:100%;height:100%;font-family:Ovo,Georgia,serif;color:#805c29;font-size:28px;line-height:1.4;overflow-wrap:break-word}
.aw-added-atom img{display:block;width:100%;height:100%;object-fit:contain}
.aw-added-atom video,.aw-added-atom audio{display:block;width:100%;max-width:100%;height:100%;object-fit:contain}
.aw-added-atom iframe{display:block;width:100%;height:100%;border:0}
.aw-added-button{display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
.aw-added-shape,.aw-added-divider{background:#eadbc7;min-height:1px}
.aw-added-element[data-elem-type=shape]>.tn-atom,.aw-added-element[data-elem-type=divider]>.tn-atom{width:100%;height:100%}
.aw-secondary-selected{outline:2px dashed #397cf0!important;outline-offset:3px}
@keyframes aw-content-fade{from{opacity:0}to{opacity:1}}
@keyframes aw-content-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes aw-content-slide{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
@keyframes aw-content-zoom{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.aw-added-element>.tn-atom{animation:none!important}}