/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* DEFAULTS */


.dubforms_form label {
    display: block;
    vertical-align: middle;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 100;
}

.dubforms_form input,
.dubforms_form textarea {
    display: block;
    margin-top: 0;
    margin-bottom: 25px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #aaa;
    padding: 1rem 2rem;
    font-size: 20px;
    outline: 0;
    color: #323e4a;
    box-sizing: border-box;
}

.dubforms_form textarea {
    min-height: 200px;
}



/* SHARED */



/* Required Fields */

[class*="dubforms_field_wrap-"] {
  position: relative;
}

.dubforms_req::before {
  color: red;
  content: "required *";
  font-size: 15px;
  font-style: italic;
  font-weight: 100;
  position: absolute;
  right: 0px;
  bottom: 10px;
  z-index: 9;
  top: auto;
  height: 15px;
}

/* Override for Universal Address Fields */

.dubforms_group_wrap-universal_address .dubforms_req::before {
  bottom: -15px;
}


/* Tooltip */

.dubforms_form [class^="dubforms_field_"] .dubforms_field_tooltip {
  margin: 0 0 5px 4px;
  background-color: #fcd311;
  width: 30px;
  border-radius: 50%;
  height: 30px;
  text-align: center;
  font-weight: 900;
  display: inline-block;
  font-size: 20px;
  vertical-align: bottom;
}

.dubforms_form [class^="dubforms_field_"] .dubforms_field_tooltip > * {
  line-height: 1;
}


/* Fix for Sheet Template Padding */

.edit-company-listing .fmw-content__wrap > .fmw-content__item .fmw-content__area,
.edit-presenter-listing .fmw-content__wrap > .fmw-content__item .fmw-content__area,
.edit-webinar-listing .fmw-content__wrap > .fmw-content__item .fmw-content__area {
  padding: 4.5rem 6rem;
}


/* Submit Button Override */

.dubforms_form .dubforms_field_wrap-submit.btn-theme {
  margin: 0;
}


/* Don't show label for submit */

.dubforms_form .dubforms_field_wrap-submit label {
  display: none;
}


/* Ajax Response */

.dubforms_form .dubforms_group_wrap-ajax * {
	margin: 0 auto;
}

.dubforms_field_wrap-response {
	position: relative;
	overflow: hidden;
}

.dubforms_field_response-inner {
	background-color: #e2f3f3;
  border-radius: 10px;
}

.dubforms_field_response-inner.fail {
	background-color: #ffe0e0;
}

.dubforms_field_response-inner.sucess {
	background-color: #b7f7b4;
}

.dubforms_form .dubforms_field_response-inner > * {
	padding: 25px;
  margin-top: 15px;
  margin-bottom: 0;
}

.dubforms_field_response-close {
  position: absolute;
  right: 10px;
  top: 25px;
  color: red;
  cursor: pointer;
}


/* File Upload */

.dubforms_form input[type="file"] {
  display: none;
}

.fmw .dubforms_form .fmw-upload-area {
  text-align: center;
  padding: 50px;
}

.dubforms_form .fmw-upload-area * {
  margin-bottom: 0;
}

.dubforms_form .fmw-upload-area .fmw-upload-area--button {
  display: inline-block;
  margin-bottom: 0;
  cursor: pointer;
}

.dubforms_form .fmw-upload-area .fmw-upload-area--button > * {
  font-size: 20px;
  padding: 15px 25px;
}

.dubforms_form .fmw-upload-area--helper {
  font-weight: 900;
}


/* Industry Select */

.dubforms_form .dubforms_select_wrap option {
  padding: 10px;
  line-height: 2;
  margin: 0;
}


/* Fix for Special Inputs */

.dubforms_form input[type="number"] {
  padding-right: 0;
}

.dubforms_form input[type="date"],
.dubforms_form input[type="time"] {
  padding-right: 10px;
}


/* Loader */

.dubforms_loader-wrap {
  display: block;
  text-align: center;
}

.dubforms_loader {
  width: 80px;
  height: 80px;
}

.dubforms_loader:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fed;
  border-color: #fed transparent #fed transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



/* Captchas */



/* -- secure-image */

.dubforms_field_wrap-captcha.provider-securimage [name*="captcha"] > div {
  display: grid;
  grid-template-areas:
    "capt-input capt-audio capt-img"
    "capt-input capt-refresh capt-img";
  grid-template-columns: minmax(0, 1fr) 50px minmax(0, auto);
}

.dubforms_field_wrap-captcha.provider-securimage [name*="captcha"] > div * {
  margin-bottom: 0;
}

.dubforms_field_wrap-captcha.provider-securimage #captcha_image {
  grid-area: capt-img;
}

.dubforms_field_wrap-captcha.provider-securimage #captcha_image_audio_div {
  display: none;
}

.dubforms_field_wrap-captcha.provider-securimage #captcha_image_audio_controls {
  grid-area: capt-audio;
  width: 50px;
  text-align: center;
  display: block;
}

.dubforms_field_wrap-captcha.provider-securimage [name*="captcha"] a {
  grid-area: capt-refresh;
  width: 45px;
  text-align: center;
}

.dubforms_field_wrap-captcha.provider-securimage [name*="captcha"] br {
  grid-area: capt-br;
  display: none;
}

.dubforms_field_wrap-captcha.provider-securimage [name*="captcha"] > div > div {
  display: none;
}

.dubforms_field_wrap-captcha.provider-securimage [name*="captcha"] > div label {
  grid-area: capt-label;
  display: none;
}

.dubforms_field_wrap-captcha.provider-securimage [name*="captcha"] #captcha_code {
  grid-area: capt-input;
}


/*-- Re-captcha */

.dubforms_field_wrap-captcha.provider-re-captcha .dub_captcha {
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-gap: 25px;
}

.dubforms_field_wrap-captcha.provider-re-captcha .dub_captcha * {
  margin: 0;
}


/*-- hCaptcha */

.dubforms_field_wrap-captcha.provider-h-captcha * {
  margin-bottom: 0;
}



/* CORE */



/* Register */

.form-register .dubforms_field_wrap-first_name,
.form-register .dubforms_field_wrap-last_name {
  width: 50%;
  display: inline-block;
  margin-bottom: 0;
}

.form-register .dubforms_field_wrap-first_name {
  padding-right: 50px;
}

.dubforms_form.form-register .dubforms_req::before {
  bottom: -25px;
  line-height: 0;
}

.dubforms_form.form-register .dubforms_field_wrap-first_name.dubforms_req::before {
  right: 50px;
  bottom: 0px;
}


/* CUSTOM */



/* Company Form */

.dubforms_form.form-add-company {
  display: grid;
  grid-column-gap: 50px;
  grid-template-areas:
  	"name name"
  	"description description"
    "bio bio"
  	"fun_facts fun_facts"
  	"universal_address tax_terms"
    "company_logo company_logo"
  	"submit submit";
}

.dubforms_form.form-add-company .dubforms_field_wrap-name {
  grid-area: name;
}

.dubforms_form.form-add-company .dubforms_field_wrap-website {
  grid-area: website;
}

.dubforms_form.form-add-company .dubforms_field_wrap-tax_terms {
  grid-area: tax_terms;
  align-content: stretch;
  display: grid;
  grid-template-rows: min-content auto;
}

.dubforms_form.form-add-company .dubforms_group_wrap-universal_address {
  grid-area: universal_address;
}

.dubforms_form.form-add-company .dubforms_field_wrap-short_description {
  grid-area: description;
}

.dubforms_form.form-add-company .dubforms_field_wrap-full_bio {
  grid-area: bio;
}

.dubforms_form.form-add-company .dubforms_field_wrap-fun_facts {
  grid-area: fun_facts;
}

.dubforms_form.form-add-company .dubforms_group_wrap-ajax {
  grid-area: submit;
}

.dubforms_form.form-add-company .dubforms_field_wrap-company_logo {
  grid-area: company_logo;
}

.dubforms_form.form-add-company .dubforms_field_wrap-tax_terms .dubforms_select_wrap {
  display: flex;
  flex: 2 1 auto;
  margin-bottom: 0;
}


/* Presenter Form */

.dubforms_form.form-add-presenter {
  display: grid;
  grid-column-gap: 50px;
  grid-template-areas:
    "universal_name universal_name"
    "short_description short_description"
    "video_url video_url"
    "file_upload file_upload"
    "full_bio full_bio"
    "quote_text quote_text"
    "quote_author quote_author"
    "ajax ajax";
}

.dubforms_form.form-add-presenter .dubforms_group_wrap-universal_name {
  grid-area: universal_name;
  margin-bottom: 0;
}
/*
.dubforms_form.form-add-presenter .dubforms_field_wrap-first_name {
  grid-area: first_name;
}

.dubforms_form.form-add-presenter .dubforms_field_wrap-last_name {
  grid-area: last_name;
}

.dubforms_form.form-add-presenter .dubforms_field_wrap-professional_title {
  grid-area: professional_title;
}
*/
.dubforms_form.form-add-presenter .dubforms_field_wrap-short_description {
  grid-area: short_description;
}

.dubforms_form.form-add-presenter .dubforms_field_wrap-website {
  grid-area: website;
}

.dubforms_form.form-add-presenter .dubforms_field_wrap-file_upload {
  grid-area: file_upload;
}

.dubforms_form.form-add-presenter .dubforms_field_wrap-video_url {
  grid-area: video_url;
}

.dubforms_form.form-add-presenter .dubforms_field_wrap-full_bio {
  grid-area: full_bio;
}

.dubforms_form.form-add-presenter .dubforms_field_wrap-quote_text {
  grid-area: quote_text;
}

.dubforms_form.form-add-presenter .dubforms_field_wrap-quote_author {
  grid-area: quote_author;
}

.dubforms_form.form-add-presenter .dubforms_group_wrap-ajax {
  grid-area: ajax;
}


/* Webinar Form */

.dubforms_form.form-add-webinar {
  display: grid;
  grid-column-gap: 50px;
  grid-template-areas:
    "name name tax_terms"
    "subject subject tax_terms"
    "description description description"
    "why_attend why_attend why_attend"
    "website website website"
    "tags tags tags"
    "universal_datetime_event universal_datetime_event universal_datetime_event"
    "main_image main_image main_image"
    "tile1 tile2 tile3"
    "thumbnail thumbnail thumbnail"
    "quote_text quote_text quote_text"
    "quote_author quote_author quote_author"
    "ajax ajax ajax";
}

.form-add-webinar .dubforms_field_wrap-name {
  grid-area: name;
}

.form-add-webinar .dubforms_field_wrap-tax_terms {
  grid-area: tax_terms;
}

.form-add-webinar .dubforms_field_wrap-subject {
  grid-area: subject;
}

.form-add-webinar .dubforms_field_wrap-description {
  grid-area: description;
}

.form-add-webinar .dubforms_field_wrap-why_attend {
  grid-area: why_attend;
}

.form-add-webinar .dubforms_field_wrap-website {
  grid-area: website;
}

.form-add-webinar .dubforms_field_wrap-webinar_tags {
  grid-area: tags;
}

.form-add-webinar .dubforms_group_wrap-universal_datetime_event {
  grid-area: universal_datetime_event;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 25px;
}

.form-add-webinar .dubforms_field_wrap-main_image {
  grid-area: main_image;
}

.form-add-webinar .dubforms_field_wrap-tile1 {
  grid-area: tile1;
}

.form-add-webinar .dubforms_field_wrap-tile2 {
  grid-area: tile2;
}

.form-add-webinar .dubforms_field_wrap-tile3 {
  grid-area: tile3;
}

.form-add-webinar .dubforms_field_wrap-thumbnail {
  grid-area: thumbnail;
}

.form-add-webinar .dubforms_field_wrap-quote_text {
  grid-area: quote_text;
}

.form-add-webinar .dubforms_field_wrap-quote_author {
  grid-area: quote_author;
}

.form-add-webinar .dubforms_group_wrap-ajax {
  grid-area: ajax;
}

.form-add-webinar select {
  height: 70px;
}

/* new styl */

.form-add-webinar .dubforms_field_wrap-tax_terms .dubforms_select_wrap select {
  height: auto;
  margin-bottom: 0;
  flex: 2 1 auto;
  flex-direction: row;
}

.form-add-webinar .dubforms_field_wrap-tax_terms .dubforms_select_wrap {
  display: flex;
  flex: 2 0 auto;
  flex-direction: column;
}

.form-add-webinar .dubforms_field_wrap-tax_terms {
  grid-row: 1 / 3;
  display: grid;
  grid-template-rows: auto 1fr;
}

/* Remind Me / Datetime */

.dubforms_form .dubforms_group_wrap-universal_datetime {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 25px;
  margin-bottom: 25px;
}

.dubforms_form .dubforms_group_wrap-universal_datetime * {
  margin-bottom: 0;
}

.dubforms_form .dubforms_group_wrap-remind_me {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
  margin-bottom: 0;
}

.dubforms_form .dubforms_group_wrap-remind_me > * {
  border: 1px solid #aaa;
  padding: 25px;
  border-radius: 10px;
}

.dubforms_form.form-remind-me #time_zone {
  padding: 22px;
}

.dubforms_form.form-remind-me .dubforms_req::before {
  bottom: -10px;
}

/* Upload Image Areas */



/* Company Form Images */

.dubforms_field_wrap-company_logo img:not([src*="icon_uploadcloud.svg"]) {
  width: 400px;
  height: auto;
  max-height: 400px;
  max-width: 400px;
}


/* Webinar Form Images */

.dubforms_field_wrap-main_image img:not([src*="icon_uploadcloud.svg"]) {
  width: 933px;
  height: 600px;
}

[class*="dubforms_field_wrap-tile"] img:not([src*="icon_uploadcloud.svg"]) {
  width: 225px;
  height: auto;
  max-height: 150px;
}

.dubforms_field_wrap-thumbnail img:not([src*="icon_uploadcloud.svg"]) {
  width: 400px;
  height: 240px;
}


/* Presenter Form Images */

.dubforms_field_wrap-photo img:not([src*="icon_uploadcloud.svg"]) {
  width: 300px;
  height: 300px;
  border-radius: 15px;
  border: 1px solid #ddd;
}

.dubforms_field_wrap-avatar img:not([src*="icon_uploadcloud.svg"]) {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
}


/* New Images Sized in Upload Areas */

.dubforms_field_wrap-company_logo,
.dubforms_field_wrap-photo,
.dubforms_field_wrap-avatar,
.dubforms_field_wrap-main_image,
.dubforms_field_wrap-thumbnail,
[class*="dubforms_field_wrap-tile"] {
  display: flex;
  flex-direction: column;
}

.dubforms_form .fmw-upload-area {
  display: grid;
  grid-template-rows: auto;
  flex: 1;
  text-align: center;
}

.dubforms_form .fmw-upload-area img {
  margin: auto;
}

.fmw-upload-area .fmw-upload-area--helper {
  line-height: 1.5;
}


/* Contact Us Form */


.dubforms_form.form-contact-us .dubforms_field_wrap-submit.btn-theme {
  margin: 50px 0 0;
}

@media screen and (min-width: 1400px) {
  .dubforms_form.form-contact-us {
      display: grid;
      grid-template-areas:
          "name message"
          "email message"
          "subject message"
          "captcha submit"
          "response response";
      grid-column-gap: 50px;
      grid-template-columns: 1fr 2fr;
  }

  .dubforms_form.form-contact-us .dubforms_field_wrap-name {
      grid-area: name;
  }

  .dubforms_form.form-contact-us .dubforms_field_wrap-email {
      grid-area: email;
  }

  .dubforms_form.form-contact-us .dubforms_field_wrap-subject {
      grid-area: subject;
  }

  .dubforms_form.form-contact-us .dubforms_field_wrap-message {
      grid-area: message;
  }

  .dubforms_form.form-contact-us .dubforms_field_wrap-captcha.provider-securimage {
      grid-area: captcha;
  }

  .dubforms_form.form-contact-us .dubforms_field_wrap-response {
      grid-area: response;
  }

  .dubforms_form.form-contact-us .dubforms_field_wrap-submit {
      grid-area: submit;
  }

  .dubforms_form.form-contact-us .dubforms_field_wrap-captcha.provider-securimage #captcha_code {
      padding: 1rem;
  }

  .dubforms_form.form-contact-us .dubforms_field_wrap-submit.btn-theme {
    margin: 0;
  }

  .dubforms_form.form-contact-us .dubforms_field_wrap-submit,
  .dubforms_form.form-contact-us .dubforms_field_wrap-submit input {
      min-height: 100%;
      flex: 1;
      flex-direction: row;
      display: flex;
      text-align: center;
      justify-content: center;
  }

  .dubforms_form.form-contact-us textarea {
      height: calc(100% - 2rem - 25px);
  }

}