| Server IP : 146.59.209.152 / Your IP : 216.73.216.46 Web Server : Apache System : Linux webm005.cluster131.gra.hosting.ovh.net 5.15.167-ovh-vps-grsec-zfs-classid #1 SMP Tue Sep 17 08:14:20 UTC 2024 x86_64 User : infrafs ( 43850) PHP Version : 8.2.29 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/infrafs/www/wp-content/themes/trackstore/framework/modules/blog/assets/css/ |
Upload File : |
/* ==========================================================================
Blog styles - begin
========================================================================== */
/* common mixins - start */
/* common mixins - end */
/* ==========================================================================
Blog Common style - begin
========================================================================== */
.eltd-blog-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 0 0 40px;
clear: both;
}
.eltd-blog-holder article {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-blog-holder article.sticky .eltd-post-title a:after {
display: inline-block;
content: "\f31a";
font-family: Ionicons;
position: absolute;
padding-left: 20px;
font-size: 30px;
}
.eltd-blog-holder article .eltd-post-content {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-blog-holder article .eltd-post-image {
position: relative;
display: inline-block;
vertical-align: middle;
max-width: 100%;
}
.eltd-blog-holder article .eltd-post-image img {
display: block;
}
.eltd-blog-holder article .eltd-post-image-background {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
height: 100%;
background-position: center;
background-size: cover;
}
.eltd-blog-holder article .eltd-post-image-background a {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.eltd-blog-holder article .eltd-post-image-icon {
position: absolute;
top: 20px;
right: 20px;
font-size: 30px;
line-height: 1;
color: #fff;
}
.eltd-blog-holder article .eltd-post-text {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-blog-holder article .eltd-post-title {
margin: 0;
}
.eltd-blog-holder article .eltd-post-excerpt-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 0;
}
.eltd-blog-holder article .eltd-post-excerpt-holder p {
margin: 0;
}
.eltd-blog-holder article .eltd-post-excerpt:after {
content: '...';
}
.eltd-blog-holder article .eltd-more-link-container {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 15px 0 0;
}
.eltd-blog-holder article .eltd-post-info {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-blog-holder article .eltd-post-info > * {
position: relative;
display: inline-block;
vertical-align: top;
color: currentColor;
}
.eltd-blog-holder article .eltd-post-info > * a {
color: inherit;
}
.eltd-blog-holder article .eltd-post-info-top {
margin-bottom: 9px;
}
.eltd-blog-holder article .eltd-post-info-top > div {
position: relative;
display: inline-block;
padding: 0 7px 0 0;
color: #464646;
font-family: "Roboto Condensed", sans-serif;
font-size: 16px;
font-style: italic;
text-transform: none;
}
.eltd-blog-holder article .eltd-post-info-top > div:last-child {
padding: 0;
}
.eltd-blog-holder article .eltd-post-info-top > div:last-child:after {
content: '';
}
.eltd-blog-holder article .eltd-post-info-top .eltd-post-info-date a {
text-decoration: underline;
}
.eltd-blog-holder article .eltd-post-info-bottom {
padding-top: 17px;
}
.eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left,
.eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-right {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
@media only screen and (min-width: 769px) {
.eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left,
.eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-right {
width: 50%;
}
.eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left {
float: left;
}
.eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-right {
text-align: right;
float: right;
}
.eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-right .eltd-post-read-more-button {
margin-top: -5px;
}
.eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-right .eltd-post-read-more-button .eltd-btn.eltd-btn-icon span > i {
vertical-align: middle;
}
}
.eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left > div {
position: relative;
display: inline-block;
padding: 0 7px 0 0;
color: #464646;
font-family: "Roboto Condensed", sans-serif;
font-size: 16px;
font-style: italic;
text-transform: none;
position: relative;
}
.eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left > div a {
color: #464646;
}
.eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left > div:after {
content: '|';
display: inline-block;
font-style: normal;
color: #898989;
margin-left: 10px;
}
.eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left > div:last-child:after {
display: none;
}
.eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left > div.eltd-post-info-comments-holder a {
margin-left: 25px;
}
.eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left > div.eltd-post-info-comments-holder:before {
display: inline-block;
content: "\f3fb";
font-family: "Ionicons";
font-size: 19px;
position: absolute;
}
.eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left > div.eltd-blog-like {
font-style: normal;
}
.eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left > div.eltd-blog-like i {
font-size: 15px;
}
.eltd-blog-holder article .eltd-post-info-bottom .eltd-post-info-bottom-left > div.eltd-blog-like span {
margin-left: 9px;
}
.eltd-blog-holder article.format-link .eltd-post-text {
padding: 23px 53px 50px;
background-color: transparent;
border: 1px solid #262626;
}
.eltd-blog-holder article.format-link .eltd-post-text-main {
text-align: center;
}
.eltd-blog-holder article.format-link .eltd-post-mark {
vertical-align: top;
text-align: center;
margin-bottom: 10px;
}
.eltd-blog-holder article.format-link .eltd-post-mark .eltd-link-mark {
padding-top: 5px;
font-size: 45px;
color: #262626;
display: inline-block;
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.eltd-blog-holder article.format-link .eltd-post-link-holder {
vertical-align: top;
text-align: center;
width: 60%;
margin: 0 auto;
}
.eltd-blog-holder article.format-quote .eltd-post-text {
padding: 31px 53px 43px;
background-color: transparent;
border: 1px solid #262626;
}
.eltd-blog-holder article.format-quote .eltd-post-text-main {
text-align: center;
}
.eltd-blog-holder article.format-quote .eltd-post-mark {
vertical-align: top;
text-align: center;
}
.eltd-blog-holder article.format-quote .eltd-post-mark .eltd-quote-mark {
padding-top: 5px;
font-size: 45px;
color: #262626;
}
.eltd-blog-holder article.format-quote .eltd-post-quote-holder {
width: 60%;
margin: 0 auto;
}
.eltd-blog-holder article.format-quote .eltd-quote-author {
display: inline-block;
margin-top: 17px;
font-size: 16px;
font-style: italic;
text-transform: none;
font-family: "Roboto Condensed", sans-serif;
}
.eltd-blog-holder article.format-gallery .eltd-post-image {
width: 100%;
}
.eltd-blog-holder article.format-gallery .owl-carousel .owl-item {
z-index: 2;
}
.eltd-blog-holder article.format-gallery .owl-carousel .owl-item.active {
z-index: 3;
}
.eltd-blog-holder article.format-audio.has-post-thumbnail .eltd-post-heading {
position: relative;
}
.eltd-blog-holder article.format-audio.has-post-thumbnail .eltd-blog-audio-holder {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: inline-block;
vertical-align: middle;
}
.eltd-blog-holder article.format-audio .eltd-post-image {
width: 100%;
max-width: inherit;
}
.eltd-blog-holder article.format-audio .eltd-post-image img {
width: 100%;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container, .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-embed, .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-embed body, .eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls {
background: none;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container {
background-color: #262626;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container,
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls {
height: 38px !important;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls {
padding: 0 10px 0 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button {
width: 39px;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button {
width: 30px;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button,
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button {
height: 38px;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button button,
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button button {
position: relative;
height: 100%;
background: none;
background-position: center;
background-repeat: no-repeat;
margin: 0;
border: 0;
outline: none;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-play button,
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button.mejs-play button {
width: 39px;
background-image: url("../img/audio/play.png");
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-pause button,
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button.mejs-pause button {
width: 39px;
background-image: url("../img/audio/pause.png");
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-stop button,
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button.mejs-stop button {
width: 39px;
background-image: url("../img/audio/stop.png");
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-mute button,
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button.mejs-mute button {
width: 30px;
background-image: url("../img/audio/sound.png");
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-playpause-button.mejs-unmute button,
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-volume-button.mejs-unmute button {
width: 30px;
background-image: url("../img/audio/mute.png");
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-time {
height: 100%;
padding: 0;
font-family: inherit;
font-size: 13px;
color: #fff;
line-height: 36px;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail {
height: 100%;
padding: 0;
font-family: inherit;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total {
height: 5px;
margin: 15px 14px;
background: none;
background-color: #fff;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-current {
height: 5px;
background-color: #c8ff0b;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-float {
top: -14px;
border: 0;
color: #fff;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-float .mejs-time-float-corner {
border-top-color: #262626;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-loaded,
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > .mejs-time-rail .mejs-time-total .mejs-time-float {
background: none;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider {
height: 38px;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
height: 5px;
top: 15px;
background: none;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background-color: #fff;
}
.eltd-blog-holder article.format-audio .eltd-blog-audio-holder .mejs-container .mejs-controls > a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background-color: #c8ff0b;
}
.eltd-blog-holder article.format-video .eltd-self-hosted-video {
max-width: 100%;
}
/* ==========================================================================
Blog Common style - end
========================================================================== */
/* ==========================================================================
Blog Masonry general style - begin
========================================================================== */
.eltd-blog-holder.eltd-blog-type-masonry {
/***** Number of Columns - begin *****/
/***** Number of Columns - end *****/
/***** Space on container if full width - start *****/
/***** Space on container if full width - end *****/
}
.eltd-blog-holder.eltd-blog-type-masonry .eltd-blog-holder-inner {
opacity: 0;
}
.eltd-blog-holder.eltd-blog-type-masonry article {
float: left;
}
.eltd-blog-holder.eltd-blog-type-masonry article,
.eltd-blog-holder.eltd-blog-type-masonry .eltd-blog-masonry-grid-sizer {
width: 100%;
}
.eltd-blog-holder.eltd-blog-type-masonry .eltd-blog-masonry-grid-gutter {
width: 0;
}
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-two-columns article,
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-two-columns .eltd-blog-masonry-grid-sizer {
width: 50%;
}
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-two-columns article.eltd-post-size-large-width, .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-two-columns article.eltd-post-size-large-width-height {
width: 100%;
}
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-three-columns article,
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-three-columns .eltd-blog-masonry-grid-sizer {
width: 33.33333%;
}
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-three-columns article.eltd-post-size-large-width, .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-three-columns article.eltd-post-size-large-width-height {
width: 66.66667%;
}
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-four-columns article,
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-four-columns .eltd-blog-masonry-grid-sizer {
width: 25%;
}
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-four-columns article.eltd-post-size-large-width, .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-four-columns article.eltd-post-size-large-width-height {
width: 50%;
}
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-five-columns article,
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-five-columns .eltd-blog-masonry-grid-sizer {
width: 20%;
}
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-five-columns article.eltd-post-size-large-width, .eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-five-columns article.eltd-post-size-large-width-height {
width: 40%;
}
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-masonry-full-width {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-masonry-full-width.eltd-no-space {
padding: 0 0px;
}
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-masonry-full-width.eltd-tiny-space {
padding: 0 10px;
}
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-masonry-full-width.eltd-small-space {
padding: 0 20px;
}
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-masonry-full-width.eltd-normal-space {
padding: 0 30px;
}
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-masonry-full-width.eltd-medium-space {
padding: 0 40px;
}
.eltd-blog-holder.eltd-blog-type-masonry.eltd-blog-masonry-full-width.eltd-large-space {
padding: 0 50px;
}
/* ==========================================================================
Blog Masonry general style - end
========================================================================== */
/* ==========================================================================
Blog List - Masonry style - begin
========================================================================== */
.eltd-blog-holder.eltd-blog-masonry article {
margin: 0 0 20px;
padding: 0 0 30px;
}
.eltd-blog-holder.eltd-blog-masonry article .eltd-post-info-top,
.eltd-blog-holder.eltd-blog-masonry article .entry-title {
margin-bottom: 7px;
}
.eltd-blog-holder.eltd-blog-masonry article .eltd-post-link-holder,
.eltd-blog-holder.eltd-blog-masonry article .eltd-post-quote-holder {
width: 100%;
margin: 0;
}
.eltd-blog-holder.eltd-blog-masonry article.eltd-post-has-media .eltd-post-heading {
margin-bottom: 30px;
}
/* ==========================================================================
Blog List - Masonry style - end
========================================================================== */
/* ==========================================================================
Blog List - Standard style - begin
========================================================================== */
.eltd-blog-holder.eltd-blog-standard article {
margin: 0 0 50px;
padding: 0;
}
.eltd-blog-holder.eltd-blog-standard article.format-quote, .eltd-blog-holder.eltd-blog-standard article.format-link {
margin: 0 0 70px;
}
.eltd-blog-holder.eltd-blog-standard article.eltd-post-has-media .eltd-post-heading {
margin-bottom: 23px;
}
@media only screen and (max-width: 768px) {
.eltd-blog-holder.eltd-blog-standard .eltd-post-info-bottom .eltd-post-info-bottom-right > div {
margin-top: 5px;
}
}
/* ==========================================================================
Blog List - Standard style - end
========================================================================== */
/* Single author box styles - begin
====================================================================== */
.eltd-author-description {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
padding: 0;
background-color: #fafafa;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-author-description .eltd-author-description-inner {
padding: 41px 0 39px;
min-height: 78px;
clear: both;
}
.eltd-author-description .eltd-author-description-content {
position: relative;
padding: 0 30px;
}
.eltd-author-description .eltd-author-description-image {
width: 78px;
margin: 0 auto;
}
.eltd-author-description .eltd-author-description-image img {
display: block;
border-radius: 5em;
}
.eltd-author-description .eltd-author-description-text-holder {
position: relative;
padding: 4px 0;
}
.eltd-author-description .eltd-author-description-text-holder .eltd-author-name {
margin: 0;
}
.eltd-author-description .eltd-author-description-text-holder .eltd-author-name a {
color: #262626;
}
.eltd-author-description .eltd-author-description-text-holder .eltd-author-name a:hover {
color: #c8ff0b;
}
.eltd-author-description .eltd-author-description-text-holder .eltd-author-email {
margin: 0;
}
.eltd-author-description .eltd-author-description-text-holder .eltd-author-text {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-author-description .eltd-author-description-text-holder .eltd-author-text > p {
margin: 17px 0 14px;
}
.eltd-author-description .eltd-author-description-text-holder .eltd-author-social-icons {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-author-description .eltd-author-description-text-holder .eltd-author-social-icons a {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 0;
margin: 0 15px 0 0;
font-size: 11px;
color: #262626;
}
.eltd-author-description .eltd-author-description-text-holder .eltd-author-social-icons a:last-child {
margin: 0;
}
.eltd-author-description .eltd-author-description-text-holder .eltd-author-social-icons a:hover {
color: #c8ff0b;
}
@media only screen and (max-width: 768px) {
.eltd-author-description .eltd-author-description-content {
padding: 0;
}
.eltd-author-description .eltd-author-description-image {
display: block;
width: 100%;
}
.eltd-author-description .eltd-author-description-text-holder {
display: block;
padding: 0;
margin-top: 30px;
}
}
/* Single author box styles - end
====================================================================== */
/* ==========================================================================
Blog pagination standard style - begin
========================================================================== */
.eltd-blog-pagination-wp {
display: none;
}
.eltd-blog-pagination {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 40px 0 30px;
clear: both;
}
.eltd-blog-pagination ul {
width: auto;
vertical-align: middle;
padding: 0;
margin: 0;
list-style: none;
text-align: right;
display: inline-block;
float: right;
position: relative;
}
.eltd-blog-pagination ul li {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0;
position: absolute;
visibility: hidden;
bottom: 0;
}
.eltd-blog-pagination ul li.eltd-parent-active {
position: relative;
visibility: visible;
}
.eltd-blog-pagination ul li.eltd-parent-active:after {
content: '-';
display: inline-block;
color: #262626;
font-weight: 700;
}
.eltd-blog-pagination ul li.eltd-pag-last-page {
position: relative;
visibility: visible;
}
.eltd-blog-pagination ul li.eltd-pag-last-page a {
color: #dddddd !important;
}
.eltd-blog-pagination ul li.eltd-pag-last-page:after {
display: none;
}
.eltd-blog-pagination ul li a {
font-size: 16px;
font-family: "Roboto Condensed", sans-serif;
font-weight: 700;
letter-spacing: -.08px;
color: #262626;
vertical-align: middle;
}
.eltd-blog-pagination ul li a.eltd-pag-active {
color: #262626;
}
.eltd-blog-pagination ul li:last-child {
margin-left: 5px !important;
}
.eltd-blog-pagination ul li.eltd-pag-prev, .eltd-blog-pagination ul li.eltd-pag-next, .eltd-blog-pagination ul li.eltd-pag-first, .eltd-blog-pagination ul li.eltd-pag-last {
margin: 0;
position: relative;
visibility: visible;
}
.eltd-blog-pagination ul li.eltd-pag-prev a, .eltd-blog-pagination ul li.eltd-pag-next a, .eltd-blog-pagination ul li.eltd-pag-first a, .eltd-blog-pagination ul li.eltd-pag-last a {
font-size: 12px;
}
.eltd-blog-pagination ul li.eltd-pag-prev a i, .eltd-blog-pagination ul li.eltd-pag-next a i, .eltd-blog-pagination ul li.eltd-pag-first a i, .eltd-blog-pagination ul li.eltd-pag-last a i {
display: block;
line-height: inherit;
}
.eltd-blog-pagination ul li.eltd-pag-prev a i:before, .eltd-blog-pagination ul li.eltd-pag-next a i:before, .eltd-blog-pagination ul li.eltd-pag-first a i:before, .eltd-blog-pagination ul li.eltd-pag-last a i:before {
display: block;
line-height: inherit;
}
.eltd-blog-pagination ul li.eltd-pag-next a i {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.eltd-blog-pagination ul li.eltd-pag-next a:hover i {
-webkit-transform: translate3d(3px, 0, 0);
transform: translate3d(3px, 0, 0);
}
.eltd-blog-pagination ul li.eltd-pag-prev a i {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.eltd-blog-pagination ul li.eltd-pag-prev a:hover i {
-webkit-transform: translate3d(-3px, 0, 0);
transform: translate3d(-3px, 0, 0);
}
.eltd-blog-pagination ul li.eltd-pag-prev {
margin-right: 5px;
}
/* ==========================================================================
Blog pagination standard style - end
========================================================================== */
/* ==========================================================================
Blog List shortcode pagination standard style - begin
========================================================================== */
.eltd-blog-list-holder.eltd-bl-pag-standard-blog-list .eltd-blog-list {
opacity: 1;
-webkit-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.eltd-blog-list-holder.eltd-bl-pag-standard-blog-list.eltd-bl-pag-standard-blog-list-animate .eltd-blog-list {
opacity: 0;
}
.eltd-bl-standard-pagination {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 20px 0 0;
clear: both;
}
.eltd-bl-standard-pagination ul {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
padding: 0;
margin: 0;
list-style: none;
text-align: right;
width: auto;
display: inline-block;
float: right;
}
.eltd-bl-standard-pagination ul li {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
visibility: hidden;
position: absolute;
}
.eltd-bl-standard-pagination ul li a {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 0;
font-size: 16px;
font-family: "Roboto Condensed", sans-serif;
font-weight: 700;
letter-spacing: -.08px;
color: #dddddd;
}
.eltd-bl-standard-pagination ul li.eltd-bl-pag-active {
visibility: visible;
position: relative;
}
.eltd-bl-standard-pagination ul li.eltd-bl-pag-active:after {
content: '-';
display: inline-block;
color: #262626;
font-weight: 700;
}
.eltd-bl-standard-pagination ul li.eltd-bl-pag-active a {
color: #262626;
}
.eltd-bl-standard-pagination ul li.eltd-pag-last-page {
position: relative;
visibility: visible;
}
.eltd-bl-standard-pagination ul li.eltd-pag-last-page a {
color: #dddddd !important;
}
.eltd-bl-standard-pagination ul li.eltd-pag-last-page:after {
display: none;
}
.eltd-bl-standard-pagination ul li.eltd-bl-pag-prev, .eltd-bl-standard-pagination ul li.eltd-bl-pag-next {
visibility: visible;
position: relative;
}
.eltd-bl-standard-pagination ul li.eltd-bl-pag-prev a, .eltd-bl-standard-pagination ul li.eltd-bl-pag-next a {
font-size: 12px;
color: #262626;
-webkit-transition: color 0.2s ease-out, opacity 0.2s ease-out;
-o-transition: color 0.2s ease-out, opacity 0.2s ease-out;
transition: color 0.2s ease-out, opacity 0.2s ease-out;
}
.eltd-bl-standard-pagination ul li.eltd-bl-pag-prev a i, .eltd-bl-standard-pagination ul li.eltd-bl-pag-next a i {
display: block;
line-height: inherit;
}
.eltd-bl-standard-pagination ul li.eltd-bl-pag-prev a i:before, .eltd-bl-standard-pagination ul li.eltd-bl-pag-next a i:before {
display: block;
line-height: inherit;
}
.eltd-bl-standard-pagination ul li.eltd-bl-pag-prev {
margin-right: 5px;
}
.eltd-bl-standard-pagination ul li.eltd-bl-pag-prev a {
opacity: 0;
}
.eltd-bl-standard-pagination ul li.eltd-bl-pag-next {
margin-left: 5px;
}
.eltd-bl-standard-pagination ul li.eltd-bl-pag-next a {
opacity: 1;
}
/* ==========================================================================
Blog List shortcode pagination standard style - end
========================================================================== */
/* ==========================================================================
Blog pagination load more style - begin
========================================================================== */
.eltd-blog-pag-load-more {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 40px 0 30px;
text-align: center;
}
/* ==========================================================================
Blog pagination load more style - end
========================================================================== */
/* ==========================================================================
Blog pagination loading element style - begin
========================================================================== */
.eltd-blog-pag-loading {
position: relative;
display: none;
width: 100%;
margin: 40px 0 20px;
color: #262626;
text-align: center;
}
.eltd-blog-pag-loading.eltd-standard-pag-trigger {
position: absolute;
top: 50px;
left: 0;
}
.eltd-blog-pag-loading.eltd-showing {
display: block;
}
.eltd-blog-pag-loading > div {
position: relative;
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
margin: 0 3px;
background-color: #262626;
border-radius: 100%;
-webkit-animation: bl-pag-bouncedelay 1.4s infinite ease-in-out both;
animation: bl-pag-bouncedelay 1.4s infinite ease-in-out both;
}
.eltd-blog-pag-loading .eltd-blog-pag-bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.eltd-blog-pag-loading .eltd-blog-pag-bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bl-pag-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1);
}
}
@keyframes bl-pag-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/* ==========================================================================
Blog pagination loading element style - end
========================================================================== */
/* Single posts navigation styles - begin
====================================================================== */
.eltd-blog-single-navigation {
position: relative;
display: table;
width: 100%;
vertical-align: middle;
padding: 0;
clear: both;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-blog-single-navigation .eltd-blog-single-navigation-inner {
padding: 43px 0 98px;
}
.eltd-blog-single-navigation .eltd-blog-single-prev,
.eltd-blog-single-navigation .eltd-blog-single-next {
color: #262626;
}
.eltd-blog-single-navigation .eltd-blog-single-prev .eltd-blog-single-nav-label,
.eltd-blog-single-navigation .eltd-blog-single-next .eltd-blog-single-nav-label {
display: inline-block;
font-size: 16px;
font-family: "Roboto Condensed", sans-serif;
text-transform: uppercase;
font-weight: 700;
letter-spacing: -.08px;
color: inherit;
vertical-align: middle;
}
.eltd-blog-single-navigation .eltd-blog-single-prev {
float: left;
}
.eltd-blog-single-navigation .eltd-blog-single-prev .eltd-blog-single-nav-mark,
.eltd-blog-single-navigation .eltd-blog-single-prev .eltd-blog-single-nav-label {
float: left;
}
.eltd-blog-single-navigation .eltd-blog-single-prev .eltd-blog-single-nav-mark:before {
display: inline-block;
content: "\f053";
font-family: 'FontAwesome';
vertical-align: middle;
font-size: 12px;
margin-right: 5px;
margin-top: -3px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.eltd-blog-single-navigation .eltd-blog-single-prev:hover .eltd-blog-single-nav-mark:before {
-webkit-transform: translate3d(-7px, 0, 0);
transform: translate3d(-7px, 0, 0);
}
.eltd-blog-single-navigation .eltd-blog-single-next {
float: right;
}
.eltd-blog-single-navigation .eltd-blog-single-next .eltd-blog-single-nav-mark,
.eltd-blog-single-navigation .eltd-blog-single-next .eltd-blog-single-nav-label {
float: right;
}
.eltd-blog-single-navigation .eltd-blog-single-next .eltd-blog-single-nav-mark:after {
display: inline-block;
content: "\f054";
font-family: 'FontAwesome';
vertical-align: middle;
font-size: 12px;
margin-left: 5px;
margin-top: -3px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.eltd-blog-single-navigation .eltd-blog-single-next:hover .eltd-blog-single-nav-mark:after {
-webkit-transform: translate3d(7px, 0, 0);
transform: translate3d(7px, 0, 0);
}
.eltd-single-links-pages {
clear: both;
margin: 20px 0 5px;
}
.eltd-single-links-pages .eltd-single-links-pages-inner > a,
.eltd-single-links-pages .eltd-single-links-pages-inner > span {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 15px 5px 0;
}
/* Single posts navigation styles - end
====================================================================== */
/* Related posts styles - begin
====================================================================== */
.eltd-related-posts-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-related-posts-holder .eltd-related-posts-holder-inner {
padding: 46px 0 26px;
}
.eltd-related-posts-holder .eltd-related-posts-title {
margin: 0 0 40px;
}
.eltd-related-posts-holder .eltd-related-posts-title > * {
margin: 0;
}
.eltd-related-posts-holder .eltd-related-posts-inner {
margin: 0 -15px;
}
.eltd-related-posts-holder .eltd-related-post {
position: relative;
display: inline-block;
float: left;
width: 25%;
margin: 0 0 30px;
padding: 0 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-content-has-sidebar .eltd-related-posts-holder .eltd-related-post {
widtH: 33.33333333333333%;
}
.touch .eltd-related-posts-holder .eltd-related-post {
cursor: pointer;
}
.eltd-related-posts-holder .eltd-related-post:hover .eltd-related-post-image a:after {
opacity: 1;
}
.eltd-related-posts-holder .eltd-related-post .eltd-related-post-image {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
overflow: hidden;
}
.eltd-related-posts-holder .eltd-related-post .eltd-related-post-image a {
position: relative;
display: block;
}
.eltd-related-posts-holder .eltd-related-post .eltd-related-post-image a:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background-color: rgba(38, 38, 38, 0.4);
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.eltd-related-posts-holder .eltd-related-post .eltd-related-post-image img {
display: block;
}
.eltd-related-posts-holder .eltd-related-post .eltd-post-title {
margin: 19px 0 0;
}
.eltd-related-posts-holder .eltd-related-post .eltd-post-info {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 4px 0 0;
}
.eltd-related-posts-holder .eltd-related-post .eltd-post-info > div {
position: relative;
display: inline-block;
vertical-align: top;
float: left;
padding: 0 13px 0 0;
color: inherit;
}
.eltd-related-posts-holder .eltd-related-post .eltd-post-info > div:after {
position: absolute;
top: 0;
right: 4px;
content: '/';
}
.eltd-related-posts-holder .eltd-related-post .eltd-post-info > div:last-child {
padding: 0;
}
.eltd-related-posts-holder .eltd-related-post .eltd-post-info > div:last-child:after {
display: none;
}
.eltd-related-posts-holder .eltd-related-post .eltd-post-info > div.eltd-post-info-author .eltd-post-info-author-text {
margin: 0 3px 0 0;
}
.eltd-related-posts-holder .eltd-related-post .eltd-post-info > div a {
color: inherit;
line-height: inherit;
font-size: inherit;
font-weight: inherit;
}
/* Related posts styles - end
====================================================================== */
/* ==========================================================================
Blog Single style - begin
========================================================================== */
.eltd-blog-holder.eltd-blog-single article {
margin: 0 0 30px;
}
.eltd-blog-holder.eltd-blog-single article .eltd-post-heading {
margin-bottom: 25px;
}
.eltd-blog-holder.eltd-blog-single article .eltd-post-text {
padding: 0 0 21px;
}
.eltd-blog-holder.eltd-blog-single article .eltd-post-text .eltd-post-info-top {
margin-bottom: 10px;
}
.eltd-blog-holder.eltd-blog-single article .eltd-post-info-bottom {
padding-top: 42px;
}
.eltd-blog-holder.eltd-blog-single article.format-quote .eltd-post-text {
padding: 31px 53px 43px;
}
.eltd-blog-holder.eltd-blog-single article.format-link .eltd-post-text {
padding: 23px 53px 50px;
}
/* ==========================================================================
Blog Single style - end
========================================================================== */
/* ==========================================================================
Blog List shortcode global style - begin
========================================================================== */
.eltd-blog-list-holder {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
clear: both;
}
.eltd-blog-list-holder .eltd-blog-list {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
list-style: none;
margin: 0;
padding: 0;
}
.eltd-blog-list-holder .eltd-bl-item {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-blog-list-holder .eltd-bli-inner {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-blog-list-holder .eltd-bli-content {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.eltd-blog-list-holder .eltd-post-image {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 0 0 30px;
}
.eltd-blog-list-holder .eltd-post-image a {
display: block;
}
.eltd-blog-list-holder .eltd-post-image a:hover:after {
opacity: 1;
}
.eltd-blog-list-holder .eltd-post-image a:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background-color: rgba(38, 38, 38, 0.4);
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.eltd-blog-list-holder .eltd-post-image img {
display: block;
}
.eltd-blog-list-holder .eltd-bli-info {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 0 0 8px;
clear: both;
}
.eltd-blog-list-holder .eltd-bli-info > div {
position: relative;
display: inline-block;
vertical-align: top;
font-size: 16px;
line-height: 1.2em;
float: left;
padding: 0 10px 5px 0;
}
.eltd-blog-list-holder .eltd-bli-info > div:last-child {
padding: 0 0 5px;
}
.eltd-blog-list-holder .eltd-bli-info > div a,
.eltd-blog-list-holder .eltd-bli-info > div span {
font-family: "Roboto Condensed", sans-serif;
font-style: italic;
position: relative;
display: inline-block;
text-transform: none;
}
.eltd-blog-list-holder .eltd-bli-info > div a:hover,
.eltd-blog-list-holder .eltd-bli-info > div span:hover {
color: #262626;
}
.eltd-blog-list-holder .eltd-post-title {
margin: 0;
}
.eltd-blog-list-holder .eltd-post-excerpt {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 15px 0 0;
}
.eltd-blog-list-holder .eltd-post-excerpt p {
margin: 0;
}
.eltd-blog-list-holder .eltd-info-bottom-left {
float: left;
display: inline-block;
}
.eltd-blog-list-holder .eltd-info-bottom-left > * {
display: inline-block;
padding-right: 7px;
margin: 15px 0 0;
font-family: "Roboto Condensed", sans-serif;
font-style: italic;
position: relative;
display: inline-block;
text-transform: none;
}
.eltd-blog-list-holder .eltd-info-bottom-left > *:after {
content: '|';
font-style: normal;
padding-left: 7px;
}
.eltd-blog-list-holder .eltd-info-bottom-left > *:last-child:after {
display: none;
}
.eltd-blog-list-holder .eltd-info-bottom-right {
float: right;
display: inline-block;
}
.eltd-blog-list-holder .eltd-post-read-more-button {
margin: 15px 0 0;
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-blog-list-holder.eltd-dark-skin .eltd-bli-content .eltd-bli-info * {
color: #fff;
}
.eltd-blog-list-holder.eltd-dark-skin .eltd-bli-content .eltd-bli-info-bellow * {
color: #fff;
}
.eltd-blog-list-holder.eltd-dark-skin .eltd-bli-content .eltd-post-title {
color: #fff;
}
.eltd-blog-list-holder.eltd-dark-skin .eltd-bli-content .eltd-bli-excerpt p {
color: #fff;
}
.eltd-blog-list-holder.eltd-dark-skin .eltd-info-bottom-left > * {
color: #fff;
}
.eltd-blog-list-holder.eltd-dark-skin .eltd-info-bottom-left > * a,
.eltd-blog-list-holder.eltd-dark-skin .eltd-info-bottom-left > * span,
.eltd-blog-list-holder.eltd-dark-skin .eltd-info-bottom-left > * i {
color: #fff;
}
.eltd-blog-list-holder.eltd-dark-skin.eltd-bl-minimal .eltd-post-info-date a {
color: #fff;
}
.eltd-blog-list-holder.eltd-dark-skin.eltd-bl-simple .eltd-post-info-date a {
color: #fff !important;
}
.eltd-blog-list-holder.eltd-dark-skin .eltd-post-read-more-button a {
color: #fff;
}
.eltd-blog-list-holder.eltd-dark-skin .eltd-post-read-more-button a:hover {
color: #fff !important;
}
/* ==========================================================================
Blog List shortcode global style - end
========================================================================== */
/* ==========================================================================
Blog List shortcode - Boxed type style - begin
========================================================================== */
.eltd-blog-list-holder.eltd-bl-boxed:not(.eltd-bl-one-column) .eltd-bl-item {
float: left;
}
.eltd-blog-list-holder.eltd-bl-boxed.eltd-bl-two-columns .eltd-bl-item {
width: 50%;
}
@media only screen and (min-width: 1025px) {
.eltd-blog-list-holder.eltd-bl-boxed.eltd-bl-two-columns .eltd-bl-item:nth-child(2n+1) {
clear: both;
}
}
.eltd-blog-list-holder.eltd-bl-boxed.eltd-bl-three-columns .eltd-bl-item {
width: 33.33333%;
}
@media only screen and (min-width: 1025px) {
.eltd-blog-list-holder.eltd-bl-boxed.eltd-bl-three-columns .eltd-bl-item:nth-child(3n+1) {
clear: both;
}
}
.eltd-blog-list-holder.eltd-bl-boxed.eltd-bl-four-columns .eltd-bl-item {
width: 25%;
}
@media only screen and (min-width: 1201px) {
.eltd-blog-list-holder.eltd-bl-boxed.eltd-bl-four-columns .eltd-bl-item:nth-child(4n+1) {
clear: both;
}
}
.eltd-blog-list-holder.eltd-bl-boxed.eltd-bl-five-columns .eltd-bl-item {
width: 20%;
}
@media only screen and (min-width: 1201px) {
.eltd-blog-list-holder.eltd-bl-boxed.eltd-bl-five-columns .eltd-bl-item:nth-child(5n+1) {
clear: both;
}
}
.eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content {
text-align: center;
}
.eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-bli-info {
text-align: center;
margin: 35px 0 13px;
}
.eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-bli-info > div {
float: none;
}
.eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-post-excerpt-holder {
width: 80%;
margin: 0 auto;
}
.eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-bli-info-bellow {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 0 0 8px;
clear: both;
text-align: center;
}
.eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-bli-info-bellow > div {
position: relative;
display: inline-block;
vertical-align: top;
font-size: 16px;
line-height: 1.2em;
padding: 0 10px 5px 0;
}
.eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-bli-info-bellow > div:last-child {
padding: 0 0 5px;
}
.eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-bli-info-bellow > div a,
.eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-bli-info-bellow > div span {
font-family: "Roboto Condensed", sans-serif;
font-style: italic;
position: relative;
display: inline-block;
text-transform: none;
}
.eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-bli-info-bellow > div a:hover,
.eltd-blog-list-holder.eltd-bl-boxed .eltd-bli-content .eltd-bli-info-bellow > div span:hover {
color: #262626;
}
.eltd-blog-list-holder.eltd-bl-boxed .eltd-post-image {
margin: 0;
overflow: hidden;
}
.eltd-blog-list-holder.eltd-bl-boxed .eltd-post-image img {
-webkit-transition: all 0.32s ease-in-out;
-o-transition: all 0.32s ease-in-out;
transition: all 0.32s ease-in-out;
-webkit-transform: scale(1.005);
-ms-transform: scale(1.005);
transform: scale(1.005);
}
.eltd-blog-list-holder.eltd-bl-boxed .eltd-post-image a:after {
display: none;
}
.eltd-blog-list-holder.eltd-bl-boxed .eltd-post-image a:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
/* ==========================================================================
Blog List shortcode - Boxed type style - end
========================================================================== */
/* ==========================================================================
Blog List shortcode - Masonry type style - begin
========================================================================== */
.eltd-blog-list-holder.eltd-bl-masonry {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
overflow: visible !important;
}
.eltd-blog-list-holder.eltd-bl-masonry .eltd-blog-list {
opacity: 0;
-webkit-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
.eltd-blog-list-holder.eltd-bl-masonry .eltd-bl-item {
vertical-align: top;
z-index: 100;
}
.eltd-blog-list-holder.eltd-bl-masonry .eltd-bl-item,
.eltd-blog-list-holder.eltd-bl-masonry .eltd-bl-grid-sizer {
width: 100%;
}
.eltd-blog-list-holder.eltd-bl-masonry .eltd-bl-grid-gutter {
width: 0;
}
.eltd-blog-list-holder.eltd-bl-masonry.eltd-bl-two-columns .eltd-bl-item,
.eltd-blog-list-holder.eltd-bl-masonry.eltd-bl-two-columns .eltd-bl-grid-sizer {
width: 50%;
}
.eltd-blog-list-holder.eltd-bl-masonry.eltd-bl-three-columns .eltd-bl-item,
.eltd-blog-list-holder.eltd-bl-masonry.eltd-bl-three-columns .eltd-bl-grid-sizer {
width: 33.33333%;
}
.eltd-blog-list-holder.eltd-bl-masonry.eltd-bl-four-columns .eltd-bl-item,
.eltd-blog-list-holder.eltd-bl-masonry.eltd-bl-four-columns .eltd-bl-grid-sizer {
width: 25%;
}
.eltd-blog-list-holder.eltd-bl-masonry.eltd-bl-five-columns .eltd-bl-item,
.eltd-blog-list-holder.eltd-bl-masonry.eltd-bl-five-columns .eltd-bl-grid-sizer {
width: 20%;
}
/* ==========================================================================
Blog List shortcode - Masonry type style - end
========================================================================== */
/* ==========================================================================
Blog List shortcode - Minimal type style - begin
========================================================================== */
.eltd-blog-list-holder.eltd-bl-minimal .eltd-post-info-date {
display: block;
margin: 0 0 12px;
line-height: 1;
}
.eltd-blog-list-holder.eltd-bl-minimal .eltd-post-info-date a {
font-size: 13px;
color: #464646;
}
.eltd-blog-list-holder.eltd-bl-minimal .eltd-post-info-date a:hover {
color: #262626;
}
/* ==========================================================================
Blog List shortcode - Minimal type style - end
========================================================================== */
/* ==========================================================================
Blog List shortcode - Simple type style - begin
========================================================================== */
.eltd-blog-list-holder.eltd-bl-simple .eltd-post-image {
display: table-cell;
vertical-align: top;
width: 84px;
}
.eltd-blog-list-holder.eltd-bl-simple .eltd-bli-content {
display: table-cell;
vertical-align: top;
width: auto;
padding-left: 25px;
}
.eltd-blog-list-holder.eltd-bl-simple .eltd-bli-content .eltd-post-info-date {
display: block;
margin: 7px 0 0;
line-height: 1;
}
.eltd-blog-list-holder.eltd-bl-simple .eltd-bli-content .eltd-post-info-date a {
font-size: 13px;
color: #464646;
}
.eltd-blog-list-holder.eltd-bl-simple .eltd-bli-content .eltd-post-info-date a:hover {
color: #262626;
}
/* ==========================================================================
Blog List shortcode - Simple type style - end
========================================================================== */
/* ==========================================================================
Blog List shortcode - Standard type style - begin
========================================================================== */
.eltd-blog-list-holder.eltd-bl-standard:not(.eltd-bl-one-column) .eltd-bl-item {
float: left;
}
.eltd-blog-list-holder.eltd-bl-standard.eltd-bl-two-columns .eltd-bl-item {
width: 50%;
}
@media only screen and (min-width: 1025px) {
.eltd-blog-list-holder.eltd-bl-standard.eltd-bl-two-columns .eltd-bl-item:nth-child(2n+1) {
clear: both;
}
}
.eltd-blog-list-holder.eltd-bl-standard.eltd-bl-three-columns .eltd-bl-item {
width: 33.33333%;
}
@media only screen and (min-width: 1025px) {
.eltd-blog-list-holder.eltd-bl-standard.eltd-bl-three-columns .eltd-bl-item:nth-child(3n+1) {
clear: both;
}
}
.eltd-blog-list-holder.eltd-bl-standard.eltd-bl-four-columns .eltd-bl-item {
width: 25%;
}
@media only screen and (min-width: 1281px) {
.eltd-blog-list-holder.eltd-bl-standard.eltd-bl-four-columns .eltd-bl-item:nth-child(4n+1) {
clear: both;
}
}
.eltd-blog-list-holder.eltd-bl-standard.eltd-bl-five-columns .eltd-bl-item {
width: 20%;
}
@media only screen and (min-width: 1281px) {
.eltd-blog-list-holder.eltd-bl-standard.eltd-bl-five-columns .eltd-bl-item:nth-child(5n+1) {
clear: both;
}
}
/* ==========================================================================
Blog List shortcode - Standard type style - end
========================================================================== */
/* ==========================================================================
Blog List loading element style - begin
========================================================================== */
.eltd-bl-loading {
position: relative;
display: none;
width: 100%;
margin: 40px 0 20px;
text-align: center;
}
.eltd-bl-loading.eltd-showing {
display: block;
}
.eltd-bl-loading > div {
position: relative;
display: inline-block;
vertical-align: middle;
width: 14px;
height: 14px;
margin: 0 3px;
background-color: #262626;
border-radius: 100%;
-webkit-animation: bl-bouncedelay 1.4s infinite ease-in-out both;
animation: bl-bouncedelay 1.4s infinite ease-in-out both;
}
.eltd-bl-loading .eltd-bl-loading-bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.eltd-bl-loading .eltd-bl-loading-bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bl-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1);
}
}
@keyframes bl-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/* ==========================================================================
Blog List loading element style - end
========================================================================== */
/* ==========================================================================
Blog Slider shortcode style - begin
========================================================================== */
.eltd-blog-slider-holder {
/***** Slider Type Style - begin *****/
/***** Slider Type Style - end *****/
/***** Carousel Type Style - begin *****/
/***** Carousel Type Style - end *****/
/***** Carousel Centered Type Style - begin *****/
/***** Carousel Centered Type Style - end *****/
}
.eltd-blog-slider-holder.eltd-bs-slider .eltd-blog-slider-item {
text-align: center;
}
.touch .eltd-blog-slider-holder.eltd-bs-slider .eltd-blog-slider-item {
cursor: pointer;
}
.eltd-blog-slider-holder.eltd-bs-slider .eltd-blog-slider-item:hover .eltd-item-text-wrapper {
opacity: 1;
}
.eltd-blog-slider-holder.eltd-bs-slider .eltd-post-title {
color: #fff;
}
.eltd-blog-slider-holder.eltd-bs-slider .eltd-post-title a:hover {
color: rgba(255, 255, 255, 0.8);
}
.eltd-blog-slider-holder.eltd-bs-slider .eltd-post-read-more-button a {
color: #fff;
}
.eltd-blog-slider-holder.eltd-bs-slider .eltd-post-read-more-button a:hover {
color: rgba(255, 255, 255, 0.8) !important;
}
.eltd-blog-slider-holder.eltd-bs-carousel .eltd-item-image a:hover:after {
opacity: 1;
}
.eltd-blog-slider-holder.eltd-bs-carousel .eltd-item-image a:after {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
content: '';
background-color: rgba(38, 38, 38, 0.4);
opacity: 0;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.eltd-blog-slider-holder.eltd-bs-carousel .eltd-post-title {
margin: 29px 0 0;
}
.eltd-blog-slider-holder.eltd-bs-carousel .eltd-post-read-more-button {
margin: 15px 0 0;
}
.eltd-blog-slider-holder.eltd-bs-carousel-centered .active.center .eltd-item-text-wrapper {
opacity: 1;
}
.eltd-blog-slider-holder.eltd-bs-carousel-centered .eltd-blog-slider-item {
text-align: center;
}
.eltd-blog-slider-holder.eltd-bs-carousel-centered .eltd-post-title {
color: #fff;
}
.eltd-blog-slider-holder.eltd-bs-carousel-centered .eltd-post-title a:hover {
color: rgba(255, 255, 255, 0.8);
}
.eltd-blog-slider-holder.eltd-bs-carousel-centered .eltd-post-read-more-button a {
color: #fff;
}
.eltd-blog-slider-holder.eltd-bs-carousel-centered .eltd-post-read-more-button a:hover {
color: rgba(255, 255, 255, 0.8) !important;
}
.eltd-blog-slider-holder .eltd-blog-slider-item {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
list-style-type: none;
}
.eltd-blog-slider-holder .eltd-item-image {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.eltd-blog-slider-holder .eltd-item-text-wrapper {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(200, 255, 11, 0.85);
opacity: 0;
-webkit-transition: opacity 0.45s ease-out;
-o-transition: opacity 0.45s ease-out;
transition: opacity 0.45s ease-out;
}
.eltd-blog-slider-holder .eltd-item-text-holder {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.eltd-blog-slider-holder .eltd-item-text-holder-inner {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle;
padding: 0 5%;
}
.eltd-blog-slider-holder .eltd-item-info-section {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin-bottom: 2px;
}
.eltd-blog-slider-holder .eltd-item-info-section > div {
position: relative;
display: inline-block;
vertical-align: top;
padding-right: 10px;
margin-right: 3px;
color: #fff;
font-size: 12px;
line-height: 24px;
}
.eltd-blog-slider-holder .eltd-item-info-section > div a {
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
font-style: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
}
.eltd-blog-slider-holder .eltd-item-info-section > div a:hover {
color: rgba(255, 255, 255, 0.8);
}
.eltd-blog-slider-holder .eltd-item-info-section > div:after {
content: "/";
position: absolute;
top: 0;
right: 2px;
}
.eltd-blog-slider-holder .eltd-item-info-section > div:last-child {
padding-right: 0;
margin-right: 0;
}
.eltd-blog-slider-holder .eltd-item-info-section > div:last-child:after {
content: '';
}
.eltd-blog-slider-holder .eltd-post-title {
margin: 0;
}
.eltd-blog-slider-holder .eltd-bli-excerpt {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
margin: 12px 0 0;
}
.eltd-blog-slider-holder .eltd-bli-excerpt p {
margin: 0;
}
.eltd-blog-slider-holder .eltd-post-read-more-button {
margin: 5px 0 0;
}
/* ==========================================================================
Blog Slider shortcode style - end
========================================================================== */
/* ==========================================================================
Blog styles - end
========================================================================== */
/*# sourceMappingURL=../css/blog-map.css.map */