/*
===================================
Modern Gray LeadGen Forms - Grid Styles
v2 - GP - as of 07/29/22
===================================
*/
/*
----------------------------------
Base Form Styles
----------------------------------
*/

/* ====== Fonts ======= */
/* regular */
@font-face {
    font-family: 'Encode Sans Condensed';
    font-weight: 400;
    font-style: normal;
    src: url(https://fonts.gstatic.com/s/encodesanscondensed/v5/j8_16_LD37rqfuwxyIuaZhE6cRXOLtm2gfT2hq-MLQwFIg.woff2);
  }
  
  /* medium */
  @font-face {
    font-family: 'Encode Sans Condensed';
    font-weight: 500;
    font-style: normal;
    src: url(https://fonts.gstatic.com/s/encodesanscondensed/v5/j8_46_LD37rqfuwxyIuaZhE6cRXOLtm2gfT-dYyZAC4ICHiYFQ.woff2);
  }
  
  /* bold */
  @font-face {
    font-family: 'Encode Sans Condensed';
    font-weight: 700;
    font-style: normal;
    src: url(https://fonts.gstatic.com/s/encodesanscondensed/v5/j8_46_LD37rqfuwxyIuaZhE6cRXOLtm2gfT-PYqZAC4ICHiYFQ.woff2);
  }
  
  /* extra bold */
  @font-face {
    font-family: 'Encode Sans Condensed';
    font-weight: 800;
    font-style: normal;
    src: url(https://fonts.gstatic.com/s/encodesanscondensed/v5/j8_46_LD37rqfuwxyIuaZhE6cRXOLtm2gfT-IYmZAC4ICHiYFQ.woff2);
  }
  
  
  
  body, h1, h2, h3, h4, a {
    font-family: 'Encode Sans Condensed';
  }
  
  body {
    background: #F2EFEF;
  }
  
  /* ====== Header ======= */
  #notMeLink {
    display: none !important;
  }
  
  .link-container {
    display: flex;
    justify-content: space-between;
    grid-column: span 2;
  }
  
  h2.form-title {
    padding: 5px 0 0;
    margin: 10px auto 5px;
    text-align: center;
    letter-spacing: 0.3px;
    font-size: 2em;
    font-weight: 800;
    grid-column: span 2;
  }
  
  .orange {color:#ea7822 !important;}
  
  .required-txt  {
    order: 2;
    padding-top: 5px !important;
    color: #444 !important;
  }
  
  .clearForm {
    order: 1;
    margin-bottom: 10px !important;
  }
  
  .clearForm-Link {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0;
    color: #0053AA;
    font-size: 14px;
  }
  
  .clearForm-Link>p a, p a:visited {
    color: #0053AA !important;
  }
  
  a, a:hover, a:focus, a:visited {
    color: #0053AA !important;
  }
  
  font[color=red] {
    color: #c70202 !important;
  }
  
  form, footer {
    width: 100%;
    max-width: 1280;
    margin: 0 auto !important;
  }
  
  .grid-container {
    display: grid !important;
    align-items: end !important;
    box-sizing: border-box !important;
    width: 100%;
    margin: 12px auto 0;
    grid-gap: 0.7rem !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  input, select {
    height: 38px !important;
    font-size: 14px;
  }
  
  /*-- Update this with full width fields' classes or ids --*/
  .drg-element-sub-type-fieldname-EMAILADDR, .full-width-item {
    grid-column: span 2;
  }
  
  .questionlabel, .addresslabel, label span {
    color: #444 !important;
    font-family: 'Encode Sans Condensed', Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
  }
  
  p {
    margin: 0 !important;
    padding: 5px 0 0 !important;
  }
  
  input[type="text"], select, .addresslabel input, .addresslabel select, .questionlabel input, .questionlabel select, .drg-element-type-standard-field, .drg-element-sub-type-type-1 {
    width: 100% !important;
  }
  
  .addresslabel {
    width: 100%;
  }
  
  input[type="submit"] {
    padding: 10px 40px !important;
    height: 48px !important;
    transition: all 300ms ease 0ms !important;
    border-width: 0px !important;
    border-radius: 8px !important;
    background-color: #EA7822 !important;
    font-family: 'Source Sans Pro', Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
  }
  
  input[type="submit"]:hover {
    transition: all 300ms ease 0ms !important;
    background-color: #f58830 !important;
  }
  
  .questionlabel {
    padding-bottom: 3px !important;
  }
  
  .drg-element-sub-type-type-1 select {
    width: 100% !important;
  }
  
  @media only screen and (min-width: 960px) and (max-width: 1279px) {
    .drg-element-sub-type-type-1 select {
        width: 100% !important;
  }
  
  }
  
  /* ======= Footer ======= */
  .sixteen.columns.controls {
    margin-bottom: 10px;
    padding-top: 10px;
  }
  
  div.button {
    text-align: center;
  }
  
  form input[type="submit"] {
    height: 40px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  
  #custombtn {
    margin-top: 8px;
    margin-bottom: 15px;
  }
  
  footer a,footer a:hover, footer a:focus, footer a:visited {
    color: #0053AA !important;
  }
  
  footer {
    color: #444;
    font-size: 14px !important;
    line-height: 1.5em !important;
  }
  
  /* ------ consent boxes styles  ------*/
  .checkboxlabel {
    font-size: 12px !important;
  }
  
  ul li {
    display: flex;
    width: 100%;
    padding-top: 0 !important;
  }
  
  ul {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 15px;
    margin-bottom: 10px;
  }
  
  ul li .checkboxlabel label::after, .checkboxlabel > * {
    font-size: 13px !important;
    line-height: 1.4em !important;
  }
  
  
  input[type="checkbox"] {
    /* width: 15px; */
    height: 19px !important;
    margin-top: 0;
    margin-right: 10px;
    margin-left: 0;
    padding-left: 0 !important;
    font-size: 16px !important;
  }
  
  
  .disclaimer {
    display: block !important;
    padding: 0 !important;
  }
  
  
  
  .disclaimer .drg-element-sub-type-type-1 {
    width: 100%;
    margin: 0 auto;
    padding: 0 !important;
  }
  
  div[id*="pd"]>input[id*="optd"], div[id*="pp"]>input[id*="optp"] {
  vertical-align: middle !important;
  }
  
  
  /*-- iPad and Mobile styles - CSS --*/
  @media (max-width: 600px) {
    p {
      padding: 0 .25rem;
      grid-column: span 2;
    }
  
    .full-width-item, p, span {
      grid-column: span 2;
    }
  
    input, select {
      appearance: auto !important;
      -moz-appearance: auto !important;
      -webkit-appearance: auto !important;
    }
  }
  
  @media (max-width: 487px) {
    input, select {
      appearance: auto !important;
      -moz-appearance: auto !important;
      -webkit-appearance: auto !important;
    }
  }