/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* IMPORTANT: be sure to put your media queries AFTER your base selectors */

/* LEFT SIDEBAR BLOCK STYLING */
dl#narrow-by-list {
    padding: 0;
    border: none;
}

.page .sidebar {
    margin-bottom: 20px;
}
.page .sidebar .block {
    margin: 0;
    border: none;
}

.page .sidebar .block .block-content {
    margin: 0;
    padding: 0.75em 0.5em;
}

.page .sidebar.sidebar .block.block-layered-nav {
    display: block;
}

.page .sidebar .block.block-layered-nav .block-content {
    padding-left: 0;
    padding-right: 0;
}

.page .sidebar .block .block-content dl {
    margin: 0;
    border: none;
}

.page .sidebar .block .block-content dl dt,
.page .sidebar .block .block-content dl dd {
    border: none;
    font-family: "effra", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .page .sidebar .block .block-content dl dt {
        margin: 0;
        padding: 0 0.75em 0.25em 0.75em;
        background-color: transparent;
        font-weight: bold;
    }
}

@media (max-width: 770px) {
    .page .sidebar .block .block-content > dl > dd.mobileShow {
        display: block;
    }
}

.page .sidebar .block .block-content dl dd {
    margin: 0 0 1em 0;
    padding: 0;
}

.page .sidebar .block .block-content dl dd ol,
.page .sidebar .block .block-content dl dd ol li {
    margin: 0;
    padding: 0;
}

.page .sidebar .block .block-content dl dd ol li a {
    padding: 0.3em 0.75em;
    font-size: .9em;
    transition: background-color 0.3s ease;
}

.page .sidebar .block .block-content dl dd ol li a:hover {
    background-color: #00a2e0;
    color: #ffffff;
    text-decoration: none;
}

@media (min-width: 768px) {
    .page .sidebar .block .block-title,
    .page .sidebar .block .block-content .block-subtitle {
        display: none;
    }
}

/* STYLING FOR STATIC BLOCK INCLUDED IN customer_account HANDLE */
.page .sidebar .block.block--get-help {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e3e3e3;
}
.page .sidebar .block.block--get-help h2 {
    color: #00a2e0;
}
.page .sidebar .block.block--get-help p {
    margin-top: 10px;
}
