/*
 * MOD_IC_EVENT_LIST
 * iCagenda by JoomliC
 * icev css file for iCagenda event list module
 *
 * @layout      icev
 * @author      Cyril Rezé - https://www.joomlic.com
 * @version     3.14.4 2017-08-14
 * @since       1.0
 */


/*
 * EVENT LIST STYLES
 */

#ic_eventlist {
    width: 100%;

}

/*  SECTIONS  */
.ic-section {
    padding: 0;
    margin: 0;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border: 2px solid #fdeb1b;
}

/*  COLUMN SETUP  */
.ic-col {
    display: block;
    float: left;
    margin: 0 0.2% 4px 0.2%;
}

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

.ic-group:after {
    clear: both;
}

/*  GRID OF COLUMNS  */
.ic-col1 {
    width: 100%;
    margin: 0 0 4px 0;
}

.ic-col2 {
    width: 49.6%;
}

.ic-col3 {
    width: 32.933333333%;
}

.ic-col4 {
    width: 24.6%;
}

/*  DISPLAY 3 COLS IF 4 SELECTED AT LESS THAN 980 PX AND MORE 768 PX */
@media (min-width: 768px) and (max-width: 980px) {
    .ic-col4 {
        width: 32.933333333%;
    }
}

/*  DISPLAY 2 COLS IF 3 OR 4 SELECTED AT LESS THAN 767 PX AND MORE 481 PX */
@media (min-width: 481px) and (max-width: 767px) {
    .ic-col3 {
        width: 49.6%;
    }

    .ic-col4 {
        width: 49.6%;
    }
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
    .ic-col2 {
        width: 100%;
    }

    .ic-col3 {
        width: 100%;
    }

    .ic-col4 {
        width: 100%;
    }
}

/* Messages Info */
.ic-msg-no-event {
    font-size: 0.8em;
    text-align: center;
}


/* Style Background alternative */
.icev_eventlist {
    margin-bottom: 26px;

}

@media(min-width: 768px) {
    .icev_eventlist {
        padding: 2rem;
        margin-bottom: 4px;
    }

}


/* Style Background hover */
.icev_eventlist:hover {
    /*background: #555;
    color: #FFF;*/
}

/* Style Content */
.icev_eventlist a {
    text-decoration: none;
}

.icev_eventlist a:link,
.icev_eventlist a:visited {
    color: #333;
    text-decoration: none;
}

.icev_eventlist a:hover {
    text-decoration: none;
    cursor: pointer;
}

/* Style Div */
.icev_eventlist .ic-inline-block {
    display: inline-block;
    margin: auto 0px;
}

.icev_eventlist .ic-block {
    display: block;
    margin: auto 3px;
}

.icev_eventlist .ic-event-div {}

.icev_eventlist .ic-date-img-box {
    float: left;
    text-align: center;
    margin: 4px 6px 4px 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-sizing: content-box;
}

.icev_eventlist .ic-date-div {
    float: left;
    padding-top: 6px;
    padding-left: 3px;
    /*text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px;*/
}

.datum-evunten {
    display: inline-block;
    background-color: #fdeb1b;
    font-family: 'Rift';
    font-weight: bold;
    font-size: 2.0rem;
    padding: 6px 0 6px 6px;
    width: 162px;
    margin-bottom: -2px;
}

.ic-evtitle-cat {
    font-size: 1.1rem;
    font-family: 'Rift';
    ;
    text-transform: uppercase;
    color: #fff;
    padding: 0 8px;
    background-color: #222;
    display: inline-block;
}

.icev_eventlist .ic-day {
    line-height: 18px !important;
    font-size: 1.2rem;
    font-weight: bold;
}

.icev_eventlist .ic-month {
    line-height: 12px !important;
    font-size: 12px;
    font-weight: normal;
}

.icev_eventlist .iceventlist-title {
    padding-top: 3px;
    font-family: 'Rift';
    font-size: 1.8rem;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.icev_eventlist .iceventlist-venue {
    line-height: 15px !important;
    font-size: 12px;
}

.icev_eventlist .iceventlist-city,
.icev_eventlist .ic-datetime-div {
    line-height: 14px !important;
    font-size: 11px;
}

.icev_eventlist .ic-datetime-label {
    font-weight: bold;
}

.icev_eventlist .iceventlist-desc {
    font-size: 1.2rem;
}


.icev_eventlist .iceventlist-registration-info {}

.icev_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;
}

.icev_eventlist span.ic-reg.available {
    background: white;
    color: black;
}

.icev_eventlist span.ic-reg.ticketsleft {
    background: green;
    color: white;
}

.icev_eventlist span.ic-reg.registered {
    background: blue;
    color: white;
}

/* Features Icons */
.icev_eventlist .iceventlist-features-container {
    margin: 0px;
}

.icev_eventlist .iceventlist-feature-icon {
    float: none;
    display: inline-block;
    margin: 0px 0.5px;
}