html{   scroll-behavior:smooth; } .page-template-template-glossary {   background:url(https://weareher.com/wp-content/themes/her/css/../images/glossary-bg-mob.svg) 50% no-repeat;   background-size:cover;   padding-top:71px; } .glossary-hero{   padding-top:50px; } .glossary .container, .glossary-hero .container{   padding:0 30px; } .page-template-template-glossary .footerWP::before{  display:none; } .glossary-hero {   text-align:center;   margin-bottom:40px; } .glossary-hero__title {   margin-bottom:15px;   max-width:80%;   margin:auto; } .glossary-hero__copy {   margin-bottom:40px; } .glossary-hero__copy p {   font:700 20px / 130% var(--heading); } .glossary{   padding-bottom:110px; } .glossary-nav-wrap {   display:flex;   justify-content:center;   z-index:100;   margin-bottom:0;  position:fixed;  right:0;  bottom:0; } .glossary-nav-wrap{   transform:translateX(180px);   transition:all .3s ease; } .glossary-nav-wrap.is--active{   transform:translateX(0px);   transition:all .3s ease; } .glossary-nav-btn{   border-radius:15px 15px 0px 0px;   transform:rotate(270deg);   transform-origin:right center;   z-index:100;   width:127px;   height:40px;   bottom:380px;   font-size:16px;   transition:all .3s ease;   position:fixed;   right:197px; } .glossary-nav-btn-icon, .glossary-nav-btn-text {   position:absolute;   top:0;   left:0;   right:0;   bottom:0;   margin:auto;   width:max-content;   height:max-content;   display:flex;   align-items:center; } .glossary-nav-btn-text {   z-index:10;   top:5px; } .glossary-nav-btn.is--active .glossary-nav-btn-icon{   opacity:1;   z-index:100;   transition:all .3s ease; } .glossary-nav-btn.is--active .glossary-nav-btn-text, .glossary-nav-btn-icon{   opacity:0;   z-index:-1; }  .glossary-nav {   background:var(--white);   width:177px;   padding:20px;   text-align:right;   bottom:0;   height:400px;   box-sizing:border-box;   transition:all .3s ease; } .glossary-nav ul{   list-style-type:none;   padding:0;   margin:0; } .glossary-nav__item{   margin-bottom:13px; } .glossary-nav__item:last-child{   margin-bottom:0; } .glossary-nav__link{   font:700 16px / 130% var(--heading);   color:var(--black); } .glossary-content{   position:relative; } .glossary-anchor{   position:absolute;   top:-100px; } .glossary-content__intro{   text-align:center;   margin-bottom:50px; } .glossary-content__title{   margin-bottom:20px; } .glossary-content__grid{   display:grid;   grid-gap:20px; } .glossary-content{   margin-bottom:50px; } .glossary-content:last-child{   margin-bottom:0px; } .glossary-item{   background:var(--white);   padding:20px;   border-radius:10px;   color:var(--black); } .glossary-item__title{   margin-bottom:20px; } .glossary-item__copy{   margin-bottom:20px; } .glossary-item__image{   margin-bottom:20px;   height:166px;   width:100%; } .glossary-item__image img{   width:100%;   height:100%;   border-radius:10px;   object-fit:cover; } .glossary-item__date span{   font-weight:400;   font-family:var(--body); } @media screen and (min-width:767px) {   .glossary .container, .glossary-hero .container{  padding:0 70px;   }   .page-template-template-glossary {  background:url(https://weareher.com/wp-content/themes/her/css/../images/glossary-bg-tab.svg) 50% no-repeat;  background-size:cover;  padding-top:93px;   }   .glossary-hero{  padding-top:60px;   }   .glossary-hero__title {  margin-bottom:20px;   }   .glossary-hero__title h1{  font-size:80px;   }   .glossary-hero__copy p {  font-size:24px;   }   .glossary{  padding-bottom:130px;   }   .glossary-content__intro{  margin-bottom:60px;   }   .glossary-content__title{  margin-bottom:25px;   }   .glossary-content__grid{  grid-template-columns:1fr 1fr;  grid-column-gap:20px;  grid-row-gap:40px;   }   .glossary-content{  margin-bottom:60px;   }   .glossary-item__title{  margin-bottom:25px;   }   .glossary-item__copy{  margin-bottom:20px;   }   .glossary-item__image{  margin-bottom:25px;  height:168px;   }   .glossary-nav-wrap{ transform:translateX(407px);   }   .glossary-nav{  width:407px;  height:600px;  padding:70px;   }   .glossary-nav__item{  margin-bottom:20px;   }   .glossary-nav-btn {  right:427px;  bottom:580px;  font-size:18px;  width:135px;  height:40pxs;   } } @media screen and (min-width:1024px) {   .glossary-item__image{  height:200px;   }   .glossary .container, .glossary-hero .container{  padding:0 100px;   } } @media screen and (min-width:1280px) {   .glossary-nav-btn{  display:none;   }   .page-template-template-glossary {  background:url(https://weareher.com/wp-content/themes/her/css/../images/glossary-bg.svg) 50% no-repeat;  background-size:cover;  padding-top:91px;   }   .glossary-nav__item{  margin-bottom:0;   }   .glossary-nav__link{  padding:13px 32px 11px;  height:50px;  background:var(--red);  border:1px solid var(--red);  color:var(--white);  font:700 20px / 130% var(--heading);  transition:all .3s ease;  width:auto;  border-radius:39.555px;  display:flex;   }   .glossary-nav__link:hover, .glossary-nav__link:focus{  background:var(--white);  color:var(--red);  transition:all .3s ease;   }   .glossary-hero{  padding-top:75px;   }   .glossary-hero__copy {  margin-bottom:50px;  max-width:1018px;  margin:auto;   }   .glossary{  padding-bottom:180px;   }   .glossary-nav ul{ display:flex; column-gap:50px; row-gap:20px;  flex-wrap:wrap;  justify-content:center;   }   .glossary-nav-wrap{  margin-bottom:80px;   }   .glossary-content__intro{  margin-bottom:80px;   }   .glossary-content__title{  margin-bottom:30px;   }   .glossary-content__copy{  max-width:580px;  margin:auto;   }   .glossary-item__copy p {  font-size:16px;   }   .glossary-content__grid{  grid-template-columns:1fr 1fr 1fr;  grid-column-gap:40px;   }   .glossary-content{  margin-bottom:80px;   }   .glossary-item__title{  margin-bottom:30px;   }   .glossary-item__image{  margin-bottom:30px;  height:183px;   }   .glossary-nav{  position:static;  opacity:1;  width:auto;  border:none;  background:none;  padding:0;  background:none;  border:none;   }   .glossary-hero {  margin-bottom:50px;   }   .glossary-nav-wrap{  top:50px;   }   .glossary-nav-wrap{  transform:none;  position:sticky;   }   .glossary-nav{  height:auto;   } }