/* Extra small devices (phones, less than 768px) */


/* No media query since this is the default in Bootstrap */


/* Small devices (tablets, 768px and up) */


/* Medium devices (desktops, 992px and up) */


/* Large devices (large desktops, 1200px and up) */

/*ThanhPD*/

.clear {
    clear: both;
}

.news-room {
    background: #ECECEC;
    /*min-height: 442px;*/
}

.col-news-room {
    padding-left: 0px;
    padding-right: 0px;
}

#list-newsroom ul li {
    padding: 0px;
    list-style: none;
    padding-bottom: 16px;
}

#list-newsroom h3 {
    font-size: 25px;
    margin-top: 3px;`
}

#special-news.col-special-news p {
    padding-top: 10px;
    padding-bottom: 15px;
}

.col-special-news span,
.col-special-news a,
.list-newsroom li,
.list-newsroom li span,
.list-newsroom li a {
    font-size: 16px;
    font-family: FSLolaLight;
}

.list-newsroom h3 {
    font-family: MyriadPro;
}

.col-special-news span,
.col-special-news a {
    font-family: FSLolaLight;
    font-size: 19px;
}

.box-calendar .calender-info {
    padding-top: 25px;
}

#newsroom .category a {
    font-family: FSLolaLight;
    color: #F15B67;
}

.box-calendar .calender-info h3 {
    margin-top: 10px;
}

.col-special-news h3 {
    font-size: 34px;
    line-height: 50px;
}

.col-special-news .btn-readmore-large,
.col-special-news .btn-readmore-large:hover {
    height: 58px;
    font-size: 18px;
    font-weight: bold;
    font-family: FSLolaLight, AauxNextMedium, Tahoma;
    padding-left: 50px;
    padding-right: 50px;
    color: #fff;
    text-decoration: none;
}


/* Calendar part */
@media (min-width: 960px) {
.calendarWrapper {
    float: left;
    height: auto;
    max-height: 300px;
    margin: 0;
    overflow: hidden;
    background: #fff;
    position: relative;
    border: 1px solid #DDDDDD;
}
}
.calendarWrapper.large {
    width: 810px;
    height: 540px;
}

.calendarWrapper a:hover,
.calendarWrapper a:hover .icon {
    color: #000 !important;
}

.calendarWrapper.selected .calendarImageWrapper {
    cursor: auto;
}

.calendarImageWrapper {
    height: auto;
    width: 100%;
    float: left;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
}

.calendarImageWrapper img {
    width: 100%;
    height: auto;
}

.calendarWrapper.col-md-3,
.calendarWrapper.col-lg-3,
.calendarWrapper.col-sm-6,
.calendarWrapper.col-xs-12  {
    padding: 0;
}

.eventOverlay {
    font-size: 33px;
    width: 100%;
    height: 100%;
    margin: 0;
    background: #fff;
    position: absolute;
    bottom: -100%;
    padding: 20px 46px;
    cursor: pointer;
}

.overlayDate {
    width: 121px;
    height: 50px;
    text-align: left;
    float: left;
    margin-right: -10px;
    font-weight: normal;
    padding-top: 32px;
}

.overlayDate .month {
    font-size: 0.65em;
    font-family: FSLolaLight;
    float: left;
    margin-left: 3px;
    margin-top: 5px;
}

.overlayDate .date {
    display: inline-block;
    font-family: FSLolaBold;
}

.overlayInfo {
    float: left;
    bottom: 38px;
    position: absolute;
    line-height: 35px;
}

.overlayInfo .category {
    float: left;
    font-size: 22px;
    width: 220px;
    color: #f15b67;
    font-family: FSLolaLight;
}

.overlayInfo .title {
    float: left;
    clear: both;
    width: 220px;
    font-size: 30px;
    min-height: 50px;
    font-family: MyriadProRegular;
}

.overlayInfo .title:hover {
    text-decoration: none;
}

.link-calendar {
    text-align: center;
    text-decoration: none;
}

span.link-calendar {
    text-decoration: none;
}

a.link-calendar {
    text-decoration: none;
}

span.link-calendar:hover {
    text-decoration: none;
    color: #2a2a2a;
    border-bottom: 1px solid #aeaeae;
}
.eventInfoWrapper h2 {
    display: none;
}

@media (max-width: 960px) {
    .calendarWrapper {     
        border-bottom: 1px solid #DDDDDD !important;
        border:none;
    }

    .calendarImageWrapper {
        /*height: 200px;*/
        width: 100%;
        float: left;
        margin: 0;
        overflow: hidden;
        cursor: pointer;
    }
    li.newsroom-top-news{
        display: block;
    }
    .overlayInfo {
        float: left;
        bottom: 15px;
        position: absolute;
        line-height: 35px;
    }   
}

@media (min-width: 961px) {
    li.newsroom-top-news{
        display: none;
    }
    #special-news.col-special-news {
        width: 100%;
        padding-top: 60px;
        padding-left: 40px;
        max-width: 706px;
        margin: 0 auto;
        float: left;
    }
    #list-newsroom {
        width: 100%;
        padding: 35px 0;
        background: #E6E6E6;
        overflow: hidden;
        max-width: 706px;
        float: left;
    }
}

@media (min-width: 1200px) {
    #list-newsroom {
        width: 100%;
        padding: 35px 0px 20px 24px;
        background: #E6E6E6;
        height: auto;
        overflow: hidden;
        max-width: 706px;
    }
    #special-news.col-special-news {
        width: 100%;
        padding-top: 60px;
        padding-left: 150px;
        max-width: 706px;
        margin: 0 auto;
        float: right;
    }
}
@media (min-width: 960px) and (max-width: 1100px){
    .overlayInfo .title {
    float: left;
    clear: both;
    width: 200px;
    font-size: 25px;
    min-height: 50px;
    font-family: MyriadProRegular;
    }
    .overlayInfo {
    float: left;
    bottom: 8px;
    position: absolute;
    line-height: 27px;
    }
    .overlayInfo .category {
    float: left;
    font-size: 20px;
    width: 220px;
    color: #f15b67;
    font-family: FSLolaLight;
    }
    .eventOverlay {
    font-size: 33px;
    width: 100%;
    height: 100%;
    margin: 0;
    background: #fff;
    position: absolute;
    bottom: -100%;
    padding: 20px 25px;
    cursor: pointer;
    }
}