body {
    color: #fff;
    font-family: "Avenir Next", sans-serif;
    /*background-color: hsl(2, 57%, 40%);*/
    /*background-image: repeating-linear-gradient(transparent, transparent 50px, rgba(0,0,0,.4) 50px, rgba(0,0,0,.4) 53px,*/
                      /*transparent 53px, transparent 63px, rgba(0,0,0,.4) 63px, rgba(0,0,0,.4) 66px, transparent 66px,*/
                      /*transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px,*/
                      /*rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2)*/
                      /*179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px),*/
                      /*repeating-linear-gradient(270deg, transparent, transparent 50px, rgba(0,0,0,.4) 50px,*/
                      /*rgba(0,0,0,.4) 53px, transparent 53px, transparent 63px, rgba(0,0,0,.4) 63px, rgba(0,0,0,.4) 66px,*/
                      /*transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px,*/
                      /*rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px,*/
                      /*rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5)*/
                      /*182px, rgba(0,0,0,.5) 232px, transparent 232px),*/
                      /*repeating-linear-gradient(125deg, transparent, transparent 2px, rgba(0,0,0,.2) 2px, rgba(0,0,0,.2)*/
                      /*3px, transparent 3px, transparent 5px, rgba(0,0,0,.2) 5px);*/
    /*background:*/
            /*radial-gradient(hsl(0, 100%, 27%) 4%, hsl(0, 100%, 18%) 9%, hsla(0, 100%, 20%, 0) 9%) 0 0,*/
            /*radial-gradient(hsl(0, 100%, 27%) 4%, hsl(0, 100%, 18%) 8%, hsla(0, 100%, 20%, 0) 10%) 50px 50px,*/
            /*radial-gradient(hsla(0, 100%, 30%, 0.8) 20%, hsla(0, 100%, 20%, 0)) 50px 0,*/
            /*radial-gradient(hsla(0, 100%, 30%, 0.8) 20%, hsla(0, 100%, 20%, 0)) 0 50px,*/
            /*radial-gradient(hsla(0, 100%, 20%, 1) 35%, hsla(0, 100%, 20%, 0) 60%) 50px 0,*/
            /*radial-gradient(hsla(0, 100%, 20%, 1) 35%, hsla(0, 100%, 20%, 0) 60%) 100px 50px,*/
            /*radial-gradient(hsla(0, 100%, 15%, 0.7), hsla(0, 100%, 20%, 0)) 0 0,*/
            /*radial-gradient(hsla(0, 100%, 15%, 0.7), hsla(0, 100%, 20%, 0)) 50px 50px,*/
            /*linear-gradient(45deg, hsla(0, 100%, 20%, 0) 49%, hsla(0, 100%, 0%, 1) 50%, hsla(0, 100%, 20%, 0) 70%) 0 0,*/
            /*linear-gradient(-45deg, hsla(0, 100%, 20%, 0) 49%, hsla(0, 100%, 0%, 1) 50%, hsla(0, 100%, 20%, 0) 70%) 0 0;*/
    /*background-color: #300;*/
    /*background-size: 100px 100px;*/
    /*background-image: url('../images/bricks.jpg');*/
    /*background-repeat: repeat repeat;*/
}

.main a, .store a {
    color: #9999ee;
}
.main a:visited, .store a:visited {
    color: #cc99cc;
}
.main a:visited:hover, .store a:visited:hover {
    color:              #cc33cc;
}
.container {
    width:   90%;
    margin:  0 auto;
    padding: 2rem;
    /*-webkit-box-sizing: border-box;*/
    /*-moz-box-sizing: border-box;*/
    /*box-sizing: border-box;*/
}

form { display: inline; }
.form-group { padding: 5px; }

/*--------------------
  NAVIGATION ---------
  --------------------*/
header {
    text-align:    center;
    margin-bottom: 1rem;
    max-width: 100%;
}

.collective {
    color: #880000;
    letter-spacing: .5rem;
}

header img {
    width:   95%;
    display: block;
    margin:  0 auto;
}

.site-nav {
    margin-top:         1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    /*margin-left: 1.3rem;*/
}

.site-nav ul {
    text-align: center;
    position:   relative;
    display:    inline-block;
}

.site-nav ul, .left-sidebar ul {
    margin:  0;
    padding: 0;
}

.site-nav li, .left-sidebar li {
    list-style: none;
    float:      left;
}

.site-nav li {
    width: 25%;
}

.site-nav a, .categories a {
    display:          block;
    margin:           0 .1rem;
    color:            #fff;
    text-decoration:  none;
    padding:          .6rem 1rem;
    border:           .2rem solid #fff;
    border-radius:    .4rem;
    text-transform:   uppercase;
    letter-spacing:   .1rem;
    background-color: #000;
}

.site-nav .storeItem {
    background-color:  #AA0200;
    color:             #fff;
}

.site-nav a:hover, .left-sidebar a:hover, .categories a:hover {
    background-color: #fff;
    color:            #000;
    border:           .2rem solid #000;
}

/*------------------------
  MAIN PAGE --------------
  ------------------------*/
.main {
    width:                 70%;
    float:                 left;
    margin:                0 auto;
    margin-left:           2rem;
    padding:               1.5rem;
    -webkit-box-sizing:    border-box;
    -moz-box-sizing:       border-box;
    box-sizing:            border-box;
    -webkit-border-radius: .5rem;
    -moz-border-radius:    .5rem;
    border-radius:         .5rem;
    /*-webkit-box-shadow:    0 0 .6rem .3rem #3f0000;*/
    /*-moz-box-shadow:       0 0 .6rem .3rem #3f0000;*/
    /*box-shadow:            0 0 .6rem .3rem #3f0000;*/
    -webkit-box-shadow:    .6rem .6rem .3rem #3f0000;
    -moz-box-shadow:       .6rem .6rem .3rem #3f0000;
    box-shadow:            .6rem .6rem .3rem #3f0000;
    background-color:      #000;
}

.main h1, .store h1 {
    font-size: 120%;
}

.main section h2, .store section h2 {
    text-align: center;
}

.main strong {
    text-decoration: underline;
}

.centeredImage {
    display:block;
    margin: auto;
    max-width: 100%;
}

article a {
    display: block;
}

article a:hover {
    color:              #cc33cc;
    -webkit-transition: ease-in-out .99s;
    -moz-transition:    ease-in-out .99s;
    -ms-transition:     ease-in-out .99s;
    -o-transition:      ease-in-out .99s;
    transition:         ease-in-out .99s;
}

.publish article img {
    float:        left;
    margin-right: 1rem;
}

.publish article {
    margin-bottom: 2rem;
}

.publish article p {
    font-size: 110%;
}

/*-------------------------
  STORE PART --------------
  -------------------------*/
.store {
    width:                 52%;
    margin:                0 auto;
    padding:               1.5rem;
    -webkit-box-sizing:    border-box;
    -moz-box-sizing:       border-box;
    box-sizing:            border-box;
    -webkit-border-radius: .5rem;
    -moz-border-radius:    .5rem;
    border-radius:         .5rem;
    /*-webkit-box-shadow:    0 0 .6rem .3rem #3f0000;*/
    /*-moz-box-shadow:       0 0 .6rem .3rem #3f0000;*/
    /*box-shadow:            0 0 .6rem .3rem #3f0000;*/
    -webkit-box-shadow:    .6rem .6rem .3rem #3f0000;
    -moz-box-shadow:       .6rem .6rem .3rem #3f0000;
    box-shadow:            .6rem .6rem .3rem #3f0000;
    background-color:      #000;
}

#search {
    width:                 97%;
    height:                1.5rem;
    padding:               .5rem;
    text-align:            center;
    color:                 #000;
    -webkit-border-radius: .4rem;
    -moz-border-radius:    .4rem;
    border-radius:         .4rem;
    -moz-box-shadow:       inset 0 0 10px #000000;
    -webkit-box-shadow:    inset 0 0 10px #000000;
    box-shadow:            inset 0 0 10px #000000;
}

/*-------------------------
  CATEGORIES --------------
  -------------------------*/
.categories {
    width: 100%;
}

.categories section {
    width: 100%;
    float: left;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.categories a {
    float:         left;
    margin-bottom: 1rem;
    border:        none;
}

.categories a:hover {
    border: none;
}

.staffPick {
    background-color:      #fff;
    color:                 #AA0200;
    padding:               .2rem;
    margin-top:            .5rem;
    -webkit-box-sizing:    border-box;
    -moz-box-sizing:       border-box;
    box-sizing:            border-box;
    -webkit-border-radius: 1rem;
    -moz-border-radius:    1rem;
    border-radius:         1rem;
}

/*-------------------------
  LEFT SIDEBAR ------------
  -------------------------*/
.left-sidebar {
    text-align:            center;
    width:                 18%;
    float:                 left;
    padding:               1rem;
    margin-left:           2rem;
    -webkit-box-sizing:    border-box;
    -moz-box-sizing:       border-box;
    box-sizing:            border-box;
    -webkit-border-radius: .5rem;
    -moz-border-radius:    .5rem;
    border-radius:         .5rem;
    -webkit-box-shadow:    .6rem .6rem .3rem #3f0000;
    -moz-box-shadow:       .6rem .6rem .3rem #3f0000;
    box-shadow:            .6rem .6rem .3rem #3f0000;
    background-color:      #000;
}

/*.left-sidebar select {*/
    /*color: #000;*/
/*}*/

.left-sidebar a {
    font-size:        70%;
    font-weight:      600;
    margin-bottom:    .5rem;
    text-align:       center;
    display:          block;
    color:            #fff;
    text-decoration:  none;
    padding:          .6rem 1rem;
    border:           .2rem solid #fff;
    border-radius:    .4rem;
    text-transform:   uppercase;
    letter-spacing:   .07rem;
    background-color: #000;
}

.left-sidebar .searchBy {
    font-weight:     600;
    text-decoration: underline;
}

.left-sidebar .hideLabel {
    text-transform:   uppercase;
    font-weight:      600;
}

/*-------------------------
  CATEGORIES COLLAPSE -----
  -------------------------*/
/* Shared for all accordion types */
.accordion {
    /*margin:             0 auto;*/
    border-radius:      5rem;
    width:              100%;
    padding:            1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}
.accordion ul {
    list-style: none;
    margin:     0;
    padding:    0;
}
.accordion li {
    margin:  0;
    padding: 0;
}

.accordion h4 {
    text-align:     center;
    text-transform: uppercase;
}

.accordion [type=radio] {
    display: none;
}
.accordion label {
    display:            block;
    color:              #fff;
    font-weight:        700;
    cursor:             pointer;
    text-transform:     uppercase;
    text-align:         center;
    -webkit-transition: all .2s ease-out;
    -moz-transition:    all .2s ease-out;
    -ms-transition:     all .2s ease-out;
    -o-transition:      all .2s ease-out;
    transition:         all .2s ease-out;
}
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label {
    background: #fff;
    color:      #000;
    text-align: center;
}
.accordion .content {
    padding:            0 .5rem;
    overflow:           hidden;
    border:             .1rem solid #000; /* Make the border match the background so it fades in nicely */
    -webkit-transition: all .5s ease-out;
    -moz-transition:    all .5s ease-out;
    -ms-transition:     all .5s ease-out;
    -o-transition:      all .5s ease-out;
    transition:         all .5s ease-out;
}

/* Vertical */
.vertical ul li {
    overflow: hidden;
}
.vertical ul li label {
    padding:               .5rem;
    margin-bottom:         1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius:    1rem;
    border-radius:         1rem;
}
.vertical [type=radio]:checked ~ label {
    border-bottom: 0;
}

.vertical ul li .content {
    height:     0px;
    border-top: 0;
}
.vertical [type=radio]:checked ~ label ~ .content {
    /*height: 100%;*/
    height: 27.5rem;
}

/*-------------------------
  RIGHT SIDEBAR -----------
  -------------------------*/
.right-sidebar {
    width:              18%;
    float:              right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    margin-right:       2rem;
}

.right-sidebar img {
    width:      100%;
    margin-top: 1rem;
}

.cartDiv .cart {
    width:   25%;
    display: block;
    margin:  auto;
}

.cartDiv {
    text-align: center;
}

.cartDiv .viewCart {
    text-transform: uppercase;
    color:          #000;
}

.cartDiv .viewCart:hover {
    color: #AA0200;
}

.cartDiv p {
    color: #000;
}

.cartFooter {
    display: none;
}

.ad {
    background-color:      #000;
    font-size:             .8rem;
    padding:               15px;
    text-align:            left;
    line-height:           150%;
    -webkit-border-radius: .5rem;
    -moz-border-radius:    .5rem;
    border-radius:         .5rem;
    -webkit-box-shadow:    .6rem .6rem .3rem #3f0000;
    -moz-box-shadow:       .6rem .6rem .3rem #3f0000;
    box-shadow:            .6rem .6rem .3rem #3f0000;
}

.ad a:link, a:visited {
    color:                 #fff;
    text-decoration:       none;
    font-weight:           bold;
    line-height:           120%;
}
.ad a:hover {
    background-color:      #AA0200;
}

.social {
    text-align:            center;
    background-color:      #fff;
    -webkit-border-radius: 3rem;
    -moz-border-radius:    3rem;
    border-radius:         3rem;
    margin-bottom:         1rem;
    -webkit-box-shadow:    .6rem .6rem .3rem #3f0000;
    -moz-box-shadow:       .6rem .6rem .3rem #3f0000;
    box-shadow:            .6rem .6rem .3rem #3f0000;
}

.social img {
    width: 25%;
}

.sign-up {
    background-color:      #000;
    padding:               .2rem .3rem;
    text-align:            center;
    -webkit-border-radius: .5rem;
    -moz-border-radius:    .5rem;
    border-radius:         .5rem;
    -webkit-box-shadow:    .6rem .6rem .3rem #3f0000;
    -moz-box-shadow:       .6rem .6rem .3rem #3f0000;
    box-shadow:            .6rem .6rem .3rem #3f0000;
}

.sign-up input {
    width:         93%;
    height:        1rem;
    padding:       .2rem;
    margin-bottom: 1rem;
}

.sign-up p, .left-sidebar p {
    font-size: 110%;
}

.sign-up p a {
    color:                 #000;
    text-decoration:       underline;
    text-transform:        uppercase;
    font-weight:           bold;
    background-color:      #fff;
    padding:               .5rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius:    1rem;
    border-radius:         1rem;
}

.storefront img {
    -webkit-border-radius: .5rem;
    -moz-border-radius:    .5rem;
    border-radius:         .5rem;
    -webkit-box-shadow:    .6rem .6rem .3rem #3f0000;
    -moz-box-shadow:       .6rem .6rem .3rem #3f0000;
    box-shadow:            .6rem .6rem .3rem #3f0000;
}


/*----------------------
  BOOKS DETAILS PAGE ---
  ----------------------*/
.details input {
    color:                 #fff;
    background-color:      #000;
    border:                1px inset #ccc;
    margin-top:            1rem;
    padding:               .5rem;
    font-weight:           bold;
    -webkit-border-radius: 1rem #fff;
    -moz-border-radius:    1rem #fff;
    border-radius:         1rem #fff;
}

.details article img {
    display: block;
    margin:  0 auto;
}

.details article div, .btnStore {
    text-align: center;
}

/*.details .btnStore form {*/
    /*width: 18%;*/
    /*float: left;*/
/*}*/
.price {
    font-size:   120%;
    font-weight: 600;
    width:       25%;
    margin:      auto;
    /*float: left;*/
}
				   /*------------ Cart Part -------------*/
.btnStore form input[type=submit], .browse form button, .browse form input {
    color:                 #fff;
    background-color:      #000;
    border:                none;
    margin-top:            1rem;
    padding:               .5rem;
    text-transform:        uppercase;
    font-weight:           bold;
    -webkit-border-radius: 1rem;
    -moz-border-radius:    1rem;
    border-radius:         1rem;
}
					 /*------------------ Cart Part -------------------*/
.btnStore form input[type=submit]:hover, .browse form button:hover, .browse form input:hover {
    color:            #000;
    background-color: #fff;
}

.checkout input {
    color:                 #fff;
    background-color:      #3f0000 !important;
}
.checkout input:hover {
    color:                 #fff !important;
    background-color:      #000 !important;
}

.return {
    text-decoration: underline;
}

#muchbreak {
	margin-right: 25px;
}

/* ------------------
   VIEW ALL PAGE ----
   ------------------*/
.view h1 {
    font-size:  200%;
    text-align: center;
}

.view p {
    text-align:      center;
    text-decoration: underline;
}

.pagination {
    font-size:  115%;
    text-align: center;
}

/*-----------------
  JQUERY SLIDER ---
  -----------------*/
.jssorb03 {
    position: absolute;
}
.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
    position:    absolute;
    /* size of bullet elment */
    width:       21px;
    height:      21px;
    text-align:  center;
    line-height: 21px;
    color:       #fff;
    font-size:   12px;
    /*background: url('img/b03.png') no-repeat;*/
    overflow:    hidden;
    cursor:      pointer;
}

.jssorb03 div { background-position: -5px -4px; }
.jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
.jssorb03 .av { background-position: -65px -4px; }
.jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }


.jssora03l, .jssora03r {
    display:  block;
    position: absolute;
    /* size of arrow element */
    width:  55px;
    height: 55px;
    cursor: pointer;
    /*background: url('img/a03.png') no-repeat;*/
    overflow: hidden;
}

.jssora03l { background-position: -3px -33px; }
.jssora03r { background-position: -63px -33px; }
.jssora03l:hover { background-position: -123px -33px; }
.jssora03r:hover { background-position: -183px -33px; }
.jssora03l.jssora03ldn { background-position: -243px -33px; }
.jssora03r.jssora03rdn { background-position: -303px -33px; }
.jssora03l.jssora03lds { background-position: -3px -33px; opacity: .3; pointer-events: none; }
.jssora03r.jssora03rds { background-position: -63px -33px; opacity: .3; pointer-events: none; }

.sliderImage {
    display: block;
    margin:  0 auto;
}

.seeAllLink {
    color:           #fff;
    float:           right;
    margin-top:      -45px;
    text-decoration: underline;
}

/*------------------------
  TABLE STYLES -----------
  ------------------------*/
.browse {
    text-align: center;
}

.browse h1 {
    text-align: left;
}

.browse table {
    width:           100%;
    border-collapse: collapse;
}

.browse tr, .browse td {
    border:             .1rem solid #fff;
    padding:            1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}

/*-----------------
  FOOTER ----------
  -----------------*/
.footer {
    margin:     0 auto;
    margin-top: 2rem;
    padding:    1rem;
    color:      darkgray;
    text-align: center;
}

.footer a, .footer a:link, .footer a:visited {
    text-decoration: none;
    color:      darkgray;
}

.footer a:hover {
     color:      #000;
}


/*---------------------------------
  HIDE UNTIL MEDIA QUERY CALL -----
  ---------------------------------*/
.site-nav .icon {
    display: none;
}

.hideCategories {
    display: none;
}

.categoriesMobile {
    display: none;
}

.showSocial {
    display: none;
}

.searchButton {
    visibility: hidden;
}

/*-----------------------------------
   MEDIA QUERIES --------------------
   ----------------------------------*/
@media only screen and (max-width: 320px) {
    .site-nav li {
        float: none;
        width: 100%;
    }

    .left-sidebar, .right-sidebar {
        display: none;
    }

    .container {
        max-width: 80%;
    }

    .store, .main {
        width: 100%;
        margin: 0 auto;
    }

    .collective {
        font-size: .4rem;
        letter-spacing: .2rem;
    }

    .browse tr td {
        display: block;
    }

    .browse h1 {
        text-align: left;
    }
    
    .browse th {
        display: block;
    }

    #search {
        margin-left: -.4rem;
    }

    .categoriesMobile {
        display: block;
    }

    .categoriesMobile button {
        display:               block;
        margin:                1rem auto;
        width:                 100%;
        text-align:            center;
        text-transform:        uppercase;
        letter-spacing:        .2rem;
        font-weight:           bold;
        font-size:             .8rem;
        background-color:      #fff;
        color:                 #000;
        padding:               .5rem;
        -webkit-border-radius: 1rem;
        -moz-border-radius:    1rem;
        border-radius:         1rem;
    }

    .categoriesMobile a {
        text-align:    center;
        font-size:     .7rem;
        margin-bottom: .5rem;
    }

    .mobileCategories {
        display: none;
    }
    
    .cartFooter {
        display: block;
    }

    .showSocial {
        display: block;
    }

    .showSocial img {
        width: 25%;
    }

    .publish article img {
        float:        none;
        display:      block;
        margin:       auto;
    }
}

@media only screen and (min-width: 321px) and (max-width: 414px){
    .container {
        max-width: 80%;
    }

    .store, .main {
        width:  100%;
        margin: 0 auto;
    }

    .browse h1 {
        font-size:  1rem;
        text-align: left;
    }

    .collective {
        font-size:       1rem;
        letter-spacing: .2rem;
    }

    .centeredImage {
        max-width: 100%;
    }

    .main-area .left-sidebar, .main-area .right-sidebar {
        display: none;
    }

    .site-nav li {
        float: left;
        width: 50%;
    }

    .btnStore form input[type=submit] {
        color:            #000;
        background-color: #fff;
    }

    #search {
        margin-bottom: .5rem;
        margin-left:   -.4rem;
    }

    .browse tr td {
        display: block;
    }
    
    .browse th {
        display: block;
    }

    .categoriesMobile {
        display: block;
    }

    .categoriesMobile button {
        display:               block;
        margin:                1rem auto;
        width:                 100%;
        text-align:            center;
        text-transform:        uppercase;
        letter-spacing:        .2rem;
        font-weight:           bold;
        font-size:             .8rem;
        background-color:      #fff;
        color:                 #000;
        padding:               .5rem;
        -webkit-border-radius: 1rem;
        -moz-border-radius:    1rem;
        border-radius:         1rem;
    }

    .categoriesMobile a {
        text-align:    center;
        font-size:     .7rem;
        margin-bottom: .5rem;
    }

    .mobileCategories {
        display: none;
    }
    
    .cartFooter {
        display: block;
    }

    .showSocial {
        display: block;
    }

    .showSocial img {
        width: 25%;
    }

    .publish article img {
        float:        none;
        display:      block;
        margin:       auto;
    }
}

@media only screen and (min-width: 415px) and (max-width: 768px) {

    .container {
        max-width: 80%;
    }

    .store, .main {
        width:  100%;
        margin: 0 auto;
    }

    .browse h1 {
        font-size:  1rem;
        text-align: left;
    }

    .collective {
        font-size:       1rem;
        letter-spacing: .2rem;
    }

    .centeredImage {
        max-width: 100%;
    }

    .main-area .left-sidebar, .main-area .right-sidebar {
        display: none;
    }

    .site-nav li {
        float: left;
        width: 50%;
    }

    .btnStore form input[type=submit] {
        color:            #000;
        background-color: #fff;
    }

    #search {
        margin-bottom: .5rem;
    }

    .categoriesMobile {
        display: block;
    }

    .categoriesMobile button {
        display:               block;
        margin:                1rem auto;
        width:                 100%;
        text-align:            center;
        text-transform:        uppercase;
        letter-spacing:        .2rem;
        font-weight:           bold;
        font-size:             .8rem;
        background-color:      #fff;
        color:                 #000;
        padding:               .5rem;
        -webkit-border-radius: 1rem;
        -moz-border-radius:    1rem;
        border-radius:         1rem;
    }

    .categoriesMobile a {
        text-align:    center;
        font-size:     .7rem;
        margin-bottom: .5rem;
    }

    .mobileCategories {
        display: none;
    }
    
    .cartFooter {
        display: block;
    }

    .showSocial {
        display: block;
    }

    .showSocial img {
        width: 25%;
    }

    .publish article img {
        float:        none;
        display:      block;
        margin:       auto;
    }

    /*.browse tr td {*/
        /*display: block;*/
    /*}*/

    /*.site-nav .show {*/
    /*display: none;*/
    /*}*/

    /*.site-nav .icon {*/
        /*display: block;*/
        /*width: 3rem;*/
    /*}*/

    /*.site-nav a {*/
        /*display: none;*/
    /*}*/

    /*.site-nav a.icon {*/
        /*float: left;*/
        /*display: block;*/
    /*}*/
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
    .container {
        max-width: 80%;
    }

    .store {
        width: 60%;
        margin: 0 auto;
    }

    .main {
        width: 76%;
        margin-left: -.2rem;
    }

    .left-sidebar, .right-sidebar {
        width: 17%;
        margin: 0;
    }

    .accordion, .vertical {
        display: none;
    }

    .hideCategories {
        display: block;
    }

    .hideCategories p {
        text-transform:   uppercase;
        font-weight:      600;
    }

    .browse h1 {
        font-size: 1rem;
    }

    .collective {
        font-size:      1.5rem;
        letter-spacing: .2rem;
    }

    .centeredImage {
        max-width: 100%;
    }

    .site-nav li {
        float: left;
        width: 33%;
    }

    .btnStore form input[type=submit] {
        color: #000;
        background-color: #fff;
    }

    #search {
        margin-bottom: .5rem;
    }

}

/*@media only screen and (min-width: 1025px) and (max-width: 1366px) {*/
    /*.container {*/
        /*width: 80%;*/
    /*}*/

    /*.store {*/
        /*width: 60%;*/
        /*margin: auto;*/
    /*}*/

    /*.main {*/
        /*width: 76%;*/
    /*}*/

    /*.left-sidebar, .right-sidebar {*/
        /*width: 17%;*/
        /*margin: 0;*/
    /*}*/

    /*.accordion, .vertical {*/
        /*display: none;*/
    /*}*/

    /*.hideCategories {*/
        /*display: block;*/
    /*}*/

    /*.hideCategories p {*/
        /*text-transform:   uppercase;*/
        /*font-weight:      600;*/
    /*}*/

    /*.browse h1 {*/
        /*font-size: 1rem;*/
    /*}*/

    /*.collective {*/
        /*font-size:      1.5rem;*/
        /*letter-spacing: .2rem;*/
    /*}*/

    /*.centeredImage {*/
        /*max-width: 100%;*/
    /*}*/

    /*.site-nav li {*/
        /*float: left;*/
        /*width: 33%;*/
    /*}*/

    /*.btnStore form input[type=submit] {*/
        /*color: #000;*/
        /*background-color: #fff;*/
    /*}*/

    /*#search {*/
        /*margin-bottom: .5rem;*/
    /*}*/

/*}*/

/*@media only screen and (max-width: 768px) {*/

    /*.responsive {*/
        /*position: relative;*/
    /*}*/

    /*.responsive a.icon {*/
        /*position: absolute;*/
        /*left: 0;*/
        /*top: 0;*/
    /*}*/

    /*header ul li {*/
        /*text-align: left;*/
    /*}*/

    /*.responsive a {*/
        /*float: none;*/
        /*display: block;*/
        /*color: #fff;*/
        /*text-decoration: none;*/
        /*padding: .6rem 1rem;*/
        /*border-radius: .4rem;*/
        /*text-transform: uppercase;*/
        /*letter-spacing: .1rem;*/
        /*background-color: #000;*/
    /*}*/
/*}*/

/*---------------------
  CLEAR FLOATS --------
  ---------------------*/
.group:after {
    content: "";
    display: table;
    clear: both;
}