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

/* Add your custom styles here */
.fullheight.elementor-widget-image-box { height: 100%; }
.elementor-element.e-con-full.dblock { display: block; }
.boxborder .e-con-inner { position: relative; }
.boxborder .e-con-inner:before { content: ''; width: 87.5%; height: 100%; border: 4px solid #ccff33; position: absolute; right: 0; top: 0; }
.gform_heading .gform_title { font-size: 20px; color: #202020; }
#page .gform_wrapper form .gform-body .gform_fields { display: block; }
#page .gform_wrapper form > .gform-body > .gform_fields > .gfield { padding-top: 10px; padding-bottom: 10px; }
#page .gform_wrapper form .gform-body .gform_fields br { display: none; }
#page .gform_wrapper form .gform_fields .gfield_radio { display: flex ; flex-direction: inherit; flex-wrap: wrap; }
#page .gform_wrapper form .gform_fields .gfield_radio .gchoice { position: relative; display: block; }
#page .gform_wrapper form .gform_fields .gfield_radio .gchoice input[type=radio] { display: none; }
#page .gform_wrapper form .gform_fields .gfield_radio .gchoice > label { border: 3px solid #FF8F44; display: inline-block; margin: 0; padding: 15px 10px; font-size: 16px; text-transform: uppercase; font-weight: 600; min-width: 250px; text-align: center; border-radius: 100px; color: #000; cursor: pointer; }
#page .gform_wrapper form .gform_fields .gfield_radio .gchoice input[type=radio]:checked + label { background: #FF8F44; color: #fff; }
#page .gform_wrapper form ul { padding-left: 20px; } 
#page .gform_wrapper form ul li { padding: 5px 0; } 
#page .gform_wrapper form ul li a { color: #ff8f44; }
#page .gform_wrapper form .gform_fields .gfield--type-name, #page .gform_wrapper form .gform_fields .gfield--type-email, #page .gform_wrapper form .gform_fields .gfield--type-text, #page .gform_wrapper form .gform_fields .gfield--type-select { max-width: 900px; width: 100%; }
.ehf-header #masthead .headernav .hfe-nav-menu { margin: 0 auto; display: flex; align-items: center; align-content: center; justify-content: center; }
.gform_heading .gform_title {  display: none; }
.privactdetails .elementor-widget-text-editor h4 { font-size: 20px; font-weight: 600; color: #000; padding: 10px 0; margin: 0; }
.gform_confirmation_wrapper .gform_confirmation_message { display: inline-block; background: #007200; padding: 10px 20px; color: #fff; margin: 10px 0 0; }
#page .customform .gform_wrapper form > .gform-body > .gform_fields { position: relative; }
#page .customform .gform_wrapper form > .gform-body > .gform_fields > .gfield { width: 100%; max-width: 100% !important; padding: 0px; margin: 0 0 -1px; width: 100%; max-width: 100% !important; }
.customform .gform_wrapper .form-control .ginput_container input, .customform .gform_wrapper .form-control .ginput_container select { border: 1px solid #7d7d7d; border-radius: 0; height: 45px; font-size: 15px; color: #000; box-shadow: none; outline: none; }
.customform .gform_wrapper .form-control .ginput_container select, .customform .gform_wrapper .gfield--input-type-consent  { cursor: pointer; }
.customform .gform_wrapper .form-control .ginput_container textarea { border: 1px solid #7d7d7d; border-radius: 0; font-size: 15px; color: #000; box-shadow: none; outline: none; height: 221px; min-block-size: inherit; }
.customform .gform_wrapper .gfield--input-type-consent input[type=checkbox] { border: 1px solid #7d7d7d; border-radius: 0; font-size: 15px; color: #000; box-shadow: none; outline: none; }
#page .customform .gform_wrapper form > .gform-body > .gform_fields > .gfield.gfield--type-captcha { margin: 20px 0; }
#page .customform .gform_wrapper .gform-footer .gform_button {background-color: #FFD25A; font-family: "Poppins", Sans-serif; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #000000; box-shadow: 0px 2px 0px 0px #FF8F33; border: 1px solid #FFD25A; border-radius: 0; padding: 8px; min-width: 170px; outline: none; cursor: pointer;}
#page .customform .gform_wrapper form > .gform-body > .gform_fields > .gfield.leftfield { max-width: 50% !important; } 
#page .customform .gform_wrapper form > .gform-body > .gform_fields > .gfield.rightfield { width: 50%; position: absolute; top: 0; right: 0; } 
body:not(.elementor-editor-active) .hide_materials { display: none; }
.loginform-sec { width: 100%; max-width: 650px; margin: 0 auto; background: #4bb548; border-radius: 20px; padding: 45px 45px 0; } 
.loginform-row .form-group { padding: 0 0 30px; } 
.loginform-row .form-group .form-control { width: 100%; background: #ffffff; border-radius: 150px; padding: 10px 20px; min-height: 55px; font-size: 18px; border: 0; outline: none; box-shadow: none; color: #000; -webkit-text-fill-color: #000; text-align: center; }
.formloginbtn { text-align: center; padding-top: 20px; position: relative; top: 15px; }
.formloginbtn .loginsubmit { background-color: #FFD25A; font-family: "Poppins", Sans-serif; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #000000; box-shadow: 0px 2px 0px 0px #FF8F33; border: 1px solid #FFD25A; border-radius: 0; padding: 8px; min-width: 200px; outline: none; cursor: pointer; }
/*dashboard*/
.userselect-row { display: flex; justify-content: space-between; padding: 0 0 30px; } 
.usericon { background: #bed635; width: 80px; min-width: 80px; height: 80px; border-radius: 100px; display: flex; align-items: center; align-content: center; justify-content: center; } 
.usericon svg { width: 40px; height: 40px; } 
.userslectbox { display: flex; align-items: center; gap: 20px; } 
.userslectbox .form-select { background: #FFD25A url(/unioncamere/wp-content/uploads/2025/04/scaleicon.png) no-repeat center right 10px; background-size: 15px; color: #000000; box-shadow: 0px 2px 0px 0px #FF8F33; border: 1px solid #FFD25A; border-radius: 0; appearance: none; outline: none; padding: 9px 35px 8px 10px; cursor: pointer; font-size: 16px; font-weight: 600; text-transform: uppercase; }
.userslectbox .form-select option { background: #fff; color: #000; }
.benvenutoheading h2 { margin: 0 0 15px; color: #000; font-weight: 700; font-size: 22px; text-transform: uppercase; }
.dashboardtab-row { display: flex ; flex-wrap: wrap; padding: 30px 0; }
.dashboardtableft { width: 100%; max-width: 300px; }
.benvenutoheading { margin: 0 0 40px; }
.dashboardtablist { margin: 0; padding: 0; list-style: none; width: 100%; }
.dashboardtablist li:not(:last-child) { padding: 0 0 30px; } 	
.dashboardtablist li a { font-size: 22px; font-weight: 600; color: #000; display: block; padding: 10px 7px; transition: all .4s; }
.dashboardtablist li a:hover, .dashboardtablist li.active a { background: #bed635; }
.dashtabcontent { width: calc(100% - 300px); padding-left: 50px; }
.accordionitem { width: 100%; border-bottom: 1px solid #000; }
.accordionitem .accordiontitle { display: block; width: 100%; text-align: left; border-radius: 0; border: 0; color: #000; font-weight: 700; font-size: 20px; padding: 15px 40px 15px 0; background: transparent; transition: all .4s; position: relative; white-space: inherit; line-height: 1.2em; }
.accordionitem .accordiontitle:after { content: ''; display: block; width: 30px; height: 30px; background: url(/unioncamere/wp-content/uploads/2025/04/arrowgreenicon.svg) no-repeat center right; background-size: 28px; position: absolute; top: 15px; right: 0; }
.accordiontab { width: 100%; display: none; padding: 0 0 20px; }
.accordiontab ul { margin: 0; padding: 0; list-style: none; }
.accordiontab ul li { display: block; padding: 7px 0px 7px 25px; font-size: 18px; color: #454545; position: relative; }
.accordiontab ul li:before { content: ''; width: 0; height: 0; display: block; border-style: solid; border-width: 10px 0 10px 15px; border-color: transparent transparent transparent #bed635; transform: rotate(0deg); position: absolute; left: 0px; top: 10px; }
.accordionitem .accordiontitle.active, .accordionitem .accordiontitle:hover { color: #40b649; }
.accordionitem .accordiontitle.active::after { background: url(/unioncamere/wp-content/uploads/2025/04/scalegreenicon.png) no-repeat center right; background-size: 28px; }
.energeticalist { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; padding: 0 0 20px; list-style: none; } 
.energeticalist li { font-size: 20px; color: #000; font-weight: 500; padding: 0 0 15px; } 
.energeticalist li span { display: inline-block; width: 30px; height: 30px; background: #bdd535; vertical-align: middle; border-radius: 100px; margin-right: 10px; } 
.energeticalist li .energetica { background: #bdd535; } 
.energeticalist li .circolare { background: #40b649; } 
.energeticalist li .ambientale { background: #1b4a23; }
.eventdashcol { border: 5px solid #bed635; padding: 0 30px 30px; margin-top: 100px; } 
.eventdashcol:not(:last-child) { margin-bottom: 150px; }
.eventdashimg { width: 100%; max-width: 700px; margin-top: -100px; } 
.eventdashimg img { width: 100%; }
.eventdashdata { max-width: 700px; margin-top: 15px; }
.eventdashdata h2 { font-size: 30px; font-weight: 700; text-transform: uppercase; margin: 0 0 10px; }
.eventdashdata h3 { font-size: 24px; font-weight: 400; margin: 0 0 10px; }
.eventdashcol .customaccordion { max-width: 700px; width: 100%; }
.eventdashcol .accordionitem { border: 0; }
.eventdashcol .accordionitem .accordiontitle { width: auto; padding: 5px 0; border-bottom: 2px solid #40b649; color: #40b649; font-size: 24px; margin-right: 45px; }
.eventdashcol .accordiontab { padding-top: 10px; }
.eventdashcol .accordiontab ul li { padding: 2px 0; }
.eventdashcol .accordiontab ul li:before { display: none; }
.eventdashcol .accordionitem .accordiontitle:after { right: -40px; top: 10px; }
.espertirow { display: flex ; flex-wrap: wrap; }
.espertirow:not(:last-child) { margin: 0 0 50px; }
.espertimgbox { width: 45%; }
.espertimgbox .img-fluid { width: 100%; display: block; }
.espertdatabox { width: 55%; padding: 20px 0 0; }
.espertiarea { border: 4px solid #bed635; border-left: 0; padding: 30px 30px; }
.espertiarea h3 { margin: 0 0 15px; color: #000; font-weight: 700; font-size: 30px; text-transform: uppercase; }
.espertiarea .img-fluid { margin: 0 0 20px; }
.espertiarea p { color: #202020; font-size: 16px; margin: 0; }
.login-response { margin-top: 10px; font-size: 14px; padding: 21px 27px; border-radius: 5px; text-align: center; }
.customform #gform_wrapper_4 .form-control .ginput_container textarea {height: 251px; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.espertiform { padding-left: 15px; }
.espertiform form .gform-body .form-control textarea { border: 1px solid #7d7d7d; border-radius: 0; font-size: 15px; color: #000; box-shadow: none; outline: none; height: 221px; min-block-size: inherit; }
.espertiform form .gform-footer { margin-top: 0; }
.load-more-gf, #load-more-events, #dashtab5 .espertiform form .gform-footer .gform_button.button { background: #FFD25A !important; font-family: "Poppins", Sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #000000 !important; box-shadow: 0px 2px 0px 0px #FF8F33; border: 1px solid #FFD25A; border-radius: 0; padding: 8px; min-width: 170px; outline: none; cursor: pointer; margin: 20px 0; }
#dashtab5 .espertiform form .gform-footer .gform_button.button { margin: 0; }
.espertiform .gform-theme--framework .gform_validation_errors { margin: 20px 0 0; outline: none !important; box-shadow: none !important; }
#download-chart-wrapper { position: relative; font-size: 24px; color: #000; text-align: center; }
p.not_enties_foud { background: green; padding: 15px; text-align: center; color: white; }
p.no_file_donw { background: green; padding: 15px; text-align: center; color: white; }
.report_download { text-align: right; padding: 0 0 30px; } .report_download button { background: #FFD25A !important; font-family: "Poppins", Sans-serif; font-size: 15px; font-weight: 600; color: #000000 !important; box-shadow: 0px 2px 0px 0px #FF8F33; border: 1px solid #FFD25A; border-radius: 0; padding: 7px 15px; outline: none; cursor: pointer; }

/* Modal */
.videomodal { cursor: pointer; }
.modalcustom { background: rgba(0,0,0,0.8); position:fixed; top:0; right:0; bottom:0; left:0; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:15px; opacity:0; visibility:hidden; z-index:999; transition:all 0.5s; width: 100%; margin: auto;} 
.modalcustom_dialog { width: 100%; max-width: 650px; border-radius: 4px; position: relative; transition: all 0.3s; } 
.modalbtnclose { position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; background: #fff; color: #000; border-radius: 100%; border: none; z-index: 9; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); padding: 0; line-height: 32px; font-weight: 700; cursor: pointer; font-size: 15px; } 
.modalvideocol { width: 100%; overflow: hidden; border-radius: 4px; }
.modalvideocol video { display: block; width: 100%; height: 55vh; object-fit: cover; }
.modalcustom.modalopen { opacity: 1; visibility: visible; } 
.modalcustom.modalopen .modalcustom_dialog { transform: scale(1); }
.view_pdf { cursor: pointer; }
/**/
.elementor-popup-modal.roadmapmodal .dialog-close-button { padding: 5px 10px; border-radius: 0px 8px 0px 0px; }
.elementor-popup-modal.roadmapmodal .dialog-widget-content { width: calc(100% - 30px); max-height: calc(100% - 30px); max-width: 800px; overflow: hidden; margin: 15px 15px; display: flex; }
.elementor-popup-modal.roadmapmodal .dialog-widget-content .dialog-message { width: 100% !important; margin-top: 45px; }
.roadmapmodal .elementor-icon svg path { fill: #FF8F44; }







/* Responsive Media Query */
@media (max-width: 1200px){
.usericon { width: 60px; min-width: 60px; height: 60px; }
.benvenutoheading h2, .eventdashdata h2, .espertiarea h3 { font-size: 26px; }
.accordionitem .accordiontitle, .eventdashdata h3, .eventdashcol .accordionitem .accordiontitle { font-size: 20px; }
.accordiontab ul li, .energeticalist li { font-size: 16px; }
.espertiarea { padding: 15px 15px; }
.espertiarea .img-fluid { margin: 0 0 10px; }

}


@media (max-width: 991px){
#page .customform .gform_wrapper form > .gform-body > .gform_fields > .gfield { padding: 7px 0; }
#page .customform .gform_wrapper form > .gform-body > .gform_fields > .gfield.leftfield { max-width: 100% !important;}
#page .customform .gform_wrapper form > .gform-body > .gform_fields > .gfield.rightfield { width: 100%; position: relative; } 
#page .customform .gform_wrapper form > .gform-body > .gform_fields > .gfield.gfield--type-captcha{margin: 10px 0 0;}
.dashboardtab-row { padding: 0 0 50px; }
.dashboardtableft { max-width: 100%; } 
.dashboardtablist li:not(:last-child) { padding: 0; }
.dashboardtablist li { display: inline-block; padding: 0 0 15px; }
.dashboardtablist li a { font-size: 18px; }	
.dashtabcontent { width: 100%; padding: 0; }
.dashboardsection { padding: 0 5px; }
.benvenutoheading { margin: 0 0 15px; }
.eventdashcol { border: 3px solid #bed635; padding: 0 10px 10px; margin-top: 100px; }

}


@media (max-width: 767px){
.boxborder .e-con-inner:before { width: 100%; }	
.fullheight.elementor-widget-image-box { height: auto; }
#page .gform_wrapper form > .gform-body > .gform_fields > .gfield { padding-top: 5px; padding-bottom: 5px; }
#page .gform_wrapper form .gform_fields .gfield_radio .gchoice > label { min-width: 150px; border: 2px solid #FF8F44; padding: 10px 7px; font-size: 14px; }
.privactdetails .elementor-widget-text-editor h4 { font-size: 18px; }	
.privactdetails .elementor-widget-text-editor h5 { font-size: 16px; }
.loginform-sec { padding: 25px 15px 0; }
.loginform-row .form-group { padding: 0 0 20px; }
.loginform-row .form-group .form-control { font-size: 16px; padding: 10px 15px; min-height: 50px; }
.formloginbtn { padding-top: 0;}
.formloginbtn .loginsubmit{ font-size: 16px; }
.accordionitem .accordiontitle.active::after { background-size: 20px; }	
.accordionitem .accordiontitle, .eventdashdata h3, .eventdashcol .accordionitem .accordiontitle { font-size: 17px;}
.userselect-row { display: block; text-align: center; }
.usericon { min-width: 50px; height: 50px; width: 50px; margin: 0 auto 15px; }
.usericon svg { width: 27px; height: 27px; }
.userslectbox .form-select { font-size: 14px; }
.benvenutoheading h2, .eventdashdata h2, .espertiarea h3 { font-size: 20px; }
.dashboardtablist li a { font-size: 15px; padding: 10px 10px; border: 1px solid #bed635; }
.dashboardtablist li { padding: 7px 5px; }
.energeticalist { display: block; padding: 20px 0 10px; }
.eventdashcol { margin: 15px 0 !important; padding: 10px 10px; }
.eventdashimg { max-width: 100%; margin: 0; }
.espertimgbox { width: 100%; }
.espertdatabox { width: 100%; padding: 0; }
.espertiarea { padding: 12px 12px; border: 3px solid #bed635; }
.espertirow:not(:last-child) { margin: 0 0 30px; }
.espertirow { padding: 15px 0 0; }
.espertiform { padding-left: 0px; }
#download-chart-wrapper { font-size: 20px; }
.modalvideocol video { height: 100%; }
	
}