/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 28 mai 2015, 13:25:21
    Author     : laurentdubois
*/
/*
@media (min-width:19em) {
    .mobile {
        display: inline;
    }
    .container {
        width: 320px;
    }
    #menu-and-search {
        height: 45px;
    }
    #header-top, #header, .language-switcher-locale-url a span, .not-mobile{
        display:none;
    }
    #block-search-form{
        width: 100%;
    }
    #search-block-form input.form-text {
        width: 72%;
    }
}
*/
@media only screen
    and (min-device-width : 19em)
    and (max-device-width : 30.063em) {
    /* smartphones, iPhone, portrait 480x320 phones */
    .facetapi-facet-ss-glossary li{
        width: 0;
        min-width: 1.8em !important;
        font-size: 1.1rem!important;
    }
    ul.tabs-domain li {
        width: 29% !important;
    }
    #block-ucl-solr-search-rows {
        top: 32px;
        position: relative;
    }
    .mobile {
        display: inline;
    }
    .container {
//        width: 320px;
    }
    #menu-and-search {
        height: 45px;
    }
    #header-top, #header, .language-switcher-locale-url a span, .not-mobile{
        display:none;
    }
    #block-search-form{
        width: 100%;
    }
    #search-block-form input.form-text {
        width: 71%;
    }
    #mobile-login{
        position: absolute;
        z-index: 10;
        right: 10px;
        top: 10px;
    }
    #mobile-login a{
        color:#666666;
        margin : 5px;
    }
    .panel-col-first, .panel-col-last{
        width: 100% !important;
    }
    .front-first-col{
        border:none;
        min-height: initial !important;
        display: block;
    }
    .panel-col-last {
        border: none;
        width: 100%!important;
        margin: 1%;
        padding-left: 0%;
    }
    .front-first-col .pane-content{
        top:0px;
    }
    .search-block-title{
        margin:1px !important;
    }
    #ucl_chamo_dashboard div#ucl_chamo_user_dashboard_main{
        width: 100% !important;
        clear:both;
    }
    .chamo-user-widget-main{
            width: 43%!important;
            margin: 5px;
    }
    #ucl_chamo_dashboard div#ucl_chamo_user_dashboard_sidebar{
        width: 100%;
        float: none;
    }
}
/*
@media (min-width:30.063em) {
    .container {
        width: 480px;
    }


}
*/
@media only screen
    and (min-device-width : 30.063em)
    and (max-device-width : 40.063em) {
        /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    .container {
        width: 480px;
    }
}

@media (min-width:40.063em) {

    .container {
        width: 640px;
    }
    .language-switcher-locale-url a span{
        display:inline-block;
    }
    #header-top, #header{
        display:block;
    }
    #block-search-form{
        width: 80%;
    }
    #search-block-form input.form-text {
        width: 80%;
    }

}


@media only screen
    and (min-device-width : 40.063em)
    and (max-device-width : 48em) {
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    .container {
        width: 640px;
    }
    .language-switcher-locale-url a span{
        display:inline-block;
    }
    #header-top, #header{
        display:block;
    }
    #block-search-form{
        width: 80%;
    }
    #search-block-form input.form-text {
        width: 80%;
    }
}
@media only screen
    and (min-device-width : 48em)
    and (max-device-width : 60.063em) {   /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    /* STYLES GO HERE */
    .container {
        width: 768px;
    }
    .mobile {
        display: none;
    }
    .not-mobile{
        display:block;
    }
}
@media (min-width:60.063em) { /* tablet, landscape iPad, lo-res laptops ands desktops */
    .container {
        //width: 1024px;
    }
    a:link.help-link, a:visited.help-link {
        z-index: 1000;
        width: 43px;
        height: 146px;
        position: fixed;
        right: 0px;
        top: 45%;
        background-color: #58585a;
        color: white;
        font-weight: bold;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .help-content{
      height: 126px;
      width: 146px;
      font-size: 16px;
    }

}
@media (min-width:64.063em) { /* big landscape tablets, laptops, and desktops */
    .container {
        width: 1020px;
    }
}
@media (min-width:73.250em) { /* hi-res laptops and desktops */
    .container {
        width: 1150px;
    }
}

@media (max-width: 47.9em){
    .facets-open {
        display: block;
    }
    .facet-atoz-form{
        display: none;
    }
    #sidebar-first .block, #sidebar-second .block {
        padding: 0;
    }
    #sidebar-first {
        width: 83.333333333333333333333333333333%;
        max-width: none!important;
        right: 100%;
        position: fixed;
        float: none;
        z-index: 999999;
        margin-top: 0;
        background-color: white;
        display: block!important;
        overflow-y: scroll;
    }
    #sidebar-first .content {
        border-bottom: none;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        box-shadow: none;
    }

    #mobile-facet-close {
        display: none;
        position: fixed;
        width: 100%;
        height: 480px;
        z-index: 500;
        margin-left: 83.333333333333333333333333333333%;
        background-color: #000;
        opacity: .5;
    }
    #mobile-facet-close a {
        margin-left: 0;
        font-size: 40px;
        color: #fff;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%
    }
    .pagination .item{
        display: none;
    }
    .result-block{
        //display: flex;
    }
    .result-icons{
        display: none;
    }
    .result-label{
        padding-left: 5px;
        max-width: 80%!important;
    }
    .result-sort{
        display: none;
    }
    .solr-search-navigation{
        width: 100%!important;
        float: none!important;
    }
    #ucl_chamo_dashboard div#ucl_chamo_user_dashboard_main{
        width: 100% !important;
        clear:both;
    }
    .chamo-user-widget-main{
            width: 43%!important;
            margin: 5px;
    }
    #ucl_chamo_dashboard div#ucl_chamo_user_dashboard_sidebar{
        width: 100%;
        float: none;
    }
}
@media (max-width:460px){

    #front-page {
        margin-top: 0px;
    }
    .pagination .first, .pagination .last{
        display: none;
    }
    .snippet-thumbnail, .ucl-book-cover{
        display:none;
    }
    .snippet-availability{
        float: none!important;
        position:relative;
        top:0px!important;
    }
    .search-options-wrapper{
        display:none!important;
    }
    .solr-snippet-wrapper {
        margin-right: 0!important;
    }
    .solr-snippet-container {
        margin-left: 10px!important;
        margin-top: 10px!important;
    }
    .snippet-metadata {
        width: 100%!important;
        margin-left: 0!important;
    }
    .chamo-node-cart {
        width: 100%!important;
    }
    #mobile-login{
        position: absolute;
        z-index: 10;
        right: 10px;
        top: 10px;
    }
    #mobile-login a{
        color:#666666;
        margin : 5px;
    }
    .panel-col-first, .panel-col-last{
        width: 100% !important;
    }
    .front-first-col{
        border:none;
        min-height: initial !important;
        display: block;
    }
    .front-first-col .pane-content{
        top:0;
        width: 320px;
    }
    .search-block-title{
        margin:1px !important;
    }
    #ucl_chamo_dashboard div#ucl_chamo_user_dashboard_main{
        width: 100% !important;
        clear:both;
    }
    .chamo-user-widget-main{
            width: 43%!important;
            margin: 5px;
    }
    #ucl_chamo_dashboard div#ucl_chamo_user_dashboard_sidebar{
        width: 100%;
        float: none;
    }
    /*
    body:after {
        content: "beta";
        position: fixed;
        width: 100%;
        height: 25px;
        background: #AC0000;
        top: 34px;
        left: 0px;
        text-align: center;
        font-size: 15px;
        font-family: sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        line-height: 25px;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        z-index: 20;
    }
    */
    .feedback_simple{
        right:-2px!important;
        top:80%!important;
    }
    #menu-and-search .content {
        top: 8px;
        border-radius: 0;
    }
    #main-menu{
        border-radius:0!important;
    }


}