.fr-view { margin-bottom: 50px }
.fr-view h2 { margin:0 0 20px;font-size:28px;line-height:36px;position:relative;font-family:Merriweather,serif;font-weight:600;color:#1f1f1f;text-transform:unset }
.fr-view .fr-video { position:relative;padding-bottom:56.25%;height:0;display:block }
.fr-view .fr-video iframe { position:absolute;top:0;left:0;width:100%;height:100% }
.fr-view .fr-img-caption { }
.fr-view .fr-img-wrap { position:relative;display:block }
.fr-view .fr-img-wrap img { display:block }
.fr-view .fr-img-wrap .fr-inner { position:absolute;left:0;bottom:0;background-color:#494948;min-height:56px;display:flex;display:-webkit-flex;-webkit-align-items:center;align-items:center;padding:10px 20px;color:#fff;font-weight:700 }
.fr-view .fr-rounded { display:block }
.fr-view .fr-rounded, .fr-view .fr-rounded img { -webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px }
.fr-view .fr-rounded .fr-inner { -webkit-border-radius:0 0 0 6px;-moz-border-radius:0 0 0 6px;-ms-border-radius:0 0 0 6px;border-radius:0 0 0 6px }
.fr-view .fr-bordered { border:1px solid #1f1f1f;display:block }
.fr-view .fr-shadow { box-shadow:0 4px 8px rgba(0,0,0,.25);display:block }
.fr-view img.fr-dii { display:inline-block;float:none;vertical-align:bottom;margin-left:10px;margin-right:10px;max-width:calc(100% - 20px) }
.fr-view img.fr-dii.fr-fil { float:left;margin:0 20px 20px 0;max-width:calc(100% - 20px) }
.fr-view img.fr-dii.fr-fir { float:right;margin:0 0 20px 20px;max-width:calc(100% - 20px) }
.fr-view hr { width:26px; margin:25px auto; border-bottom:3px solid #1F1F1F; }

body.wtp-edit .fr-toolbar.fr-inline { z-index:9999999999 !important; }

.fr-view .primary { color:#24aae1; }
.fr-view .secondary, .fr-view .important { color:#d8292f; font-weight:600; }
.fr-view .caps { text-transform:uppercase; }

textarea { min-height: 200px !important; }
.fr-view { min-height: 300px !important; }
content[name=title] .fr-view { min-height: 0 !important; }
.editor80 content, .editor80 .fr-view {  min-height: 80px !important; background-color:#fff !important; margin-bottom:0; }

wtp-paragraph-editor #fixedfroalatoolbar { bottom:-50px !important; }
wtp-brand-editor div[ngmodelgroup=BookingUrlFormat] label { height: auto !important; }
wtp-brand-editor div[ngmodelgroup=BookingUrlFormat] label div { background-color: #edf0f5; }
wtp-bookingconfig-editor div[ngmodelgroup=ExternalBookingUrlFormat] label { height: auto !important; }
wtp-bookingconfig-editor div[ngmodelgroup=ExternalBookingUrlFormat] label div { background-color: #edf0f5; }
wtp-bookingconfig-editor .fr-view { min-height: 150px !important; }

/* "Save to PREVIEW Server and open" dropdown menu - render in-front of main content not behind */
#toolheader .savebutton .btn-group.open ul { z-index: 99999; }

/* WTP Properties with more content in the labels */
.wtpproperty label { height: auto !important; }
.wtpproperty label div { background-color:#edf0f5; }
.wtpproperty label div .fa { margin-left: 15px; }
.wtpproperty label .ar { text-align:right; }
.wtpproperty label .al { text-align:left; }
.wtpproperty label .fwn { font-weight:normal; }
.wtpproperty label .help { text-align:right; font-weight:normal; }
.wtpproperty label .cols {
    display: flex;
    flex-direction: row;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -o-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -moz-align-content: flex-start;
    -o-align-content: flex-start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}
.wtpproperty label:has(.full) { width:100%; padding:2px 10px 0 10px !important; }
.wtpproperty label .cols div { padding:0 15px 0 0; }
.wtpproperty label .cols .ar, .wtpproperty label .cols .help { padding:0 0 0 15px; margin:0 0 0 auto; }
.smart-form .help { display:none; }

/* Content Panel : Spendology properties (which have description text) */
.spendology-props { margin-top:10px; }
.spendology-advanced { margin:10px 0; }
.spendology-advanced > .smart-form:first-child { margin-bottom:10px; }