.eltron-css-spinner {
font-size: 32px;
color: inherit;
}
.eltron-block > *:last-child,
.eltron-block-wrapper > *:last-child {
margin-bottom: 0;
}
.eltron-header-vertical {
position: fixed;
z-index: 100;
top: 0;
bottom: 0;
}
@media screen and (max-width: 1023px) {
.eltron-header-vertical {
display: none;
}
}
.eltron-header-vertical-bar {
position: absolute;
top: 0;
bottom: 0;
width: 300px;
overflow-y: auto;
-webkit-transition: -webkit-transform 0.25s;
transition: -webkit-transform 0.25s;
transition: transform 0.25s;
transition: transform 0.25s, -webkit-transform 0.25s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.eltron-header-vertical-bar-inner {
border-width: 0;
border-style: solid;
}
.eltron-header-vertical-position-left .eltron-header-vertical-bar {
left: 0;
}
.eltron-header-vertical-position-right .eltron-header-vertical-bar {
right: 0;
}
.eltron-header-vertical-bar-inner {
padding: 30px;
background-color: #ffffff;
}
.eltron-header-vertical-bar .eltron-header-section-vertical-column {
margin: -12px 0;
}
.eltron-header-vertical-bar .eltron-header-section-vertical-row > * {
padding: 12px 0;
}
.eltron-header-vertical-display-fixed {
width: 300px;
}
.eltron-header-vertical-display-fixed .eltron-header-vertical-bar {
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.eltron-header-vertical-display-fixed.eltron-header-vertical-position-left, .eltron-header-vertical-display-fixed.eltron-header-vertical-position-center {
left: 0;
}
@media screen and (min-width: 1024px) {
.eltron-header-vertical-display-fixed.eltron-header-vertical-position-left ~ #canvas, .eltron-header-vertical-display-fixed.eltron-header-vertical-position-center ~ #canvas {
margin-left: 300px;
}
}
.eltron-header-vertical-display-fixed.eltron-header-vertical-position-right {
right: 0;
}
@media screen and (min-width: 1024px) {
.eltron-header-vertical-display-fixed.eltron-header-vertical-position-right ~ #canvas {
margin-right: 300px;
}
}
@media screen and (min-width: 1024px) {
.eltron-header-vertical-display-fixed ~ .eltron-canvas .eltron-content-layout-narrow .alignwide {
max-width: calc( 100vw - 300px);
}
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
.eltron-header-vertical-display-fixed ~ .eltron-canvas .eltron-content-layout-narrow .alignwide {
margin-left: calc( -50vw + 50% + ( 300px / 2 ));
margin-right: calc( -50vw + 50% + ( 300px / 2 ));
}
}
@media screen and (min-width: 1024px) {
.eltron-header-vertical-display-fixed ~ .eltron-canvas .eltron-content-layout-narrow .alignfull,
.eltron-header-vertical-display-fixed ~ .eltron-canvas .eltron-content-layout-wide .alignfull {
max-width: calc( 100vw - 300px);
margin-left: calc( -50vw + 50% + ( 300px / 2 ));
margin-right: calc( -50vw + 50% + ( 300px / 2 ));
}
}
.admin-bar .eltron-header-vertical-display-fixed {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .eltron-header-vertical-display-fixed {
top: 46px;
}
}
.eltron-header-vertical-display-drawer,
.eltron-header-vertical-display-off-canvas {
left: 0;
right: 0;
opacity: 1;
}
.eltron-header-vertical-display-drawer .eltron-popup-close-icon,
.eltron-header-vertical-display-off-canvas .eltron-popup-close-icon {
display: none;
}
.eltron-header-vertical-display-drawer.eltron-header-vertical-position-left .eltron-header-vertical-bar, .eltron-header-vertical-display-drawer.eltron-header-vertical-position-center .eltron-header-vertical-bar,
.eltron-header-vertical-display-off-canvas.eltron-header-vertical-position-left .eltron-header-vertical-bar,
.eltron-header-vertical-display-off-canvas.eltron-header-vertical-position-center .eltron-header-vertical-bar {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.eltron-header-vertical-display-drawer.eltron-header-vertical-position-right .eltron-header-vertical-bar,
.eltron-header-vertical-display-off-canvas.eltron-header-vertical-position-right .eltron-header-vertical-bar {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
}
.eltron-header-vertical-display-drawer.eltron-popup-active .eltron-header-vertical-bar,
.eltron-header-vertical-display-off-canvas.eltron-popup-active .eltron-header-vertical-bar {
-webkit-transform: none !important;
transform: none !important;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.eltron-header-vertical-display-off-canvas:not(.eltron-popup-active) .eltron-header-vertical-bar {
-webkit-transition: -webkit-transform 0.25s 0.05s;
transition: -webkit-transform 0.25s 0.05s;
transition: transform 0.25s 0.05s;
transition: transform 0.25s 0.05s, -webkit-transform 0.25s 0.05s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.eltron-header-vertical-display-off-canvas.eltron-popup-active.eltron-header-vertical-position-left ~ #canvas,
.eltron-header-vertical-display-off-canvas.eltron-popup-active.eltron-header-vertical-position-center ~ #canvas {
-webkit-transform: translate(300px, 0);
transform: translate(300px, 0);
-webkit-transition: -webkit-transform 0.25s 0.05s;
transition: -webkit-transform 0.25s 0.05s;
transition: transform 0.25s 0.05s;
transition: transform 0.25s 0.05s, -webkit-transform 0.25s 0.05s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.eltron-header-vertical-display-off-canvas.eltron-popup-active.eltron-header-vertical-position-right ~ #canvas {
-webkit-transform: translate(-300px, 0);
transform: translate(-300px, 0);
-webkit-transition: -webkit-transform 0.25s 0.05s;
transition: -webkit-transform 0.25s 0.05s;
transition: transform 0.25s 0.05s;
transition: transform 0.25s 0.05s, -webkit-transform 0.25s 0.05s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.eltron-header-vertical-display-off-canvas .eltron-popup-background {
background-color: transparent;
}
.eltron-header-vertical-display-full-screen {
left: 0;
right: 0;
}
.eltron-header-vertical-display-full-screen .eltron-popup-background {
background-color: transparent;
}
.eltron-header-vertical-display-full-screen .eltron-header-vertical-bar {
width: 100% !important;
max-width: 100%;
left: 0;
right: 0;
border: none !important;
-webkit-transform: none !important;
transform: none !important;
}
.eltron-header-vertical-display-full-screen .eltron-popup-close-icon {
color: inherit !important;
}
.eltron-header-vertical-display-full-screen .eltron-header-section-vertical-column {
width: 300px;
}
.eltron-header-vertical-display-full-screen.eltron-header-vertical-position-left .eltron-header-section-vertical-column {
margin-right: auto;
}
.eltron-header-vertical-display-full-screen.eltron-header-vertical-position-center .eltron-header-section-vertical-column {
margin-left: auto;
margin-right: auto;
}
.eltron-header-vertical-display-full-screen.eltron-header-vertical-position-right .eltron-header-section-vertical-column {
margin-left: auto;
}
.eltron-header-vertical-bar-top {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.eltron-header-section-vertical-column-with-middle > .eltron-header-vertical-bar-top {
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.eltron-header-vertical-bar-middle {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.eltron-header-vertical-bar-bottom {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.eltron-header-section-vertical-column-with-middle > .eltron-header-vertical-bar-bottom {
-ms-flex-preferred-size: 0;
flex-basis: 0;
}
.eltron-header-contact .eltron-header-contact-item-content {
margin-left: 0.25em;
}
.eltron-sticky-in-view .eltron-section-inner {
z-index: 99;
}
.eltron-sticky .eltron-section-inner {
position: fixed;
}
.eltron-sticky-logo {
display: none;
}
.eltron-sticky-in-view .eltron-default-logo {
display: none;
}
.eltron-sticky-in-view .eltron-sticky-logo {
display: block;
}
.eltron-header-transparent {
position: absolute;
width: 100%;
}
.eltron-header-transparent .eltron-section-inner {
background-color: transparent;
border-color: transparent;
}
.eltron-header-section .menu > .menu-item.eltron-mega-menu > .sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
white-space: initial;
padding: 0 0.75em;
width: 100vw;
overflow-y: auto;
}
.eltron-header-section .menu > .menu-item.eltron-mega-menu > .sub-menu .sub-menu {
position: static;
padding: 0;
margin: 0;
border: none;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
max-width: none;
}
.eltron-header-section .menu > .menu-item.eltron-mega-menu > .sub-menu .sub-menu > .menu-item {
padding-left: 0;
padding-right: 0;
}
.eltron-header-section .menu > .menu-item.eltron-mega-menu > .sub-menu > .eltron-mega-menu-column {
padding: 1em 0.75em;
-webkit-box-flex: 0;
-ms-flex: 0 0;
flex: 0 0;
}
.eltron-header-section .menu > .menu-item.eltron-mega-menu > .sub-menu > .eltron-mega-menu-column > .eltron-menu-item-link {
margin: 0 0 0.5em;
font-size: 0.9em;
font-weight: 600;
text-transform: uppercase;
}
.eltron-header-section .menu > .menu-item.eltron-mega-menu > .sub-menu > .eltron-mega-menu-column > .eltron-mega-menu-column-content {
margin-bottom: 0.25em;
}
.eltron-header-section .menu > .menu-item.eltron-mega-menu > .sub-menu > .eltron-mega-menu-column > .eltron-mega-menu-column-content:last-child {
margin-bottom: 0;
}
.eltron-header-section .menu > .menu-item.eltron-mega-menu > .sub-menu > .eltron-mega-menu-column > .eltron-menu-item-link ~ .eltron-mega-menu-column-content {
margin-top: 0.25em;
}
.eltron-header-section .menu > .menu-item.eltron-mega-menu:hover > .sub-menu .sub-menu,
.eltron-header-section .menu > .menu-item.eltron-mega-menu.focus > .sub-menu .sub-menu {
visibility: visible;
opacity: 1;
-webkit-transition: none;
transition: none;
}
.eltron-header-section .menu > .menu-item.eltron-mega-menu .sub-menu .eltron-dropdown-sign {
display: none;
}
.eltron-preloader {
position: fixed;
top: 0;
left: 0;
z-index: 9999999;
height: 100%;
width: 100%;
padding: 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #ffffff;
color: #333333;
}
.admin-bar .eltron-preloader {
top: 32px;
}
@media screen and (max-width: 782px) {
.admin-bar .eltron-preloader {
top: 46px;
}
}
.eltron-preloader .eltron-css-spinner {
font: inherit;
width: inherit;
height: inherit;
}
body:not(.eltron-preloader-screen-preview) .eltron-preloader.eltron-loaded {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
transition: opacity 0.5s, visibility 0s 0.5s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.eltron-preloader-pace .pace-progress {
position: absolute;
top: 0;
right: 100%;
width: 100%;
height: 100%;
}
.eltron-preloader-progress-bar {
position: relative;
width: 200px;
height: 10px;
border-radius: 5px;
overflow: hidden;
}
.eltron-preloader-progress-bar .eltron-preloader-progress-bar-track {
position: relative;
width: 100%;
height: 100%;
background-color: currentColor;
border-radius: inherit;
opacity: 0.25;
}
.eltron-preloader-progress-bar .pace {
border-radius: inherit;
}
.eltron-preloader-progress-bar .pace-progress {
border-radius: inherit;
background-color: currentColor;
}
.eltron-preloader-progress-image {
position: relative;
width: 200px;
background-color: inherit;
overflow: hidden;
}
.eltron-preloader-progress-image .pace {
background-color: inherit;
}
.eltron-preloader-progress-image .pace-progress {
right: 0;
background-color: inherit;
opacity: 0.75;
}
.eltron-preloader-progress-image img {
display: block;
width: 100%;
height: auto;
}
.eltron-preloader-progress-image img:only-child {
opacity: 0.25;
}
.eltron-preloader-css-spinner {
position: relative;
width: 1em;
height: 1em;
font-size: 48px;
line-height: 0;
}
.entry-layout-list {
margin-bottom: 60px;
}
.entry-layout-list .entry-list-media {
margin-bottom: 30px;
}
.entry-layout-list .entry-thumbnail {
margin: 0;
}
@media screen and (min-width: 500px) {
.entry-layout-list .entry-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.entry-layout-list .entry-list-media {
-webkit-box-flex: 0;
-ms-flex: 0 0;
flex: 0 0;
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
margin-bottom: 0;
}
.entry-layout-list .entry-list-text {
-webkit-box-flex: 1;
-ms-flex: 1 0;
flex: 1 0;
}
.eltron-loop-list-featured-media-position--left .entry-layout-list .entry-list-media,
.eltron-loop-list-featured-media-position--left-alt .entry-layout-list:nth-child(odd) .entry-list-media,
.eltron-loop-list-featured-media-position--right-alt .entry-layout-list:nth-child(even) .entry-list-media {
margin-left: 0;
margin-right: 30px;
}
.eltron-loop-list-featured-media-position--right .entry-layout-list .entry-wrapper,
.eltron-loop-list-featured-media-position--right-alt .entry-layout-list:nth-child(odd) .entry-wrapper,
.eltron-loop-list-featured-media-position--left-alt .entry-layout-list:nth-child(even) .entry-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.eltron-loop-list-featured-media-position--right .entry-layout-list .entry-list-media,
.eltron-loop-list-featured-media-position--right-alt .entry-layout-list:nth-child(odd) .entry-list-media,
.eltron-loop-list-featured-media-position--left-alt .entry-layout-list:nth-child(even) .entry-list-media {
margin-right: 0;
margin-left: 30px;
}
}
.eltron-related-posts {
margin-top: 4rem;
}
.eltron-related-posts-list {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
margin: -0.75rem;
}
.eltron-related-posts .eltron-related-post {
width: 100%;
padding: 0.75rem;
}
@media screen and (min-width: 500px) {
.eltron-related-posts-columns-2 .eltron-related-post {
width: 50%;
}
}
@media screen and (min-width: 500px) {
.eltron-related-posts-columns-3 .eltron-related-post {
width: 50%;
}
}
@media screen and (min-width: 768px) {
.eltron-related-posts-columns-3 .eltron-related-post {
width: 33.33%;
}
}
@media screen and (min-width: 500px) {
.eltron-related-posts-columns-4 .eltron-related-post {
width: 50%;
}
}
@media screen and (min-width: 1024px) {
.eltron-related-posts-columns-4 .eltron-related-post {
width: 25%;
}
}
.eltron-related-posts .eltron-related-post-thumbnail {
display: block;
}
.eltron-related-posts .eltron-related-post-thumbnail img {
width: 100%;
}
.eltron-related-posts .eltron-related-post-title {
font: inherit;
margin: 0;
}
.eltron-related-posts-thumbnail-display-side .eltron-related-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.eltron-related-posts-thumbnail-display-side .eltron-related-post-thumbnail {
margin-right: 1em;
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 8rem;
}
.eltron-related-posts-thumbnail-display-side .eltron-related-post-text {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.eltron-related-posts-thumbnail-display-top .eltron-related-post-thumbnail {
margin-bottom: 0.75em;
}
.eltron-featured-posts {
position: relative;
}
.eltron-featured-posts .eltron-featured-posts-list {
list-style: none;
padding: 0;
margin: 0;
overflow: hidden;
}
.site-content .eltron-featured-posts {
margin-bottom: 80px;
}
.eltron-featured-posts .eltron-featured-post {
display: block;
height: 100%;
}
.eltron-featured-posts .eltron-featured-post-inner {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.eltron-featured-posts .eltron-featured-post-background {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.eltron-featured-posts .eltron-featured-post-background:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.eltron-featured-posts a.eltron-featured-post-background:hover, .eltron-featured-posts a.eltron-featured-post-background:focus {
opacity: 0.9;
}
.eltron-featured-posts .eltron-featured-post-text {
position: relative;
padding: 1.5em;
width: 100%;
}
.eltron-featured-posts .eltron-featured-post-text > * {
margin-bottom: 0.25em;
}
.eltron-featured-posts .eltron-featured-post-text > *:first-child {
margin-top: 0;
}
.eltron-featured-posts .eltron-featured-post-text > *:last-child {
margin-bottom: 0;
}
.eltron-featured-posts-content-bg-mode--solid .eltron-featured-post-text {
background-color: rgba(0, 0, 0, 0.4);
}
.eltron-featured-posts-content-bg-mode--gradient .eltron-featured-post-text {
background-color: transparent !important;
}
.eltron-featured-posts-content-bg-mode--gradient .eltron-featured-post-background:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 50%;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.4)));
background-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.4) 100%);
}
.eltron-featured-posts .eltron-featured-post-title {
color: #ffffff;
}
.eltron-featured-posts .eltron-featured-post-title a {
color: inherit;
}
.eltron-featured-posts .eltron-featured-post-title a:hover, .eltron-featured-posts .eltron-featured-post-title a:focus {
color: rgba(255, 255, 255, 0.85);
}
.eltron-featured-posts .eltron-featured-post-meta {
color: #ffffff;
}
.eltron-featured-posts .eltron-featured-post-meta a {
color: inherit;
}
.eltron-featured-posts .eltron-featured-post-meta a:hover, .eltron-featured-posts .eltron-featured-post-meta a:focus {
color: rgba(255, 255, 255, 0.85);
}
.eltron-featured-posts .eltron-featured-posts-navigation .eltron-featured-posts-navigation-button {
position: absolute;
top: 50%;
z-index: 2;
width: 1.5em;
height: 1.5em;
padding: 0;
margin: -0.75em 0.5em 0;
font-size: 1.6em;
line-height: 1;
border-radius: 50%;
opacity: 0;
border-width: 1px;
border-style: solid;
background-color: rgba(0, 0, 0, 0);
border-color: #ffffff;
color: #ffffff;
}
.eltron-featured-posts .eltron-featured-posts-navigation .eltron-featured-posts-navigation-button[data-controls] {
opacity: 1;
}
.eltron-featured-posts .eltron-featured-posts-navigation .eltron-featured-posts-navigation-button:hover, .eltron-featured-posts .eltron-featured-posts-navigation .eltron-featured-posts-navigation-button:focus {
background-color: #ffffff;
border-color: #ffffff;
color: #000000;
}
.eltron-featured-posts .eltron-featured-posts-navigation .eltron-featured-posts-navigation-prev {
left: 0;
}
.eltron-featured-posts .eltron-featured-posts-navigation .eltron-featured-posts-navigation-next {
right: 0;
}
.eltron-featured-posts-slider .eltron-featured-posts-list {
height: 500px;
}
.eltron-featured-posts-slider .eltron-featured-post {
left: 0;
}
.eltron-featured-posts-slider .eltron-featured-post-inner {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 4em;
}
.eltron-featured-posts-slider .eltron-featured-post-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50%;
min-height: 40%;
}
.eltron-featured-posts-slider .tns-fadeIn {
z-index: 1;
}
.eltron-featured-posts-slider .tns-normal, .eltron-featured-posts-slider .tns-fadeOut {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
z-index: 0;
}
.eltron-featured-posts-carousel .eltron-featured-posts-list {
height: 300px;
}
.eltron-featured-posts-carousel .eltron-featured-posts-list:not(.tns-slider) {
margin: 0 -5px;
}
.eltron-featured-posts-carousel .eltron-featured-post {
padding: 0 5px;
float: left;
width: 100%;
}
@media screen and (min-width: 500px) {
.eltron-featured-posts-carousel .eltron-featured-post {
width: 50%;
}
}
@media screen and (min-width: 1024px) {
.eltron-featured-posts-carousel .eltron-featured-post {
width: 33.33%;
}
}
.eltron-featured-posts-carousel .tns-inner {
margin: 0 -5px !important;
}
.eltron-featured-posts-grid .eltron-featured-posts-list {
display: grid;
justify-items: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
height: 500px;
}
@media screen and (max-width: 1023px) {
.eltron-featured-posts-grid .eltron-featured-posts-list {
height: 600px;
}
}
@media screen and (max-width: 499px) {
.eltron-featured-posts-grid .eltron-featured-posts-list {
height: 700px;
}
}
.eltron-featured-posts-grid .eltron-featured-post-text {
width: 100%;
}
.eltron-featured-posts-grid-3 .eltron-featured-posts-list {
grid-template-areas: 'post-1 post-2' 'post-1 post-3';
grid-template-columns: 2fr 1fr;
grid-template-rows: 1fr 1fr;
grid-gap: calc( 2 * 5px);
}
@media screen and (max-width: 1023px) {
.eltron-featured-posts-grid-3 .eltron-featured-posts-list {
grid-template-areas: 'post-1 post-1' 'post-2 post-3';
grid-template-columns: 1fr 1fr;
grid-template-rows: 2fr 1fr;
}
}
@media screen and (max-width: 499px) {
.eltron-featured-posts-grid-3 .eltron-featured-posts-list {
grid-template-areas: 'post-1' 'post-2' 'post-3';
grid-template-columns: 1fr;
grid-template-rows: 3fr 2fr 2fr;
}
}
.eltron-featured-posts-grid-3 .eltron-featured-post-1 {
grid-area: post-1;
}
.eltron-featured-posts-grid-3 .eltron-featured-post-2 {
grid-area: post-2;
}
.eltron-featured-posts-grid-3 .eltron-featured-post-3 {
grid-area: post-3;
}
.eltron-featured-posts-grid-4 .eltron-featured-posts-list {
grid-template-areas: 'post-1 post-1 post-1' 'post-2 post-3 post-4';
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 2fr 1fr;
grid-gap: calc( 2 * 5px);
height: 500px;
}
@media screen and (max-width: 1023px) {
.eltron-featured-posts-grid-4 .eltron-featured-posts-list {
grid-template-areas: 'post-1 post-1 post-1' 'post-2 post-3 post-4';
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 2fr 1fr;
}
}
@media screen and (max-width: 499px) {
.eltron-featured-posts-grid-4 .eltron-featured-posts-list {
grid-template-areas: 'post-1' 'post-2' 'post-3' 'post-4';
grid-template-columns: 1fr;
grid-template-rows: 3fr 2fr 2fr 2fr;
}
}
.eltron-featured-posts-grid-4 .eltron-featured-post-1 {
grid-area: post-1;
}
.eltron-featured-posts-grid-4 .eltron-featured-post-2 {
grid-area: post-2;
}
.eltron-featured-posts-grid-4 .eltron-featured-post-3 {
grid-area: post-3;
}
.eltron-featured-posts-grid-4 .eltron-featured-post-4 {
grid-area: post-4;
}