/* project_styles.css — Custom project styles */
/* Edit via the CSS button in the builder toolbar */



/*Add to the head section of web page.<link href="https://db.onlinewebfonts.com/c/89e4e1c147a4d1d31637037359bee7fa?family=Migration+Sans+ITC+W01" rel="stylesheet">orUsing @import CSS directive, put the following line in add to your css file.(http | */
@import url(https://db.onlinewebfonts.com/c/89e4e1c147a4d1d31637037359bee7fa?family=Migration+Sans+ITC+W01);




/*orUse font-face declaration Fonts.(http | https)
@font-face {
    font-family: "Migration Sans ITC W01";
    src: url("https://db.onlinewebfonts.com/t/89e4e1c147a4d1d31637037359bee7fa.eot");
    src: url("https://db.onlinewebfonts.com/t/89e4e1c147a4d1d31637037359bee7fa.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/89e4e1c147a4d1d31637037359bee7fa.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/89e4e1c147a4d1d31637037359bee7fa.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/89e4e1c147a4d1d31637037359bee7fa.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/89e4e1c147a4d1d31637037359bee7fa.svg#Migration Sans ITC W01")format("svg");
}
    */v

html { font-size: 16px; line-height: 1.6; }
    #moduleContainer { max-width: 1440px; margin: 0 auto; }
    body { background: linear-gradient(135deg, rgb(255, 244, 173) 0%, rgb(180, 165, 4) 100%);  
  color: #333;
  font-size: 1em;
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

    

   h1, h2, h3, h4, h5, h6, h1 div, h2 div, h3 div {
  font-family: "Archivo", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

/*
h1 { font-size: 2em; margin: 0 0 0.67em 0; font-weight: bold; }
h2 { font-size: 1.5em; margin: 0 0 0.83em 0; font-weight: bold; }
h3 { font-size: 1.17em; margin: 0 0 1em 0; font-weight: bold; }
h4 { font-size: 1em; margin: 0 0 1.33em 0; font-weight: bold; }
h5 { font-size: 0.83em; margin: 0 0 1.67em 0; font-weight: bold; }
h6 { font-size: 0.67em; margin: 0 0 2.33em 0; font-weight: bold; }
*/

/* Shared heading styles */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  line-height: 1.2;
  margin: 0;
}
  
/* Each heading is clamped, and min is body + 0.75em = 1.75em */
h1, h1 div { font-size: 1.5em; }
h2, h2 div { font-size: 1.4em; }
h3, h3 div { font-size: 1.3em; }
h4, h4 div { font-size: 1.2em; }
h5, h5 div { font-size:  1.15em; }
h6 { font-size: 1.1em; }




   @media screen and (min-width: 640px) {
[data-container-id="container-1771678995464-s1ejb5gah"][data-child-index="1"] { margin: -280px 0px 0 -10px !important; z-index:20 !important; border-radius: 10px !important;} 
    } 

[data-container-id="container-1771678995464-s1ejb5gah"][data-child-index="1"].container-child-content { background: #fff !important;} 

[data-container-id="container-1771678221922-tghu2rk3m"] { background-color: #ffffff; padding: 10px; border-radius:10px !important; }


.container-empty-add.mt-btn.mt-add {background-color: #8b5cf6; margin-top: 10px !important;}


[data-module-id="image-1772747301374-a4cs4iuz3"] img, [data-module-id="text-1771676753145-pul1njbef"] img, [data-module-id="image-1771676144390-jge7nslnl"] img, [data-module-id="image-1771676534008-48bjnzmko"] img { border-radius: 10px !important;}


[data-container-id="container-1771678221922-tghu2rk3m"] img { border-radius: 10px !important;}
 [data-accid-id="image-1772757592653-ojcrtsg1h"] img {
    border-radius: 10px !important;
  }
/*
[data-module-id="text-1771678221922-99h6mzv86"] { margin-top: -200px !important; background: #fff !important;}
*/


.sharethis_icons_32 img { max-width: 30px !important; }


/* for form */


    form.danzhausrequestform { background: #efefef; max-width: 100%; margin: 0 auto; padding: 10px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
    .danzhausrequestform label { display: block; margin: 5px 0 5px; font-weight: bold; color: #333; }
    .danzhausrequestform input, .danzhausrequestform select, .danzhausrequestform textarea { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; font-size: 16px; }
    .danzhausrequestform textarea { min-height: 80px; resize: vertical; }
    .danzhausrequestform .date-time-row { display: flex; gap: 10px; }
    .danzhausrequestform .date-time-row input { flex: 1; }
    .danzhausrequestform button { background: #4CAF50; color: white; padding: 15px 30px; border: none; border-radius: 5px; font-size: 18px; cursor: pointer; width: 100%; margin-top: 20px; }
    .danzhausrequestform button:hover { background: #2b702f; }
     .danzhausrequestform button:active { background: #053411; }



   /* .module-hero {background-size: contain !important;} */
   
/* outside main wrappers */

   #moduleContainer .module-wrapper, #moduleContainer .module-wrapper-v2, .page-grid-v2 .module-wrapper, .page-grid-v2 .module-wrapper-v2 {
    border: 0 !important;
    padding: 0px;
}



   #hero-hero-1771965197335-l6oup3wcw, [data-module-id="hero-1771965197335-l6oup3wcw"] {background-size: cover !important; margin-bottom: 0px !important; padding-bottom: 0px !important; background-repeat: repeat-x !important;}



   [data-field="subheadline"] { color: #000 !important; margin: -20px 0 0 18vw !important;  font-family:'Trebuchet MS',Helvetica,sans-serif !important; font-style: italic !important; font-weight: 600 !important;}

   [data-field="tagline"]  { color: #000 !important; font-family: "Manrope",Helvetica,sans-serif !important; font-weight: 500 !important; font-size: 1rem !important; max-width: 440px; }



   [data-container-id="container-1772747136421-iq7rifi13"] {display:flex;flex-wrap:wrap;box-sizing:border-box;width:100%;gap:20px;padding:10px; }

/*
    [data-container-id="container-1771678995464-s1ejb5gah"] {
  background: linear-gradient(135deg, rgb(249, 232, 185) 0%, rgb(237, 189, 12) 100%) !important;
    }

 [data-container-id="container-1771678221922-tghu2rk3m"] {
  background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(239, 239, 239) 100%) !important; padding: 0 10px !important;
    }
*/

/* ========== MOBILE NUCLEAR RESET ========== */
@media screen and (max-width: 640px) {



[data-field="headline"] { font-size: 3.5em !important;}

[data-field="subheadline"] { font-size: 1.25em !important;}


[data-container-id="container-1771678995464-s1ejb5gah"] .image-container { margin: 5px; }

  [data-container-id="container-1771678995464-s1ejb5gah"][data-child-index="1"] {
    margin-top: 10px !important;
    z-index: 1 !important;
    min-width: 200px !important;
  }
  [data-field="subheadline"] {
    margin: 0 !important;
  }
  [data-field="tagline"] {
    max-width: 100% !important;
  }
  #moduleContainer,
  .module-container,
  .container-child-slot,
  .module-wrapper-v2,
  .module-wrapper {
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }

   #moduleContainer,
  .module-container
{padding: 0 2.5px 0 2.5px !important;}

[data-field="tagline"]{font-size: .75rem !important;}

  .module-editable,
  .module-content,
  .module-text,
  .module-image,
  .module-button,
  .module-form,
  .module-section,
  .module-hero {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .container-child-slot {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}


.time-blocks { margin: 0 auto; text-align: center; }
.time-blocks button { max-width: 200px; display: inline-block; margin: 20px; }



.time-blocks button { background-color: #333; color: #fff; }


.time-blocks button.active {
  background-color: #2a7ae2;
  color: white;
}






.CustomHtmlAddOn {
  max-width: 360px;              /* Smaller footprint */
  margin: .5rem auto;           /* Less top/bottom space */
  padding: .5rem;              /* Reduced from 2rem */
  border-radius: 0.75rem;        /* Smaller radius */
  box-shadow: 0 0.25rem 1rem rgba(0,0,0,0.08);  /* Lighter shadow */
  font-family: system-ui, sans-serif;
  background: rgba(0,0,0,0.08);
}

.CustomHtmlAddOn h2 {
  font-size: clamp(1.2em, 1.35vw, 1.5em);  /* Smaller clamp */
  margin: 0 0 1rem 0;                 /* Tighter bottom */
  color: #1a1a1a;
  text-align: left;
  font-weight: 600;
}

.CustomHtmlAddOn form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;                      /* Reduced gap */
}

.CustomHtmlAddOn table {
  width: 100%;
  border-collapse: collapse;
}

.CustomHtmlAddOn td {
  padding: 0.25rem 0;                 /* Tighter */
}

.CustomHtmlAddOn select,
.CustomHtmlAddOn input[type="text"], .CustomHtmlAddOn input[type="date"] {
  width: 100%;
  padding: 0.225rem 0.275rem;        /* Smaller padding */
  border: 2px solid #d1d5db;
  border-radius: 0.375rem;           /* Smaller radius */
  font-size: 0.85rem;                /* Slightly smaller text */
  font-family: inherit;
  background: white;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}

.CustomHtmlAddOn select:focus,
.CustomHtmlAddOn input[type="text"]:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59,130,246,0.15);  /* Smaller glow */
}
.CustomHtmlAddOn .submitwrap {
 width: 100%;  
  margin: 0 auto;                  /* Fixed smaller height */
  padding: 5px;
  border: none;
  border-radius: 0.375rem;

  cursor: pointer;
  transition: all 0.15s ease;
  max-height: 30px; 
}
.CustomHtmlAddOn input[type="image"] {
  min-width: 96px;  
  min-height: 21px;
  margin: 0 auto;                  /* Fixed smaller height */
  padding: 0px;
  border: none;
  cursor: pointer;
  transition: all 0.15s ease;
  text-align: center;
  display: block;
}

.CustomHtmlAddOn input[type="image"]:hover {
  transform: translateY(-0.5px);
  box-shadow: 0 0.125rem 0.5rem rgba(59,130,246,0.25);
}

/* Show table labels as proper labels */
.CustomHtmlAddOn td:first-child {
  font-weight: 500;
  color: #4b5563;
  padding-bottom: 0.25rem;
  font-size: 0.9rem;
}

/* Mobile-first responsive */
@media (max-width: 768px) {
  .CustomHtmlAddOn {
    max-width: none;
    margin: 1rem;
    padding: 1rem;
  }
  

  
  .CustomHtmlAddOn input[type="image"] {
    height: 38px;
  }
}

@media (max-width: 480px) {
  .CustomHtmlAddOn {
    padding: 0.875rem;
  }
}