relittle-specials-sass.scss

.specials-wrapper {
    nav {
		margin-bottom: 40px;
		position: relative;
		ul.sidemenu {
            position: relative;
            width: 287px;
            padding-top: 3em;
            @media #{$tablet} {
            	width: 230px;
            }
            @media #{$phone} {
                width: 100%;
            }
            &.visible {
                position: fixed;
                top: 20px;
                @media #{$phone} {
                    position: relative;
                }
            }
			li {
                cursor: pointer;
                
				background: #ccc;
				line-height: 1.2em;
				padding: 1.25em;
				margin-bottom: 3px;
				font-family: 'Sanchez';
				font-size: 1.2em;

				&.active {
					background: $blue;
					color: $white;
				}
			}
		}
	}

	hr {
		background: #ccc;
		margin: 3em 0 0;

		@media #{$phone} {
			display: none;
		}
	}
    a {
        &.red {
            color: $red!important;
        }
    }
	.red {
		color: $red;
		font-weight: bold;
        
	}

	.dark-green {
		color: $dark-green;
		font-weight: bold;
	}

	.specials-section {
		
		h4 {
			font-weight: bold;
			text-align: left;
			font-family: Verdana, Sans-Serif;
			margin-bottom: 1em;
			padding-top: 2em;
		}
	}

	.specials-product {

		margin-bottom: 30px;
		line-height: 1.35em;

		@media #{$phone} {
			border-bottom: 1px solid #ddd;
			padding-bottom: 20px;
			margin-bottom: 20px;
		}

		.span3 {
			margin-left: 0;
			min-height: 105px;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center;

			@media #{$desktopwide} {
				min-height: 130px;
			}

			@media #{$tablet} {
				min-height: 85px;
			}

			@media #{$phone} {
				background-size: auto;
				background-position: left center;
			}
		}

		span.product-name {
			display: block;
			font-weight: bold;
			margin: 20px 0 10px;

			@media #{$tablet} {
				margin: 8px 0;
			}
		}
	}
}