.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; }

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; }
.clear { display:block; clear:both; font-size:1px; height:0; line-height:1px; margin:0; padding:0; border:0; }

/* ------------------------------------------------------------------------------------- */
/* Custom project specific Froala styles */
/* Table Styles */
.fr-view p { font-size:18px; }
.fr-view table.fr-no-borders td, table.fr-no-borders th { border:none; }
.fr-view table.fr-no-cell-padding td, table.fr-no-cell-padding th { padding:0; }
.fr-view table.fr-centered { margin:auto; width:auto !important; }
.fr-view table.fr-full-width { width:100% !important; }
.fr-view table.fr-narrow { margin-left:120px; margin-right:120px; width:auto !important; }
/* Link Styles */
.fr-view a { color:#00213C; text-decoration:underline; }
.fr-view a.btn { display:inline-block; background-color:#37424a; border-radius:2px; border:none; text-align:center; text-decoration:none; font-size:clamp(1.4rem, 1.6vw, 1.6rem); font-weight:600; color:white; line-height:120%; padding:17px 23px; }
.fr-view a.arrow { text-transform:uppercase; }
.fr-view a.arrow::after { margin-left:15px; content:url('/images/icons/arrow-right-blue.svg'); }
/* Paragraph styles */
.fr-view .fr-text-leading { font-size: clamp(18px, 2vw, 22px); line-height: 145%; max-width: 1180px; margin-inline: auto; display: block; text-align: center; display: block;}
.fr-view .fr-text-leading-serif { font-size: clamp(22px, 2vw, 38px); font-family: "fields-display", sans-serif; line-height: 150%; max-width: 1180px; margin: 0 auto; display: block;}
.fr-view .fr-text-medium-width  { max-width: 1180px; display: block; margin: 0 auto; }
.fr-view .fr-text-uppercase, .fr-view .caps { text-transform:uppercase; }
.fr-view .fr-text-primary, .fr-view .primary { color:#1C2949; }
.fr-view .fr-text-secondary, .fr-view .secondary { color:#01D538; font-weight:600; }
.fr-view .important { color:#d8292f; }
/* ------------------------------------------------------------------------------------- */


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; }

/* Editor layout styles - like "splits" i.e. columns */
.split, .split2, .split3 { display:flex; justify-content:space-between; }
.split > div, .split2 > div, .split3 > div { vertical-align:top; }
.split > div, .split2 > div { width:calc(50% - 5px); }
.split3 > div { width:calc(33% - 5px); }
.split .wtpproperty .editor > input:not([type="radio"]):not([type="checkbox"]),
    .split2 .wtpproperty .editor > input:not([type="radio"]):not([type="checkbox"]),
    .split3 .wtpproperty .editor > input:not([type="radio"]):not([type="checkbox"]), 
    .split .wtpproperty .editor > select, 
    .split2 .wtpproperty .editor > select, 
    .split3 .wtpproperty .editor > select { padding:5px 10px !important; }
.optional { font-style:italic; font-weight:normal; padding-left:5px; }

/* 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; }

/* Content Panel : Icon (square rather than landscape stretched) */
embedded-editor[ng-reflect-type-name=TemplatePagePanel] .wtpproperty[ngmodelgroup=Icon] slim-focus-gallery-image .focuspoint { width:100px !important; height:100px !important; }
embedded-editor[ng-reflect-type-name=TemplatePagePanel] .wtpproperty[ngmodelgroup=Icon] slim-focus-gallery-image .focuspoint img { top:0 !important; left:0 !important; width:100% !important; height:100% !important; }

/* Spendology Instant Quote Cofig : WYSIWYG eidt boxes a bit shorter */
wtp-spendologyinstantquoteconfig-editor content, wtp-spendologyinstantquoteconfig-editor .fr-view {  min-height: 80px !important; background-color:#fff !important; margin-bottom:0; }

/* Fixed Froala Toolbar : Fix for rendering off the top of the edit components */
#fixedfroalatoolbar { bottom:-50px !important; }

/* Team Member - Portrait/Image square (rather than landscape streched full-width) */
wtp-teammember-editor .wtpproperty[ngmodelgroup=Image] slim-focus-gallery-image .focuspoint { width:100px !important; height:100px !important; }
wtp-teammember-editor .wtpproperty[ngmodelgroup=Image] slim-focus-gallery-image .focuspoint img { top:0 !important; left:0 !important; width:100% !important; height:100% !important; }

/* Global Settings -> Header : Smaller WYSIWYG boxes */
wtp-card-editor content[name=contentHtml] .fr-view { min-height:75px !important; margin-bottom:0; }

/* Global Settings -> Product : Sections */
wtp-globalconfig-editor .tab-pane[ngmodelgroup=Product] { padding-bottom:40px !important; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=LeadInPriceType] { border-top:3px solid #223956; padding-top:5px; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=LeadInPriceType]::before { content:"Lead In Price"; display:block; margin-bottom:20px; font-weight:bold; font-size:16px; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=EarlyBookingIsDeparturesAfterValue] { margin-top:50px !important; border-top:3px solid #223956; padding-top:5px; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=EarlyBookingIsDeparturesAfterValue]::before { content:"Early Booking"; display:block; margin-bottom:20px; font-weight:bold; font-size:16px; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=GroupSizePrefix] { margin-top:50px !important; border-top:3px solid #223956; padding-top:5px; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=GroupSizePrefix]::before { content:"Group Size"; display:block; margin-bottom:20px; font-weight:bold; font-size:16px; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=HolidayPagePrivateGroupsLinkUrl] { margin-top:50px !important; border-top:3px solid #223956; padding-top:5px; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=HolidayPagePrivateGroupsLinkUrl]::before { content:"Private Groups"; display:block; margin-bottom:20px; font-weight:bold; font-size:16px; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=HolidayPagePrivateGroupsInfoContentHtml] .fr-view { min-height:75px !important; margin-bottom:0; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=HolidayPageWithoutTransportOnlyBannerText] { margin-top:50px !important; border-top:3px solid #223956; padding-top:5px; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=HolidayPageWithoutTransportOnlyBannerText]::before { content:"Holiday Page : Departures Table : Transport Banner"; display:block; margin-bottom:20px; font-weight:bold; font-size:16px; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=HolidayPageWhyBookWithFlightsLinkText] { margin-top:40px !important; border-top:3px solid #dce0e9; padding-top:5px }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=HolidayPageWhyBookWithFlightsLinkText]::before { content:"Holiday Page : Departures Table : Why Book With Flights Not Self-guided"; display:block; margin-bottom:20px; font-weight:bold; font-size:16px; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=HolidayPageWhyBookWithFlightsCardContentHtml] .fr-view { min-height:75px !important; margin-bottom:0; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=HolidayPageWhyBookWithFlightsSelfGuidedLinkText] { margin-top:40px !important; border-top:3px solid #dce0e9; padding-top:5px }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=HolidayPageWhyBookWithFlightsSelfGuidedLinkText]::before { content:"Holiday Page : Departures Table : Why Book With Flights Self-guided"; display:block; margin-bottom:20px; font-weight:bold; font-size:16px; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=HolidayPageWhyBookWithFlightsSelfGuidedCardContentHtml] .fr-view { min-height:75px !important; margin-bottom:0; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=HolidayPageAvailabilityInfoModalLinkText] { margin-top:40px !important; border-top:3px solid #dce0e9; padding-top:5px }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=HolidayPageAvailabilityInfoModalLinkText]::before { content:"Holiday Page : Departures Table : Availability Info Modal"; display:block; margin-bottom:20px; font-weight:bold; font-size:16px; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=HolidayPageAvailabilityInfoModalCardContentHtml] .fr-view { min-height:75px !important; margin-bottom:0; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=DefaultSearchUrlsFromDestinationPagesShouldIncludeUnavailableResults] { margin-top:50px !important; border-top:3px solid #223956; padding-top:5px; }
wtp-globalconfig-editor .wtpproperty[ngmodelgroup=DefaultSearchUrlsFromDestinationPagesShouldIncludeUnavailableResults]::before { content:"Default Search URLs"; display:block; margin-bottom:20px; font-weight:bold; font-size:16px; }

/* Smaller WYSIWYG boxes on the BookingConfig */
wtp-bookingconfig-editor content[name=passengersSpecialRequestsIntroHtml] .fr-view { min-height:75px !important; margin-bottom:0; }
wtp-bookingconfig-editor content[name=passengersMedicalInformationIntroHtml] .fr-view { min-height:75px !important; margin-bottom:0; }

/* Smaller WYSIWYG boxes on the Grade/GradeCategory */
wtp-grade-editor content[name=description] .fr-view { min-height:75px !important; margin-bottom:0; }
wtp-grade-editor content[name=sightseeingDescription] .fr-view { min-height:75px !important; margin-bottom:0; }
wtp-gradecategory-editor content[name=descriptionHtml] .fr-view { min-height:75px !important; margin-bottom:0; }

/* Some extra padding at the bottom of the hero inline editor */
embedded-collection-inline[name=hero] .inlineeditor > div { padding-bottom:10px; }

/* SearchResultsLandingPage */
.search-filter-selectors h5+.wtpproperty { margin-top:0; }
.search-filter-selectors h5+.split .wtpproperty, 
    .search-filter-selectors h5+.split2 .wtpproperty, 
    .search-filter-selectors h5+.split3 .wtpproperty { margin-top:0; }
.search-filter-selectors h6+.wtpproperty { margin-top:0; }
.search-filter-selectors h6+.split .wtpproperty, 
    .search-filter-selectors h6+.split2 .wtpproperty, 
    .search-filter-selectors h6+.split3 .wtpproperty { margin-top:0; }
.no-wtpproperty-top-margin+.wtpproperty { margin-top:0; }
wtp-searchresultslandingpageconfig-editor content[name=cardSummary] .fr-view { min-height:209px !important; margin-bottom:0; }
wtp-searchresultslandingpageconfig-editor image-picker[name=cardImage] .gallery { min-height:180px; }

/* Calendar page */
wtp-calendarpageconfig-editor content[name=cardSummary] .fr-view { min-height:209px !important; margin-bottom:0; }
wtp-calendarpageconfig-editor image-picker[name=cardImage] .gallery { min-height:180px; }