Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/hessa.corals.io/wp-content/themes/kicker/skins/writer/templates/blog-styles/ |
/* Blog layout: Band
------------------------- */
@import "../../../../css/_mixins.scss";
@import "../../../../css/_theme-vars.scss";
@import "../../css/_skin-vars.scss";
.post_layout_band {
position:relative;
margin-bottom:0;
@include flex;
@include flex-direction(row);
@include flex-wrap(nowrap);
@include flex-align-items(stretch);
&:not(:last-child) {
margin-bottom: 30px;
padding-bottom: 30px;
}
&:not(:last-child):before {
@include abs-pos(auto, 0, 0, 110px);
content: '';
height: 1px;
background-color: var(--theme-color-bd_color);
}
&.sticky:not(.post_layout_custom) {
border-width: 1px;
}
&.sticky:not(.post_layout_custom):before {
content: none;
}
/* Featured */
.post_featured {
@include flex-basis(300px);
@include flex-shrink(0);
margin-bottom: 0;
height: 300px;
}
/* Content */
.post_content_wrap {
@include border-box;
@include flex;
@include flex-direction(column);
@include flex-justify-content(center);
}
.post_featured + .post_content_wrap {
@include flex-basis(auto);
padding: 0 0 0 30px;
}
/* Quote */
&.post_format_quote blockquote {
margin: 0;
}
/* Date */
.post_date_wrap {
@include flex-basis(81px);
@include flex-shrink(0);
border-top: 2px solid var(--theme-color-text_dark);
margin-right: 30px;
padding-top: 1.65rem;
.post_date {
text-transform: capitalize;
}
}
.post_date_wrap .day {
@include font(2.428rem, 0.85em, 400);
color: var(--theme-color-text_dark);
}
/* Header */
.post_header {
margin: 0;
position:relative;
}
.post_header .post_price {
width: auto;
@include abs-rt;
@include font(2.5em, 1.5em);
}
/* Categories */
.post_category {
margin-bottom: 15px;
}
.post_category .post_meta {
margin-top: 0;
}
.post_category .post_meta_item.post_categories a {
color: var(--theme-color-text);
}
.post_category .post_meta_item.post_categories a:hover {
color: var(--theme-color-text_link);
}
/* Title */
.post_title {
margin: 0;
}
/* Post meta */
.post_content + .post_meta {
margin-top: 11px;
}
/* Excerpt */
.post_content_inner {
font-size: 15px;
line-height: 26px;
}
.post_header + .post_content {
margin-top: 9px;
}
/* Read More */
.post_header + .sc_button {
margin-top: 10px;
}
.sc_button {
margin-top: 16px;
}
.sc_button .icon:before,
.sc_button .icon:after {
@include transition(all ease 0.3s);
display: inline-block;
font-family: $theme_icons;
font-weight: 400;
vertical-align: middle;
}
.sc_button .icon:before {
content: '\e908';
@include translateX(0);
}
.sc_button:hover .icon:before {
content: '\e908';
@include translateX(15px);
opacity: 0;
}
.sc_button .icon:after {
@include translateX(-29px);
content: '\E9C7';
font-size: 0.75em;
line-height: 1em;
opacity: 0;
}
.sc_button:hover .icon:after {
@include translateX(-14px);
opacity: 1;
}
/* Audio */
&.post_format_audio {
.post_featured:after {
@include abs-cc;
@include border-round;
@include square(3.715em);
@include transition(all ease 0.3s);
background-color: var(--theme-color-extra_dark);
color: var(--theme-color-extra_bg_color);
content: '\e9b7';
display: block;
font-family: $theme_icons;
font-size: 1rem;
opacity: 1;
text-align: center;
z-index: 2;
}
.post_featured .mask {
display: none;
}
.post_audio {
display: none;
background-color: var(--theme-color-alter_bg_color);
padding: 0.8em;
}
.mejs-container {
min-height: 40px;
}
}
/* Gallery */
&.post_format_gallery {
.post_featured.with_thumb .slider_outer {
z-index: 1;
}
.post_featured:after {
@include abs-cc;
@include border-round;
@include square(2.889em);
@include transition(all ease 0.3s);
background-color: var(--theme-color-extra_dark);
color: var(--theme-color-extra_bg_color);
content: '\e9b5';
display: block;
font-family: $theme_icons;
font-size: 1.2857rem;
opacity: 1;
text-align: center;
z-index: 2;
}
.slider_pagination_wrap,
.slider_controls_wrap {
display: none;
}
}
/* Video */
&.post_format_video {
.post_featured.with_thumb .post_video_hover {
@include square(3.286rem);
font-size: 1rem;
text-align: center;
&:before {
margin-left: 3px;
}
}
}
/* Rating */
.post_hover_rating {
@include abs-cc;
z-index: 2;
display: block;
}
.trx_addons_reviews_block_mark_value {
color: var(--theme-color-extra_bg_color);
@include box(60px, 60px, 58px);
border-width: 2px;
font-size: 1.214rem;
font-weight: 600;
}
.trx_addons_reviews_block_mark_value[data-max-value="100"]:after {
font-size: 11px;
line-height: 11px;
margin: -9px -6px 0 2px;
vertical-align: middle;
}
.trx_addons_reviews_block_mark canvas {
@include transform(translateX(-50%));
}
.trx_addons_reviews_block_mark_content {
border-width: 2px;
}
}
/* Format image */
body:not(.blog):not(.archive):not(.search) {
.post_layout_band.post_format_image {
@include flex-direction(column);
padding-left: 110px;
.post_date_wrap {
display: none;
}
.post_featured {
@include flex-basis(auto);
height: auto;
}
.post_featured + .post_content_wrap {
padding: 0;
margin-top: 19px;
}
}
}
/* Format quote */
.post_layout_band.post_format_quote {
/* Excerpt */
.post_content_inner > blockquote {
margin-top: 5px;
}
}
/* Columns */
.slider-slide > .post_layout_band,
[class*="column-"] > .post_layout_band {
flex-direction: column;
&:not(:last-child):before {
display: none;
}
&:not(:last-child) {
padding-bottom: 0;
}
.post_date_wrap {
padding: 15px 0 11px;
margin: 0;
display: block;
flex-basis: 1px;
}
.post_featured + .post_content_wrap {
padding: 0;
margin-top: 20px;
}
}