/*
  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)'
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Logo's
# Section Elements

--------------------------------------------------------------*/

/*--------------------------------------------------------------
Logo's
--------------------------------------------------------------*/

.home .logo {
    display: block;
}
.home .logo svg{
    -webkit-filter: drop-shadow( 6px 6px 6px rgba( 0, 0, 0, 1) );
    filter: drop-shadow( 6px 6px 6px rgba( 0, 0, 0, 1));
}
.home .page-inner {
    padding: 0 0 0 0;
    position: absolute;
}

/* Latest News */

.latest-news {
    position: absolute;
    top:76px;
    width:100%;
}
.latest-news li {
    padding:12px 10px;
    width:100% !important;
    height:inherit !important;
    background-color: rgba(0, 0, 0, 0.6);
}
.latest-news li:after {
    display: block;
    content:"";
    clear: both;
}
.latest-news a {
     text-align: center;
     margin: 0 auto;
     width:100%;
     display: block;
 }
#carnegrill .latest-news a:hover span {
    color:#ff0000;
}
#theprecinctbar .latest-news a:hover span {
    color:#c97e32;
}
#thebossesboots .latest-news a:hover span {
    color:#e59a00;
}

.latest-news .title {
    font-size: 18px;
    color:#fff;
    font-weight: 600;
    text-transform: uppercase;
}
.latest-news .desc {
    font-size: 18px;
    color:#fff;
}

/* Site - Carne Grill */

#carnegrill .logo {
    /* NOTE: 1366px wide to convert px to % remember  target / context 300/ 1366 = 0.22 or 22% */
    position: absolute;
    top: 32%;
    left: 6%;
    width: 22%;
    height: 22%;
}

/* Site - Precinct Bar */

#theprecinctbar .logo-group {
    /* NOTE: 1366px wide to convert px to % remember  target / context 300/ 1366 = 0.22 or 22% */
    position: absolute;
    top: 26%;
    left: 10%;
    width: 26%;
}
#theprecinctbar .logo-group .icon-svg {
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 235px;
}
#theprecinctbar .logo-group .logo {
    /* NOTE: 1366px wide to convert px to % remember  target / context 300/ 1366 = 0.22 or 22% */
    width: 100%;
}
#theprecinctbar .logo-group .text01 {
    top: 295px;
}

#theprecinctbar .events {
    margin-top:-70px;
    margin-right:10px;
}
    /* Site - Bosses Boots */

#thebossesboots .logo-group {
/* NOTE: 1366px wide to convert px to % remember  target / context 300/ 1366 = 0.22 or 22% */
    position: absolute;
    top: 6%;
    left: 0%;
    width: 100%;
    text-align: center;
}
#thebossesboots .logo svg {
    width:50%;
}
#thebossesboots #bossesboot-1-path {
    fill: #ffffff;
}


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

    #carnegrill .logo-group,
    #theprecinctbar .logo-group,
    #thebossesboots .logo-group {
        position: relative;
        top: 50%;
        left:inherit;
        width:66%;
        margin: 0 auto;
        transform: translateY(-50%);
    }

    #carnegrill div.logo,
    #carnegrill div.text01 {
        position: relative;
        top: inherit;
        left:inherit;
    }
    #carnegrill div.text01 {
        width: 100%;
        height: 176px;
    }
    #carnegrill div.logo {
        margin: 0 auto;
        width: 60%;
    }
    #carnegrill .text01 > div {
        position: absolute;
        top: -26%;
        margin-left: 0 !important;
    }

    #thebossesboots .logo-group {
        width:90%;
    }

    #thebossesboots .logo svg {
        width: 100%;
    }
}

@media only screen and ( max-width: 767px ){
    #carnegrill .logo-group {
        width:90%;
    }
    #carnegrill div.logo {
        width: 65%;
        line-height: 0em;
    }
    #carnegrill div.text01 {
        height: 250px;
    }
    #carnegrill .text01 > div {
        top: -26%;
    }
}

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

    #theprecinctbar .logo-group {
        top:55%;
    }
    #theprecinctbar .events {
        margin-top: -56px;
    }
    #carnegrill div.logo {
        width: 95%;
    }

    #carnegrill .logo-group {
        top:55%;
    }
    #carnegrill div.text01 {
        height: 120px;
        display:none;
    }
    #carnegrill .text01 > div {
        top: -15%;
    }

    .home a i.icons:first-child {
        font-size: 40px;
    }

    .latest-news .title,
    .latest-news .desc {
        font-size: 14px;
    }


}


/*--------------------------------------------------------------
Section Elements
--------------------------------------------------------------*/

/* Site - Carne Grill */

#carnegrill .page-inner a,
#carnegrill .page-inner a:link,
#carnegrill .page-inner a:visited,
#carnegrill .page-inner a:hover,
#carnegrill .page-inner a:focus,
#carnegrill .page-inner a:active  {
    color: #ff0000;
}

#carnegrill .page-inner a.next-view:hover i,
#carnegrill .page-inner a.next-view:active i{
    color:#ff0000 !important;
}

#carnegrill .text01 {
    position: absolute;
    top: 36%;
    left: 50%;
    width: 42.783882783882784%;
    height: 23.958333333333333%;
    opacity: 0;
}

#carnegrill .text01 > div {
    margin-left:-50%;
    background-image: url(../image/svg/cg_home_text01.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

/* Site - Precinct Bar */

#theprecinctbar .page-inner a,
#theprecinctbar .page-inner a:link,
#theprecinctbar .page-inner a:visited,
#theprecinctbar .page-inner a:hover,
#theprecinctbar .page-inner a:focus,
#theprecinctbar .page-inner a:active{
    color:#c97e32 !important;
}

#theprecinctbar .page-inner a.next-view:hover i,
#theprecinctbar .page-inner a.next-view:active i{
    color:#c97e32 !important;
}

#theprecinctbar .text01{
    position: absolute;
    bottom:0px;
    width: 100%;
    height:16.263157894736842%;
}
#theprecinctbar .text01 > div {
    background-image: url(../image/svg/pb_home_text01.svg);
    background-repeat: no-repeat;
    background-size: 88% 88%;
    background-position: center;
    width:100%;
    height:100%;
}

/* Site - Bosses Boots */

#thebossesboots .page-inner a,
#thebossesboots .page-inner a:link,
#thebossesboots .page-inner a:visited,
#thebossesboots .page-inner a:hover,
#thebossesboots .page-inner a:focus,
#thebossesboots .page-inner a:active  {
    color: #e59a00 !important; ;
}

#thebossesboots a.next-view:hover i,
#thebossesboots a.next-view:active i{
    color:#e59a00 !important;
}

#thebossesboots .text01{
    position: absolute;
    left:50%;
    bottom:-10%;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 24px;
    text-transform: none;
    text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8);
    line-height: 60px;
}

#thebossesboots .text01 > div {
    margin-left: -100%;
}
.bg-rotator {
    z-index: -1;
}

@media only screen and ( max-width: 767px ){
    #carnegrill .text01 > div {
        background-image: url(../image/svg/cg_home_mob_text01.svg);

    }
}