LA EDAD MEDIA, AN INTRO FOR THE AP SPANISH LIT CLASS.

21Aug 202021 Aug 2020
This is how I introduce the topic of La Edad Media prior to talking about literature and getting into Don Juan Manuel.
I believe that giving students a strong context mixed with some interesting facts is what helps them underatdn and remember better each one of the AP Spanish Literature and Culture texts.
I hope this example is helpful for you. Please let me know if you have any questions. Kind comments are always welcomed.
You can find HERE the power point I refer to during the class.
ATTENTION!
I respectfully invite you to take a look at my most recently published book of CI poems for the Spanish class: Acuerdo natural .
<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>
	Alexandra Santiago on ¿Qué tiempo hace?
	Sr. Ojeda on ¿Qué tiempo hace?
	Sr. Ojeda on ¿Qué tiempo hace?
	sradutto on ¿Qué tiempo hace?
	Alexandra Santiago on ¿Qué tiempo hace?
Share this:

Like this:
