/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 3, 2015 */

@font-face {
    font-family: 'nexa_rust_sansblack';
    src: url('webfonts/fontfabric_-_nexa_rust_sans_black-webfont.eot');
    src: url('webfonts/fontfabric_-_nexa_rust_sans_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/fontfabric_-_nexa_rust_sans_black-webfont.woff2') format('woff2'),
         url('webfonts/fontfabric_-_nexa_rust_sans_black-webfont.woff') format('woff'),
         url('webfonts/fontfabric_-_nexa_rust_sans_black-webfont.ttf') format('truetype'),
         url('webfonts/fontfabric_-_nexa_rust_sans_black-webfont.svg#nexa_rust_sansblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nexa_rust_script_l0regular';
    src: url('webfonts/fontfabric_-_nexa_rust_script_t_00-webfont.eot');
    src: url('webfonts/fontfabric_-_nexa_rust_script_t_00-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/fontfabric_-_nexa_rust_script_t_00-webfont.woff2') format('woff2'),
         url('webfonts/fontfabric_-_nexa_rust_script_t_00-webfont.woff') format('woff'),
         url('webfonts/fontfabric_-_nexa_rust_script_t_00-webfont.ttf') format('truetype'),
         url('webfonts/fontfabric_-_nexa_rust_script_t_00-webfont.svg#nexa_rust_script_l0regular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nexa_rust_handmadeextended';
    src: url('webfonts/fontfabric_-_nexa_rust_handmade_extended-webfont.eot');
    src: url('webfonts/fontfabric_-_nexa_rust_handmade_extended-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/fontfabric_-_nexa_rust_handmade_extended-webfont.woff2') format('woff2'),
         url('webfonts/fontfabric_-_nexa_rust_handmade_extended-webfont.woff') format('woff'),
         url('webfonts/fontfabric_-_nexa_rust_handmade_extended-webfont.svg#nexa_rust_handmadeextended') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 5, 2015 */



@font-face {
    font-family: 'nexa_rust_sansblack_03';
    src: url('webfonts/fontfabric_-_nexa_rust_sans_black_03-webfont.eot');
    src: url('webfonts/fontfabric_-_nexa_rust_sans_black_03-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/fontfabric_-_nexa_rust_sans_black_03-webfont.woff2') format('woff2'),
         url('webfonts/fontfabric_-_nexa_rust_sans_black_03-webfont.woff') format('woff'),
         url('webfonts/fontfabric_-_nexa_rust_sans_black_03-webfont.ttf') format('truetype'),
         url('webfonts/fontfabric_-_nexa_rust_sans_black_03-webfont.svg#nexa_rust_sansblack_03') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*@font-face {
    font-family: 'nexa_rust_script_l_03';
    src: url('webfonts/fontfabric_-_nexa_rust_script_l_03-webfont.eot');
    src: url('webfonts/fontfabric_-_nexa_rust_script_l_03-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/fontfabric_-_nexa_rust_script_l_03-webfont.woff2') format('woff2'),
         url('webfonts/fontfabric_-_nexa_rust_script_l_03-webfont.woff') format('woff'),
         url('webfonts/fontfabric_-_nexa_rust_script_l_03-webfont.ttf') format('truetype'),
         url('webfonts/fontfabric_-_nexa_rust_script_l_03-webfont.svg#nexa_rust_sansblack_03') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
body {
    font-family: 'nexa_rust_handmadeextended', sans-serif;
    color:#fff;
    background: #000;
    font-size: 14px;
}
.cursive {
    font-family: 'nexa_rust_script_l0regular', cursive;
}
.group-sites {
    background-image: url('/app/images/longyard/header-bg.jpg');
    height: 4vw;
    line-height: 4vw;
    background-size: cover;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'nexa_rust_sansblack',sans-serif;
}
.group-sites .contentwrap {
    display: table;
    width:100%;
}
.group-home-link {
    text-decoration: none;
    color:#ffffff;
    opacity: 0.9;
}
.group-home,
.group-venues {
    display: table-cell;
}
.group-venues {
    text-align: right;
    opacity: 0.9;
}
.group-menu {
    display:none;
}
header.venue {
    background: url('/app/images/longyard/menu-bg.jpg');
    background-size: 100%;
    color:#fff;
    font-size: 1.5vw;
    padding-top:2vw;
    text-transform: uppercase;
    font-family: 'nexa_rust_sansblack_03', sans-serif;
}
header.venue .hours {
    float:right;
}
.header-opening-hours p:after {
    content:"";
    display: block;
    clear:both;
}
.good-time {
    font-size: 1.12em;
}
.opening-times {
    text-align: center;
    font-size: 1.2em;
}
.header-opening-hours {
    font-size: 0.8em;
}
.header-phone {
    font-size: 1.2em;
}
header.venue p {
    margin:0;
}
header.venue .col {
    width:33%;
    position: relative;
}
.menu-logo {
    /*bottom:-4vw;
    top:0;
    left:0;
    right:0;*/
    background:url('/app/images/longyard/logo.png') center bottom;
    display: block;
    /*position: absolute;*/
    z-index: 10;
    background-size: contain;
    background-repeat: no-repeat;
    height: 150px;
}
/**** Header ****/
header.venue img.social {
    width: 36px;
    height: 36px;
    margin:4px;
    vertical-align: middle;
}
header.venue ul {
    list-style: none;
    display: block;
    margin:0;
    padding:0;
    text-align: center;
}
header.venue li {
    display: inline-block;
    padding:10px;
}
header.venue a {
    text-decoration: none;
}
.header-opening {
    padding-left:1vw;
}
.header-opening .header-menu {
    padding-top:2em;
}
.header-contact {
    padding-left:5vw;
    padding-right:1vw;
    background: url('/app/images/longyard/Phone.png') left top no-repeat;
    background-size: 4.5vw;
}
header.venue .menu-link {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.menu-menu {
    background-image: url('/app/images/longyard/Menu.png');
    height: 34px;
    width: 111px;
}
.functions-menu {
    background-image: url('/app/images/longyard/Function.png');
    height: 34px;
    width: 118px;
}
.location-menu {
    background-image: url('/app/images/longyard/Location.png');
    height: 26px;
    width: 111px;
}
.jobs-menu {
    background-image: url('/app/images/longyard/Jobs.png');
    height: 29px;
    width: 113px;
}
header.venue .underline {
    background-image: url('/app/images/longyard/underline.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom:1%;
}
@media only screen and (min-width:1100px) {
    header.venue {
        font-size: 22px;
    }
}
@media all and (max-width:900px) {    
    .menu-menu {
        height: 2.4vw;
        width: 7.75vw;
    }
    .functions-menu {
        height: 2.39vw;
        width: 8.28vw;
    }
    .location-menu {
        height: 1.85vw;
        width: 7.75vw;
    }
    .jobs-menu {
        height: 2.03vw;
        width: 7.92vw;
    }
}
@media only screen and (max-width:760px) {
    header.venue {
        font-size: 3vw;
    }
    header.venue .header-row {
        display: block;
        height: auto;
        padding-top:26vw;
    }
    header.venue .col {
        display: inline-block;
        width:45%;
    }
    header.venue .logo-col {
        position: absolute;
        top:0;
        left:0;
        right:0;
        width: auto;
    }
    header.venue .menu-logo {
        position: absolute;
        top:0;
        height: 25vw;
        width:100%;
    }
    header.venue .hours {
        padding-bottom: 1%;
    } 
    .menu-menu {
        height: 24px;
        width: 77.5px;
    }
    .functions-menu {
        height: 23.9px;
        width: 82.8px;
    }
    .location-menu {
        height: 18.5px;
        width: 77.5px;
    }
    .jobs-menu {
        height: 20.3px;
        width: 79.2px;
    }
}
@media only screen and (max-width:500px) {
    header.venue .col {
        display: block;
        width: auto;
    }
}
/**** banners ****/
.banners {
    height: 33.7vw;
    position: relative;
    border-top:0.5vw solid #ffffff;
}
.banner {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-size: cover;
}
.banner-foot {
    height:5vw;
    background: #0c0c0c; /* Old browsers */
    background: -moz-radial-gradient(top, ellipse cover,  #0c0c0c 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, top center, 0px, center center, 100%, color-stop(0%,#0c0c0c), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(top, ellipse cover,  #0c0c0c 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(top, ellipse cover,  #0c0c0c 0%,#000000 100%); /* Opera 12+ */
    background: -ms-radial-gradient(top, ellipse cover,  #0c0c0c 0%,#000000 100%); /* IE10+ */
    background: radial-gradient(ellipse at top,  #0c0c0c 0%,#000000 100%); /* W3C */
}


#content {
    background: url('/app/images/longyard/menu-bg.jpg');
    background-size: 100%;
    padding-top:1px;
}


/**** Events ****/
.events {
    text-align: center;
    font-family: 'nexa_rust_sansblack',sans-serif;
}
.event-link {
    display: inline-block;
    width:30%;
    margin:1%;
}
.event {
    vertical-align: top;
    height:0;
    padding-top:161.9%;
    background:url('/app/images/longyard/event-bg.png'); 
    background-size: cover;
    position: relative;
    color:#000;
}
.event-image {
    background-image:url('/app/images/southgate/weekly-act-1.jpg');
    position: absolute;
    top: 2%;
    left: 12%;
    right: 12%;
    height: 45%;
    background-size: cover;
    border-radius: 50%;
}
.cat-music .event-image {
    background-image:url('/app/images/longyard/upcoming-events.jpg');
}
.event-image:after {
    content:"";
    background-image: url('/app/images/longyard/arc.png');
    background-size:cover;
    position: absolute;
    left: 3%;
    right: 2%;
    bottom: 0;
    height: 27.5%;
}
/* TODO: We might be able to match this to a particular category fallback image instead?
.event-image.uncut {
    position: absolute;
    top: 1.5%;
    left: 11%;
    right: 3%;
    height: 37%;
    background-size: cover;
    border-radius: 0;
}
.event-image.uncut:after {
    display: none;
}*/
.event-content {
    position: absolute;
    top:39%;
    left:0;
    right:0;
    bottom:0;
    font-weight: 800;
    font-size: 14px;
    padding:0 10%;
    line-height: 1;
    text-transform: uppercase;
}
.event-content h2 {
    font-weight: 800;
    font-size: 50px;
    margin-top: 0;
    margin-bottom: 2%;
}
.event-content h3 {
    font-weight: 800;
    font-size: 32px;
    margin: 0;
    padding-top:10px;
}
.event-content .underline {
    border-bottom: 5px solid black;
    display: inline-block;
}
.event-content .dates {
    margin-bottom:2%;
}
.event-content .details {
    text-align: left;
    padding-top:10px;
}
.todays-racing .details {
    padding-top:10px;
    font-size: 14px;
}
.event-content p {
    margin:0;
}
.event-content .tickets {
    margin-bottom: 10px;
}
.event-content .pricing .type:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "}
.event-content .pricing .type {
    overflow: hidden;
    width:100%; /* makes this column as wide as possible, but due to table layout pricing will expand to size */
}
.event-content .cat-whatson {
    background-image: url('/app/images/longyard/event-type-whats-on.png');
    background-size: cover;
    margin-left: 5.5%;
    margin-top: -4%;
    width: 93%;
    height: 28.5%; 
}
.event-content .cat-sport {
    background-image: url('/app/images/longyard/event-type-sport.png');
    background-size: cover;
    margin-left: 25.5%;
    margin-top: -4%;
    width: 52%;
    height: 28.5%; 
}
.event-content .cat-music {
    background-image: url('/app/images/longyard/event-type-music.png');
    background-size: cover;
    margin-left: 25%;
    margin-top: -4%;
    width: 55%;
    height: 28.5%;
}
@media only screen and (max-width:960px) {
    .event-link {
        width:46%;
    }
    .event-content {
        font-size: 18px;
    }
}
@media only screen and (max-width:760px) {
    .event-link {
        width:95%;
    } 
    .event-content {
        font-size: 24px;
    }   
}
@media only screen and (max-width:500px) {
    .event-content {
        font-size: 18px;
    }   
}
/**** Menu ****/
.ir-menu {
    background-image: url('/app/images/longyard/menu-head.png');
    width:100%;
    height:0;
    padding-top:6.3%;
    background-size: contain;
    background-repeat: no-repeat;
}
.menu {
    line-height: 1;
}
.menu img {
    max-width: 100%;
    width:100%;
    height: auto;
}
.menu .col {
    padding:1%;
}
.menu h3,
.menu h4,
.menu h5 {
    font-family: 'nexa_rust_sansblack_03', sans-serif;
    margin:0;
    text-transform: uppercase;
}
.menu h3 {
    color:#ed145b;
    font-size: 36px;
}
.menu h4 {
    font-size: 28px;
}
.menu h5 {
    font-size: 18px;
}
.menu .special-col{
    width:20%;
}
.daily-special {
    padding-top:10%;
    font-size: 16px;
}
.daily-special h4 {
    color:#3582eb;
    font-size: 28px;
    font-family: 'nexa_rust_script_l0regular', cursive;
    text-transform: none;
}
.ir-daily-special {
    background-image: url('/app/images/longyard/ir-daily-special.png');
    width:100%;
    height: 0;
    padding-top:117.8%;
    background-size: cover;
    display: block;
}
.daily-special-header {
    padding-bottom:10%;
}
.daily-special-header .col {
    text-align: center;
}
.call-specials {
    padding-top:10%;
}
.daily-special-header .prev,
.daily-special-header .next {
    width:10%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.daily-special-header .prev {
    background-image: url('/app/images/longyard/prev.png');
}
.daily-special-header .next {
    background-image: url('/app/images/longyard/next.png');
}
.menu-see-more {
    text-align: right;
    margin-right:0;
    margin-left:auto;
    margin-top:10%;
}
.ir-chicken-schnitzel {
    background-image: url('/app/images/longyard/ir-chicken-schnitzel.png');
    width:100%;
    height: 0;
    padding-top:76.8%;
    background-size: cover;
    display: block;
}
.ir-chicken-parmy {
    background-image: url('/app/images/longyard/ir-chicken-parmy.png');
    width:100%;
    height: 0;
    padding-top:76.8%;
    background-size: cover;
    display: block;
}
.ir-tempura-battered-fish {
    background-image: url('/app/images/longyard/ir-tempura-battered-fish.png');
    width:100%;
    height: 0;
    padding-top:78.8%;
    background-size: cover;
    display: block;
}
.ir-300g-rump {
    background-image: url('/app/images/longyard/ir-300g-rump.png');
    width:100%;
    margin-left:0;
    height: 0;
    padding-top:75.8%;
    background-size: cover;
    display: block;
}
.ir-bangers {
    background-image: url('/app/images/longyard/ir-bangers.png');
    width:100%;
    margin-left:0;
    height: 0;
    padding-top:72.8%;
    background-size: cover;
    display: block;
}
.ir-longyard-burger {
    background-image: url('/app/images/longyard/ir-longyard-burger.png');
    width:100%;
    margin-left:0;
    height: 0;
    padding-top:75.8%;
    background-size: cover;
    display: block;
}
.ir-chicken-carbonara {
    background-image: url('/app/images/longyard/ir-chicken-carbonara.png');
    width:100%;
    margin-left:0;
    height: 0;
    padding-top:70%;
    background-size: cover;
    display: block;
}
.ir-menu-see-more {
    background-image: url('/app/images/longyard/ir-menu-see-more.png');
    width:70%;
    height: 0;
    padding-top:23.8%;
    background-size: contain;
    display: block;
}
.star-divider {
    background-image: url('/app/images/longyard/stars-divider.png');
    height: 0;
    padding-top:2.6%;
    background-size: contain;
    margin-top:40px;
}
.menu .sample-mains {    
  max-width: 118%;
}
.menu .expand-right {
    margin-right:-10%;
}
.menu .cursive {
    font-size: 28px;
}
.menu p {
    margin:0;
}
.menu .specials-more {
    color:#ed145b;
    font-size: 18px;
    font-family: 'nexa_rust_sansblack',sans-serif;
}
.menu .specials-price {
    font-size: 32px;
    font-family: 'nexa_rust_sansblack',sans-serif;
}

.menu .cursive {
    /*font-family: 'nexa_rust_script_l_03', cursive;*/
}
@media only screen and (max-width:760px) {
    .menu .menu-row {
        display: block;
        height: auto;
    }
    .menu .special-col {
        display: block;
        width: auto;
    }
    .ir-menu,
    .star-divider {
        background-size:760px;
        background-position:center;
        padding-top:0;
        height: 50px;
        background-repeat: no-repeat;
    }
}
@media only screen and (max-width:500px) { 
    .menu .menu-row > .col {
        display: block;
    }
    .ir-menu,
    .star-divider {
        background-size:500px;
    }
    .menu .expand-right {
        margin-right:0;
    }
    .menu .sample-mains {
        max-width: 100%;
    }
}
/**** Instagram ****/
.instagram-title {
    background-image: url('/app/images/longyard/instagram-logo.png');
}
.instagram-tag {
    background-image:url('/app/images/longyard/tag-on-instagram.png');
}
/**** Find us ****/
.find-us .col.details {
    width:20%;
}
.find-us .col.map {
    width:80%;
    padding-left:2%;
}
.find-us .col img {
    max-width: 100%;
    height: auto;
}
.find-us .col .bus {
    max-width: 80%;
    margin:0 auto;
    display: block;
}
.ir-find-us {
    background-image: url('/app/images/longyard/ir-find-us.png');
    width:100%;
    height: 0;
    padding-top:39%;
    background-size: contain;
    background-repeat: no-repeat;
}

.find-us .bus {
    background-image: url('/app/images/longyard/bus.png');
    width:90%;
    height: 0;
    padding-top:101.5%;
    background-size: contain;
}
.find-us .google-map {
    width:100%;
    height: 450px;
}
.ir-free-shuttle {
    background-image: url('/app/images/longyard/ir-free-shuttle.png');
    width:100%;
    height: 0;
    padding-top:99%;
    background-size: contain;    
}
.line-border {
    background-image: url('/app/images/longyard/line-border.png');
    width:100%;
    height: 0;
    padding-top:0.9%;
    background-size: contain;    
    margin-bottom:2%;
}
.social-btn {
    width: 12%;
    padding-right:1%;
}
.under-map-details {
    padding-left:4%;
    text-transform: uppercase;
    font-family: 'nexa_rust_sansblack_03', sans-serif;    
    font-size: 18px;
    line-height: 1;
}
.under-map-details p {
    margin:0;
}
.under-map-details .large {
    font-size: 1.4em;
}
.google-map-wrap {
    position: relative;
}
.google-map-border {
    position: absolute;
    pointer-events: none;
    background-size: cover;
}
.google-map-border.top {
    top:0;
    left:0;
    right:0;
    height: 10%;
    background-image: url('/app/images/longyard/map-top.png');
    background-position: center top;
}
.google-map-border.bottom {
    bottom:0;
    left:0;
    right:0;
    height: 11%;
    background-image: url('/app/images/longyard/map-bottom.png');
    background-position: center bottom;
}
.google-map-border.left {
    bottom:11%;
    left:0;
    top:10%;
    width:8%;
    background-image: url('/app/images/longyard/map-left.png');
    background-position: center left;
}
.google-map-border.right {
    bottom:11%;
    right:0;
    top:10%;
    width:8%;
    background-image: url('/app/images/longyard/map-right.png');
    background-position: center right;
}
.ir-facebook {
    background-image: url('/app/images/longyard/findus-facebook.png');
    height:0;
    padding-top:108%;
    background-size: contain;
    display: block;
}
.ir-instagram {
    background-image: url('/app/images/longyard/find-us-instagram.png');
    height:0;
    padding-top:108%;
    background-size: contain;
    display: block;
}
@media only screen and (max-width:1024px) {
    .find-us .col.details {
        width:30%;
    }
    .find-us .col.map {
        width:70%;
    }
    .under-map-details {
        font-size: 14px;
    }
}
@media only screen and (max-width:760px) {
    .find-us .col.details {
        display: none;
    }
    .under-map-row,
    .under-map-row > .col {
        display: block;
        height: auto;
    }
    .under-map-row .social-btn {
        display: inline-block;
    }
}
@media only screen and (max-width:500px) {
    .under-map-details .row,
    .under-map-details .col {
        display: block;
        height: auto;
    }
}
/**** Footer ****/
footer.bottom {
    font-family: 'nexa_rust_sansblack',sans-serif;
    padding-top:4%;
}
footer.bottom li {
    font-family: 'nexa_rust_sansblack',sans-serif;
}
.ir-check-out-other {
    background-image: url('/app/images/longyard/ir-check-out-pubs.png');
    width:100%;
    height: 0;
    padding-top:70.9%;
    background-size: contain;
}
.footer-wrap {
    background-image: url('/app/images/longyard/footer-bg.png');
    color:#000;
    height: 0;
    padding-top:44%;
    position: relative;
    background-size: contain;
    font-weight: 800;
}
.footer-content {
    position: absolute;
    top:33%;
    left:5%;
    right:5%;
    bottom:5%;
    text-transform: uppercase;
    line-height: 1;
}
.footer-content .hours {
    padding-left:20px;
}
footer.bottom .checkout-col {
    padding-left:2%;
    width:20%;
    text-align: right;
}
footer.bottom .footer-menu-col {
    width:auto;
}
footer.bottom ul {
    margin:0;
    padding:0;
    padding-top:10%;
    font-size: 24px;
    list-style: none;
    font-family: 'nexa_rust_sansblack', sans-serif;
}
footer.bottom li {
    line-height: 1;
}
footer.bottom nav a {
    text-decoration: none;
}
.footer-content h2 {
    font-size: 32px;
}
.footer-content h4 {
    font-size: 24px;
    font-weight: bold;
    font-family: 'nexa_rust_sansblack', sans-serif;
}
.footer-content p {
    font-size: 18px;
}
.footer-content h4,
.footer-content p {
    margin:0;
}
@media only screen and (max-width:900px) {
    .footer-content h4,
    footer.bottom ul {
        font-size: 3vw;
    }
    .footer-content p {
        font-size: 2vw;
    }
}
@media only screen and (max-width:760px) {
    footer.bottom .footer-row,
    .footer-menu-col {
        display: block;
        height: auto;
    }
    footer.bottom .checkout-col {
        display: block;
        width: 100%;
        max-width: 300px;        
    }
}
@media only screen and (max-width:500px) {
    .footer-wrap {
        background: none;
        color:#fff;
        padding: 0;
        height: auto;
    }
    .footer-content {
        position: static;
    }
    footer.bottom ul {
        padding-top:0;
        padding-bottom:10%;
    }
    .footer-content h4, 
    footer.bottom ul {
        font-size: 24px;
    }
    .footer-content p {
        font-size: 18px;
    }
    .footer-content .row,
    .footer-content .col {
        display: block;
        height: auto;
    }
}
/**** Poster events ****/
.event-posters {
    font-family: 'nexa_rust_sansblack', sans-serif;
}
.event-category-header.sport {
    
}
.event-poster {
    display: inline-block;
    vertical-align: top;
    width:400px;    
    background-image:url('/app/images/longyard/poster-border.png');
    background-size: 100%;
    margin:1%;
}
.event-post-aspect {
    height:0;
    padding-top:81%;
    position: relative;
}
.event-poster .header-date {    
    position: absolute;
    top:10px;
    left:10px;
    right:10px;
    color:black;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
}
.event-poster .poster-image {
    position: absolute;
    top:60px;
    left:10px;
    right:45%;
    bottom:10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
}
.event-poster .poster-content {
    position: absolute;
    top:60px;
    left:60%;
    right:0;
    bottom:0;
    font-family: 'nexa_rust_handmadeextended', sans-serif;
    transform: rotate(-3deg);
}
.event-poster:nth-child(2n+1) .poster-content{
    transform: rotate(2deg);
}