@import "/assets/website/common/css/vars";

/* // HOME-INDEX ROW **********/
.home-index-row
{
    .col,
    [class*="col-"] {
        padding-top: @distance-h;
    }

    .home-index-box
    {
        width: 100%;
        height: @home-row-h;
    }

    #dkt-research_and_database-box
    {
        padding: 10px;
        background-color: @esn-color-azure;
        .box-title,
        label
        {
            color: #ffcc00;
        }
        
        #research_and_database-form-checkbox
        {
            label
            {
                line-height: 2;
            }
        }
    }    
    
    #mbl-research_and_database-box
    {
        height: auto;
        padding: 10px;
        background-color: @esn-color-azure;
        .box-title,
        label
        {
            color: #ffcc00;
        }
        
        #research_and_database-form-checkbox
        {
            label
            {
                line-height: 2;
            }
        }
    } 

    .photo_1a-box {
        background-image: url("/images/website/home/photo_row1_a.jpg");
        background-position: center center;
        background-size: cover;
    }

    #dkt-key_figures-box
    {
        padding: 10px;
        background-color: @esn-color-rock_blue;
        .box-title,
        .box-text
        {
            color: @esn-color-botticelli1;
        }
    }

    #mbl-key_figures-box
    {
        padding: 10px;
        background-color: @esn-color-rock_blue;
        background-image: url("/images/website/home/key_figures-box-bg.png");
        background-size: auto 75%;
        background-position: bottom right;
        background-repeat: no-repeat;

        .box-title,
        .box-text
        {
            color: @esn-color-botticelli1;
        }
    }

    #dkt-empty-box
    {
        background-color: @esn-color-main;
    }      
    
    .photo_2a-box {
        background-image: url("/images/website/home/photo_row2_a.jpg");
        background-position: center center;
        background-size: cover;
    }

    #dkt-members-box
    {
        background-color: @esn-color-midnight_blue;
        background-image: url("/images/website/home/members-box-bg.png");
        background-size: 50% auto;
        background-position: bottom center;
        background-repeat: no-repeat;

        .box-a
        {
            color: @esn-color-nepal;
        }
    }

    #mbl-members-box
    {
        background-color: @esn-color-midnight_blue;
        background-image: url("/images/website/home/members-box-bg.png");
        background-size: auto 75%;
        background-position: bottom center;
        background-repeat: no-repeat;

        .box-a
        {
            color: @esn-color-nepal;
        }
    }

    .photo_2b-box {
        background-image: url("/images/website/home/photo_row2_b.jpg");
        background-position: center center;
        background-size: cover;
    }

    #dkt-product-box
    {
        padding: 10px 50% 10px 10px;
        background-color: @esn-color-hippie_blue;
        background-image: url("/images/website/home/product-box-bg.png");
        background-size: 40% auto;
        background-position: bottom right;
        background-repeat: no-repeat;

        .box-title,
        .box-text
        {
            color: @esn-color-botticelli2;
        }
    }

    #mbl-product-box
    {
        padding: 10px 33% 10px 10px;
        background-color: @esn-color-hippie_blue;
        background-image: url("/images/website/home/product-box-bg.png");
        background-size: auto 75%;
        background-position: bottom right;
        background-repeat: no-repeat;

        .box-title,
        .box-text
        {
            color: @esn-color-botticelli2;
        }
    }

    .photo_3a-box {
        background-image: url("/images/website/home/photo_row3_a.jpg");
        background-position: center center;
        background-size: cover;
    }

    #dkt-roadshows-box
    {
        background-color: @esn-color-rock_blue;
        background-image: url("/images/website/home/roadshows-box-bg.png");
        background-size: 75% auto;
        background-position: bottom center;
        background-repeat: no-repeat;

        .box-a
        {
            color: @esn-color-botticelli1;
        }
    }

    #mbl-roadshows-box
    {
        background-color: @esn-color-rock_blue;
        background-image: url("/images/website/home/roadshows-box-bg.png");
        background-size: auto 75%;
        background-position: bottom center;
        background-repeat: no-repeat;

        .box-a
        {
            color: @esn-color-botticelli1;
        }
    }

    .photo_3b-box {
        background-image: url("/images/website/home/photo_row3_b.jpg");
        background-position: center center;
        background-size: cover;
    }

    #dkt-conferences-box
    {
        padding: 10px;
        background-color: @esn-color-azure;
        .box-title,
        .box-text
        {
            color: @esn-color-pigeon_post;
        }
    }

    #mbl-conferences-box
    {
        padding: 10px;
        background-color: @esn-color-azure;
        background-image: url("/images/website/home/conferences-box-bg.png");
        background-size: auto 75%;
        background-position: bottom right;
        background-repeat: no-repeat;

        .box-title,
        .box-text
        {
            color: @esn-color-pigeon_post;
        }
    }

    .photo_4a-box {
        background-image: url("/images/website/home/photo_row4_a.jpg");
        background-position: center center;
        background-size: cover;
    }

    #dkt-cooperation_governance-box
    {
        padding: 10px;
        background-color: @esn-color-midnight;
        .box-title,
        .box-text
        {
            color: @esn-color-gull_gray;
        }
    }

    #mbl-cooperation_governance-box
    {
        padding: 10px 33% 10px 10px;
        background-color: @esn-color-midnight;
        background-image: url("/images/website/home/cooperation_governance-box-bg.png");
        background-size: auto 75%;
        background-position: bottom right;
        background-repeat: no-repeat;

        .box-title,
        .box-text
        {
            color: @esn-color-gull_gray;
        }
    }

    .photo_4b-box {
        background-image: url("/images/website/home/photo_row4_b.jpg");
        background-position: center center;
        background-size: cover;
    }

    #dkt-history-box
    {
        background-color: @esn-color-rock_blue;
        background-image: url("/images/website/home/history-box-bg.png");
        background-size: 75% auto;
        background-position: bottom center;
        background-repeat: no-repeat;

        .box-a
        {
            color: @esn-color-botticelli1;
        }
    }

    #mbl-history-box
    {
        background-color: @esn-color-rock_blue;
        background-image: url("/images/website/home/history-box-bg.png");
        background-size: auto 75%;
        background-position: bottom center;
        background-repeat: no-repeat;

        .box-a
        {
            color: @esn-color-botticelli1;
        }
    }

    .box-a
    {
        display: block;
        width: 100%;
        height: 100%;
        padding: 10px;
        font-family: 'Yanone Kaffeesatz', sans-serif;
        font-size: @font24;
        font-weight: bold;
        line-height: normal;

        &:hover
        {
            text-decoration: none;
        }
    }

    .box-title
    {
        margin: 0;
        padding-bottom: 10px;
        font-family: 'Yanone Kaffeesatz', sans-serif;
        font-size: @font24;
        font-weight: bold;
        line-height: normal;
    }

    .box-text
    {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 11px;
        font-weight: normal;
        line-height: 120%;
        a
        {
            color: #FFFFFF;
        }
    }
}