.medium-editor-anchor-preview,.medium-editor-toolbar{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;z-index:2000}
@-webkit-keyframes medium-editor-image-loading {
0%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes medium-editor-image-loading {
0%{-webkit-transform:scale(0);transform:scale(0)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes medium-editor-pop-upwards {
0%{opacity:0;-webkit-transform:matrix(.97,0,0,1,0,12);transform:matrix(.97,0,0,1,0,12)}
20%{opacity:.7;-webkit-transform:matrix(.99,0,0,1,0,2);transform:matrix(.99,0,0,1,0,2)}
40%{opacity:1;-webkit-transform:matrix(1,0,0,1,0,-1);transform:matrix(1,0,0,1,0,-1)}
100%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}
}
@keyframes medium-editor-pop-upwards {
0%{opacity:0;-webkit-transform:matrix(.97,0,0,1,0,12);transform:matrix(.97,0,0,1,0,12)}
20%{opacity:.7;-webkit-transform:matrix(.99,0,0,1,0,2);transform:matrix(.99,0,0,1,0,2)}
40%{opacity:1;-webkit-transform:matrix(1,0,0,1,0,-1);transform:matrix(1,0,0,1,0,-1)}
100%{-webkit-transform:matrix(1,0,0,1,0,0);transform:matrix(1,0,0,1,0,0)}
}
.medium-editor-anchor-preview{left:0;line-height:1.4;max-width:280px;position:absolute;text-align:center;top:0;word-break:break-all;word-wrap:break-word;visibility:hidden}
.medium-editor-anchor-preview a{ display: inline-block; margin: 0 5px 10px; padding: 2px 8px; color: #fff; background-color: #304050; font-size: 11px; line-height: 20px; border-radius: 3px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);}
.medium-editor-anchor-preview a:hover { color: #a6c0d9; }
.medium-editor-placeholder-relative:after,.medium-editor-placeholder:after{content:attr(data-placeholder)!important;white-space:pre;padding:inherit;margin:inherit;font-style:italic}
.medium-editor-anchor-preview-active{visibility:visible}
.medium-editor-dragover{background:#ddd}
.medium-editor-image-loading{-webkit-animation:medium-editor-image-loading 1s infinite ease-in-out;animation:medium-editor-image-loading 1s infinite ease-in-out;background-color:#333;border-radius:100%;display:inline-block;height:40px;width:40px}
.medium-editor-placeholder{position:relative}
.medium-editor-placeholder:after{position:absolute;left:0;top:0}
.medium-editor-placeholder-relative,.medium-editor-placeholder-relative:after{position:relative}
.medium-toolbar-arrow-over:before,.medium-toolbar-arrow-under:after{top: 100%; 	left: 50%; 	border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(213, 0, 0, 0); margin-left: -2px;}
.medium-toolbar-arrow-under:after{ border-top-color: #304050; border-width: 4px;}
.medium-toolbar-arrow-over:before{border-width:0 8px 8px;top:-8px}
.medium-editor-toolbar{left:0;position:absolute;top:0;visibility:hidden;background-color: #2d2c2f;color:#fff;border-radius:3px;padding:4px;font-family: 'Poppins', sans-serif;}
.medium-editor-toolbar ul{margin:0;padding:0}
.medium-editor-toolbar li{float:left;list-style:none;margin:0 1px;padding:0}
.medium-editor-toolbar li button{box-sizing:border-box;cursor:pointer;display:block;color:#fff;padding:unset;font-size:12px;border:none;line-height:1;margin:0;text-decoration:none;background-color: unset; border-color: unset;width: 26px; height: 26px; border-radius: 3px; align-items: center; justify-content: center;}
.medium-editor-toolbar li button:hover{background-color:#424144;color:#fff;}
.medium-editor-toolbar li button.medium-editor-button-active { background-color: rgba(255,255,255,.05); color: #a6c0d9 !important; }
.medium-editor-toolbar li button:focus{outline:0}
.medium-editor-toolbar li button.medium-editor-action-colorPicker { position: relative; }
.medium-editor-toolbar li button.medium-editor-action-colorPicker span { display: block; width: 6px; height: 6px; border-radius: 6px; position: absolute; right: 5px; top: 5px; }
.medium-editor-toolbar li .medium-editor-action-underline{text-decoration:underline}
.medium-editor-toolbar li .medium-editor-action-pre{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px;font-weight:100;padding:15px 0}

.medium-editor-toolbar li:nth-child(1),
.medium-editor-toolbar li:nth-child(2),
.medium-editor-toolbar li:nth-child(3),
.medium-editor-toolbar li:nth-child(4),
.medium-editor-toolbar li:nth-child(5),
.medium-editor-toolbar li:nth-child(6),
.medium-editor-toolbar li:nth-child(7),
.medium-editor-toolbar li:nth-child(8) { display: block; }
.mfn-inline-editor-toolbar-more .medium-editor-toolbar li:nth-child(1),
.mfn-inline-editor-toolbar-more .medium-editor-toolbar li:nth-child(2),
.mfn-inline-editor-toolbar-more .medium-editor-toolbar li:nth-child(3),
.mfn-inline-editor-toolbar-more .medium-editor-toolbar li:nth-child(4),
.mfn-inline-editor-toolbar-more .medium-editor-toolbar li:nth-child(5),
.mfn-inline-editor-toolbar-more .medium-editor-toolbar li:nth-child(6),
.mfn-inline-editor-toolbar-more .medium-editor-toolbar li:nth-child(7),
.mfn-inline-editor-toolbar-more .medium-editor-toolbar li:nth-child(8) { display: none; }
.medium-editor-toolbar li:nth-child(9),
.medium-editor-toolbar li:nth-child(10),
.medium-editor-toolbar li:nth-child(11),
.medium-editor-toolbar li:nth-child(12),
.medium-editor-toolbar li:nth-child(13),
.medium-editor-toolbar li:nth-child(14),
.medium-editor-toolbar li:nth-child(15),
.medium-editor-toolbar li:nth-child(16),
.medium-editor-toolbar li:nth-child(17),
.medium-editor-toolbar li:nth-child(18),
.medium-editor-toolbar li:nth-child(19) { display: none; }
.mfn-inline-editor-toolbar-more .medium-editor-toolbar li:nth-child(9),
.mfn-inline-editor-toolbar-more .medium-editor-toolbar li:nth-child(10),
.mfn-inline-editor-toolbar-more .medium-editor-toolbar li:nth-child(11),
.mfn-inline-editor-toolbar-more .medium-editor-toolbar li:nth-child(12),
.mfn-inline-editor-toolbar-more .medium-editor-toolbar li:nth-child(13),
.mfn-inline-editor-toolbar-more .medium-editor-toolbar li:nth-child(14),
.mfn-inline-editor-toolbar-more .medium-editor-toolbar li:nth-child(15),
.mfn-inline-editor-toolbar-more .medium-editor-toolbar li:nth-child(16),
.mfn-inline-editor-toolbar-more .medium-editor-toolbar li:nth-child(17) { display: block; }
.mfn-inline-editor-toolbar-more .medium-editor-toolbar li:nth-child(21) i:before { content: "\f00d"; }

.medium-editor-toolbar-active{visibility:visible}
.medium-editor-sticky-toolbar{position:fixed;top:1px}
.medium-editor-relative-toolbar{position:relative}
.medium-editor-toolbar-active.medium-editor-stalker-toolbar{-webkit-animation:medium-editor-pop-upwards 160ms forwards linear;animation:medium-editor-pop-upwards 160ms forwards linear}
.medium-editor-action-bold{font-weight:bolder}
.medium-editor-action-italic{font-style:italic}
.medium-editor-toolbar-form{display:none;padding:6px;}
.medium-editor-toolbar-form.mfn-visible{ display: block; }
.medium-editor-toolbar-form a,.medium-editor-toolbar-form input{}
.medium-editor-toolbar-form .medium-editor-toolbar-form-row{line-height:14px;margin-left:5px;padding:8px 0;margin:0;}
.medium-editor-toolbar-form .medium-editor-toolbar-input{border:none;box-sizing:border-box;font-size:13px;margin:0;padding:8px 65px 8px 8px;width:300px;display:inline-block;border-radius: 3px;background-color:#fff;color:#000;}
.medium-editor-toolbar-form label{border:none;box-sizing:border-box;font-size:13px;margin:0;display:inline-block;border-radius: 3px;}
.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,.medium-editor-toolbar-form label:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;outline:0;background:#fff !important;color:#000;}
.medium-editor-toolbar-form a{display:inline-block;font-size:18px;font-weight:bolder;margin:0 7px;text-decoration:none;color:rgba(0,0,0,.6);}
.medium-editor-toolbar-form a:hover{text-decoration:none;color:rgba(0,0,0,1);}
.medium-editor-toolbar-form a.medium-editor-toolbar-save,
.medium-editor-toolbar-form a.medium-editor-toolbar-close { display: block; margin: 0; width: 24px; height: 24px; line-height: 26px; text-align: center; font-size: 11px; position: absolute; top: 14px; color: #304050; background-color: #f9f9f9; border-radius: 3px; }
.medium-editor-toolbar-form a:hover.medium-editor-toolbar-save,
.medium-editor-toolbar-form a:hover.medium-editor-toolbar-close { background-color: #f4f4f4; }
.medium-editor-toolbar-form a.medium-editor-toolbar-save { right: 14px; }
.medium-editor-toolbar-form a.medium-editor-toolbar-close { right: 13px; }



.medium-editor-toolbar-form-active{display:block}
.medium-editor-toolbar-actions:after{clear:both;content:"";display:table}
.medium-editor-element{word-wrap:break-word;min-height:30px}
.medium-editor-element img{max-width:100%}
.medium-editor-element sub{vertical-align:sub}
.medium-editor-element sup{vertical-align:super}
.medium-editor-hidden{display:none}





/* Iris picker */
.iris-picker{display:block;position:relative}
.iris-picker,.iris-picker *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input+.iris-picker{margin-top:4px}
.iris-error{background-color:#ffafaf}
.iris-border{border-radius:3px;border:1px solid #aaa;width:200px;background-color:#fff}
.iris-picker-inner{position:absolute;top:0;right:0;left:0;bottom:0}
.iris-border .iris-picker-inner{top:10px;right:10px;left:10px;bottom:10px}
.iris-picker .iris-square-inner{position:absolute;left:0;right:0;top:0;bottom:0}
.iris-picker .iris-square,.iris-picker .iris-slider,.iris-picker .iris-square-inner,.iris-picker .iris-palette{border-radius:3px;box-shadow:inset 0 0 5px rgba(0,0,0,.4);height:100%;width:12.5%;float:left;margin-right:5%}
.iris-only-strip .iris-slider{width:100%}
.iris-picker .iris-square{width:76%;margin-right:10%;position:relative}
.iris-only-strip .iris-square{display:none}
.iris-picker .iris-square-inner{width:auto;margin:0}
.iris-ie-9 .iris-square,.iris-ie-9 .iris-slider,.iris-ie-9 .iris-square-inner,.iris-ie-9 .iris-palette{box-shadow:none;border-radius:0}
.iris-ie-9 .iris-square,.iris-ie-9 .iris-slider,.iris-ie-9 .iris-palette{outline:1px solid rgba(0,0,0,.1)}
.iris-ie-lt9 .iris-square,.iris-ie-lt9 .iris-slider,.iris-ie-lt9 .iris-square-inner,.iris-ie-lt9 .iris-palette{outline:1px solid #aaa}
.iris-ie-lt9 .iris-square .ui-slider-handle{outline:1px solid #aaa;background-color:#fff;-ms-filter:alpha(Opacity=30)}
.iris-ie-lt9 .iris-square .iris-square-handle{background:0 0;border:3px solid #fff;-ms-filter:alpha(Opacity=50)}
.iris-picker .iris-strip{margin-right:0;position:relative}
.iris-picker .iris-strip .ui-slider-handle{position:absolute;background:0 0;margin:0;right:-3px;left:-3px;border:4px solid #aaa;border-width:4px 3px;width:auto;height:6px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.2);opacity:.9;z-index:5;cursor:ns-resize}
.iris-strip-horiz .iris-strip .ui-slider-handle{right:auto;left:auto;bottom:-3px;top:-3px;height:auto;width:6px;cursor:ew-resize}
.iris-strip .ui-slider-handle:before{content:" ";position:absolute;left:-2px;right:-2px;top:-3px;bottom:-3px;border:2px solid #fff;border-radius:3px}
.iris-picker .iris-slider-offset{position:absolute;top:11px;left:0;right:0;bottom:-3px;width:auto;height:auto;background:transparent;border:0;border-radius:0}
.iris-strip-horiz .iris-slider-offset{top:0;bottom:0;right:11px;left:-3px}
.iris-picker .iris-square-handle{background:transparent;border:5px solid #aaa;border-radius:50%;border-color:rgba(128,128,128,.5);box-shadow:none;width:12px;height:12px;position:absolute;left:-10px;top:-10px;cursor:move;opacity:1;z-index:10}
.iris-picker .ui-state-focus .iris-square-handle{opacity:.8}
.iris-picker .iris-square-handle:hover{border-color:#999}
.iris-picker .iris-square-value:focus .iris-square-handle{box-shadow:0 0 2px rgba(0,0,0,.75);opacity:.8}
.iris-picker .iris-square-handle:hover::after{border-color:#fff}
.iris-picker .iris-square-handle::after{position:absolute;bottom:-4px;right:-4px;left:-4px;top:-4px;border:3px solid #f9f9f9;border-color:rgba(255,255,255,.8);border-radius:50%;content:" "}
.iris-picker .iris-square-value{width:8px;height:8px;position:absolute}
.iris-ie-lt9 .iris-square-value,.iris-mozilla .iris-square-value{width:1px;height:1px}
.iris-palette-container{position:absolute;bottom:0;left:0;margin:0;padding:0}
.iris-border .iris-palette-container{left:10px;bottom:10px}
.iris-picker .iris-palette{margin:0;cursor:pointer}
.iris-square-handle,.ui-slider-handle{border:0;outline:0}


/* Iris picker */
.mfn-ui .medium-editor-toolbar-form .iris-picker {}
.mfn-ui .medium-editor-toolbar-form .wp-picker-container {}
.mfn-ui .medium-editor-toolbar-form .wp-color-result { position: relative; display: block; float: left; padding: 0; box-sizing: border-box; height: 36px; width: 50px; border-style: solid; border-color: #e4e9ee; background-color: #f9f9f9; color: rgba(48,64,80,.6); border-radius: 3px 0 0 3px; border-width: 1px 0px 1px 1px; }
.mfn-ui .medium-editor-toolbar-form .wp-color-result .wp-color-result-text { display: flex; height: 100%; width: 100%; text-indent: -9999px; }
.mfn-ui .medium-editor-toolbar-form .wp-color-result .wp-color-result-text:before { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: 0; color: #fff; content: '\e823'; font-family: 'mfn-icons';  }
.mfn-ui .medium-editor-toolbar-form .wp-picker-input-wrap { position: relative; display: block; float: left; width: calc(100% - 50px); }
.mfn-ui .medium-editor-toolbar-form .wp-picker-input-wrap label { padding: 0; border-radius: 0; width: 100%; }
.mfn-ui .medium-editor-toolbar-form .wp-picker-input-wrap .medium-editor-toolbar-input { display: block; width: 100%; max-width: 100%; padding: 5px 15px; box-sizing: border-box; border: 1px solid #e4e9ee; color: #304050; background-color: #fff; border-radius: 0 3px 3px 0; font-size: 13px; line-height: 24px; -moz-appearance: none; -webkit-appearance: none; margin: 0; }
.mfn-ui .medium-editor-toolbar-form .wp-picker-clear { display: block; position: absolute; right: 7px; top: 6px; font-family: 'Poppins'; line-height: 24px; font-size: 12px; color: #304050; background-color: #f9f9f9; border: 0; border-radius: 3px; padding: 0 10px; }
.mfn-ui .medium-editor-toolbar-form .wp-picker-clear:hover { background-color: #f4f4f4; color: #304050; }
.mfn-ui .medium-editor-toolbar-form .wp-picker-container .wp-picker-holder { clear: both; padding-top: 10px; }
.mfn-ui .medium-editor-toolbar-form .wp-picker-container .wp-picker-holder .iris-picker { width: 100% !important; border: 0; }

.iris-picker .iris-square-value {
    width: 0;
    height: 0;
}
.medium-editor-toolbar-form a {
    margin: 0;
}
.iris-picker .iris-square-handle {
    width: 10px;
    height: 10px;
    left: -10px;
    top: -10px;
   }


/* Color */
.mfn-medium-editor-color-picker { width: 280px; box-sizing: border-box; }


/* Typography */
.mfn-medium-editor-typography { padding: 6px; width:280px; }
.mfn-medium-editor-typography.mfn-visible { display: flex; flex-wrap: wrap; }
.mfn-medium-editor-typography .mfn-medium-editor-form-row { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 8px; }
.mfn-medium-editor-typography .mfn-medium-editor-form-row:nth-child(1),
.mfn-medium-editor-typography .mfn-medium-editor-form-row:nth-child(2),
.mfn-medium-editor-typography .mfn-medium-editor-form-row:nth-child(3) { width: 33.333%; }
.mfn-medium-editor-typography .mfn-medium-editor-form-row:nth-child(4),
.mfn-medium-editor-typography .mfn-medium-editor-form-row:nth-child(5) { width: 50%; }
.mfn-medium-editor-typography .mfn-medium-editor-form-row label { width: 120px; }
.mfn-medium-editor-typography .mfn-medium-editor-form-row .medium-editor-toolbar-input { width: calc(100% - 5px); padding: 8px; }

/* Highlighter */
.mfn-ui .mfn-medium-editor-mfnhighlighter { padding: 6px 6px 14px; width:280px; box-sizing: border-box; }
.mfn-ui .mfn-medium-editor-mfnhighlighter .wp-picker-container .wp-picker-holder { padding-top: 0 !important; background-color: #2d2c2f; color: #fff; border-radius: 3px; position: absolute; width: 270px; left: 285px; top: 0; }
.mfn-ui .mfn-medium-editor-mfnhighlighter .wp-picker-container .wp-picker-holder .iris-picker { margin: 8px 8px 9px; width: auto !important; }

/* Close */
.mfn-ui .medium-editor-toolbar .medium-editor-toolbar-close { display: block; margin: 0; width: 26px; height: 26px; line-height: 26px; text-align: center; font-size: 11px; position: absolute; top:-13px; right: -13px; color: #ffffff; background-color: #38373a; border-radius: 100%; }
.mfn-ui .medium-editor-toolbar .medium-editor-toolbar-close:hover{ background-color: #424144; cursor: pointer; }