.elementor-2863 .elementor-element.elementor-element-6e6c745{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.66;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2863 .elementor-element.elementor-element-6e6c745:not(.elementor-motion-effects-element-type-background), .elementor-2863 .elementor-element.elementor-element-6e6c745 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://charlestoncrabhouse.com/wp-content/uploads/2025/03/shemcreek-pier.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2863 .elementor-element.elementor-element-6e6c745::before, .elementor-2863 .elementor-element.elementor-element-6e6c745 > .elementor-background-video-container::before, .elementor-2863 .elementor-element.elementor-element-6e6c745 > .e-con-inner > .elementor-background-video-container::before, .elementor-2863 .elementor-element.elementor-element-6e6c745 > .elementor-background-slideshow::before, .elementor-2863 .elementor-element.elementor-element-6e6c745 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2863 .elementor-element.elementor-element-6e6c745 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-232e441 );--background-overlay:'';}.elementor-2863 .elementor-element.elementor-element-9290b03{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2863 .elementor-element.elementor-element-a8eaf2a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2863 .elementor-element.elementor-element-c024cd7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2863 .elementor-element.elementor-element-abd1fd5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-2863 .elementor-element.elementor-element-3f6e0c4 .elementor-heading-title{font-family:"Londrina Solid", Sans-serif;font-size:30px;font-weight:500;color:#E23339;}.elementor-2863 .elementor-element.elementor-element-e7e2bf9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2863 .elementor-element.elementor-element-2767f4d{color:var( --e-global-color-cee2647 );}.elementor-2863 .elementor-element.elementor-element-af3cac6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2863 .elementor-element.elementor-element-0c765ba{--display:flex;--min-height:648px;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2863 .elementor-element.elementor-element-9290b03{--margin-top:0120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-2863 .elementor-element.elementor-element-9290b03{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2863 .elementor-element.elementor-element-3f6e0c4 .elementor-heading-title{font-size:25px;}.elementor-2863 .elementor-element.elementor-element-0c765ba{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-2863 .elementor-element.elementor-element-9290b03{--width:750px;}.elementor-2863 .elementor-element.elementor-element-a8eaf2a{--width:100%;}.elementor-2863 .elementor-element.elementor-element-af3cac6{--width:100%;}.elementor-2863 .elementor-element.elementor-element-0c765ba{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2863 .elementor-element.elementor-element-a8eaf2a{--width:85%;}.elementor-2863 .elementor-element.elementor-element-af3cac6{--width:85%;}}/* Start custom CSS for container, class: .elementor-element-0c765ba *//* === Tripleseat Form Styling (Full Width + Custom Look) === */
.tripleseat-form form {
  background: rgba(255, 255, 255, 0.95);
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
  font-family: 'Roboto', sans-serif;
  width: 100%;
  box-sizing: border-box;
}

/* Headings */
.tripleseat-form h2,
.tripleseat-form h3,
.tripleseat-form legend {
  color: #ffffff;
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 10px;
  text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* Form Labels - White */
.tripleseat-form form * label,
.tripleseat-form label,
.tripleseat-form .ts-form label {
  color: #ffffff !important;
  font-weight: 600;
  display: block;
  margin-bottom: 6px;
  font-size: 16px;
}

/* Inputs, textareas, selects */
.tripleseat-form input[type="text"],
.tripleseat-form input[type="email"],
.tripleseat-form input[type="tel"],
.tripleseat-form input[type="date"],
.tripleseat-form input[type="time"],
.tripleseat-form select,
.tripleseat-form textarea {
  width: 100% !important;
  padding: 12px 15px;
  margin-top: 5px;
  margin-bottom: 20px;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-size: 15px;
  background: #fff;
  color: #000;
  box-sizing: border-box;
}

/* Placeholder styling */
.tripleseat-form input::placeholder,
.tripleseat-form textarea::placeholder {
  color: #666666;
}

/* Field group spacing */
.tripleseat-form .form-question,
.tripleseat-form .field,
.tripleseat-form .form-field {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

/* Force full-width fields inside field groups */
.tripleseat-form .form-question input,
.tripleseat-form .form-question select,
.tripleseat-form .form-question textarea {
  width: 100% !important;
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}

/* Make Phone and Extension share space */
.tripleseat-form .field.phone {
  display: flex;
  gap: 15px;
}
.tripleseat-form .field.phone input[type="tel"] {
  flex: 3;
}
.tripleseat-form .field.phone input[name*="ext"],
.tripleseat-form input[name="extension"] {
  flex: 1;
}

/* Name fields side by side on desktop */
@media (min-width: 769px) {
  .tripleseat-form .field.name {
    display: flex;
    gap: 15px;
  }
  .tripleseat-form .field.name input[type="text"] {
    flex: 1;
  }
}

/* Submit Button */
.tripleseat-form input[type="submit"] {
  background-color: #FFB700;
  color: #ffffff !important;
  font-weight: bold;
  font-size: 16px;
  padding: 14px 30px;
  border: none;
  border-radius: 8px;
  margin-top: 20px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  text-align: center;
}

.tripleseat-form input[type="submit"]:hover {
  background-color: #28a745 !important; /* Green on hover */
}

/* ReCAPTCHA spacing */
.tripleseat-form .g-recaptcha {
  margin: 20px 0;
}

/* Checkbox/confirmation styles */
.tripleseat-form input[type="checkbox"] + label {
  color: #ffffff !important;
  font-weight: 400;
  display: inline-block;
  margin-left: 8px;
}

/* Responsive Fixes */
@media (max-width: 768px) {
  .tripleseat-form form {
    padding: 20px;
  }
  .tripleseat-form input[type="submit"] {
    width: 100%;
  }
}/* End custom CSS */