/*------------------------------------*\
   CONTENTS
\*------------------------------------*/
/*
COMPATIBILITY
OVERRIDES
CARDS OVERLAY
LAYOUT
HOME
*/

/*------------------------------------*\
   $COMPATIBILITY
\*------------------------------------*/

/*------------------------------------*\
   $OVERRIDES
\*------------------------------------*/

/*------------------------------------*\
   $CARDS OVERLAY
\*------------------------------------*/

.membership-guest article .release-card.scene .card-overlay aside,
.membership-guest article .release-card.bts .card-overlay aside,
.membership-guest article .release-card.trailer .card-overlay aside,
.membership-guest article .model-card .card-overlay aside {
    display: none;
}

.membership-guest article .release-card .card-overlay,
.membership-guest article .model-card .card-overlay {
    padding: 5px;
}

.membership-guest article .model-card .card-overlay img {
    height: 270px;
    width: 200px;
}

.membership-guest article .release-card.scene .card-overlay > a,
.membership-guest article .release-card.bts .card-overlay > a,
.membership-guest article .release-card.trailer .card-overlay > a {
    width: 288px;
}

.membership-guest .collection-card article .release-card.scene .card-overlay > a,
.membership-guest .collection-card article .release-card.bts .card-overlay > a,
.membership-guest .collection-card article .release-card.trailer .card-overlay > a {
    width: 218px;
    height: 111px;
}

.membership-guest article .release-card.scene .card-overlay > a > span,
.membership-guest article .release-card.bts .card-overlay > a > span,
.membership-guest article .release-card.trailer .card-overlay > a > span {
    width: 33%;
    margin: 0 1% 0 0;
}

.membership-guest article .release-card.scene .card-overlay > a > span.last,
.membership-guest article .release-card.bts .card-overlay > a > span.last,
.membership-guest article .release-card.trailer .card-overlay > a > span.last {
    margin: 0;
    width: 32%;
}

.membership-guest article .release-card.dvd .card-overlay > a > span {
    height: 100%;
}

/*------------------------------------*\
   $LAYOUT
\*------------------------------------*/

.membership-guest > header > nav {
    margin: 0 auto;
}

.membership-guest > header > nav:first-child li {
    float: right;
}

.membership-guest > header > nav:first-child li:first-child {
    float: left;
}

.membership-guest > header > nav li.last {
    float: right;
}

.membership-guest > header > nav li.last input {
    margin: 0;
}

/*------------------------------------*\
   $HOME
\*------------------------------------*/

.membership-guest .banner-home {
    width: 100%;
    height: 400px;
    background-color: #F3F3F3;
    position: relative;
}

.membership-guest .banner-home .welcome-message {
    position: absolute;
    top: 125px;
    right: 50px;
    width: 300px;
}