.subsite-network{padding:10rem 0}.subsite-network .networks{display:grid;gap:2.5rem;grid-template-columns:1fr;position:relative}@media only screen and (min-width:768px){.subsite-network .networks{grid-template-columns:1fr 1fr}}@media only screen and (min-width:992px){.subsite-network .networks{grid-template-columns:1fr 1fr 1fr}}.subsite-network .networks .network{align-items:center;border-radius:0 0 var(--border-radius) var(--border-radius);border-top:4px solid transparent;box-shadow:0 7px 11px 0 rgba(0,0,0,.1);cursor:pointer;display:grid;height:350px;justify-content:center;position:relative}.subsite-network .networks .network img{width:175px}.subsite-network .networks .network .plus{bottom:0;margin:2rem;opacity:0;position:absolute;right:0;transition:all .2s ease-in-out}.subsite-network .networks .network:hover{border-top:4px solid rgba(var(--highlight),1)}.subsite-network .networks .network:hover .plus{opacity:1}.network--modal{display:none;position:fixed;right:0;top:0;width:100vw;z-index:10}.network--modal--backdrop{background-color:rgba(0,0,0,.5);bottom:0;height:100vh;left:0;opacity:0;position:absolute;right:0;top:0;width:100vw}.network--modal--content{background:#fff;display:grid;grid-template-rows:90px auto;height:100vh;overflow:hidden;overflow-y:scroll;position:absolute;right:0;transform:translateX(100%);width:100vw;z-index:2}@media only screen and (min-width:576px){.network--modal--content{min-width:600px;width:45vw}}.network--modal--content .network--modal--close{padding:3rem 2rem}@media only screen and (min-width:576px){.network--modal--content .network--modal--close{padding:3rem}}.network--modal--content .network--modal--close .modal--close{cursor:pointer}.network--modal--content .template-content{height:100%;padding:0 2rem}.network--modal--content .template-content .template{display:grid;grid-template-rows:-webkit-max-content 1fr;grid-template-rows:max-content 1fr;height:100%;padding-bottom:3rem}.network--modal--content .template-content .template--image{display:grid;justify-content:center;margin-bottom:4rem;width:100%}@media only screen and (min-width:576px){.network--modal--content .template-content .template--image{justify-content:end;margin-bottom:0;padding:5.5rem 4rem}}.network--modal--content .template-content .template--image img{max-width:250px;width:100%}.network--modal--content .template-content .template .content{align-items:end;display:grid;padding:5.5rem 4rem}.network--modal--content .template-content .template .content p:last-child{margin-bottom:0}