/* Legal Information Style Sheet */
      /*colors
      Blue: #31ab32
      Dark Blue: #28812a
      Gray: #DDDDDD
      Charcoal: #333333
      Dark Gray:#5A5858
      */
      #suggestionQuery{border-radius: 16px !important;}

      #hero-sm-alt{text-align: center; color: #ffffff;
          position: relative;
          margin-top:0px;
          background-image:linear-gradient(to right,#000000,#5A5858);
        }
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .page-container{
            max-width: 100%;
            position: relative;
            width: 100%;
            margin: 0 auto;
        }
        .flex-thing{display: flex;align-items: center;flex-direction: row; flex-wrap: wrap;  justify-content: space-between;}
        /* hide and show mobile */
        .show-desktop{display: block;}
          .show-mobile{display: none;}

        @media screen and (min-width: 1440px) {
          /* .page-container{
            max-width: 80%;
            padding: 0 50px;
        }*/
      }



      @media screen and (max-width: 768px) {

        #hero-sm{text-align: center; color: #ffffff;
            background-image:none;
            background-position: center top;
            background-repeat: no-repeat;
          }
        }

  /* utilities */
    #utilities{position: relative; display: flex;align-items: stretch;flex-direction: row; flex-wrap: nowrap; gap:45px;  justify-content:flex-start; z-index:10; padding:0 5%;font-family:"Open Sans" !important;}
    #utilities .utilities-left{width:50%; padding:8% 50px 50px 100px; text-align: left;}
    #utilities .utilities-left h1{font-size:68px; line-height: 1.3em;font-weight: 200;}
    #utilities .utilities-right{width:46%;}
      #utilities-content{background-color:#dddddd;padding: 50px;}
      #utilities-content .utilies-wrapper{background-color: #ffffff; border-radius: 12px; padding:30px; width: 80%; margin: 0 auto;}
    @media screen and (max-width: 768px) {
      #utilities{flex-direction: column-reverse;gap: 0;}
      #utilities .utilities-left{width:100%; padding:8% 2% 3% 2%; text-align: center;}
      #utilities .utilities-right{width:100%; padding:0 2% 3% 2%; text-align: center;}
      #utilities-content .utilies-wrapper{width: 100%;}
      #legal-nav .legal-nav-wrapper {flex-direction: column;}

  }
  #legal-nav{position: relative; background-color: #28812a; padding:3% 5%;}
  #legal-nav .legal-nav-wrapper{display: flex;align-items: stretch;flex-direction: row; flex-wrap: nowrap; gap:45px;  justify-content:flex-start; padding:2% 0%;}
  #legal-nav .legal-nav-wrapper .legal-nav-col {width: 30%;padding: 20px 0 0 0;}
  #legal-nav .ln-header{color:#ffffff;font-size:22px; line-height: 1.1em;font-weight: 500;font-family:"Open Sans" !important; text-transform: uppercase;}
  #legal-nav .legal-nav-wrapper .legal-nav-col div{color:#ffffff;font-size:20px; line-height: 1.1em;font-weight: 200;font-family:"Open Sans" !important; display: block; margin: 0 0 15px 0; cursor: pointer;}
  #legal-nav .legal-nav-wrapper .legal-nav-col div.active:after{content: ' \25B6'; /* Unicode version of ► */ margin-left: 12px;}
  #legal-nav .legal-nav-wrapper .legal-nav-col div:hover::after {
    content: ' \25B6'; /* Unicode version of ► */
    margin-left: 12px;
  }
  a.back-top{font-size: 22px; color:#000000;font-weight: 500;font-family:"Open Sans" !important;}
  a.back-top:after{content: ' \25B2'; margin-left: 12px; color: #28812a !important;}
  @media screen and (max-width: 768px) {
    #legal-nav .legal-nav-wrapper {flex-direction: column;gap: 45px;}
    #legal-nav .legal-nav-wrapper .legal-nav-col {width: 100%;}
  }


/* Lower Content */

 .tab-container {
    background: #DDDDDD;
    /* padding:10px; */
  }
  .pd-table{background-color: #ffffff;overflow: scroll; border-radius: 32px; padding: 25px; margin:25px 0;}
  .pd-table table{border: 0; padding:5px;}
  .pd-table table .tr-border{border-bottom:1px solid #000000;}
  .pd-table table td{padding:8px;}
  .tab-content-wrapper {
    position: relative;
    padding: 1.5rem;
    transition: height 0.3s ease;
    height: fit-content !important;
    overflow: hidden;
  }

  .tab-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
    font-weight: 200;font-family:"Open Sans" !important;
  }

  .tab-content.fade-in {
    opacity: 1;
    pointer-events: auto;
    position: relative;
  }
  .tab-content ul, .tab-content ol{margin: 0 0 0 20px;}
  .tab-content ul li, p{font-size:16px; font-weight: 200;font-family:"Open Sans" !important;}
  .tab-content ol li{font-size:16px; font-weight: 200;font-family:"Open Sans" !important; margin: 0 0 15px 0;}
   p strong{font-size:16px !important; line-height: 1.1em !important;font-weight: 500 !important;font-family:"Open Sans" !important;}