LA POESÍA EN LA CLASE DE INPUT COMPRENSIBLE

9Apr 2020
@Copyright 2020 Diego Ojeda, this material is intended for educational purposes and it’s free. It is prohibited to profit from it in any way or form. For questions contact Diego Ojeda @diego@srojeda.com
I´D BE MORE THAN HAPPY TO SHARE MY SUCESSFUL SECOND LANGUAGE ACQUISITION APPROACH THROUGH ONE OF MY ONE DAY WORKSHOPS. FOR WORKSHOPS DESCRIPTIONS AND CONTACT INFO PLEASE CLICK HERE
<style>
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 *,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 *::before,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 *::after {
    box-sizing: border-box;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [tabindex="-1"]:focus {
    outline: none !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 h1,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 h2,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 h3,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 h4,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 h5,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 h6 {
    margin-top: 0;
    margin-bottom: 0.7em;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 p {
    margin-top: 0;
    margin-bottom: 1rem;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ol,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ul,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 dl {
    margin-top: 0;
    margin-bottom: 1.4rem;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ol ol,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ul ul,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ol ul,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ul ol {
    margin-bottom: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 strong {
    font-weight: bolder;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 small {
    font-size: 80%;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 sub,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 sub {
    bottom: -0.25em;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 sup {
    top: -0.5em;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 {
    color: #000000;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 a:hover {
    color: #4396fd;
    text-decoration: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 img {
    border-style: none;
    vertical-align: middle;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 svg:not(:root) {
    overflow: hidden;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 area,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [role="button"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 label,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 select,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 summary,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 textarea {
    touch-action: manipulation;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 label {
    display: inline-block;
    font-weight: bolder;
    margin-bottom: 0.7rem;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button:focus {
    outline: 1px dotted;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 select,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 optgroup,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 textarea {
    margin: 0;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input {
    overflow: visible;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 select {
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button,
  html[data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="button"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="reset"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="submit"] {
    -webkit-appearance: button;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 button::-moz-focus-inner,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="button"]::-moz-focus-inner,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="reset"]::-moz-focus-inner,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input[type="radio"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input[type="checkbox"] {
    padding: 0;
    box-sizing: border-box;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input[type="date"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input[type="time"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input[type="datetime-local"],
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 input[type="month"] {
    -webkit-appearance: listbox;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 textarea {
    resize: vertical;
    overflow: auto;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="number"]::-webkit-inner-spin-button,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="search"]::-webkit-search-cancel-button,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 [hidden] {
    display: none !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0;
    outline: 0;
    z-index: -1;
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: opacity 0.4s, visibility 0.4s;
    transition: opacity 0.4s, visibility 0.4s;
    visibility: hidden;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal.fd-is-open {
    opacity: 1;
    z-index: 1040;
    visibility: visible;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__dialog {
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    margin: 30px auto;
    display: -webkit-box;
    display: flex;
    position: relative;
    max-width: 750px;
    min-height: -webkit-calc(100% - 60px);
    min-height: calc(100% - 60px);
    -webkit-box-align: center;
    align-items: center;
    pointer-events: none;
    -webkit-box-pack: center;
    justify-content: center;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__content {
    width: 100%;
    border: 0 solid #d7d7d7;
    display: -webkit-box;
    display: flex;
    outline: 0;
    position: relative;
    background: #fff;
    box-shadow: 6.5px 11.3px 19px 0 rgba(0, 0, 0, 0.11);
    border-radius: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    pointer-events: auto;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__body {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    padding: 0;
    position: relative;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__close {
    top: 0;
    color: #000;
    right: 0;
    width: 40px;
    border: 0;
    cursor: pointer;
    height: 40px;
    margin: 0;
    display: -webkit-box;
    display: flex;
    padding: 0;
    z-index: 9999;
    position: absolute;
    background: transparent;
    -webkit-box-align: center;
    align-items: center;
    line-height: 1;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-appearance: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__close svg {
    color: inherit;
    width: 10px;
    height: auto;
    display: block;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__close:hover,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__close:focus,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__close:active {
    outline: none;
  }

  @media (max-width: 575px) {
    [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-modal__dialog {
      width: -webkit-calc(100% - 30px);
      width: calc(100% - 30px);
      margin: 15px auto;
      min-height: -webkit-calc(100% - 30px);
      min-height: calc(100% - 30px);
    }
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control {
    width: 100%;
    display: block;
    outline: none;
    position: relative;
    -webkit-appearance: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control:focus {
    outline: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control::-webkit-input-placeholder {
    color: transparent !important;
    opacity: 0 !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control::-moz-placeholder {
    color: transparent !important;
    opacity: 0 !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control:-ms-input-placeholder {
    color: transparent !important;
    opacity: 0 !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control::placeholder {
    color: transparent !important;
    opacity: 0 !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-label {
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control:not(:-moz-placeholder-shown)+.fd-form-label {
    opacity: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control:not(:-ms-input-placeholder)+.fd-form-label {
    opacity: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-control:not(:placeholder-shown)+.fd-form-label {
    opacity: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-description {
    margin: 5px 0 0 0;
    font-size: 0.8em;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-feedback {
    margin: 5px 0 0 0;
    font-size: 0.8em;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group {
    margin: 0 0 15px;
    position: relative;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-success .fd-form-feedback,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-success .fd-form-check {
    color: #02dba8 !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-success .fd-form-control {
    color: #02dba8 !important;
    border-color: #02dba8 !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-success .fd-form-feedback {
    display: block;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-error .fd-form-feedback,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-error .fd-form-check {
    color: #eb3d3b !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-error .fd-form-control {
    color: #eb3d3b !important;
    border-color: #eb3d3b !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-group.fd-has-error .fd-form-feedback {
    display: block;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-btn {
    cursor: pointer;
    display: -webkit-inline-box;
    display: inline-flex;
    outline: none;
    max-width: 100%;
    font-style: normal;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    text-shadow: none;
    white-space: normal;
    -webkit-box-pack: center;
    justify-content: center;
    text-decoration: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-btn:hover {
    outline: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-btn:focus {
    outline: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-btn:disabled {
    opacity: 0.8;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check {
    cursor: pointer;
    margin: 0;
    display: -webkit-box;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    padding-left: 30px;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__input {
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    opacity: 0;
    z-index: -1;
    position: absolute;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__checkmark {
    top: 0;
    left: 0;
    width: 18px;
    border: 1px solid #c4c4c4;
    height: 18px;
    display: block;
    position: absolute;
    background: #ffffff;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__label {
    margin: 0;
    font-size: 14px;
    text-align: left;
    word-break: break-word;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.01em;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__input:checked+.fd-form-check__checkmark::after {
    opacity: 1;
    z-index: 1;
    visibility: visible;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__checkmark::after {
    top: -1px;
    left: -1px;
    width: 18px;
    height: 18px;
    content: "";
    display: block;
    opacity: 0;
    z-index: -1;
    position: absolute;
    -webkit-transition: opacity 0.4s, z-index 0.4s;
    transition: opacity 0.4s, z-index 0.4s;
    visibility: inherit;
    background-size: 12px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' width='12' height='10' viewBox='0 0 11.51 8.2'%3e%3ctitle%3echeck%3c/title%3e%3cpath d='M4.05%2c8.2A.74.74%2c0%2c0%2c1%2c3.52%2c8L.22%2c4.68A.75.75%2c0%2c0%2c1%2c1.28%2c3.62l3.3%2c3.3A.75.75%2c0%2c0%2c1%2c4.58%2c8%2c.74.74%2c0%2c0%2c1%2c4.05%2c8.2Z'/%3e%3cpath d='M4.06%2c8.2A.74.74%2c0%2c0%2c1%2c3.53%2c8a.75.75%2c0%2c0%2c1%2c0-1.06l6.7-6.7a.75.75%2c0%2c0%2c1%2c1.06%2c1.06L4.59%2c8A.74.74%2c0%2c0%2c1%2c4.06%2c8.2Z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center center;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__input:focus {
    outline: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-content {
    position: relative;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-has-success .fd-form-content {
    display: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-has-captcha .fd-form-content>*:not(.fd-form-captcha) {
    opacity: 0;
    visibility: hidden;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-captcha {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-success {
    display: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-has-success .fd-form-success {
    display: block;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-success>*:last-child {
    margin-bottom: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-error {
    display: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-has-error .fd-form-error {
    display: block;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-error>*:last-child {
    margin-bottom: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-focus-visible,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__input.fd-focus-visible+.fd-form-check__checkmark {
    outline: none;
    box-shadow: 0 0 0 2px #fff, 0 0 0 6px #000 !important;
    -webkit-transition: box-shadow 0.2s !important;
    transition: box-shadow 0.2s !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-focus-visible,
  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .fd-form-check__input.fd-focus-visible+.fd-form-check__checkmark {
    outline: none;
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 6px #000 !important;
    -webkit-transition: box-shadow 0.2s !important;
    transition: box-shadow 0.2s !important;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__modal {
    background: rgba(255, 255, 255, 0.3);
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__modal-content {
    background: #ffffff;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__modal-close {
    color: #b8b8b8;
    position: absolute !important;
    font-size: 10px;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__wrapper {
    display: -webkit-box;
    display: flex;
  }

  @media (max-width: 767px) {
    [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__wrapper {
      display: block;
    }
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__left {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    display: -webkit-box;
    display: flex;
    max-width: 50%;
  }

  @media (max-width: 767px) {
    [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__left {
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      display: none;
      max-width: 100%;
    }
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__right {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
  }

  @media (max-width: 767px) {
    [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__right {
      -webkit-box-flex: 0;
      flex: 0 0 100%;
      max-width: 100%;
    }
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__image {
    width: 100%;
    display: block;
    overflow: hidden;
    background-size: cover;
    background-image: url('https://usercontent.flodesk.com/4484943e-fe3f-4500-bc10-ce30d422e120/upload/e93d0729-4259-4289-8a70-c92c0c3d158c.jpeg');
    background-position: center;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__image-inner {
    width: 100%;
    height: 0;
    display: block;
    padding: 129.9% 0 0 0;
  }

  @media (max-width: 767px) {
    [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__image-inner {
      padding: 72.3% 0 0 0;
    }
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__form {
    color: #333333;
    width: 100%;
    margin: 0;
    padding: 100px 50px;
    font-size: 14px;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 0px;
    text-transform: none;
  }

  @media (max-width: 767px) {
    [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__form {
      padding: 30px 25px;
      word-wrap: anywhere;
      word-break: break-word;
      white-space: normal;
      overflow-wrap: break-word;
    }
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__title {
    color: #000000;
    width: 100%;
    margin: 0 0 25px 0;
    display: block;
    font-size: 43px;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0px;
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__title * {
    line-height: inherit;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__subtitle {
    width: 100%;
    margin: 0 0 30px 0;
    display: block;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__subtitle * {
    line-height: inherit;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__fields {
    margin: 0 0 15px;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__fields>*:last-child {
    margin-bottom: 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__field {
    font-size: 14px;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    letter-spacing: 0.1px;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__control {
    color: #999999;
    border: 1px solid #b8b8b8;
    padding: 12px 16px;
    font-size: 14px;
    background: transparent;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    line-height: 20px;
    border-radius: 0px;
    letter-spacing: 0.1px;
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__label {
    color: #999999;
    border: 1px solid transparent;
    padding: 12px 16px;
    font-size: 14px;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__preference {
    margin: 30px 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__preference-title {
    color: #333333;
    width: 100%;
    margin: 0 0 30px;
    display: block;
    font-size: 18px;
    text-align: left;
    font-family: Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0px;
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__preference-title * {
    line-height: inherit;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__preference-control {
    width: 100%;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__preference-list {
    width: 100%;
    margin: -6px 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__preference-item {
    -webkit-box-flex: 1;
    flex: 1 1;
    padding: 6px 0;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__form-check .fd-form-check__input {
    top: 3.8000000000000007px;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__form-check .fd-form-check__checkmark {
    top: 3.8000000000000007px;
    border-radius: 3px;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__form-check .fd-form-check__label {
    color: #383838;
    font-size: 16px;
    min-height: 25.6px;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 0px;
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__form-check .fd-form-check__checkmark::after {
    background-size: 12px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' width='12' height='10' viewBox='0 0 11.51 8.2'%3e%3ctitle%3echeck%3c/title%3e%3cpath d='M4.05%2c8.2A.74.74%2c0%2c0%2c1%2c3.52%2c8L.22%2c4.68A.75.75%2c0%2c0%2c1%2c1.28%2c3.62l3.3%2c3.3A.75.75%2c0%2c0%2c1%2c4.58%2c8%2c.74.74%2c0%2c0%2c1%2c4.05%2c8.2Z'/%3e%3cpath d='M4.06%2c8.2A.74.74%2c0%2c0%2c1%2c3.53%2c8a.75.75%2c0%2c0%2c1%2c0-1.06l6.7-6.7a.75.75%2c0%2c0%2c1%2c1.06%2c1.06L4.59%2c8A.74.74%2c0%2c0%2c1%2c4.06%2c8.2Z'/%3e%3c/svg%3e");
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__button {
    color: #ffffff;
    width: 100%;
    border: 1px solid #000000;
    display: inline-block;
    padding: 12px 20px;
    font-size: 14px;
    background: #383838;
    text-align: center;
    font-family: Helvetica, sans-serif;
    font-weight: 300;
    line-height: 20px;
    border-radius: 0px;
    letter-spacing: 0.2px;
    text-transform: none;
  }

  [data-ff-el="root"].ff-61bf8b81d2fc90968d6f44d1 .ff-61bf8b81d2fc90968d6f44d1__error {
    margin: 15px 0 0 0;
  }
</style>

<div class="ff-61bf8b81d2fc90968d6f44d1" data-ff-el="root" data-ff-version="3" data-ff-type="popup" data-ff-name="popupImage">
  <!--tpl {% block config %} tpl-->
  <div data-ff-el="config" data-ff-config="eyJ0cmlnZ2VyIjp7Im1vZGUiOiJ3YWl0IiwidmFsdWUiOjEwfSwib25TdWNjZXNzIjp7Im1vZGUiOiJtZXNzYWdlIiwibWVzc2FnZSI6IiIsInJlZGlyZWN0VXJsIjoiIn0sImNvaSI6ZmFsc2UsInNob3dGb3JSZXR1cm5WaXNpdG9ycyI6ZmFsc2UsIm5vdGlmaWNhdGlvbiI6dHJ1ZX0=" style="display: none"></div>
  <!--tpl {% endblock %} tpl-->
  <div class="ff-61bf8b81d2fc90968d6f44d1__modal fd-modal" data-ff-el="modal">
    <div class="ff-61bf8b81d2fc90968d6f44d1__modal-dialog fd-modal__dialog" data-ff-el="modal-dialog">
      <div class="ff-61bf8b81d2fc90968d6f44d1__modal-content fd-modal__content" data-ff-el="modal-content">
        <div class="ff-61bf8b81d2fc90968d6f44d1__modal-body fd-modal__body" data-ff-el="modal-body">
          <div class="ff-61bf8b81d2fc90968d6f44d1__wrapper">
            <div class="ff-61bf8b81d2fc90968d6f44d1__left">
              <div class="ff-61bf8b81d2fc90968d6f44d1__image">
                <div class="ff-61bf8b81d2fc90968d6f44d1__image-inner"> </div>
              </div>
            </div>
            <div class="ff-61bf8b81d2fc90968d6f44d1__right">
              <form class="ff-61bf8b81d2fc90968d6f44d1__form" action="https://form.flodesk.com/forms/61bf8b81d2fc90968d6f44d1/submit" method="post" data-ff-el="form">
                <div class="ff-61bf8b81d2fc90968d6f44d1__title">
                  <div>
                    <div data-paragraph="true">Join my mailing list.</div>
                  </div>
                </div>
                <div class="ff-61bf8b81d2fc90968d6f44d1__subtitle">
                  <div>
                    <div data-paragraph="true">Be the first to know about new </div>
                    <div data-paragraph="true">ideas, resources and PD events for World Language and Spanish teachers.</div>
                  </div>
                </div>
                <div class="ff-61bf8b81d2fc90968d6f44d1__content fd-form-content" data-ff-el="content">
                  <div class="ff-61bf8b81d2fc90968d6f44d1__fields" data-ff-el="fields">
                    <!--tpl {% block fields %} tpl-->

                    <div class="ff-61bf8b81d2fc90968d6f44d1__field fd-form-group">
                      <input class="ff-61bf8b81d2fc90968d6f44d1__control fd-form-control" type="text" name="email" placeholder="Email address" data-ff-tab="email::submit" required />
                      <label class="ff-61bf8b81d2fc90968d6f44d1__label fd-form-label">Email address</label>
                    </div>

                    <input type="text" name="confirm_email_address" style="display: none" />
                    <!--tpl {% endblock %} tpl-->
                  </div>

                  <div class="ff-61bf8b81d2fc90968d6f44d1__footer" data-ff-el="footer">
                    <button type="submit" class="ff-61bf8b81d2fc90968d6f44d1__button fd-btn" data-ff-el="submit" data-ff-tab="submit">
                      <span>Subscribe</span>
                    </button>
                  </div>
                </div>
                <div class="ff-61bf8b81d2fc90968d6f44d1__success fd-form-success" data-ff-el="success">
                  <div data-paragraph="true">Thank you for subscribing!</div>
                </div>
                <div class="ff-61bf8b81d2fc90968d6f44d1__error fd-form-error" data-ff-el="error"></div>
              </form>
            </div>
          </div>
        </div>
        <button class="ff-61bf8b81d2fc90968d6f44d1__modal-close fd-modal__close" data-ff-el="modal-close">

          <svg style="width: 1em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.51 14.51">
            <line x1="1" y1="1" x2="13.51" y2="13.51" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" />
            <line x1="13.51" y1="1" x2="1" y2="13.51" fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" />
          </svg>

        </button>
      </div>
    </div>
  </div>
</div>
	Sr. Ojeda on Last minute advice for the AP…
	Sr. Ojeda on Last minute advice for the AP…
	Tiffani Nyseth on Last minute advice for the AP…
	Sr. Ojeda on Last minute advice for the AP…
	Tiffani Nyseth on Last minute advice for the AP…
Share this:

Like this:
