/*______   TOP BAR   ______*/
.top-bar {
    background-color: #ffba24
    }
.social-elements {
    float: right
    }
.social-elements li {
    margin: 5px
    }
.social-elements li > a i {
    font-size: 20px;
    line-height: calc(20px * 1.8);
    height: calc(20px * 1.8);
    width: calc(20px * 1.8);
    color: #FFF;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    background-color: #ffd374
    }
.social-elements li > a:hover i {
    background-color: #333;
    color: #FFF
    }
.social-elements .avatar {
    position: relative
    }
.social-elements .avatar img {
    width: calc(20px * 1.8);
    height: auto;
    border-radius: 50%
    }
.social-elements .user-options {
    position: absolute;
    right: 0;
    top: 100%;
    width: 120px;
    font: 14px "Segoe UI", Helvetica, Verdana, san-serif;
    display: none;
    padding-top: 18px;
    z-index: 10
    }
.social-elements .user-options:before {
    content: "";
    position: absolute;
    top: -2px;
    right: 10px;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #ffd374 transparent
    }
.social-elements .zones:hover .user-options, .social-elements .avatar:hover .user-options {
    display: block
    }
.social-elements .user-options i {
    color: #FFF;
    padding-right: 6px
    }
.social-elements .user-options a {
    display: block;
    padding: 5px 10px;
    background-color: #ffd374;
    color: #FFF
    }
.social-elements .user-options a:hover {
    background-color: #333;
    color: #FFF
    }
.social-elements .user-options a:hover i {
    color: #FFF
    }
#search {
    display: none
    }
/*______ HEADER ______*/
header {
    background-color: transparent;
    padding-top: calc(20px * 1.8);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
.ch-slidersimple .header-title-holder h1 {
    font: 34px "Raleway", Arial, san-serif
    }
.widget-content .site-title, .site-title {
    font: 34px "Raleway", Arial, san-serif;
    color: #FFF
    }
.widget-content .site-subtitle, .site-subtitle {
    font: 20px "Raleway", Arial, san-serif;
    color: #FFF
    }
.widget-content .site-title {
    text-align: center
    }
.widget-content .site-subtitle {
    margin-top: 20px
    }
/* EndHeader */
/*______   FOOTER   ______*/
footer, footer .widget-content {
    background-color: #FFF;
    text-align: center
    }
footer {
    overflow: auto
    }
footer .widget-content p {
    font: 16px "Raleway", Arial, san-serif;
    color: #606060
    }
/*EndFooter*/
/*______   SWITCH BUTTON   ______*/
.switch-button label {
    color: #FFF;
    font: 18px "Raleway", Arial, san-serif
    }
/**/
.ch-profile-custom-info > div div:first-child {
    color: #333;
    font: 21px "Raleway", Arial, san-serif
    }
.column.item-panel .flexbox-info {
    background-color: #FFF
    }
.ch-profile-custom-info > div, .widget-content {
    background-color: #FFF;
    font: 14px "Segoe UI", Helvetica, Verdana, san-serif;
    color: #696969
    }
.ch-profile-custom-info > div > div:nth-child(2), .widget-content p {
    font: 14px "Segoe UI", Helvetica, Verdana, san-serif;
    color: #696969
    }
.ch-profile-custom-info > div > div:first-child, .widget-content h2 {
    font: 21px "Raleway", Arial, san-serif;
    color: #333
    }
.widget-content h4 {
    font: 18px "Raleway", Arial, san-serif;
    color: #3C3C3C
    }
.widget-content h5 {
    font: 14px "Open sans", Arial, san-serif;
    color: #AAA;
    line-height: 1.5
    }
.widget-actions i {
    color: #333;
    font-size: 20px
    }
.widget-actions i:hover {
    color: #FFDF00
    }
.feed-options {
    position: absolute;
    right: 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
    }
/*_________   MAIN NAV   __________*/
#main-nav {
    background-color: #FFF
    }
#main-nav table {
    color: rgb(102, 102, 102);
    font: 16px "Raleway", Arial, san-serif;
    height: 100px
    }
#main-nav td {
    border-bottom: 3px solid #FFF
    }
#main-nav td.selected, #main-nav td:hover {
    border-bottom: 3px solid #ffba24;
    color: #ffba24
    }
#main-nav td a:hover {
    color: inherit
    }
#main-nav > div ul li a {
    color: rgb(102, 102, 102);
    font: 16px "Raleway", Arial, san-serif
    }
#main-nav > div > ul li:hover {
    background: #ffba24
    }
#main-nav > div ul li:hover a {
    color: #ffba24
    }
#main-nav table .menu-avatar > a {
    max-height: 100px;
    padding: 0;
    text-align: left
    }
.menu-avatar img {
    max-height: 100px;
    padding: 10px 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
    }
/*SUBMENU*/
#main-nav > div > ul li ul {
    background-color: #FFF
    }
/*End Main Nav*/
/*______ FLEXBOX ______*/
.event-panel .flexbox-hero {
    background-color: #3C3C3C;
    font: 21px "Raleway", 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: #3C3C3C
    }
.flexbox-info {
    min-width: 100px
    }
.item-panel.column .member-panel .flexbox-hero {
    width: 100px
    }
/*______   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 #FFDF00
    }
.event-panel .date {
    background-color: #3C3C3C
    }
.event-body .hero {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
    }
.event-body .hero .date {
    width: 120px;
    background: #3C3C3C;
    color: #FFF;
    font: 34px/45px "Roboto", 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: #3C3C3C;
    padding-right: 10px
    }
/*______   TABLES   ______*/
table.ch-table {
    background-color: transparent;
    font: 14px "Segoe UI", Helvetica, Verdana, san-serif
    }
table.ch-table td {
    border: 1px solid transparent
    }
.ch-table thead {
    background-color: rgb(18, 68, 69);
    font: 18px "Roboto", Arial, san-serif;
    color: #FFF
    }
.ch-table thead td {
    color: #FFF;
    border-color: transparent #FFF
    }
.ch-table thead tr td:first-child {
    border-left: 1px solid transparent
    }
.ch-table thead tr td:last-child {
    border-right: 1px solid transparent
    }
/*______   BUTTONS   ______*/
.ch-button {
    font: 14px "Open Sans", "Segoe UI", Helvetica, Verdana, san-serif
    }
.ch-button.ch-button-inactive:hover, .ch-button.ch-button-active {
    color: #ffe6c1;
    background-color: #ffa724
    }
.ch-button.ch-button-active:hover {
    background-color: #ffe6c1;
    color: #ffa724
    }
.ch-button.ch-button-inactive {
    background-color: #D8D8D8;
    color: #7B7B7B
    }
/**/
.top-members-list .row-inline {
    text-align: center
    }
.top-members-list .member-panel {
    text-align: center
    }
.top-members-list .member-panel .flexbox-hero img {
    border-radius: 50%
    }
.top-members-list .member-panel .description {
    display: none
    }
* a:hover {
    color: #FFDF00
    }
html, body {
    font: 14px "Segoe UI", Helvetica, Verdana, san-serif;
    background-color: #F4F4F4;
    color: #AAA
    }
.full-width {
    max-width: 1060px;
    position: relative
    }
#column-one {
    width: 0;
    min-width: 0
    }
#column-two {
    width: 420px;
    min-width: 420px
    }