.wp-block-media-text{&.has-content-padding{.wp-block-media-text__content{padding-block:var(--content-vertical-padding,unset)}}&.has-border-radius{overflow:hidden}}:root {
--ezine-width: 100rem;
}
.wp-site-blocks h1 {
font-family: "Roboto Condensed", sans-serif !important;
font-size: clamp(1.7rem, 0.9rem + 2.5vw, 2.5rem) !important;
font-weight: 600 !important;
}
.home h1 {
font-size: clamp(1.4rem, 0.3rem + 3.4375vw, 2.5rem) !important;
}
.wp-site-blocks h2 {
font-size: clamp(1.5rem, 0.7000rem + 2.5000vw, 2.3rem);
}
.wp-site-blocks :where(h2,h3,h4,h5,h6) {
font-family: "Roboto Condensed", sans-serif !important;
font-variant-ligatures: no-common-ligatures;
} header.wp-block-template-part {
background-color: #fff;
box-shadow: 0 0 2rem 0.5rem rgba(204, 204, 204, 0.8);
left: 0;
position: sticky;
top: 0;
z-index: 100;
border-bottom: 5px solid #e14233;
padding: 1.5rem var(--wp--style--root--padding-right);
}
.ezine-header-wrapper,
.ezine-footer-wrapper {
max-width: var(--ezine-width);
margin: 0 auto;
padding: 0;
}
.ezine-footer-wrapper {
text-align: right;
padding: 3rem var(--wp--style--root--padding-right) 0  var(--wp--style--root--padding-right);
}
.ezine-footer-wrapper + .ezine-footer-wrapper {
padding-bottom: 2rem;
padding-top: 0;
}
.ezine-footer-wrapper .wp-block-site-logo {
text-align: left;
} main {
padding: 3rem var(--wp--style--root--padding-right);
}
main > *,
main .main-content-wrapper {
max-width: var(--ezine-width);
padding: 0 !important;
margin: 0 auto;
}
.ezine-gallery-highlight {
margin-block-end: 3rem !important;
.lps-block__intro {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: space-between;
}
.lps-block__intro * {
margin-block: 0;
}
.lps-block__intro h2.ezine-gallery-heading {
background: rgb(224 34 51);
color: #fff;
flex: 0 1 min(22.2rem, 100%);
font-size: 1.4em;
padding: 0.25rem 1rem;
}
.article__image {
--background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 65%), linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 85%);
}
}
.ezine-related-heading {
margin-top: 3rem !important;
}
.wp-site-blocks {
padding: 0;
}
footer.wp-block-template-part,
.wp-site-blocks main {
margin: 0;
}
footer.wp-block-template-part {
background: #111;
}
footer.wp-block-template-part,
footer.wp-block-template-part a {
color: #868686;
font-size: 0.85rem;
}
footer.wp-block-template-part a {
text-decoration: none;
}
footer.wp-block-template-part ul li {
list-style-type: none;
}
.wp-site-blocks main > .alignwide {
margin: 0 auto;
max-width: 1200px;
}
.ezine-homepage-galleries {
position: relative;
}
@media (max-width: 768px) {
.no-mobile {
display: none;
}
}
@media (max-width: 1200px) {
.latest-post-selection.four-columns {
--default-cols: 3;
}
}
@media (max-width: 1024px) {
.latest-post-selection.four-columns {
--default-cols: 2;
}
.latest-post-selection.four-columns.ezine-related-articles {
--default-cols: 2;
}
}
@media (max-width: 425px) {
main {
padding: 2rem var(--wp--style--root--padding-right);
}
.latest-post-selection.four-columns {
--default-cols: 1;
}
.latest-post-selection.four-columns.ezine-related-articles {
--default-cols: 1;
}
.ezine-footer-wrapper .wp-block-site-logo {
text-align: center;
}
}
@media (min-width: 1025px) {
.ezine-gallery-highlight section article:nth-of-type(1) {
aspect-ratio: auto;
grid-column: auto/span 2;
grid-row: auto/span 2;
}
.ezine-gallery-highlight section article:nth-of-type(1) .item-title-tag a {
font-size: 2rem !important;
}
}
@media (max-width: 1024px) {
.latest-post-selection.ver2 {
grid-auto-rows: auto;
}
.ezine-gallery-highlight section article:nth-of-type(1) {
aspect-ratio: auto;
grid-column: auto/span 1;
grid-row: auto/span 2;
}
}
@media (max-width: 425px) {
.ezine-gallery-highlight section article:nth-of-type(1) {
--article-ratio: 4/3.5;
aspect-ratio: 4/3.5;
grid-column: auto/span 1;
grid-row: auto/span 1;
}
.ezine-gallery-highlight section article {
--article-ratio: 4/3;
aspect-ratio: 4/3;
grid-column: auto/span 1;
grid-row: auto/span 1;
}
}
.main-content-wrapper {
margin: 0 auto;
max-width: 75rem;
display: grid !important;
grid-template-columns: 100%;
gap: 2rem !important;
padding: 2rem 0 !important;
}
.post-content-columns {
display: grid;
gap: 4rem;
position: relative;
}
.post-content-columns > .wp-block-column:first-of-type {
position: sticky;
} .ezine-featured-image-wrapper:empty {
display: none;
}
.post-content-columns .wp-block-post-featured-image {
align-content: center;
background-color: #999;
clear: both;
display: grid;
float: none !important;
height: 100%;
justify-content: center;
margin-inline-start: 0 !important;
max-height: min(47rem, 80vh);
max-width: 100%;
overflow: hidden;
position: sticky;
top: 8.75rem;
left: 0;
width: 100%;
z-index: 1;
}
.post-template-default .wp-block-post-featured-image img {
align-self: center;
box-shadow:0px 20px 40px #000;
height: unset;
max-height: min(47rem, 80vh);
max-width: 100%;
position: relative;
width: unset;
z-index: 1;
}
.wp-block-post-title {
font-size: 2rem;
font-weight: 500;
}
.aside-wrapper {
border-left: 1px solid #ddd;
padding-left: 2rem;
}
.aside-wrapper h5 {
margin-top: 2rem;
margin-block-end: 0.5rem;
}
.ezine-post-meta,
.ezine-post-meta * {
padding: 0;
font-size: 0.85rem;
}
.ezine-post-meta .wp-block-separator {
border-bottom: 1px solid #ddd;
margin: 1rem 0;
opacity: 1;
}
.ezine-post-meta a {
color: #62779e;
text-decoration: none;
}
.ezine-tags-label {
min-width: 60px;
}
.post-template-default .wp-block-embed.is-type-video,
.post-template-default iframe {
clear: both;
margin: 1rem 0rem 3rem 0rem;
width: 100%;
min-height: clamp(15.625rem, 3.1250rem + 39.0625vw, 28.125rem);
}
.post-template-default blockquote {
padding: 0 var(--wp--preset--spacing--30);
border-left: 1px solid #e14233;
margin: 0 0 1.75em;
box-sizing: border-box;
overflow-wrap: break-word;
font-weight: 200;
}
@media (min-width: 769px) {
.main-content-wrapper {
grid-template-columns: auto calc(280px + 2rem);
}
}
.wp-block-navigation {
font-family: "Roboto Condensed";
font-weight: 600;
font-size: 1rem;
text-transform: uppercase;
}
.post-navigation-link-previous,
.post-navigation-link-next {
display: grid;
grid-template-columns: 2rem auto;
gap: 1rem;
align-items: center;
font-family: "Roboto Condensed";
margin-top: 2rem !important;
}
.post-navigation-link-previous span,
.post-navigation-link-next span {
background: #fff;
border: 1px solid #62779e;
border-radius: 3px;
color: #62779e;
height: 2rem;
line-height: 2;
text-align: center;
text-decoration: none;
width: 2rem;
}
.post-navigation-link-previous a,
.post-navigation-link-next a {
text-decoration: none;
line-height: 1em;
color: #444;
}
.post-navigation-link-next{
grid-template-columns: auto 2rem;
}
.post-navigation-link-next a {
grid-column: 1;
grid-row: 1;
}
.post-navigation-link-next span {
grid-column: 2;
grid-row: 1;
} div.gallery {
--gallery-cols: 1;
display: grid;
gap: 1rem;
grid-template-columns: repeat(var(--gallery-cols), 1fr);
}
div.gallery.gallery-columns-5 {
--gallery-cols: 5;
}
div.gallery.gallery-columns-4 {
--gallery-cols: 4;
}
div.gallery.gallery-columns-3 {
--gallery-cols: 3;
}
div.gallery figure {
margin: 0;
}
div.gallery .gallery-item {
position: relative;
}
div.gallery img {
border-radius: 5px;
width: 100%;
height: auto;
display: block;
}
div.gallery figcaption {
background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);
bottom: 0;
color: #fff;
font-size: 13px;
left: 0;
line-height: 1.2;
margin-bottom: 0;
max-height: 60%;
overflow: auto;
padding: 0 8px 8px;
position: absolute;
text-align: center;
width: 100%;
box-sizing: border-box;
pointer-events: none;
}
.katla-gallery-wrapper.on .gallery-item img {
width: unset;
max-width: 80vw;
height: unset;
max-height: 80vh;
}
.katla-gallery-wrapper.on figcaption {
color: #fff;
font-size: 13px;
}
.latest-post-selection article:hover {
cursor: pointer;
}
main div.gallery,
main .wp-block-gallery {
clear: both;
margin-top: 1rem !important;
width: 100%;
}
.wp-block-gallery .wp-block-image,
.katla-image-carousel__content .carousel-item,
.katla-image-carousel__content figure.wp-block-image {
border-radius: 5px;
}
.single-post .entry-content > p + .wp-block-heading,
.wp-block-gallery + .wp-block-heading {
margin-block-start: 3rem;
}
.lps-pagination-wrap:not(.with-prev-next) .pages-info {
padding: 0;
}
.latest-post-selection.pages {
display: flex;
gap: 0.25rem;
a {
border-radius: 0.25rem;
border: 1px solid #ddd;
padding-inline: 0.25rem !important;
}
.current a {
background: var(--wp--preset--color--secondary);
border: 1px solid var(--wp--preset--color--secondary);
color: #fff;
}
.pages-info {
width: auto;
margin-right: auto !important;
}
}
.latest-post-selection a {
border: 0;
text-decoration: none;
}
.latest-post-selection article {
border-radius: 4px;
}
.latest-post-selection span.read-more {
align-self: end;
background: #008dd2;
background: linear-gradient(-180deg, rgba(0,141,210,1) 29%, rgba(21,99,175,1) 100%);
color: #fff;
padding: 0.25rem 0.5rem;
}
.latest-post-selection span.read-more:hover {
background: #008dd2;
}
.wp-block-search__button {
background: #008dd2;
background: linear-gradient(-180deg, rgba(0,141,210,1) 29%, rgba(21,99,175,1) 100%);
}
.wp-block-search__button:hover {
background: #008dd2;
}
@media (max-width: 1024px) {
.post-content-columns {
display: grid !important;
}
.ezine-related-heading ~ .latest-post-selection {
--default-cols: 3;
}
}
@media (max-width: 768px) {
.aside-wrapper {
border: 0;
padding: 0;
}
.ezine-related-heading ~ .latest-post-selection {
--default-cols: 2;
}
.ezine-footer-wrapper ul {
margin: 0;
padding: 0;
}
.ezine-footer-wrapper {
text-align: center;
display: grid !important;
} }
.wp-block-search__input, .wp-element-button, .wp-block-button__link {
padding: 0.25rem 0.5rem;
}
.aioseo-breadcrumbs {
color: #777;
font-size: 0.9rem;
}
.aioseo-breadcrumbs a {
color: #222;
text-decoration: none;
}
.ezine-banners-bottom {
background: #fff;
box-shadow: 0 0 0.5rem 0 rgb(0 0 0 / 10%);
margin-block-start: 2rem !important;
padding: 2rem;
}
.ezine-banners-bottom:empty {
display: none;
}
.lps-taxonomy-wrap.category .lps-terms,
.lps-taxonomy-wrap.tags .lps-terms {
box-shadow: 0 -4px 4px -6px rgb(0 0 0 / 50%);
display: inline-flex;
margin-left: calc(-1 * var(--article-padding));
margin-top: calc(-5/2 * var(--article-padding));
position: absolute;
left: var(--article-padding);
z-index: 10;
background: #fff;
padding: 0.5rem var(--article-padding);
}
.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
padding: 1rem 0.5rem;
}
.review-card {
border-radius: 0.5rem;
margin-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--30) !important;
padding: var(--wp--preset--spacing--30);
.article__image {
border-radius: 0.5rem;
}
.article__title {
--article-size-title: clamp(0.875rem, 1.3975rem + -1.9672vw, 1.25rem);
}
}