/**handles:gf-custom-fridge-slide-quote-form**/
/* Gravity Form 40 - Custom Fridge Slide Quote Form */

.gotrgf_form_container {
    background: #f2f2f2;
  }
  #gotrgf_form_wrapper{
      /*height: 600px;*/
      overflow-y: auto;
      color: #fff;
      background: #444;
  }
  .gf-custom-fridge-slide-quote-form_wrapper .gform_title,
  .gf-custom-fridge-slide-quote-form_wrapper .gsection_title {
    color: white;
  }
  .gf-custom-fridge-slide-quote-form.sp_modern select,
  .gf-custom-fridge-slide-quote-form.sp_modern input[type=text],
  .gf-custom-fridge-slide-quote-form.sp_modern input[type=url], 
  .gf-custom-fridge-slide-quote-form.sp_modern input[type=tel],
  .gf-custom-fridge-slide-quote-form.sp_modern input[type=email]{
    color: initial !important;
  }
  input#gform_submit_button_40 {
    padding-right: 0;
    margin-right: 0;
    box-shadow: none;
  }
  #gotrgf_form_container_40 .gotrgf_form_wrapper {
      width: 45% !important;
      padding: 1em;
      /*height: 600px;*/
      overflow-y: auto;
      color: #fff;
      border: none;
      border-radius: 0; 
      background: #444;
  }
  #gotrgf_form_container_40 .gotrgf_summary_wrapper {
      width: 55% !important;
      padding: 1em;
  }
  .gotrgf_summary_wrapper {
      height: 750px;
      background-color: var(--white-smoke);
      flex: 1;
      position: -webkit-sticky;
      position: sticky;
      top: 0px;
      overflow: scroll;
  }
  #gotrgf_form_overview_container_40 {
    margin-top: -100px;
  }
  #gotrgf_form_container_40 #image-container {
      position: relative;
      width: 100%; /* Adjust width as needed */
      margin-top: -50px;
      margin-left: 10px;
    }
  #gotrgf_form_container_40 #base-image {
      width: 100%;
    }
    #overlay-images {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    #overlay-images img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 1; /* Slightly transparent by default */
      display: none;
    }
    #gotrgf_form_container_40 #thumbnail-container {
      display: flex;
      flex-wrap: wrap;
      margin: 10px 0;
    }
    #thumbnail-container label {
      display: inline-block;
      margin: 5px;
    }
    #thumbnail-container input[type="checkbox"] {
      display: none;
    }
    #thumbnail-container label:hover {
      cursor: pointer;
    }
    #thumbnail-container label.selected {
      border: 2px solid blue;
    }
    div#thumbnail-container img {
      max-width: 100px;
      background-color: #f2f2f2;
    }
  #gotrgf_form_container_40 div#overlay-images img {
      aspect-ratio: 1/1;
      object-fit: contain;
      transform: scale(1.35);
      }
      
  #gotrgf_form_container_40 #base-image {
      aspect-ratio: 1/1;
      object-fit: contain;
      transform: scale(1.35);
      }
      
      .flex-container, .gotrgf_form_container
      {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: normal;
        align-items: normal;
        align-content: normal;
      }
      
      .flex-items:nth-child(1),
      .gotrgf_summary_wrapper{
        display: block;
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: auto;
        align-self: auto;
        order: 0;
      }
      
      .flex-items:nth-child(2), .gotrgf_form_wrapper {
        display: block;
        flex-grow: 0;
        flex-shrink: 1;
        flex-basis: auto;
        align-self: auto;
        order: 0;
      }
      .gotrgf_summary_lines {
        font-size: 12px;
      }
  .gotrgf_summary_lines li{
    margin-bottom: 0;
  }
  .no-image-for-custom-canopy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    padding: 10%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 1;
  }
  .pdf-link-field a {
    color: lightskyblue;
    text-decoration: underline;
    font-weight: 900;
  }
  .pdf-link-field a i{
    padding-left: 10px;
  }
  
  #input_40_15 {
      color: #000;
  }
  
  #gotrgf_form_container_40 .gotrgf_form_wrapper  {
    width: 55% !important;
  }
  #gotrgf_form_container_40 .gotrgf_summary_wrapper {
    width: 45% !important;
  }
  #gotrgf_form_container_40 #image-container {
    position: relative;
    width: 100%; /* Adjust width as needed */
  }
  .page-id-736363 #podium-website-widget {
  display: none;
  }
  #gform_wrapper_40.gravity-theme .field_sublabel_above .gfield_description {
  font-size: 13px;
  font-style: italic;
  color: lightblue;
  margin-top: 0;
  padding-top: 3px;
  }
  div#field_40_74 {
  border-bottom: 1px solid;
  }
  .sp_modern input[type=number] {
  color: #000 !important;
  }
  #gotrgf_form_container_40 img#base-image-CAD {
  object-fit: contain;
  transform: scale(1.2);
  aspect-ratio: 16 / 9;
  margin-top: -50px;
  }
  #gotrgf_form_container_40 img#base-image {
    object-fit: contain;
    transform: scale(1.1);
    aspect-ratio: 16 / 9;
    /*margin-top: -20px;*/
  }
  #gotrgf_form_container_40 div#overlay-images img{
      object-fit: contain;
      transform: scale(1.1);
      aspect-ratio: 16 / 9;
      height: auto;
  }
  div#field_40_76 {
    font-size: 13px;
    font-style: italic;
    color: #add8e6;
    margin-top: 0;
    padding-top: 3px;
  }
      @media screen and (max-width: 479px){
        .gotrgf_summary_wrapper {
        width: 100%;
        height: auto;
        top: 0;
        }
        #gotrgf_form_container_40 .gotrgf_summary_wrapper {
          height: auto;
        }
    }
    
    
    @media screen and (max-width: 767px){
       .gotrgf_summary_wrapper{
        height: auto;
        top: 0;
        }
        #gotrgf_form_container_40 .gotrgf_summary_wrapper {
          height: auto;
        }
    }
    
    @media screen and (max-width: 991px) {
    
      .gotrgf_summary_wrapper {
          z-index:2
      }
  
      #gotrgf_form_container_40{
          display: flex !important;
          flex-direction: column;
      }
  
      #gotrgf_form_overview_container_40{
          display: none;
      }
  
      #gotrgf_form_container_40 .gotrgf_form_wrapper {
          order: 2;
          width: 100%!important
      }
  
      #gotrgf_form_container_40 .gotrgf_summary_wrapper {
          position: sticky;
          order: 1;
          width: 100% !important;
          overflow: hidden;
          top: 0 !important;
          background: #f2f2f2
      }
  
      #gotrgf_form_container_40 #image-container {
          margin-top: 20px !important;
          margin-left: 0 !important;
          background: #f2f2f2
      }
      #gotrgf_form_container_40 #base-image {
          aspect-ratio: auto !important;
      }
    }
  
  
  @media only screen and (min-width: 641px) {
      .gform_wrapper .gfield .gfield_checkbox,.gform_wrapper .gfield .gfield_radio {
          grid-row-gap: 1px !important;
      }
  }