/*

Theme Name: 	Ecoife WP Child

Theme URI: 		http://thememascot.net

Description: 	Environment & Ecology WordPress Theme. You can get more themes from here: https://themeforest.net/user/thememascot/portfolio

Author: 		ThemeMascot Team

Author URI: 	http://themeforest.net/user/thememascot

Version: 		2.2

License: 		GNU General Public License v2 or later

License URI: 	http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: 	ecoife-wp-child

Template: 		ecoife-wp

*/

body .main-content .main-content-area, body .main-content .sidebar-area {
	padding-top: 0;
}

formtemplate .sli-select-address-state {
	width: 100%;
}

formtemplate .sli-select-address-state.nice-select span.current {
	line-height: 20px;
}

.main-content .wp-block-button {
	margin-bottom: 12px;
}

.main-content a, .main-content a strong {
	color: var(--theme-color1);
}

.main-content a:hover, .main-content a:hover strong {
	color: var(--theme-color2);
}

.page .post-thumb .wp-post-image {
	width: 100%;
	max-width: 1230px;
    margin: 0 auto;
    display: block;
    padding: 0 10px;
}

.page-content h2 {
	margin-top: 50px;
}

.page-content .elementor-element.elementor-top-section {
	padding-top: 0;
}

.elementor-21570 .elementor-element.elementor-element-2679baf .tm-header-top-info  ul li:last-child a {
	background-color: #5A9AE8;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 24px;
    color: white;
}

.elementor-21570 .elementor-element.elementor-element-2679baf .tm-header-top-info  ul li:last-child a .fas:before {
	color: white;
}

.elementor-panel .elementor-element {
	background-color: transparent;
}

.elementor-widget-button.elementor-widget:not(:last-child) {
	margin-bottom: 12px;
}

.elementor-button-wrapper .elementor-button {
	font-size: 14px;
    line-height: 2em;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 600;
    -webkit-transition: all, background-color 0.2s ease-out, border-color 0.2s ease-out;
    -o-transition: all, background-color 0.2s ease-out, border-color 0.2s ease-out;
    transition: all, background-color 0.2s ease-out, border-color 0.2s ease-out;
    padding: 15px 36px;
    color: var(--text-color-bg-theme-color1);
    background-color: var(--theme-color1);
    border: 1px solid transparent;
    border-radius: 28px;
    cursor: pointer;
}

.elementor-button-wrapper .elementor-button:hover {
    color: var(--text-color-bg-theme-color1);
    background-color: var(--theme-color2);
    border-color: var(--theme-color2);
}

/* Get Our Updates page Salsa form */
.sli-content-pane ul.list {
	max-height: 300px;
    overflow: scroll;
}

.tile {
    border: 2px solid var(--theme-color1);
    display: flex;
    align-items: stretch;
    border-radius: 4px;
    background-color: var(--theme-color1);
    max-width: 460px;
    margin: 0 auto;
}

.tile:hover {
    background-color: white;
}

.tile.tile-alt {
    border-color: var(--theme-color2);
    background-color: var(--theme-color2);
}

.tile.tile-alt:hover {
    background-color: white;
}

.tile a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    width: 100%;
    padding: 20px;
    font-size: 21px;
    line-height: 27px;
    letter-spacing: 1.2px;
    color: white;
}

.tile a:hover {
    color: var(--theme-color1);
}

.tile.tile-alt a {
    color: white;
}

.tile.tile-alt a:hover {
    color: var(--theme-color2);
}

/* thumbnail size for MOCA in the News */
.page-id-52463 .main-content-area .tm-widget-blog-list .post .post-thumb {
    width: 184px;
}

/* add ellipses to end of excerpts for MOCA in the News */
.page-id-52463 .main-content-area .tm-widget-blog-list .mascot-post-excerpt:after {
    content: "...";
}

@media screen and (min-width: 768px) {
    .tile {
        min-height: 100px;
        max-width: none;
        margin: 0;
    }
}

@media screen and (max-width: 1024px) {
    /* Logo and nav container */
    .elementor-column-gap-narrow>.elementor-column>.elementor-element-populated {
        height: 112px;
    }

    /* Logo image in header */
    body:not(.rtl) .elementor-24984 .elementor-element.elementor-element-65b43d2 {
        position: relative;
        max-width: 100px;
    }

    /* Hamburger menu on mobile */
    .elementor-widget-wrap>.elementor-element.elementor-widget-tm-ele-header-primary-nav {
        width: calc(100% - 100px);
        top: 30px;
        z-index: 9;
    }
}