.single-love_stories, .page-template-template-love-stories {   padding-top:72px;   background:url(https://weareher.com/wp-content/themes/her/css/../images/love-stories-bg-mob.png) 50% no-repeat;   background-size:cover; } .single-personal_stories, .page-template-template-personal-stories {   padding-top:72px;   background:url(https://weareher.com/wp-content/themes/her/css/../images/personal-stories-bg-mob.png) 50% no-repeat;   background-size:cover; } div.footerWP.stories-site-main {   background:none; } div.footerWP.stories-site-main::before, .page-template-template-love-stories div.footerWP::before, .page-template-template-personal-stories .footerWP::before {   content:none; } .stories-site-main {   padding-top:0; } .story-section {   padding-top:30px;   padding-bottom:50px; } .story-container {   margin-left:17.5px;   margin-right:17.5px;   background-color:rgba(255, 255, 255, 0.8);   padding:30px 20px;   border-radius:8px; } .story-breadcrumbs {   margin-bottom:27px; } .story-bradcrumbs__button {   font:700 18px / 1 var(--sub-heading);   letter-spacing:-2.5%;   display:flex;   align-items:flex-start;   color:var(--black); } .story-bradcrumbs__button svg {   margin-right:10px;   margin-top:-2px; } .story-image-wrapper, .story-carousel-wrap {   position:relative;   height:max-content; } .story-carousel__image, .story-carousel__video, .story-image {   height:221px; } .story-card__image{   display:flex; } .story-carousel__image img, .story-card__image img, .story-image-wrapper img, .story-carousel__video video {   width:100%;   height:100%;   object-fit:cover;   border-radius:10px; } .story-carousel .swiper-horizontal>.swiper-pagination-bullets, .story-carousel .swiper-pagination-bullets.swiper-pagination-horizontal {   bottom:17px !important; } .story-carousel .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .story-carousel .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {   margin:0 6px !important;   width:9px;   height:9px;   background:var(--grey);   opacity:1; } .story-carousel .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, .story-carousel .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {   background:var(--purple); } .story-carousel {   margin-bottom:23px; } .story-carousel-wrap, .story__location, .story__copy, .story__contacts-title {   margin-bottom:27px; } .story__location h4 {   color:var(--dark-grey); } .story__copy p {   margin-bottom:0;   margin-top:0; } .story__contacts-list {   margin:0;   padding:0; } .story__contacts-link {   list-style-type:none;   margin-bottom:15px; } .story__contacts-link p {   font:700 16px / 130% var(--sub-heading); } .story__contacts-link a {   display:flex;   gap:20px;   align-items:center;   color:var(--black);   transition:all .3s ease; } .story__contacts-link a:hover {   color:var(--red);   transition:all .3s ease; } .story__contacts-link svg {   transition:all .3s ease;   margin-top:-5px; } .story__contacts-link a:hover svg {   fill:var(--red);   transition:all .3s ease; } .related-stories {   padding-top:15px;   padding-bottom:50px; } .related-stories__title {   margin-bottom:20px;   padding:0 20px; } .related-stories__title h3 {   font-size:24px; } .swiper.related-stories-carousel {   padding-bottom:65px; } .related-stories-carousel .swiper-horizontal>.swiper-scrollbar, .related-stories-carousel .swiper-scrollbar.swiper-scrollbar-horizontal {   height:11px;   width:271px;   border-radius:16.6px;   background:#E6E7FA;   margin:auto;   left:0;   right:0;   bottom:0 !important;   top:unset !important; } .related-stories .swiper-scrollbar-drag {   background:var(--purple); } .related-stories-carousel .swiper-scrollbar-drag:before {   content:"";   background:var(--purple);   position:relative;   left:-99vw;   top:0;   position:absolute;   bottom:0;   height:100%;   width:100vw;   z-index:999;   border-radius:16.6px; } .story-card {   padding:18px;   background:var(--white);   border-radius:10px; } .story-card__image {   height:224px;   margin-bottom:30px; } .story-card__title h3 {   font-size:28px;   line-height:120%; } .story-card__location {   font:700 18px / 130% var(--sub-heading);   margin-bottom:15px;   color:var(--dark-grey);   margin-top:0; } .page-template-template-personal-stories .story-card__location, .single-personal_stories .story-card__location {   margin-bottom:8px; } .story-card__pronouns {   font:700 16px / 130% var(--sub-heading);   margin-bottom:8px; } .story-card__button {   color:var(--dark-grey);   font-size:16px;   font-family:var(--body);   display:flex;   gap:15px;   line-height:130%;   align-items:center;   transition:all .3s ease; } .story-card__button:hover {   color:var(--red);   transition:all .3s ease; } .story-card__button path {   transition:all .3s ease; } .story-card__button:hover path {   stroke:var(--red);   transition:all .3s ease; } .story-card__button svg {   margin-top:0; } .stories-section {   padding:50px 0; } .stories-intro {   text-align:center;   margin-bottom:50px; } .stories__title {   margin-bottom:15px; } .stories__copy {   margin-bottom:40px; } .stories__copy p {   font:700 20px / 130% var(--sub-heading); } .stories__cta {   display:flex;   justify-content:center; } .stories-grid {   display:grid;   grid-row-gap:20px;   margin-bottom:50px; } .stories__pagination .facetwp-pager {   justify-content:center; } .story-image {   margin-bottom:35px; } .story__pronouns {   margin-bottom:10px; } .story-image-wrapper {   margin-bottom:30px; } .story-share__button {   cursor:pointer; } .tooltip {   opacity:0;   z-index:-1;   position:absolute;   color:var(--black);   font:700 16px / 130% var(--sub-heading);   transition:all .3s ease;   bottom:-25px; } .tooltip.is--visible {   opacity:1;   z-index:10;   transition:all .3s ease; } .related-stories{  padding-left:20px;  padding-right:20px; } .story__title h2 {   font-size:40px; } .story-carousel-wrap--fixed {   display:none; } .story-image-wrapper video{   object-fit:cover; } @media screen and (min-width:767px) {   .story-carousel__image, .story-carousel__video, .story-image {   height:350px; }   .related-stories-carousel .swiper-wrapper {  margin-left:0px;   }   .related-stories {  padding-left:0;  padding-right:0;   }   .tooltip{  bottom:0;   }   .story-carousel-wrap .tooltip{  bottom:15px;  left:280px;   }   .single-love_stories,   .page-template-template-love-stories {  padding-top:93px;  background:url(https://weareher.com/wp-content/themes/her/css/../images/love-stories-bg-tab.png) 50% no-repeat;  background-size:cover;   }   .single-personal_stories,   .page-template-template-personal-stories {  padding-top:72px;  background:url(https://weareher.com/wp-content/themes/her/css/../images/personal-stories-bg-tab.png) 50% no-repeat;  background-size:cover;   }   div.footerWP.stories-site-main {  background:none;   }   .story-section {  padding-top:40px;   }   .story-container {  padding:35px 32px;  border-radius:0;  margin-left:36px;  margin-right:36px;   }   .personal-story-section .story-container {  padding:35px 35px 83px 35px;   }   .story-breadcrumbs {  margin-bottom:40px;   }   .personal-story-section .story-breadcrumbs {  margin-bottom:35px;   } .story-carousel {  margin-bottom:30px;  padding-bottom:40px !important;   }   .story-carousel .swiper-horizontal>.swiper-scrollbar,   .story-carousel .swiper-scrollbar.swiper-scrollbar-horizontal {  bottom:0;  top:unset !important;  height:11px !important;  width:581px !important;  border-radius:16.6px;  background:#E6E7FA !important;   }   .story-carousel .swiper-scrollbar-drag {  background:none !important;  background:var(--purple) !important;  position:relative;   }   .story-carousel .swiper-scrollbar-drag:before {  content:"";  background:var(--purple);  position:relative;  left:-97vw;  top:0;  position:absolute;  bottom:0;  height:100%;  width:100vw;  z-index:999;  border-radius:16.6px;   }   .story-carousel-wrap,   .story__location,   .story-image-wrapper {  margin-bottom:30px;   }   .story__title {  margin-bottom:10px;   }   .story__copy {  margin-bottom:60px;   }   .story__contacts-title {  margin-bottom:10px;   }   .story__contacts-link p {  font-size:18px;   }   .story-content {  max-width:515px;   } .related-stories {  padding-top:41px;   }   .related-stories__title {  padding-left:38px;   }   .related-stories__title h3 {  font-size:30px;   }   .related-stories-carousel .swiper-horizontal>.swiper-scrollbar,   .related-stories-carousel .swiper-scrollbar.swiper-scrollbar-horizontal {  width:581px;   }   .story-card {  padding:20px;   }   .story-card__title h3 {  font-size:30px;  line-height:130%;   }   .story-card__location {  font-size:16px;   }   .swiper.related-stories-carousel .swiper-wrapper {  padding-left:38px;   }   .stories-section {  padding:60px 0;   }   .stories-intro {  margin-bottom:60px;   }   .stories__title {  margin-bottom:20px;   }   .stories__title h1 {  font-size:80px;   }   .stories__copy p {  font-size:24px;   }   .stories__cta {  display:flex;  justify-content:center;   }   .stories-grid {  grid-template-columns:1fr 1fr;  grid-column-gap:20px;  margin-bottom:60px;   }   .personal-story-grid {  display:flex;  gap:26px;  align-items:flex-start;   }   .story-image-wrapper {  width:240px;   }   .story-image-wrapper .story-image {  height:175px;  margin-bottom:35px;   }   .story-image-wrapper .story-share__button {  margin-left:0;   }   .personal-story-grid .story__contacts-title {  margin-bottom:60px;   }   .story-carousel-wrap--fixed {  display:none;  position:fixed;  margin:0;  width:100%;  z-index:100;   }   .story-carousel-wrap--fixed .story-share__button {  display:none;   }   .story__pronouns {  margin-bottom:15px;   }   .personal-story-section .story__location {  margin-bottom:62px;   }   .story-image-wrapper {  height:305px;   } } @media screen and (min-width:1024px) {   .story-carousel__image,   .story-carousel__video,   .story-image-wrapper {  height:405px;   }   .story-content {  max-width:70%;   } } @media screen and (min-width:1280px) {   .story-carousel-wrap{  padding-bottom:30px;   }   .story-carousel-wrap .tooltip{  bottom:0;  left:unset;   }   .single-love_stories,   .page-template-template-love-stories {  background:url(https://weareher.com/wp-content/themes/her/css/../images/love-stories-bg.png) 50% no-repeat;  background-size:cover;   }   .single-personal_stories,   .page-template-template-personal-stories {  background:url(https://weareher.com/wp-content/themes/her/css/../images/personal-stories-bg.png) 50% no-repeat;  background-size:cover;   }   div.footerWP.stories-site-main {  background:none;   }   .tooltip{  bottom:-120px;   }   .story-section {  padding-top:50px;  padding-bottom:80px;  margin-left:80px;  margin-right:80px;   }   .story-container {  padding:50px 50px 120px 50px;  border-radius:8px;  margin:0;   }   .story-breadcrumbs,   .personal-story-section .story-breadcrumbs {  margin-bottom:50px;   }   .story-carousel .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,   .story-carousel .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {  width:10px;  height:10px;   }   .story-carousel-wrap {  margin-left:0;  margin-right:0px;   }   .story-carousel {  margin-bottom:20px;   }   .story-image-wrapper {  margin-bottom:40px;   }   .story-carousel-wrap {  margin-bottom:0;   }   .story__title {  margin-bottom:15px;   }   .story__title h2 {  font-size:50px;   } .story__location {  margin-bottom:116px;   }   .personal-story-section .story__location {  margin-bottom:80px;   }   .story__content p {  margin-bottom:23px;   }   .story__content p:last-child {  margin-bottom:0;   }   .story__copy {  margin-bottom:80px;   }   .story__contacts-title {  margin-bottom:20px;   }   .story__contacts-link p {  font-size:20px;   }   .story-share__button {  margin-left:unset;   }   .story-carousel .swiper-horizontal>.swiper-pagination-bullets,   .story-carousel .swiper-pagination-bullets.swiper-pagination-horizontal {  bottom:17px !important;   }   .story-grid {  display:flex;  gap:40px;   }   .story-carousel-wrap {  width:440px;   }   .story-carousel {  padding-bottom:0 !important;   }   .story-content {  max-width:unset;   }   .story-content-wrap {  width:calc(100% - 600px);   }   .related-stories {  padding-top:38px;  padding-bottom:118px;   }   .related-stories__title {  margin-bottom:12px;   }   .related-stories__title h3 {  font-size:35px;   }   .story-card__title {  margin-bottom:5px;   }   .story-card__title h3 {  font-size:35px;   }   .related-stories__title {  padding-left:82px;   }   .swiper.related-stories-carousel .swiper-wrapper {  padding-left:82px;   }   .stories-section {  padding:75px 0;   }   .stories-intro {  margin-bottom:80px;   }   .stories__title {  margin-bottom:20px;   }   .stories__copy {  max-width:1018px;  margin:0 auto;  margin-bottom:50px;   }   .stories__copy p {  font-size:24px;   }   .stories-grid {  grid-template-columns:1fr 1fr 1fr;  grid-column-gap:40px;  grid-row-gap:40px;  margin-bottom:80px;   }   .story-card__image {  height:244px;   }   .story-card__location {  margin-bottom:8px;   }   .personal-story-grid {  gap:62px;   }   .story-image-wrapper {  width:540px;   }   .story-image-wrapper .story-image {  height:405px;  margin-bottom:40px;   }   .personal-story-grid .story__contacts-title {  margin-bottom:20px;   }   .story-carousel-wrap--fixed {  display:none;   }   .swiper.related-stories-carousel {  padding-bottom:88px;   } } @media screen and (min-width:1440px) {   .story-carousel-wrap {  width:540px;   } } @media screen and (min-width:1780px) {   .story-card__image {  height:300px;   } }