/*
Theme Name:   Meli-Webdesign
Theme URI:    https://meliwebdesign.com
Description:  You can change the theme name and description by editing the style.css file
Author:       Meli
Author URI:   https://meliwebdesign.com
Template:     Divi
Version:      1.0.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html

*/

.custom-h1 h1 {
font-size: clamp(20px, 4vw, 40px) !important;
	}
.custom-h2 h2 {
font-size: clamp(18px, 4vw, 30px) !important;
	}
.custom-h3 h3 {
font-size: clamp(16px, 4vw, 20px) !important;
	}

:root {
    --mm-dark: #2f2f2f;
    --mm-light: #fdfdfd;
    --mm-grey: #e7eaee;
    --mm-highlight: #f5d3d0;
    --mm-heading-font: 'Bebas Neue', display;
    --mm-body-font: 'Roboto', Helvetica, Arial, Lucida, sans-serif;
}

#page-container {
    overflow: hidden;
}

/* Font styling */
.mm-text h1,
.mm-post-content h1,
.mm-contact-form.et_pb_module h1 {
    font-size: clamp(3.2rem, 4.5vw, 4.5vw);
}

.mm-text h2,
.mm-post-content h2,
.mm-cta h2,
.mm-contact-form.et_pb_module h2,
.mm-countdown h2 {
/*  font-size: clamp(2.4rem, 3.5vw, 3.5rem);*/
    font-size: calc(1rem + ((1vw - 0.25rem) * 0.6579));
	color: #000;
	font-weight: 700;
}

.mm-text h3,
.mm-post-content h3,
.mm-contact-form.et_pb_module h3,
.mm-countdown h3 {
    font-size: clamp(2.2rem, 3vw, 3.25rem);
}

.mm-text h4,
.mm-blurb .et_pb_module_header,
.mm-pricing-table .et_pb_pricing_heading h4.et_pb_pricing_title,
.mm-optin h4.et_pb_module_header,
.mm-posts .entry-title,
.mm-post-content h4,
.mm-large-headings h4,
.mm-cta h4,
.mm-contact-form.et_pb_module h4,
.mm-countdown h4,
.mm-podcast-subscribe .pp-sub-widget div.pp-sub-t,
.mm-testimonial-slider h4.et_pb_slide_title,
.mm-toggle h4.et_pb_toggle_title {
/*  font-size: clamp(2rem, 2.5vw, 3rem);*/
	font-size: calc(1rem + ((1vw - 0.25rem) * 0.6579));
	font-weight: 700;
}

.mm-text h5,
.mm-post-content h5,
.mm-contact-form.et_pb_module h5,
.mm-countdown h5,
.mm-toggle h5.et_pb_toggle_title {
    font-size: clamp(1.8rem, 2.25vw, 2.75rem);
}

.mm-text h6,
.mm-post-content h6,
.mm-contact-form.et_pb_module h6,
.mm-countdown h6,
.mm-podcast-subscribe .pp-sub-widget div.pp-sub-h,
.mm-toggle h6.et_pb_toggle_title {
    font-size: clamp(1.6rem, 1.8vw, 2.2rem);
}

.mm-large-headings h1,
.mm-large-headings h2 {
    font-size: clamp(5rem, 8vw, 8vw);
}

.mm-large-headings h4 {
    padding-bottom: 0;
    margin-bottom: -10px;
}

.mm-large-headings.et_pb_text_align_right h4 {
    margin-right: 30px;
}

.mm-large-headings.et_pb_text_align_left h4 {
    margin-left: 30px;
}

/**************  Page styling */
/* Post Layouts */
/**************/
.mm-posts .et_pb_post .mejs-controls {
    padding: 0 5px 0 0;
    background: var(--mm-highlight);
}

.mm-posts .et_pb_post {
    padding: 20px;
}

.mm-posts .pagination .alignleft a::before,
.mm-posts .pagination .alignright a::after {
    font-family: ETModules;
    color: var(--mm-dark);
    position: absolute;
    font-size: 30px;
}

.mm-posts .pagination .alignleft a::before {
    content: '\44';
    margin-left: -12px;
}

.mm-posts .pagination .alignright a::after {
    content: '\45';
    margin-left: -22px;
}

/* Post title icons */

.mm-posts .et_pb_post.category-podcast-episodes .entry-title::before,
.mm-posts .et_pb_post.category-articles .entry-title::before {
    font-family: 'ETModules';
    font-size: clamp(1.4rem, 2vw, 2vw);
    margin-right: 5px;
    color: var(--mm-highlight);
}

/* Post icon */
.mm-posts .et_pb_post.category-articles .entry-title::before {
    content: '\68';
}

/* Make pagination fullwidth */
.mm-posts-grid .et_pb_ajax_pagination_container div {
    grid-column: 1 / -1;
}
/*remove bottom marging from postst */
.mm-posts-tiles .et_pb_post {
    position: relative;
    padding: 0;
	margin-bottom: 1px; 
}
/*remove bottom marging from postst */
.mm-posts-tiles .et_pb_post .entry-featured-image-url { 
    margin-bottom: 1px;
}

.mm-posts-tiles .et_pb_post .et_pb_image_container {
    margin: 0;
}
.mm-post-content-wrapper {
    opacity: 0;
    transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out;
    -ms-transition: .5s all ease-in-out;
}

.mm-post-content-wrapper:hover {
    opacity: 1;
}
.mm-posts-tiles .mm-post-content-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
	justify-content: center;
    z-index: 2;
}

.mm-posts-tiles .mm-post-content-wrapper:before {
    content: '';
    background-color: rgba(255,255,255,1);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.mm-posts-tiles .entry-title {
  /*margin: auto;*/
	margin-bottom: 1em;
}
/*** MAKE INDIVIDUAL DIVI BLOG POSTS CLICKABLE IN THE BLOG GRID ***/
/*add a neceassry position to the blog posts*/
.mm-posts-tiles .et_pb_post, .et_pb_posts .et_pb_post {
	position: relative;
}
/*make the title link spread over the entire post*/
.mm-posts-tiles .et_pb_post .entry-title a:after, 
.et_pb_posts .et_pb_post .entry-title a:after {
	position: absolute;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
/*change the mouse cursor into a pointer*/
.mm-posts-tiles .et_pb_post:hover, 
.et_pb_posts .et_pb_post:hover {
	cursor: pointer;
}
/*grid*/

.mm-blog-module .et_pb_ajax_pagination_container {
    display: grid;
    grid-gap: 2.1vw; /*50px;*/
    grid-template-columns: repeat(2, 1fr);
}
.mm-blog-module .et_pb_ajax_pagination_container>div {
    grid-column: span 2;
}

@media (max-width:980px) {
	.mm-blog-module .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(2, 1fr);
	}
	.mm-blog-module .et_pb_ajax_pagination_container>div {
		grid-column: span 2;
	}
}


@media (max-width:600px) {
	.mm-blog-module .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(1, 1fr);
	}
	.mm-blog-module .et_pb_ajax_pagination_container>div {
		grid-column: span 1;
	}
}

@media (max-width:460px) {
	.mm-blog-module .et_pb_ajax_pagination_container {
		grid-template-columns: repeat(1, 1fr);
	}
	.mm-blog-module .et_pb_ajax_pagination_container>div {
		grid-column: span 1;
	}
}

.et_pb_post .more-link:after {
	content: "\24";
	font-family: ETModules;
	vertical-align: middle;
	margin-left: 10px;
	font-weigh:900;
	color:#000;
}
.et_pb_posts a.more-link {
    clear: both;
    display: block;
    color: #000;
    font-weight: 700;
}

.mm-blog-module .et_pb_post a img {
    object-fit: cover;
    aspect-ratio: 16/9;
}