/*
 * MOD_IC_EVENT_LIST
 * iCagenda by JoomliC
 * Default css file for iCagenda event list module
 *
 * @layout		default
 * @author		Lyr!C (JoomliC) - http://www.joomlic.com
 * @version		3.2 2015-02-04
 * @since		1.0
 */


/*
 * EVENT LIST STYLES
 */

#ic_eventlist {
    width: 100%;
}

/*  SECTIONS  */
.ic-section {
    clear: both;
    padding: 0;
    margin: 0;
}

/*  COLUMN SETUP  */
.ic-col {
    display: block;
    float: left;
    margin: 0.16% 0 0.16% 0.32%;
}

/*  GROUPING  */
.ic-group:before,
.ic-group:after {
    content: "";
    display: table;
}
.ic-group:after {
    clear: both;
}

/*  GRID OF COLUMNS  */
.ic-col1 {
    width: 99.36%;
}
.ic-col2 {
    width: 49.52%;
}
.ic-col3 {
    width: 32.9%;
}
.ic-col4 {
    width: 24.6%;
}

/*  DISPLAY 3 COLS IF 4 SELECTED AT LESS THAN 767 PX AND MORE 481 PX */

@media (min-width: 481px) and (max-width: 767px) {
    .ic-col1 {
        margin: 2px 0 2px 0;
        width: 100%;
    }
    .ic-col2 {
        width: 49.52%;
    }
    .ic-col3 {
        width: 32.9%;
    }
    .ic-col4 {
        width: 32.9%;
    }
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .ic-col {
        margin: 0.7% 0 0.7% 0;
    }
}

@media only screen and (max-width: 480px) {
    .ic-col1 {
        width: 100%;
    }
    .ic-col2 {
        width: 100%;
    }
    .ic-col3 {
        width: 100%;
    }
    .ic-col4 {
        width: 100%;
    }
}

/* Bottom line <hr> tag */
.default_eventlist hr {
    margin: 8px 0;
}

/* Style Background alternative */
.default_eventlist {}
.default_eventlist:nth-child(2n+1) {}

/* Style Background hover */
.default_eventlist:hover {}


/* Style Div */
.default_eventlist .ic-inline-block {
    display: inline-block;
    margin: auto 0;
}
.default_eventlist .ic-block {
    display: block;
    margin: auto 3px;
}
.default_eventlist .ic-event-div {
    margin-bottom: 0;
    min-height: 42px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.default_eventlist:last-child .ic-event-div {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}
.default_eventlist .ic-date-img-box {
    /*float: left;*/
    display: inline-block;
    vertical-align: middle;
    margin: 0px 6px 0 0;
}
.default_eventlist .ic-date-div {
    /*height: 80px;*/
    width: 60px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-sizing: content-box;
}
.default_eventlist .ic-day {
    line-height: 26px !important;
    font-size: 36px;
    font-weight: bold;
    color: #5c5c5c;
    font-family: 'nimbus_sans_novus_d_otSBd';
}
.default_eventlist .ic-month {
    line-height: 20px !important;
    font-size: 18px;
    font-weight: normal;
    color: #5c5c5c;
}

.default_eventlist .ic-year {
    font-size: 16px;
    font-weight: normal;
    color: #5c5c5c;
}
.default_eventlist .iceventlist-title {
    padding-top: 3px;
    line-height: 15px !important;
    font-size: 13px;
    font-weight: bold;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}
.default_eventlist .iceventlist-venue {
    line-height: 15px !important;
    font-size: 12px;
}
.default_eventlist .iceventlist-city,
.default_eventlist .ic-datetime-div {
    line-height: 14px !important;
    font-size: 11px;
}
.default_eventlist .ic-datetime-label {
    font-weight: bold;
}
.default_eventlist .iceventlist-desc {
    font-size: 13px;
    color: #5c5c5c;
    font-family: 'Merriweather', serif;
    display: inline-block;
    vertical-align: middle;
    width: 290px;
}
.default_eventlist .iceventlist-desc a, .default_eventlist .iceventlist-desc a:hover {
    color: #5c5c5c;
    text-decoration: none;
}
.default_eventlist .iceventlist-registration-info {
}
.default_eventlist .ic-reg {
    font-size: 10px;
    margin: 0 2px;
    padding: 0 5px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0px 0px 1px #333;
    cursor: pointer;
}
.default_eventlist span.ic-reg.available {
    background: white;
    color: black;
}
.default_eventlist span.ic-reg.ticketsleft {
    background: green;
    color: white;
}
.default_eventlist span.ic-reg.registered {
    background: blue;
    color: white;
}

/* Features Icons */
.default_eventlist .iceventlist-features-container {
    margin: 0;
}
.default_eventlist .iceventlist-feature-icon {
    float: none;
    display: inline-block;
    margin: 0 0.5px;
}