:root {

   --text-heading: #ff7000;
   --text-link: #ff7000;
   --text-link-hover: #de5902;

}

@font-face {
   font-family: 'handelgothicef-mediumregular';
   src: url('../fonts/Elsner+Flake - HandelGothicEF-Medium-webfont.eot');
   src: url('../fonts/Elsner+Flake - HandelGothicEF-Medium-webfont.eot?#iefix') format("embedded-opentype"),url('../fonts/Elsner+Flake - HandelGothicEF-Medium-webfont.woff2') format("woff2"),url('../fonts/Elsner+Flake - HandelGothicEF-Medium-webfont.woff') format("woff"),url('../fonts/Elsner+Flake - HandelGothicEF-Medium-webfont.ttf') format("truetype"),url('../fonts/Elsner+Flake - HandelGothicEF-Medium-webfont.svg#handelgothicef-mediumregular') format("svg");
   font-weight: 400;
   font-style: normal;
}

html {
   font-size: 14px;
   font-weight: 400;
   line-height: 1.4;
   height: 100%;
}

body {
   background-color: #fff;
   font-family: sans-serif;
   height: 100%;
   font-family: 'Open Sans', sans-serif;
}

.edison-logo {
   width: 115px;
   height: auto;
   padding-bottom: 2rem;
}


body.landing {
   background-image: url(../images/bg.jpg);
   background-size: 100%;
}

body.landing .landing-holder {
   background: #ffffff;
   text-align: center;
   padding: 0rem 1rem 3rem 1rem;
   max-width: 680px;
   outline: 0;
}

body.landing .form-check {
    margin-bottom: 15px;
    margin-top: 30px;
}

body.landing .form-check, body.landing .form-check-label {
   cursor: pointer;
}


h1, h2, h3, h4, h5, h6 {
   color: var(--text-heading);
   font-family: 'handelgothicef-mediumregular', sans-serif;
}

h1 {
   font-size: 2rem;
}

h2 {
   font-size: 1.5rem;
}

a {
   color: var(--text-link);
   text-decoration: none;
   background-color: transparent;
}

a:hover {
   color: var(--text-link-hover);
   text-decoration: none;
   background-color: transparent;
}

a.melink {
   color: #ffffff!important;
   border-width: 0px!important;
   font-size: 15px;
   background-color: var(--text-link);
   padding-top: 10px!important;
   padding-right: 25px!important;
   padding-bottom: 10px!important;
   padding-left: 25px!important;
   border-radius: 4px;
   font-style: normal;
   text-transform: none;
   text-decoration: none;
   margin-top: 5px !important;
   display: inline-block;    
}

a.melink:hover {
   color: #ffffff!important;
   border-width: 0px!important;
   font-size: 15px;
   background-color: var(--text-link-hover);
   padding-top: 10px!important;
   padding-right: 25px!important;
   padding-bottom: 10px!important;
   padding-left: 25px!important;
   border-radius: 4px;
   font-style: normal;
   text-transform: none;
   text-decoration: none;
   margin-top: 5px !important;
   display: inline-block;    
}


body.landing .image-container {
   position: relative;
   overflow: hidden;
   height: 200px;
   text-align: center;
   margin: auto;
   cursor: zoom-in; /* Set the cursor to a magnifying glass */
   border-radius: 4px;
}

body.landing .zoom-image {    
   height: 100%;
   transition: transform 0.3s ease;
   transform-origin: bottom right; /* Set the transform origin to bottom right */
}

.me-disc {
   padding: 2.5rem 0 0 0;
   font-size: 85%; 
   opacity: 0.5; 
   display: block; 
   margin: 0;
}



.me-select {
   margin: 1.5rem 0 2rem 0;
   font-size: 1.125rem;
   font-weight: 600;
}