/* general */
.layout a { color: #0079B0; text-decoration: none; }
.layout a:hover { text-decoration: underline; }
.layout strong { font-weight:600; }

/* header */
h1, h2, h3 { font-weight: 600; letter-spacing: -.5px; }
h1 { font-size:2.2em; margin-top:0; }
h2 { font-size:1.5em; }
h3 { font-size:1.2em; margin-top: 1.75em; }
h2 > span, h3 > span { border-bottom: solid 3px #A9E0FA; padding-bottom: 7px;}


.noList, .noList > li { margin: 0; padding: 0; list-style-type: none; }
.layout .editor-image { width:100%; height:auto!important; } 
.layout .widget p { margin-bottom: 1.1em; line-height:1.5em; }
.layout .widget p:last-child { margin-bottom: 0; }

.layout .widget { padding: 0 2em; }
.layout .widget.linkBox { padding: 2em 2em 4em; }
.layout .widget.linkBox h2 { margin: 0; padding-bottom: .5em; border-bottom: solid 4px #A9E0FA; }
.editor-main .layout .widget.linkBox h2 { margin-bottom: 1em; }
.layout .widget.linkBox a.btn { position: absolute; bottom: 2em; }
.widget.linkBox h2 > i { font-size: 1.5em; margin: 0 .25em 0 0; position: relative; top: .1em; }
.widget.linkBox h2 > span { border:none; padding-bottom:0; }
.editor-main .layout .widget.linkBox a.btn { position: static; }

.layout button, .layout a.btn { background: transparent; color: #0079B0; border: solid 1px #87C0EB; padding: .75em 1.5em; font-size: 1em; cursor: pointer; border-radius: 2px; display:inline-block; }
.layout button:hover, .layout a.btn:hover { background: #00AEEF; color: #fff; border-color: #00AEEF; text-decoration:none; }
.layout button i, .layout a.btn i { margin-left: .5em; }
.layout .itemList { margin-top: .3em; border-bottom: solid 1px #A9E0FA; }
.layout .itemList li { padding: .65em 0; border-bottom: solid 1px #E0F5FF; }
.layout .itemList li.even { background: #FAFDFF; }
.layout a.readMore { display: inline-block; float: right; margin-top: 1em; }


/* ruler */
.widget.ruler { margin-bottom: 0; }
.widget.ruler hr { height: 1px; background-color: #eee; margin: 4em 0 4em 0; padding: 0; border: none; display: block; }

/* image */
.widget.image img { width: 100%; height: auto; }


/* file list */
.fileList li { padding: .2em 0 !important; }
.fileList li i { display: inline-block; margin-right: .4em; color: #222; text-decoration: none;  }
.fileList li span { color: #777; display: inline-block; margin-left: .4em; }
.fileList li a { text-decoration: none; color: #222; }
.fileList li a:hover { color: #000; text-decoration: underline; }

/* richtext */
.widget.richText.columns p:first-child { margin-top: 0; }

/* code */
.widget.code pre { font-size:14px; padding:0; background:#f8f8f8; border:solid 1px #ddd;  }
.widget.code code { background:inherit; border:none; width:auto !important; max-width:100%; }
td.placeholder .widget.code code[class*=language-], td.placeholder .widget.code pre[class*=language-] { white-space: pre-wrap; } /* hack to prevent wide lines in backoffice */
.widget.code pre[class*=language-]>code[data-language] { overflow: auto; padding:1em; }

/* project list */
.widget.currentProjects { padding-top:2em !important; }
.widget.currentProjects h2 { margin: 0; padding-bottom: .5em; }
.activeProjectList { margin-bottom: 1em; padding-top:1.3em; clear:both; }
.activeProjectList > li { margin-bottom: .5em; padding-bottom: .5em; border-bottom: solid 1px #E1E6E8; float:left; width:48%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.activeProjectList > li:nth-child(even) { margin-left: 4%; }
.activeProjectList > li a { display:block; float:left; width:66%; }
.activeProjectList > li span.date { display:block; float:right; width:18%; text-align:right; }



@media (max-width: 1024px) {
    .layout .widget { padding: 0 1em; }
    .layout .widget.linkBox { padding: 2em 1em 4em; }
}

@media (max-width: 768px) {

    .layout .widget.linkBox { padding: 2em 1em 1em; }
    .layout .widget.linkBox a.btn { position: static !important; margin-top: 1em; }
    .layout .widget.image { margin-top: 2em; }
    .activeProjectList { margin-bottom:1em !important; }
    .activeProjectList > li { margin-left:0 !important; width:100% !important; }
}

@media (max-width: 560px) {
    .layout .widget.linkBox, .layout .widget.currentProjects { padding: 2em 2em 1em; }
}