/*
  Theme Name: Eastridge Entertainment Precinct
  Author: Stephen Arias, Lucas Jordan
  Description: Styles for Eastridge Entertainment Precinct for KFT
  Version: 0.0.1
  Copyright: Raremedia Pty Ltd (Andrew Davidson)'
*/

/*--------------------------------------------------------------
Default Structure
--------------------------------------------------------------*/

.news-item {
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}
.news-details {
    padding: 20px;
}
.news-thumb {
    overflow:hidden;
}

@media only screen and ( max-width: 930px ){
    .news .news-details h4 {
        font-size: 1.1625rem;
    }
    .news .news-details p {
        display:none;
    }
}

@media only screen and ( max-width: 640px ){

    .news .page-content .row:nth-child(2) .columns {
        padding-right: 2.1375rem;
        padding-left: 2.1375rem;
    }
    .news .news-item {
        margin-bottom:30px;
    }
    h3.news-title {
        margin-bottom:0px !important;
        font-size: 26px !important;
    }
}

/*--------------------------------------------------------------
Rotator - News
--------------------------------------------------------------*/
.page.news .rotator ul.wrapper:before,
.page.news .rotator ul.wrapper:after {

    display: table;
    clear: both;
    content: "";
}

.page.news .rotator li {
    height:auto;
}

.page.news .rotator li:after {
    display: table;
    clear: both;
    content: "";

}

/*--------------------------------------------------------------
Overview - News
--------------------------------------------------------------*/
.overview-news {
    color:#333333;
    font-size: 16px;
}
.overview-news > .inner {
    padding:1.6rem 1.8rem;
}
.overview-news .row {padding-bottom:20px;}
.overview-news p {
    color:#333333;
    font-size: 16px;
}
.news-lrg-img{
    margin-bottom:20px;
}
h3.news-title {
    color:#000;
    font-size: 36px;
    font-weight: 600;
    margin-top:1.5rem;
    margin-bottom:1.5rem;
}
.overview-news .overview-news-menu h4 {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1em;
  margin-bottom: 0;
  text-transform: none;
}
.overview-news .overview-news-menu .overview-menu p {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 1em;
  margin-top: 0;
}
/*--------------------------------------------------------------
Overview - Events
--------------------------------------------------------------*/

.overview-event {
    height:100%;
    width:100%;
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
}

.overview-event .inner {
    height:100%;
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
}

.overview-event .inner:after {
    content: "";
    display: table;
    clear: both;
}

.overview-event-head {
    position: fixed;
    top:0px;
    width:100%;
    height:15vh;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1001;
}

.overview-event-head .logo {
    width:auto;
    height:80%;
    margin:15px 0px;
}

/* Event Overview Background */

.overview-menu .inner {

}

/* Event Overview Header */

.overview-event-head {
    background-image: url(../image/event/theprecinctbar/event_header.jpg);
}

.overview-event-head h3 {
    position: relative;
    top:38%;
    font-size:24px;
    color:#fff;
    text-align: center;
    text-transform: uppercase;
}

.overview-event .overview-content {
    position: relative;
    max-width:700px;
    margin:20px auto 0px auto;
    padding: 18vh 15px 20px 15px;
}
.event-list {
    height:auto !important;
}

.event-list:after {
    content:"";
    display:table;
    clear:both;
}

.event-list .list-top {
    font-family: AlFresco-Bold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 55px;
    line-height: 110%;
    margin:15px 0 ;
    text-align: center;
}
.event-list .list-group {
    margin-bottom:20px;
    width:100%;
}
.event-list .list-head {
    margin-bottom:8px;
    color:#000;
}
.event-list .list-head h3 {
    font-family: CheapPine-Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 32px;
    color:#fff;
    margin:0px 0px 6px;
    padding:0px 0px 6px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom:2px solid #a87543;
}
.event-list .list-head p {
    ont-family: CheapPine-Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin:0px;
    font-weight: bold;
    font-weight: 500;
    font-size: 16px;
}

.event-list .list-row {
    display: table;
    margin: 0;
    width:100%;
}
.event-list .list-row:after {
    clear: both;
    content: "";
    width:100%;
}
.event-list .list-row:hover > div,
.event-list .list-row:focus > div {
    color: #C97E2E;
    -webkit-transition: color 350ms ease-out;
    -moz-transition: color 350ms ease-out;
    -o-transition: color 350ms ease-out;
    transition: color 350ms ease-out;
}

.event-list .list-row > div,
.eventlist .list-foot {
    display: table-cell;
    padding:6px 0px;
    font-size: 32px;
    color:#ffffff;
}

.event-list div.list-title {
    font-family: CheapPine-Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 6px 10px 6px 0px;
    color:#fff;
    font-size: 32px;
}

.list-description {
    width:95%;
}

.event-list .list-time {
    font-family: CheapPine-Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: right;
    padding:8px 10px 8px 10px;
    font-size: 32px;
}
.event-list .list-time i {
    display:none;
}
.event-list .list-time span {
    vertical-align: text-bottom;
}
.event-list .list-center span {
    display:inline-block;
    padding: 0 10px;
}

.event-list .list-foot {
    font-family: CheapPine-Sans, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 32px;
    border-top: 2px solid #a87543;
    padding-top:16px;
    padding-bottom:20px;
    display:block;
}
.overview-event .foot-panel {
    background-color: #1a1a1a;
}

/* Menu list - column set */

.event-list .list-row.col-2 .list-title {
    width:92%;
}
.event-list .list-row.col-2 .list-time {
    width:8%;
    text-align: right;
}

@media only screen and (max-width: 767px){

    /* Overview - Menu */
    .overview-event .overview-content {
        padding: 10vh 15px 20px 15px;
    }
    .overview-event-head {
        height: 10vh;
    }
    .overview-event-head .logo {
        height: 68%;
    }
    .event-list .list-row > div,
    .event-list .list-foot {
        font-size:24px;
    }
    .event-list .list-head h3 {
        font-size: 24px;
    }

    .event-list .list-head p {
        font-size: 24px;
    }
}

@media only screen and (max-width: 640px){

    .news #rotator2 {
        height: 360px;
    }
}


@media only screen and (max-width: 360px){

    .news #rotator2 {
        height: 300px;
    }
}