.travel-guide .travel-guide-content .content-inner .location-pill, .travel-guides-block-container .travel-guides-header-form .travel-guides-header .buttons .button.minor svg {
transition: all 0.3s ease-out;
}
.travel-guides-header-nav {
display: flex;
flex-direction: column;
gap: var(--row-m);
text-align: center;
justify-content: center;
align-items: center;
margin-bottom: calc(var(--row-m) - var(--space-l));
}
.travel-guides-header-nav .guide-title {
font-family: var(--font-family-title-heading);
font-weight: var(--font-weight-title-heading);
text-transform: var(--text-transform-title-heading);
font-size: var(--font-size-title-heading-1);
line-height: var(--line-height-title-heading-1);
letter-spacing: var(--letter-spacing-title-heading-1);
font-style: var(--font-style-title-heading);
word-spacing: var(--word-spacing-title-heading);
color: var(--color-accent-primary-dark);
margin: unset;
}
@media only screen and (max-width: 48rem) {
.travel-guides-header-nav .travel-gudies-filter {
display: flex;
width: 100vw;
align-items: start;
justify-content: start;
position: relative;
-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
mask-image: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
}
}
.travel-guides-header-nav .pill-nav-filter button {
font-family: var(--font-family-overline);
font-weight: var(--font-weight-overline);
text-transform: var(--text-transform-overline);
font-size: var(--font-size-overline-1);
line-height: var(--line-height-overline-1);
letter-spacing: var(--letter-spacing-overline-1);
font-style: var(--font-style-overline);
}
@media only screen and (max-width: 48rem) {
.travel-guides-header-nav .pill-nav-filter {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
overflow: scroll;
width: 100%;
align-items: start;
justify-content: start;
}
.travel-guides-header-nav .pill-nav-filter button {
text-wrap-mode: nowrap;
}
.travel-guides-header-nav .pill-nav-filter button:first-of-type {
margin-left: var(--container-standard);
}
.travel-guides-header-nav .pill-nav-filter button:last-of-type {
margin-right: var(--container-standard);
}
}
.travel-guides-block-container {
display: flex;
flex-direction: column;
gap: var(--space-l);
}
.travel-guides-block-container .travel-guides-header-form {
display: flex;
flex-direction: row;
gap: var(--gutter-x-loose);
align-items: stretch;
}
@media only screen and (max-width: 48rem) {
.travel-guides-block-container .travel-guides-header-form {
flex-direction: column;
gap: var(--gutter-standard);
}
}
.travel-guides-block-container .travel-guides-header-form .travel-guides-header {
display: flex;
flex-direction: column;
gap: var(--space-s);
flex: 1;
}
.travel-guides-block-container .travel-guides-header-form .travel-guides-header .header-content {
display: flex;
flex-direction: column;
gap: var(--space-xs);
}
.travel-guides-block-container .travel-guides-header-form .travel-guides-header .header-content h2 {
font-family: var(--font-family-large-heading);
font-weight: var(--font-weight-large-heading);
text-transform: var(--text-transform-large-heading);
font-size: var(--font-size-large-heading-1);
line-height: var(--line-height-large-heading-1);
letter-spacing: var(--letter-spacing-large-heading-1);
font-style: var(--font-style-large-heading);
margin: unset;
display: inline-block;
color: var(--color-accent-primary-dark);
}
.travel-guides-block-container .travel-guides-header-form .travel-guides-header .header-content h2 span {
color: var(--color-accent-primary);
}
.travel-guides-block-container .travel-guides-header-form .travel-guides-header .header-content .header-main-copy p {
margin: unset;
font-family: var(--font-family-body);
font-weight: var(--font-weight-body);
text-transform: var(--text-transform-body);
font-size: var(--font-size-body-m);
line-height: var(--line-height-body-m);
letter-spacing: var(--letter-spacing-body-m);
font-style: var(--font-style-body);
}
.travel-guides-block-container .travel-guides-header-form .travel-guides-header .buttons .button.minor {
margin: unset;
min-height: unset;
color: var(--color-accent-primary);
gap: var(--space-2xs);
align-items: center;
padding-inline: unset;
}
.travel-guides-block-container .travel-guides-header-form .travel-guides-header .buttons .button.minor svg {
width: var(--size-m-3);
height: var(--size-m-3);
color: var(--color-accent-primary);
}
.travel-guides-block-container .travel-guides-header-form .travel-guides-header .buttons .button.minor:hover svg {
transform: translateX(var(--space-2xs));
}
@media only screen and (max-width: 48rem) {
.travel-guides-block-container .travel-guides-header-form .travel-guides-header .buttons .button.minor {
padding-block: unset;
}
}
.travel-guides-block-container .travel-guides-header-form .travel-guides-divider {
width: 4px;
}
@media only screen and (max-width: 48rem) {
.travel-guides-block-container .travel-guides-header-form .travel-guides-divider {
width: 100%;
height: 4px;
}
}
.travel-guides-block-container .travel-guides-header-form .travel-guides-divider svg {
width: 100%;
height: 100%;
color: var(--color-accent-primary);
}
@media only screen and (max-width: 48rem) {
.travel-guides-block-container .travel-guides-header-form .travel-guides-divider svg.desktop {
display: none;
}
}
.travel-guides-block-container .travel-guides-header-form .travel-guides-divider svg.mobile {
display: none;
}
@media only screen and (max-width: 48rem) {
.travel-guides-block-container .travel-guides-header-form .travel-guides-divider svg.mobile {
display: flex;
}
}
.travel-guides-block-container .travel-guides-header-form .travel-guides-form.newsletter {
width: calc(50% - var(--gutter-x-loose) - var(--space-l) / 2);
}
@media only screen and (max-width: 48rem) {
.travel-guides-block-container .travel-guides-header-form .travel-guides-form.newsletter {
width: 100%;
padding: unset;
}
}
.travel-guides-block-container .travel-guides-header-form .travel-guides-form.newsletter header, .travel-guides-block-container .travel-guides-header-form .travel-guides-form.newsletter form {
text-align: left;
align-items: start;
}
.travel-guides-block-container .travel-guides-header-form .travel-guides-form.newsletter header label, .travel-guides-block-container .travel-guides-header-form .travel-guides-form.newsletter form label {
text-align: left;
}
.travel-guides-block-container .travel-guides-header-form .travel-guides-form.newsletter header .newsletter-wrap, .travel-guides-block-container .travel-guides-header-form .travel-guides-form.newsletter form .newsletter-wrap {
width: 100%;
}
.travel-guides-block-container .travel-guides {
display: flex;
width: 100%;
}
.travel-guides-block-container .travel-guides .travel-guides-listing {
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-flow: column;
-moz-column-gap: var(--gutter-standard);
column-gap: var(--gutter-standard);
row-gap: var(--gutter-x-tight);
width: 100%;
}
@media only screen and (max-width: 48rem) {
.travel-guides-block-container .travel-guides .travel-guides-listing {
display: flex;
flex-direction: column;
gap: var(--gutter-standard);
}
}
.travel-guides-block-container .travel-guides .travel-guides-listing .travel-guide:first-of-type, .travel-guides-block-container .travel-guides .travel-guides-listing:has(> :last-child:nth-child(2)) .travel-guide:nth-of-type(2) {
grid-row: span 3;
flex-direction: column;
}
.travel-guides-block-container .travel-guides .travel-guides-listing .travel-guide:first-of-type .travel-guide-img, .travel-guides-block-container .travel-guides .travel-guides-listing:has(> :last-child:nth-child(2)) .travel-guide:nth-of-type(2) .travel-guide-img {
--image-mask: url('data:image/svg+xml,');
height: unset;
aspect-ratio: 3/2;
}
.travel-guides-block-container .travel-guides .travel-guides-listing .travel-guide:first-of-type .travel-guide-content, .travel-guides-block-container .travel-guides .travel-guides-listing:has(> :last-child:nth-child(2)) .travel-guide:nth-of-type(2) .travel-guide-content {
padding: var(--row-s) var(--row-m);
gap: var(--Space-l);
}
.travel-guides-block-container .travel-guides .travel-guides-listing .travel-guide:first-of-type .travel-guide-content .content-inner, .travel-guides-block-container .travel-guides .travel-guides-listing:has(> :last-child:nth-child(2)) .travel-guide:nth-of-type(2) .travel-guide-content .content-inner {
padding-top: unset;
}
.travel-guides-block-container .travel-guides .travel-guides-listing .travel-guide:first-of-type .travel-guide-content .content-inner .travel-guide-title .guide-date-read p, .travel-guides-block-container .travel-guides .travel-guides-listing:has(> :last-child:nth-child(2)) .travel-guide:nth-of-type(2) .travel-guide-content .content-inner .travel-guide-title .guide-date-read p {
font-family: var(--font-family-overline);
font-weight: var(--font-weight-overline);
text-transform: var(--text-transform-overline);
font-size: var(--font-size-overline-1);
line-height: var(--line-height-overline-1);
letter-spacing: var(--letter-spacing-overline-1);
font-style: var(--font-style-overline);
}
.travel-guides-block-container .travel-guides .travel-guides-listing .travel-guide:first-of-type .travel-guide-content .content-inner .travel-guide-title h3, .travel-guides-block-container .travel-guides .travel-guides-listing:has(> :last-child:nth-child(2)) .travel-guide:nth-of-type(2) .travel-guide-content .content-inner .travel-guide-title h3 {
font-family: var(--font-family-large-heading);
font-weight: var(--font-weight-large-heading);
text-transform: var(--text-transform-large-heading);
font-size: var(--font-size-large-heading-3);
line-height: var(--line-height-large-heading-3);
letter-spacing: var(--letter-spacing-large-heading-3);
font-style: var(--font-style-large-heading);
margin: unset;
flex: unset;
}
.travel-guides-block-container .travel-guides .travel-guides-listing .travel-guide:first-of-type .travel-guide-content .content-inner .travel-guide-title .guide-author p, .travel-guides-block-container .travel-guides .travel-guides-listing:has(> :last-child:nth-child(2)) .travel-guide:nth-of-type(2) .travel-guide-content .content-inner .travel-guide-title .guide-author p {
font-family: var(--font-family-subtitle);
font-weight: var(--font-weight-subtitle);
text-transform: var(--text-transform-subtitle);
font-size: var(--font-size-subtitle-2);
line-height: var(--line-height-subtitle-2);
letter-spacing: var(--letter-spacing-subtitle-2);
font-style: var(--font-style-subtitle);
}
.travel-guides-block-container .travel-guides .travel-guides-listing .travel-guide:first-of-type .travel-guide-content .content-inner article, .travel-guides-block-container .travel-guides .travel-guides-listing:has(> :last-child:nth-child(2)) .travel-guide:nth-of-type(2) .travel-guide-content .content-inner article {
display: flex;
}
.travel-guides-block-container .travel-guides .travel-guides-listing .travel-guide:first-of-type .travel-guide-content .travel-guide-cta, .travel-guides-block-container .travel-guides .travel-guides-listing:has(> :last-child:nth-child(2)) .travel-guide:nth-of-type(2) .travel-guide-content .travel-guide-cta {
position: relative;
right: unset;
top: unset;
margin-top: var(--space-l);
}
.travel-guides-block-container .travel-guides .travel-guides-listing .travel-guide:first-of-type .travel-guide-content .travel-guide-cta .button.primary, .travel-guides-block-container .travel-guides .travel-guides-listing:has(> :last-child:nth-child(2)) .travel-guide:nth-of-type(2) .travel-guide-content .travel-guide-cta .button.primary {
display: flex;
margin: unset;
width: -moz-fit-content;
width: fit-content;
}
.travel-guides-block-container .travel-guides .travel-guides-listing .travel-guide:first-of-type .travel-guide-content .travel-guide-cta .button.icon, .travel-guides-block-container .travel-guides .travel-guides-listing:has(> :last-child:nth-child(2)) .travel-guide:nth-of-type(2) .travel-guide-content .travel-guide-cta .button.icon {
display: none;
}
.travel-guides-block-container .travel-guides .travel-guides-listing:has(> :last-child:nth-child(1)) { /* 1 element */ }
.travel-guides-block-container .travel-guides .travel-guides-listing:has(> :last-child:nth-child(3)) { /* 3 elements */ }
.travel-guides-block-container .travel-guides .travel-guides-listing:has(> :last-child:nth-child(3)) .travel-guide:nth-of-type(2), .travel-guides-block-container .travel-guides .travel-guides-listing:has(> :last-child:nth-child(3)) .travel-guide:nth-of-type(3) {
grid-column: span 3;
grid-row: span 1;
}
.travel-guide {
background-color: var(--color-background-alt);
border-radius: 8px;
overflow: hidden;
display: flex;
flex-direction: row;
align-items: center;
}
@media only screen and (max-width: 48rem) {
.travel-guide {
flex-direction: column;
}
}
.travel-guide.loading {
overflow: hidden;
position: relative;
height: 30rem;
background-color: #cacaca !important;
}
.travel-guide .travel-guide-img {
--image-mask: url('data:image/svg+xml,');
-webkit-mask-box-image: var(--image-mask) 1 1;
mask-border: var(--image-mask) 1 1;
-webkit-mask-box-image-slice: 33.333 fill;
mask-border-slice: 33.333 fill;
position: relative;
flex: 1;
width: 100%;
height: 100%;
}
.travel-guide .travel-guide-img img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
inset: 0;
}
@media only screen and (max-width: 48rem) {
.travel-guide .travel-guide-img {
height: unset;
aspect-ratio: 3/2;
--image-mask: url('data:image/svg+xml,');
}
}
.travel-guide .travel-guide-content {
display: flex;
flex-direction: column;
padding: var(--row-xs) var(--row-s);
flex: 1;
height: 100%;
}
@media only screen and (max-width: 48rem) {
.travel-guide .travel-guide-content {
position: relative;
}
}
.travel-guide .travel-guide-content .content-inner {
display: flex;
flex-direction: column;
gap: var(--space-s);
flex: 1;
padding-top: var(--space-m);
}
@media only screen and (max-width: 48rem) {
.travel-guide .travel-guide-content .content-inner {
padding-top: unset;
}
}
.travel-guide .travel-guide-content .content-inner .location-pill {
min-height: unset;
margin: unset;
padding: var(--space-2xs) var(--space-xs);
border: solid 1px var(--color-body);
border-radius: 1000000000px;
font-family: var(--font-family-overline);
font-weight: var(--font-weight-overline);
text-transform: var(--text-transform-overline);
font-size: var(--font-size-overline-2);
line-height: var(--line-height-overline-2);
letter-spacing: var(--letter-spacing-overline-2);
font-style: var(--font-style-overline);
width: -moz-fit-content;
width: fit-content;
color: var(--color-body);
}
.travel-guide .travel-guide-content .content-inner .location-pill:hover {
color: var(--color-accent-primary);
border-color: var(--color-accent-primary);
}
.travel-guide .travel-guide-content .content-inner .travel-guide-title {
display: flex;
flex-direction: column;
gap: var(--space-3xs);
flex: 1;
}
.travel-guide .travel-guide-content .content-inner .travel-guide-title .guide-date-read {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: var(--space-2xs);
align-items: center;
}
.travel-guide .travel-guide-content .content-inner .travel-guide-title .guide-date-read p {
font-family: var(--font-family-overline);
font-weight: var(--font-weight-overline);
text-transform: var(--text-transform-overline);
font-size: var(--font-size-overline-2);
line-height: var(--line-height-overline-2);
letter-spacing: var(--letter-spacing-overline-2);
font-style: var(--font-style-overline);
margin: unset;
}
.travel-guide .travel-guide-content .content-inner .travel-guide-title .guide-date-read svg {
width: var(--size-s-3);
height: var(--size-s-3);
color: var(--color-body);
}
.travel-guide .travel-guide-content .content-inner .travel-guide-title h3 {
font-family: var(--font-family-large-heading);
font-weight: var(--font-weight-large-heading);
text-transform: var(--text-transform-large-heading);
font-size: var(--font-size-large-heading-4);
line-height: var(--line-height-large-heading-4);
letter-spacing: var(--letter-spacing-large-heading-4);
font-style: var(--font-style-large-heading);
margin: unset;
flex: 1;
}
.travel-guide .travel-guide-content .content-inner .travel-guide-title .guide-author {
display: flex;
flex-direction: row;
align-items: center;
gap: var(--space-2xs);
}
.travel-guide .travel-guide-content .content-inner .travel-guide-title .guide-author .author-pp {
width: var(--size-m-5);
height: var(--size-m-5);
border-radius: 100%;
background-color: var(--color-background-alt);
position: relative;
overflow: hidden;
}
.travel-guide .travel-guide-content .content-inner .travel-guide-title .guide-author .author-pp img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
inset: 0;
}
.travel-guide .travel-guide-content .content-inner .travel-guide-title .guide-author p {
margin: unset;
font-family: var(--font-family-subtitle);
font-weight: var(--font-weight-subtitle);
text-transform: var(--text-transform-subtitle);
font-size: var(--font-size-subtitle-3);
line-height: var(--line-height-subtitle-3);
letter-spacing: var(--letter-spacing-subtitle-3);
font-style: var(--font-style-subtitle);
}
.travel-guide .travel-guide-content .content-inner article {
display: none;
}
.travel-guide .travel-guide-content .content-inner article p:last-of-type {
margin: unset;
}
.travel-guide .travel-guide-content .content-inner article p {
font-family: var(--font-family-body);
font-weight: var(--font-weight-body);
text-transform: var(--text-transform-body);
font-style: var(--font-style-body);
}
.travel-guide .travel-guide-content .travel-guide-cta {
position: absolute;
right: var(--space-s);
top: var(--space-s);
}
.travel-guide .travel-guide-content .travel-guide-cta .button.primary, .travel-guide .travel-guide-content .travel-guide-cta .button.minor {
display: none;
}
.travel-guide .travel-guide-content .travel-guide-cta .button.icon {
color: var(--color-body);
background-color: unset;
border-color: transparent;
min-height: unset;
width: unset;
height: unset;
}
.travel-guide .travel-guide-content .travel-guide-cta .button.icon svg {
width: var(--size-m-3);
height: var(--size-m-3);
color: var(--color-body);
flex: none;
}
.travel-guide:hover .travel-guide-content .travel-guide-cta .button svg {
color: var(--color-accent-primary);
}
.blog-listing-container {
padding-bottom: var(--row-m);
}
.blog-listing-container .blog-listing {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: var(--row-m);
width: 100%;
margin-top: var(--row-m);
}
@media only screen and (max-width: 64rem) {
.blog-listing-container .blog-listing {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 48rem) {
.blog-listing-container .blog-listing {
grid-template-columns: 1fr;
}
}
.blog-listing-container .blog-listing.has-featured .travel-guide:first-of-type {
grid-column: span 3;
flex-direction: column;
background-color: var(--color-background-alt);
flex-direction: row;
gap: var(--gutter-loose);
margin-bottom: var(--row-m);
opacity: 1;
visibility: visible;
pointer-events: all;
transform: unset;
}
.blog-listing-container .blog-listing.has-featured .travel-guide:first-of-type .travel-guide-img {
--image-mask: url('data:image/svg+xml,');
aspect-ratio: 1/1;
}
.blog-listing-container .blog-listing.has-featured .travel-guide:first-of-type .travel-guide-content {
justify-content: center;
height: -moz-fit-content;
height: fit-content;
padding-right: var(--space-xl);
padding-block: var(--space-m);
gap: var(--space-l);
}
.blog-listing-container .blog-listing.has-featured .travel-guide:first-of-type .travel-guide-content .content-inner {
gap: unset;
padding-top: unset;
}
.blog-listing-container .blog-listing.has-featured .travel-guide:first-of-type .travel-guide-content .content-inner .guide-date-read {
padding-top: var(--space-l);
}
.blog-listing-container .blog-listing.has-featured .travel-guide:first-of-type .travel-guide-content .content-inner .guide-date-read p {
font-family: var(--font-family-overline);
font-weight: var(--font-weight-overline);
text-transform: var(--text-transform-overline);
font-size: var(--font-size-overline-1);
line-height: var(--line-height-overline-1);
letter-spacing: var(--letter-spacing-overline-1);
font-style: var(--font-style-overline);
}
.blog-listing-container .blog-listing.has-featured .travel-guide:first-of-type .travel-guide-content .content-inner .travel-guide-title {
flex: unset;
gap: unset;
padding-bottom: var(--space-s);
}
.blog-listing-container .blog-listing.has-featured .travel-guide:first-of-type .travel-guide-content .content-inner .travel-guide-title h3 {
padding-top: var(--space-s);
padding-bottom: var(--space-3xs);
flex: unset;
font-family: var(--font-family-large-heading);
font-weight: var(--font-weight-large-heading);
text-transform: var(--text-transform-large-heading);
font-size: var(--font-size-large-heading-3);
line-height: var(--line-height-large-heading-3);
letter-spacing: var(--letter-spacing-large-heading-3);
font-style: var(--font-style-large-heading);
color: var(--color-accent-primary);
}
.blog-listing-container .blog-listing.has-featured .travel-guide:first-of-type article {
display: flex;
}
.blog-listing-container .blog-listing.has-featured .travel-guide:first-of-type .travel-guide-cta .button.minor {
display: none;
}
.blog-listing-container .blog-listing.has-featured .travel-guide:first-of-type .travel-guide-cta .button.primary {
display: flex;
width: -moz-fit-content;
width: fit-content;
}
@media only screen and (max-width: 64rem) {
.blog-listing-container .blog-listing.has-featured .travel-guide:first-of-type {
grid-column: span 2;
}
}
@media only screen and (max-width: 48rem) {
.blog-listing-container .blog-listing.has-featured .travel-guide:first-of-type {
grid-column: span 1;
flex-direction: column;
}
.blog-listing-container .blog-listing.has-featured .travel-guide:first-of-type .travel-guide-content {
padding: 0 var(--container-wide) var(--row-xs) var(--container-wide);
}
.blog-listing-container .blog-listing.has-featured .travel-guide:first-of-type .travel-guide-content .content-inner .travel-guide-title h3 {
color: var(--color-body);
text-wrap-style: pretty;
}
.blog-listing-container .blog-listing.has-featured .travel-guide:first-of-type .travel-guide-img {
--image-mask: url('data:image/svg+xml,');
}
}
.blog-listing-container .blog-listing .travel-guide {
flex-direction: column;
background-color: transparent;
}
.blog-listing-container .blog-listing .travel-guide .travel-guide-img {
aspect-ratio: 4/3;
height: unset;
--image-mask: url('data:image/svg+xml,');
}
.blog-listing-container .blog-listing .travel-guide .travel-guide-content {
padding: unset;
gap: var(--space-s);
}
.blog-listing-container .blog-listing .travel-guide .travel-guide-content .content-inner {
padding-top: var(--space-l);
}
.blog-listing-container .blog-listing .travel-guide .travel-guide-content .content-inner .travel-guide-title {
gap: var(--space-2xs);
}
.blog-listing-container .blog-listing .travel-guide .travel-guide-content .content-inner .travel-guide-title .guide-author p {
font-family: var(--font-family-subtitle);
font-weight: var(--font-weight-subtitle);
text-transform: var(--text-transform-subtitle);
font-size: var(--font-size-subtitle-2);
line-height: var(--line-height-subtitle-2);
letter-spacing: var(--letter-spacing-subtitle-2);
font-style: var(--font-style-subtitle);
}
.blog-listing-container .blog-listing .travel-guide .travel-guide-content .content-inner .location-pill {
font-family: var(--font-family-overline);
font-weight: var(--font-weight-overline);
text-transform: var(--text-transform-overline);
font-size: var(--font-size-overline-1);
line-height: var(--line-height-overline-1);
letter-spacing: var(--letter-spacing-overline-1);
font-style: var(--font-style-overline);
}
.blog-listing-container .blog-listing .travel-guide .travel-guide-cta {
position: relative;
top: unset;
right: unset;
}
.blog-listing-container .blog-listing .travel-guide .travel-guide-cta .button.primary, .blog-listing-container .blog-listing .travel-guide .travel-guide-cta .button.icon {
display: none;
}
.blog-listing-container .blog-listing .travel-guide .travel-guide-cta .button.minor {
display: flex;
width: -moz-fit-content;
width: fit-content;
padding: unset;
color: var(--color-accent-primary);
min-height: unset;
}
.blog-listing-container .blog-listing .travel-guide .travel-guide-cta .button.minor svg {
color: var(--color-accent-primary);
width: var(--size-m-3);
height: var(--size-m-3);
}
.blog-listing-container .blog-listing .travel-guide .travel-guide-cta .button.minor svg.standard-posts-icon {
display: flex;
}
.blog-listing-container .blog-listing .travel-guide .travel-guide-cta .button.minor svg.more-posts-icon {
display: none;
}
@media only screen and (max-width: 48rem) {
.blog-listing-container .blog-listing .travel-guide .travel-guide-content .content-inner .travel-guide-title .guide-author p {
font-family: var(--font-family-subtitle);
font-weight: var(--font-weight-subtitle);
text-transform: var(--text-transform-subtitle);
font-size: var(--font-size-subtitle-3);
line-height: var(--line-height-subtitle-3);
letter-spacing: var(--letter-spacing-subtitle-3);
font-style: var(--font-style-subtitle);
}
.blog-listing-container .blog-listing .travel-guide .travel-guide-content .content-inner .travel-guide-title .guide-author .author-pp {
overflow: hidden;
border-radius: 99999px;
border: 2px solid var(--color-accent-primary);
background: var(--color-background-alt);
display: flex;
justify-content: center;
align-items: center;
}
.blog-listing-container .blog-listing .travel-guide .travel-guide-content .content-inner .travel-guide-title .guide-author .author-pp img {
width: calc(100% - 2px);
height: calc(100% - 2px);
border-radius: 100%;
overflow: hidden;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
}
}
/*# sourceMappingURL=travel_guides.css.map */