.editor {
    padding: 8px;
    position: relative;
    /* ul */
    /* ol */
}
.editor * {
    max-width: 100% !important;
}
.editor img {
    width: auto !important;
    height: auto !important;
}
.editor h1, .editor h2, .editor h3, .editor h4 {
    margin-top: 10px;
    line-height: 1.8em;
    font-weight: 700;
}
.editor h1:nth-child(1), .editor h2:nth-child(1), .editor h3:nth-child(1), .editor h4:nth-child(1) {
    margin-top: 0;
}
.editor h1 {
    font-size: 30px;
}
.editor h2 {
    font-size: 24px;
}
.editor h3 {
    font-size: 20px;
}
.editor h4 {
    font-size: 18px;
    font-weight: 700;
}
.editor ul, .editor ol {
    margin: 8px 0;
    padding: 0;
}
.editor ul > li, .editor ol > li {
    line-height: 1.6em;
    position: relative;
    margin-bottom: 5px;
    font-size: inherit;
}
.editor ul {
    margin: 8px 0;
    font-size: inherit;
    list-style: none;
}
.editor ul > li {
    position: relative;
    padding-left: 1.8em;
    margin-bottom: 0.4em;
}
.editor ul > li:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #DFDFDF;
    left: 0.7em;
    top: 0.6em;
    border-radius: 0.2em;
}
.editor ol {
    padding: 0 20px;
    padding-left: 1.8em;
    list-style-type: decimal;
}
.editor ol > li {
    position: relative;
}
.editor .tbl_wrapper {
    overflow-x: auto;
}
.editor table {
    border-color: #e1e1e1;
    border-style: solid;
    overflow: auto;
    width: 100%;
}
.editor table th, .editor table td {
    border-color: #e1e1e1;
    padding: 8px;
    border-width: 1px;
}
.editor table th {
    background-color: rgba(176, 139, 172, 0.1);
    color: #D0D0D0;
}
.editor table h1,
.editor table h2,
.editor table h3,
.editor table h4 {
    margin: 0;
}
.editor blockquote p {
    margin: 0;
}
.editor a {
    color: #ff3366;
}
.editor a:hover {
    color: #FF668C;
    text-decoration: underline;
}
.editor input[type=button] {
    line-height: 1em;
    padding: 14px 20px;
    border-radius: 4px;
    background-color: #806D78;
    color: white;
    display: inline-block;
    border: 1px solid transparent;
    -webkit-transition: all 0.1s ease-in-out;
    -khtml-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    border-color: transparent;
    width: 100%;
}
.editor input[type=button]:hover {
    color: white;
    background-color: #72616b;
}
.editor input[type=button].large {
    font-size: 20px;
    padding: 18px 24px;
}
.editor input[type=button].outline {
    background-color: transparent;
    border: 1px solid #806D78;
    color: #806D78;
}
.editor input[type=button].outline:hover {
    background-color: rgba(128, 109, 120, 0.1);
}
.editor input[type=button].radius {
    border-radius: 30px;
}
.editor input[type=button].reverse {
    background-color: white;
    color: #806D78;
}
.editor input[type=button].pink {
    background-color: #df8c89;
}
.editor input[type=button].pink:hover {
    background-color: #da7875;
}
@media (max-width: 767px) {
    .editor h1 {
        font-size: 26px;
    }
    .editor h2 {
        font-size: 20px;
    }
    .editor h3 {
        font-size: 18px;
    }
    .editor h4 {
        font-size: 16px;
        font-weight: 700;
    }
}

.container.section_simple > .editor {
    padding-left: 20px;
    padding-right: 20px;
}