/* Main Styling */ body#tinymce h1, body#tinymce h2, body#tinymce H3, body#tinymce h4, body#tinymce h5, body#tinymce h6, body#tinymce p, body#tinymce span, body#tinymce a, body#tinymce input, body#tinymce textarea, body#tinymce select, body#tinymce option { font-family: 'Lato', sans-serif; font-size: 16px; line-height: 20px; font-weight: 400; } body#tinymce h1, body#tinymce h2, body#tinymce h3, body#tinymce h4, body#tinymce h5, body#tinymce h6, body#tinymce a, body#tinymce span.page-numbers { font-family: 'Josefin Sans', sans-serif; } body#tinymce div, body#tinymce p, body#tinymce span { max-width: 100%; } body#tinymce img { max-width: 100%; height: auto; margin: auto; } body#tinymce pre { white-space: pre-wrap } body#tinymce hr { border-bottom: 1px solid #499F68; border-radius: 2px; margin: 2rem 3rem ; } body#tinymce blockquote{ padding: 1rem; border-radius:2px; position:relative; quotes:"\201C""\201D""\2018""\2019"; background-color: #f4f4f4; border-left: 20px solid #499F68; } body#tinymce div.krinfopane{ padding: 1rem; border-radius:2px; position:relative; } ul.krinfopane{ padding: 1rem; border-radius:2px; position:relative; padding-left:2.5rem; } body#tinymce .bodycontainer { min-height: 100%; position: relative; outline: 1px solid rgba(0,0,0,0); z-index: 10; -webkit-transform: translateZ(0) translateX(0) rotateY(0deg); /* reset transforms (Chrome bug) */ transform: translateZ(0) translateX(0) rotateY(0deg); } body#tinymce .bodycontainer::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0px; opacity: 0; background-color: rgba(0,0,0,0.2); -webkit-transition: opacity 0.4s, height 0s 0.4s; transition: opacity 0.4s, height 0s 0.4s; } body#tinymce .wrapper { position: absolute; height: 100%; width: 100%; } #animated-bg { height: 100vh; width: 100vw; } body#tinymce .error, body#tinymce .warning, body#tinymce .notification { } body#tinymce table { border-collapse: collapse; width:100%; } body#tinymce table tr { } body#tinymce table tr td, body#tinymce table tr th { padding: 0.3rem; } body#tinymce ol, body#tinymce ul, body#tinymce dt, body#tinymce dd { text-align: left; } body#tinymce dd { font-style: italic } body#tinymce a { text-decoration: underline; } body#tinymce .fa { margin: 0 0.3rem; position: absolute; right: 0; top: 25%; -webkit-transition: transform 0.3s; transition: transform 0.3s; } body#tinymce a:hover .fa { transform: scale(1.2, 1.2); } /* Main Styling */ /* ##################################### */ body#tinymce h1, body#tinymce h2, body#tinymce h3, body#tinymce h4, body#tinymce h5, body#tinymce h6{ border-bottom: 3px solid #499F68; text-align:center; } body#tinymce h1 { margin: 1rem auto 1rem; font-size: 3rem; display: table; line-height: 4rem; max-width: 90%; } body#tinymce h2 { margin: 1rem auto 1rem; font-size: 2rem; display: table; line-height: 3rem; max-width: 100%; } body#tinymce h3 { margin: 1rem auto 1rem; display: table; font-size: 1.6rem; line-height: 2rem; } body#tinymce h4 { margin: 1rem auto 1rem; display: table; font-size: 1.4rem; line-height: 1.5rem; } body#tinymce h5 { margin: 1rem auto 1rem; display: table; font-size: 1.2rem; line-height: 1rem; } body#tinymce h6 { margin: 1rem auto 1rem; display: table; font-size: 1rem; line-height: 1rem; } body#tinymce p { margin: 1rem 0 1rem 0; font-size: 1rem; } body#tinymce{ background-color:#fff; border-radius:5px; padding: 10px; margin: 1.5rem 1rem 0 0; text-align:center } body#tinymce form.bshk_opt_form p.submit{ margin:1rem auto -2rem; text-align:center; } body#tinymce form.bshk_opt_form p.submit input#submit{ background-color:#499F68; border:none; box-shadow:none; text-shadow:none; opacity:0.8; transition:all 0.4s ease; line-height:3rem; font-size:1rem; height:3rem; padding:0 1rem; } body#tinymce form.bshk_opt_form p.submit input#submit:hover{ background-color:#499F68; opacity:1; } /* Admin Style */