{"id":126,"date":"2025-03-11T11:53:22","date_gmt":"2025-03-11T11:53:22","guid":{"rendered":"https:\/\/ecoliteracy.eu\/?page_id=126"},"modified":"2026-03-24T09:53:46","modified_gmt":"2026-03-24T09:53:46","slug":"about-the-project","status":"publish","type":"page","link":"https:\/\/ecoliteracy.eu\/hu\/about-the-project\/","title":{"rendered":"A projektr\u0151l"},"content":{"rendered":"\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-1g56su-49af43f8032b9083632ba782cb957208\">\n.avia-section.av-1g56su-49af43f8032b9083632ba782cb957208{\nbackground-color:#ffffff;\nbackground-image:unset;\n}\n<\/style>\n<div id='av_section_1'  class='avia-section av-1g56su-49af43f8032b9083632ba782cb957208 main_color avia-section-default avia-no-border-styling  avia-builder-el-0  el_before_av_button  avia-builder-el-first  avia-bg-style-scroll container_wrap fullsize'  ><div class='container av-section-cont-open' ><main  role=\"main\" itemprop=\"mainContentOfPage\"  class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-126'><div class='entry-content-wrapper clearfix'>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-1a3tye-ba6c38c1cf50afc0f44d72543d9eec1c\">\n.flex_column.av-1a3tye-ba6c38c1cf50afc0f44d72543d9eec1c{\nwidth:64.666666666667%;\npadding:40px 30px 0px 50px;\nbackground-color:#ebebeb;\n}\n<\/style>\n<div  class='flex_column av-1a3tye-ba6c38c1cf50afc0f44d72543d9eec1c av_two_third  avia-builder-el-1  el_before_av_one_third  avia-builder-el-first  header-title first flex_column_div  '     ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-mb2hg7ly-0c96de2e98982eeb3ee59dbedd842cf7\">\n#top .av-special-heading.av-mb2hg7ly-0c96de2e98982eeb3ee59dbedd842cf7{\npadding-bottom:10px;\ncolor:#0d4b56;\n}\nbody .av-special-heading.av-mb2hg7ly-0c96de2e98982eeb3ee59dbedd842cf7 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-mb2hg7ly-0c96de2e98982eeb3ee59dbedd842cf7 .special-heading-inner-border{\nborder-color:#0d4b56;\n}\n.av-special-heading.av-mb2hg7ly-0c96de2e98982eeb3ee59dbedd842cf7 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-mb2hg7ly-0c96de2e98982eeb3ee59dbedd842cf7 av-special-heading-h3 custom-color-heading blockquote modern-quote  avia-builder-el-2  avia-builder-el-no-sibling  learning-activities-header'><h3 class='av-special-heading-tag '  itemprop=\"headline\"  >ABOUT THE PROJECT<\/h3><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-130a3y-f2c878188360a6c35279494e5ba07108\">\n.flex_column.av-130a3y-f2c878188360a6c35279494e5ba07108{\nwidth:29.333333333333%;\nmargin-left:6%;\npadding:20px 0 0 0;\n}\n<\/style>\n<div  class='flex_column av-130a3y-f2c878188360a6c35279494e5ba07108 av_one_third  avia-builder-el-3  el_after_av_two_third  el_before_av_one_half  flex_column_div  '     ><\/div><div class='av-column-wrapper-individual av-break-at-tablet-flexwrapper av-mobile-columns-flex av-columns-reverse'>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-xh6o6-1be79c7fd6dc7e46a0d923eb6cdf2fae\">\n#top .flex_column.av-xh6o6-1be79c7fd6dc7e46a0d923eb6cdf2fae{\nmargin-top:0px;\nmargin-bottom:0px;\n}\n.flex_column.av-xh6o6-1be79c7fd6dc7e46a0d923eb6cdf2fae{\npadding:10px 40px 20px 50px;\nbackground-color:#ebebeb;\n}\n.responsive #top #wrap_all .flex_column.av-xh6o6-1be79c7fd6dc7e46a0d923eb6cdf2fae{\nmargin-top:0px;\nmargin-bottom:0px;\n}\n<\/style>\n<div  class='flex_column av-xh6o6-1be79c7fd6dc7e46a0d923eb6cdf2fae av_one_half  avia-builder-el-4  el_after_av_one_third  el_before_av_one_half  first no_margin av-break-at-tablet flex_column_div  column-top-margin'     ><section  class='av_textblock_section av-sar92-83aec89d451e8805c642aa2c3c5474c8 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock header-description'  itemprop=\"text\" ><p><span style=\"font-weight: 400;\">Ecoliteracy is the ability to understand the complex relationships between nature, society, and ourselves. It empowers us to make informed, regenerative choices that protect and nurture our planet for current and future generations. By fostering ecoliteracy, we can create a more harmonious and resilient world.<\/span><\/p>\n<\/div><\/section><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-m9t2e-cc72d39449c352c150f042c259dea5b9\">\n#top .flex_column.av-m9t2e-cc72d39449c352c150f042c259dea5b9{\nmargin-top:0px;\nmargin-bottom:0px;\n}\n.flex_column.av-m9t2e-cc72d39449c352c150f042c259dea5b9{\npadding:0px 0 0 0px;\n}\n.responsive #top #wrap_all .flex_column.av-m9t2e-cc72d39449c352c150f042c259dea5b9{\nmargin-top:0px;\nmargin-bottom:0px;\n}\n<\/style>\n<div  class='flex_column av-m9t2e-cc72d39449c352c150f042c259dea5b9 av_one_half  avia-builder-el-6  el_after_av_one_half  avia-builder-el-last  no_margin av-break-at-tablet flex_column_div  column-top-margin'     ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-f1thy-78961308828942ebbf884f3506c99287\">\n.avia-image-container.av-f1thy-78961308828942ebbf884f3506c99287 img.avia_image{\nbox-shadow:none;\n}\n.avia-image-container.av-f1thy-78961308828942ebbf884f3506c99287 .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-f1thy-78961308828942ebbf884f3506c99287 av-styling- avia-align-center  avia-builder-el-7  avia-builder-el-no-sibling '   itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><img decoding=\"async\" fetchpriority=\"high\" class='wp-image-4328 avia-img-lazy-loading-not-4328 avia_image ' src=\"https:\/\/ecoliteracy.eu\/wp-content\/uploads\/about-4-2.jpg\" alt='' title='about-4'  height=\"800\" width=\"1200\"  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/ecoliteracy.eu\/wp-content\/uploads\/about-4-2.jpg 1200w, https:\/\/ecoliteracy.eu\/wp-content\/uploads\/about-4-2-300x200.jpg 300w, https:\/\/ecoliteracy.eu\/wp-content\/uploads\/about-4-2-1030x687.jpg 1030w, https:\/\/ecoliteracy.eu\/wp-content\/uploads\/about-4-2-768x512.jpg 768w, https:\/\/ecoliteracy.eu\/wp-content\/uploads\/about-4-2-18x12.jpg 18w, https:\/\/ecoliteracy.eu\/wp-content\/uploads\/about-4-2-705x470.jpg 705w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/div><\/div><\/div><\/div><\/div><!--close flex column wrapper. Autoclose: 1 --><\/div><\/div><\/main><!-- close content main element --><\/div><\/div><div id='after_section_1'  class='main_color av_default_container_wrap container_wrap fullsize'  ><div class='container av-section-cont-open' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-126'><div class='entry-content-wrapper clearfix'><div  class='avia-button-wrap av-mmazqyet-cf08670ec7989e5bd40a07885a86ec7d-wrap avia-button-left  avia-builder-el-8  el_after_av_section  el_before_av_section  avia-builder-el-no-sibling  blue-rounded-button'>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-mmazqyet-cf08670ec7989e5bd40a07885a86ec7d\">\n#top #wrap_all .avia-button.av-mmazqyet-cf08670ec7989e5bd40a07885a86ec7d{\nborder-radius:15px 15px 15px 15px;\ntransition:all 0.4s ease-in-out;\n}\n#top #wrap_all.avia-button.av-mmazqyet-cf08670ec7989e5bd40a07885a86ec7d:hover .avia_button_background{\nborder-radius:15px 15px 15px 15px;\n}\n<\/style>\n<a href='https:\/\/ecoliteracy.eu\/wp-content\/uploads\/e-publication-1.zip'  class='avia-button av-mmazqyet-cf08670ec7989e5bd40a07885a86ec7d av-download-btn noLightbox avia-icon_select-no avia-size-large avia-position-left avia-color-theme-color' download=\"The Ecoliteracy Hub project summary\"  aria-label=\"PROJECT SUMMARY AND RESULTS\"><span class='avia_iconbox_title' >PROJECT SUMMARY AND RESULTS<\/span><\/a><\/div><\/p>\n<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='av_section_2'  class='avia-section av-x486-3dd6104bf0edf2881395905473ac3a22 main_color avia-section-default avia-no-border-styling  avia-builder-el-9  el_after_av_button  el_before_av_section  avia-bg-style-scroll container_wrap fullsize'  ><div class='container av-section-cont-open' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-126'><div class='entry-content-wrapper clearfix'>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-mb2hgq2b-800f8f9432d6401914690bc0c4b34fb2\">\n#top .av-special-heading.av-mb2hgq2b-800f8f9432d6401914690bc0c4b34fb2{\npadding-bottom:10px;\nfont-size:26px;\n}\nbody .av-special-heading.av-mb2hgq2b-800f8f9432d6401914690bc0c4b34fb2 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n#top #wrap_all .av-special-heading.av-mb2hgq2b-800f8f9432d6401914690bc0c4b34fb2 .av-special-heading-tag{\nfont-size:26px;\n}\n.av-special-heading.av-mb2hgq2b-800f8f9432d6401914690bc0c4b34fb2 .av-subheading{\nfont-size:15px;\n}\n\n@media only screen and (min-width: 480px) and (max-width: 767px){ \n#top #wrap_all .av-special-heading.av-mb2hgq2b-800f8f9432d6401914690bc0c4b34fb2 .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n\n@media only screen and (max-width: 479px){ \n#top #wrap_all .av-special-heading.av-mb2hgq2b-800f8f9432d6401914690bc0c4b34fb2 .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n<\/style>\n<div  class='av-special-heading av-mb2hgq2b-800f8f9432d6401914690bc0c4b34fb2 av-special-heading-h3 blockquote classic-quote classic-quote-left  avia-builder-el-10  el_before_av_textblock  avia-builder-el-first  av-inherit-size'><h3 class='av-special-heading-tag '  itemprop=\"headline\"  >PoETs for pathways to ecoliteracy<\/h3><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<section  class='av_textblock_section av-mb2hh6eo-2d6e45fbbe679f2e9b653ab6bb7c9047 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock'  itemprop=\"text\" ><p><span style=\"font-weight: 400;\">Through this project, we aim to promote ecoliteracy in all its forms\u2014from sharing knowledge and good practices to inspiring positive actions. We believe that education is key to transforming our mindset towards a more sustainable human ecology. We work as a professional community of non-formal eco-trainers, offering educational services, learning materials, resources, and networking opportunities.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Our current project, PoETs \u2014 Pathways to Ecoliteracy, is funded by the Erasmus+ Adult Education Program.<\/span><\/p>\n<\/div><\/section>\n<section  class='av_textblock_section av-mix1ptwk-2779902a9c622d2588edee1255e421e1 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock'  itemprop=\"text\" ><p>We are open for partnerships with organizations, institutions, schools or other groups dedicated to promoting ecoliteracy in their activities. Together, we can create a greater impact by supporting each other in achieving shared goals, sharing resources, and expanding networks. If you represent an NGO or institution and would like to be featured on this website, we welcome your participation!<br \/>\n<a href=\"mailto:hello@ecoliteracy.eu\">Contact us<\/a>\u00a0with your ideas for collaboration!<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='av_section_3'  class='avia-section av-k0j52-bf5822fdfb0edb35cce36b253e528839 main_color avia-section-default avia-no-border-styling  avia-builder-el-13  el_after_av_section  el_before_av_section  avia-bg-style-scroll container_wrap fullsize'  ><div class='container av-section-cont-open' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-126'><div class='entry-content-wrapper clearfix'>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-deg5i-a4568c4e99b9111ae2f5a546ba365da1\">\n#top .av-special-heading.av-deg5i-a4568c4e99b9111ae2f5a546ba365da1{\npadding-bottom:10px;\nfont-size:26px;\n}\nbody .av-special-heading.av-deg5i-a4568c4e99b9111ae2f5a546ba365da1 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n#top #wrap_all .av-special-heading.av-deg5i-a4568c4e99b9111ae2f5a546ba365da1 .av-special-heading-tag{\nfont-size:26px;\n}\n.av-special-heading.av-deg5i-a4568c4e99b9111ae2f5a546ba365da1 .av-subheading{\nfont-size:15px;\n}\n\n@media only screen and (min-width: 480px) and (max-width: 767px){ \n#top #wrap_all .av-special-heading.av-deg5i-a4568c4e99b9111ae2f5a546ba365da1 .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n\n@media only screen and (max-width: 479px){ \n#top #wrap_all .av-special-heading.av-deg5i-a4568c4e99b9111ae2f5a546ba365da1 .av-special-heading-tag{\nfont-size:0.8em;\n}\n}\n<\/style>\n<div  class='av-special-heading av-deg5i-a4568c4e99b9111ae2f5a546ba365da1 av-special-heading-h3 blockquote classic-quote classic-quote-left  avia-builder-el-14  el_before_av_textblock  avia-builder-el-first  av-inherit-size'><h3 class='av-special-heading-tag '  itemprop=\"headline\"  >How to use this website?<\/h3><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<section  class='av_textblock_section av-9l7ke-29568f7d9ad5ec59e2e44f7bc96f10af '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock'  itemprop=\"text\" ><p><span style=\"font-weight: 400;\">As an educator\u2014whether you work as a teacher, non-formal trainer, or social worker\u2014you can find numerous sources of inspiration and opportunities for personal and professional development. You might start with a self-assessment of ecoliteracy, which can also be used with your students or clients to better understand which competences could be most relevant for their growth. Explore the resources and find categorized tools such as videos, books, and podcasts, along with our <\/span><span style=\"font-weight: 400;\">recommendations on how to use them<\/span><span style=\"font-weight: 400;\">. You will also discover a list of learning activities that can serve as inspiration for your work. They are designed for developing the competences listed in the Green Competence Framework, plus other eco-competences that we have identified and described. All learning activity descriptions are easily searchable and available for download.<\/span><\/p>\n<p>As someone looking for an eco-trainer &#8211; if you are about to organize a learning process focused on developing eco-competences, we are here to support you. Our pool of eco-trainers offers educational services for designing and implementing programs that enhance ecoliteracy for your group or community. You can search based on your specific educational needs, location, and preferred languages.<\/p>\n<p>If you are an individual passionate about ecological issues and eager to learn, this website offers numerous opportunities for self-development. Explore the resources, our LinkedIn community and upcoming events on ecoliteracy across Europe. You can also choose how to support this initiative in the way that suits you best.<\/p>\n<\/div><\/section>\n\n<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='av_section_4' aria-label='Join us' class='avia-section av-2fmpji-4822596a78b767806acd8829a3807a50 alternate_color avia-section-default avia-no-border-styling  avia-builder-el-16  el_after_av_section  el_before_av_layout_row  avia-bg-style-scroll container_wrap fullsize'  ><div class='container av-section-cont-open' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-126'><div class='entry-content-wrapper clearfix'>\n<div class='flex_column_table av-280hmm-a55e18451bedc845c9b743469fa5131c sc-av_one_fourth av-equal-height-column-flextable'>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-280hmm-a55e18451bedc845c9b743469fa5131c\">\n.flex_column.av-280hmm-a55e18451bedc845c9b743469fa5131c{\npadding:0 20px 0 20px;\n}\n<\/style>\n<div  class='flex_column av-280hmm-a55e18451bedc845c9b743469fa5131c av_one_fourth  avia-builder-el-17  el_before_av_three_fourth  avia-builder-el-first  first flex_column_table_cell av-equal-height-column av-align-middle  '     ><style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-229rhy-717e3f1b172311c12659e5a1bf2f7ecb\">\n.avia-image-container.av-229rhy-717e3f1b172311c12659e5a1bf2f7ecb img.avia_image{\nbox-shadow:none;\n}\n.avia-image-container.av-229rhy-717e3f1b172311c12659e5a1bf2f7ecb .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-229rhy-717e3f1b172311c12659e5a1bf2f7ecb av-styling- avia-align-center  avia-builder-el-18  avia-builder-el-no-sibling  mushroom-img'   itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><img decoding=\"async\" fetchpriority=\"high\" class='wp-image-348 avia-img-lazy-loading-not-348 avia_image ' src=\"https:\/\/ecoliteracy.eu\/wp-content\/uploads\/mushrooms.png\" alt='' title='mushrooms'  height=\"256\" width=\"258\"  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/ecoliteracy.eu\/wp-content\/uploads\/mushrooms.png 258w, https:\/\/ecoliteracy.eu\/wp-content\/uploads\/mushrooms-80x80.png 80w, https:\/\/ecoliteracy.eu\/wp-content\/uploads\/mushrooms-36x36.png 36w, https:\/\/ecoliteracy.eu\/wp-content\/uploads\/mushrooms-180x180.png 180w\" sizes=\"(max-width: 258px) 100vw, 258px\" \/><\/div><\/div><\/div><\/div><div class='av-flex-placeholder'><\/div><div  class='flex_column av-1uqngu-930999c3d4d96f7e342327807994ca28 av_three_fourth  avia-builder-el-19  el_after_av_one_fourth  avia-builder-el-last  flex_column_table_cell av-equal-height-column av-align-middle  '     ><p>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-1pvhwu-43fff0ea30a2eae44f8e7487ba3ad590\">\n#top .av-special-heading.av-1pvhwu-43fff0ea30a2eae44f8e7487ba3ad590{\npadding-bottom:10px;\n}\nbody .av-special-heading.av-1pvhwu-43fff0ea30a2eae44f8e7487ba3ad590 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-1pvhwu-43fff0ea30a2eae44f8e7487ba3ad590 .av-subheading{\nfont-size:15px;\n}\n\n@media only screen and (min-width: 480px) and (max-width: 767px){ \n#top #wrap_all .av-special-heading.av-1pvhwu-43fff0ea30a2eae44f8e7487ba3ad590 .av-special-heading-tag{\nfont-size:36px;\n}\n}\n\n@media only screen and (max-width: 479px){ \n#top #wrap_all .av-special-heading.av-1pvhwu-43fff0ea30a2eae44f8e7487ba3ad590 .av-special-heading-tag{\nfont-size:34px;\n}\n}\n<\/style>\n<div  class='av-special-heading av-1pvhwu-43fff0ea30a2eae44f8e7487ba3ad590 av-special-heading-h3 blockquote classic-quote classic-quote-left  avia-builder-el-20  el_before_av_textblock  avia-builder-el-first '><h3 class='av-special-heading-tag '  itemprop=\"headline\"  >Join the community<\/h3><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div><br \/>\n<section  class='av_textblock_section av-1m1jv2-9a0ad40c6fa4bdada3a4035692f4bb53 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock'  itemprop=\"text\" ><p>We are a vibrant community of trainers, organizations and supporters committed to promoting ecoliteracy. Whether you&#8217;re a non-formal educator seeking useful resources or an individual or organization eager to support our mission, we&#8217;re excited to welcome you into our network!<\/p>\n<\/div><\/section><\/p><\/div><\/div><!--close column table wrapper. Autoclose: 1 -->\n\n<\/div><\/div><\/div><!-- close content main div --><\/div><\/div><div id='av-layout-grid-1' aria-label='Join as' class='av-layout-grid-container av-1b5n2e-80a962aa08c90f32d7ab44646af63c11 entry-content-wrapper footer_color av-border-cells av-flex-cells  avia-builder-el-22  el_after_av_section  el_before_av_section  become-block grid-row-not-first  container_wrap fullsize'  >\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-11g3qe-a72bb315a5fa6ef175d6f0ffda38f239\">\n.flex_cell.av-11g3qe-a72bb315a5fa6ef175d6f0ffda38f239{\nvertical-align:middle;\nbackground-color:#0d4b56;\n}\n.responsive #top #wrap_all .flex_cell.av-11g3qe-a72bb315a5fa6ef175d6f0ffda38f239{\npadding:0px 0px 0px 0px !important;\n}\n<\/style>\n<div class='flex_cell av-11g3qe-a72bb315a5fa6ef175d6f0ffda38f239 av-gridrow-cell av_one_third no_margin  avia-builder-el-23  el_before_av_cell_one_third  avia-builder-el-first  av-zero-padding'  ><div class='flex_cell_inner'><div  class='avia-button-wrap avia-button-center  avia-builder-el-24  avia-builder-el-no-sibling  full-cell-button'>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-wmmd2-996644eed5f9f3c744a5db70a48638b1\">\n#top #wrap_all .avia-button.av-wmmd2-996644eed5f9f3c744a5db70a48638b1{\nbackground-color:#0d4b56;\nborder-color:#0d4b56;\ncolor:#fabb04;\ntransition:all 0.4s ease-in-out;\npadding:50px 50px 50px 50px;\n}\n#top #wrap_all .avia-button.av-wmmd2-996644eed5f9f3c744a5db70a48638b1:hover{\nbackground-color:#fabb04;\ncolor:#0d4b56;\ntransition:all 0.4s ease-in-out;\n}\n<\/style>\n<a href='https:\/\/ecoliteracy.eu\/hu\/join-the-community\/become-an-eco-trainer\/' class='avia-button avia-button-fullwidth av-wmmd2-996644eed5f9f3c744a5db70a48638b1 avia-icon_select-no avia-color-custom'   aria-label=\"AS AN ECO-TRAINER\"><span class='avia_iconbox_title' >AS AN ECO-TRAINER<\/span><\/a><\/div>\n<\/div><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-opmby-12930bb5295c388e8c4b3ab5184c4d39\">\n.flex_cell.av-opmby-12930bb5295c388e8c4b3ab5184c4d39{\nvertical-align:middle;\nbackground-color:#0d4b56;\n}\n.responsive #top #wrap_all .flex_cell.av-opmby-12930bb5295c388e8c4b3ab5184c4d39{\npadding:0px 0px 0px 0px !important;\n}\n<\/style>\n<div class='flex_cell av-opmby-12930bb5295c388e8c4b3ab5184c4d39 av-gridrow-cell av_one_third no_margin  avia-builder-el-25  el_after_av_cell_one_third  el_before_av_cell_one_third  av-zero-padding'  ><div class='flex_cell_inner'><div  class='avia-button-wrap avia-button-center  avia-builder-el-26  avia-builder-el-no-sibling  full-cell-button'>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-n7cmm-b0edda28b4cc3dcfef9201613f7c9495\">\n#top #wrap_all .avia-button.av-n7cmm-b0edda28b4cc3dcfef9201613f7c9495{\nbackground-color:#0d4b56;\nborder-color:#0d4b56;\ncolor:#fabb04;\ntransition:all 0.4s ease-in-out;\npadding:50px 50px 50px 50px;\n}\n#top #wrap_all .avia-button.av-n7cmm-b0edda28b4cc3dcfef9201613f7c9495:hover{\nbackground-color:#fabb04;\ncolor:#0d4b56;\ntransition:all 0.4s ease-in-out;\n}\n<\/style>\n<a href='https:\/\/ecoliteracy.eu\/hu\/join-the-community\/become-an-associate-trainer\/' class='avia-button avia-button-fullwidth av-n7cmm-b0edda28b4cc3dcfef9201613f7c9495 avia-icon_select-no avia-color-custom'   aria-label=\"AS AN ASSOCIATE TRAINER\"><span class='avia_iconbox_title' >AS AN ASSOCIATE TRAINER<\/span><\/a><\/div>\n<\/div><\/div>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-fb3lq-1f64232268028b0a084cfee5d9a28a3e\">\n.flex_cell.av-fb3lq-1f64232268028b0a084cfee5d9a28a3e{\nvertical-align:middle;\nbackground-color:#0d4b56;\n}\n.responsive #top #wrap_all .flex_cell.av-fb3lq-1f64232268028b0a084cfee5d9a28a3e{\npadding:0px 0px 0px 0px !important;\n}\n<\/style>\n<div class='flex_cell av-fb3lq-1f64232268028b0a084cfee5d9a28a3e av-gridrow-cell av_one_third no_margin  avia-builder-el-27  el_after_av_cell_one_third  avia-builder-el-last  av-zero-padding'  ><div class='flex_cell_inner'><div  class='avia-button-wrap avia-button-center  avia-builder-el-28  avia-builder-el-no-sibling  full-cell-button'>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-9ee72-6a6d1b1396a36fbbcf1117a9df12252f\">\n#top #wrap_all .avia-button.av-9ee72-6a6d1b1396a36fbbcf1117a9df12252f{\nbackground-color:#0d4b56;\nborder-color:#0d4b56;\ncolor:#fabb04;\ntransition:all 0.4s ease-in-out;\npadding:50px 50px 50px 50px;\n}\n#top #wrap_all .avia-button.av-9ee72-6a6d1b1396a36fbbcf1117a9df12252f:hover{\nbackground-color:#fabb04;\ncolor:#0d4b56;\ntransition:all 0.4s ease-in-out;\n}\n<\/style>\n<a href='https:\/\/ecoliteracy.eu\/hu\/join-the-community\/our-supporters\/' class='avia-button avia-button-fullwidth av-9ee72-6a6d1b1396a36fbbcf1117a9df12252f avia-icon_select-no avia-color-custom'   aria-label=\"AS A SUPPORTER\"><span class='avia_iconbox_title' >AS A SUPPORTER<\/span><\/a><\/div>\n<\/div><\/div>\n<\/div>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-1fvjku-afd91bdc904e40d4d57b74ca629d1db1\">\n.avia-section.av-1fvjku-afd91bdc904e40d4d57b74ca629d1db1{\nbackground-color:#ebebeb;\nbackground-image:unset;\n}\n<\/style>\n<div id='av_section_5' aria-label='newsletter' class='avia-section av-1fvjku-afd91bdc904e40d4d57b74ca629d1db1 main_color avia-section-default avia-no-border-styling  avia-builder-el-29  el_after_av_layout_row  avia-builder-el-last  avia-bg-style-scroll container_wrap fullsize'  ><div class='container av-section-cont-open' ><div class='template-page content  av-content-full alpha units'><div class='post-entry post-entry-type-page post-entry-126'><div class='entry-content-wrapper clearfix'>\n\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-1bc2jq-4752425a93526b89c530a5ee6f33f682\">\n#top .av-special-heading.av-1bc2jq-4752425a93526b89c530a5ee6f33f682{\npadding-bottom:0;\n}\nbody .av-special-heading.av-1bc2jq-4752425a93526b89c530a5ee6f33f682 .av-special-heading-tag .heading-char{\nfont-size:25px;\n}\n.av-special-heading.av-1bc2jq-4752425a93526b89c530a5ee6f33f682 .av-subheading{\nfont-size:15px;\n}\n<\/style>\n<div  class='av-special-heading av-1bc2jq-4752425a93526b89c530a5ee6f33f682 av-special-heading-h3 blockquote classic-quote  avia-builder-el-30  el_before_av_one_half  avia-builder-el-first '><h3 class='av-special-heading-tag '  itemprop=\"headline\"  >Connect with The Ecoliteracy Hub!<\/h3><div class=\"special-heading-border\"><div class=\"special-heading-inner-border\"><\/div><\/div><\/div>\n<div class='av-column-wrapper-individual av-mobile-columns-flex av-columns-reverse'><div  class='flex_column av-12aso6-15ce201711ff8efead1d126d02811d2b av_one_half  avia-builder-el-31  el_after_av_heading  el_before_av_one_half  first no_margin flex_column_div  '     aria-label='subscribe'  ><p>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-veuqu-be099992c0d98319be0e11460aa48be7\">\n#top .hr.hr-invisible.av-veuqu-be099992c0d98319be0e11460aa48be7{\nheight:30px;\n}\n<\/style>\n<div  class='hr av-veuqu-be099992c0d98319be0e11460aa48be7 hr-invisible  avia-builder-el-32  el_before_av_textblock  avia-builder-el-first  av-small-hide av-mini-hide'><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div><br \/>\n<section  class='av_textblock_section av-2jp0u-917cd326050d8ba189f5a20afee27223 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock'  itemprop=\"text\" ><style scoped>.invisibleOnForm{display:none;}\n\/* --- User defined css rules. Use #formBox947103 prefix here (e.g. #formBox947103 button { color: red; } ) --- *\/\n\n\n\n\/* --- general default settings --- *\/\n\n@charset \"UTF-8\";\n\n.sellItemBox span.sellItemCount input {\n    width: 3.1em;\n    text-align: left;\n}\n.payTotalBox {\n    font-weight: bold;\n    padding: 0.4ex 0;\n}\ndiv.leftLabel .payTotalBox {\n    text-align: center;    \n}\ndiv.topLabel .payTotalBox {\n    text-align: left;    \n}\ndiv.leftLabel .upsellItemBox {\n    text-align: center;\n}\ndiv.topLabel .upsellItemBox {\n    text-align: left;\n}\n.invalidInput {\n    border: 2px solid red;\n    border-radius: 5px;\n    -webkit-animation: shake .5s linear;\n}\n@-webkit-keyframes shake {\n    8%, 41% {\n        -webkit-transform: translateX(-10px);\n    }\n    25%, 58% {\n        -webkit-transform: translateX(10px);\n    }\n    75% {\n        -webkit-transform: translateX(-5px);\n    }\n    92% {\n        -webkit-transform: translateX(5px);\n    }\n    0%, 100% {\n        -webkit-transform: translateX(0);\n    }\n}   \n.braintree-payment-form {\n    margin: 5px 10px;\n}\n.paymentModeBox.v-group > div  {\n  margin-top: 10px;\n}\ndiv.LMFormBox.LMinline .fieldsetBox {\n    align-items: flex-end;\n}\n.captchaBox {\n    text-align: center;\n}\ndiv.invisibleReCaptcha {\n    height: 0;\n}\ndiv.visibleReCaptcha {\n    margin-bottom: 0.5em;\n}\n.captchaBox > div {\n    display: inline-block;\n}\ndiv.buttonFieldsetBox {text-align: center;}\n\/*div.LMFormBox div.acceptConditionsBox > label,\ndiv.LMFormBox div.upsellItemBox > label {\n    display: inline-block;\n}*\/\ndiv.LMFormBox.LMinline.LMtopLabel {\n    line-height: 100%;\n}\n.progressBar {\n    display: none;\n    width: 150px;\n    background: white;\n    border: 2px solid #cccccc;\n    padding: 2px;\n    margin: 2px;\n}\n.progressBar > div {\n    width: 0;\n    height: 12px;\n    box-sizing: border-box;\n    vertical-align: middle;\n    padding: 2px 12px;\n    color: black;\n    font-size: 8px;\n    background-color: cornflowerblue;\n}\n.fileUploader {\n    display: flex;\n}\n.fileName {\n    margin: 0 1ex;\n}\n.lm-form-error-message {\n    color: red;\n}\n.upload-mandatory-warn-msg {\n    display: none;\n}\n.lm-invalid-name-kata {\n    color: red;\n}\n.lm-invalid-name-kata-parent::after {\n    content: 'KATA miatt nem enged\u00e9lyezett a c\u00e9ges v\u00e1s\u00e1rl\u00e1s';\n    font-size: 82%;\n    color: #c91e26;\n}\n.LMBlinking{\n    animation:LMBlinkingText 1.2s infinite;\n}\n@keyframes LMBlinkingText{\n    0%{     color: #000000;    }\n    25%{    color: #888888; }\n    50%{    color: #ffffff; }\n    75%{    color: #888888;  }\n    100%{   color: #000000; }\n}\n\ndiv.LMSubscribeForm { padding-bottom: 1px; \/* for iframeResizer *\/ }\n\n\/* ----------------- Zoli ---------------  *\/\n\ndiv.LMFormBox { font-family: Arial, Helvetica, sans-serif; }\n\ndiv.LMFormBox .titleBox { font-size: 1.5em; }\n\ndiv.LMFormBox .subtitleBox { font-size: 1em; font-style: italic; }\n\ndiv.LMFormBox .footnoteBox { font-size: 0.9em; font-style: italic; }\n\ndiv.LMFormBox label { font-size: 0.8em; }\n\ndiv.LMFormBox input[type=\"text\"], div.LMFormBox input[type=\"email\"], div.LMFormBox input[type=\"number\"], div.LMFormBox textarea, div.LMFormBox select, div.LMFormBox .labelText, div.LMFormBox .lm_input_box_undefined { font-size: 1em; }\n\ndiv.LMFormBox button.LMsubmitBtn { font-size: 1em; text-transform: uppercase; }\n\ndiv.LMFormBox label { font-size: 1em; }\n\n\/*div.LMFormBox.LMblocked div.formDescription, div.LMFormBox.LMblocked div.acceptConditionsBox { width: 100%; }*\/\n\ndiv.LMFormBox.LMinline .fieldsetBox { -ms-flex-align: end; align-items: flex-end; }\n\ndiv.buttonFieldsetBox { text-align: center; }\n\n\/*div.LMFormBox div.acceptConditionsBox > label { display: inline-block; }*\/\n\n.fixFormTextElement { text-align: center; }\n\ndiv.LMFormBox { margin: 1.5em; border: 1px solid #c2c0c2; border-radius: 5px; background-color: #f2f2f2; padding: 1.5em; box-sizing: border-box; }\n\ndiv.LMFormBox .titleBox { margin-bottom: 0.7em; }\n\ndiv.LMFormBox .subtitleBox { margin-bottom: 1.5em; }\n\ndiv.LMFormBox input[type=\"text\"], div.LMFormBox input[type=\"email\"], div.LMFormBox input[type=\"number\"], div.LMFormBox textarea, div.LMFormBox select { width: 100%; border: 1px solid #c2c0c2; border-radius: 5px; box-sizing: border-box; padding: .3em 0.6em; outline-color: transparent; outline-style: none; }\n\ndiv.LMFormBox textarea { min-height: 6em; font-size: 1rem; font-family: inherit; }\n\ndiv.LMFormBox .LMdescription { font-style: italic; font-size: 0.75em; margin-top: 0.3em; }\n\ndiv.LMFormBox button.LMsubmitBtn { padding: .5em 1em; border: none; background: #a34e98; transition: background-color .3s; color: #fff; border-radius: 5px; }\n\ndiv.LMFormBox button.LMsubmitBtn:hover, div.LMFormBox button.LMsubmitBtn:focus { background: #b571ad; outline-color: transparent; outline-style: none; }\n\ndiv.LMFormBox label { margin-bottom: 0.75em; }\n\ndiv.LMFormBox .fieldContainer, div.LMFormBox .buttonFieldsetBox, div.LMFormBox .visibleReCaptcha { margin-bottom: 0.8em; }\n\ndiv.LMFormBox .radio > div > label, div.LMFormBox .checkbox > div > label { margin-bottom: 0.35em; }\n\ndiv.LMFormBox .radio > div:last-child > label, div.LMFormBox .checkbox > div:last-child > label { margin-bottom: 0; }\n\ndiv.LMFormBox .checkbox label, div.LMFormBox .form-radio label { position: relative; cursor: pointer; padding-left: 2em; text-align: left; display: block; font-size: 1em; }\n\ndiv.LMFormBox .checkbox input, div.LMFormBox .form-radio input { width: auto; opacity: 0.00000001; position: absolute; left: 0; }\n\ndiv.LMFormBox .radio .helper { position: absolute; top: -0.25em; left: -0.25em; cursor: pointer; display: block; font-size: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #c2c0c2; }\n\ndiv.LMFormBox .radio .helper::before, div.LMFormBox .radio .helper::after { content: ''; position: absolute; left: 0; top: 0; margin: 0.25em; width: 1em; height: 1em; transition: transform 0.28s ease; border-radius: 50%; border: 0.125em solid currentColor; }\n\ndiv.LMFormBox .radio .helper::after { transform: scale(0); background-color: #a34e98; border-color: #a34e98; }\n\ndiv.LMFormBox .radio label:hover .helper { color: #a34e98; }\n\ndiv.LMFormBox .radio input:checked ~ .helper::after { transform: scale(0.5); }\n\ndiv.LMFormBox .radio input:checked ~ .helper::before { color: #a34e98; }\n\ndiv.LMFormBox .checkbox > div { position: relative; cursor: pointer; text-align: left; display: block; }\n\ndiv.LMFormBox .checkbox .helper { color: #c2c0c2; position: absolute; top: 0; left: 0; width: 1em; height: 1em; z-index: 0; border: 0.125em solid currentColor; border-radius: 0.0625em; transition: border-color 0.28s ease; }\n\ndiv.LMFormBox .checkbox .helper::before, div.LMFormBox .checkbox .helper::after { position: absolute; height: 0; width: 0.2em; background-color: #a34e98; display: block; transform-origin: left top; border-radius: 0.25em; content: ''; transition: opacity 0.28s ease, height 0s linear 0.28s; opacity: 0; }\n\ndiv.LMFormBox .checkbox .helper::before { top: 0.85em; left: 0.38em; transform: rotate(-135deg); box-shadow: 0 0 0 0.0625em #fff; }\n\ndiv.LMFormBox .checkbox .helper::after { top: 0.5em; left: 0; transform: rotate(-45deg); }\n\ndiv.LMFormBox .checkbox > div:hover .helper { color: #a34e98; }\n\ndiv.LMFormBox .checkbox input:checked ~ .helper { color: #a34e98; }\n\ndiv.LMFormBox .checkbox input:checked ~ .helper::after, div.LMFormBox .checkbox input:checked ~ .helper::before { opacity: 1; transition: height 0.28s ease; }\n\ndiv.LMFormBox .checkbox input:checked ~ .helper::after { height: 0.5em; }\n\ndiv.LMFormBox .checkbox input:checked ~ .helper::before { height: 1.3em; transition-delay: 0.28s; }\n\ndiv.LMFormBox .radio + .radio, div.LMFormBox .checkbox + .checkbox { margin-top: 1em; }\n\ndiv.LMFormBox { \/****mez\u0151c\u00edmk\u00e9k mezok felett*\/ \/****mez\u0151c\u00edmk\u00e9k egy sorban*\/ }\n\ndiv.LMFormBox.LMtopLabel .controlContainer { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }\n\ndiv.LMFormBox.LMleftLabel .controlContainer { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; }\n\ndiv.LMFormBox.LMleftLabel .controlContainer label.labelText { width: 15%; min-width: 80px; padding-right: 1em; box-sizing: border-box; margin-bottom: 0; }\n\ndiv.LMFormBox.LMleftLabel .controlContainer .inputContainer { -ms-flex-positive: 1; flex-grow: 1; }\n\ndiv.LMFormBox.LMleftLabel .LMdescription { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; }\n\ndiv.LMFormBox.LMleftLabel .LMdescription > div { width: 85%; }\n\ndiv.LMFormBox.LMleftLabel .LMdescription i { display: block; content: \"\"; width: 15%; min-width: 80px; padding-right: 1em; box-sizing: border-box; margin-bottom: 0; height: 0.1em; }\n\ndiv.LMFormBox.LMnoLabel .controlContainer label.labelText { display: none; visibility: hidden; }\n\n\/****f\u00fcgg\u0151leges t\u00e9rk\u00f6z*\/\n\/* LMverticalGapSlim LMverticalGapClassic*** base LMverticalGapLarge *\/\n\/****Stilus*\/\n\/* LMradius*** base LMsquare LMmaterial *\/\ndiv.LMFormBox.LMverticalGapSlim .titleBox { font-size: 1.125em; }\n\ndiv.LMFormBox.LMverticalGapSlim .subtitleBox { font-size: .875em; }\n\ndiv.LMFormBox.LMverticalGapSlim .footnoteBox { font-size: 0.75em; }\n\ndiv.LMFormBox.LMverticalGapSlim input[type=\"text\"], div.LMFormBox.LMverticalGapSlim input[type=\"email\"], div.LMFormBox.LMverticalGapSlim input[type=\"number\"], div.LMFormBox.LMverticalGapSlim textarea, div.LMFormBox.LMverticalGapSlim select, div.LMFormBox.LMverticalGapSlim .labelText, div.LMFormBox.LMverticalGapSlim .lm_input_box_undefined { font-size: .875em; }\n\ndiv.LMFormBox.LMverticalGapSlim .LMdescription { font-size: .75em; }\n\ndiv.LMFormBox.LMverticalGapSlim button.LMsubmitBtn { font-size: .875em; padding: .35em .7em; }\n\ndiv.LMFormBox.LMverticalGapSlim .fieldContainer, div.LMFormBox.LMverticalGapSlim .buttonFieldsetBox, div.LMFormBox.LMverticalGapSlim .visibleReCaptcha { margin-bottom: 0.75em; }\n\ndiv.LMFormBox.LMverticalGapSlim label { margin-bottom: 0.35em; font-size: .8125em; }\n\ndiv.LMFormBox.LMverticalGapLarge .titleBox { font-size: 3.125em; font-weight: bold; }\n\ndiv.LMFormBox.LMverticalGapLarge .subtitleBox { font-size: 1.125em; }\n\ndiv.LMFormBox.LMverticalGapLarge .footnoteBox { font-size: 1em; }\n\ndiv.LMFormBox.LMverticalGapLarge input[type=\"text\"], div.LMFormBox.LMverticalGapLarge input[type=\"email\"], div.LMFormBox.LMverticalGapLarge input[type=\"number\"], div.LMFormBox.LMverticalGapLarge textarea, div.LMFormBox.LMverticalGapLarge select, div.LMFormBox.LMverticalGapLarge .labelText, div.LMFormBox.LMverticalGapLarge .lm_input_box_undefined { font-size: 1.125em; }\n\ndiv.LMFormBox.LMverticalGapLarge button.LMsubmitBtn { font-size: 1.125em; padding: .35em .7em; }\n\ndiv.LMFormBox.LMverticalGapLarge .fieldContainer, div.LMFormBox.LMverticalGapLarge .buttonFieldsetBox, div.LMFormBox.LMverticalGapLarge .visibleReCaptcha { margin-bottom: 2em; }\n\ndiv.LMFormBox.LMverticalGapLarge label { margin-bottom: 0.75em; font-size: 1.125em; }\n\ndiv.LMFormBox.LMverticalGapLarge .LMdescription { font-size: 1em; }\n\ndiv.LMFormBox.LMsquare, div.LMFormBox.LMmaterial { border-radius: 0; }\n\ndiv.LMFormBox.LMsquare input[type=\"text\"], div.LMFormBox.LMmaterial input[type=\"text\"], div.LMFormBox.LMsquare input[type=\"email\"], div.LMFormBox.LMmaterial input[type=\"email\"], div.LMFormBox.LMsquare input[type=\"number\"], div.LMFormBox.LMmaterial input[type=\"number\"], div.LMFormBox.LMsquare textarea, div.LMFormBox.LMmaterial textarea, div.LMFormBox.LMsquare select, div.LMFormBox.LMmaterial select, div.LMFormBox.LMsquare button.LMsubmitBtn, div.LMFormBox.LMmaterial button.LMsubmitBtn { border-radius: 0; }\n\ndiv.LMFormBox.LMmaterial { \/* Remove focus *\/ \/* Use custom arrow *\/ \/*.checkbox, .form-radio { label { position: relative; cursor: pointer; padding-left: $checkbox-gap; text-align: left; display: block; font-size: $font-size; } input { width: auto; opacity: 0.00000001; position: absolute; left: 0; } } .radio { .helper { position: absolute; top: $radio-margin; left: $radio-margin; cursor: pointer; display: block; font-size: $font-size; user-select: none; color: $border-color; &::before, &::after { content: ''; position: absolute; left: 0; top: 0; margin: ($spacer * 2); width: $font-size; height: $font-size; transition: transform $transition-speed ease; border-radius: 50%; border: ($font-size \/ 8) solid currentColor; } &::after { transform: scale(0); background-color: $focus-color; border-color: $focus-color; } } label:hover .helper { color: $focus-color; } \/\/ scss-lint:disable QualifyingElement, NestingDepth input:checked { ~ .helper { &::after { transform: scale(0.5); } &::before { color: $focus-color; } } } } .checkbox { &>div{ position: relative; cursor: pointer; text-align: left; display: block; } .helper { color: $border-color; position: absolute; top: $checkbox-top; left: 0; width: $font-size; height: $font-size; z-index: 0; border: ($font-size \/ 8) solid currentColor; border-radius: ($font-size \/ 16); transition: border-color $transition-speed ease; &::before, &::after { position: absolute; height: 0; width: ($font-size * 0.2); background-color: $focus-color; display: block; transform-origin: left top; border-radius: ($font-size \/ 4); content: ''; transition: opacity $transition-speed ease, height 0s linear $transition-speed; opacity: 0; } &::before { top: ($font-size * 0.65); left: ($font-size * 0.38); transform: rotate(-135deg); box-shadow: 0 0 0 ($font-size \/ 16) $body-bg; } &::after { top: ($font-size * 0.3); left: 0; transform: rotate(-45deg); } } &>div:hover .helper { color: $focus-color; } input:checked { ~ .helper { color: $focus-color; &::after, &::before { opacity: 1; transition: height $transition-speed ease; } &::after { height: ($font-size \/ 2); } &::before { height: ($font-size * 1.2); transition-delay: $transition-speed; } } } } .radio + .radio, .checkbox + .checkbox { margin-top: $font-size; }*\/ }\n\ndiv.LMFormBox.LMmaterial .titleBox { font-weight: bold; }\n\ndiv.LMFormBox.LMmaterial .subtitleBox { font-style: normal; }\n\ndiv.LMFormBox.LMmaterial label { font-size: 0.8125em; }\n\ndiv.LMFormBox.LMmaterial input[type=\"text\"], div.LMFormBox.LMmaterial input[type=\"email\"], div.LMFormBox.LMmaterial input[type=\"number\"] { border: none; background: transparent !important; }\n\ndiv.LMFormBox.LMmaterial input[type=\"text\"]::-webkit-input-placeholder, div.LMFormBox.LMmaterial input[type=\"email\"]::-webkit-input-placeholder, div.LMFormBox.LMmaterial input[type=\"number\"]::-webkit-input-placeholder { \/* Chrome\/Opera\/Safari *\/ font-size: 0.8125em; }\n\ndiv.LMFormBox.LMmaterial input[type=\"text\"]::-moz-placeholder, div.LMFormBox.LMmaterial input[type=\"email\"]::-moz-placeholder, div.LMFormBox.LMmaterial input[type=\"number\"]::-moz-placeholder { \/* Firefox 19+ *\/ font-size: 0.8125em; }\n\ndiv.LMFormBox.LMmaterial input[type=\"text\"]:-ms-input-placeholder, div.LMFormBox.LMmaterial input[type=\"email\"]:-ms-input-placeholder, div.LMFormBox.LMmaterial input[type=\"number\"]:-ms-input-placeholder { \/* IE 10+ *\/ font-size: 0.8125em; }\n\ndiv.LMFormBox.LMmaterial input[type=\"text\"]:-moz-placeholder, div.LMFormBox.LMmaterial input[type=\"email\"]:-moz-placeholder, div.LMFormBox.LMmaterial input[type=\"number\"]:-moz-placeholder { \/* Firefox 18- *\/ font-size: 0.8125em; }\n\ndiv.LMFormBox.LMmaterial textarea { background: transparent !important; border: none; }\n\ndiv.LMFormBox.LMmaterial select { background-color: transparent; width: 100%; border-left: none; border-right: none; border-top: none; }\n\ndiv.LMFormBox.LMmaterial .LMbar { position: relative; border-bottom: 0.0625em solid #c2c0c2; display: block; }\n\ndiv.LMFormBox.LMmaterial .LMbar::before { content: ''; height: 0.125em; width: 0; left: 50%; bottom: -0.0625em; position: absolute; background: #a34e98; transition: left 0.28s ease, width 0.28s ease; z-index: 2; }\n\ndiv.LMFormBox.LMmaterial select:focus ~ .LMbar::before, div.LMFormBox.LMmaterial input:focus ~ .LMbar::before, div.LMFormBox.LMmaterial textarea:focus ~ .LMbar::before { width: 100%; left: 0; }\n\ndiv.LMFormBox.LMmaterial select:focus { outline: none; }\n\ndiv.LMFormBox.LMmaterial select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }\n\ndiv.LMFormBox.LMmaterial .LMselectfield { position: relative; }\n\ndiv.LMFormBox.LMmaterial .LMselectfield:after { position: absolute; top: 0.75em; right: 0.5em; \/* Styling the down arrow *\/ width: 0; height: 0; padding: 0; content: ''; border-left: .25em solid transparent; border-right: .25em solid transparent; border-top: 0.375em solid #c2c0c2; pointer-events: none; }\n\ndiv.LMFormBox.LMmaterial button.LMsubmitBtn { font-size: 0.9em; padding: 0.7em 1.2em; }\n\ndiv.LMFormBox.LMdark { background: #424242; color: #fff; }\n\ndiv.LMFormBox.LMdark input[type=\"text\"], div.LMFormBox.LMdark input[type=\"email\"], div.LMFormBox.LMdark input[type=\"number\"], div.LMFormBox.LMdark select, div.LMFormBox.LMdark textarea { color: #fff; background: #2d2d2d; border-color: #565656; }\n\ndiv.LMFormBox.LMdark input[type=\"text\"]::-webkit-input-placeholder, div.LMFormBox.LMdark input[type=\"email\"]::-webkit-input-placeholder, div.LMFormBox.LMdark input[type=\"number\"]::-webkit-input-placeholder, div.LMFormBox.LMdark select::-webkit-input-placeholder, div.LMFormBox.LMdark textarea::-webkit-input-placeholder { \/* Chrome\/Opera\/Safari *\/ color: #fff; }\n\ndiv.LMFormBox.LMdark input[type=\"text\"]::-moz-placeholder, div.LMFormBox.LMdark input[type=\"email\"]::-moz-placeholder, div.LMFormBox.LMdark input[type=\"number\"]::-moz-placeholder, div.LMFormBox.LMdark select::-moz-placeholder, div.LMFormBox.LMdark textarea::-moz-placeholder { \/* Firefox 19+ *\/ color: #fff; }\n\ndiv.LMFormBox.LMdark input[type=\"text\"]:-ms-input-placeholder, div.LMFormBox.LMdark input[type=\"email\"]:-ms-input-placeholder, div.LMFormBox.LMdark input[type=\"number\"]:-ms-input-placeholder, div.LMFormBox.LMdark select:-ms-input-placeholder, div.LMFormBox.LMdark textarea:-ms-input-placeholder { \/* IE 10+ *\/ color: #fff; }\n\ndiv.LMFormBox.LMdark input[type=\"text\"]:-moz-placeholder, div.LMFormBox.LMdark input[type=\"email\"]:-moz-placeholder, div.LMFormBox.LMdark input[type=\"number\"]:-moz-placeholder, div.LMFormBox.LMdark select:-moz-placeholder, div.LMFormBox.LMdark textarea:-moz-placeholder { \/* Firefox 18- *\/ color: #fff; }\n\ndiv.LMFormBox.LMdark .checkbox .helper::before { box-shadow: 0 0 0 0.0625em #424242; }\n\ndiv.LMFormBox.LMdark.LMmaterial select { background: transparent; }\n\ndiv.LMFormBox.LMbw .LMbar::before { background: #1f1f1f; }\n\ndiv.LMFormBox.LMbw .radio .helper { color: #c2c0c2; }\n\ndiv.LMFormBox.LMbw .radio .helper::after { background-color: #1f1f1f; border-color: #1f1f1f; }\n\ndiv.LMFormBox.LMbw .radio label:hover .helper { color: #1f1f1f; }\n\ndiv.LMFormBox.LMbw .radio input:checked ~ .helper::before { color: #1f1f1f; }\n\ndiv.LMFormBox.LMbw .checkbox .helper { color: #1f1f1f; }\n\ndiv.LMFormBox.LMbw .checkbox .helper::before, div.LMFormBox.LMbw .checkbox .helper::after { background-color: #1f1f1f; }\n\ndiv.LMFormBox.LMbw .checkbox .helper::before { box-shadow: 0 0 0 0.0625em #fff; }\n\ndiv.LMFormBox.LMbw .checkbox > div:hover .helper { color: #1f1f1f; }\n\ndiv.LMFormBox.LMbw .checkbox input:checked ~ .helper { color: #1f1f1f; }\n\ndiv.LMFormBox.LMbw button.LMsubmitBtn { background-color: #1f1f1f; }\n\ndiv.LMFormBox.LMbw button.LMsubmitBtn:hover { background-color: #525252; }\n\ndiv.LMFormBox.LMgreen { background: #e1ead7; color: #282725; border-color: #8dbd59; }\n\ndiv.LMFormBox.LMgreen .titleBox { color: #386103; }\n\ndiv.LMFormBox.LMgreen label, div.LMFormBox.LMgreen .LMdescription { color: #386103; }\n\ndiv.LMFormBox.LMgreen input[type=\"text\"], div.LMFormBox.LMgreen input[type=\"email\"], div.LMFormBox.LMgreen input[type=\"number\"], div.LMFormBox.LMgreen select, div.LMFormBox.LMgreen textarea { color: #282725; background: #fff; border-color: #8dbd59; }\n\ndiv.LMFormBox.LMgreen input[type=\"text\"]::-webkit-input-placeholder, div.LMFormBox.LMgreen input[type=\"email\"]::-webkit-input-placeholder, div.LMFormBox.LMgreen input[type=\"number\"]::-webkit-input-placeholder, div.LMFormBox.LMgreen select::-webkit-input-placeholder, div.LMFormBox.LMgreen textarea::-webkit-input-placeholder { \/* Chrome\/Opera\/Safari *\/ color: #282725; }\n\ndiv.LMFormBox.LMgreen input[type=\"text\"]::-moz-placeholder, div.LMFormBox.LMgreen input[type=\"email\"]::-moz-placeholder, div.LMFormBox.LMgreen input[type=\"number\"]::-moz-placeholder, div.LMFormBox.LMgreen select::-moz-placeholder, div.LMFormBox.LMgreen textarea::-moz-placeholder { \/* Firefox 19+ *\/ color: #282725; }\n\ndiv.LMFormBox.LMgreen input[type=\"text\"]:-ms-input-placeholder, div.LMFormBox.LMgreen input[type=\"email\"]:-ms-input-placeholder, div.LMFormBox.LMgreen input[type=\"number\"]:-ms-input-placeholder, div.LMFormBox.LMgreen select:-ms-input-placeholder, div.LMFormBox.LMgreen textarea:-ms-input-placeholder { \/* IE 10+ *\/ color: #282725; }\n\ndiv.LMFormBox.LMgreen input[type=\"text\"]:-moz-placeholder, div.LMFormBox.LMgreen input[type=\"email\"]:-moz-placeholder, div.LMFormBox.LMgreen input[type=\"number\"]:-moz-placeholder, div.LMFormBox.LMgreen select:-moz-placeholder, div.LMFormBox.LMgreen textarea:-moz-placeholder { \/* Firefox 18- *\/ color: #282725; }\n\ndiv.LMFormBox.LMgreen .LMbar { border-color: #8dbd59; }\n\ndiv.LMFormBox.LMgreen .LMbar::before { background: #8abf57; }\n\ndiv.LMFormBox.LMgreen .radio .helper { color: #c2c0c2; }\n\ndiv.LMFormBox.LMgreen .radio .helper::before, div.LMFormBox.LMgreen .radio .helper::after { border-color: #8dbd59; }\n\ndiv.LMFormBox.LMgreen .radio .helper::after { background-color: #8abf57; border-color: #8abf57; }\n\ndiv.LMFormBox.LMgreen .radio Label:hover .helper { color: #282725; }\n\ndiv.LMFormBox.LMgreen .radio input:checked ~ .helper::before { color: #8abf57; }\n\ndiv.LMFormBox.LMgreen .checkbox label { color: #282725; }\n\ndiv.LMFormBox.LMgreen .checkbox .helper { color: #8abf57; }\n\ndiv.LMFormBox.LMgreen .checkbox .helper::before, div.LMFormBox.LMgreen .checkbox .helper::after { background-color: #8abf57; }\n\ndiv.LMFormBox.LMgreen .checkbox .helper::before { box-shadow: 0 0 0 0.0625em #e1ead7; }\n\ndiv.LMFormBox.LMgreen .checkbox > div:hover .helper { color: #8abf57; }\n\ndiv.LMFormBox.LMgreen .checkbox input:checked ~ .helper { color: #8abf57; }\n\ndiv.LMFormBox.LMgreen button.LMsubmitBtn { background-color: #8abf57; }\n\ndiv.LMFormBox.LMgreen button.LMsubmitBtn:hover { background-color: #577f31; }\n\ndiv.LMFormBox.LMgreen.LMmaterial select { background: transparent; }\n\ndiv.LMFormBox.LMlightblue { background: #ccedfc; color: #282725; border-color: #72dafd; }\n\ndiv.LMFormBox.LMlightblue .titleBox { color: #065774; }\n\ndiv.LMFormBox.LMlightblue .subtitleBox { color: #065774; }\n\ndiv.LMFormBox.LMlightblue label, div.LMFormBox.LMlightblue .LMdescription { color: #065774; }\n\ndiv.LMFormBox.LMlightblue input[type=\"text\"], div.LMFormBox.LMlightblue input[type=\"email\"], div.LMFormBox.LMlightblue input[type=\"number\"], div.LMFormBox.LMlightblue select, div.LMFormBox.LMlightblue textarea { color: #282725; background: #fff; border-color: #72dafd; }\n\ndiv.LMFormBox.LMlightblue input[type=\"text\"]::-webkit-input-placeholder, div.LMFormBox.LMlightblue input[type=\"email\"]::-webkit-input-placeholder, div.LMFormBox.LMlightblue input[type=\"number\"]::-webkit-input-placeholder, div.LMFormBox.LMlightblue select::-webkit-input-placeholder, div.LMFormBox.LMlightblue textarea::-webkit-input-placeholder { \/* Chrome\/Opera\/Safari *\/ color: #282725; }\n\ndiv.LMFormBox.LMlightblue input[type=\"text\"]::-moz-placeholder, div.LMFormBox.LMlightblue input[type=\"email\"]::-moz-placeholder, div.LMFormBox.LMlightblue input[type=\"number\"]::-moz-placeholder, div.LMFormBox.LMlightblue select::-moz-placeholder, div.LMFormBox.LMlightblue textarea::-moz-placeholder { \/* Firefox 19+ *\/ color: #282725; }\n\ndiv.LMFormBox.LMlightblue input[type=\"text\"]:-ms-input-placeholder, div.LMFormBox.LMlightblue input[type=\"email\"]:-ms-input-placeholder, div.LMFormBox.LMlightblue input[type=\"number\"]:-ms-input-placeholder, div.LMFormBox.LMlightblue select:-ms-input-placeholder, div.LMFormBox.LMlightblue textarea:-ms-input-placeholder { \/* IE 10+ *\/ color: #282725; }\n\ndiv.LMFormBox.LMlightblue input[type=\"text\"]:-moz-placeholder, div.LMFormBox.LMlightblue input[type=\"email\"]:-moz-placeholder, div.LMFormBox.LMlightblue input[type=\"number\"]:-moz-placeholder, div.LMFormBox.LMlightblue select:-moz-placeholder, div.LMFormBox.LMlightblue textarea:-moz-placeholder { \/* Firefox 18- *\/ color: #282725; }\n\ndiv.LMFormBox.LMlightblue .LMbar { border-color: #72dafd; }\n\ndiv.LMFormBox.LMlightblue .LMbar::before { background: #02b0f7; }\n\ndiv.LMFormBox.LMlightblue .radio .helper { color: #c2c0c2; }\n\ndiv.LMFormBox.LMlightblue .radio .helper::before, div.LMFormBox.LMlightblue .radio .helper::after { border-color: #72dafd; }\n\ndiv.LMFormBox.LMlightblue .radio .helper::after { background-color: #02b0f7; border-color: #02b0f7; }\n\ndiv.LMFormBox.LMlightblue .radio label { color: #282725; }\n\ndiv.LMFormBox.LMlightblue .radio input:checked ~ .helper::before { color: #02b0f7; border-color: #02b0f7; }\n\ndiv.LMFormBox.LMlightblue .checkbox label { color: #282725; }\n\ndiv.LMFormBox.LMlightblue .checkbox .helper { color: #02b0f7; }\n\ndiv.LMFormBox.LMlightblue .checkbox .helper::before, div.LMFormBox.LMlightblue .checkbox .helper::after { background-color: #02b0f7; }\n\ndiv.LMFormBox.LMlightblue .checkbox .helper::before { box-shadow: 0 0 0 0.0625em #ccedfc; }\n\ndiv.LMFormBox.LMlightblue .checkbox > div:hover .helper { color: #02b0f7; }\n\ndiv.LMFormBox.LMlightblue .checkbox input:checked ~ .helper { color: #02b0f7; }\n\ndiv.LMFormBox.LMlightblue button.LMsubmitBtn { background-color: #02b0f7; }\n\ndiv.LMFormBox.LMlightblue button.LMsubmitBtn:hover { background-color: #016892; }\n\ndiv.LMFormBox.LMlightblue.LMmaterial select { background: transparent; }\n\ndiv.LMFormBox.LMpink { background: #f9d5d5; color: #e74445; border-color: #fab4bf; }\n\ndiv.LMFormBox.LMpink .titleBox { color: #cc7274; }\n\ndiv.LMFormBox.LMpink .subtitleBox { color: #cc7274; }\n\ndiv.LMFormBox.LMpink label, div.LMFormBox.LMpink .LMdescription { color: #cc7274; }\n\ndiv.LMFormBox.LMpink input[type=\"text\"], div.LMFormBox.LMpink input[type=\"email\"], div.LMFormBox.LMpink input[type=\"number\"], div.LMFormBox.LMpink select, div.LMFormBox.LMpink textarea { color: #e74445; background: #fff; border-color: #fab4bf; }\n\ndiv.LMFormBox.LMpink input[type=\"text\"]::-webkit-input-placeholder, div.LMFormBox.LMpink input[type=\"email\"]::-webkit-input-placeholder, div.LMFormBox.LMpink input[type=\"number\"]::-webkit-input-placeholder, div.LMFormBox.LMpink select::-webkit-input-placeholder, div.LMFormBox.LMpink textarea::-webkit-input-placeholder { \/* Chrome\/Opera\/Safari *\/ color: #e74445; }\n\ndiv.LMFormBox.LMpink input[type=\"text\"]::-moz-placeholder, div.LMFormBox.LMpink input[type=\"email\"]::-moz-placeholder, div.LMFormBox.LMpink input[type=\"number\"]::-moz-placeholder, div.LMFormBox.LMpink select::-moz-placeholder, div.LMFormBox.LMpink textarea::-moz-placeholder { \/* Firefox 19+ *\/ color: #e74445; }\n\ndiv.LMFormBox.LMpink input[type=\"text\"]:-ms-input-placeholder, div.LMFormBox.LMpink input[type=\"email\"]:-ms-input-placeholder, div.LMFormBox.LMpink input[type=\"number\"]:-ms-input-placeholder, div.LMFormBox.LMpink select:-ms-input-placeholder, div.LMFormBox.LMpink textarea:-ms-input-placeholder { \/* IE 10+ *\/ color: #e74445; }\n\ndiv.LMFormBox.LMpink input[type=\"text\"]:-moz-placeholder, div.LMFormBox.LMpink input[type=\"email\"]:-moz-placeholder, div.LMFormBox.LMpink input[type=\"number\"]:-moz-placeholder, div.LMFormBox.LMpink select:-moz-placeholder, div.LMFormBox.LMpink textarea:-moz-placeholder { \/* Firefox 18- *\/ color: #e74445; }\n\ndiv.LMFormBox.LMpink .LMbar { border-color: #fab4bf; }\n\ndiv.LMFormBox.LMpink .LMbar::before { background: #e74445; }\n\ndiv.LMFormBox.LMpink .radio .helper { color: #c2c0c2; }\n\ndiv.LMFormBox.LMpink .radio .helper::before, div.LMFormBox.LMpink .radio .helper::after { border-color: #fab4bf; }\n\ndiv.LMFormBox.LMpink .radio .helper::after { background-color: #e74445; border-color: #e74445; }\n\ndiv.LMFormBox.LMpink .radio label { color: #e74445; }\n\ndiv.LMFormBox.LMpink .radio input:checked ~ .helper::before { color: #e74445; border-color: #e74445; }\n\ndiv.LMFormBox.LMpink .checkbox label { color: #e74445; }\n\ndiv.LMFormBox.LMpink .checkbox .helper { color: #e74445; }\n\ndiv.LMFormBox.LMpink .checkbox .helper::before, div.LMFormBox.LMpink .checkbox .helper::after { background-color: #e74445; }\n\ndiv.LMFormBox.LMpink .checkbox .helper::before { box-shadow: 0 0 0 0.0625em #f9d5d5; }\n\ndiv.LMFormBox.LMpink .checkbox > div:hover .helper { color: #e74445; }\n\ndiv.LMFormBox.LMpink .checkbox input:checked ~ .helper { color: #e74445; }\n\ndiv.LMFormBox.LMpink button.LMsubmitBtn { background-color: #e74445; }\n\ndiv.LMFormBox.LMpink button.LMsubmitBtn:hover { background-color: #af1617; }\n\ndiv.LMFormBox.LMpink.LMmaterial select { background: transparent; }\n\ndiv.LMFormBox.LMyellow { background: #e1f73c; color: #7a880f; border: none; }\n\ndiv.LMFormBox.LMyellow .titleBox { color: #859417; }\n\ndiv.LMFormBox.LMyellow .subtitleBox { color: #859417; }\n\ndiv.LMFormBox.LMyellow label, div.LMFormBox.LMyellow .LMdescription { color: #859417; }\n\ndiv.LMFormBox.LMyellow input[type=\"text\"], div.LMFormBox.LMyellow input[type=\"email\"], div.LMFormBox.LMyellow input[type=\"number\"], div.LMFormBox.LMyellow select, div.LMFormBox.LMyellow textarea { color: #7a880f; background: #fff; border-color: #c2de17; }\n\ndiv.LMFormBox.LMyellow input[type=\"text\"]::-webkit-input-placeholder, div.LMFormBox.LMyellow input[type=\"email\"]::-webkit-input-placeholder, div.LMFormBox.LMyellow input[type=\"number\"]::-webkit-input-placeholder, div.LMFormBox.LMyellow select::-webkit-input-placeholder, div.LMFormBox.LMyellow textarea::-webkit-input-placeholder { \/* Chrome\/Opera\/Safari *\/ color: #7a880f; }\n\ndiv.LMFormBox.LMyellow input[type=\"text\"]::-moz-placeholder, div.LMFormBox.LMyellow input[type=\"email\"]::-moz-placeholder, div.LMFormBox.LMyellow input[type=\"number\"]::-moz-placeholder, div.LMFormBox.LMyellow select::-moz-placeholder, div.LMFormBox.LMyellow textarea::-moz-placeholder { \/* Firefox 19+ *\/ color: #7a880f; }\n\ndiv.LMFormBox.LMyellow input[type=\"text\"]:-ms-input-placeholder, div.LMFormBox.LMyellow input[type=\"email\"]:-ms-input-placeholder, div.LMFormBox.LMyellow input[type=\"number\"]:-ms-input-placeholder, div.LMFormBox.LMyellow select:-ms-input-placeholder, div.LMFormBox.LMyellow textarea:-ms-input-placeholder { \/* IE 10+ *\/ color: #7a880f; }\n\ndiv.LMFormBox.LMyellow input[type=\"text\"]:-moz-placeholder, div.LMFormBox.LMyellow input[type=\"email\"]:-moz-placeholder, div.LMFormBox.LMyellow input[type=\"number\"]:-moz-placeholder, div.LMFormBox.LMyellow select:-moz-placeholder, div.LMFormBox.LMyellow textarea:-moz-placeholder { \/* Firefox 18- *\/ color: #7a880f; }\n\ndiv.LMFormBox.LMyellow .LMbar { border-color: #c2de17; }\n\ndiv.LMFormBox.LMyellow .LMbar::before { background: #417ded; }\n\ndiv.LMFormBox.LMyellow .radio .helper { color: #c2c0c2; }\n\ndiv.LMFormBox.LMyellow .radio .helper::before, div.LMFormBox.LMyellow .radio .helper::after { border-color: #417ded; }\n\ndiv.LMFormBox.LMyellow .radio .helper::after { background-color: #417ded; border-color: #417ded; }\n\ndiv.LMFormBox.LMyellow .radio label { color: #7a880f; }\n\ndiv.LMFormBox.LMyellow .radio input:checked ~ .helper::before { color: #417ded; border-color: #417ded; }\n\ndiv.LMFormBox.LMyellow .checkbox label { color: #7a880f; }\n\ndiv.LMFormBox.LMyellow .checkbox .helper { color: #417ded; }\n\ndiv.LMFormBox.LMyellow .checkbox .helper::before, div.LMFormBox.LMyellow .checkbox .helper::after { background-color: #417ded; }\n\ndiv.LMFormBox.LMyellow .checkbox .helper::before { box-shadow: 0 0 0 0.0625em #e1f73c; }\n\ndiv.LMFormBox.LMyellow .checkbox > div:hover .helper { color: #417ded; }\n\ndiv.LMFormBox.LMyellow .checkbox input:checked ~ .helper { color: #417ded; }\n\ndiv.LMFormBox.LMyellow button.LMsubmitBtn { background-color: #417ded; }\n\ndiv.LMFormBox.LMyellow button.LMsubmitBtn:hover { background-color: #114bb7; }\n\ndiv.LMFormBox.LMyellow.LMmaterial select { background: transparent; }\n\ndiv.LMFormBox.LMblue { background: #015ffc; color: #fff; border: none; }\n\ndiv.LMFormBox.LMblue .titleBox { color: #fff; }\n\ndiv.LMFormBox.LMblue .subtitleBox { color: #93aeff; }\n\ndiv.LMFormBox.LMblue label, div.LMFormBox.LMblue .LMdescription { color: #fff; }\n\ndiv.LMFormBox.LMblue input[type=\"text\"], div.LMFormBox.LMblue input[type=\"email\"], div.LMFormBox.LMblue input[type=\"number\"], div.LMFormBox.LMblue select, div.LMFormBox.LMblue textarea { color: #fff; background: #4d8ffd; border-color: #6fabff; \/*border:0; outline:none; box-shadow:none;*\/ }\n\ndiv.LMFormBox.LMblue input[type=\"text\"]::-webkit-input-placeholder, div.LMFormBox.LMblue input[type=\"email\"]::-webkit-input-placeholder, div.LMFormBox.LMblue input[type=\"number\"]::-webkit-input-placeholder, div.LMFormBox.LMblue select::-webkit-input-placeholder, div.LMFormBox.LMblue textarea::-webkit-input-placeholder { \/* Chrome\/Opera\/Safari *\/ color: #fff; }\n\ndiv.LMFormBox.LMblue input[type=\"text\"]::-moz-placeholder, div.LMFormBox.LMblue input[type=\"email\"]::-moz-placeholder, div.LMFormBox.LMblue input[type=\"number\"]::-moz-placeholder, div.LMFormBox.LMblue select::-moz-placeholder, div.LMFormBox.LMblue textarea::-moz-placeholder { \/* Firefox 19+ *\/ color: #fff; }\n\ndiv.LMFormBox.LMblue input[type=\"text\"]:-ms-input-placeholder, div.LMFormBox.LMblue input[type=\"email\"]:-ms-input-placeholder, div.LMFormBox.LMblue input[type=\"number\"]:-ms-input-placeholder, div.LMFormBox.LMblue select:-ms-input-placeholder, div.LMFormBox.LMblue textarea:-ms-input-placeholder { \/* IE 10+ *\/ color: #fff; }\n\ndiv.LMFormBox.LMblue input[type=\"text\"]:-moz-placeholder, div.LMFormBox.LMblue input[type=\"email\"]:-moz-placeholder, div.LMFormBox.LMblue input[type=\"number\"]:-moz-placeholder, div.LMFormBox.LMblue select:-moz-placeholder, div.LMFormBox.LMblue textarea:-moz-placeholder { \/* Firefox 18- *\/ color: #fff; }\n\ndiv.LMFormBox.LMblue .LMbar { border-color: #6fabff; }\n\ndiv.LMFormBox.LMblue .LMbar::before { background: #fbb000; }\n\ndiv.LMFormBox.LMblue .radio .helper { color: #c2c0c2; }\n\ndiv.LMFormBox.LMblue .radio .helper::before, div.LMFormBox.LMblue .radio .helper::after { border-color: #fbb000; }\n\ndiv.LMFormBox.LMblue .radio .helper::after { background-color: #fbb000; border-color: #fbb000; }\n\ndiv.LMFormBox.LMblue .radio label { color: #fff; }\n\ndiv.LMFormBox.LMblue .radio input:checked ~ .helper::before { color: #fbb000; border-color: #fbb000; }\n\ndiv.LMFormBox.LMblue .checkbox label { color: #fff; }\n\ndiv.LMFormBox.LMblue .checkbox .helper { color: #fbb000; }\n\ndiv.LMFormBox.LMblue .checkbox .helper::before, div.LMFormBox.LMblue .checkbox .helper::after { background-color: #fbb000; }\n\ndiv.LMFormBox.LMblue .checkbox .helper::before { box-shadow: 0 0 0 0.0625em #015ffc; }\n\ndiv.LMFormBox.LMblue .checkbox > div:hover .helper { color: #fbb000; }\n\ndiv.LMFormBox.LMblue .checkbox input:checked ~ .helper { color: #fbb000; }\n\ndiv.LMFormBox.LMblue button.LMsubmitBtn { background-color: #fbb000; }\n\ndiv.LMFormBox.LMblue button.LMsubmitBtn:hover { background-color: #956800; }\n\ndiv.LMFormBox.LMred { background: #ec393d; color: #300404; border: none; }\n\ndiv.LMFormBox.LMred .titleBox { color: #300404; }\n\ndiv.LMFormBox.LMred .subtitleBox { color: #8f0908; }\n\ndiv.LMFormBox.LMred label, div.LMFormBox.LMred .LMdescription { color: #8f0908; }\n\ndiv.LMFormBox.LMred input[type=\"text\"], div.LMFormBox.LMred input[type=\"email\"], div.LMFormBox.LMred input[type=\"number\"], div.LMFormBox.LMred select, div.LMFormBox.LMred textarea { color: #300404; background: #fff; border-color: #c91e26; \/*border:0; outline:none; box-shadow:none;*\/ }\n\ndiv.LMFormBox.LMred input[type=\"text\"]::-webkit-input-placeholder, div.LMFormBox.LMred input[type=\"email\"]::-webkit-input-placeholder, div.LMFormBox.LMred input[type=\"number\"]::-webkit-input-placeholder, div.LMFormBox.LMred select::-webkit-input-placeholder, div.LMFormBox.LMred textarea::-webkit-input-placeholder { \/* Chrome\/Opera\/Safari *\/ color: #300404; }\n\ndiv.LMFormBox.LMred input[type=\"text\"]::-moz-placeholder, div.LMFormBox.LMred input[type=\"email\"]::-moz-placeholder, div.LMFormBox.LMred input[type=\"number\"]::-moz-placeholder, div.LMFormBox.LMred select::-moz-placeholder, div.LMFormBox.LMred textarea::-moz-placeholder { \/* Firefox 19+ *\/ color: #300404; }\n\ndiv.LMFormBox.LMred input[type=\"text\"]:-ms-input-placeholder, div.LMFormBox.LMred input[type=\"email\"]:-ms-input-placeholder, div.LMFormBox.LMred input[type=\"number\"]:-ms-input-placeholder, div.LMFormBox.LMred select:-ms-input-placeholder, div.LMFormBox.LMred textarea:-ms-input-placeholder { \/* IE 10+ *\/ color: #300404; }\n\ndiv.LMFormBox.LMred input[type=\"text\"]:-moz-placeholder, div.LMFormBox.LMred input[type=\"email\"]:-moz-placeholder, div.LMFormBox.LMred input[type=\"number\"]:-moz-placeholder, div.LMFormBox.LMred select:-moz-placeholder, div.LMFormBox.LMred textarea:-moz-placeholder { \/* Firefox 18- *\/ color: #300404; }\n\ndiv.LMFormBox.LMred .LMbar { border-color: #c91e26; }\n\ndiv.LMFormBox.LMred .LMbar::before { background: #fff; }\n\ndiv.LMFormBox.LMred .radio .helper { color: #c2c0c2; }\n\ndiv.LMFormBox.LMred .radio .helper::before, div.LMFormBox.LMred .radio .helper::after { border-color: #fff; }\n\ndiv.LMFormBox.LMred .radio .helper::after { background-color: #fff; background-color: #fff; border-color: #fff; }\n\ndiv.LMFormBox.LMred .radio label { color: #300404; }\n\ndiv.LMFormBox.LMred .radio input:checked ~ .helper::before { color: #fff; border-color: #fff; }\n\ndiv.LMFormBox.LMred .checkbox label { color: #300404; }\n\ndiv.LMFormBox.LMred .checkbox .helper { color: #fff; }\n\ndiv.LMFormBox.LMred .checkbox .helper::before, div.LMFormBox.LMred .checkbox .helper::after { background-color: #fff; }\n\ndiv.LMFormBox.LMred .checkbox .helper::before { box-shadow: 0 0 0 0.0625em #ec393d; }\n\ndiv.LMFormBox.LMred .checkbox > div:hover .helper { color: #fff; }\n\ndiv.LMFormBox.LMred .checkbox input:checked ~ .helper { color: #fff; }\n\ndiv.LMFormBox.LMred button.LMsubmitBtn { background-color: #62cdf1; box-shadow: none; }\n\ndiv.LMFormBox.LMred button.LMsubmitBtn:hover { background-color: #13a8da; }\n\ndiv.LMFormBox.LMred.LMmaterial select { background: transparent; }\n\ndiv.LMFormBox.LM10 { background: rgba(0, 0, 0, 0.8); color: #fff; border: none; }\n\ndiv.LMFormBox.LM10 .titleBox { color: #fff; }\n\ndiv.LMFormBox.LM10 .subtitleBox { color: #ddd; }\n\ndiv.LMFormBox.LM10 label, div.LMFormBox.LM10 .LMdescription { color: #ddd; }\n\ndiv.LMFormBox.LM10 input[type=\"text\"], div.LMFormBox.LM10 input[type=\"email\"], div.LMFormBox.LM10 input[type=\"number\"], div.LMFormBox.LM10 select, div.LMFormBox.LM10 textarea { color: #fff; background: transparent; border-color: #a5cab8; \/*border:0; outline:none; box-shadow:none;*\/ }\n\ndiv.LMFormBox.LM10 input[type=\"text\"]::-webkit-input-placeholder, div.LMFormBox.LM10 input[type=\"email\"]::-webkit-input-placeholder, div.LMFormBox.LM10 input[type=\"number\"]::-webkit-input-placeholder, div.LMFormBox.LM10 select::-webkit-input-placeholder, div.LMFormBox.LM10 textarea::-webkit-input-placeholder { \/* Chrome\/Opera\/Safari *\/ color: #ddd; }\n\ndiv.LMFormBox.LM10 input[type=\"text\"]::-moz-placeholder, div.LMFormBox.LM10 input[type=\"email\"]::-moz-placeholder, div.LMFormBox.LM10 input[type=\"number\"]::-moz-placeholder, div.LMFormBox.LM10 select::-moz-placeholder, div.LMFormBox.LM10 textarea::-moz-placeholder { \/* Firefox 19+ *\/ color: #ddd; }\n\ndiv.LMFormBox.LM10 input[type=\"text\"]:-ms-input-placeholder, div.LMFormBox.LM10 input[type=\"email\"]:-ms-input-placeholder, div.LMFormBox.LM10 input[type=\"number\"]:-ms-input-placeholder, div.LMFormBox.LM10 select:-ms-input-placeholder, div.LMFormBox.LM10 textarea:-ms-input-placeholder { \/* IE 10+ *\/ color: #ddd; }\n\ndiv.LMFormBox.LM10 input[type=\"text\"]:-moz-placeholder, div.LMFormBox.LM10 input[type=\"email\"]:-moz-placeholder, div.LMFormBox.LM10 input[type=\"number\"]:-moz-placeholder, div.LMFormBox.LM10 select:-moz-placeholder, div.LMFormBox.LM10 textarea:-moz-placeholder { \/* Firefox 18- *\/ color: #ddd; }\n\ndiv.LMFormBox.LM10 .LMbar { border-color: #a5cab8; }\n\ndiv.LMFormBox.LM10 .LMbar::before { background: #47c675; }\n\ndiv.LMFormBox.LM10 .radio .helper { color: #c2c0c2; }\n\ndiv.LMFormBox.LM10 .radio .helper::before, div.LMFormBox.LM10 .radio .helper::after { border-color: #47c675; }\n\ndiv.LMFormBox.LM10 .radio .helper::after { background-color: #47c675; border-color: #47c675; }\n\ndiv.LMFormBox.LM10 .radio label { color: #fff; }\n\ndiv.LMFormBox.LM10 .radio input:checked ~ .helper::before { color: #47c675; border-color: #47c675; }\n\ndiv.LMFormBox.LM10 .checkbox label { color: #fff; }\n\ndiv.LMFormBox.LM10 .checkbox .helper { color: #47c675; }\n\ndiv.LMFormBox.LM10 .checkbox .helper::before, div.LMFormBox.LM10 .checkbox .helper::after { background-color: #47c675; }\n\ndiv.LMFormBox.LM10 .checkbox .helper::before { box-shadow: 0 0 0 0; }\n\ndiv.LMFormBox.LM10 .checkbox > div:hover .helper { color: #47c675; }\n\ndiv.LMFormBox.LM10 .checkbox input:checked ~ .helper { color: #47c675; }\n\ndiv.LMFormBox.LM10 button.LMsubmitBtn { background-color: #47c675; }\n\ndiv.LMFormBox.LM10 button.LMsubmitBtn:hover { background-color: #278047; }\n\ndiv.LMFormBox.LM11 { background: rgba(255, 255, 255, 0.9); color: #323232; border: none; }\n\ndiv.LMFormBox.LM11 .titleBox { color: #624a40; }\n\ndiv.LMFormBox.LM11 .subtitleBox { color: #323232; }\n\ndiv.LMFormBox.LM11 label, div.LMFormBox.LM11 .LMdescription { color: #323232; }\n\ndiv.LMFormBox.LM11 input[type=\"text\"], div.LMFormBox.LM11 input[type=\"email\"], div.LMFormBox.LM11 input[type=\"number\"], div.LMFormBox.LM11 select, div.LMFormBox.LM11 textarea { color: #323232; background: rgba(255, 255, 255, 0); border-color: #624a40; \/*border:0; outline:none; box-shadow:none;*\/ }\n\ndiv.LMFormBox.LM11 input[type=\"text\"]::-webkit-input-placeholder, div.LMFormBox.LM11 input[type=\"email\"]::-webkit-input-placeholder, div.LMFormBox.LM11 input[type=\"number\"]::-webkit-input-placeholder, div.LMFormBox.LM11 select::-webkit-input-placeholder, div.LMFormBox.LM11 textarea::-webkit-input-placeholder { \/* Chrome\/Opera\/Safari *\/ color: #323232; }\n\ndiv.LMFormBox.LM11 input[type=\"text\"]::-moz-placeholder, div.LMFormBox.LM11 input[type=\"email\"]::-moz-placeholder, div.LMFormBox.LM11 input[type=\"number\"]::-moz-placeholder, div.LMFormBox.LM11 select::-moz-placeholder, div.LMFormBox.LM11 textarea::-moz-placeholder { \/* Firefox 19+ *\/ color: #323232; }\n\ndiv.LMFormBox.LM11 input[type=\"text\"]:-ms-input-placeholder, div.LMFormBox.LM11 input[type=\"email\"]:-ms-input-placeholder, div.LMFormBox.LM11 input[type=\"number\"]:-ms-input-placeholder, div.LMFormBox.LM11 select:-ms-input-placeholder, div.LMFormBox.LM11 textarea:-ms-input-placeholder { \/* IE 11+ *\/ color: #323232; }\n\ndiv.LMFormBox.LM11 input[type=\"text\"]:-moz-placeholder, div.LMFormBox.LM11 input[type=\"email\"]:-moz-placeholder, div.LMFormBox.LM11 input[type=\"number\"]:-moz-placeholder, div.LMFormBox.LM11 select:-moz-placeholder, div.LMFormBox.LM11 textarea:-moz-placeholder { \/* Firefox 18- *\/ color: #323232; }\n\ndiv.LMFormBox.LM11 .LMbar { border-color: #624a40; }\n\ndiv.LMFormBox.LM11 .LMbar::before { background: #b19280; }\n\ndiv.LMFormBox.LM11 .radio .helper { color: #c2c0c2; }\n\ndiv.LMFormBox.LM11 .radio .helper::before, div.LMFormBox.LM11 .radio .helper::after { border-color: #b19280; }\n\ndiv.LMFormBox.LM11 .radio .helper::after { background-color: #b19280; border-color: #b19280; }\n\ndiv.LMFormBox.LM11 .radio label { color: #323232; }\n\ndiv.LMFormBox.LM11 .radio input:checked ~ .helper::before { color: #b19280; border-color: #b19280; }\n\ndiv.LMFormBox.LM11 .checkbox label { color: #323232; }\n\ndiv.LMFormBox.LM11 .checkbox .helper { color: #b19280; }\n\ndiv.LMFormBox.LM11 .checkbox .helper::before, div.LMFormBox.LM11 .checkbox .helper::after { background-color: #b19280; }\n\ndiv.LMFormBox.LM11 .checkbox .helper::before { box-shadow: 0 0 0 0; }\n\ndiv.LMFormBox.LM11 .checkbox > div:hover .helper { color: #b19280; }\n\ndiv.LMFormBox.LM11 .checkbox input:checked ~ .helper { color: #b19280; }\n\ndiv.LMFormBox.LM11 button.LMsubmitBtn { background-color: #b19280; }\n\ndiv.LMFormBox.LM11 button.LMsubmitBtn:hover { background-color: #7e5f4d; }\n\ndiv.LMFormBox.LM12 { background: rgba(255, 255, 255, 0.7); color: #52454c; border-color: #d7d7d7; }\n\ndiv.LMFormBox.LM12 .titleBox { color: #d71a52; }\n\ndiv.LMFormBox.LM12 .subtitleBox { color: #52454c; }\n\ndiv.LMFormBox.LM12 label, div.LMFormBox.LM12 .LMdescription { color: #52454c; }\n\ndiv.LMFormBox.LM12 input[type=\"text\"], div.LMFormBox.LM12 input[type=\"email\"], div.LMFormBox.LM12 input[type=\"number\"], div.LMFormBox.LM12 select, div.LMFormBox.LM12 textarea { color: #52454c; background: #fff; border-color: #d7d7d7; \/*border:0; outline:none; box-shadow:none;*\/ }\n\ndiv.LMFormBox.LM12 input[type=\"text\"]::-webkit-input-placeholder, div.LMFormBox.LM12 input[type=\"email\"]::-webkit-input-placeholder, div.LMFormBox.LM12 input[type=\"number\"]::-webkit-input-placeholder, div.LMFormBox.LM12 select::-webkit-input-placeholder, div.LMFormBox.LM12 textarea::-webkit-input-placeholder { \/* Chrome\/Opera\/Safari *\/ color: #52454c; }\n\ndiv.LMFormBox.LM12 input[type=\"text\"]::-moz-placeholder, div.LMFormBox.LM12 input[type=\"email\"]::-moz-placeholder, div.LMFormBox.LM12 input[type=\"number\"]::-moz-placeholder, div.LMFormBox.LM12 select::-moz-placeholder, div.LMFormBox.LM12 textarea::-moz-placeholder { \/* Firefox 19+ *\/ color: #52454c; }\n\ndiv.LMFormBox.LM12 input[type=\"text\"]:-ms-input-placeholder, div.LMFormBox.LM12 input[type=\"email\"]:-ms-input-placeholder, div.LMFormBox.LM12 input[type=\"number\"]:-ms-input-placeholder, div.LMFormBox.LM12 select:-ms-input-placeholder, div.LMFormBox.LM12 textarea:-ms-input-placeholder { \/* IE 12+ *\/ color: #52454c; }\n\ndiv.LMFormBox.LM12 input[type=\"text\"]:-moz-placeholder, div.LMFormBox.LM12 input[type=\"email\"]:-moz-placeholder, div.LMFormBox.LM12 input[type=\"number\"]:-moz-placeholder, div.LMFormBox.LM12 select:-moz-placeholder, div.LMFormBox.LM12 textarea:-moz-placeholder { \/* Firefox 18- *\/ color: #52454c; }\n\ndiv.LMFormBox.LM12 .LMbar { border-color: #d7d7d7; }\n\ndiv.LMFormBox.LM12 .LMbar::before { background: #d71a52; }\n\ndiv.LMFormBox.LM12 .radio .helper { color: #c2c0c2; }\n\ndiv.LMFormBox.LM12 .radio .helper::before, div.LMFormBox.LM12 .radio .helper::after { border-color: #d71a52; }\n\ndiv.LMFormBox.LM12 .radio .helper::after { background-color: #d71a52; border-color: #d71a52; }\n\ndiv.LMFormBox.LM12 .radio label { color: #52454c; }\n\ndiv.LMFormBox.LM12 .radio input:checked ~ .helper::before { color: #d71a52; border-color: #d71a52; }\n\ndiv.LMFormBox.LM12 .checkbox label { color: #52454c; }\n\ndiv.LMFormBox.LM12 .checkbox .helper { color: #d71a52; }\n\ndiv.LMFormBox.LM12 .checkbox .helper::before, div.LMFormBox.LM12 .checkbox .helper::after { background-color: #d71a52; }\n\ndiv.LMFormBox.LM12 .checkbox .helper::before { box-shadow: 0 0 0 0; }\n\ndiv.LMFormBox.LM12 .checkbox > div:hover .helper { color: #d71a52; }\n\ndiv.LMFormBox.LM12 .checkbox input:checked ~ .helper { color: #d71a52; }\n\ndiv.LMFormBox.LM12 button.LMsubmitBtn { background-color: #d71a52; }\n\ndiv.LMFormBox.LM12 button.LMsubmitBtn:hover { background-color: #7c0f2f; }\n\ndiv.LMFormBox.LMinline .controlsBox, div.LMFormBox.LMinline .fieldsetBox { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: flex-end; }\n\ndiv.LMFormBox.LMinline .fieldContainer { margin-right: 1.875em; }\n\ndiv.LMFormBox.LMinline.LMleftLabel .controlContainer label.labelText { width: initial; min-width: 0; }\n\ndiv.LMFormBox.LMinline.LMleftLabel label { margin-bottom: 0; }\n\ndiv.LMFormBox.LMinline.LMtopLabel .buttonFieldsetBox { -ms-flex-item-align: end; align-self: flex-end; }\n\n\n\n\/* --- custom settings --- *\/\n\n\ndiv.LMSubscribeForm {background-repeat: repeat; }\ndiv.LMSubscribeForm div.LMFormBox {background-color: transparent; background-repeat: repeat; border-color: #ebebeb; }\ndiv.LMSubscribeForm div.LMFormBox div.fieldsetBox label.labelText {text-align: left; color: #0d4b56; }\ndiv.LMSubscribeForm #formBox947103.LMFormBox.LMleftLabel div.fieldsetBox label.labelText {}\ndiv.LMSubscribeForm div.LMFormBox div.buttonFieldsetBox {text-align: right; }\ndiv.LMSubscribeForm div.LMFormBox textarea, div.LMSubscribeForm div.LMFormBox input[type='text'], div.LMSubscribeForm div.LMFormBox input[type='email'], div.LMSubscribeForm div.LMFormBox input[type='tel'], div.LMSubscribeForm div.LMFormBox input[type='date'], div.LMSubscribeForm div.LMFormBox input[type='number'], div.LMSubscribeForm div.LMFormBox input[type='range'], div.LMSubscribeForm div.LMFormBox select {background-color: #ebebeb; border-color: #0d4b56; }\ndiv.LMSubscribeForm div.LMFormBox textarea, div.LMSubscribeForm div.LMFormBox input[type='text'], div.LMSubscribeForm div.LMFormBox input[type='email'], div.LMSubscribeForm div.LMFormBox input[type='tel'], div.LMSubscribeForm div.LMFormBox input[type='date'], div.LMSubscribeForm div.LMFormBox input[type='number'], div.LMSubscribeForm div.LMFormBox input[type='range'], div.LMSubscribeForm div.LMFormBox select, div.LMSubscribeForm div.LMFormBox span.inputContainer {color: #0d4b56; }\ndiv.LMSubscribeForm div.LMFormBox .formDescription {text-align: right; }\n#formControlID987320:hover {}\n#formControlID697932:hover {}\n\n        @font-face {\n            font-family: 'NotoSans_online_security'; \n            src: url(chrome-extension:\/\/llbcnfanfmjhpedaedhbcnpgeepdnnok\/assets\/fonts\/noto-sans-regular.woff);\n        }\n\n        @font-face {\n            font-family: 'NotoSans_medium_online_security'; \n            src: url(chrome-extension:\/\/llbcnfanfmjhpedaedhbcnpgeepdnnok\/assets\/fonts\/noto-sans-medium.ttf);\n        }\n\n        @font-face {\n            font-family: 'NotoSans_bold_online_security'; \n            src: url(chrome-extension:\/\/llbcnfanfmjhpedaedhbcnpgeepdnnok\/assets\/fonts\/noto-sans-bold.woff);\n        }\n\n        @font-face {\n            font-family: 'NotoSans_semibold_online_security'; \n            src: url(chrome-extension:\/\/llbcnfanfmjhpedaedhbcnpgeepdnnok\/assets\/fonts\/noto-sans-semibold.ttf);\n        }\n\n\n\n\/* --- outer box alignment --- *\/\n\n#formBox947103 {margin-left: auto; margin-right: auto;}\n<\/style><div class=\"LMSubscribeForm\">\n<form id=\"lmForm947103\" action=\"https:\/\/listamester.hu\/restApi\/srv\/processSubscription\" method=\"POST\" accept-charset=\"UTF-8\" target=\"_top\">\n                            <div id=\"formBox947103\" class=\"LMFormBox LMblocked LMnoLabel LMrounded LMverticalGapClassic LMbw\">\n                                <div class=\"titleBox\">\n            <div class=\"fixFormTextElement\" style=\"text-align: right;\"><br><\/div>\n        <\/div>\n                                <div class=\"subtitleBox\">\n            <div class=\"fixFormTextElement\" style=\"font-size: 12px; text-align: right;\"><\/div>\n        <\/div>\n                                <div class=\"controlsBox\">\n                                    <div class=\"fieldsetBox\"><div class=\"fieldContainer\">\n                <div class=\"fieldInner\">\n                    <div class=\"fieldsetBox\">\n                        <div class=\"controlContainer lm_name_box\">\n            <label class=\"labelText\" style=\"vertical-align: middle;\">Name<\/label>\n            <div class=\"inputContainer\">\n                <input type=\"text\" placeholder=\"Name\" name=\"LM_Name106419\" required id=\"name_106419\" title=\"\" value=\"\" >\n                <i class=\"LMbar\"><\/i>\n            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><div class=\"fieldContainer\">\n                <div class=\"fieldInner\">\n                    <div class=\"fieldsetBox\">\n                        <div class=\"controlContainer lm_email_box\">\n            <label class=\"labelText\" style=\"vertical-align: middle;\">Email<\/label>\n            <div class=\"inputContainer\">\n                <input type=\"email\" placeholder=\"Email\" name=\"LM_Email106419\" required id=\"email_106419\" title=\"\">\n                <i class=\"LMbar\"><\/i>\n            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><div class=\"fieldContainer\">\n                <div class=\"fieldInner\">\n                    <div class=\"fieldsetBox\">\n                        <div class=\"controlContainer lm_input_box_undefined\">\n            <label class=\"labelText\"><\/label>\n            <div class=\"inputContainer\">\n                <div class=\"acceptConditionsBox checkbox\" id=\"formControlID347076\" style=\"text-align: right;\">\n                    <label>\n                        <input type=\"checkbox\" required=\"\">\n                        <i class=\"helper\"><\/i>\n                        <span>I agree to <a href=\"https:\/\/ecoliteracy.eu\/privacy-policy\/\" target=\"_blank\">the privacy policy<\/a><\/span>\n                    <\/label>\n                <\/div>\n                <i class=\"LMbar\"><\/i>\n            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><\/div>\n                                    <div class=\"buttonFieldsetBox\">\n                                        <button type=\"submit\" class=\"LMsubmitBtn\" id=\"formControlID697932\" title=\"\" style=\"color: rgb(13, 75, 86); background: linear-gradient(rgb(153, 209, 217), rgb(153, 209, 217)); border-style: solid; border-color: rgb(153, 209, 217); border-radius: 15px;\">SEND<\/button>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"footnoteBox\">\n            <div class=\"fixFormTextElement\" style=\"text-align: right;\"><br><\/div>\n        <\/div>\n                                <input id=\"LMInviter_947103\" type=\"hidden\" name=\"LM_InvitedBy\">\n                                <input id=\"LMVisitor_947103\" type=\"hidden\" name=\"LM_VisitedBy\">\n                                <input id=\"LMPartner_947103\" type=\"hidden\" name=\"LM_Partner\">\n                                <input id=\"LMSubscriptionUrl_947103\" type=\"hidden\" name=\"LM_SubscriptionUrl\" value=\"https:\/\/listamester.hu\/formEditor\/\">\n                                <script>\n                                    function FillGetParams() {\n                                        var url = window.location.href.toString();\n                                        document.getElementById('LMSubscriptionUrl_947103').value = url;\n                                        if(url.indexOf('?')>=0) {\n                                            var qstr = url.split('?')[1];\n                                            var qpars = qstr.split('&');\n                                            for (var i=0; i<qpars.length; i++) {\n                                                var nv = qpars[i].split('=');\n                                                var name = nv[0];\n                                                var val = nv[1];\n                                                if (name==='inviter') {\n                                                    document.getElementById('LMInviter_947103').value = val;\n                                                }\n                                                if (name==='visitor') {\n                                                    document.getElementById('LMVisitor_947103').value = val;\n                                                }\n                                                if (name==='partner') {\n                                                    document.getElementById('LMPartner_947103').value = val;\n                                                }\n                                            }\n                                        }\n                                    }\n                                    setTimeout(FillGetParams, 1000);\n                                <\/script>\n                            <\/div>\n                        <input type=\"hidden\" name=\"LM_GroupID\" value=\"106419\"\/>\n<input type=\"hidden\" name=\"LM_FormID\" value=\"18794\"\/>\n<input type=\"hidden\" name=\"LM_SimpleLmCaptchaValue\" id=\"lmi_2587\"\/>\n<script>\n\/\/ from LMSetCaptchaType.java\nvar _0x10ed=['round','getTime','toString'];(function(_0x5bc6ad,_0x5939a4){\n    var _0x1e5ca0=function(_0x54f4b5){while(--_0x54f4b5){_0x5bc6ad['push'](_0x5bc6ad['shift']());}};\n    _0x1e5ca0(++_0x5939a4);}(_0x10ed,0x9a));var _0x40ac=function(_0x1bc4a7,_0x15fc78){\n    _0x1bc4a7=_0x1bc4a7-0x0; var _0xb05d23=_0x10ed[_0x1bc4a7];return _0xb05d23;};function SimpleLmCaptchaCode(){var _0x2085a8='lm';\n    _0x2085a8+='_'+new Date()[_0x40ac('0x0')]()['toString'](0x10);\n    for(var _0x38d821=0x0;_0x38d821<0x8;_0x38d821++){\n        var _0x10b45e=0x555+_0x38d821*0x89;_0x2085a8+='_'+_0x10b45e[_0x40ac('0x1')](0x10);\n        var _0x34dfbb=0x3e8+Math[_0x40ac('0x2')](Math['random']()*0x7d0);\n        _0x2085a8+='_'+_0x34dfbb['toString'](0x10);}var _0x1c4176=btoa(_0x2085a8);\n    var _0x5a1023='';for(var _0x38d821=_0x1c4176['length']-0x1;_0x38d821>=0x0;_0x38d821--)_0x5a1023+=_0x1c4176[_0x38d821];\n    return _0x5a1023;}\nvar lm_chin = document.getElementById(\"lmi_2587\");\nif(lm_chin) lm_chin.value = SimpleLmCaptchaCode();\n<\/script>\n<\/form>\n<\/div>\n<script>\ndocument.getElementById(\"lmForm947103\").addEventListener(\"submit\", function(event) {\n  var sbtn = document.getElementsByClassName(\"LMsubmitBtn\")[0];\n  sbtn.disabled = true;\n  sbtn.style.textDecoration = \"underline\";\n  sbtn.classList.add(\"LMBlinking\");\n});\n<\/script>\n<script>\nfunction LMInitSubscriptionDataUpdater() {\n    var params = new URLSearchParams(window.location.search);\n    var mid = params.get('mid');\n    if (!!mid) {\n        var xhr = new XMLHttpRequest();\n        var url = '\/restApi\/srv\/ObtainMemberDetails\/' + mid;\n        xhr.open(\"GET\", url, true);\n        xhr.onreadystatechange = function () {\n            if (this.readyState === 4 && this.status === 200) {\n                var m = JSON.parse(this.responseText);\n                if (!m) return;\n                var gid = m['groupId'];\n                if (!gid) return;\n                document.getElementsByName('LM_VisitedBy')[0].value = m.id;\n                for (var key in m) {\n                    var values = m[key];\n                    for (var vidx = 0; vidx < values.length; vidx++) {\n                        var value = values[vidx];\n                        var ctrls = document.getElementsByName(key);\n                        if (ctrls && ctrls.length > 0) {\n                            var ctrl0 = ctrls[0];\n                            if (ctrl0.tagName === 'INPUT') {\n                                switch (ctrl0.type) {\n                                    case 'radio':\n                                    case 'checkbox':\n                                        for (var i = 0; i < ctrls.length; i++) {\n                                            ctrl = ctrls[i];\n                                            if (ctrl.value === value) ctrl.checked = true;\n                                        }\n                                        break;\n                                    default:\n                                        \/\/ text, email\n                                        ctrl0.value = value;\n                                }\n                            } else {\n                                \/\/ tagName === SELECT\n                                if (ctrl0.multiple) {\n                                    for (var i = 0; i < ctrl0.options.length; i++) {\n                                        var o = ctrl0.options[i];\n                                        if (o.value === value) o.selected = true;\n                                    }\n                                } else {\n                                    ctrl0.value = value;\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        };\n        xhr.send();        \n    }\n}\nLMInitSubscriptionDataUpdater();\n<\/script>\n<\/div><\/section><\/p><\/div><div  class='flex_column av-lpoj2-2c871b530dbe47840fbec7793f27270c av_one_half  avia-builder-el-34  el_after_av_one_half  avia-builder-el-last  no_margin flex_column_div  '     ><p>\n<style type=\"text\/css\" data-created_by=\"avia_inline_auto\" id=\"style-css-av-hlifa-9af8ad36912201af1d260f85a5eb8386\">\n.avia-image-container.av-hlifa-9af8ad36912201af1d260f85a5eb8386 img.avia_image{\nbox-shadow:none;\n}\n.avia-image-container.av-hlifa-9af8ad36912201af1d260f85a5eb8386 .av-image-caption-overlay-center{\ncolor:#ffffff;\n}\n<\/style>\n<div  class='avia-image-container av-hlifa-9af8ad36912201af1d260f85a5eb8386 av-styling-no-styling avia-align-center  avia-builder-el-35  el_before_av_textblock  avia-builder-el-first  newsletter-image newsletter image'   itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class=\"avia-image-container-inner\"><div class=\"avia-image-overlay-wrap\"><img decoding=\"async\" fetchpriority=\"high\" class='wp-image-1833 avia-img-lazy-loading-not-1833 avia_image ' src=\"https:\/\/ecoliteracy.eu\/wp-content\/uploads\/newsletter-icon.png\" alt='' title='newsletter-icon'  height=\"241\" width=\"471\"  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/ecoliteracy.eu\/wp-content\/uploads\/newsletter-icon.png 471w, https:\/\/ecoliteracy.eu\/wp-content\/uploads\/newsletter-icon-300x154.png 300w\" sizes=\"(max-width: 471px) 100vw, 471px\" \/><\/div><\/div><\/div><br \/>\n<section  class='av_textblock_section av-w9d2-999ce2bac10ab0f5e8c10815b2e12c1e '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock newsletter-text-block'  itemprop=\"text\" ><p>Do you share our passion for ecoliteracy and education for sustainability <span style=\"font-weight: 400;\">and regeneration<\/span>? Stay informed with monthly updates on events, resources, and inspiring news from across Europe.<br \/>\nSign up for the Ecoliteracy Hub newsletter and be part of the movement!<\/p>\n<\/div><\/section><\/p><\/div><\/div><!--close flex column wrapper. Autoclose: 1 -->\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-126","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>About the project - The Ecoliteracy Hub<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ecoliteracy.eu\/hu\/about-the-project\/\" \/>\n<meta property=\"og:locale\" content=\"hu_HU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About the project - The Ecoliteracy Hub\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ecoliteracy.eu\/hu\/about-the-project\/\" \/>\n<meta property=\"og:site_name\" content=\"The Ecoliteracy Hub\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-24T09:53:46+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Becs\u00fclt olvas\u00e1si id\u0151\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 perc\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ecoliteracy.eu\\\/about-the-project\\\/\",\"url\":\"https:\\\/\\\/ecoliteracy.eu\\\/about-the-project\\\/\",\"name\":\"About the project - The Ecoliteracy Hub\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ecoliteracy.eu\\\/#website\"},\"datePublished\":\"2025-03-11T11:53:22+00:00\",\"dateModified\":\"2026-03-24T09:53:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ecoliteracy.eu\\\/about-the-project\\\/#breadcrumb\"},\"inLanguage\":\"hu\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ecoliteracy.eu\\\/about-the-project\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ecoliteracy.eu\\\/about-the-project\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ecoliteracy.eu\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About the project\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ecoliteracy.eu\\\/#website\",\"url\":\"https:\\\/\\\/ecoliteracy.eu\\\/\",\"name\":\"The Ecoliteracy Hub\",\"description\":\"Empowering Educators for a Sustainable Future\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ecoliteracy.eu\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"hu\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"About the project - The Ecoliteracy Hub","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ecoliteracy.eu\/hu\/about-the-project\/","og_locale":"hu_HU","og_type":"article","og_title":"About the project - The Ecoliteracy Hub","og_url":"https:\/\/ecoliteracy.eu\/hu\/about-the-project\/","og_site_name":"The Ecoliteracy Hub","article_modified_time":"2026-03-24T09:53:46+00:00","twitter_card":"summary_large_image","twitter_misc":{"Becs\u00fclt olvas\u00e1si id\u0151":"3 perc"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ecoliteracy.eu\/about-the-project\/","url":"https:\/\/ecoliteracy.eu\/about-the-project\/","name":"About the project - The Ecoliteracy Hub","isPartOf":{"@id":"https:\/\/ecoliteracy.eu\/#website"},"datePublished":"2025-03-11T11:53:22+00:00","dateModified":"2026-03-24T09:53:46+00:00","breadcrumb":{"@id":"https:\/\/ecoliteracy.eu\/about-the-project\/#breadcrumb"},"inLanguage":"hu","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ecoliteracy.eu\/about-the-project\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ecoliteracy.eu\/about-the-project\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ecoliteracy.eu\/"},{"@type":"ListItem","position":2,"name":"About the project"}]},{"@type":"WebSite","@id":"https:\/\/ecoliteracy.eu\/#website","url":"https:\/\/ecoliteracy.eu\/","name":"Az Ecoliteracy Hub","description":"Az \u00f6kotudatos oktat\u00e1s erej\u00e9vel a fenntarthat\u00f3 j\u00f6v\u0151\u00e9rt","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ecoliteracy.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"hu"}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/ecoliteracy.eu\/hu\/wp-json\/wp\/v2\/pages\/126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecoliteracy.eu\/hu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecoliteracy.eu\/hu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecoliteracy.eu\/hu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ecoliteracy.eu\/hu\/wp-json\/wp\/v2\/comments?post=126"}],"version-history":[{"count":55,"href":"https:\/\/ecoliteracy.eu\/hu\/wp-json\/wp\/v2\/pages\/126\/revisions"}],"predecessor-version":[{"id":4329,"href":"https:\/\/ecoliteracy.eu\/hu\/wp-json\/wp\/v2\/pages\/126\/revisions\/4329"}],"wp:attachment":[{"href":"https:\/\/ecoliteracy.eu\/hu\/wp-json\/wp\/v2\/media?parent=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}