@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");.heading{padding:1.5rem 5vw;text-align:center;position:relative;text-transform:uppercase;margin-bottom:0}.heading:after{content:'';position:absolute;top:0;left:50%;height:5px;width:5rem;background-color:#926a3d;transform:translateX(-50%)}@media only screen and (max-width: 576px){.heading:after{height:3px}}@media only screen and (max-width: 576px){.widget-row{margin:0}}.widget-row .story-wrapper{height:50rem;padding:0;flex:0 0 33%;max-width:33%}@media only screen and (max-width: 1024px){.widget-row .story-wrapper{height:40rem}}@media only screen and (max-width: 700px){.widget-row .story-wrapper{flex:0 0 100%;max-width:100%}}.widget-row .story-wrapper .story-inner{display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;flex-direction:row;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;flex-direction:column;flex-wrap:wrap;height:100%;width:100%;padding:2rem 5rem;transition:all 0.3s;z-index:2}.widget-row .story-wrapper .story-inner:hover:before{opacity:0}@media only screen and (max-width: 1024px){.widget-row .story-wrapper .story-inner:hover:before{opacity:1}}.widget-row .story-wrapper .story-inner:hover:after{opacity:1}@media only screen and (max-width: 1024px){.widget-row .story-wrapper .story-inner:hover:after{opacity:0}}.widget-row .story-wrapper .story-inner:hover .title-wrap{border-bottom:5px solid #fff}@media only screen and (max-width: 1024px){.widget-row .story-wrapper .story-inner:hover .title-wrap{border-bottom:5px solid #222}}.widget-row .story-wrapper .story-inner:hover .title-wrap .name{color:#fff}@media only screen and (max-width: 1024px){.widget-row .story-wrapper .story-inner:hover .title-wrap .name{color:#222}}.widget-row .story-wrapper .story-inner:hover .title-wrap .status{color:#fff}@media only screen and (max-width: 1024px){.widget-row .story-wrapper .story-inner:hover .title-wrap .status{color:#222}}.widget-row .story-wrapper .story-inner:hover .excerpt{color:#fff}@media only screen and (max-width: 1024px){.widget-row .story-wrapper .story-inner:hover .excerpt{color:#222}}@media only screen and (max-width: 1024px){.widget-row .story-wrapper .story-inner{padding:2rem}}@media only screen and (max-width: 768px){.widget-row .story-wrapper .story-inner{padding:2rem 5vw}}@media only screen and (max-width: 700px){.widget-row .story-wrapper .story-inner{background-size:cover;background-position:top;background-repeat:no-repeat}}.widget-row .story-wrapper .story-inner:before{content:'';position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, #fff 100%);opacity:1;z-index:inherit;transition:all 0.3s}.widget-row .story-wrapper .story-inner:after{content:'';position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, #000 100%);opacity:0;z-index:inherit;transition:all 0.3s}.widget-row .story-wrapper .story-inner .title-wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;flex-direction:row;width:100%;border-bottom:5px solid #222;padding-bottom:0.2rem;margin-bottom:1rem;position:relative;z-index:5;transition:all 0.3s}.widget-row .story-wrapper .story-inner .title-wrap .name{color:#222;font-size:1.75rem}@media only screen and (max-width: 1024px){.widget-row .story-wrapper .story-inner .title-wrap .name{font-size:1.5rem}}.widget-row .story-wrapper .story-inner .title-wrap .status{color:#222;font-size:1.5rem}@media only screen and (max-width: 1024px){.widget-row .story-wrapper .story-inner .title-wrap .status{font-size:1.2rem}}.widget-row .story-wrapper .story-inner .excerpt{font-size:1.1rem;margin-bottom:3rem;position:relative;z-index:5;width:100%;color:#222;transition:all 0.3s}.widget-row .story-wrapper .story-inner .align-center{position:relative;z-index:5}.widget-row .story-wrapper .story-inner .align-center a{color:#fff;padding:0.5rem 1rem;background-color:#222;text-transform:uppercase;transition:all 0.3s}.widget-row .story-wrapper .story-inner .align-center a:hover{background-color:#fff;color:#222}
