CSS_Restyle_GoogleSearch_v1.4

@-moz-document url-prefix("https://www.google.com/search?") {
@media (min-width: 1300px) {
    #footcnt {
        text-align: center;
    }
}

@media (min-width: 1300px) and (max-width: 1499px) {

    /* ---- WEBSITES SEARCH ---- */

    /* SEARCH RESULTS */
    #cnt .mw {
        max-width: unset;
        width: 100%;
    }
    #cnt > .mw > #rcnt {
        display: flex;
        width: 95% !important;
        margin-left: 5%;
    }
    #cnt > .mw > #rcnt > .col:not(#rhscol) {
        width: 55% !important;
    }
    #cnt > .mw > #rcnt > .col:not(#rhscol) #center_col {
        width: 100%;
        margin-left: unset;
    }
    .s {
        max-width: 100%;
    }

    /* SIDEBAR (ADDS) */
    #rhscol {
        width: 470px;
        min-width: unset;
        position: absolute;
        right: 10px;
    }
    #rhscol #rhs {
        margin-left: unset;
    }

}

@media (min-width: 1500px) and (max-width: 2249px) {

    /* SEARCH RESULTS */
    #cnt .mw {
        max-width: unset;
        width: 100%;
    }
    #cnt > .mw > #rcnt {
        display: flex;
        width: 95% !important;
        margin-left: 5%;
    }
    #cnt > .mw > #rcnt > .col:not(#rhscol) {
        width: 62% !important;
    }
    #cnt > .mw > #rcnt > .col:not(#rhscol) #center_col {
        width: 100%;
        margin-left: unset;
    }
    .s {
        max-width: 100%;
    }

    /* SIDEBAR (ADDS) */
    #rhscol {
        width: 470px;
        min-width: unset;
        position: absolute;
        right: 90px;
    }
    #rhscol #rhs {
        margin-left: unset;
    }
}

@media (min-width: 2250px) {

    /* ---- WEBSITES SEARCH ---- */

    /* SEARCHBAR */
    body.srp > #searchform {
        position: fixed !important;
        top: 20px !important;
    /*     width: 1650px;
        margin: auto; */
        padding-left: 20%;
        padding-right: 20%;
        width: 60%;
    }
    body.srp > #searchform form#tsf .RNNXgb { /* Search input. */
        width: 900px;
    }
    body.srp > #searchform #gb { /* Connexion button. */
        position: absolute;
        right: 20px;
    }

    /* TOOLBAR */
    #hdtb.notl #hdtbSum {
        width: 1650px;
        margin: auto;
        display: flex;
        justify-content: center;
    }
    #hdtb.notl #hdtbSum #hdtb-s {
        width: 100%;
    }

    /* SUB-TOOLBAR */
    body.vasq #hdtbMenus.hdtb-td-o {
        width: 1650px;
        margin: auto;
        position: relative;
        top: 0;
    }
    #hdtbMenus.hdtb-td-c[aria-expanded="false"] {
        display: none;
    }

    /* BELOW TOP BAR */
    body.vasq .ab_tnav_wrp {
        width: 1650px;
        margin: auto;
        position: relative;
        left: 150px;
    }

    /* SEARCH RESULTS */
    .big .mw {
        max-width: 1650px;
        margin: auto;
    }
    #cnt #center_col, #cnt #foot {
        width: 1280px;
    }
    .s {
        max-width: 100%;
    }

    /* SIDEBAR (ADDS) */
    #rhscol {
        position: relative;
        left: 650px;
    }


    /* ---- IMAGES SEARCH ---- */


    /* WHOLE HEADER */

    /* Google Images. */
    body:not([jsmodel="jivSc"]).srp #searchform {
        position: static !important;
        margin-top: 20px;
    }
    body:not([jsmodel="jivSc"]) .sfbg .sfbgg {
        background: white;
/*         box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);    */ /* Disabled because display a residual shadow after fixing the #main positioning (position: absolute). */
        height: 83px !important;
    }

    /* TOOLBAR */
    body:not([jsmodel="jivSc"]) [jsname="haAclf"] {
        text-align: center;
    }

    /* SEARCH RESULTS */
    body:not([jsmodel="jivSc"]) #main > #cnt > #rcnt > .col > #center_col {
        width: 100%;
        margin: auto;
    }
    body:not([jsmodel="jivSc"]) #main > #cnt > #rcnt > #res.med {
        padding-left: 0px;
        padding-right: 0px;
    }
    body:not([jsmodel="jivSc"]) #main > #cnt > #rcnt > #res.med .rg {
        width: 2520px;
    }

    /* ---- NEWS SEARCH ---- */

    body:not([jsmodel="jivSc"]) #main > #cnt > .mw {
        margin: auto;
    }
    body:not([jsmodel="jivSc"]) #main > #cnt > .mw > #rcnt > .col {
        width: 100% !important; /* Need "!mportant" for fixing the Video Search view. */
    }
    body:not([jsmodel="jivSc"]) #main > #cnt > .mw > #rcnt > .col > #center_col {
        width: 100%;
        margin: auto;
    }

    /* ---- VIDEOS SEARCH ---- */


    /* ---- SHOPPING SEARCH ---- */

    body:not([jsmodel="jivSc"]) #main > #cnt > .mw > #rcnt > #bcenter > .col {
        position: relative;
        left: -250px;
    }
    body:not([jsmodel="jivSc"]) #main > #cnt > .mw > #rcnt > .col > #center_col > .med > #search .sh-sr__shop-result-header {
        height: 80px;
    }
    body:not([jsmodel="jivSc"]) #main > #cnt > .mw > #rcnt > .col > #center_col > .med > #search .sh-sr__shop-result-header .eq5rcc {
/*         padding-left: 15em; */
    }

    /* ---- ALL ---- */

    #main { /* Fix the gap below the searchbar for Images, Video, News, and Shop, but disabled here because makes the searchbar unclickable. It overlap it in a way I can't find how to solve it. Z-index tests didn't work. */
/*         position: absolute;
        top: 0px; */
    }

}

/* OTHER THINGS */

a:link {
    color: #1174DF; /* #1A73E8 #1887D0 #127EC6 #1A7DE8 #1174DF #1774DF */
}
a.fl:link {
    color: #B57129; /* #B57129 #B53029 #B56763 #D0C5C1 */
}
a:visited {
    color: #7C4FC1; /* #7C4FC1 */
}
}