.callout-section.co-not-visible{-webkit-animation:slide-out .5s forwards;animation:slide-out .5s forwards}body:not(.wp-admin) .callout-section{position:fixed;top:0;right:0;height:100%;width:100%;pointer-events:none;z-index:1000;transition:all .5s ease-out 0s}@media screen and (max-width: 1024px){body:not(.wp-admin) .callout-section{position:initial}}body:not(.wp-admin) .callout-section div.callout-wrapper{pointer-events:auto;position:absolute;bottom:10vw;right:0;width:25%;max-width:500px;margin-bottom:40px;text-align:left;background:var(--color-gold)}@media screen and (max-width: 1024px){body:not(.wp-admin) .callout-section div.callout-wrapper{bottom:14vw;position:initial;max-width:95%;width:95%}}body:not(.wp-admin) .callout-section div.callout-wrapper .text{background:var(--color-gold);vertical-align:middle;padding:1em 3em}body:not(.wp-admin) .callout-section div.callout-wrapper .text:before{content:"→";display:inline-block;opacity:1;overflow:hidden;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:10px;color:#fff}body:not(.wp-admin) .callout-section div.callout-wrapper .text p{line-height:1;margin:0;color:#fff}body:not(.wp-admin) .callout-section div.callout-wrapper .text p.callout-title{font-size:20px;font-family:var(--font-heading);margin-bottom:10px}body:not(.wp-admin) .callout-section div.callout-wrapper .text p.callout-content{text-transform:initial;font-family:var(--font-paragraph);font-size:16px}.slide-in{opacity:1 !important}@media screen and (min-width: 1024px){.slide-in{-webkit-animation:slide-in .5s forwards;animation:slide-in .5s forwards}}.slide-out{opacity:1 !important}@media screen and (min-width: 1024px){.slide-out{-webkit-animation:slide-out .5s forwards;animation:slide-out .5s forwards}}@-webkit-keyframes slide-out{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slide-out{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes slide-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes slide-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}