/* this file contains style for editor */

body, body.cke_editable { color: #666; font-family: Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; }
hr { background: #444; border: none; box-sizing: content-box; clear: both; display: block; height: 2px; margin: 40px 0; text-align: left; overflow: visible; }

/* font */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; line-height: 1.2; }
h1, .h1 { font-size: 2.5rem; font-weight: 300; margin: 0 0 0.75rem; }
h2, .h2 { font-size: 24px; font-weight: 500; margin: 0 0 0.75rem; font-family: Diavlo; color:#666 !important;}
h3, .h3 { font-size: 1.5rem; font-weight: 400; margin: 0 0 0.75rem; }
h4, .h4 { font-size: 1.3rem; font-weight: 400; margin: 0 0 0.75rem; }
h5, .h5 { font-size: 1.25rem; font-weight: 400; margin: 0 0 0.75rem; }
h6, .h6 { font-size: 1.2rem; font-weight: 400; margin: 0 0 0.75rem; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child,
.h1:first-child, .h2:first-child, .h3:first-child, .h4:first-child, .h5:first-child, .h6:first-child { margin-top: 0; }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child,
.h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { /*margin-bottom: 0;*/ }

p { margin: 0 0 20px; }
p:first-child {}
p:last-child { margin-bottom: 0; }

.ce-bodytext ul:not(:last-child),
.ce-bodytext ol:not(:last-child) { margin-bottom: 20px; }

/* link */
h1, h1 a, .h1, .h1 a { color: #0062a1; }
h2, h2 a, .h2, .h2 a { color: #333; }
h3, h3 a, .h3, .h3 a { color: #333; }
h4, h4 a, .h4, .h4 a { color: #666; font-family: Diavlo; }
h5, h5 a, .h5, .h5 a { color: #333; }
h6, h6 a, .h6, .h6 a { color: #333; }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { text-decoration: none; }
h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover { text-decoration: none; }
.header a, .csc-header a { text-decoration: none; }

a { color: #444; text-decoration: underline; }
a:hover { text-decoration: underline; }
a, a:hover, a:focus, a:visited {}

/* external link */
a.link-external {}
a.link-external:after { content: "\f35d"; display: inline-block; font-family: "Font Awesome 5 Free"; font-size: 70%; font-weight: 900; line-height: 1; margin-left: 5px; }

/* a.button / a.more */
a.button, span.button, a.more { display: inline-table; font-size: 16px; font-weight: 600; line-height: 1; margin: 20px 0 0; position: relative; z-index: 1; overflow: hidden; text-decoration: none; text-transform: uppercase; }

a.button, span.button { background: #FFF; border: 2px solid #444; color: #FFF; padding: 8px 20px; text-align: center; }
a.button:hover, span.button:hover {}
body.cke_editable a.button:hover, body.cke_editable span.button:hover { color: #FFF; }
a.button:after, span.button:after { content: ""; background: #444; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; transform: scale(1,1); transition: all .4s ease; }
.no-touch a.button:hover, .no-touch span.button:hover { color: #444; }
.no-touch a.button:hover:after, .no-touch span.button:hover:after { transform: scale(0,0); }

p > a.button + a.button { margin-left: 10px; }
p + a.button, p > a.button:first-child,
p + a.more, p > a.more:first-child { margin-top: 0; }

a.more { color: #444; padding: 0; white-space: nowrap; }
a.more:before { content: "\f105"; color: #444; font-family: "Font Awesome 5 Free"; float: right; font-size: 16px; font-weight: 900; line-height: 1; margin-left: 10px; transition: all .2s ease; }
a.more:hover, a.more:hover:before { color: #202121; }

a.button.more { padding: 8px 20px; }
a.button.more, a.button.more:before { color: #FFF; }
a.button.more:hover, a.button.more:hover:before {}
.no-touch a.button.more:hover, .no-touch a.button.more:hover:before { color: #202121; }

/* Internet Explorer 10+, Microsoft Edge Browser */
_:-ms-lang(x), a.button, span.button { background: #444; color: #FFF; }
_:-ms-lang(x), .no-touch a.button:hover, .no-touch span.button:hover { background: #FFF; color: #444; }
_:-ms-lang(x), #root a.button:after, #root span.button:after { display: none !important; }


/* buttons */
.btn { font-weight: 400; white-space: nowrap; border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); padding: 8px 12px; }
.btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(205, 205, 205, 0.25); }

.btn-dark { color: #fff; background-color: #555; border-color: #555; }
.btn-dark:hover { color: #fff; background-color: #424242; border-color: #3c3c3c; }
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active { color: #fff; background-color: #3c3c3c; border-color: #353535; }
.btn-dark:focus, .btn-dark.focus { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(85, 85, 85, 0.5); }

.btn-secondary { color: #fff; background-color: #0062a1; border-color: #0062a1; }
.btn-secondary:hover { color: #fff; background-color: #004b7b; border-color: #00436e; }
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active { color: #fff; background-color: #00436e; border-color: #003b61; }
.btn-secondary:focus, .btn-secondary.focus { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(0, 98, 161, 0.5); }


/* text */
.text-muted { color: #6c757d; }


/* eof */