/* this file contains style for editor */

html { font-size: 16px; }
body, body.cke_editable { color: #333; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.4; }
hr { background: #333; border: none; box-sizing: content-box; clear: both; display: block; height: 2px; margin: 40px 0; text-align: left; overflow: visible; }

/* font */
h1, .h1 { font-size: 2rem; font-weight: 700; margin: 0 0 2rem; }
h2, .h2 { font-size: 1.8rem; font-weight: 700; margin: 0 0 0.5rem; letter-spacing: -0.05rem; }
h3, .h3 { font-size: 1.5rem; font-weight: 700; margin: 0 0 2rem; }
h4, .h4 { font-size: 1.2rem; font-weight: 700; margin: 0 0 1.5rem; }
h5, .h5 { font-size: 1.3rem; font-weight: 400; margin: 0 0 1.8rem; font-family: BreeSerif, Georgia, sans-serif; }
h6, .h6 { font-size: 1rem; font-weight: 500; margin: 0 0 1rem; }
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; line-height: 1.7; }
p:first-child {}
p:last-child { margin-bottom: 0; }

p.intro { font-size: 1.4rem; max-width: 800px; margin: 30px 0px;}

b, strong { font-weight: 700; }


.btn-outline-primary:hover {background-color: #f7af3b;border-color: #f7af3b;}
.btn-primary:hover {background-color: #8ebe43; border-color: #8ebe43;}

/** lists */
.cke_editable ul:not(:last-child),
.ce-bodytext ul:not(:last-child),
.cke_editable ol:not(:last-child),
.ce-bodytext ol:not(:last-child) { margin-bottom: 20px; }
/* ul */
.cke_editable ul,
.ce-bodytext ul,
.content ul.ce-bullets { list-style: none; }
.cke_editable ul > li::before,
.ce-bodytext ul > li::before,
.content ul.ce-bullets > li::before { content: ""; border: solid #333; border-width: 1px 1px 0 0; display: inline-block; height: 7px; width: 7px; transform: rotate(45deg); position: absolute; top: 7px; left: -17px; }


/* link */
h1, h1 a, .h1, .h1 a { color: #666; }
h2, h2 a, .h2, .h2 a { color: #666; }
h3, h3 a, .h3, .h3 a { color: #000; }
h4, h4 a, .h4, .h4 a { color: #000; }
h5, h5 a, .h5, .h5 a { color: #000; }
h6, h6 a, .h6, .h6 a { color: #000; }
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: #ec79a8;text-decoration: none;transition: all .4s ease;}
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; position: relative; top: -1px; }

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

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

.btn + .btn { margin-left: 10px; }
p + .btn, p > .btn,
p + .more, p > .more { margin-top: 0; }

.more { color: #666; padding: 0; white-space: nowrap; text-transform: none; font-weight: 700; }
.more::before { content: "\f105"; color: #666; font-family: "Font Awesome 5 Free"; float: left; font-size: 0.7rem; font-weight: 900; line-height: 1.4; margin-right: 5px; transition: all .2s ease; position: relative; top: 4px; }
.more:hover, .more:hover::before { color: #000; text-decoration: none; }

.btn.more { padding: 8px 20px; }
.btn.more, .btn.more::before { color: #FFF; }
.btn.more:hover, .btn.more:hover::before {}
html:not(.touch) .btn.more:hover, html:not(.touch) .btn.more:hover::before { color: #202121; }

/* backlink */
.backlink-wrap { clear: both; margin: 30px 0; overflow: hidden; }
.backlink-wrap .back,
a.back { background: none; border: none; color: #54a2d5; line-height: 1; margin: 0; padding: 0; overflow: overlay; position: relative; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.backlink-wrap .back:hover,
a.back:hover { background: none; border: none; color: #C51D0F; }

.backlink-wrap .back::before,
a.back::before { content: "\f060"; color: #C51D0F; display: block; float: left; font-family: "Font Awesome 5 Free"; font-weight: 900; margin: 0px 10px 0 0; }
.backlink-wrap .back::after,
a.back::after { display: none; }

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


/* colors */
.btn-default { background: none; color: #333; padding: 15px; }
.btn-default::after { display: none !important; }
.btn-default:hover { background: none; border-color: #333; }


/* eof */