.shg-rich-text { overflow-wrap: break-word; } .shg-rich-text img { margin: 0 20px; } @media (max-width: 768px) { .shg-rich-text img { display: block; float: none !important; margin: 0 auto; } } .shg-default-text-content *:first-child { margin-top: 0; } .shg-default-text-content { text-align: left; } .shg-default-text-content p, .shg-default-text-content h1, .shg-default-text-content h2, .shg-default-text-content h3, .shg-default-text-content h4, .shg-default-text-content h5, .shg-default-text-content h6, .shg-default-text-content address, .shg-default-text-content pre, .shg-default-text-content div, .shg-default-text-content ol, .shg-default-text-content ul { background-color: transparent; border: 0; border-radius: 0; color: #000000; font-family: inherit; font-style: normal; margin-bottom: 0; padding: 0; text-align: left; text-transform: none; } .shg-default-text-content a { background-color: inherit; color: inherit; cursor: pointer; font-family: inherit; font-style: inherit; text-decoration: underline; text-transform: inherit; } .shg-default-text-content strong, .shg-default-text-content em { background-color: inherit; color: inherit; font-family: inherit; font-size: inherit; letter-spacing: inherit; line-height: inherit; text-align: inherit; text-transform: inherit; } .shg-default-text-content em { font-weight: inherit; } .shg-default-text-content strong { font-style: inherit; font-weight: 700; } /* https://stackoverflow.com/a/16094931/3696652 */ .shg-default-text-content ::selection, .shg-default-text-content *::selection { background: #accef7; } .shg-default-text-content p { font-size: 1em; font-weight: normal; letter-spacing: -0.005em; line-height: 1.714; margin-top: 0.6em; } .shg-default-text-content h1 { font-size: 1.714em; font-weight: 500; letter-spacing: -0.01em; line-height: 1.166; margin-top: 0.67em; } .shg-default-text-content h2 { font-size: 1.43em; font-weight: 500; letter-spacing: -0.01em; line-height: 1.2; margin-top: 0.83em; } .shg-default-text-content h3 { font-size: 1.142em; font-weight: 500; letter-spacing: -0.008em; line-height: 1.5; margin-top: 1em; } .shg-default-text-content h4 { font-size: 1em; font-weight: 600; letter-spacing: -0.006em; line-height: 1.428; margin-top: 1.33em; } .shg-default-text-content h5 { font-size: 0.857em; font-weight: 600; letter-spacing: -0.003em; line-height: 1.333; margin-top: 1.43em; } .shg-default-text-content h6 { font-size: 0.785em; font-weight: 600; letter-spacing: -0.003em; line-height: 1.454; margin-top: 1.42em; text-transform: uppercase; } .shg-default-text-content ul { list-style: disc; } .shg-default-text-content ol { list-style: decimal; } .shg-default-text-content ul, .shg-default-text-content ol { margin-block-end: 1em; margin-block-start: 1em; margin-bottom: 0; margin-inline-end: 0; margin-inline-start: 0; margin-top: 0; padding-inline-start: 40px; } .shg-default-text-content li { font-size: 1em; font-weight: normal; letter-spacing: -0.005em; line-height: 1; list-style: inherit; margin-top: 0.67em; } .shg-default-text-content pre { font-family: monospace; font-size: 1em; font-weight: normal; letter-spacing: -0.005em; line-height: 1.714; margin-top: 1em; white-space: pre-wrap; word-break: normal; } .shg-default-text-content address { font-size: 1em; font-style: italic; font-weight: normal; letter-spacing: -0.005em; line-height: 1.714; margin-top: 0; } .shg-default-text-content div { font-size: 1em; font-weight: normal; letter-spacing: -0.005em; line-height: 1.714; margin-bottom: 0; margin-top: 0.67em; } /* $vgutter : 20px $hgutter : 10px; */ .shg-c:before, .shg-c:after { content: " "; display: table; } /** Ref: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context https://dnf.slack.com/archives/C0514HB79/p1538741509000100 **/ .shogun-root { z-index: 1; position: relative; isolation: isolate; } .shogun-root iframe { display: initial; } @media (max-width: 1024px) { .shg-c, .shg-box { background-attachment: scroll !important; } } #mc_embed_signup .clear { width: auto !important; height: auto !important; visibility: visible !important; } .shg-clearfix:after { content: ""; display: block; clear: both; } .shogun-image { max-width: 100%; min-height: inherit; max-height: inherit; display: inline !important; border: 0; vertical-align: middle; } .shg-fw { margin-left: calc(50% - 50vw); width: 100vw; } .shg-fw .shg-fw { margin-left: auto; margin-right: auto; width: 100%; } div[data-shg-lightbox-switch] { cursor: pointer; } .shg-lightbox { position: fixed; z-index: 999999; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.85); } .shg-lightbox.hidden { display: none !important; } .shg-lightbox .shg-lightbox-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; } .shg-lightbox .shg-lightbox-close { position: absolute; right: 0; padding: 5px 0; color: #fff; font-size: 45px; margin-right: 10px; line-height: 30px; user-select: none; cursor: pointer; z-index: 1; } .shg-lightbox .shg-lightbox-image-container { padding: 25px; } .shg-lightbox .shg-lightbox-image { margin: auto; max-height: 90vh; max-width: 100%; } .shg-lightbox .shg-lightbox-close:hover, .shg-lightbox .shg-lightbox-close:focus { color: #a2a2a2; text-decoration: none; cursor: pointer; } .shg-lightbox .shg-lightbox-nav { cursor: pointer; position: absolute; top: 50%; width: 35px; height: 100px; background-size: contain; background-repeat: no-repeat; background-position: center; transform: translate(0%, -50%); z-index: 1; } .shg-lightbox .shg-lightbox-nav.hidden { display: none !important; } .shg-lightbox .shg-lightbox-nav.shg-nav-left { left: 0; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMjAzIDU0NHEwIDEzLTEwIDIzbC0zOTMgMzkzIDM5MyAzOTNxMTAgMTAgMTAgMjN0LTEwIDIzbC01MCA1MHEtMTAgMTAtMjMgMTB0LTIzLTEwbC00NjYtNDY2cS0xMC0xMC0xMC0yM3QxMC0yM2w0NjYtNDY2cTEwLTEwIDIzLTEwdDIzIDEwbDUwIDUwcTEwIDEwIDEwIDIzeiIvPjwvc3ZnPg==); } .shg-lightbox .shg-lightbox-nav.shg-nav-right { right: 0; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMTcxIDk2MHEwIDEzLTEwIDIzbC00NjYgNDY2cS0xMCAxMC0yMyAxMHQtMjMtMTBsLTUwLTUwcS0xMC0xMC0xMC0yM3QxMC0yM2wzOTMtMzkzLTM5My0zOTNxLTEwLTEwLTEwLTIzdDEwLTIzbDUwLTUwcTEwLTEwIDIzLTEwdDIzIDEwbDQ2NiA0NjZxMTAgMTAgMTAgMjN6Ii8+PC9zdmc+); } @media screen and (min-width: 769px) { .shg-lightbox .shg-lightbox-image-container { padding: 50px; } } .shogun-lazyload:not([src]), .shogun-lazyloading:not([src]) { opacity: 0; } .shogun-lazyloaded { opacity: 1; transition: opacity 300ms; } Dear Zoxers, thank you thank you thank you. My son, who is 9, has been having some trouble in school, feeling left out and lonely. He was looking for a sense of connection. Being a stay at home mum he was starting to want to be with me more than go to school. We have started using the Zox bands as a bond between us no matter where we are. We have a secret handshake and wear the Zox band on that arm. I am happy to say we have not missed a day of school since starting this. We have also become a monthly subscriber so we can enjoy the anticipation of new bands together. It has strengthened our bond and my sons courage. Thank you again.