/* PageEditor */
.pageEditor{display:flex;flex-direction:column;font-family:"Titillium Web", sans-serif;}
.pageEditor-body{display:flex;flex:1;flex-wrap:wrap;background-color:#fff;overflow-y:auto;overflow-x:hidden;align-items:stretch;place-content:flex-start;}
.pageEditor-foot{flex:0;padding:3px;text-align:center;background-color:white;box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);}
.pageEditor-foot .button{margin:3px;}
.pageEditor-bloc{flex:1;width:100%;min-height:100px;}
/* .pageEditor-bloc.ui-sortable-placeholder{display:none !important;} */
/* .pageEditor-bloc.ui-sortable-helper{position:relative !important;opacity:0.9;} */
.pageEditor-bloc-controls{position:absolute;top:0;left:0;display:none;padding:2px;z-index:20;}
.pageEditor-bloc-btn{display:inline-block;width:40px;height:40px;line-height:38px;border-radius:50%;background-color:white;font-size:18px;font-family:MaterialIcons;text-align:center;margin:2px;cursor:pointer;}
.pageEditor-bloc-btn.move{cursor:move;}
.pageEditor-bloc-btn:hover{background-color:#f5f5f5;}
.pageEditor-bloc-outline{position:absolute;background-color:#333;display:none;z-index:1;}
.pageEditor-bloc-outline.t{top:0;left:0;right:0;height:2px;}
.pageEditor-bloc-outline.r{top:0;right:0;bottom:0;width:2px;}
.pageEditor-bloc-outline.b{bottom:0;left:0;right:0;height:2px;}
.pageEditor-bloc-outline.l{top:0;left:0;bottom:0;width:2px;}
.pageEditor-bloc-body{display:flex;min-height:100%;overflow:hidden;}
.pageEditor-bloc:hover .pageEditor-bloc-controls{display:block;}
.pageEditor-bloc:hover .pageEditor-bloc-outline{display:block;}
.pageEditor-blocText{font-size:18px;}
.pageEditor-blocText figure{padding:0;margin:0;}
.pageEditor-blocText img{max-width:100%;}
.pageEditor-blocImage.background{position:absolute;top:0;left:0;right:0;bottom:0;background:no-repeat center center;background-size:cover;}
.pageEditor-blocImage.normal{display:block;margin:auto;max-width:100%;max-height:100%;}
.pageEditor-blocImage.fixed{background-attachment:fixed;}
.pageEditor-blocImage.parallax{bottom:-200px;}
.pageEditor-blocImage + .pageEditor-blocText{box-shadow:0 0 25px 0 rgba(0, 0, 0, 0.1);}
.pageEditor-blocModule{flex:1;padding:100px 50px;background:linear-gradient(45deg, #f5f5f5 12.5%, #fff 12.5%, #fff 37.5%, #f5f5f5 37.5%, #f5f5f5 62.5%, #fff 62.5%, #fff 87.5%, #f5f5f5 87.5%);background-size:40px 40px;}
.pageEditor-blocModule-title{text-align:center;font-size:48px;font-weight:900;color:#ddd;}
.pageEditor-blocModule-name{text-align:center;font-size:28px;font-weight:100;color:#999;margin-top:-16px;}
.pageEditor-blocVideo-wrapper{display:block;width:100%;}
.pageEditor-blocVideo-container{display:block;width:100%;}
.pageEditor-blocVideo-video{position:absolute;top:0;left:0;width:100%;height:100%;}
.pageEditor-blocArticles{flex: 1; max-width: 100%;}
.pageEditor-blocArticles-title{max-width: 1664px; margin: 0 auto; padding: 12px; font: 700 30px/normal 'Montserrat', sans-serif;}
.pageEditor-blocArticles-articles{max-width: 1640px; margin: 0 auto; padding: 12px 0;}
.pageEditor-blocArticles-articles{display: flex; flex-wrap: wrap; justify-content: space-around;}
.pageEditor-popup{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.1);text-align:center;line-height:100vh;font-family:"Titillium Web", sans-serif;color:#333;z-index:1000;}
.pageEditor-popup input, .pageEditor-popup select, .pageEditor-popup textarea{font-family:inherit;}
.pageEditor-popup input[type="checkbox"], .pageEditor-popup input[type="radio"], .pageEditor-popup input[type="file"], .pageEditor-popup input[type="color"]{position:relative;opacity:1;visibility:visible;display:initial;}
.pageEditor-popup-close{position:fixed;top:0;left:0;right:0;bottom:0;cursor:pointer;}
.pageEditor-popup-content{display:inline-block;vertical-align:middle;width:550px;line-height:normal;text-align:left;background-color:white;box-shadow:0 0 25px 0 rgba(0, 0, 0, 0.1);}
.pageEditor-popup-head{display:flex;height:40px;line-height:40px;background-color:#f5f5f5;}
.pageEditor-popup-head.ui-draggable-handle{cursor:move;}
.pageEditor-popup-icon{width:40px;text-align:center;font-size:24px;font-family:MaterialIcons;}
.pageEditor-popup-title{flex:1;font-size:18px;font-weight:600;}
.pageEditor-popup-body{padding:10px 20px 20px;}
.pageEditor-popup-foot:empty{display:none;}
.pageEditor-popup-foot{display:flex;background-color:#f5f5f5;}
.pageEditor-popup-button{flex:1;height:40px;line-height:40px;text-align:center;font-size:16px;font-weight:600;background:none;color:#333;}
.pageEditor-popup-button.grey:hover{background-color:#888888;color:white;}
.pageEditor-popup-button.blue:hover{background-color:#4e689a;color:white;}
.pageEditor-popup-button.green:hover{background-color:#6aa964;color:white;}
.pageEditor-form-label{font-size:14px;line-height:1.5;font-weight:600;padding:10px 0 3px;}
.pageEditor-form-input{display:block;width:100%;height:36px;border:2px solid #f5f5f5;padding:0 8px;font-size:16px;background-color:#fafafa;}
textarea.pageEditor-form-input{width:500px;height:300px;padding:8px;font-size:14px;}
.pageEditor-form-input[type="color"]{padding:0;cursor:pointer;}
.pageEditor-form-input:focus{border-color:#333;}
.pageEditor-form-flex{display:flex;margin:-3px;}
.pageEditor-form-flex.xl{margin:-8px;}
.pageEditor-form-item{flex:1;padding:3px;}
.pageEditor-form-flex.xl > .pageEditor-form-item{padding:8px;}
.pageEditor-form-tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;}
.pageEditor-form-label + .pageEditor-form-tabs{margin-top:-30px;}
.pageEditor-form-tab{top:2px;padding:0 16px;text-align:center;text-transform:uppercase;line-height:29px;cursor:pointer;order:1;z-index:1;}
.pageEditor-form-tab:hover{background-color:#f5f5f5;}
.pageEditor-form-content{min-width:100%;order:2;display:none;}
.pageEditor-form-content textarea{width:100%;min-width:300px;}
.pageEditor-form-tab.selected{background-color:#333;color:white;font-weight:700;}
.pageEditor-form-img{display:flex;margin-top:10px;}
.pageEditor-form-img img{max-width:330px;max-height:300px;margin:auto;}
/* .pageEditor-form-tab.selected.focus{border-color:#333;} */
.pageEditor-form-tab.selected + .pageEditor-form-content{display:block;}
.pageEditor-form-box{display:block;padding-top:10px;}
.pageEditor-resize-table{margin:0 auto;border-spacing:0;}
.pageEditor-resize-table th{padding:0 5px;line-height:30px;text-align:center;border-bottom:2px solid #333;}
.pageEditor-resize-table td{padding:0 5px;}
.pageEditor-resize-table label{display:block;}
.pageEditor-resize-table label:hover{background-color:#eee;}
.pageEditor-resize-table input{display:inline-block;vertical-align:middle;height:30px;font-size:16px;line-height:30px;padding:0;background:none;width:100px;text-align:right;}
.pageEditor-resize-table span{display:inline-block;vertical-align:middle;height:30px;font-size:16px;line-height:30px;}
.pageEditor-resize-table .default{width:100px;text-align:right;font-style:italic;color:#999;}
.pageEditor-add-list{margin:0 -10px -10px;max-width:530px;display:flex;flex-wrap:wrap;justify-content:center;padding:0;list-style:none;}
.pageEditor-add-item{width:150px;margin:10px;border:2px solid #f5f5f5;padding:10px;text-align:center;cursor:pointer;}
.pageEditor-add-icon{font-family:MaterialIcons;font-size:48px;color:#aaa;padding:10px;}
.pageEditor-add-name{font-size:16px;text-transform:uppercase;}
.pageEditor-add-item:hover{border-color:#333;}
.pageEditor-add-item:hover .pageEditor-add-icon{color:#333;}
.pageEditor-buttons-abs{position:absolute;left:0;right:0;z-index:10;padding:0 16px;}
.pageEditor-buttons-abs.T{top:0;}
.pageEditor-buttons-abs.B{bottom:0;}
.pageEditor-buttons-rel{display:flex;}
.pageEditor-buttons{flex:1;margin:8px -8px;font-size:0;}
.pageEditor-buttons.TL, .pageEditor-buttons.BL{text-align:left;}
.pageEditor-buttons.TC, .pageEditor-buttons.BC{text-align:center;}
.pageEditor-buttons.TR, .pageEditor-buttons.BR{text-align:right;}
.pageEditor-buttons:empty{display:none;}
.pageEditor-button{display:inline-block;height:36px;line-height:36px;min-width:36px;text-align:center;padding:0 8px;border-radius:18px;color:white;margin:8px;}
.pageEditor-button:hover .pageEditor-button-controls{display:block;}
.pageEditor-button-icon{display:inline-block;vertical-align:middle;font-family:MaterialIcons;font-weight:normal;font-size:20px;width:20px;}
.pageEditor-button-text{display:inline-block;vertical-align:middle;font-size:16px;font-weight:600;padding:0 4px;}
.pageEditor-button-controls{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:4px;color:#333;white-space:nowrap;display:none;}
.pageEditor-blocSlider{height:100%;width:100%;background-color:#333;}
.pageEditor-blocSlider-slide{position:absolute;top:0;left:0;height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;display:none;}
.pageEditor-blocSlider-slide-content{box-shadow:0 0 25px 0 rgba(0, 0, 0, 0.1);animation:slide-appears 1s 0.5s;animation-fill-mode:both;}
.pageEditor-blocSlider-slide-title{font-weight:700;font-size:20px;}
.pageEditor-blocSlider-slide-title + .pageEditor-blocSlider-slide-text{padding-top:25px;}
.pageEditor-blocSlider-slide-text{font-size:18px;}
.pageEditor-blocSlider-nav{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:0;z-index:10;transition:opacity 0.5s;}
.pageEditor-blocSlider-nav button{display:inline-block;background-color:#fff;border:2px solid white;width:15px;height:15px;margin:8px;padding:0;transition:0.2s;}
.pageEditor-blocSlider-nav button.selected{background-color:#333;}
.pageEditor-blocSlider-arrow{position:absolute;top:0;bottom:0;width:100px;cursor:pointer;z-index:10;transition:0.5s;}
.pageEditor-blocSlider-arrow.prev{left:0;}
.pageEditor-blocSlider-arrow.prev:hover{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);}
.pageEditor-blocSlider-arrow.next{right:0;}
.pageEditor-blocSlider-arrow.next:hover{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);}
.pageEditor-blocSlider-arrow span{position:absolute;font-family:MaterialIcons;top:50%;line-height:0;width:100%;text-align:center;font-size:96px;text-shadow:0 0 10px black;color:white;}
.pageEditor-blocSlider-removeSlide{position:absolute;top:0;right:0;width:40px;height:40px;line-height:40px;text-align:center;font-family:MaterialIcons;background:#eee;font-size:20px;z-index:10;}
.pageEditor-bloc-body.controlsOnHover:not(:hover) .pageEditor-blocSlider-nav{opacity:0;}
.pageEditor-bloc-body.controlsOnHover:not(:hover) .pageEditor-blocSlider-arrow{opacity:0;}
.pageEditor-tabs{display:flex;background-color:#ddd;}
.pageEditor-tabs-tab{flex:0 1 auto;font-size:16px;padding:0 12px;line-height:40px;font-weight:600;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.pageEditor-tabs-tab:hover{background-color:#eee;}
.pageEditor-tabs-tab.selected{background-color:#fff;}
.pageEditor-tabs-contents{}
.pageEditor-tabs-content{display:none;}
.pageEditor-tabs-content.selected{display:block;padding:10px 20px 20px;}
/*.pageEditor-redactor a{color:#3397ff;}*/
.pageEditor-redactor .fab{margin-left:auto !important;margin-right:auto !important;}
.pageEditor-redactor .fl{padding:25px;}
.pageEditor-redactor p{margin:1em 0;}
.pageEditor-redactor ul{margin-top:1em;display:inline-block;text-align:left;}
.pageEditor-redactor ul li{list-style-position:inside;/*list-style-type:none;/*float:left;width:50%;*/padding:6px 64px 6px 0px;}
.pageEditor-redactor ul:after{clear:both;}
.pageEditor-redactor a{color:#69b1c4;}
.pageEditor-redactor a:hover{text-decoration:underline;}
.pageEditor-redactor h1{font-weight:700;color:inherit;margin-bottom:10px;font-size:36px;line-height:40px;font-family:'Montserrat';}
.pageEditor-redactor h2{font-weight:400;color:inherit;margin-bottom:10px;font-size:30px;line-height:38px;font-family:'Montserrat';font-style:italic;}
.pageEditor-redactor h3{font-weight:400;color:inherit;margin-bottom:10px;font-size:24px;line-height:30px;font-family:'Montserrat';}
.pageEditor-redactor h4{font-weight:700;color:inherit;margin-bottom:10px;font-size:18px;line-height:24px;}
.pageEditor-redactor h5{font-weight:700;color:inherit;margin-bottom:10px;font-size:1em;}
.pageEditor-redactor h6{font-weight:700;color:inherit;}
.pageEditor-redactor img{max-width:100%;}

.pageEditor-body h2{background-color:#FFF;font-weight:400;color:inherit;font-size:20px;line-height:24px;font-family:'Montserrat';font-style:italic;}

.pageEditor .button.red{background-color:#a54040;}
.pageEditor .button.green{background-color:#70b949;}
.pageEditor .button.blue{background-color:#2186de;}
.pageEditor .button.purple{background-color:#7a6dbb;}
.pageEditor .button.brown{background-color:#c37f4a;}
.pageEditor .button.grey{background-color:#777777;}
.pageEditor .button.black{background-color:#444444;}

@keyframes slide-appears {
    from{opacity:0;}
    to{opacity:1;}
}
