/*
 * Custom Styles for Mayakoba Frequent Visitors Registration Form
 *
 */

 /*-------------------------------
  Frequent Visitors Styles
---------------------------------*/

.page-template-fvregistration {
  padding-top: 0;
}

.page-template-fvregistration .pw-form-container {
  width: 100vw;
  height: 100vh;  
  background-image: url('https://www.mayakoba.com/wp-content/uploads/2019/07/background-edited.jpg');
  background-size: cover;
  background-position: top center;
}

.page-template-fvregistration .pw-form-container form {
  max-width: 28.13rem;
  background-color: #fff;
  padding: 1.25rem 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.page-template-fvregistration .pw-form-container form .pw-protect-btn {
  min-width: 1px;  
  height: 2.5rem;
  background-color: #6CA8DB;
  font-size: .9rem;
  color: #fff;
  line-height: 1;  
  border: 1px solid #6CA8DB;
  padding: 0 2rem;
  margin: 0;
}

.page-template-fvregistration .pw-form-container form .form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  
  height: 2.5rem;
  max-width: 100%;
  background: #f6f7f7;
  font-family: 'Optima', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  color: #3e3e3e;
  line-height: 1;
  border: 1px solid #f6f7f7;
  border-radius: 0;
  outline: none;
  padding: 0.375rem 0.625rem;
}

.page-template-fvregistration .pw-form-container form  .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.page-template-fvregistration .registration-page .mobile-hero {
  height: 30vh;
  background-image: url('https://www.mayakoba.com/wp-content/uploads/2019/07/background-edited.jpg');
  background-size: cover;
  background-position: top center;
}

.page-template-fvregistration .modal.fade.show {
  opacity: 1 !important;
}

.page-template-fvregistration .modal-content {
  border-radius: 0;
}

.page-template-fvregistration .modal-header {
  display: block !important;
  border: none;
  position: relative;
}

.page-template-fvregistration .modal-header .modal-title {
  font-family: 'beausite';
  font-size: 1.25rem;
  text-align: center;
  text-transform: capitalize;
  line-height: 1.2;
}

.page-template-fvregistration .modal-header .close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: .75rem 1rem 1.25rem;
  opacity: 1;
}

.page-template-fvregistration .modal-body {
  font-size: 0.875rem;
  line-height: 1.2;
}

.page-template-fvregistration .modal-body .small {
  font-size: 0.625rem;
  color: #919191;
  line-height: 1;
}

.page-template-fvregistration .modal-body .badge-pill {
  background-color: rgba(108, 168, 219, .2);
  font-size: 0.6875rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-top: 1px;
  margin-right: .625rem;
}

.page-template-fvregistration .modal-body .badge-pill {
  width: 62px;    
}

.page-template-fvregistration.es .modal-body .badge-pill {
  width: 130px;    
}

.page-template-fvregistration .modal-body .media {
  margin-bottom: 0.3125rem;
}

.page-template-fvregistration .modal-body .row {
  border-left: 1px solid #979797;
  margin-left: 0;
  margin-bottom: 1.25rem;
}

.page-template-fvregistration .modal-body .row img {
  height: auto;
  margin-bottom: .625rem;
}

.page-template-fvregistration .modal-body .row.row-andaz img {
  width: 200px;
}

.page-template-fvregistration .modal-body .row.row-banyan img {
  width: 128px;  
}

.page-template-fvregistration .modal-body .row.row-fairmont img {
  width: 120px;  
}

.page-template-fvregistration .modal-body .row.row-rosewood img {
  width: 116px;  
}

.page-template-fvregistration .modal-body .row.row-elcam img {
  width: 102px; 
}

.page-template-fvregistration .registration-page .form-container {
  background-color: #fff;
  position: relative;
  padding: 3.125rem 0 1.25rem;
}

.page-template-fvregistration .registration-page .form-container .frm_fields_container {
  max-width: 85%;
  margin: auto;  
}

.page-template-fvregistration button.benefits-btn {
  height: 30px;
  background-color: #6CA8DB;
  font-family: 'optima-reg';
  font-size: .75rem;
  font-weight: 700;
  color: #fff;
  text-transform: capitalize;
  letter-spacing: .5px;
  border-radius: 0;
  padding: 0 20px;
  position: absolute;
  top: 0;
  right: -15px;
}

.page-template-fvregistration button.benefits-btn:before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 30px 0;
  border-color: transparent #6ca7db transparent transparent;
  position: absolute;
  top: -1px;
  left: -20px;
}

.page-template-fvregistration button.btn.focus, 
.page-template-fvregistration button.btn:focus {
  outline: 0;
  box-shadow: none;
}

.page-template-fvregistration .frm_required {
  color: #FB2121;
}

.page-template-fvregistration ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #919191;
}
.page-template-fvregistration ::-moz-placeholder { /* Firefox 19+ */
  color: #919191;
}
.page-template-fvregistration :-ms-input-placeholder { /* IE 10+ */
  color: #919191;
}
.page-template-fvregistration :-moz-placeholder { /* Firefox 18- */
  color: #919191;
}
 
.frm_style_mayakoba-form-styles.with_frm_style .frm_error {
  font-size: 0.75rem;
  color: #B94A48;
}

.frm_style_mayakoba-form-styles.with_frm_style .frm_error_style {
  background-color: #F2DEDE;
  font-size: 1rem;
  color: #B94A48;
  text-align: center;
  border: 1px solid #EBCCD1;
  border-radius: 0;
  margin-bottom: 1.25rem;
}

.page-template-fvregistration .registration-page .form-container h1 {
  font-size: 1.25rem;
  text-align: center;
}

.page-template-fvregistration .registration-page .form-container span.form-section-title {
  font-family: 'BeausiteSlick-Light-Web';
  font-size: 1.25rem;  
}

.page-template-fvregistration .frm_intro p {
  font-size: 0.9375rem;
  text-align: center;
  line-height: 1.3;
  padding: 0 1rem;
}

.page-template-fvregistration .frm_description {
  font-size: 0.75rem;
  line-height: 1.3;
}

.page-template-fvregistration .frm_forms .frm_rootline input {
  width: 2.5rem;
  height: 2.5rem;
}

.page-template-fvregistration .frm_forms .frm_page_bar input, 
.page-template-fvregistration .frm_forms .frm_page_bar input:disabled {
  min-width: 1px;
  background-color: #eee;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #3e3e3e;
  text-align: center;
  line-height: 0.6875rem;
  letter-spacing: 0;
  border-width: 5px;
  border-color: #fff;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  pointer-events: auto;
  -webkit-appearance: none;
  margin: 0;  
}

.page-template-fvregistration .frm_forms .frm_rootline .frm_current_page input[type="button"] {
  background-color: #6CA8DB;
  color: #fff;
  border-color: #fff;
}

.page-template-fvregistration .frm_rootline.frm_show_lines:before {
  width: 70%;
  border-top-color: #eee;
  top: 1.25rem;
}

.page-template-fvregistration .with_frm_style .frm_form_field:not(.frm_repeat_buttons) {
  margin-bottom: 1.25rem;
}

.page-template-fvregistration .with_frm_style .frm_primary_label {
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: 0.625rem;
}

.page-template-fvregistration .with_frm_style .frm_description {
  text-transform: none;
}

.page-template-fvregistration input[type='text'], 
.page-template-fvregistration input[type='email'], 
.page-template-fvregistration input[type='search'],
.page-template-fvregistration input[type='tel'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  
  width: 100%;
  height: 2.5rem;
  max-width: 100%;
  background: #f6f7f7;
  font-family: 'Optima', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  color: #3e3e3e;
  line-height: 1;
  border: 1px solid #f6f7f7;
  outline: none;
  padding: 0.375rem 0.625rem;
}


.page-template-fvregistration .ui-datepicker * {
  font-family: 'Optima';
}

.page-template-fvregistration #field_en88r,
.page-template-fvregistration.es #field_en88r2 {
  background-image: url('https://www.mayakoba.com/wp-content/themes/mayakoba/img/icon_calendar.png');
  background-repeat: no-repeat;
  background-position: 98% center;
}

.page-template-fvregistration .ui-datepicker .ui-datepicker-header {
  background: #6da9dc!important;
}

.page-template-fvregistration .ui-datepicker td.ui-datepicker-current-day, 
.page-template-fvregistration .ui-datepicker td .ui-state-hover, 
.page-template-fvregistration .ui-datepicker thead {
  background: #7ca0c4 !important;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-month, 
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
  padding: 3px;
}

.page-template-fvregistration .frm_dropzone.dz-clickable {
  margin-top: 0;
  padding-top: 0.625rem;
}

.page-template-fvregistration .frm_dropzone.dz-clickable.frm_single_upload {
  width: 100%;
  max-width: 100%;
}

.page-template-fvregistration .frm_dropzone.dz-clickable.frm_single_upload .dz-message {
  background-color: #F6F7F7;
  border-radius: 0;
  border-color: #D4D4D4;
}

.page-template-fvregistration .frm_dropzone .frm_upload_icon:before {
  content: url(https://www.mayakoba.com/wp-content/themes/mayakoba/img/icon_camera.png);
}

.page-template-fvregistration .frm_dropzone.dz-clickable .dz-message .frm_upload_text {
  display: block;
  font-size: 1rem;
  line-height: 1.3;
  padding: 0 1.25rem;
}

.page-template-fvregistration .frm_dropzone.dz-clickable .dz-message .frm_upload_text:after {
  width: 85%;
  font-size: .75rem;
  color: #919191;
  margin: 1.25rem auto;  
}

.page-template-fvregistration .frm_dropzone.dz-clickable .dz-message .frm_upload_text:after {
  content: "Please make sure photo is head on with a clear background. Minimum size of 800px x 800px. (JPG, PNG or GIF only)";
}

.page-template-fvregistration.es .frm_dropzone.dz-clickable .dz-message .frm_upload_text:after {
  content: "Favor de asegurarse de utilizar una fotografía reciente de rostro con fondo claro. Medida mínima 800 x 800 px. (Únicamente JPG, PNG o GIF)";
}

.page-template-fvregistration .frm_dropzone.dz-clickable .dz-message .frm_small_text {
  font-size: 0.75rem;
  color: #959595;
}

.page-template-fvregistration #frm_desc_field_5jmk6,
.page-template-fvregistration.es #frm_desc_field_5jmk62 {
  font-size: 0.75rem;
  text-align: center;
}

.page-template-fvregistration .frm_checkbox label,
.page-id-1805 .frm_checkbox label {
  font-size: 0.75rem;
  line-height: 1.3;
}

.page-template-fvregistration #frm_field_45_container .frm_checkbox,
.page-template-fvregistration.es #frm_field_74_container .frm_checkbox {
  float: left;
}

.page-template-fvregistration #frm_field_45_container .frm_checkbox:nth-child(odd),
.page-template-fvregistration.es #frm_field_74_container .frm_checkbox:nth-child(odd) {
  width: 30%;
}
.page-template-fvregistration #frm_field_45_container .frm_checkbox:nth-child(even),
.page-template-fvregistration.es #frm_field_74_container .frm_checkbox:nth-child(even) {
  width: 50%;
}

#frm_field_51_container .frm_form_field.frm_two_thirds,
#frm_field_76_container .frm_form_field.frm_two_thirds {
  width: 65.82% !important;
  clear: left !important;
  float: left !important;
  margin-left: 0 !important;  
}

#frm_field_51_container .frm_form_field.frm_third,
#frm_field_76_container .frm_form_field.frm_third {
  width: 31.66% !important;
  clear: none !important;
  float: left !important;
  margin-left: 2.5% !important;  
}

.page-template-fvregistration .with_frm_style .frm_repeat_sec {
  padding-bottom: 0;
  margin-top: 0.625rem;
  margin-bottom: 0;
}

.page-template-fvregistration .frm_add_form_row,
.page-template-fvregistration .frm_form_field div.frm_repeat_grid .frm_add_form_row, 
.page-template-fvregistration .frm_form_field div.frm_repeat_inline .frm_add_form_row, 
.page-template-fvregistration .frm_section_heading div.frm_repeat_sec:last-child .frm_add_form_row,
.page-template-fvregistration .frm_repeat_grid .frm_button, 
.page-template-fvregistration .frm_repeat_inline .frm_button, 
.page-template-fvregistration .frm_repeat_sec .frm_button {
  font-size: .75rem;
  border: none; 
  padding: 0;   
  margin-right: .5rem;
}

.page-template-fvregistration .frm_add_form_row {
  padding-top: 0.625rem;
}

.page-template-fvregistration .frm_icon_font {
  font-size: 0.875rem;
  margin-right: 3px;
}

.page-template-fvregistration .frm_plus_icon:before {
  content: "\e602";
}

.page-template-fvregistration .frm_minus_icon:before {
  content: "\e600";
}

/* Custom Checkboxes */
.page-template-fvregistration .frm_checkbox {
  margin-left: 0px;
  margin-bottom: 0.9375rem !important;
}

.page-template-fvregistration .frm_checkbox label {
  height: auto;
  cursor: pointer;
  text-indent: 0 !important;
  position: relative;
  vertical-align: bottom;
  padding: 0 0 0 1.5625rem !important;
  margin-right: 0.5rem;
  margin-bottom: 0;
}

.page-template-fvregistration .frm_checkbox input[type=checkbox] {
  position: absolute !important;
  margin-left: -9999px;
  visibility: hidden;
}

/* Hide the browser's default checkbox */
.page-template-fvregistration .frm_checkbox label input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.page-template-fvregistration .frm_checkbox span {
  display: inline-block;
  width: 1.125rem;
  height: 1.188rem;
  background-color: #fff;
  background-image: url('https://www.mayakoba.com/wp-content/themes/mayakoba/img/box-unchecked.png');
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: -3px;
  left: 0;
}

/* Show the checkmark when checked */
.page-template-fvregistration .frm_checkbox label input[type=checkbox]:checked ~ span {
  background-image: url('https://www.mayakoba.com/wp-content/themes/mayakoba/img/box-checked.png');  
}

.page-template-fvregistration #frm_checkbox_62-0 label,
.page-template-fvregistration.es #frm_checkbox_89-0 label {
  color: #919191;
}

.page-template-fvregistration .with_frm_style textarea {
  max-width: none;
  background-color: #f6f7f7;
  font-size: 0.75rem;
  font-weight: 400;
  color: #3e3e3e;  
  border-color: #f6f7f7;
  padding: 0.625rem;
}

.page-template-fvregistration .frm_submit {
  padding-top: .625rem;
}

.page-template-fvregistration .frm_submit button {
  height: 2.5rem;
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  line-height: 1.5rem;
}

.page-template-fvregistration .frm_submit button:focus {
  outline: none!important;
}

.page-template-fvregistration .frm_submit .frm_prev_page {
  background-color: #fff;
  color: #979797;  
  border: 1px solid #979797;
  margin-right: 0.9375rem
}

.page-template-fvregistration .frm_submit .frm_button_submit {
  background-color: #6CA8DB;
  color: #fff;
  border: 1px solid #6CA8DB;
}

.page-template-fvregistration .flex-fill {
  -ms-flex: 1 1 0!important;
  flex: 1 1 0!important;
}

.page-template-fvregistration .with_frm_style .frm_error_style, 
.page-template-fvregistration .with_frm_style .frm_message, 
.page-template-fvregistration .frm_success_style {
  text-align: center;
}


@media (min-width: 576px) {
  .page-template-fvregistration .modal-dialog {
    max-width: 85%;
  }  
}

@media (min-width: 768px) {
  .page-template-fvregistration .registration-page {
    min-height: 100vh;
    background-image: url('https://www.mayakoba.com/wp-content/uploads/2019/07/background-edited.jpg');
    background-size: cover;
    background-position: top center;
    padding-top: 7.5rem;
    padding-bottom: 3.75rem;  
  }
  .page-template-fvregistration button.benefits-btn {
    right: 0; 
  }
  .page-template-fvregistration .modal-body {
    font-size: 0.75rem;
  }
  .page-template-fvregistration .modal-body .small {
    font-size: 0.625rem;
  }
  .page-template-fvregistration .modal-header {
    padding: 1.75rem 1rem 1.5rem;
  }
  .page-template-fvregistration .modal-header .close {
    padding: 1rem;
  }  
  .page-template-fvregistration .modal-body .row {
    margin-left: 1.25rem;
    padding-left: 0.625rem;    
  }
  .page-template-fvregistration .registration-page .form-container {
    padding: 3.125rem 1.5rem 1.25rem;
  }  
  .page-template-fvregistration .frm_dropzone.dz-clickable .dz-message .frm_upload_text:after {
    width: 70%;
  }
  .page-template-fvregistration .frm_checkbox label {
    margin-right: 2.5rem;
  }
  .page-template-fvregistration #frm_field_45_container .frm_checkbox:nth-child(odd),
  .page-template-fvregistration #frm_field_45_container .frm_checkbox:nth-child(even),
  .page-template-fvregistration.es #frm_field_74_container .frm_checkbox:nth-child(odd),
  .page-template-fvregistration.es #frm_field_74_container .frm_checkbox:nth-child(even) {
    width: auto;
  }   
  .page-template-fvregistration .frm_submit .frm_button_submit {
    max-width: 60%;
  }  
}

@media (min-width: 992px) {
  .page-template-fvregistration .registration-page .container-fluid {
    padding-left: 3%;    
  }
  .page-template-fvregistration .registration-page .form-container {
    max-width: 36.25rem;
  }
  .page-template-fvregistration .modal-dialog {
    max-width: 800px;
  }
  .page-template-fvregistration .modal-header .modal-title {
    font-size: 1.5rem;
  }
  .page-template-fvregistration .modal-header .close {
    padding: 1.5rem;
  }  
  .page-template-fvregistration .modal-body {
    padding: 0 3.125rem 3.125rem;
  }
  .page-template-fvregistration .modal-body .row {
    border: none;
    margin-left: 0;
    padding-left: 0;    
  }
  .page-template-fvregistration .modal-body .row img {
    padding-right: 1rem;
  }
  .lg-border {
    border-left: 1px solid #979797;
    padding: 0.625rem 2rem;
  }
}


/* End Frequent Visitors Styles */