@media(max-width:781px){
.drslon-archive-shell, .drslon-home-shell {
padding-top: 20px !important;
padding-bottom: 40px !important;
}
body.blog main.wp-block-group.drslon-home-shell {
padding-left: 12px !important;
padding-right: 12px !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
}
body.blog .drslon-blog-layout, body.blog .drslon-home-layout {
margin-left: 0 !important;
margin-right: 0 !important;
gap: 0 !important;
max-width: 100% !important;
}
body.blog .drslon-blog-layout > .wp-block-column, body.blog .drslon-home-layout > .wp-block-column {
min-width: 0 !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}
body.blog .drslon-home-main, body.blog .drslon-home-tiles-wrap, body.blog .drslon-home-sections-wrap {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
} body.blog .drslon-home-featured-wrap {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
overflow: visible !important;
}
body.blog .drslon-home-featured-wrap .drslon-featured-slider__frame {
overflow: visible !important;
}
body.blog .drslon-home-featured-wrap .drslon-featured-slider__viewport {
display: flex !important;
gap: 12px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scroll-snap-type: x mandatory !important;
padding: 0 0 48px 0 !important;
margin: 0 !important;
-webkit-overflow-scrolling: touch !important;
}
body.blog .drslon-home-featured-wrap .drslon-featured-slider__card {
position: relative !important;
flex: 0 0 100% !important;
width: 100% !important;
min-width: 100% !important;
display: block !important;
padding: 0 0 130px 0 !important;
margin: 0 !important;
min-height: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow: visible !important;
scroll-snap-align: start !important;
}
body.blog .drslon-home-featured-wrap .drslon-featured-slider__media {
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 200px !important;
border-radius: 14px !important;
overflow: hidden !important;
}
body.blog .drslon-home-featured-wrap .drslon-featured-slider__image, body.blog .drslon-home-featured-wrap .drslon-featured-slider__media img {
display: block !important;
width: 100% !important;
height: auto !important;
min-height: 200px !important;
aspect-ratio: 16 / 9 !important;
object-fit: cover !important;
}
body.blog .drslon-home-featured-wrap .drslon-featured-slider__content {
position: absolute !important;
left: 50% !important;
right: auto !important;
bottom: -28px !important;
transform: translateX(-50%) !important;
width: calc(100% - 16px) !important;
max-width: 100% !important;
margin: 0 !important;
padding: 14px 64px 16px !important;
box-sizing: border-box !important;
border-radius: 12px !important;
background: var(--wp--preset--color--surface, #ffffff) !important;
border: 1px solid rgba(216, 224, 238, 0.92) !important;
box-shadow: 0 12px 28px rgba(18, 34, 54, 0.12) !important;
}
body.blog .drslon-home-featured-wrap .drslon-featured-slider__title, body.blog .drslon-home-featured-wrap .drslon-featured-slider__excerpt {
text-align: left !important;
}
body.blog .drslon-home-featured-wrap .drslon-featured-slider__controls {
position: absolute !important;
top: 100px !important;
left: 0 !important;
right: 0 !important;
z-index: 8 !important;
display: flex !important;
justify-content: space-between !important;
padding: 0 4px !important;
margin: 0 !important;
transform: none !important;
pointer-events: none !important;
}
body.blog .drslon-home-featured-wrap .drslon-featured-slider__arrow {
pointer-events: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
} body.blog .drslon-home-tiles-wrap .drslon-category-tiles {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.blog .drslon-home-tiles-wrap .drslon-category-tiles__heading {
margin-bottom: 0.75rem !important;
padding: 0 !important;
}
body.blog .drslon-home-tiles-wrap .drslon-category-tiles__title {
margin: 0 0 0.15rem !important;
font-size: clamp(1.15rem, 1rem + 0.4vw, 1.45rem) !important;
line-height: 1.2 !important;
}
body.blog .drslon-home-tiles-wrap .drslon-category-tiles__lead {
margin: 0 !important;
font-size: 0.86rem !important;
line-height: 1.4 !important;
}
body.blog .drslon-home-tiles-wrap .drslon-category-tiles__grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.blog .drslon-home-tiles-wrap .drslon-category-tiles__item {
position: relative !important;
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
min-width: 0 !important;
max-width: 100% !important;
min-height: 0 !important;
padding: 0 !important;
overflow: hidden !important;
color: var(--wp--preset--color--text) !important;
background: var(--wp--preset--color--surface, #ffffff) !important;
border: 1px solid rgba(184, 197, 214, 0.45) !important;
border-radius: 10px !important;
box-shadow: 0 4px 12px rgba(26, 38, 56, 0.06) !important;
text-decoration: none !important;
}
body.blog .drslon-home-tiles-wrap .drslon-category-tiles__item::after, body.blog .drslon-home-tiles-wrap .drslon-category-tiles__media::after {
content: none !important;
display: none !important;
}
body.blog .drslon-home-tiles-wrap .drslon-category-tiles__media {
position: relative !important;
inset: auto !important;
display: block !important;
width: 100% !important;
height: 88px !important;
min-height: 88px !important;
filter: none !important;
flex: 0 0 auto !important;
}
body.blog .drslon-home-tiles-wrap .drslon-category-tiles__image, body.blog .drslon-home-tiles-wrap .drslon-category-tiles__media img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
body.blog .drslon-home-tiles-wrap .drslon-category-tiles__body {
position: static !important;
display: flex !important;
flex-direction: column !important;
gap: 0.25rem !important;
padding: 8px 9px 9px !important;
background: var(--wp--preset--color--surface, #ffffff) !important;
}
body.blog .drslon-home-tiles-wrap .drslon-category-tiles__name, body.blog .drslon-home-tiles-wrap .drslon-category-tiles__description {
padding: 0 !important;
margin-left: 0 !important;
color: var(--wp--preset--color--text) !important;
text-shadow: none !important;
}
body.blog .drslon-home-tiles-wrap .drslon-category-tiles__name {
font-size: 0.88rem !important;
line-height: 1.2 !important;
font-weight: 700 !important;
}
body.blog .drslon-home-tiles-wrap .drslon-category-tiles__description {
display: -webkit-box !important;
margin: 0 !important;
color: var(--wp--preset--color--muted) !important;
font-size: 0.72rem !important;
line-height: 1.3 !important;
overflow: hidden !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
}
body.blog .drslon-home-tiles-wrap .drslon-category-tiles__count {
position: static !important;
display: inline-flex !important;
align-self: flex-start !important;
margin: 0 !important;
padding: 0.15rem 0.4rem !important;
font-size: 0.68rem !important;
background: var(--wp--preset--color--accent) !important;
color: #ffffff !important;
border-radius: 999px !important;
}
body.blog .drslon-home-sections-wrap .drslon-blog-section-card, body.blog .drslon-home-sections-wrap .drslon-blog-section-card__body {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
transform: none !important;
box-sizing: border-box !important;
}
body.blog .drslon-home-sections-wrap .drslon-blog-section-card__body {
padding: 14px !important;
}
}