/* Nomad Sailing custom.css*/

/* switches off the pagebuilder link on each page */
#sp-page-builder .sp-pagebuilder-page-edit  {display:none !important; opacity: 0; z-index: -1;}

/* preset1 megamenu subitem hover */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  background: #44577b;
}

.btn-group {
  display:none;
}

/* selector to add the external link glyph to links   */
a[target="_blank"]:after {
    font-family: 'FontAwesome';
    content: " \f08e";
}

#sp-main-body {
  padding: 0 0;
}

/* 2017-11-16 Jim changes to enable images to be better aligned in the image content addon */
.sppb-addon-image-content.aligment-right .sppb-content-holder {
  padding: 0px 10px 10px 0px;
}


/* header changes */

#sp-top-bar  .sp-retina-logo {
    display: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
  #sp-top-bar .sp-default-logo {
    display: none;
  }
  #sp-top-bar .sp-retina-logo {
    display: block;
  }
}

/* to allow the phone numbers to align right on the page margin */
#sp-top-bar .sp-module {
  display: block;
}

#sp-page-builder .sppb-section-title .sppb-title-heading {
 margin-top: 35px;
 margin-bottom: 15px;
}


#sp-page-builder .sppb-section-title  {
 margin-top: 10px;
 margin-bottom: 5px;
}


/* megamenu spacing. exists in template.css too but custom.css (this file is loaded last so overides) */

.sp-megamenu-parent >li >a,
.sp-megamenu-parent >li >span {
  display: inline-block;
  padding: 0 10px; /* blacknell */
  line-height: 90px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #000;
  margin: 0;
}

/* course dates tables */

table.nomad-courses {
  width: 100%;
}

thead.nomad-courses {
  font-size: 16px;
  font-weight: bold;
  height: 50px;
  background-color: #adbad2;
}

tr.nomad-courses:nth-child(even) {background-color: #f2f2f2}
tr.nomad-courses {
}

td.nomad-courses, th.nomad-courses {
  border-bottom: 1px solid #ddd;
  padding: 0px 10px 0px 10px;
}

td.nomad-courses-loading {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  vertical-align: middle;
}

td.nomad-courses-actions {
  text-align: center;
}

th.nomad-courses-desc {
  width: 29%;
}
th.nomad-courses-dates {
  width: 25%;
}

th.nomad-courses-cost {
}

th.nomad-courses-actions {
}

span.nomad-courses-sellingout {
  color:red;
}

/* contact form */

table.nomad-contact {
  width: 80%;
}

tr.nomad-contact {
}

input.nomad-contact-textbox {
  width: 70%;  
}

textarea.nomad-contact-textarea {
  width: 70%;
  height: unset;
}

input.nomad-contact-checkbox {
  margin-right: 10px;
}

label.nomad-contact-checkbox-label {
  width: 70%;
}

td.nomad-contact {
  padding: 5px 5px 5px 5px;
}

td.nomad-contact-label {
  width: 15%;
  text-align: right;
}

td.nomad-contact-field {
  width: 80%;
}

td.nomad-contact-error {
  color: red;
  font-weight: bold;
}


/* booking form */

.nomad-booking-btn {
  border-color: #adbad2;
}

table.nomad-booking {
  width: 60%;
}

tr.nomad-booking {
}

td.nomad-booking, th.nomad-booking {
  padding: 5px 0px 5px 0px;
}

td.nomad-booking-label {
  padding: 5px 10px 5px 0px;
  text-align: right;
}

td.nomad-booking-option-label {
  vertical-align: top;
}

td.nomad-booking-summary-label {
  vertical-align: middle;
}

td.nomad-booking-field {
  width: 60%;
/*  vertical-align: top; */
  padding: 5px 10px 5px 0px;

}

textarea.nomad-invalid, input.nomad-invalid {
    border-color: red !important;
/*    display: none; */
}

td.nomad-booking-price {
/*  width: 15%; */
  vertical-align: middle;
  padding: 0px 0px 0px 10px;
}

td.nomad-booking-button {
/*  width: 15%; */
  padding: 10px 10px 10px 0px;
}

td.nomad-booking-error {
  color: red;
  font-weight: bold;
}

input.nomad-booking-textitem {
  width: 100%;
}

/* contact form (block layout) */
.nomad-contact {
  max-width: 640px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.nomad-contact .nomad-field label {
  display: block;
  margin-bottom: 4px;
  font-weight: 600;
}

.nomad-contact input[type="text"],
.nomad-contact input[type="email"],
.nomad-contact textarea {
  width: 100% !important;
  box-sizing: border-box;
  display: block;
}

.nomad-contact textarea {
  min-height: 160px;
  resize: vertical;
}

.nomad-contact .nomad-field.checkbox label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
}

.nomad-contact .nomad-actions {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.nomad-contact .nomad-error {
  color: red;
}

.nomad-contact .nomad-success {
  color: green;
}

/* harden textarea width when builder CSS overrides form elements */
form#nomad-contact-form textarea#contact-message {
  width: 100% !important;
  display: block;
}