File Content: post.scss .pxl-single-page p:last-child{ clear: both; img[class*="align"] { margin-bottom: 0; } } .content-post{ .elementor-widget-image{ overflow: hidden; } .elementor-widget-pxl_video{ overflow: hidden; } .elementor-widget-pxl_image{ img{ @include transition(all .3s ease); } } } .pxl-single-post{ .post-featured{ position: relative; overflow: hidden; margin-bottom: 45px; @media (max-width: $lg_max){ margin-bottom: 35px; } img{ filter: grayscale(100%); @include transition(filter .3s ease); } iframe{ width: 100% !important; height: auto !important; aspect-ratio: 16/9; filter: grayscale(100%); @include transition(filter .3s ease); } &:hover{ img{ filter: grayscale(0); } iframe{ filter: grayscale(0); } } } .feature-audio{ iframe + a{ display: none; } } &.has-post-thumbnail .feature-audio{ .wp-audio-shortcode{ position: absolute; bottom: 0; } } .feature-gallery{ .pxl-swiper-arrows{ position: absolute; bottom: 25px; right: 30px; display: flex; justify-content:flex-end; gap: 16px; @media (max-width: $lg_max){ bottom: 25px; right: 25px; gap: 12px; } @media (max-width: $xs_screen){ bottom: 15px; right: 15px; gap: 8px; } .pxl-swiper-arrow{ width: 52px; height: 52px; font-size: 20px; @include border-radius(0); line-height: 1; display: inline-flex; align-items:center; justify-content:center; background-color: $heading_color; @media (max-width: $lg_max){ width: 42px; height: 42px; font-size: 18px; } &:hover,&:focus{ background-color: $primary_color; } } } } .post-title{ font-size: 42px; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 25px; @media (max-width: $lg_max){ font-size: 32px; } @media (max-width: $sm_max){ font-size: 28px; } @media (max-width: $xs_max){ font-size: 24px; } } .post-content{ .pxl-image-wg{ img{ width: 100%; } } } .content-inner{ color: $body_color; letter-spacing: 0.005em; } } .theme-core .pxl-single-post .post-featured img{ width: 100%; } .no-sidebar{ .pxl-single-post .feature-gallery .pxl-swiper-arrows .pxl-swiper-arrow{ width: 70px; height: 70px; @media (max-width: $lg_max){ width: 52px; height: 52px; } @media (max-width: $sm_max){ width: 42px; height: 42px; } } } .post-metas{ font-size: 14px; letter-spacing: 0.05em; color: $primary_color; margin-bottom: 15px; a{ color: inherit; &:hover{ color: $link_color_hover; } } .meta-inner{ margin-left: -27px; margin-right: -27px; @media (max-width: $sm_max){ margin-left: -15px; margin-right: -15px; } >*{ padding-left: 27px; padding-right: 27px; position: relative; @media (max-width: $sm_max){ padding-left: 15px; padding-right: 15px; } &:after{ content: ""; width: 30px; height: 1px; position: absolute; top: 50%; right: 0; margin-top: -1px; background-color: $primary_color; @include transform(translateX(50%)); @media (max-width: $sm_max){ width: 10px; } } &:last-child{ &:after{ display: none; } } } } } .post-tags-share{ padding-top: 50px; padding-bottom: 70px; border-bottom: $border_main2; @media (max-width: $lg_max){ margin-bottom: 30px; } } .post-tags-wrap{ margin-bottom: 20px; .label{ font-size: 18px; letter-spacing: 0.05em; color: $heading_color; text-transform: uppercase; margin-right: 14px; } a{ font-size: 16px; color: $body_color; text-transform: uppercase; padding: 0 7px; display: inline-flex; &:hover{ color: $link_color_hover; } } } .post-share-wrap{ margin-bottom: 20px; .row{ margin: -3px -20px; @media (max-width: $lg_max){ margin: -3px -10px; } } .label{ font-size: 18px; letter-spacing: 0.05em; color: $heading_color; text-transform: uppercase; margin-bottom: -1px; margin: 3px 3px 2px 3px; padding: 0; @media (max-width: $lg_max){ margin: 3px 3px 2px 10px; } } .social-item{ padding: 0; margin: 3px 20px; @media (max-width: $lg_max){ margin: 3px 10px; } a{ font-size: 16px; color: $body_color; &:hover{ color: $link_color_hover; } } } } .has-sidebar .post-share-wrap{ .row{ margin: -3px -10px; } .social-item{ margin: 3px 10px; } } .post-author-info{ padding-top: 60px; padding-bottom: 60px; border-bottom: $border_main2; .author-avatar{ @media (max-width: $xs_max){ text-align: center; } img{ flex-shrink: 0; max-width: 156px; border-radius: 50%; margin-right: 30px; overflow: hidden; @media (max-width: $xs_max){ margin-right: 0; margin-bottom: 30px; } } } .author-description{ @media (max-width: $xs_max){ text-align: center; } .author-name{ font-size: 22px; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 400; margin-top: 4px; margin-bottom: 18px; a{ color: inherit; &:hover{ color: $link_color; } } } .author-desc{ font-size: 18px; color: $body_color; } .user-social{ margin-top: 19px; @media (max-width: $xs_max){ justify-content:center; } a{ font-size: 16px; color: $body_color; &:hover{ color: $link_color_hover; } } } } } .pxl-grid-overlay{ &.loader{ cursor: wait; width: 100vw; height: 100vh; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; &:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ''; display: block; background: rgba(255,255,255,0.8); } &:after{ z-index: 2; position: absolute; top: 50%; left: 50%; content: "\e95b"; font-family: $pxli_font; font-size: 50px; width: 50px; height: 50px; line-height: 50px; text-align: center; margin: -25px 0 0 -25px; color: #{'rgba(var(--primary-color-rgb),0.8)'}; @include animation('spin 1s infinite linear') } } } .single-portfolio{ .pxl-content-static-template{ padding-top: 130px; @media (max-width: $lg_max){ padding-top: 100px; } } } Submit