/*
The Blog module must have a custom class of diviwp-blog-grid-2-col-minimal for this CSS to work.
See https://docs.diviwp.com for further documentation.
*/
.diviwp-blog-grid-2-col-minimal .column {
margin-bottom: 20px !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.diviwp-blog-grid-2-col-minimal .et_pb_post {
padding-left: 0px;
}
.diviwp-blog-grid-2-col-minimal .et_pb_salvattore_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.diviwp-blog-grid-2-col-minimal .et_pb_salvattore_content[data-columns]::before {
content: '2 .column.size-1of2' !important;
}
.diviwp-blog-grid-2-col-minimal article {
margin-bottom: 10% !important;
/* flex: 1 0 auto; */
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
body .diviwp-blog-grid-2-col-minimal .et_pb_blog_grid .et_audio_content,
body .diviwp-blog-grid-2-col-minimal .et_pb_blog_grid .et_main_video_container,
body .diviwp-blog-grid-2-col-minimal .et_pb_blog_grid .et_pb_post .et_pb_slider,
body .diviwp-blog-grid-2-col-minimal .et_pb_image_container {
margin-bottom: 0px!important;
margin-left:0px!important;
}
body .diviwp-blog-grid-2-col-minimal .entry-featured-image-url {
margin-bottom: 15px;
}
.diviwp-blog-grid-2-col-minimal .post-content {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
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: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.diviwp-blog-grid-2-col-minimal .post-content .post-content-inner {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.diviwp-blog-grid-2-col-minimal .et_pb_post .post-meta a:hover {
text-decoration: underline;
}
.diviwp-blog-grid-2-col-minimal a.more-link {
/* remove fullwidth button
align-self: flex-start; */
text-align: center;
margin-top: 4%;
background: #ececec;
padding: 4px 8px;
border-radius: 4px;
}
.diviwp-blog-grid-2-col-minimal a.more-link:hover {
background: #e6e4e4;
}
/* PAGINATION STYLES */
.diviwp-blog-grid-2-col-minimal .pagination .alignleft a,
.diviwp-blog-grid-2-col-minimal .pagination .alignright a {
background: #ececec;
padding: 6px 10px;
border-radius: 4px;
color:#64748b;
font-weight: bold;
font-size:16px;
}
.diviwp-blog-grid-2-col-minimal .pagination .alignleft a:hover,
.diviwp-blog-grid-2-col-minimal .pagination .alignright a:hover {
background: #e6e4e4;
}
/* wp-pagenavi pagination links: https://wordpress.org/plugins/wp-pagenavi/ */
.diviwp-blog-grid-2-col-minimal .wp-pagenavi a,
.diviwp-blog-grid-2-col-minimal .wp-pagenavi span {
font-size: 1em !important;
line-height: 1em;
font-weight: bold !important;
padding: 0.45em 0.8em !important;
border-radius: 100px;
transition: all .5s;
}
.diviwp-blog-grid-2-col-minimal .wp-pagenavi span.pages {
padding-left: 0px!important;
}
/* wp-pagenavi current page number */
.diviwp-blog-grid-2-col-minimal .wp-pagenavi span.current {
color: #64748b !important;
background: #ececec !important;
border-radius: 100px;
}
/*wp-pagenavi pagination links hover */
.diviwp-blog-grid-2-col-minimal .wp-pagenavi a:hover {
color: #64748b !important;
background: #ececec !important;
}
/* wp-pagenavi pages text */
.diviwp-blog-grid-2-col-minimal .wp-pagenavi .pages {
background: none;
}
/* remove border and left align wp-pagenavi links */
.diviwp-blog-grid-2-col-minimal .wp-pagenavi {
border-top: none;
text-align: left;
}
/* END PAGINATION STYLES */
/* MEDIA QUERIES */
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
}
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
}
/*** Needed for 2 column grid ***/
@media only screen and ( min-width: 981px ) {
.diviwp-blog-grid-2-col-minimal .column.size-1of2 {
width: 48.5%!important;
margin-right: 3%;
}
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
.diviwp-blog-grid-2-col-minimal article {
margin-bottom: 4%;
}
}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
.diviwp-blog-grid-2-col-minimal .et_pb_salvattore_content {
display: block;
}
}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
.diviwp-blog-grid-2-col-minimal .et_pb_salvattore_content {
display: block;
}
}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
.diviwp-blog-grid-2-col-minimal .et_pb_salvattore_content {
display: block;
}
.diviwp-blog-grid-2-col-minimal .column.size-1of2 {
width: 100% !important;
}
.diviwp-blog-grid-2-col-minimal article {
margin-bottom: 6% !important;
}
.diviwp-blog-grid-2-col-minimal h2.entry-title {
padding-bottom: 4%;
}
/* PAGINATION STYLES */
.diviwp-blog-grid-2-col-minimal .wp-pagenavi span.pages {
display: inline-block;
margin-bottom: 20px;
}
.diviwp-blog-grid-2-col-minimal .wp-pagenavi .nextpostslink,
.diviwp-blog-grid-2-col-minimal .wp-pagenavi .previouspostslink,
.diviwp-blog-grid-2-col-minimal .wp-pagenavi a.first,
.diviwp-blog-grid-2-col-minimal .wp-pagenavi a.last {
display: inline-block;
width: 100%;
padding: 5%;
}
}
(function ($) {
$(document).ready(function () {
$(".diviwp-blog-grid-2-col-minimal").each(function(){
var blog = $(this);
equalise_articles($(this));
});
function equalise_articles(blog){
var articles = blog.find("article");
var heights = [];
articles.each(function(){
var height = 0;
//height += $(this).outerHeight() - $(this).height();
height += $(this).find(".et_pb_image_container").outerHeight(true);
height += $(this).find(".entry-title").outerHeight(true);
height += $(this).find(".post-meta").outerHeight(true);
height += $(this).find(".post-content").outerHeight(true);
heights.push(height);
});
var max_height = Math.max.apply(Math,heights);
articles.each(function(){
$(this).height(max_height);
});
}
$(document).ajaxComplete(function(){
$(".diviwp-blog-grid-2-col-minimal.et_had_animation").imagesLoaded().then(function(){
console.log("images loaded");
$(".diviwp-blog-grid-2-col-minimal.et_had_animation").each(function(){
equalise_articles($(this));
});
});
});
$.fn.imagesLoaded = function () {
var $imgs = this.find('img[src!=""]');
if (!$imgs.length) {return $.Deferred().resolve().promise();}
var dfds = [];
$imgs.each(function(){
var dfd = $.Deferred();
dfds.push(dfd);
var img = new Image();
img.onload = function(){dfd.resolve();}
img.onerror = function(){dfd.resolve();}
img.src = this.src;
});
return $.when.apply($,dfds);
}
});
})(jQuery);
(function($) {
$(document).ready(function() {
$('.diviwp-blog-grid-2-col-minimal .et_pb_post').each(function(){
if ( $(this).length ) {
var post_meta = $(this).find('.post-meta');
// change to a bullet
post_meta.html( post_meta.html().replace(/\|/g, "•") );
// remove entirely
// post_meta.html( post_meta.html().replace(/\|/g, "") );
}
});
// do the same for pagination
$(document).ajaxComplete(function(){
$('.diviwp-blog-grid-2-col-minimal .et_pb_post').each(function(){
if ( $(this).length ) {
var post_meta = $(this).find('.post-meta');
// change to a bullet
post_meta.html( post_meta.html().replace(/\|/g, "•") );
// remove entirely
// post_meta.html( post_meta.html().replace(/\|/g, "") );
}
});
});
});
})(jQuery);
