/* Brand Page: Cracker Barrel */
.brand.cracker-barrel .layout { margin-top: 4%; padding: 16px 16px; background: url(../img/cracker-barrel/bg.png); }
.brand.cracker-barrel .layout.two-column { display: inline-block; }
.brand.cracker-barrel .layout.two-column:after { content: ""; position: absolute; top: 16px; right: 17px; bottom: 16px; left: 16px; background: url(../img/cracker-barrel/product.jpg) bottom right no-repeat; background-size: 75.5%; }
.brand.cracker-barrel .layout.two-column > .left { position: relative; z-index: 100; width: 24.5%; min-height: 900px; margin-right: 0; background: url(../img/cracker-barrel/nav-bg.jpg); box-shadow: -2px 2px 12px rgba(0, 0, 0, 0.25) inset; }
.brand.cracker-barrel .left .nav { margin: 0 0 0 22%; padding: 32px 12px 16px 0; background: transparent; box-shadow: none; }
.brand.cracker-barrel .left .nav:before { display: none; }
.brand.cracker-barrel .left .nav li a { font-size: 15px; font-weight: normal; }
.brand.cracker-barrel .left .nav li a:hover { background-color: transparent; color: #ee2e24; }

.brand.cracker-barrel .left .video-promo { display: block; margin: 0 10% 16px; }
.brand.cracker-barrel .left .video-promo img { width: 100%; }

.brand.cracker-barrel .left .film-strip { display: inline-block; position: relative; margin: 0 10% 48px; padding: 0; border: 1px solid #ADBE47; border-bottom: none; list-style: none; }
.brand.cracker-barrel .left .film-strip:after { content: ""; position: absolute; bottom: -40px; width: 100%; height: 47px; background: url(../img/cracker-barrel/nav-bottom-cap.) no-repeat center 0; }
.brand.cracker-barrel .left .film-strip li { position: relative; margin: 8px 8px 16px 8px; }
.brand.cracker-barrel .left .film-strip li:last-child { margin-bottom: 8px; }
.brand.cracker-barrel .left .film-strip li:before { content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; box-shadow: inset 0 2px 8px rgba(0,0,0,0.9); }
.brand.cracker-barrel .left .film-strip li img { display: block; width: 100%; }

.brand.cracker-barrel .layout.two-column > .right { z-index: 100; border-bottom: 1px solid #ADBE47; padding: 0; background-color: #fff; }
.brand.cracker-barrel .layout.two-column > .right { width: 75.5%; background: #fff url(../img/cracker-barrel/banner.png) top center no-repeat; background-size: 100%; /*box-shadow: 0 32px 16px -16px #fff;*/ }
.brand.cracker-barrel .layout > .center:before,
.brand.cracker-barrel .layout.two-column > .right:before { content: ""; position: absolute; top: -84px; left: 0; right: 0; height: 148px; background: url(../img/cracker-barrel/banner-logo.) center center no-repeat; }
.brand.cracker-barrel .layout > .center:before { background-size: 22.22%; top: -68px; z-index: 100; }
.brand.cracker-barrel .layout.two-column > .right:before { background-size: 30%; }
.brand.cracker-barrel .layout.two-column > .right section { display: inline-block; margin: 0 50px 0 64px; }
.brand.cracker-barrel .layout.two-column > .right section:first-child { padding: 16% 0 0 0; }

.brand.cracker-barrel .layout > .center section:first-child { margin-top: 0; }
.brand.cracker-barrel .layout > .center .title h1 { font-style: italic; color: #fff; }

.brand.cracker-barrel .content { font-size: 13px; line-height: 140%; /*overflow: hidden;*/ }
.brand.cracker-barrel .content .text-container { width: 100%; float: left; margin-right: -320px; }
.brand.cracker-barrel .content .text { box-sizing: border-box; float: none; }
.brand.cracker-barrel .content .two-thirds { width: auto; margin-right: 320px; }
.brand.cracker-barrel .content .two-thirds.center { width: auto; margin-left: 16%; margin-right: 16%; }
.brand.cracker-barrel .content .one-third { width: 285px; }
.brand.cracker-barrel .content h1 { font-size: 24px; font-weight: normal; }
.brand.cracker-barrel .content p { margin: 12px 0 16px; }
.brand.cracker-barrel .content sup { font-size: 50%; top: -0.7em; }
.brand.cracker-barrel .content .carousel { width: 285px; height: 159px; margin-top: 32px; }
.brand.cracker-barrel .content .controls { padding: 0; list-style: none; font-size: 0; text-align: center; }
.brand.cracker-barrel .content .controls li { display: inline-block; width: 44px; height: 44px; cursor: pointer; text-indent: -9999px; }
.brand.cracker-barrel .content .controls li.prev { background: url(../img/carousel-left-over.png) center center no-repeat; }
.brand.cracker-barrel .content .controls li.next { background: url(../img/carousel-right-over.png) center center no-repeat; }
.brand.cracker-barrel .content .controls li.prev:hover { background: url(../img/carousel-left.png) center center no-repeat; }
.brand.cracker-barrel .content .controls li.next:hover { background: url(../img/carousel-right.png) center center no-repeat; }
.brand.cracker-barrel .content .one-slide + .controls { display: none; }

@media (max-width: 1200px) {
	.brand.cracker-barrel .layout.two-column > .right { border-bottom: none; }
	.brand.cracker-barrel .layout.two-column > .right section { margin: 0 16px; }
	.brand.cracker-barrel .content .text-container { float: none; width: auto; }
	/*.brand.cracker-barrel .content > .right { float: none; width: auto; margin: 0; text-align: center; }*/
	.brand.cracker-barrel .content > .right .carousel { display: inline-block; margin-top: 0; }
}
@media (max-width: 1000px) {
	.brand.cracker-barrel .left .nav { margin-left: 10%; }
}
@media (max-width: 760px) {
	.brand.cracker-barrel .layout.two-column > .left { min-height: 800px; }
}
@media (max-width: 720px) {
	.brand.cracker-barrel .layout { margin-top: 10%; }
	.brand.cracker-barrel .layout.one-column { margin-left: 0; margin-right: 0; }
	.brand.cracker-barrel .layout.two-column > .right { width: 100%; }
	.brand.cracker-barrel .layout > .center:before { background-size: 28.65%; }
}

.brand.cracker-barrel .layout.two-column > .left { width: 23%; margin-right: 1.5%; }
.brand.cracker-barrel .layout.two-column > .right { margin-top: -1em; }
.brand.cracker-barrel .layout.two-column > .right section:first-child { padding-top: 20%; font-size: 1rem; margin: 0 40px; }
.brand.cracker-barrel .content .two-thirds { margin-right: 290px; }
.brand.cracker-barrel .left .film-strip { border: 3px solid #FBAE2D; }
.brand.cracker-barrel .left .nav li a { font-weight: bold; color: #000; }
@media (max-width: 1200px) {
}
@media (max-width: 1060px) {
}
@media (max-width: 926px) {
}