/* Mobile xs */
@media (max-width: 767px)
{
    .gamethumbnail_screen
    {
        padding: 5px !important;
    }

    .gamethumbnail_screen img
    {
        min-width: 320px;
        min-height: 256px;
    }

    .thumbnail_name
    {
        padding: 6px !important;
    }
}

/* Tablet sm */
@media (min-width: 768px) and (max-width: 991px)
{
    .gamethumbnail_screen
    {
        padding: 10px !important;
    }

    .gamethumbnail_screen img
    {
        min-width: 320px;
        min-height: 256px;
    }

    .thumbnail_name
    {
        padding: 11px !important;
    }
}

/* Desktop md & lg */
@media (min-width: 992px)
{
    .gamethumbnail_screen
    {
        padding: 10px !important;
    }

    .gamethumbnail_screen img
    {
        min-width: 320px;
        min-height: 256px;
    }

    .thumbnail_name
    {
        padding: 11px !important;
    }
}

.gamethumbnail_content
{
    max-width: 340px;
}

div.lore_table
{
    max-height: 320px;
    overflow-y: scroll;
    padding: 0;
}


/* ================== Custom Homepage 1 ================== */

div#custom_homepage1
{
    margin-left: -15px;
    margin-right: -15px;
    height: 4px;
    /*
    background-color: #F6F6F6;
    background-image: url(/images/homepage/hero-background.svg);
    background-repeat: no-repeat;
    background-size: cover;
    */
}

/* Mobile xs */
@media (max-width: 767px)
{
    div#custom_homepage1
    {
        padding-left: 25px;
        padding-right: 0;
        margin-left: -15px;
        margin-right: -15px;
        background-position-x: -417px;
    }

    div#custom_homepage1_inner
    {
    }
}

/* Tablet sm */
@media (min-width: 768px) and (max-width: 991px)
{
    div#custom_homepage1
    {
        height: 350px;
        box-shadow: inset 0 5px 5px -5px black;
        background-position-x: 0;
    }

    div#custom_homepage1 div#hero_text
    {
        padding-bottom: 150px;
    }

    div#custom_homepage1 div#hero_image
    {
        width: 100%;
        height: 436px;
        background-image: url(/images/homepage/hero-girl.png);
        background-position-x: 0;
        background-position-y: 40px;
        background-size: 100%;
    }
}

/* Desktop md & lg */
@media (min-width: 992px)
{
    div#custom_homepage1
    {
        box-shadow: inset 0 5px 5px -5px black;
        background-position-x: -417px;
    }

    div#custom_homepage1_inner
    {
        max-width: 1400px;
    }

    div#custom_homepage1 h2
    {
        margin-top: 0 !important;
    }
}

div#custom_homepage1 h1
{
    color: #FFFFFF !important;
}

div#custom_homepage1 h2
{
    color: #FFFFFF !important;
}

div#custom_homepage1 div#hero_image
{
    display: block;
    margin-bottom: 12px;
    background-repeat: no-repeat;
}

div#hol_search
{
    margin-bottom: 25px;
}

/* ================== Custom Homepage 2 ================== */

/* Custom Homepage 2 */

/* Mobile xs */
@media (max-width: 767px)
{
    div#custom_homepage2
    {
        padding-bottom: 5px;
    }

    div#custom_homepage2 div.column1
    {
        padding-top: 20px;
    }

    div#custom_homepage2 div.column2
    {
        padding-top: 39px;
    }

    div#custom_homepage2 div.column3
    {
        padding-top: 20px;
    }

    div#custom_homepage2 div.column3 div.column3_row1 h2
    {
        text-align: center;
        margin-bottom: 30px !important;
        color: black !important;
    }

    div#custom_homepage2 p
    {
        font-size: 20px !important;
        font-weight: 300 !important;
        line-height: 1.4em !important;
    }

    div#custom_homepage2 .hol_stats
    {
        font-size: 13px !important;
    }
}

/* Tablet sm */
@media (min-width: 768px) and (max-width: 991px)
{
    div#custom_homepage2
    {
        padding-top: 39px;
    }

    div#custom_homepage2 div.column2
    {
        padding-top: 68px;
    }

    div#custom_homepage2 div.column1 p
    {
        font-size: 22px !important;
    }

    div#custom_homepage2 div.column3 div.column3_row1 h2
    {
        color: black !important;
    }

    div#custom_homepage2 .hol_stats
    {
        font-size: 13px !important;
    }
}

/* Desktop md & lg */
@media (min-width: 992px)
{
    div#custom_homepage2
    {
        padding-top: 20px;
    }

    div#custom_homepage2_inner
    {
        max-width: 1400px;
        border-bottom: 1px solid #4E4E4E;
        padding-bottom: 10px;
    }

    div#custom_homepage2 div.column2
    {
        padding-top: 20px;
        padding-right: 72px;
        border-right: 1px solid #4E4E4E;
    }

    div#custom_homepage2 div.column3
    {
        /* padding-left: 72px; */
    }

    div#custom_homepage2 div.column3 div.column3_row1 h2
    {
        text-align: left;
        margin-top: 13px !important;
        margin-bottom: 8px;
        color: black !important;
    }

    div#custom_homepage2 p
    {
        font-size: 28px !important;
        font-weight: 300 !important;
        line-height: 1.4em !important;
    }

    div#custom_homepage2 p
    {
        font-size: 28px !important;
        font-weight: 300 !important;
        line-height: 1.4em !important;
    }

    div#custom_homepage2 .hol_stats
    {
        font-size: 13px !important;
    }
}

div#custom_homepage2 > div.col-11
{
    padding-bottom: 30px;
    border-bottom: 1px solid black;
}

div#custom_homepage2 div.column2
{
}

div#custom_homepage2 div.column3
{

}

div#custom_homepage2 div.row a.action_button:first-child img
{
    position: relative;
    right: -76px;
}

/* ================== Custom Homepage 3 ================== */

div#custom_homepage3
{
    padding-top: 0;
    padding-bottom: 25px;
    color: white;
}

/* Mobile xs */
@media (max-width: 767px)
{
    div#custom_homepage3 div.column1_row1
    {
        text-align: center;
        margin-bottom: 0;
    }
}

/* Tablet sm */
@media (min-width: 768px) and (max-width: 991px)
{
    div#custom_homepage3 div.column1_row1
    {
        text-align: left;
        margin-bottom: 10px;
    }

    div#custom_homepage3 h2
    {
        margin-bottom: 10px !important;
    }
}

/* Desktop md & lg */
@media (min-width: 992px)
{
    div#custom_homepage3_inner
    {
        max-width: 1400px;
        border-bottom: 1px solid #4E4E4E;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    div#custom_homepage3 h2
    {
        margin-bottom: 10px !important;
    }
}

div#custom_homepage3 h2
{
    margin-top: 0 !important;
    color: white !important;
    font-weight: 700;
    font-size: 20px !important;
    line-height: 24px !important;
}

div#custom_homepage3 div.card
{
    background-color: transparent;
    border: 0;
    text-align: center;
}

div#custom_homepage3 div.card div.card-body
{
    padding: 8px 0 16px 0;
}

div#custom_homepage3 a:visited
{
    color: white;
}

div#custom_homepage3 a:link
{
    color: white !important;
    text-decoration: none !important;
}

div#custom_homepage3 a:hover
{
    text-decoration: underline;
}

/*
div#custom_homepage6 a::after
{
        content: url(/images/homepage/button-arrow_purple.svg);
        position: relative;
        top: 0;
        right: 0;
}
*/

div#custom_homepage3 a h3
{
    text-align: left;
    margin-top: 0 !important;
}

form#game_search_form
{
    font-size: 13px !important;
}

form#game_search_form input
{
    font-size: 13px !important;
}