header {
        background-color: #000;
      }
      
      
      [data-section="header"] {
        width: 1060px;
        margin: 0px auto;
      }
      
      [data-section="site-nav"] {
        width: 100%;
        margin: 0px 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: 0px;
        left: 0px;
        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: 0px;
        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: 0px;
        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 0px 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: 0px;
        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: 0px;
        min-width: 0px;
      }
      
      #column-two {
        width: 420px;
        min-width: 420px;
      }