/* Styles for the index pages.

   developer:   marionm
   requires:    /nks/css/shared.en.css
   ========================================================================== */

/* ==========================================================================
   shared styles
   ========================================================================== */

#index-nav,
#index-subnav {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: .5rem;
}

#index-nav a,
#index-subnav a { color: #535353; }

#index-nav a:focus,
#index-nav a:hover,
#index-subnav a:focus,
#index-subnav a:hover { color: #ff002f; }

html.num #index-nav .num,
html.a #index-nav .a,
html.b #index-nav .b,
html.c #index-nav .c,
html.d #index-nav .d,
html.e #index-nav .e,
html.f #index-nav .f,
html.g #index-nav .g,
html.h #index-nav .h,
html.i #index-nav .i,
html.j #index-nav .j,
html.k #index-nav .k,
html.l #index-nav .l,
html.m #index-nav .m,
html.n #index-nav .n,
html.o #index-nav .o,
html.p #index-nav .p,
html.q #index-nav .q,
html.r #index-nav .r,
html.s #index-nav .s,
html.t #index-nav .t,
html.u #index-nav .u,
html.v #index-nav .v,
html.w #index-nav .w,
html.x #index-nav .x,
html.y #index-nav .y,
html.z #index-nav .z {
    background: url('/https/www.wolframscience.com/nks/img/icon-down.png') no-repeat center bottom;
    background-size: 6px 5px;
    color: #c94e1a;
    padding-bottom: .25rem;
}

#index-subnav { font-size: 1rem; }

#index-subnav a { margin-right: .5rem; }

#index-subnav span { display: none; }

html.num #index-subnav .num,
html.a #index-subnav .a,
html.b #index-subnav .b,
html.c #index-subnav .c,
html.d #index-subnav .d,
html.e #index-subnav .e,
html.f #index-subnav .f,
html.g #index-subnav .g,
html.h #index-subnav .h,
html.i #index-subnav .i,
html.j #index-subnav .j,
html.k #index-subnav .k,
html.l #index-subnav .l,
html.m #index-subnav .m,
html.n #index-subnav .n,
html.o #index-subnav .o,
html.p #index-subnav .p,
html.q #index-subnav .q,
html.r #index-subnav .r,
html.s #index-subnav .s,
html.t #index-subnav .t,
html.u #index-subnav .u,
html.v #index-subnav .v,
html.w #index-subnav .w,
html.x #index-subnav .x,
html.y #index-subnav .y,
html.z #index-subnav .z {
    color: #c94e1a;
    display: inline;
}

html.num #index-subnav .num,
html.a-am #index-subnav .a-am,
html.an-az #index-subnav .an-az,
html.b-bk #index-subnav .b-bk,
html.bl-bz #index-subnav .bl-bz,
html.c-cd #index-subnav .c-cd,
html.ce-cn #index-subnav .ce-cn,
html.co-com #index-subnav .co-com,
html.con-cp #index-subnav .con-cp,
html.cr-cz #index-subnav .cr-cz,
html.d-dh #index-subnav .d-dh,
html.di-dz #index-subnav .di-dz,
html.e-eo #index-subnav .e-eo,
html.ep-ez #index-subnav .ep-ez,
html.f-fli #index-subnav .f-fli,
html.flo-fz #index-subnav .flo-fz,
html.g-gi #index-subnav .g-gi,
html.gj-gz #index-subnav .gj-gz,
html.h #index-subnav .h,
html.i-im #index-subnav .i-im,
html.in-iz #index-subnav .in-iz,
html.j #index-subnav .j,
html.k #index-subnav .k,
html.li-lz #index-subnav .li-lz,
html.l-lh #index-subnav .l-lh,
html.mes-mz #index-subnav .mes-mz,
html.m-mer #index-subnav .m-mer,
html.neu-nz #index-subnav .neu-nz,
html.n-net #index-subnav .n-net,
html.o #index-subnav .o,
html.pi-po #index-subnav .pi-po,
html.p-ph #index-subnav .p-ph,
html.pp-pz #index-subnav .pp-pz,
html.q #index-subnav .q,
html.ree-ro #index-subnav .ree-ro,
html.rp-rz #index-subnav .rp-rz,
html.r-red #index-subnav .r-red,
html.sh-so #index-subnav .sh-so,
html.sp-sto #index-subnav .sp-sto,
html.s-sg #index-subnav .s-sg,
html.stp-sz #index-subnav .stp-sz,
html.tj-tz #index-subnav .tj-tz,
html.t-ti #index-subnav .t-ti,
html.u #index-subnav .u,
html.v #index-subnav .v,
html.w #index-subnav .w,
html.x #index-subnav .x,
html.y #index-subnav .y,
html.z #index-subnav .z {
    background: url('/https/www.wolframscience.com/nks/img/icon-down.png') no-repeat center bottom;
    background-size: 6px 5px;
    color: #c94e1a;
    padding-bottom: .35rem;
}

#index-content {
    column-count: 3;
    column-gap: 2rem;
}

#index-content a { color: #c94e1a; }

#index-content a:active,
#index-content a:hover { color: #000; }

#index-content p {
    padding: .25rem 0;
    word-wrap: break-word;
}

#index-content .term {
    line-height: 1.5;
    position: relative;
}

#index-content .term.highlight {
    background: #ffe0a3;
    color: #000;
    padding: .125rem;
}

#index-content .indent {
    font-size: .875rem;
    display: inline-block;
    padding-left: 1rem;
}

/* ==========================================================================
   responsive breakpoint styles
   ========================================================================== */

/* styles for large screens (1200px)
   ========================================================================== */

@media all and (max-width: 1200px) {}

/* styles for medium screens (900px)
   ========================================================================== */

@media all and (max-width: 900px) {
    #index-content { column-count: 2; }
}

/* styles for small screens (600px)
   ========================================================================== */

@media all and (max-width: 600px) {}

/* styles for minimum supported screen width (320px)
   ========================================================================== */

@media all and (max-width: 320px) {
    #index-content {
        column-count: 1;
        column-gap: 0;
    }
}

/* printer styles
   ========================================================================== */

@media print {}