Viewing File: /home/maglabs/etascom/wp-content/themes/agenzio/assets/scss/post.scss
.clearfix:after {
display: block;
clear: both;
content: "";
}
.pxl---post {
.pxl-item--image {
> a {
display: block;
width: 100%;
}
}
.pxl-item--title {
font-size: 24px;
line-height: 1.25;
margin-bottom: 14px;
a {
color: inherit;
&:hover {
color: $primary_color;
}
}
}
.pxl-item--category {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.1em;
a {
color: $primary_color;
position: relative;
&:before {
content: '';
height: 1px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: $primary_color;
transform-origin: right center;
-webkit-transform-origin: right center;
@include transform(scale(0, 1));
@include transition(transform 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85));
}
&:hover:before {
transform-origin: left center;
-webkit-transform-origin: left center;
@include transform(scale(1, 1));
}
}
}
.pxl-item--excerpt {
font-family: 'Inter', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
color: #5A5A5A;
@media (max-width: 480px) {
font-size: 16px;
}
}
.pxl-item--meta {
align-items: center;
@media (max-width: 480px) {
display: block;
text-align: center;
}
}
&.product {
.pxl-item--meta {
display: none !important;
}
}
}
.pxl-item--archive {
margin-bottom: 63px;
@include transition(all 200ms linear 0ms);
&:hover {
.pxl-item--image {
img {
transform: scale(1.05);
}
}
}
.pxl-item-inner {
position: relative;
}
.pxl-post--meta {
justify-content: center;
font-size: 14px;
color: #666666;
font-weight: 500;
@extend .ft-heading;
a {
font-weight: inherit;
color: inherit;
}
i {
color: $primary_color;
font-size: 18px;
display: inline-flex;
}
> div {
padding: 0 15px;
@media #{$max-sm} {
padding: 0 8px;
}
}
}
.pxl-item--image {
overflow: hidden;
position: relative;
@include transition(all 200ms linear 0ms);
background-color: #d9d9d9;
margin-bottom: 43px;
@media (max-width: 575px) {
margin-bottom: 20px;
}
img {
transform: scale(1);
@include transition(all 200ms linear 0ms);
mix-blend-mode: luminosity;
}
.pxl-post-video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
@include transition(all 300ms linear 0ms);
opacity: 1;
.pxl-btn-video {
width: 100px;
height: 100px;
@include border-radius(50%);
display: inline-flex;
align-items: center;
position: relative;
color: $link_color;
justify-content: center;
@include transition(all 200ms linear 0ms);
background-size: 300% 100%;
background-color: #fff;
font-size: 16px;
@media (max-width: 575px) {
width: 60px;
height: 60px;
}
&:hover {
@include transition(all .4s ease-in-out);
color: $primary_color;
}
i {
line-height: 1;
}
&:before {
content: "";
position: absolute;
z-index: 0;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(#fff, 0.63);
border-radius: 50%;
animation: pxl_pulse_border 1500ms ease-out infinite;
-webkit-animation: pxl_pulse_border 1500ms ease-out infinite;
z-index: -2;
border-radius: inherit;
}
}
}
}
.pxl-item--meta {
justify-content: space-between;
border-bottom: 1px solid #DEDEDE;
padding-bottom: 17px;
margin-bottom: 20px;
.pxl-post-left {
display: flex;
align-items: center;
@media (max-width: 480px) {
justify-content: center;
}
}
.pxl-post-right {
display: flex;
align-items: center;
@media (max-width: 480px) {
justify-content: center;
margin-top: 20px;
}
}
.pxl-post-list {
display: flex;
align-items: center;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
text-transform: capitalize;
color: $secondary_color;
i {
color: #232323;
}
a {
color: $secondary_color;
&:hover {
color: $primary_color;
}
}
&.pxl-item--tags {
font-weight: 700;
text-transform: uppercase;
a {
color: $primary_color;
display: none;
&:nth-child(1) {
display: block;
}
}
}
}
}
.pxl-item--title {
font-family: Outfit;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 1.1;
margin-bottom: 0;
etter-spacing: -0.8px;
@media (max-width: 575px) {
font-size: 30px;
max-width: 100%;
}
}
.pxl-item--excerpt {
font-size: 17px;
font-weight: 400;
color: #494949;
}
.pxl-item--readmore {
margin-top: 24px;
.btn-readmore {
display: inline-flex;
align-items: center;
line-height: 1;
font-size: 16px;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
@include transition(all 0.3s);
.btn-icon {
font-size: 18px;
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px;
background-color: $primary_color;
display: flex;
color: #fff;
align-items: center;
justify-content: center;
@include border-radius(50%);
@include transition(all 0.3s);
position: relative;
.pxl-item-icon {
position: absolute;
top: 50%;
left: 50%;
opacity: 1;
transform: translate(-50%, -50%)scalex(1);
transform-origin: right;
@include transition(all 0.3s);
&.after {
opacity: 0;
transform: translate(-50%, -50%)scalex(0);
transform-origin: left;
}
}
}
&:hover {
color: $primary_color;
.btn-icon {
.pxl-item-icon {
opacity: 0;
transform: translate(-50%, -50%)scalex(0);
&.after {
opacity: 1;
transform: translate(-50%, -50%)scalex(1);
}
}
}
}
}
}
}
/* End Blog Layout */
.single-post {
.pxl---post {
iframe {
width: 100%;
}
.single-heading {
font-size: 24px;
margin-bottom: 26px;
}
.pxl-gallery {
margin-top: -18px;
}
.pxl-item--image {
background-color: #D9D9D9;
img {
mix-blend-mode: luminosity;
}
}
.pxl-item--meta {
justify-content: space-between;
border-bottom: 1px solid #DEDEDE;
padding-bottom: 17px;
margin-bottom: 20px;
.pxl-post-left {
display: flex;
align-items: center;
@media (max-width: 480px) {
justify-content: center;
}
}
.pxl-post-right {
display: flex;
align-items: center;
@media (max-width: 480px) {
justify-content: center;
margin-top: 20px;
}
}
.pxl-post-list {
display: flex;
align-items: center;
font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 400;
text-transform: capitalize;
color: $secondary_color;
i {
color: #232323;
}
a {
color: $secondary_color;
&:hover {
color: $primary_color;
}
}
&.pxl-item--tags {
font-weight: 700;
text-transform: uppercase;
a {
color: $primary_color;
display: none;
&:nth-child(1) {
display: block;
}
}
}
}
}
.pxl-item--title {
font-family: Outfit;
font-size: 36px;
font-style: normal;
font-weight: 500;
letter-spacing: -0.72px;
line-height: 1.2;
margin-bottom: 31px;
word-break: break-word;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
@media (max-width: 575px) {
font-size: 27px;
}
}
}
.section-hidde-single-post {
display: none;
}
}
.pxl-post-list1 {
list-style: none;
margin: 0 0 23px;
padding-bottom: 15px;
padding-top: 5px;
li {
&:before {
content: "\f119";
font-family: "Caseicon";
margin-right: 16px;
font-size: 13px;
}
+ li {
margin-top: 10px;
}
}
}
.pxl--post-footer {
display: flex;
flex-wrap: wrap;
width: 100%;
position: relative;
border-bottom: 1px solid #DBDBDB;
padding-bottom: 22px;
margin-top: 54px;
border-top: 1px solid #e2e2e2;
padding-top: 26px;
> div {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 5px;
}
label {
font-size: 20px;
color: $link_color;
font-weight: 500;
@extend .ft-heading;
margin-right: 15px;
@media (max-width: 767px) {
font-size: 16px;
}
}
.pxl--tags {
flex-grow: 1;
a {
font-size: 14px;
font-style: normal;
font-weight: 400;
padding: 7px 19px;
color: #9E9E9E;
background-color: #F6F6F6;
@include border-radius(3px);
margin: 5px 8px 5px 0;
@media (max-width: 767px) {
padding: 4px 15px;
}
&:last-child {
margin-right: 0;
}
&:hover {
color: #fff;
background-color: $primary_color;
}
}
}
.pxl--social {
a {
font-size: 22px;
font-weight: 400;
color: #fff;
margin-right: 8px;
width: 36px;
min-width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
background-color: #007BB5;
@include border-radius(50%);
transform: translateY(0px);
@media (max-width: 767px) {
font-size: 16px;
}
&:nth-child(2) {
background-color: #3A5897;
}
&:nth-child(3) {
background-color: $link_color;
}
&:nth-child(4) {
background-color: #E8170E;
}
&:last-child {
margin-right: 0;
}
&:hover {
transform: translateY(-5px);
}
}
}
}
.pxl-pagination-wrap {
display: flex;
align-items: center;
flex-wrap: wrap;
width: 100%;
.page-numbers {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
@include border-radius(0px);
display: inline-flex;
align-items: center;
justify-content: center;
color: $link_color;
position: relative;
z-index: 1;
padding: 0;
margin: 5px;
border: none;
font-weight: 500;
font-family: Outfit;
font-size: 14px;
&:before {
content: '';
background-color: #fff;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
@include border-radius(0);
border: 1px solid #DEDEDE;
z-index: -1;
opacity: 1;
@include transition(all 0.3s);
}
&:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
@include border-radius(0);
opacity: 0;
z-index: -1;
@include transition(all 0.3s);
background-color: $primary_color;
}
&:hover, &.current {
color: #fff;
&:before {
opacity: 0;
}
&:after {
opacity: 1;
}
}
i {
font-size: 14px;
color: $link_color;
@include transition(all 0.3s);
}
}
.prev {
i {
transform: rotate(180deg);
}
}
.prev, .next {
&:after {
display: none;
}
&:hover, &.current {
color: $primary_color;
i {
color: $primary_color;
}
&:before {
opacity: 1;
border-color: $primary_color;
}
}
}
.pxl-pagination-links {
margin-top: 0;
display: inline-flex;
}
}
.pxl-post--navigation {
border-bottom: 1px solid #e2e2e2;
padding: 35px 0 40px;
margin-bottom: 45px;
.pxl--label {
font-size: 14px;
color: #222;
font-weight: 700;
text-transform: uppercase;
i {
font-size: 10px;
}
span {
margin: 0 6px;
position: relative;
&:before {
content: '';
position: absolute;
bottom: 1px;
width: 0;
height: 1px;
background-color: $primary_color;
@include transition(all 300ms linear 0ms);
}
}
&:hover {
color: $primary_color;
span:before {
width: 100%;
}
}
}
.pxl--img {
width: 61px;
min-width: 61px;
@media #{$max-sm} {
width: 50px;
min-width: 50px;
}
img {
border-radius: 10px;
}
}
.pxl-item-button {
min-width: 50px;
width: 50px;
height: 50px;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 34px;
@media #{$max-xs} {
margin: 20px 0;
}
a {
color: #9e9e9e;
&:hover {
color: $primary_color;
}
}
}
.pxl--meta {
padding: 0 22px;
font-size: 17px;
font-weight: 700;
line-height: 1.41;
color: #222;
@media #{$max-sm} {
padding: 0 10px;
font-size: 16px;
}
a {
color: inherit;
}
}
.pxl--holder {
display: flex;
flex-wrap: nowrap;
margin-top: 26px;
}
.pxl--item {
width: calc(50% - 25px);
@media #{$max-xs} {
width: 100%;
}
}
.pxl--items {
@media #{$max-xs} {
justify-content: center;
}
}
.pxl--item-prev {
.pxl--label span:before {
right: 0;
left: auto;
}
}
.pxl--item-next {
text-align: right;
}
}
.pxl-post--author-info {
margin: 65px 0 30px 0;
background-color: #F9F9F9;
@include border-radius(8px);
padding: 29px 30px 18px 32px;
align-items: unset;
@media #{$max-sm} {
display: block;
}
.pxl-post--author-meta {
margin-top: 7px;
}
.pxl-user--name {
font-size: 24px;
font-weight: 500;
color: #261723;
margin-bottom: 6px;
letter-spacing: -0.38px;
a {
color: inherit;
&:hover {
color: inherit;
}
}
}
.pxl-post--author-description {
font-size: 18px;
margin-bottom: 14px;
color: #261723;
letter-spacing: -0.44px;
}
.pxl-post--author-image {
width: 137px;
min-width: 137px;
height: 137px;
border: 3px solid #fff;
@include border-radius(50%);
overflow: hidden;
@media #{$max-sm} {
margin-bottom: 32px;
}
}
.pxl-post--author-social a {
display: inline-flex;
color: #005EF9;
&:hover {
color: $primary_color;
}
}
}
.pxl-custom-swiper {
overflow: hidden;
position: relative;
}
.pxl-post-gallery-slider .pxl-custom-swiper {
border-radius: 8px 8px 0 0;
img {
@include border-radius(0px);
}
.pxl-swiper-arrow.pxl-swiper-arrow-next {
right: 26px;
}
.pxl-swiper-arrow.pxl-swiper-arrow-prev {
left: 26px;
}
}
.page-template-default {
.pxl-sidebar-sticky {
}
}
.error404 {
#pxl-main {
margin: 0;
}
#pxl-page-title-elementor {
display: none;
}
footer {
display: none;
}
.pxl-header-content {
position: relative;
}
.pxl-error-inner {
text-align: center;
}
.pxl-inner-error-img {
position: absolute;
width: 100%;
top: 0;
left: 0;
overflow: hidden;
@media (max-width: 1600px) {
top: -15%;
}
@media (max-width: 1200px) {
top: 90px;
}
}
.pxl-error-img {
min-height: 930px;
position: relative;
@media (max-width: 991px) {
min-height: 730px;
}
.pxl-img-image {
width: 120%;
height: 100%;
z-index: -3;
position: absolute;
top: 0;
left: 0;
-webkit-animation: an-smoke-1 6s ease-in-out infinite;
-moz-animation: an-smoke-1 6s ease-in-out infinite;
-o-animation: an-smoke-1 6s ease-in-out infinite;
animation: an-smoke-1 6s ease-in-out infinite;
opacity: 0;
img {
width: 100%;
height: 100%;
@media (max-width: 575px) {
width: auto;
max-width: unset;
}
}
}
.ag-smoke__delay-1 {
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-o-animation-delay: 2s;
animation-delay: 2s;
}
.ag-smoke__delay-2 {
-webkit-animation-delay: 4s;
-moz-animation-delay: 4s;
-o-animation-delay: 4s;
animation-delay: 4s;
}
}
.pxl-error-content {
.pxl-item-title-404 {
font-size: 200px;
font-family: 'Outfit';
letter-spacing: -4%;
line-height: 1.01;
font-weight: 500;
-webkit-text-stroke: 2px $primary_color;
color: transparent;
margin-bottom: 20px;
@media (max-width: 1024px) {
font-size: 170px;
}
@media (max-width: 767px) {
font-size: 140px;
}
}
.pxl-item-desc-404 {
font-size: 80px;
font-family: 'Outfit';
letter-spacing: -3.2px;
line-height: 1.01;
font-weight: 500;
color: #fff;
margin-bottom: 49px;
@media (max-width: 1024px) {
font-size: 60px;
}
@media (max-width: 767px) {
font-size: 45px;
margin-bottom: 40px;
}
}
}
.pxl-error-inner {
position: relative;
z-index: 1;
padding-top: 236px;
@media (max-width: 1200px) {
padding-top: 100px;
}
}
.pxl-item-btn {
a {
background-color: $primary_color !important;
}
}
}
.btn--readmore {
min-width: 106px;
width: 106px;
height: 106px;
border-radius: 106px;
background-color: $primary_color;
font-size: 15px;
line-height: 1.2;
font-weight: 700;
color: #ffffff;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0 20px;
text-align: center;
i {
font-size: 21px;
display: block;
margin-bottom: 2px;
@include transition(transform 300ms linear 0ms);
}
&:hover {
color: #fff;
i {
transform: rotate(45deg);
}
}
}
.page-links {
margin-top: 24px;
clear: left;
.post-page-numbers {
width: 36px;
height: 36px;
background-color: #fff;
line-height: 36px;
text-align: center;
font-size: 15px;
font-weight: 600;
display: inline-block;
margin: 15px 15px 0 0;
color: #080808;
position: relative;
z-index: 1;
padding: 0;
border: 1px solid #e9e9e9;
@extend .ft-theme-default;
@include border-radius(0px);
&.current, &:hover {
color: #fff;
border-color: $primary_color;
background-color: $primary_color;
}
}
}
.pxl-post-row {
padding-top: 4px;
margin-bottom: -56px;
> div {
margin-bottom: 30px;
> p {
margin-bottom: 0 !important;
}
}
}
.pxl-content-top {
margin-bottom: 37px;
width: 100%;
.pxl-sub-page--title {
font-size: 18px;
text-transform: uppercase;
color: $primary_color;
font-weight: 700;
margin-bottom: 7px;
}
.pxl-page--title {
font-size: 60px;
margin-bottom: 0;
@media #{$max-xxl} {
font-size: 52px;
}
@media #{$max-lg} {
font-size: 48px;
}
@media #{$max-sm} {
font-size: 36px;
}
}
}
.pxl-content-wrap.no-sidebar {
.pxl-post-inner {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
.comments-area {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
}
// Start Portfolio
//--------------------------------------------------
.pxl-post-slip1 {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
position: relative;
z-index: 2;
.pxl-post-content {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
position: sticky;
top: 97px;
@media (max-width: 1024px) {
top: 65px;
}
@media (max-width: 767px) {
display: block;
}
@media (max-width: 575px) {
top: 0;
}
.pxl-widget--title {
font-size: 113px;
color: #dbdbdb;
font-weight: 700;
line-height: 0.8;
width: 41%;
padding-left: 19px;
padding-top: 32px;
transform: translate(0px,-32px);
@media (max-width: 1280px) {
font-size: 90px;
padding-left: 0;
}
@media (max-width: 991px) {
font-size: 70px;
transform: unset;
}
@media (max-width: 767px) {
width: 100%;
font-size: 60px;
padding: 0 15px;
}
}
.pxl-text-marquee1 {
&.style2 {
width: 59%;
padding-top: 35px;
position: relative;
@media (max-width: 767px) {
width: 100%;
}
&:before {
content: '';
width: 15%;
height: 100%;
background-color: #fff;
position: absolute;
top: 0;
left: -7%;
z-index: 1;
clip-path: polygon(0 0, 35% 0, 100% 100%, 0% 100%);
@media (max-width: 767px) {
display: none;
}
}
.pxl-item--text {
@media (max-width: 991px) {
font-size: 60px;
}
}
}
}
}
.pxl-post-image-slip {
position: relative;
max-width: 100%;
width: 100%;
.pxl-post-image--track {
width: 100%;
height: 100%;
position: relative;
top: 0;
}
.pxl-post-block--min {
@include transition(0.5s ease-out);
z-index: 9;
display: inline-flex;
justify-content: center;
max-width: 1640px;
margin: 0 auto;
padding: 96px 152px 85px 0;
@media (max-width: 1280px) {
padding: 60px 52px 60px 0;
}
@media (max-width: 1199px) {
padding: 60px 15px 60px 0;
}
@media (max-width: 767px) {
padding: 40px 15px 40px 0;
}
@media (max-width: 676px) {
display: block;
}
}
.pxl-post-min-inner {
display: flex;
@media (max-width: 1280px) {
align-items: center;
}
@media (max-width: 991px) {
display: block;
padding: 0 15px;
}
.pxl-item--number {
font-size: 402px;
color: #ffffff;
font-weight: 700;
line-height: 0.6;
width: 38.9%;
@media (max-width: 1280px) {
font-size: 300px;
}
@media (max-width: 991px) {
line-height: 0.8;
font-size: 200px;
margin-bottom: 20px;
}
@media (max-width: 767px) {
font-size: 170px
}
}
.pxl-item-content {
.pxl-post--title {
font-size: 60px;
color: #ffffff;
font-weight: 700;
line-height: 1.2;
@media (max-width: 1199px) {
font-size: 40px;
}
@media (max-width: 991px) {
font-size: 32px;
}
@media (max-width: 767px) {
font-size: 27px;
}
}
.pxl-item--content {
font-size: 18px;
color: #ffffff;
font-weight: 400;
font-family: "Inter";
margin-top: 19px;
margin-bottom: 36px;
max-width: 92%;
@media (max-width: 1199px) {
margin-top: 10px;
margin-bottom: 25px;
}
}
.pxl-post--button {
.btn {
background-color: #fff;
color: $link_color;
i {
background-color: $gradient_color_from;
color: #fff;
}
}
}
}
}
.pxl-post-image--block {
display: flex;
justify-content: center;
width: 100%;
position: sticky;
@include transition(1.2s ease-out);
top: 200px;
opacity: 1;
background-color: $primary_color;
@media (max-width: 1024px) {
top: 150px;
}
@media (max-width: 575px) {
top: 65px;
}
img {
width: 100%;
}
&.active .pxl-post-block--min {
opacity: 1;
visibility: visible;
}
&.end .pxl-post-block--min {
opacity: 1;
}
&.pxl-post-block_1 {
background-color: $link_color;
}
&.pxl-post-block_2 {
background-color: #fff;
border-top: 1px solid rgba(#000,0.2);
.pxl-item--number {
color: $primary_color;
}
.pxl-item-content {
.pxl-post--title {
color: $link_color;
}
.pxl-item--content {
color: #818181;
}
.pxl-post--button {
.btn {
background-color: $gradient_color_from;
color: #fff;
i {
background-color: #fff;
color: $link_color;
}
}
}
}
}
&.pxl-post-block_4 {
background-color: $link_color;
}
&.pxl-post-block_5 {
background-color: #fff;
border-top: 1px solid rgba(#000,0.2);
.pxl-item--number {
color: $primary_color;
}
.pxl-item-content {
.pxl-post--title {
color: $link_color;
}
.pxl-item--content {
color: #818181;
}
.pxl-post--button {
.btn {
background-color: $gradient_color_from;
color: #fff;
i {
background-color: #fff;
color: $link_color;
}
}
}
}
}
&.pxl-post-block_7 {
background-color: $link_color;
}
&.pxl-post-block_8 {
background-color: #fff;
border-top: 1px solid rgba(#000,0.2);
.pxl-item--number {
color: $primary_color;
}
.pxl-item-content {
.pxl-post--title {
color: $link_color;
}
.pxl-item--content {
color: #818181;
}
.pxl-post--button {
.btn {
background-color: $gradient_color_from;
color: #fff;
i {
background-color: #fff;
color: $link_color;
}
}
}
}
}
&.pxl-post-block_10 {
background-color: $link_color;
}
&.pxl-post-block_11 {
background-color: #fff;
border-top: 1px solid rgba(#000,0.2);
.pxl-item--number {
color: $primary_color;
}
.pxl-item-content {
.pxl-post--title {
color: $link_color;
}
.pxl-item--content {
color: #818181;
}
.pxl-post--button {
.btn {
background-color: $gradient_color_from;
color: #fff;
i {
background-color: #fff;
color: $link_color;
}
}
}
}
}
&.pxl-post-block_13 {
background-color: $link_color;
}
&.pxl-post-block_14 {
background-color: #fff;
border-top: 1px solid rgba(#000,0.2);
.pxl-item--number {
color: $primary_color;
}
.pxl-item-content {
.pxl-post--title {
color: $link_color;
}
.pxl-item--content {
color: #818181;
}
.pxl-post--button {
.btn {
background-color: $gradient_color_from;
color: #fff;
i {
background-color: #fff;
color: $link_color;
}
}
}
}
}
}
}
.pxl-post--image {
position: relative;
overflow: hidden;
width: 322px;
min-width: 322px;
height: 313px;
@include border-radius(6px);
@media (max-width: 676px) {
display: none;
}
a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
}
}
body.rtl {
.pxl-post-slip1 {
.pxl-post-image-slip {
.pxl-post-min-inner {
.pxl-item-content {
.pxl-post--button {
.btn {
i {
margin-left: 0px;
margin-right: 20px;
}
}
}
}
}
}
}
}
Back to Directory
File Manager