/***********************/
/***    BASE.CSS     ***/
/***********************/

html, body { font-size:14px; }
h5, .h5 { font-size:14px; }
h6, .h6 { font-size:13px; }

.top-line { background-image:url(/assets/css/extra/top-line.png); height:35px; font-weight:700; color:#fff; font-size:17px; padding-top:4px; }
.top-line .top-arrow { background-image:url(/assets/css/extra/arrow-top.png); display:inline-block; width:10px; height:17px; position:relative; top:2px; }
.top-line a { color:#fff; }

.cs-gen-icon { display:inline-block; vertical-align:middle; background-image:url(/assets/images/gen-file-icon.png); background-repeat: no-repeat; width:34px; height:41px; position:relative; }

.cs-gen-icon .cs-ext-icon { position:absolute; bottom:3px; right:0; color:#fff; display:block; font-size:7px; font-style:normal; text-align:center; width:18px; height:13px; line-height:1; }

/* HIDE PIMCORE LOGO IN FRONTEND */
#pimcore_admin_console { display:none!important; }

.footer-logo { opacity:.5!important; }

.socials { z-index:100; }

/* IMAGES BACKGROUND */
.callout,
.section.section-secondary,
.intro .container a { background-color:#f0f0f0; }

.sidebar .section { padding-right:15px; }
.sidebar .section-head { padding-bottom:10px; }
.sidebar .section-body { padding-top:10px; }

.normal-img { float:right; margin-left:10px; margin-bottom:10px; }

/* BUTTON */
.no-btn { padding:0; border-width:0; }

/* PROJECT DETAIL */
.project-detail-head { margin-top:30px; }
.project-detail-line { padding: 13px 0 13px; border-bottom:1px solid #c6c6c6; }
.project-detail-line:first-child { border-top:1px solid #c6c6c6; margin-top:30px; }
.project-detail-line .field-name,
.project-detail-line .field-value ul li { font-family:'DinPro'; font-weight:500; }
.project-detail-contact-name { font-size:16px; font-weight:bold; }
.project-detail-contact-name { font-size:16px; font-weight:bold; }
.project-detail-job { padding-bottom:5px; border-bottom:1px solid #c6c6c6; }
.project-detail-job strong { font-family:'DinPro'; font-weight:500; }
.project-detail-contact-tel { padding-top:5px; font-weight:bold; }
.project-detail-contact-fax { font-weight:bold; }
.project-detail-contact-email { padding-top:15px; }
.project-detail-email { word-break:break-all; display:block; width:145px; }
.project-detail-email:before { display:table-cell; }

.content .section-head-borderout {padding: 0 0 5px;}

/* PAGING */
.paging ul button { color: #000; font-family: 'DinPro'; font-weight:400; background-color:transparent; }
.paging ul button:hover { color: #80a34b; }
.paging .current button { font-family: 'DinPro'; font-weight:500; }

/* NAVIGATION */
.nav-dropdown h4 a { color:inherit; }

.list-arrows,
.list-pluses { overflow:hidden; }
.section-body ul { list-style-position: inside; }


.cs-article-links { list-style:none outside none; overflow:hidden; padding-top:20px; word-break:break-all; }
.container .cs-article-links { word-break:normal; }
.cs-article-links li { display:inline-block; width:20%; margin-right:4%; padding-top:5px; vertical-align:top; overflow:hidden; }
.cs-article-links strong { display: block; padding-top: 4px;  }

.sidebar .cs-article-links li { width:45%; }

.headline-separator { display:inline-block; width:1px; height:45px; background-color:#e0e0e0; position:relative; margin-left:12px; margin-right:12px; top:10px; }

.clear { clear:both; }

/* DEFAULT WYSIWYG */
.section-primary img { max-width:100%; }

/* DEFAULT WYSIWYG HOME */
.section-alt img { max-width:100%; }

/* CONTACT */
.section.contact-section { padding-top:0; }
.section-body.contact-body img.contact-img { float:right; margin:0 0 10px 10px; }

/* NOT FOUND PAGE */
.wr404 { background-color:#5b8f20; padding-top:40px; }
.padder-404 { padding:30px 10px 150px; }
.sorry-text { font-size:40px; color:#fff; font-family:'DinPro'; font-weight:400; }
.cs-btn-white { background-color:#fff!important; color:#000!important; }
.cs-btn-white .ico-arrow-btn { background-image:url(images/cs-ico-arrow-btn-black.png); position:relative; top:-2px; }

/* GLOSSARY */
.cs-section-glossary .section-body { padding-top:20px; }
.glossary-content { padding-top:20px; }

.glossary-letters {  }
.glossary-letters li { display:inline; }
.gray-entry { width: 39px; height: 28px; border-radius: 3px; display: inline-block; overflow: hidden; background-image: none; vertical-align: middle; }
.gray-entry { font-family: 'DinPro'; font-weight:500; color: #fff; text-transform: uppercase; font-size: 18px; text-align: center; background:#545454; }
.gray-entry { margin-bottom:3px; margin-right:1px; }
.gray-entry:focus,
.gray-entry:hover { color:#fff; }
.gray-entry.letter-active { background-color:#5b8f20; }

.glossary-term { font-family:'DinPro', sans-serif; font-weight:500; font-size: 18px; line-height: 1.5; border-bottom:1px solid #c6c6c6; padding-bottom:6px; margin-bottom:19px; }
.glossary-desc { padding-bottom:20px; }

.glossary-show-all { margin-top:10px; }
.glossary-show-all .ico-chevron-right { padding-right:10px; position:relative; top:-2px; }

.paging .current { font-family: 'DinPro'; font-weight:500; }

/* SEARCH */
.search-result { padding-bottom:50px; }
.search-result .highlight { color:#c01428; }
.search-result-title { font-family: 'DinPro'; font-weight:500; border-bottom:1px solid #ccc; padding-bottom:12px; margin-bottom:25px; }
.search-result-title a { color:#000; }
.search-result-title a:hover,
.search-result-title a:focus { color:#80a34b; }

/* BRICK DOWNLOAD LIST */
.pimcore_area_BrickDownloadlist { margin-top:-40px; }
.pimcore_area_BrickDownloadlist:first-child { margin-top:0; }

.sidebar { background-color:#fff; border-right:1px solid #e4e4e4; }
.sidebar .section { border-right-width:0!important; }
.sidebar .pimcore_area_BrickDownloadlist { margin-top:0; }

/* BRICK STEPS */
.steps { margin-left:-7px; margin-right:-7px; }

/* NEWSLETTER ARCHIVE */
.section-nl-archive { padding-bottom:20px!important; }

/* SIDE BOX - MUST HAVE */
.side-boxes { padding-left:4px; padding-right:4px; }
.side-boxes a { background:#5b8f20 url(/assets/images/landbg.png) no-repeat left bottom!important; }
.side-boxes a .ico-arrow-med { top:auto; bottom:15px; right:15px; margin-top:0; }

.side-boxes .pimcore_tag_link_text a { display:block; width:100%; color:#fff; font-family: DinProLight, sans-serif; font-size:18px; padding:10px; }


.side-boxes .box { margin-bottom:10px; }

/* RESTRICTED AREA - DOWNLOADS */
.ra-article-downloads li { width:45%; display:inline-block; vertical-align:top; }
.download-date { display:block; color:#000; font-weight:normal; color:#333; margin-top:4px; margin-bottom:-2px; }
.box.red a { background-color:#bf1327; }
.upload-success { font-size:28px; color:#fff; font-weight:100; }

/* UPLOAD */
.subGroups { padding-top:10px; }

.cs-file-upload { display: inline-block; position: relative; overflow: hidden; }
.cs-file-upload-btn { display: inline-block; background: #a8a8a8; font-size: 12px; font-family: 'DinPro'; font-weight:500; color: #fff; text-transform: uppercase; height: 29px; box-sizing: border-box; padding: 5px 13px 0px; text-align: center; margin-top: 15px; }
.cs-file-upload-input { opacity: 0; font-size: 100px; position: absolute; bottom: -10px; right: -10px; cursor: pointer; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
.cs-up-files { border-bottom:1px solid #c6c6c6; padding-top:20px; padding-bottom:20px; }
.cs-name-submit-name { padding-right:60px; }
#show-error { color:#c01428; font-family: 'DinPro'; font-weight:500; }

.sidebar-musthaves .section-body { padding-top:40px; }

.section-restricted .section-body { padding-top:0; }

.section-restricted .section-body .paging-prev { margin-right:10px; }
.cs-goback-group { border-bottom:1px solid #ddd; padding-top:10px; padding-bottom:10px; margin-bottom:10px; }
.cs-goback-group a { color:#000; font-size:15px; }

.cs-link-logout { display:block; text-align:right; float:right; width:40%; padding-right:5px; }

/* EVENT UPLOAD */
.form-announcement .file-upload { margin-top:10px; }
.form-announcement .file-upload  .file-upload-btn { cursor:pointer; }

#plc00 { width:100%; }
#ntnl-nothing { width:100%; }

/* FIND PROJECT IDEA */
.section.section-overview.section-ideas.section-ideas-1 { padding-bottom:0; }
.section.section-overview.section-ideas-1 .col.col-size3 { width:320px; }
.section.section-overview.section-ideas-1 .col.col-size2 { width:224px; }
.section.section-overview.section-ideas-1 .col.col-size1 { width:90px; }

.section.section-overview.section-ideas-1 .results-head .col.col-size1 { text-align:left; }
.section.section-overview.section-ideas-1 .results-head h3,
.section.section-overview.section-ideas-1 .results-item-body .list-keywords li,
.section.section-overview.section-ideas-1 .results-item-body p { font-family: 'DinPro'; font-weight:700; }

.section.section-overview.section-ideas-1 .col a.btn-arrow-med-link { display:inline-block; width:28px; height:30px; }
.overview-project-ideas .list-radios { margin-top:15px; }
.overview-project-ideas .list-radios div.radio { margin-top:0; margin-bottom:0; }
.overview-project-ideas .overview-box.overview-box-size1 { height:147px; }
.overview-project-ideas .overview-actions .btn-large { height:71px; padding-top:0; }
.section.section-overview.section-ideas-1 .results-item-body,
.section.section-overview.section-ideas-1 .results-item-body p { font-family:'DinPro'; font-weight:500; }
.section.section-overview.section-ideas-1 .result-item-title { font-size:16px;}


.normalimg { max-width:100%; }


.bar-number { padding-top:7px; }
.black-event { padding-top:2px; }

.section-x-timeline h1 { padding-bottom:0!important; }

/* PROJECT OVERVIEW */
.project-overview-label { font-size:inherit!important; }
.search-project { border-bottom-width:0!important; }
.search-field { border-bottom:1px solid #e2e2e2; }
.result-actions { padding-top:10px; }


/* PROJECT PAGES */
.bar-project { padding-top: 50px; }
.bar-project .project-logo { max-width:250px; }
.bar-project .bar-project-r { position:relative; }

.bar-project h1 { font-weight:bold; text-align:right; position: relative; background-image: url(/assets/images/dashed-border.png); background-repeat:repeat-x; background-position:100% 100%; padding-bottom:10px; padding-top:24px; font-size:36px; }
.bar-project .slogan { display:block; text-align:right; padding-top:10px; font-size:17px; font-weight:700; }
.bar-project .container {  }



.priority-icon { display:block; width:62px; height:62px; background-image:url("/assets/images/priorities.png"); background-size:287px 62px; background-repeat:no-repeat; position:relative; margin-left:auto; margin-right:44px; }
.priority-icon.innovative { background-position:0px 0px; color:#fdc508; margin-right:28px; }
.priority-icon.low-carbon { background-position:-75px 0px; color:#149861; margin-right:33px; }
.priority-icon.liveable { background-position:-150px 0px; color:#97c221; margin-right:25px; }
.priority-icon.well-governed { background-position:-225px 0px; color:#3b7485; }

.priority-icon span { display:block; position:absolute; top:100%; margin-top:10px; height:20px; width:180px; left:50%; margin-left:-90px; text-align:center; text-transform:uppercase; font-style:normal; font-size:18px; font-weight:500; }

.section-prio .section-head { background-image: url(/assets/images/dashed-border.png); background-repeat:repeat-x; background-position:100% 100%; padding-bottom:45px!important; }

.section-prio .s-title { font-size:19px; font-weight:400; padding-top:15px; }
.section-prio .t-val { text-align:right; }



.event-end-date { margin-top:-2px; display:inline-block; }
@media (max-width:600px) {
    .event-date { font-size:15px; }
}


.multi-selection-started { width: 100%; display:block; border:1px solid #aaa; padding:10px; color:#888; text-decoration:none; font-weight:300; font-size:12px; position:relative; }
.multi-selection-started:hover,
.multi-selection-started:focus,
.multi-selection-started:focus { color:#888; }
.multi-selection-started:after { content:''; display:block; width:25px; height:25px; position:absolute; top:50%; right:6px; background-image:url('/assets/css/images/overview.png'); background-position: -363px 0px; margin-top:-12.5px; }

.multi-select-content .selecter-options { display:none!important; }

.multi-select-content.opened .multi-selection-started { display:none!important }
.multi-select-content.opened .selecter-options { display:block!important; }




.styled-checkbox { display:block; }
.styled-checkbox i { display:block; width:15px; height:15px; border:1px solid #aaa; position:relative; float:left; }

.styled-checkbox input { width:1px; height:1px; overflow:hidden; outline:none; opacity:0; }
.styled-checkbox input:checked + i:before { content:''; background-color:#aaa; display:block; width:100%; height:100%; border:2px solid #fff; position:absolute; top:0; left:0; }

.styled-checkbox span { display:block; float:right; width:calc(100% - 40px); font-weight:200; }

.styled-checkbox:after { content: ""; display: table; clear: both;}