@import url('http://ec.europa.eu/wel/template-2013/stylesheets/ec.css');
@import url('http://ec.europa.eu/wel/template-2013/stylesheets/ec-content.css');
@import url('http://ec.europa.eu/growth/stylesheets/template-2014/entr-common.css');

@media all {
    /*********************
    search category
    *********************/
    #search-box #QueryText {
        width: 70%;
    }

    #search-box .search-icons {
        float: right;
    }

    #search-box input#submit {
    }

    #search-box .QueryCategory {
        width: 23px;
        vertical-align: bottom;
        float: right;
    }

    #search-box .dropdown-menu {
        list-style-type: none;
        background-color: #FFF;
        margin: 12px 0 0 15px;
        padding: 5px 0px;
        background-clip: padding-box;
        background-color: #FFFFFF;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 4px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    }

    #search-box .dropdown-menu li {
        padding: 5px 0 5px 0;
        margin-bottom: 0;
    }

    #search-box .dropdown-menu li.active {
        background: #3AB6FE;
    }

    #search-box .dropdown-menu li:hover:not(.active) {
        background-color: #F5F5F5;
    }

    #search-box .dropdown-menu li a {
        color: #000;
        text-decoration: none;
        padding: 3px 20px;
        line-height: 1.42857;
        display: block;
    }

    #europa-search .dropdown-menu li.active a {
         color: #FFF;
     }

    #europa-search ::-webkit-input-placeholder {
        color: #7e7e7e;
    }

    #europa-search :-moz-placeholder { /* Firefox 18- */
        color: #7e7e7e;
    }

    #europa-search ::-moz-placeholder {  /* Firefox 19+ */
        color: #7e7e7e;
    }

    #europa-search :-ms-input-placeholder {
        color: #7e7e7e;
    }

    /*********************
    end of search category
    *********************/

}

@media all and (min-width: 768px) {
    h1#banner-sub-title-text {
        position: absolute;
        top: 100px;
        left: 248px;
        z-index: 7;
        color: #FFF;
        font-weight: normal;
        font-size: 170%;
        margin: 0;
        border: none;
    }

    body.eu-loading {
        background-image: url(../images/eu-loading.gif);
        background-repeat: no-repeat;
        background-position: center;
    }

    div.eu-loading {
        visibility: hidden;
    }

    /*entr_box & and social media buttons if 1 column layout*/
    .layout-noleft .layout-left {
        display: block;
        position: absolute;
        z-index: 20;
        width: 190px;
        left: 10px;
        top: 10px;
    }

    .layout-noleft .layout-left #homepage-link {
        display: none;
    }

    .layout-noleft .layout-left #stay-connected-left-nav {
        float: inherit;
        margin: inherit;
        width: inherit;
    }

    .layout-noleft .layout-left #entr_box {
        background-color: inherit;
        border-radius: inherit;
        box-shadow: inherit;
    }

    .layout-noleft .layout-left #stay-connected-left-nav,
    .layout-noleft .layout-left {
        background: #FFF;
        filter: none;
    }

    .layout-noleft .layout-left .visible-tablet.menu-browse {
        display: none;
    }

    .layout-noleft #accessibility-menu li.m-menu {
        display: none;
    }

    /*end of entr_box & and social media buttons if 1 column layout*/
    /*increases the main content margins*/
    .layout-noright .layout-content-reset {
        margin-left: 1.01911%;
        margin-top: 98px;
        width: 90.633%;
        padding: 0 3.6% 4.33121%;
    }

    .euMenu .separator {
        border-top: 1px solid #DCDCDC;
        height: 1px;
    }

    .euMenu .separator div {
        display: none;
    }

}

@media all and (max-width: 768px) {
    /* TABLET */
    h1#banner-sub-title-text {
        display: none;
    }

    .layout-noright .layout-left {
        /*display: block;*/
    }
}

/*hacks for chrome*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
}