/* ==========================================================================
 0.  Imports
 ========================================================================== */
 /* Please change below URL as per Adpearance new url and uncomment that */
 @import url('https://fonts.googleapis.com');
 @import url('https://fonts.gstatic.com');
 @import url('https://fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100..900;1,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');



/* ==========================================================================
 1.  General
 ========================================================================== */
 * {
  box-sizing: border-box;
 }


/* ==========================================================================
 2.  Columns & Rows
 ========================================================================== */
 /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
  I am not sure this is used at all once I have gone through the
  forms I will come back and remove any unused code. - DH
 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

  /* Create 4 equal columns that floats next to each other */
  .column {float: left;width: 25%;padding: 10px;}
  .responsiveimg { max-height: 111px; max-width: 270px; }
  .responsiveimg2 { max-height: 142px; max-width: 300px; }

  /* Clear floats after the columns */
  .row:after {content: "";display: table;clear: both;}

  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
   .column {width: 100%;}
  }
    
/* ==========================================================================
 2.  Formating
 ========================================================================== */
 
 /* .title{font-size: 16px;font-weight:400;line-height: 1.6;margin-bottom: 1rem;text-align:left;text-rendering: optimizeLegibility;} */
 
 /* Layout Canvas -------------------------------------- */
 /* Note: Not sure if this is used... */
 .layout-canvas-a {background-color: #fff;border: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;width: 100%;}
 .layout-canvas-a > .header,
 .layout-canvas-a > .section,
 .layout-canvas-a > .footer {position: relative;overflow: hidden;width: 100%;word-wrap: break-word;}
 .layout-canvas-a > .section {margin: 10px 0;}
 .layout-canvas-a > .section > .columns {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;word-wrap: break-word;}
 .layout-canvas-a > .section > .columns {width: 100%;}

 /* Body & Form Width -------------------------------------- */
 /* Note: Updated the font-family from Open Sans, font-size from 12px and removed max-width of 1200px */
 html{overflow:hidden;}
 body {color: #000;font-family: 'Overpass', sans-serif;font-size: 16px;margin: 0 auto;height:100%; max-width: 70%;}

 #formwidth {height: auto !important;display: block !important;}
 /* NOT NEEDED
 @media only screen and (max-width: 600px) {
  #formwidth {width: 90% !important;height: auto !important;display: block !important;}
  .mobilecenter {text-align:center !important}
 } */

 
 /* Media Query */
 /* Note: Not sure if this is used... */
 @media only screen and (max-width: 480px) {
  .mobile-hidden {display: none !important;}
  .responsive-td {width: 100% !important;display: block !important;padding: 0 !important;} /* This styling does nothing */
 }

 /* Label DropdownCustom -------------------------------------- */
 /* Note: Not sure if this is used... */
 label.dropdowncustom {position: relative;display: inline-block;}
 label.dropdowncustom:before {content: '';height: 50px;position: absolute;right: 7px;top: 3px;background: transparent; border-top-right-radius: 3px;border-bottom-right-radius: 3px;pointer-events: none;display: block;}
 label.dropdowncustom:after {content: " ";position: absolute;right: 15px;top: 46%;margin-top: -3px;z-index: 2;pointer-events: none;width: 0;height: 0;border-style: solid;border-width: 6.9px 4px 0 4px;border-color: #000000 transparent transparent transparent;pointer-events: none;}
 select.dropdowncustom {-webkit-appearance: none;-moz-appearance: none;appearance: none;padding: 0 10px 0 10px;border: 1px solid #000000;border-radius: 0px;line-height: 30px;height: 30px;background: #fff;min-width: 300px;margin: 0px 0px 0px 0px;}
  
 /* fix for ie 10 later */
 /* Note: Not sure why this is in considering we no longer support any version of IE */
 select.dropdowncustom::-ms-expand {display: none;}
 
 
 /* General Form Classes -------------------------------------- */
 /* Note: Noting out this code since it is causing conflicts with our current styles 
 .label {font-size: 12px;text-align: left; color: #000000;}
 .input_text {font-family: 'Open Sans', sans-serif;font-weight: 400;font-size: 11px;color: #000000;opacity: 80%;}
 .dropdown {margin: 4px 0px 10px;opacity: 100%;padding: 5px 5px 5px;border: 1px solid #000000;color: #818588;font-family: 'Open Sans', sans-serif;font-weight: 500;font-size: 14px;opacity: 100%;width: 100%;box-sizing: border-box; }
 .email {margin: 7px;padding: 7px;border: 1px solid #b8b8b8;border-width: 20%;color: #818588;opacity: 100%;font-family: 'Open Sans', sans-serif;font-weight: 300;}
 label.toggle {display: block;position: relative;margin:3px;padding: 6px 0px 0px 0px;border: 1px solid #4A7729;border-radius: 4px;color:black;background-color:transparent;text-align:center;white-space: nowrap;cursor: pointer;user-select: none;transition: background-color .2s, box-shadow .2s;font-family: 'Open Sans', sans-serif;font-weight: 300;}
 label.toggle:hover, input:focus + label {box-shadow: 0 0 8px #4A7729;}
 
 */
 
 /* General Form Elements -------------------------------------- */
 /* Note: Noting out this code since it is causing conflicts with our current styles 
 input[type=text] {width: 100%;margin: 4px 0px 8px;opacity: 100%;padding: 7px 7px 7px;box-sizing: border-box;border: 0;border: 1px solid #000000;display: block;background-color: white;color: #000;text-align:left;}
 input[type=submit] {-webkit-appearance: none !important;width: 10% !important;}  
 input[type=submit]{padding: 10px 20px;border: 1px solid #4A7729;background-color: #4A7729;color: #FFFF;font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 300;cursor: pointer;border-radius: 5px; }
 @media only screen and (max-width: 600px) {
  input[type=submit] {-webkit-appearance: none !important;width: 80% !important;  padding-right: 20px;padding-left: 20px;} 
 }
 ::placeholder {color: #818588;margin: 7px 20px;padding: 7px 20px;font-family: 'Open Sans', sans-serif;ont-weight: 300;}
 :-ms-input-placeholder {color: #818588;}
 ::-ms-input-placeholder {color: #818588;}

 */

   
 /* Container (Checkboxes??) -------------------------------------- */
 /* Note: Noting out this code since I am not sure there is really any value here... 
 .container {display: block;position: relative;padding-left: 35px;margin-bottom: 16px;cursor: pointer;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
 .container input {position: absolute;opacity: 0;cursor: pointer;} 
 .checkmark {position: absolute;top: 0;left: 0;height: 18px;width: 18px;background-color: #eee;border-radius: 50%;}
 .container:hover input ~ .checkmark {background-color: #ccc;}
 .container input:checked ~ .checkmark {background-color: #4A7729;}  
 .checkmark:after {content: "";position: absolute;display: none;}
 .container input:checked ~ .checkmark:after {display: block;}
 input[type="checkbox"] {accent-color: #4A7729; width: 15px;height: 15px; }
 .container .checkmark:after {top: 5px;left: 5px;width: 8px;height: 8px;border-radius: 50%;background: white;}
 */


 /* Buttons & Container -------------------------------------- */
 
 .button-container {display: flex;justify-content: space-between;gap: 20px;margin-top: 20px; 
  /* padding-left:15px; */
  /* padding-right:10px; */
 }
 /*
 .button {padding: 10px 20px;border: 1px solid #4A7729;background-color: #4A7729;color: #FFFF;font-family: 'Open Sans', sans-serif;font-size: 14px;font-weight: 300;cursor: pointer;border-radius: 5px; }
 #sbutton:hover {box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6);}
 */
 

 /* Error Messages -------------------------------------- */ 
 .error-message {color: red;font-size:14px;display: none;}

 /* Submit button to appear dimmed----------------------- */ 
.button-dimmed {opacity: 0.5;pointer-events: none;cursor: not-allowed;}