@charset "UTF-8";
/*
Theme Name: Eco Nature
Theme URI: https://eco-nature.cmsmasters.net/
Author: cmsmasters
Author URI: https://cmsmasters.net/
Description: Eco Nature Elementor WordPress Theme 2.0.0.+ is created to help you make world’s environment cleaner and save the nature. Unlimited design solutions can be created due to a great flexibility of settings and widgets options. Custom Profiles and Projects post types offer an optimal way to present your ecology content. Eco Nature theme is a perfect solution that lets easily create a ecology related website, like a website for a non-profit ecological or nature resources organization, an environment preservation company, a fundraiser for green peace or eco energy.
Version: 2.2.1
Tested up to: 6.6
Requires PHP: 7.4
License:
License URI:
Text Domain: eco-nature
Domain Path: /theme-config/languages
Copyright: cmsmasters 2024 / All Rights Reserved
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/


.sticky,
.bypostauthor,
.screen-reader-text {
  outline: none;
}

/* IMPORT FONTS */

*/
@font-face {
    font-family: 'Perpetua Bold'; 
    src: url('assets/fonts/Perpetua Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap; 
}

@font-face {
    font-family: 'Perpetua'; 
    src: url('assets/fonts/Perpetua.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next';
    src: url('assets/fonts/Avenir Next.ttc') format('truetype-variations');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Reunion';
    src: url('assets/fonts/Reunion.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Perpetua Bold Italic';
    src: url('assets/fonts/Perpetua Bold Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Perpetua Italic';
    src: url('assets/fonts/Perpetua Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* APPLY FONT FAMILIES */

body{
/* 	font-family: "Perpetua", sans-serif!important; */
	font-family:"Source Sans Pro Local", sans-serif!important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Reunion", sans-serif!important;
}

/* CENTER CONTENT WIDTH STYLING */
.e-con>.e-con-inner, #main{
    max-width: 80vw !important;
    width: 80vw !important;
}

#main > div > div > div > div > div.elementor.elementor-2070 > div.elementor-element.elementor-element-149c156.e-flex.e-con-boxed.cmsmasters-block-default.e-con.e-parent.e-lazyloaded{
	padding-left:0px !important;
	padding-right:0px !important;
}

#cmsmasters_body > div.elementor.elementor-138.cmsmasters-location-cmsmasters_header.cmsmasters-header-position-absolute- > div > div > div.elementor-element.elementor-element-62708100.cmsmasters-block-sticky.cmsmasters-sticky-disable-tablet.e-flex.e-con-boxed.cmsmasters-sticky-parent-default.e-con.e-parent.e-lazyloaded > div > div{
width: 100%!important;
}

/* TOP MENU STYLING */
.elementor-widget-cmsmasters-nav-menu__item-text{
	font-size: 1.3em!important;
	font-family: "Reunion", sans-serif!important;
}

.menu-item > ul{
	margin-top: 0px!important;
}

.elementor-widget-cmsmasters-nav-menu__main.cmsmasters-layout-horizontal > ul .elementor-widget-cmsmasters-nav-menu__dropdown-submenu > li:first-child, .elementor-widget-cmsmasters-nav-menu__main.cmsmasters-layout-vertical.cmsmasters-vertical-type-normal > ul .elementor-widget-cmsmasters-nav-menu__dropdown-submenu > li:first-child {
	border-top-style: solid!important;
    border-top-width: 1px!important;
	border-top-color:#62676e!important;
}
/* SINGLE EVENT STYLING */

.mec-event-content p {
	font-size: 1.2em!important;
}

h3 {
	font-size: 1.2em!important;
}
dl dd{
	font-size: 1.2em!important;
}

dl dd a{
	font-size: 1em!important;
}

dl dd a, dl dd h6{
	font-size: 1em!important;
}

div.mec-event-info-desktop dl {
	margin-top:0px!important;
}

address{
	margin: 0!important ;
}

address span{
	font-size: 1.2em!important;
}

.mec-events-event-image img{
    max-height: 75vh;
    object-fit: cover;
}

/* EVENT LIST STYLING */
.mec-event-title{
	font-family: "Reunion", sans-serif !important;
    font-size: 1.6em !important;
}

.mec-event-image, .mec-event-date, .mec-event-time, .mec-event-detail, .mec-categories-wrapper, .mec-price-details{
/* 	font-family: "Perpetua", sans-serif!important; */
	font-family:"Source Sans Pro Local", sans-serif!important;
	font-size: 1.2em!important;
	margin-bottom: 1vh!important;
	line-height: 1.3em;
}

.mec-event-date, .mec-event-time{
	color:#006939!important
}

@media (767px < width) {
.mec-event-image{
  width: 30vw!important;
  }
}

@media (767px < width <= 1180px) {
.mec-event-image{
  width: 20vw!important;
  }
}

@media (1180px < width) {
.mec-event-image{
  width: 15vw!important;
  }
}

@media (1601px < width) {
.mec-event-image{
  width: 15vw!important;
  }
}

.mec-event-article{
	border-bottom: 2px solid #c0c0c0;
}
.mec-categories{
	    margin-left: 0px!important
}

/* EVENT FILTER STYLING*/
.mec-search-form {
    display: flex;
}
.mec-search-form label, .select2-results__option--selectable, .mec-search-form input::placeholder{
/* 	font-family: "Perpetua", sans-serif!important; */
	font-family:"Source Sans Pro Local", sans-serif!important;
	font-size: 1.2em!important;
	color:#003B71!important
}
.mec-search-form i {
	color:#003B71!important
}

.mec-searchbar-category-wrap ul {
    display: flex!important;
    flex-direction: row!important;
    flex-wrap: wrap!important;
}
.mec-searchbar-category-wrap ul li label input[type=checkbox]:checked {
        border: 1px solid #003B71 !important;
}


/* TEXT AREA STYLING */
.elementor-widget-text-editor p, 
.elementor-widget-text-editor li {
	font-size: 1.2em!important;
/* 	font-family: "Perpetua", sans-serif!important; */
	font-family:"Source Sans Pro Local", sans-serif!important;
	line-height: 1.3em;
}


/* FOOTER TEL STYLING*/
#cmsmasters_body > div.elementor.elementor-4350.cmsmasters-location-cmsmasters_footer.cmsmasters-header-position-absolute-.cmsmasters-header-position-absolute- > div > div > div.elementor-element.elementor-element-15c2fb91.e-flex.e-con-boxed.cmsmasters-block-default.e-con.e-parent.e-lazyloaded > div > div.elementor-element.elementor-element-b467d24.cmsmasters-block-default.cmsmasters-sticky-default.elementor-widget.elementor-widget-text-editor > p:nth-child(1) > span > a, #cmsmasters_body > div.elementor.elementor-4350.cmsmasters-location-cmsmasters_footer.cmsmasters-header-position-absolute- > div > div > div.elementor-element.elementor-element-15c2fb91.e-flex.e-con-boxed.cmsmasters-block-default.e-con.e-parent.e-lazyloaded > div > div.elementor-element.elementor-element-b467d24.cmsmasters-block-default.cmsmasters-sticky-default.elementor-widget.elementor-widget-text-editor > p:nth-child(2) > a{
	color:#ffffff;
}

/* MODAL CARD*/

.card-container:hover .back-card {
  top: 0!important;
  justify-content: flex-start!important;
}

.card-container:hover .back-card-content-container {
  top: 0!important; /* Adjust to control how far the content moves down */
}

.card-container .back-card-content {
  transition: transform 0.6s ease-in-out!important;
}