/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

@import url(‘https://fonts.googleapis.com/css?family=Padauk&display=swap’);
body.translatepress-en_EN{ font-family:Padauk; }
.volunteer span { padding-left: 5px; }

body { max-width: 100%!important; padding: 0!important; margin: 0!important; }
#error-page { margin-top: 0!important; }

.db { display: block; }
.mg .elementor-container { margin-left: 0!important; }
.mgr .elementor-container { margin-right: 0!important; }
.content-text ul { padding-left: 25px; }
.content-text.alt ul li { padding-bottom: 15px!important; }
.content-text ul li { padding-bottom: 30px; }
.content-text.alt ul li { padding-bottom: 15px; }
.content-text ul li:last-of-type { padding-bottom: 0; }

.green { color: #0B770A; font-weight: 700; }
.link-alt a { color: #0B770A!important; }

.glink { display: block!important; padding: 8px 0!important; border-bottom: 1px solid #DDDDDD!important; }

/*HEADER*/

.menu-button { padding: 15px 20px !important; background: #000063!important;  border-radius: 3px!important; }
.menu-button a { padding: 0!important; margin: 0!important; color: #FFFFFF!important; }
.menu-button .sub-arrow { display: none!important; }
.menu-button .elementor-item { position: relative; padding-left: 40px!important; }
.menu-button .elementor-item::before { content: ''; background: url('https://vickerymeadowna.org/wp-content/uploads/2022/11/language-icon.png')no-repeat center left; background-size: contain; max-width: 30px; width: 100%; height: 28px; top: 50%; transform: translateY(-50%); left: 0; opacity: 1!important; }
/* .menu-button .trp-language-switcher-container { padding: 15px 10px!important; } */
/* .menu-button .trp-language-switcher-container a { margin: 0!important; padding: 10px 0 !important; } */
.menu-button .trp-language-switcher-container a { margin: 0!important; color: #333333!important; padding: 10px 0 !important; }
/* .elementor-nav-menu--dropdown { max-height: 80vh !important; overflow-y: scroll !important; } */


.wpmi-icon { width: auto!important; height: auto!important; }

/*INNER BANNER*/

.banner-gradient, .banner-plain { position: relative; }
/* .banner-plain::after { content: ''; background: rgb( 0 0 0 / 30% ); width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; } */
/* .banner-gradient::after { content: ''; background: linear-gradient( to left, #0B770A 20%, transparent 50% ); width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; } */
.banner-plain h2 { text-shadow: 2px 2px 10px rgb(0 0 0 / 50%)!important; }
.banner-title { position: absolute; top: 50%; transform: translatey(-50%); left: 0; right: 0; z-index: 9; }
.banner-title .title-box { max-width: 40%!important; margin-left: auto; }
/* .banner-title .title-box.alt { max-width: 55%; }
.banner-title .title-box.alt2 { max-width: 50%; }
.banner-title .title-box.alt3 { max-width: 45%; }
.banner-title .title-box.alt4 { max-width: 40%; } */

/*CONTENT*/

.content-list ul { padding: 0; margin: 0; list-style: none; }
.content-list ul li { position: relative; padding-left: 45px; margin-bottom: 20px; }
.content-list ul li::before { content: ''; background: url('https://vickermeadow.wpengine.com/wp-content/uploads/2022/06/check-circle.png')no-repeat top left; width: 24px; height: 22px; position: absolute; top: 5px; left: 0; }

/*FOOTER*/

#footer-contact, #footer-contact .elementor-container  { position: relative; }
#footer-contact::before { content: ''; background: rgb( 0 0 99 / 80% ); width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 2; }
#footer-contact .elementor-container { z-index: 9; }

/*BLOG*/

.blog-post .elementor-post__text { padding-left: 50px!important; }
.blog-post .elementor-post__read-more { max-width: 170px!important; text-align: center!important; font-family: "Arimo", sans-serif!important; font-size: 16px!important; font-weight: 500!important; background-color: #027101!important; border-radius: 3px!important; padding: 12px 30px!important; color: #FFFFFF!important; margin-top: 15px!important; display: inline-block!important; }
.blog-post .elementor-posts .elementor-post { align-items: center!important; }
.category-recipes { width: 100%!important; }

/*CONTACT*/

.contact-bottom { position: reltative; }
.contact-bottom .contact-box { max-width: 480px; width: 100%; margin-left: auto; }
.contact-bottom .info-box { position: absolute; top: 50%; transform: translatey(-50%); left: 0; right: 0; z-index: 999; }


/* RESPONSIVE */

@media screen and (max-width: 1490px) {
	
	.menu-button .elementor-item:before { max-width: 20px; width: 100%; height: 19px; }
	.menu-button .elementor-item { padding-left: 30px!important; }
	
	/* BANNER */
	.banner-gradient::after { background: linear-gradient( to left, #0B770A 10%, transparent 45% ); }
	
	
}



@media screen and (max-width: 1023px) {
	
	.blog-post .elementor-post__text { padding-left: 0!important; }
	.recipe-post .elementor-column-wrap { margin-left: 20px!important; }
	
}

@media screen and (max-width: 1180px) {
	
	/*BANNER*/
	
/* 	.banner-title .title-box { max-width: 85%!important; }
	.banner-title .title-box.alt { max-width: 50%; }
	.banner-title .title-box.alt2 { max-width: 60%; } */
	
}

@media screen and (max-width: 960px) {
	
	.menu-button { padding: 0!important; background: none!important; }
	.menu-button a { color: inherit!important; }
	.menu-button a::hover, .menu-button .highlighted { color: #FFFFFF!important; }
	.menu-button .trp-language-switcher-container .trp-ls-language-name { }
	.menu-button .trp-language-switcher-container a { padding: 10px 20px!important; }
	.menu-button .elementor-item::before { content: ''; background: url('https://vickerymeadowna.org/wp-content/uploads/2022/11/language-icon-mob.png')no-repeat center left; background-size: contain; max-width: 30px; width: 100%; height: 28px; top: 50%; transform: translateY(-50%); left: 0; opacity: 1!important; }
	.menu-button .elementor-item { position: relative; padding: 10px 55px!important; }
	.menu-button .elementor-item:before { left: 20px; }
	
/* 	.menu-button .elementor-nav-menu--dropdown a.highlighted { background-color: none!important; } */
	
}

@media screen and (max-width: 767px) {
	
	body { min-width: 320px!important; }
	
	.mg .elementor-container { margin: 0 auto!important; }
	.content-text ul li { padding-bottom: 15px!important; }
	.menu-button { padding: 0!important; }
	.menu-button a { padding: 10px 20px!important; }
	
	/*LANGUAGE*/
	
	.menu-button .sub-menu { max-height: 30vh !important; overflow-y: scroll !important; }
	
	/*BANNER*/
	
	.banner-gradient::after { background: linear-gradient( to left, #0B770A, transparent 70% ); }
	.banner-title .title-box { max-width: 35%!important; } 
/* 	.banner-title .title-box.alt { max-width: 50%!important; } */
	
	
	/*BLOG*/
	
	.blog-post .elementor-post__thumbnail__link { max-width: 390px; width: 100%; margin: 0 auto!important; }
	.blog-post .elementor-post__text { padding: 15px 0 30px!important; text-align: center!important; }
	.blog-post .elementor-posts .elementor-post, .blog-post .elementor-posts .elementor-post__card { display: block!important; }
	 
	/*RECIPE*/
	
	.recipe-post .elementor-column { width: 100%!important; }
	.recipe-post .elementor-column-wrap { margin: 0!important; }
	
	/*CONTACT*/
	
	.contact-bottom .contact-box { margin: 0 auto!important; }
	.contact-bottom .info-box { position: relative; top: 0; transform: unset; }
	
}

@media screen and (max-width: 600px) {
	
	/*BANNER*/
	
	.banner-title .title-box h2 { font-size: 20px!important; text-shadow: 2px 2px 10px rgb(0 0 0 / 50%); }

}

@media screen and (max-width: 460px) {
	
	/*BANNER*/
	
	.banner-title .title-box h2 { font-size: 16px!important;  }
/* 	.banner-title .title-box.alt2 h2 { font-size: 25px!important; } */
	
}