body { font-family: "Exo 2", sans-serif; }

/****************************************/

.view-event-wrapper { background-color: #303031; }

.event-view-header {
    color: #cbcbcc;
    font-size: 25px;
    font-weight: normal;
    margin-left: 15px;
    text-transform: uppercase;
}

.view-event-content {
    font-family: "Exo 2", sans-serif;
    max-width: 768px;
    min-width: 750px;
}

.view-event-content .chart-wrapper {
    background: #373738;
    border-radius: 2px;
    box-shadow: 2px 2px 3px #191919;
    height: 170px;
    width: 370px;
}

/*********************View Event Header Charts***********/

.view-event-content .chart-wrapper.event-chart { float: left; }

.view-event-content .chart-wrapper.event-diagram { float: right; }

/*********************View Event Calendar****************/

.view-event-content .event-calendar-markup {
    border-bottom: 1px solid #626263;
    border-top: 2px solid #626263;
    margin-top: 25px;
    padding-top: 25px;
}

.view-event-calendar {
    float: left;
    height: 100px;
    line-height: 30px;
    overflow: hidden;
    width: 70px;
}

.view-event-calendar .view-event-month {
    background: #9da074;
    border-radius: 2px 2px 0 0;
    color: #e9eae0;
    text-align: center;
    text-transform: uppercase;
}

.view-event-calendar .event-month { /*font-weight: lighter;*/ }

.view-event-calendar-wrapper .calendar-rectangle {
    background: #FFFFFF;
    height: 10px;
    position: absolute;
    width: 4px;
    z-index: 10;
}

.view-event-calendar-wrapper .calendar-rectangle.rectangle-left {
    margin-left: 8px;
    margin-top: -5px;
}

.view-event-calendar-wrapper .calendar-rectangle.rectangle-right {
    margin-left: 58px;
    margin-top: -5px;
}

.view-event-calendar .view-event-calendar-day {
    background: #d8d8d8;
    /*border: 1px solid #303031;*/
    border-radius: 0 0 2px 2px;
    color: #303031;
    height: 65px;
    text-align: center;
    width: 70px;
}

.view-event-calendar .calendar-page {
    background: #d8d8d8;
    border-bottom: 1px solid #303031;
    border-radius: 0 0 2px 2px;
    height: 65px;
    margin-top: 2px;
    position: absolute;
    width: 70px;
}

.view-event-content .calendar-page.top-page { line-height: normal; }

.view-event-content .calendar-page.page-middle { margin-top: 6px; }

.view-event-content .calendar-page.page-bottom { margin-top: 4px; }

.view-event-calendar-day .event-day {
    color: #303031;
    font-size: 38px;
}

/*********************View Event Short Description***********/

.view-event-short-description {
    float: left;
    /*margin-left: 15px;*/
    max-width: 410px;
}

.view-event-type {
    background: #9da074;
    border-radius: 5px;
    color: #e9eae0;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    width: 95px;
}

.view-event-date {
    color: #FFFFFF;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 8px;
    text-transform: uppercase;
}

.view-event-date > a {
    color: #9da074;
    cursor: pointer;
    margin-left: 5px;
}

.view-event-date > a:hover { text-decoration: none; }

.event-short-description {
    -ms-word-break: break-word;
    color: #d1d1d1;
    font-size: 13px;
    font-weight: lighter;
    line-height: normal;
    padding-left: 5px;
    padding-right: 60px;
    padding-top: 8px;
    word-break: break-word;
}


/***************************Event Fee******************/

.view-event-fee {
    /*float: right;*/
    color: #d1d1d1;
    min-width: 250px;
}

.view-event-fee .event-fee { height: 25px; }

.view-event-fee .event-fee .fee-content {
    display: inline-block;
    margin-top: 5px;
    /*font-weight: lighter;*/
    /*text-align: right;*/
    /*float: left;*/
    width: 110px;
}

.view-event-fee .event-fee .fee-value {
    color: #FFFFFF;
    display: inline-block;
    font-size: 20px;
    line-height: normal;
    text-align: right;
    /*float: right;*/
    text-transform: uppercase;
    width: 110px;
}

.view-event-fee .event-fee.event-members-fee { text-transform: uppercase; }

.view-event-fee .event-fee.event-visitors-fee { text-transform: uppercase; }

.view-event-fee .fee-separator {
    display: inline-block;
    width: 100%;
}

/*************************Full Description**************/

.view-event-full-description {
    padding-bottom: 15px;
    padding-top: 15px;
}

.full-description-text {
    -ms-word-break: break-word;
    color: #c2b39c;
    float: left;
    padding: 5px;
    word-break: break-word;
}

.full-description-other {
    float: left;
    width: 50%;
}

.full-description-map {
    border: 2px ridge #585859;
    border-radius: 2px;
    /*height: 340px;*/
    float: right;
    overflow: hidden;
    width: 370px;
}

.event-view-map { height: 285px; }



/***********************Map Address Parts****************/

.event-view-map-address {
    background: #272728;
    height: 100px;
    padding-top: 10px;
}

.address-parts .address-part-name {
    color: #656565;
    float: left;
    font-weight: lighter;
    padding-right: 5px;
    text-align: right;
    text-transform: uppercase;
    width: 50%;
}

.address-parts .address-part-value {
    color: #c6c6c6;
    float: right;
    padding-left: 5px;
    text-align: left;
    width: 50%;
    /*font-weight: lighter;*/
}


/*********************Register Section********************/

.view-event-register {
    padding-bottom: 20px;
    padding-top: 20px;
}

.view-event-register button {
    background: #9da074;
    border: 1px solid #626263;
    border-radius: 2px;
    color: #FFFFFF;
    padding: 5px;
    text-transform: uppercase;
    width: 200px;
}

.view-event-separator {
    color: #cacacb;
    margin-left: 10px;
    margin-right: 10px;
    text-transform: uppercase;
    /*font-weight: lighter;*/
}

.view-event-register button span.register-not-free {
    color: #9a9d72;
    margin-left: 5px;
}

.view-event-register button span.register-free {
    color: #9a9d72;
    margin-left: 5px;
}

button.btn-free-registration.btn-disabled { background: #252322; }

.view-event-eventfull-alert {
    color: #FFFFFF;
    margin-top: 5px;
    text-transform: uppercase;
}

.view-event-register .time-label {
    text-align: left;
    text-transform: uppercase;
    color: #7e7e7e;
    margin-bottom: 6px;
}
.view-event-register .time {
    text-align: left;
    margin-left: 60px;
}

/********************Event Google Actions*****************/

.event-google-actions {
    /*float: right;*/
    margin: auto;
    margin-top: 15px;
    text-align: center;
    text-transform: uppercase;
    width: 35%;
}

.event-google-actions a {
    color: #9da074;
    cursor: pointer;
    text-decoration: underline;
}

.event-google-actions .event-to-google-calendar {
    float: left;
    width: 50%;
}

.event-google-actions .export-to-ical {
    float: left;
    width: 50%;
}

/********************Event Social Links*******************/

.event-social-links {
    float: right;
    margin-top: 15px;
}

/********************Event View Actions*******************/

.view-event-actions { margin-bottom: 20px; }

.view-event-actions button {
    background: #444445;
    border: 1px solid #626263;
    color: #cacacb;
    margin-right: 24px;
    padding: 5px;
    text-transform: uppercase;
    /*font-weight: lighter;*/
    width: 130px;
}

.view-event-show-on-map-link {
    color: #9BA170;
    display: inline-block;
    text-decoration: underline;
}

a.view-event-show-on-map-link:hover {
    color: #858a62;
    cursor: pointer;
}

/******************Social icons****************/

.social-icons-wrapper {
    margin: 10px 0;
    text-align: center;
    width: 100%;
}

.social-icons-wrapper a {
    background-repeat: no-repeat;
    display: inline-block;
    height: 34px;
    margin-right: 10px;
    width: 34px;
}

.social-icons-wrapper .icon-google { background-image: url('/Images/icons/social/googleplusshareicon.svg'); }

.social-icons-wrapper .icon-google:hover { background-image: url('/Images/icons/social/googleplusshareicon-hover.svg'); }

.social-icons-wrapper .icon-google-calendar { background-image: url('/Images/icons/social/addtogooglecalendar.svg'); }

.social-icons-wrapper .icon-google-calendar:hover { background-image: url('/Images/icons/social/addtogooglecalendar-hover.svg'); }

.social-icons-wrapper .icon-facebook { background-image: url('/Images/icons/social/facebookshareicon.svg'); }

.social-icons-wrapper .icon-facebook:hover { background-image: url('/Images/icons/social/facebookshareicon-hover.svg'); }

.social-icons-wrapper .icon-twitter { background-image: url('/Images/icons/social/twittershareicon.svg'); }

.social-icons-wrapper .icon-twitter:hover { background-image: url('/Images/icons/social/twittershareicon-hover.svg'); }

.social-icons-wrapper .icon-export-calendar { background-image: url('/Images/icons/social/exporttoicalicon.svg'); }

.social-icons-wrapper .icon-export-calendar:hover { background-image: url('/Images/icons/social/exporttoicalicon-hover.svg'); }

.social-icons-wrapper .icon-copy-to-clipboard { background-image: url('/Images/icons/social/copylinkicon.svg'); }

.social-icons-wrapper .icon-copy-to-clipboard:hover { background-image: url('/Images/icons/social/copylinkicon-hover.svg'); }