wtp-paragraph-editor #fixedfroalatoolbar { width:90%; bottom:-50px !important; }

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

textarea { min-height: 200px !important; }
.fr-view { min-height: 300px !important; }
content[name=title] .fr-view { min-height: 0 !important; }
content[toolbar='headings'] .fr-view { min-height:33px !important; margin-bottom:0; }

/* Froala editors in lists */
.list-group .list-group-item { border-bottom:1px solid #bbb; }
.list-group .list-group-item:first-child { border-top:1px solid #bbb; }
.list-group .list-group-item:has(a.addbutton) { border:none; }
.list-group .list-group-item content { display:block; }
.list-group .list-group-item content .fr-box { margin-left:15px; }

/* Froala toolbar should render above 'wtpinactiveonedit' */
.fr-toolbar { z-index:1000000000 !important; }
.fr-toolbar .fr-dropdown-menu { z-index:1000000010 !important; }

/* Froala popups really need to render above everything! */
.fr-popup { z-index:1000000020 !important; }

/* Except the popup image picker */
.popuppicker { z-index:1000000030 !important;}

/* Web page filter not visible in Chrome - fix */
web-pages #treepane .pagetreecontrols { position: relative; }
web-pages #treepane .pagetreecontrols > select { right:auto !important; padding-right:20px; background: white; border: 1px solid #333; }

/* Horizontal/inline form */
.form-inline { display:flex; flex-flow:row wrap; align-items:center; }
.form-inline .form-block { margin:5px 10px 5px 0; display:inline; }
.form-inline label { margin:5px 10px 5px 0; display:inline; }
.form-inline .smart-form .checkbox { padding-left:0 !important; width: 23px; }
.form-inline .smart-form .checkbox i { left:2px !important; top:2px !important; }
@media (max-width: 800px) { 
    .form-inline input { margin: 10px 0 !important; }
    .form-inline { flex-direction: column; align-items: stretch; }
}
 
.dropdown-menu{ max-height:calc(100vh - 150px); overflow-y:auto;}

/* Image picker for logos - square - shows the logo image better */
image-picker.logo-image slim-focus-gallery-image { width:200px; height:200px !important; }

/* Custom project specific Froala styles */
/* Table Styles */
.fr-view p { font-size:14px; }
.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:#006F84; 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-gray { color:#6C7175 !important; }
.fr-view .fr-text-uppercase { text-transform:uppercase; }
.fr-view .fr-text-intro { font-size:1.6rem; font-size:clamp(1.6rem, 2.4vw, 2.4rem); line-height:160%; font-weight:400; color:#1e1e1e; letter-spacing:0rem; font-family:"feijoa"; margin-bottom:40px; }
.fr-view .fr-text-narrow { margin-left:120px; margin-right:120px; }
.fr-view .fr-text-burgundy { color:#82244E !important; }

/* Fix for Froala panel fixed to top of inline iframes */
wtp-blogpost-editor #HostFrame { height: calc(100vh - 310px) !important; }