header {
    background-color: #000
    }
[data-section="header"] {
    width: 1060px;
    margin: 0 auto
    }
[data-section="site-nav"] {
    width: 100%;
    margin: 0 auto
    }
[data-section="header"], [data-section="footer"], [data-section="site-nav"] {
    max-width: 100%
    }
/*______ HEADER ______*/
.title-holder h1 {
    font: 25px "Roboto", Arial, san-serif;
    color: #FFF
    }
/*______ SWITCH BUTTON ______*/
.switch-button label {
    color: #FFF
    }
.switch-button input[type="checkbox"].switch + span + div:before {
    background: #FFF
    }
.ch-profile-custom-info > div div:first-child {
    color: #810A0B;
    font: 23px "Roboto", Arial, san-serif
    }
.widget-content {
    background-color: #FFF;
    font: 14px "Segoe UI", Helvetica, Verdana, san-serif;
    color: rgb(0, 0, 0);
    line-height: 18px
    }
.widget-content p {
    line-height: 24px
    }
.widget-content h2 {
    font: 23px "Roboto", Arial, san-serif;
    color: #810A0B;
    border-bottom: 1px solid #810A0B;
    padding-bottom: 6px;
    margin-bottom: 10px
    }
.widget-content h4 {
    font: 18px "Roboto", Arial, san-serif;
    color: #A90D15
    }
.widget-content h5 {
    font: 16px "Roboto", Arial, san-serif;
    color: rgb(0, 0, 0)
    }
.widget-actions {
    top: 20px;
    right: 20px
    }
.widget-actions i {
    color: #810A0B;
    font-size: 20px
    }
.widget-actions i:hover {
    color: #F76565
    }
.switch-button input[type="checkbox"].switch + span + div {
    background: #DA141E
    }
.feed-options {
    position: absolute;
    left: 5px;
    top: 5px;
    display: none;
    z-index: 1
    }
.feed-item:hover .feed-options {
    display: block
    }
.info-author, .feed-info {
    position: relative;
    margin-left: 7.33333rem;
    margin-right: 7.33333rem
    }
.comment-options {
    float: right;
    display: none
    }
.feed-comment:hover .comment-options {
    display: block
    }
.item-panel {
    position: relative
    }
.feed-options i {
    font-size: 18px;
    background: rgba(255, 255, 255, 0.6);
    padding: 3px;
    border-radius: 50%
    }
a.edit-item {
    position: absolute;
    margin: 4px;
    top: 0;
    left: 0;
    display: inline-block;
    padding: 3px;
    line-height: 20px;
    font-size: 16px;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%
    }
/*______ FLEXBOX ______*/
.event-panel .flexbox-hero {
    background-color: #810A0B;
    font: 18px "Roboto", Arial, san-serif;
    font-size: 35px;
    line-height: 38px
    }
.event-panel .month {
    font-size: 15px;
    line-height: 20px
    }
.event-panel .location {
    font-size: 14px
    }
.event-panel .location i {
    color: #810A0B
    }
.flexbox-info {
    min-width: 100px
    }
.doc-panel h5 span {
    color: #606060
    }
/*______ NEWS BODY ______*/
.event-body .hero, .news-body .hero {
    margin: 10px -20px 10px -20px
    }
.event-body .title, .news-body .title {
    font-size: 30px
    }
.event-body .summary, .news-body .summary {
    font-weight: 600;
    margin-bottom: 20px
    }
.event-body .content, .news-body .content {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #F76565
    }
.event-panel .date {
    background-color: #A90D15
    }
.event-body .hero {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
    }
.event-body .hero .date {
    width: 120px;
    background: #A90D15;
    color: #FFF;
    font: 34px/45px "officina", Arial, san-serif;
    text-align: center;
    padding: 12px
    }
.event-body .hero .image {
    width: 100%;
    position: relative
    }
.event-body .hero .image img {
    display: block;
    width: 100%
    }
.event-body .hero .date span {
    display: block
    }
.event-body .hero .month {
    font-size: 20px;
    border-bottom: 1px solid
    }
.location i {
    color: #A90D15;
    padding-right: 10px
    }
/*_________ MAIN NAV __________*/
#main-nav {
    background-color: #A90D15
    }
#main-nav > div {
    max-width: 1060px
    }
#main-nav > div ul li a {
    color: #FFF;
    font: 20px "Roboto", Arial, san-serif
    }
#main-nav > div > ul li:hover {
    background: #F76565
    }
#main-nav > div ul li:hover a {
    color: #A90D15
    }
/*SUBMENU*/
#main-nav > div > ul li ul {
    position: absolute;
    display: none;
    width: 100%;
    top: 100%;
    left: 0;
    background-color: #A90D15;
    z-index: 5;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
#main-nav > div > ul li:hover ul {
    display: block
    }
/*End Main Nav*/
/*______ TABLES ______*/
table.ch-table {
    background-color: rgba(0, 0, 0, 0);
    font: 14px "Segoe UI", Helvetica, Verdana, san-serif
    }
table.ch-table td {
    border: 1px solid rgba(0, 0, 0, 0)
    }
.ch-table thead {
    background-color: rgb(18, 68, 69);
    font: 18px "Roboto", Arial, san-serif;
    color: #FFF
    }
.ch-table thead td {
    border-color: rgb(18, 68, 69) #FFF
    }
.ch-table thead tr td:first-child {
    border-left: 1px solid rgb(18, 68, 69)
    }
.ch-table thead tr td:last-child {
    border-right: 1px solid rgb(18, 68, 69)
    }
#contact-map {
    width: 100%
    }
/*______ NEWS BODY ______*/
.event-body h2, .news-body h2 {
    border-bottom: none
    }
.event-body .hero, .news-body .hero {
    margin: 0;
    margin-bottom: 16px
    }
.widget-content .profile-tags li {
    background-color: #A90D15;
    color: #FFF;
    border: none
    }
.widget-content .profile-tags li:hover {
    background-color: #F76565;
    color: #A90D15
    }
/*______   ORIGIN WIDGET   ______*/
.origin-widget h3 {
    padding: 10px 20px;
    color: #484848
    }
.origin-widget h3 i {
    padding-right: 10px
    }
.origin-widget h3 a {
    padding-left: 10px
    }
.origin-widget h3 span {
    font-size: 18px;
    color: #484848;
    cursor: pointer
    }
.origin-widget h4 {
    margin-top: 20px;
    font-size: 19px
    }
.origin-widget .display-holder {
    margin: 10px 0 40px 28px;
    padding-left: 20px;
    border-left: 1px solid #D4D0D0;
    display: none
    }
.widget-content ul {
    list-style: initial;
    margin-left: 40px
    }
.widget-content li {
    list-style: initial;
    margin-bottom: 10px
    }
.widget-content li ul li {
    list-style-type: circle
    }
/*______   GROUPS   ______*/
.grouplogos-holder {
    width: 360px;
    padding-right: 40px;
    margin-top: 20px
    }
.grouplogos-holder img {
    display: block
    }
.grouplogos-holder .hero {
    border: 1px solid #606060;
    position: relative;
    cursor: pointer
    }
.grouplogos-holder .selected .hero:before, .grouplogos-holder .hero:hover:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #A90D15;
    opacity: 0.6;
    z-index: 1
    }
.group-panel {
    margin-bottom: 20px
    }
.group-panel .info {
    display: none
    }
.infoonclick-holder {
    margin-top: 20px;
    background-color: #ECECEC
    }
.infoonclick-holder > div {
    padding: 20px
    }
.item-project {
    margin-bottom: 20px
    }
.item-project > div {
    padding: 16px;
    background-color: #ECECEC;
    position: relative
    }
.last-projects .item-project h4 {
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 63px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding-bottom: 0;
    margin-bottom: 10px
    }
span.italic {
    font-weight: inherit
    }
.ch-feeds-stream > * a:hover, .ch-share-box > * a:hover {
    color: #F76565
    }
* a:hover {
    color: #F76565
    }
html, body {
    font: 14px/18px "Segoe UI", Helvetica, Verdana, san-serif;
    background-color: #FFF;
    color: rgb(102, 102, 102)
    }
#content {
    max-width: 1060px
    }
#content > div > div > #main {
    max-width: -width
    }
#column-one {
    width: 0;
    min-width: 0
    }
#column-two {
    width: 420px;
    min-width: 420px
    }