TFD Shop the Sale

<div class=”fd-ef-5e874d8a995c960026dfdd20″>
<style>
@import url(‘https://assets.flodesk.com/mistylight.css’);
@import url(‘https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,700,700i’);

html.fd-ef-5e874d8a995c960026dfdd20 {
font-size: 10px;
font-family: sans-serif;
line-height: 1.15;
-ms-overflow-style: scrollbar;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fd-ef-5e874d8a995c960026dfdd20 *,
.fd-ef-5e874d8a995c960026dfdd20 *::before,
.fd-ef-5e874d8a995c960026dfdd20 *::after {
box-sizing: border-box;
}

.fd-ef-5e874d8a995c960026dfdd20 body {
margin: 0;
}

.fd-ef-5e874d8a995c960026dfdd20 [tabindex=”-1″]:focus {
outline: none !important;
}

.fd-ef-5e874d8a995c960026dfdd20 hr {
height: 0;
overflow: visible;
box-sizing: content-box;
}

.fd-ef-5e874d8a995c960026dfdd20 h1,
.fd-ef-5e874d8a995c960026dfdd20 h2,
.fd-ef-5e874d8a995c960026dfdd20 h3,
.fd-ef-5e874d8a995c960026dfdd20 h4,
.fd-ef-5e874d8a995c960026dfdd20 h5,
.fd-ef-5e874d8a995c960026dfdd20 h6 {
margin-top: 0;
margin-bottom: 0.7em;
}

.fd-ef-5e874d8a995c960026dfdd20 p {
margin-top: 0;
margin-bottom: 1rem;
}

.fd-ef-5e874d8a995c960026dfdd20 abbr[title],
.fd-ef-5e874d8a995c960026dfdd20 abbr[data-original-title] {
cursor: help;
border-bottom: 0;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}

.fd-ef-5e874d8a995c960026dfdd20 address {
font-style: normal;
line-height: inherit;
margin-bottom: 1.4rem;
}

.fd-ef-5e874d8a995c960026dfdd20 ol,
.fd-ef-5e874d8a995c960026dfdd20 ul,
.fd-ef-5e874d8a995c960026dfdd20 dl {
margin-top: 0;
margin-bottom: 1.4rem;
}

.fd-ef-5e874d8a995c960026dfdd20 ol ol,
.fd-ef-5e874d8a995c960026dfdd20 ul ul,
.fd-ef-5e874d8a995c960026dfdd20 ol ul,
.fd-ef-5e874d8a995c960026dfdd20 ul ol {
margin-bottom: 0;
}

.fd-ef-5e874d8a995c960026dfdd20 dt {
font-weight: bolder;
}

.fd-ef-5e874d8a995c960026dfdd20 dd {
margin-left: 0;
margin-bottom: 0.7rem;
}

.fd-ef-5e874d8a995c960026dfdd20 blockquote {
margin: 0 0 1.4rem;
}

.fd-ef-5e874d8a995c960026dfdd20 dfn {
font-style: italic;
}

.fd-ef-5e874d8a995c960026dfdd20 b,
.fd-ef-5e874d8a995c960026dfdd20 strong {
font-weight: bolder;
}

.fd-ef-5e874d8a995c960026dfdd20 small {
font-size: 80%;
}

.fd-ef-5e874d8a995c960026dfdd20 sub,
.fd-ef-5e874d8a995c960026dfdd20 sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}

.fd-ef-5e874d8a995c960026dfdd20 sub {
bottom: -0.25em;
}

.fd-ef-5e874d8a995c960026dfdd20 sup {
top: -0.5em;
}

.fd-ef-5e874d8a995c960026dfdd20 a {
color: #000000;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}

.fd-ef-5e874d8a995c960026dfdd20 a:hover {
color: #4396fd;
text-decoration: none;
}

.fd-ef-5e874d8a995c960026dfdd20 pre,
.fd-ef-5e874d8a995c960026dfdd20 code,
.fd-ef-5e874d8a995c960026dfdd20 kbd,
.fd-ef-5e874d8a995c960026dfdd20 samp {
font-size: 1em;
font-family: monospace;
}

.fd-ef-5e874d8a995c960026dfdd20 pre {
overflow: auto;
margin-top: 0;
margin-bottom: 1.4rem;
}

.fd-ef-5e874d8a995c960026dfdd20 figure {
margin: 0 0 1.4rem;
}

.fd-ef-5e874d8a995c960026dfdd20 img {
border-style: none;
vertical-align: middle;
}

.fd-ef-5e874d8a995c960026dfdd20 svg:not(:root) {
overflow: hidden;
}

.fd-ef-5e874d8a995c960026dfdd20 a,
.fd-ef-5e874d8a995c960026dfdd20 area,
.fd-ef-5e874d8a995c960026dfdd20 button,
.fd-ef-5e874d8a995c960026dfdd20 [role=”button”],
.fd-ef-5e874d8a995c960026dfdd20 input,
.fd-ef-5e874d8a995c960026dfdd20 label,
.fd-ef-5e874d8a995c960026dfdd20 select,
.fd-ef-5e874d8a995c960026dfdd20 summary,
.fd-ef-5e874d8a995c960026dfdd20 textarea {
touch-action: manipulation;
}

.fd-ef-5e874d8a995c960026dfdd20 label {
display: inline-block;
font-weight: bolder;
margin-bottom: 0.7rem;
}

.fd-ef-5e874d8a995c960026dfdd20 button:focus {
outline: 1px dotted;
}

.fd-ef-5e874d8a995c960026dfdd20 input,
.fd-ef-5e874d8a995c960026dfdd20 button,
.fd-ef-5e874d8a995c960026dfdd20 select,
.fd-ef-5e874d8a995c960026dfdd20 optgroup,
.fd-ef-5e874d8a995c960026dfdd20 textarea {
margin: 0;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}

.fd-ef-5e874d8a995c960026dfdd20 button,
.fd-ef-5e874d8a995c960026dfdd20 input {
overflow: visible;
}

.fd-ef-5e874d8a995c960026dfdd20 button,
.fd-ef-5e874d8a995c960026dfdd20 select {
text-transform: none;
}

.fd-ef-5e874d8a995c960026dfdd20 button,
html.fd-ef-5e874d8a995c960026dfdd20 [type=”button”],
.fd-ef-5e874d8a995c960026dfdd20 [type=”reset”],
.fd-ef-5e874d8a995c960026dfdd20 [type=”submit”] {
-webkit-appearance: button;
}

.fd-ef-5e874d8a995c960026dfdd20 button::-moz-focus-inner,
.fd-ef-5e874d8a995c960026dfdd20 [type=”button”]::-moz-focus-inner,
.fd-ef-5e874d8a995c960026dfdd20 [type=”reset”]::-moz-focus-inner,
.fd-ef-5e874d8a995c960026dfdd20 [type=”submit”]::-moz-focus-inner {
padding: 0;
border-style: none;
}

.fd-ef-5e874d8a995c960026dfdd20 input[type=”radio”],
.fd-ef-5e874d8a995c960026dfdd20 input[type=”checkbox”] {
padding: 0;
box-sizing: border-box;
}

.fd-ef-5e874d8a995c960026dfdd20 input[type=”date”],
.fd-ef-5e874d8a995c960026dfdd20 input[type=”time”],
.fd-ef-5e874d8a995c960026dfdd20 input[type=”datetime-local”],
.fd-ef-5e874d8a995c960026dfdd20 input[type=”month”] {
-webkit-appearance: listbox;
}

.fd-ef-5e874d8a995c960026dfdd20 textarea {
resize: vertical;
overflow: auto;
}

.fd-ef-5e874d8a995c960026dfdd20 fieldset {
border: 0;
margin: 0;
padding: 0;
min-width: 0;
}

.fd-ef-5e874d8a995c960026dfdd20 legend {
color: inherit;
width: 100%;
display: block;
padding: 0;
font-size: 2.0999999999999996rem;
max-width: 100%;
line-height: inherit;
white-space: normal;
margin-bottom: 0.7rem;
}

.fd-ef-5e874d8a995c960026dfdd20 progress {
vertical-align: baseline;
}

.fd-ef-5e874d8a995c960026dfdd20 [type=”number”]::-webkit-inner-spin-button,
.fd-ef-5e874d8a995c960026dfdd20 [type=”number”]::-webkit-outer-spin-button {
height: auto;
}

.fd-ef-5e874d8a995c960026dfdd20 [type=”search”] {
outline-offset: -2px;
-webkit-appearance: none;
}

.fd-ef-5e874d8a995c960026dfdd20 [type=”search”]::-webkit-search-cancel-button,
.fd-ef-5e874d8a995c960026dfdd20 [type=”search”]::-webkit-search-decoration {
-webkit-appearance: none;
}

.fd-ef-5e874d8a995c960026dfdd20 ::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}

.fd-ef-5e874d8a995c960026dfdd20 output {
display: inline-block;
}

.fd-ef-5e874d8a995c960026dfdd20 summary {
display: list-item;
}

.fd-ef-5e874d8a995c960026dfdd20 template {
display: none;
}

.fd-ef-5e874d8a995c960026dfdd20 [hidden] {
display: none !important;
}

html.fd-ef-5e874d8a995c960026dfdd20,
html.fd-ef-5e874d8a995c960026dfdd20 body {
width: 100%;
height: 100%;
}

.fd-ef-5e874d8a995c960026dfdd20 .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;
transition: opacity 0.4s, visibility 0.4s;
visibility: hidden;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-modal.fd-is-open {
opacity: 1;
z-index: 1040;
visibility: visible;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-modal__dialog {
width: calc(100% – 60px);
margin: 30px auto;
display: flex;
position: relative;
max-width: 750px;
min-height: calc(100% – 60px);
align-items: center;
justify-content: center;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-modal__content {
width: 100%;
border: 0 solid #d7d7d7;
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;
flex-direction: column;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-modal__body {
flex: 1 1 auto;
padding: 0;
position: relative;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-modal__close {
top: 0;
color: #000;
right: 0;
width: 40px;
border: 0;
cursor: pointer;
height: 40px;
margin: 0;
display: flex;
padding: 0;
z-index: 9999;
position: absolute;
background: transparent;
align-items: center;
line-height: 1;
justify-content: center;
-webkit-appearance: none;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-modal__close svg {
color: inherit;
width: 10px;
height: auto;
display: block;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-modal__close:hover,
.fd-ef-5e874d8a995c960026dfdd20 .fd-modal__close:focus,
.fd-ef-5e874d8a995c960026dfdd20 .fd-modal__close:active {
outline: none;
}

@media (max-width: 575px) {
.fd-ef-5e874d8a995c960026dfdd20 .fd-modal__dialog {
width: calc(100% – 30px);
margin: 15px auto;
min-height: calc(100% – 30px);
}
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-form-control {
width: 100%;
display: block;
outline: none;
box-shadow: none;
transition: all 0.4s;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-form-control:focus {
outline: none;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-form-control::-webkit-input-placeholder {
color: inherit;
opacity: 1;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-form-control::-webkit-input-placeholder,
.fd-ef-5e874d8a995c960026dfdd20 .fd-form-control::-moz-placeholder,
.fd-ef-5e874d8a995c960026dfdd20 .fd-form-control:-ms-input-placeholder,
.fd-ef-5e874d8a995c960026dfdd20 .fd-form-control::placeholder {
color: inherit;
opacity: 1;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-form-description {
margin: 5px 0 0 0;
font-size: 0.9em;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-form-feedback {
margin: 5px 0 0 0;
font-size: 0.9em;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-form-group {
margin: 0 0 1.5rem;
position: relative;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-form-group.fd-has-success .fd-form-feedback,
.fd-ef-5e874d8a995c960026dfdd20 .fd-form-group.fd-has-success .fd-form-check {
color: #02dba8 !important;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-form-group.fd-has-success .fd-form-control {
color: #02dba8 !important;
border-color: #02dba8 !important;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-form-group.fd-has-success .fd-form-feedback {
display: block;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-form-group.fd-has-error .fd-form-feedback,
.fd-ef-5e874d8a995c960026dfdd20 .fd-form-group.fd-has-error .fd-form-check {
color: #eb3d3b !important;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-form-group.fd-has-error .fd-form-control {
color: #eb3d3b !important;
border-color: #eb3d3b !important;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-form-group.fd-has-error .fd-form-feedback {
display: block;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-btn {
cursor: pointer;
display: inline-flex;
box-shadow: none;
text-align: center;
transition: all 0.4s;
align-items: center;
text-shadow: none;
white-space: normal;
justify-content: center;
text-decoration: none;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-btn.disabled,
.fd-ef-5e874d8a995c960026dfdd20 .fd-btn:disabled {
opacity: 0.8;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-btn p {
margin: 0;
}

.fd-ef-5e874d8a995c960026dfdd20 .ff__modal {
background: rgba(NaN, NaN, NaN, 0.28);
}

.fd-ef-5e874d8a995c960026dfdd20 .ff__dialog {
max-width: 620px;
}

.fd-ef-5e874d8a995c960026dfdd20 .ff__content {
background: #ffffff;
}

.fd-ef-5e874d8a995c960026dfdd20 .ff__close {
color: #000000;
position: absolute !important;
font-size: 10px;
}

.fd-ef-5e874d8a995c960026dfdd20 .ff__wrapper {
display: flex;
}

.fd-ef-5e874d8a995c960026dfdd20 .ff__form {
color: #333333;
width: 100%;
margin: 0;
padding: 70px;
font-size: 16px;
text-align: center;
font-family: Helvetica, sans-serif;
font-weight: 300;
line-height: 1.6;
letter-spacing: 0.1px;
text-transform: none;
}

@media (max-width: 767px) {
.fd-ef-5e874d8a995c960026dfdd20 .ff__form {
padding: 25px;
}
}

.fd-ef-5e874d8a995c960026dfdd20 .ff__title {
color: #000000;
width: 100%;
margin: 0 0 25px 0;
display: block;
font-size: 100px;
text-align: center;
font-family: Helvetica, sans-serif;
font-weight: 700;
line-height: 1;
letter-spacing: 0px;
text-transform: none;
}

.fd-ef-5e874d8a995c960026dfdd20 .ff__title p {
margin: 0;
}

.fd-ef-5e874d8a995c960026dfdd20 .ff__subtitle {
width: 100%;
margin: 0 0 30px 0;
display: block;
}

.fd-ef-5e874d8a995c960026dfdd20 .ff__subtitle p {
margin: 0;
}

.fd-ef-5e874d8a995c960026dfdd20 .ff__fields {
margin: 0 0 15px;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-has-success .ff__fields {
display: none;
}

.fd-ef-5e874d8a995c960026dfdd20 .ff__fields>*:last-child {
margin-bottom: 0;
}

.fd-ef-5e874d8a995c960026dfdd20 .ff__control {
color: #adafac;
border: 1px solid #adafac;
height: 46px;
display: block;
padding: 12px 20px;
font-size: 13px;
background: transparent;
text-align: center;
font-family: Raleway, sans-serif;
font-weight: 400;
line-height: 20px;
border-radius: 0px;
letter-spacing: 0.1px;
text-transform: none;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-has-success .ff__footer {
display: none;
}

.fd-ef-5e874d8a995c960026dfdd20 .ff__button {
color: #ffffff;
width: 100%;
border: 1px solid #94968a;
display: inline-block;
padding: 12px 18px;
font-size: 16px;
background: #94968a;
text-align: center;
font-family: Raleway, sans-serif;
font-weight: 300;
line-height: 20px;
border-radius: 0px;
letter-spacing: 5.1px;
text-transform: uppercase;
}

.fd-ef-5e874d8a995c960026dfdd20 .ff__success {
display: none;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-has-success .ff__success {
display: block;
}

.fd-ef-5e874d8a995c960026dfdd20 .ff__success>*:last-child {
margin-bottom: 0;
}

.fd-ef-5e874d8a995c960026dfdd20 .ff__error {
margin: 15px 0 0 0;
display: none;
}

.fd-ef-5e874d8a995c960026dfdd20 .fd-has-error .ff__error {
display: block;
}

.fd-ef-5e874d8a995c960026dfdd20 .ff__error>*:last-child {
margin-bottom: 0;
}
</style>

<div class=”fd-modal ff__modal”>
<div class=”fd-modal__dialog ff__dialog”>
<div class=”fd-modal__content ff__content”>
<div class=”fd-modal__body ff__body”>
<div class=”ff__wrapper”>
<form class=”ff__form” action=”https://form.flodesk.com/submit” method=”post” data-form=”fdv2″>
<h3 class=”ff__title”>
<div>
<p><span style=”color:#00584e;font-family:Misty;font-size:104px;font-weight:500;letter-spacing:0px;”>Ready for more?</span></p>
</div>
</h3>
<div class=”ff__subtitle”>
<div>
<p><span style=”font-family:Georgia, serif;”>More inspo, more insider tips and a way to get a home you actually love? Let’s hang out–we’re easy, relaxed, and full of great ideas. </span></p>
<p><span style=”font-family:Georgia, serif;”>#lovewhereyoulive</span></p>
</div>
</div>
<div class=”ff__fields”>

<div class=”fd-form-group”>
<input class=”fd-form-control ff__control” type=”text” name=”email” placeholder=”Email address”>
</div>
<input type=”text” name=”name” value=”” style=”display: none” />
<input type=”hidden” name=”submitToken” value=”81e224eedef9fac27b5fd1c88395ce4e47331c4d93e7326b1a96446704e4cf11deecc330d9cfdae50ced461f0e1a067f282899045260a200b1417be33d9f9986509798d1d0ae41c7c2a95e59f2109be4ec72268cd09979ee39505a6504c405b3″ />
</div>
<div class=”ff__footer”>
<button type=”submit” class=”fd-btn ff__button” data-form-el=”submit”>
<span>subscribe</span>
</button>
</div>
<div class=”fd-success ff__success” data-form-el=”success”>
Thanks for subscribing! Check your email inbox for the link to download your Guide!
</div>
<div class=”fd-error ff__error” data-form-el=”error”></div>
</form>
</div>
</div>
<button class=”fd-modal__close ff__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” strokeLinecap=”round” strokeMiterlimit=”10″ strokeWidth=”2″ />
<line x1=”13.51″ y1=”1″ x2=”1″ y2=”13.51″ fill=”none” stroke=”currentColor” strokeLinecap=”round” strokeMiterlimit=”10″ strokeWidth=”2″ />
</svg>
</button>
</div>
</div>
</div>

TFD Shop the Sale

Hi, I'm tara

let's be friends!

Leave a Reply Cancel reply

BRING IT HOME: VACATION VIBES

FOLLOW

THE BLOG

LIKES

INSTA

TFD Shop the Sale

Hi, I'm tara

let's be friends!

Leave a Reply Cancel reply

back to blog home

How to Create a Home Office to be Obesessed With »

« Bring It Home: Creating Those Relaxed, Vacation Vibes

BRING IT HOME: VACATION VIBES

FOLLOW

THE BLOG

LIKES

INSTA