/* 
Theme Name: Bruster's Child Wordpress Theme 
Theme URI: http://firstprincipleswebdesign.com 
Author: First Principles Web Design 
Author URI: http://firstprincipleswebdesign.com 
Description: Custom theme for Bruster's 
Version: 1.0 
License: GNU General Public License v2 or later 
License URI: http://www.gnu.org/licenses/gpl-2.0.html This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */
/* The Main CSS File Table of contents */
/* Base Styles and Declarations */

/* WATERSHED */
header.homepage {
	background-image: url(images/bkg-home-top.png);
	background-repeat: no-repeat;
}
 body.modal-open {
    overflow: hidden;
    position:fixed;
    width: 100%;
}
.four-image-navigation {
    line-height: 0;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 100%;
}

div#four-bkg {
    background-color: #cc0000;
}

a.nutritional img {
    margin-top: 25px;
}

h4.flavor {
	margin-bottom: 10px;
}

/* WATERSHED - END */


* {
    margin: 0;
    padding: 0
}
html, body {
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px
}
html {
    font-size: 62.5%
}
body {
    font-size: 1.2em
}
main {
    padding: 60px 0;
    min-height: 200px
}
p {
    font-size: 1em;
    line-height: 1.3;
    margin-bottom: 15px
}
img {
    max-width: 100%;
    height: auto
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}
/* Global Links Settings */

:hover, :active, :focus {
    outline: 0;
    outline: none
}
a, a:focus, a:hover, a:visited {
    text-decoration: none
}
a {
    color: blue
}
a:hover {} a {
    text-decoration: none
}
a, :visited {
    outline: 0;
    outline: none
}
a.button {
    font-weight: bold;
    background-color: #febd53;
    text-transform: uppercase;
}
/* Global Header Settings */

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 20px
}
h1 {
    font-size: 2em
}
h2 {
    font-size: 1.8em
}
h3 {
    font-size: 1.6em
}
h4 {
    font-size: 1.4em
}
h5 {
    font-size: 1.2em
}
h6 {
    font-size: .8em
}
/* Alignment and Display */

.hidden {
    display: none;
}
.tablet {
    display: none
}
.left {
    float: left
}
.right {
    float: right
}
.center {
    text-align: center
}
/* Custom Site Classes */
/* Any Purple Header */

.purple-headline {
    font-size: 3.7em;
    color: #333333;
    font-weight: 300;
    margin-top: 58px;
    margin-bottom: 52px
}
/* Spacer for last hr */

.last-hr {
    margin-bottom: 20px
}
/* Keep videos under wraps */

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    
    padding-top: 25px;
    height: 0
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
/* Adds required class for inputs */

.required::-webkit-input-placeholder:after {
    content: '*';
    color: red
}
.required:-moz-placeholder:after {
    /* Firefox 18- */
    
    content: '*';
    color: red
}
.required::-moz-placeholder:after {
    /* Firefox 19+ */
    
    content: '*';
    color: red
}
.required:-ms-input-placeholder:after {
    content: '*';
    color: red
}
/* Wrappers */

.container {
    margin-left: auto;
    margin-right: auto
}
.container:after {
    content: "";
    display: table;
    clear: both
}
.container {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: 100%
}
.container:after {
    content: "";
    display: table;
    clear: both
}
.row {
    display: block
}
.row:after {
    content: "";
    display: table;
    clear: both
}
.clear-fix {
    clear: both
}
/* Custom Columns */
/* Columns with No Padding*/

.one-third-no-pad {
    width: 33.33%;
    float: left
}
.one-fourth-no-pad {
    width: 25%;
    float: left
}
/* Custom Columns with Padding*/

.one-fourth {
    display: inline-block;
    float: left;
    margin-right: 2%;
    width: 23.5%
}
.three-fourths {
    display: inline-block;
    float: left;
    margin-right: 2%;
    width: 74.5%
}
.one-third {
    display: inline-block;
    float: left;
    margin-right: 8%;
    width: 28%
}
.one-third-padding {
    display: inline-block;
    float: left;
    margin-right: 12%;
    width: 25%;
}
.two-thirds {
    display: inline-block;
    float: left;
    margin-right: 2%;
    width: 65%
}
.one-half {
    display: inline-block;
    float: left;
    margin-right: 4%;
    width: 48%
}
.last {
    margin-right: 0
}
.spacer {
    margin-bottom: 44px
}
.background {
    background-repeat: no-repeat;
    padding-top: 78px;
    padding-bottom: 78px;
    background-position: center center
}
.sub-header {
    font-size: 2.5em;
    color: #333333;
    font-weight: 300;
    margin-top: 25px;
    margin-bottom: 25px
}
.border-bottom {
    border-bottom: 1px solid #e9ebea
}
/*------------------ All Global Content ----------------*/
/* The Header Section */

header.interior {
    background-color: #cc0000;
    padding-top: 49px;
    padding-bottom: 35px
}
header.homepage {
    padding-top: 35px;
    background-color: none;
    position: relative;
}
#bg {
    background-image: url(images/header-background-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    height: 101%;
    width: 100%;
    z-index: -1;
    top: 0;
}
.bg-image-1 {
    background-image: url(images/header-background-1.jpg) !important;
}
.bg-image-0 {
    background-image: url(images/header-background-2.jpg) !important;
}
.bg-slider {
    background-repeat: no-repeat;
    background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    position: absolute;
    height: 101%;
    width: 100%;
    z-index: -1;
    top: 0;
    opacity: 0;
    transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
}
.bg-slider.active {
    opacity: 1;
}
/* Headline / Location Finder */

.logo {
    display: inline-block;
    margin-right: 23px
}
.tagline {
    display: inline-block;
    position: relative;
    bottom: 17px
}
.location {
    margin-top: 10px
}
.location p {
    display: inline;
    margin-right: 7px;
    font-weight: 600;
    padding-right: 10px
}
.zip {
    display: inline
}
/* Header input styles */

.location input[type="text"] {
    border-style: solid;
    border-width: 1px;
    width: 217px;
    height: 35px;
    border-color: #cfc6b8;
    background-color: rgba(255, 255, 255, 0.651);
    color: #787878;
    text-indent: 40px;
    background-image: url("images/location.png");
    background-position: 8px 50%;
    background-repeat: no-repeat;
}
.interior .location input[type="text"] {
    background-color: #fff;
    background-image: url("images/location.png");
    background-position: 8px 50%;
    background-repeat: no-repeat;
}
/* Input Placeholder cross-browser compatibility */

.location input[type="text"]::-webkit-input-placeholder {
    /* WebKit browsers */
    
    color: #787878;
    text-indent: 40px;
    background-image: url(images/location.png);
    background-position: 8px 50%;
    background-repeat: no-repeat
}
.location input[type="text"]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    
    color: #787878;
    opacity: 1;
    text-indent: 40px;
    background-image: url(images/location.png);
    background-position: 8px 50%;
    background-repeat: no-repeat
}
.location input[type="text"]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    
    color: #787878;
    opacity: 1;
    text-indent: 40px;
    background-image: url(images/location.png);
    background-position: 8px 50%;
    background-repeat: no-repeat
}
.location input[type="text"]:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    
    color: #787878;
    text-indent: 40px;
    background-image: url(images/location.png);
    background-position: 8px 50%;
    background-repeat: no-repeat
}
/* Main Navigation */

#cssmenu {
    display: block;
    z-index: 2;
    position: relative
}
nav {
    background-color: #2e2c29;
    margin-top: 19px;
    height: 50px
}
nav ul {
    text-align: center
}
nav a {
    display: block;
    color: #fefefe;
    text-transform: uppercase
}
nav li {
    display: inline-block;
    text-align: center;
    position: relative;
    text-transform: uppercase
}
nav li a {
    padding: 17px 27px;
    position: relative;
    text-transform: uppercase
}
nav ul > li:first-of-type a {
    padding-left: 29px
}
nav li a:active, nav li a:hover {
    color: #cccccc
}
header nav .current-menu-item > a {
    color: #cccccc
}
nav li:active, nav li:hover {
    color: #cccccc
}
#nav-button {
    display: none
}
/* Navigation Dropdown */

#cssmenu ul li.has-sub:hover > a:after {
    top: 0;
    bottom: 0
}
#cssmenu > ul > li.has-sub:hover > a:before {
    top: 19px
}
#cssmenu ul li.has-sub:hover > a {
    background: #333333;
    border-color: #333333;
    z-index: 999;
    color: #cccccc;
}
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div {
    display: block
}
#cssmenu ul li.has-sub > a:hover {
    background: #333333;
    border-color: #333333
}
#cssmenu ul li > ul, #cssmenu ul li > div {
    display: none;
    width: auto;
    position: absolute;
    top: 49px;
    padding: 0;
    background: inherit;
    border-radius: 0 0 0 0;
    z-index: 999
}
#cssmenu ul li > ul {
    width: 200px;
    background-color: #333333
}
#cssmenu ul li.last > ul {
    max-width: 191px;
    padding: 10px 20px
}
#cssmenu ul li > ul li {
    display: block;
    list-style: inside none;
    padding: 0;
    margin: 0;
    position: relative;
    color: #fff;
    text-align: left;
    border-bottom: 1px solid #7558ba
}
#cssmenu ul li > ul li a {
    outline: none;
    display: block;
    position: relative;
    margin: 0;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    text-shadow: none
}
#cssmenu ul li > ul li a:hover {
    color: #cccccc;
    background-color: #442e79;
    font-weight: 400;
}
#cssmenu ul ul a:hover {
    color: #fff
}
#cssmenu > ul > li.has-sub > a:hover:before {
    border-top: 5px solid #fff
}
#cssmenu ul li.has-sub.active > a {
    color: #cccccc
}
#cssmenu ul li > ul li:last-of-type {
    border-bottom: none
}
nav.tablet div.dropdown-menu {
    background-color: #000;
    height: 50px
}
#cssmenu i.fa {
    display: none;
}
.content-area {
    text-align: center;
    padding: 110px 0 115px
}
h2.sub-title, h1.page-title {
    font-size: 44px;
    color: #333333;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
}
.entry-header p {
    font-size: 1.3em;
    line-height: 1.767;
    text-align: center
}
.page-template-default .entry-header {
    margin-bottom: 60px
}
/*------------------ All HomePage Content ----------------*/
/* Headline Image*/

.headline-image {
    margin-top: 70px;
    overflow: hidden;
    position: relative;
    display: block;
    margin-bottom: 0px;
}
.headline-image img {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100%;
}
/* The Call to Action Section */

.cta-headline {
    margin-right: 14px;
    margin-bottom: 6px
}
img.cta-button {
    margin-top: 10px
}
.call-to-action {
    text-align: center;
    height: 50px;
    background-color: #e2231a;
    padding-bottom: 5px;
    padding-top: 5px
}
/* Four Image Navigation Section */

.four-image-navigation {
    line-height: 0
}
.four-image-navigation img {
    width: 100%;
    height: auto
}
/* Social Media Section */

.social-media {
    background-image: url(images/social-background.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 78px;
    padding-bottom: 78px;
    text-align: center
}
.social-media h2 {
    font-size: 44px;
    color: #e2231a;
    line-height: 1.983;
    font-weight: 300
}
.social-media img {
    margin-top: 20px
}
.social-media p {
    font-size: 18px;
    color: #e2231a;
    margin-top: 18px
}
/* Footer Section */

footer {
    background-color: #1a1a1a;
    text-align: center;
    padding-top: 54px;
    padding-bottom: 54px
}
/* Footer Navigation */

.footer-nav {
    margin-top: 48px
}
.footer-nav a {
    display: block;
    color: #fefefe;
    text-transform: uppercase;
}
.footer-nav a:hover {
    color: #fefefe
}
.footer-nav li {
    display: inline-block;
    text-align: center
}
.footer-nav li a:after {
    content: " | ";
    padding-right: 10px;
    padding-left: 10px
}
.footer-nav .last a::after {
    display: none
}
/* Footer Social Media */

.footer-social {
    margin-top: 42px
}
.footer-social img {
    padding-right: 23px
}
.footer-social img:first-of-type {
    padding-right: 15px
}
/* Footer Login Area */

.footer-login {
    margin-top: 44px
}
.footer-button {
    color: #c6c4c4;
    padding-top: 9px;
    padding-bottom: 8px;
    padding-left: 21px;
    padding-right: 20px;
    border-radius: 5px;
    background-color: #545353;
    border: none;
    width: 205px
}
.footer-button:focus {
    border-color: none
}
.footer-button img {
    padding-right: 12px
}
.footer-button p {
    display: inline;
    vertical-align: super
}
/* Footer Copyright */

.copyright {
    margin-top: 45px;
    color: #707070;
    font-size: 10px
}
.copyright a {
    color: #a9a8a8;
    text-decoration: underline
}
/* Base Section */

.base {
    background-color: #fff;
    height: 700px
}
/*------------------ All Flavors Page Content ----------------*/

.banner img {
    margin: 35px 0
}
.page-template-page-second-level .banner img {
    margin-bottom: 60px
}
/*------------------ All Catering Page Content ----------------*/

.catering-list {
    background-image: url(images/catering-background.png);
    background-size: cover
}
.catering-list::-webkit-input-placeholder {
    background-size: cover
}
.catering-list:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    
    background-size: cover
}
.catering-list::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    
    background-size: cover
}
.catering-list:-ms-input-placeholder {
    background-size: cover
}
.catering-list-div {
    margin-top: 20px;
    text-align: left
}
.catering-list h2 {
    font-size: 3.7em;
    color: #fff;
    font-weight: 300
}
.catering-cta {
    text-align: center
}
.catering-img-spoon {
    margin-top: 36px;
    margin-bottom: 38px
}
.catering-img-button {
    margin-bottom: 80px;
}
.catering-list li {
    color: #fff;
    font-size: 1.4em;
    list-style-type: none;
    text-align: left;
    background: url(images/li-circle.png);
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 0 8px 25px;
    vertical-align: middle
}
.red {
    color: #e2231a;
}
div.default-listing:first-of-type {
    margin-top: 102px;
}
.default-listing {
    margin-bottom: 50px;
}
.default-listing h4 {
    margin-bottom: 10px;
}
.default-listing p {
    position: relative;
}
.booking.button {
    position: relative;
    display: inline-block;
    color: #683919;
    padding: 15px 19px 14px 43px;
}
.booking.button img {
    position: absolute;
    left: 18px;
}
.download.button {
    position: relative;
    display: inline-block;
    color: #4a4a4a;
    background-color: #eeeeee;
    padding: 15px 21px 14px 42px;
}
.download.button img {
    position: absolute;
    left: 18px;
}
.styled-select select {
    border-radius: 3px;
    text-indent: 7px;
    width: 350px;
    font-weight: 600;
    color: #787878;
    padding: 7px 0px;
    background-image: url(images/select-background.png);
    background-repeat: no-repeat;
    background-position: right center;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    padding-right: 40px;
    background-color: #fff;
}
.styled-select select::-ms-expand {
    display: none;
}
.styled-select option {
    text-indent: 7px;
    color: #787878;
}
.full-page-form-location-select {
    background-image: url(images/full-page-form-background.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 50px;
    background-position: center center;
}
.full-page-form-location-select h3 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 33px;
    margin-right: 0px;
    font-weight: bold;
}
.full-page-form img, .full-page-form-location-select h3 img {
    vertical-align: middle;
    margin-right: 10px;
}
.full-page-form h3 {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
}
.full-page-form input[type="text"] {
    width: 85%;
    border-radius: 4px;
    border-color: #c2c2c2;
    border-style: solid;
    border-width: 1px;
    height: 32px;
    margin-top: 5px;
    margin-bottom: 15px;
    text-indent: 10px;
}
.full-page-form textarea {
    width: 85%;
    border-radius: 4px;
    border-color: #c2c2c2;
    border-style: solid;
    border-width: 1px;
    height: 110px;
    margin-top: 5px;
    margin-bottom: 15px;
}
.full-page-form {
    font-size: 16px;
    color: #333333;
}
.full-page-form span {
    color: #e43229;
}
.full-page-form .styled-select select {
    width: 85%;
    border-radius: 4px;
    border-color: #c2c2c2;
    border-style: solid;
    border-width: 1px;
    height: 37px;
    margin-top: 5px;
    margin-bottom: 15px;
}
.full-page-form input[type="radio"] {
    margin-top: 45px;
    margin-left: 5px;
    margin-right: 5px;
}
.full-page-form form > div.row {
    margin-top: 65px;
}
.full-page-form form > div.row:nth-of-type(3) {
    margin-top: -15px;
}
.full-page-form form > div.row:nth-of-type(4) {
    text-align: center;
}
.full-page-form input[type="submit"] {
    background: url(images/full-page-form-submit.jpg);
    border: 0;
    display: block;
    height: 63px;
    width: 375px;
    font-size: 0px;
    margin-left: auto;
    margin-right: auto;
}
.full-page-form input[type="text"]::-webkit-input-placeholder {
    /* WebKit browsers */
    
    color: #787878;
    text-indent: 10px
}
.full-page-form input[type="text"]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    
    color: #787878;
    opacity: 1;
    text-indent: 10px
}
.full-page-form input[type="text"]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    
    color: #787878;
    opacity: 1;
    text-indent: 10px
}
.full-page-form input[type="text"]:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    
    color: #787878;
}
/*------------------ All Location Finder Page Content ----------------*/

.location-finder-page {
    padding: 0
}
.location-mobile {
    display: none
}
.location-finder-page section {
    padding: 15px 0
}
.location-finder {
    letter-spacing: 0
}
.location-finder img {
    float: left
}
.location-finder form {
    background-color: #e9ebea;
    height: 39px;
    padding: 13px 0
}
.wpsl-search {
    margin: 30px 0;
    padding: 0
}
#wpsl-search-wrap .wpsl-input {
    width: 100%;
    margin-bottom: 0
}
.wpsl-input .location-hide, .wpsl-input #wpsl-search-input, #wpsl-input .select-wrap {
    float: left
}
.wpsl-input #wpsl-search-input {
    font-size: 12px!important;
    margin-left: 20px!important;
    margin-right: 20px!important;
    width: 50%!important;
    height: 41px!important;
    font-weight: 600;
    text-indent: 10px;
    vertical-align: middle!important;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0
}
#wpsl-search-wrap .wpsl-select-wrap {
    margin-top: 10px
}
.wpsl-select-wrap #wpsl-search-btn {
    color: #fff;
    text-transform: uppercase!important;
    padding: 10px 30px;
    border: none;
    border-radius: 0;
    background: #f13629;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(241, 54, 41, 1) 0%, rgba(210, 16, 12, 1) 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 54, 41, 1)), color-stop(100%, rgba(210, 16, 12, 1)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, rgba(241, 54, 41, 1) 0%, rgba(210, 16, 12, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, rgba(241, 54, 41, 1) 0%, rgba(210, 16, 12, 1) 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, rgba(241, 54, 41, 1) 0%, rgba(210, 16, 12, 1) 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, rgba(241, 54, 41, 1) 0%, rgba(210, 16, 12, 1) 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f13629', endColorstr='#d2100c', GradientType=0)
    /* IE6-9 */
}
.location-finder form input[type="text"]::-webkit-input-placeholder {
    /* WebKit browsers */
    
    color: #787878;
    text-indent: 10px
}
.location-finder form input[type="text"]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    
    color: #787878;
    opacity: 1;
    text-indent: 10px
}
.location-finder form[type="text"]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    
    color: #787878;
    opacity: 1;
    text-indent: 10px
}
.location-finder form[type="text"]:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    
    color: #787878;
    text-indent: 10px
}
.locations-headline h1 {
    margin-top: 45px;
    margin-bottom: 10px
}
.locations-headline p {
    font-size: 1.34em;
    margin-bottom: 30px
}
.location-info .container {
    border-top: 1px solid #e9ebea;
    padding-top: 30px
}
.location-info:last-of-type .container {
    border-bottom: 1px solid #e9ebea;
    padding-bottom: 30px;
    margin-bottom: 30px
}
.direction-info {
    padding-left: 15px;
    width: 50%;
    display: inline-block;
    float: left;
    font-size: 14px
}
.store-phone img, .store-hours img {
    vertical-align: middle
}
.store-phone img {
    margin-right: 17px
}
.store-hours img {
    margin-right: 12px;
    margin-left: -4px
}
.store-phone, .store-hours {
    font-weight: 600
}
.accolades {
    float: right;
    padding-right: 20px
}
.best-of-img {
    left: 97px;
    top: 16px
}
.hot-dog-img {
    right: -8px;
    top: 16px
}
.store-attributes {
    width: 300px;
    height: 115px;
    position: relative
}
.store-attributes img {
    position: absolute
}
.store-info-wrapper {
    margin-left: 64px
}
#wpsl-result-list #wpsl-stores {
    font-size: 14px;
    height: auto!important
}
.wpsl-store-below #wpsl-result-list li {
    padding: 40px 10px 40px 0;
    border-bottom: none;
    border-top: 1px dotted #ccc;
    position: relative
}
.wpsl-store-below #wpsl-result-list li:last-of-type {
    border-bottom: 1px dotted #ccc
}
#wpsl-stores li > div:first-of-type {
    display: inline-block;
    float: left;
    width: 50%;
    margin-left: 70px
}
#wpsl-stores li > div:first-of-type:before {
    content: '';
    position: absolute;
    margin-left: -50px;
    background: url(images/icons/generic.png);
    width: 50px;
    height: 50px;
    background-size: 50px;
    background-repeat: no-repeat;
}
#wpsl-stores li:nth-of-type(1) > div:first-of-type:before {
    background-image: url(images/icons/a.png);
}
#wpsl-stores li:nth-of-type(2) > div:first-of-type:before {
    background-image: url(images/icons/b.png);
}
#wpsl-stores li:nth-of-type(3) > div:first-of-type:before {
    background-image: url(images/icons/c.png);
}
#wpsl-stores li:nth-of-type(4) > div:first-of-type:before {
    background-image: url(images/icons/d.png);
}
#wpsl-stores li:nth-of-type(5) > div:first-of-type:before {
    background-image: url(images/icons/e.png);
}
#wpsl-stores li:nth-of-type(6) > div:first-of-type:before {
    background-image: url(images/icons/f.png);
}
#wpsl-stores li:nth-of-type(7) > div:first-of-type:before {
    background-image: url(images/icons/g.png);
}
#wpsl-stores li:nth-of-type(8) > div:first-of-type:before {
    background-image: url(images/icons/h.png);
}
#wpsl-stores li:nth-of-type(9) > div:first-of-type:before {
    background-image: url(images/icons/i.png);
}
#wpsl-stores li:nth-of-type(10) > div:first-of-type:before {
    background-image: url(images/icons/j.png);
}
#wpsl-stores li:nth-of-type(11) > div:first-of-type:before {
    background-image: url(images/icons/k.png);
}
#wpsl-stores li:nth-of-type(12) > div:first-of-type:before {
    background-image: url(images/icons/l.png);
}
#wpsl-stores li:nth-of-type(13) > div:first-of-type:before {
    background-image: url(images/icons/m.png);
}
#wpsl-stores li:nth-of-type(14) > div:first-of-type:before {
    background-image: url(images/icons/n.png);
}
#wpsl-stores li:nth-of-type(15) > div:first-of-type:before {
    background-image: url(images/icons/o.png);
}
#wpsl-stores li:nth-of-type(16) > div:first-of-type:before {
    background-image: url(images/icons/p.png);
}
#wpsl-stores li:nth-of-type(17) > div:first-of-type:before {
    background-image: url(images/icons/q.png);
}
#wpsl-stores li:nth-of-type(18) > div:first-of-type:before {
    background-image: url(images/icons/r.png);
}
#wpsl-stores li:nth-of-type(19) > div:first-of-type:before {
    background-image: url(images/icons/s.png);
}
#wpsl-stores li:nth-of-type(20) > div:first-of-type:before {
    background-image: url(images/icons/t.png);
}
#wpsl-stores li:nth-of-type(21) > div:first-of-type:before {
    background-image: url(images/icons/u.png);
}
#wpsl-stores li:nth-of-type(22) > div:first-of-type:before {
    background-image: url(images/icons/v.png);
}
#wpsl-stores li:nth-of-type(23) > div:first-of-type:before {
    background-image: url(images/icons/w.png);
}
#wpsl-stores li:nth-of-type(24) > div:first-of-type:before {
    background-image: url(images/icons/x.png);
}
#wpsl-stores li:nth-of-type(25) > div:first-of-type:before {
    background-image: url(images/icons/y.png);
}
#wpsl-stores li:nth-of-type(26) > div:first-of-type:before {
    background-image: url(images/icons/z.png);
}
.wpsl-more-info-listings {
    display: block
}
.wpsl-more-info-listings > p:first-of-type {
    display: none
}
a.wpsl-store-details.wpsl-store-listing {
    display: none
}
.wpsl-store-hours {
    margin-top: -20px;
}
.wpsl-opening-hours {
    margin-left: 25px;
}
.wpsl-store-hours strong {
    display: inline-block;
    margin-bottom: 10px
}
.wpsl-store-hours:before {
    content: url(images/store-hours.png);
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 15px;
    position: relative;
    top: 5px;
    left: -3px
}
#wpsl-stores li > div:first-of-type p:first-of-type strong a {
    font-size: 20px;
    color: #e2231a;
    display: block
}
.wpsl-street, .wpsl-country, .wpsl-directions {
    display: inline-block
}
span.xtra_phone {
    color: #000;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 15px
}
span.xtra_phone:before {
    content: url(images/store-phone.png);
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 15px;
    position: relative;
    top: 5px
}
.xtra_distance {
    display: none
}
.xtra_images, .xtra_button {
    display: inline-block;
    float: right;
    width: 50%;
    text-align: right;
    max-width: 350px;
    clear: right;
    position: absolute;
    /* Add */
    
    right: 10px;
}
.xtra_images {
    margin-bottom: 100px;
    top: 107px;
    /* Add */
}
.xtra_button {
    position: absolute;
    /* Add */
    
    bottom: 44px;
    /* Add */
}
.xtra_images img {
    margin-right: 52px
}
.xtra_images img:last-of-type {
    margin-right: 0
}
a.wpsl-directions {
    display: inline-block;
    color: #4a4a4a;
    margin-right: 15px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    width: 130px;
    text-align: center;
    padding: 10px 15px;
    background: #f1f1f1;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(224, 223, 223, 1) 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(241, 241, 241, 1)), color-stop(100%, rgba(224, 223, 223, 1)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(224, 223, 223, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(224, 223, 223, 1) 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, rgba(241, 241, 241, 1) 0%, rgba(224, 223, 223, 1) 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, rgba(241, 241, 241, 1) 0%, rgba(224, 223, 223, 1) 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e0dfdf', GradientType=0)
    /* IE6-9 */
}
.wpsl-info-actions a.wpsl-directions {
display: none;
}
.xtra_link a {
    display: inline-block;
    color: #683919;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    width: 130px;
    text-align: center;
    padding: 10px 15px;
    background: #febf56;
    /* Old browsers */
    
    background: -moz-linear-gradient(top, rgba(254, 191, 86, 1) 0%, rgba(248, 152, 31, 1) 100%);
    /* FF3.6+ */
    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(254, 191, 86, 1)), color-stop(100%, rgba(248, 152, 31, 1)));
    /* Chrome,Safari4+ */
    
    background: -webkit-linear-gradient(top, rgba(254, 191, 86, 1) 0%, rgba(248, 152, 31, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    
    background: -o-linear-gradient(top, rgba(254, 191, 86, 1) 0%, rgba(248, 152, 31, 1) 100%);
    /* Opera 11.10+ */
    
    background: -ms-linear-gradient(top, rgba(254, 191, 86, 1) 0%, rgba(248, 152, 31, 1) 100%);
    /* IE10+ */
    
    background: linear-gradient(to bottom, rgba(254, 191, 86, 1) 0%, rgba(248, 152, 31, 1) 100%);
    /* W3C */
    
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#febf56', endColorstr='#f8981f', GradientType=0)
    /* IE6-9 */
}
/* .hot-dog { margin-top: 15px; text-align: right; } .best-of { margin-top: 15px; text-align: center; margin-left: =6px; } .store-attributes .one-third, .store-options .one-half { } .store-options { padding-top: 50px; } /

*------------------ All Second Level Page Content ----------------*/

.flavors-inner-page-template .list-title, .flavors-inner-page-template .ul, .entry-content .list-title, .entry-content ul {
    text-align: left
}
.flavors-inner-page-template .list-title, .entry-content .list-title {
    font-size: 1.5em;
    color: #333333;
    font-weight: 300
}
.flavors-inner-page-template ul, .entry-content ul {
    margin-bottom: 20px
}
.flavors-inner-page-template, .entry-content {
    font-size: 1.3em
}
.flavors-inner-page-template .content-area, .entry-content .content-area {
    padding: 0
}
.flavors-inner-page-template h1:first-of-type, .entry-content h1:first-of-type {
    margin-top: 0
}
.flavors-inner-cta {
    padding: 35px 0
}
.flavors-inner-cta .container {
}
.flavor-listing .row {
    padding: 25px 0
}
.flavor-listing .row:first-of-type {
    padding-top: 50px
}
.flavor-listing h4 {
    font-size: 22px;
    color: #e2231a
}
.flavor-listing p {
    font-size: 14px;
    color: #000
}
.no-sugar.flavor-listing h4 {
    color: #0096d6
}
.no-sugar .content-area h1 {
    margin-bottom: 10px
}
.entry-content h1 {
    font-size: 44px;
    color: #333333;
    font-weight: 300
}
.entry-content h4 {
    font-size: 22px;
    color: #e2231a
}
/*------------------ Franchise Login Page Content ----------------*/

.franchise-login {
    background-image: url(images/franchisee-login-background.png)
}
.franchise-login .content-area {
    padding: 0;
    text-transform: uppercase
}
.franchise-login .content-area h1 {
    color: #fff;
    margin-bottom: 15px
}
.franchise-login h4 {
    margin-bottom: 0;
    color: #e2231a
}
.franchise-login h3 {
    color: #fec057;
    font-size: 25px
}
.franchise-login p {
    font-size: 18px;
    color: #fff
}
.franchise-login input[type="password"], .franchise-login input[type="text"] {
    width: 290px;
    text-indent: 10px;
    color: #000
}
/* Franchise Login Placeholder cross-browser compatibility */

.franchise-login input[type="password"]::-webkit-input-placeholder, .franchise-login input[type="text"]::-webkit-input-placeholder {
    /* WebKit browsers */
    
    color: #787878;
    text-indent: 10px;
    font-size: 12px;
    line-height: 2
}
.franchise-login input[type="password"]:-moz-placeholder, .franchise-login input[type="text"]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    
    color: #787878;
    opacity: 1;
    text-indent: 10px;
    font-size: 12px;
    line-height: 2
}
.franchise-login input[type="password"]::-moz-placeholder, .franchise-login input[type="text"]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    
    color: #787878;
    opacity: 1;
    text-indent: 10px;
    font-size: 12px;
    line-height: 2
}
.franchise-login input[type="password"]:-ms-input-placeholder, .franchise-login input[type="text"]:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    
    color: #787878;
    text-indent: 10px;
    font-size: 12px;
    line-height: 2
}
.franchise-login .login-information form input[type="submit"] {
    border: none;
    padding: 10px 55px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    color: #683919;
    background-image: -moz-linear-gradient(90deg, #f8971d 0%, #fec057 100%);
    background-image: -webkit-linear-gradient(90deg, #f8971d 0%, #fec057 100%);
    background-image: -ms-linear-gradient(90deg, #f8971d 0%, #fec057 100%);
    box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, 0.29)
}
.franchise-login .login-information form p {
    margin-bottom: 35px
}
.franchise-login .password-help-link form {
    text-align: center
}
.franchise-login .password-help-link form button {
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px 30px;
    color: #4a4a4a;
    border-style: solid;
    border-width: 1px;
    border-color: #dedddd;
    background-image: -moz-linear-gradient(90deg, #dfdede 0%, #f1f1f1 100%);
    background-image: -webkit-linear-gradient(90deg, #dfdede 0%, #f1f1f1 100%);
    background-image: -ms-linear-gradient(90deg, #dfdede 0%, #f1f1f1 100%)
}
.franchise-login .login-information-wrapper {
    width: 108%;
    margin-left: 4%
}
.franchise-login .login-information {
    text-align: left
}
.franchise-login hr:nth-of-type(1) {
    margin: 30px 0 50px;
    width: 100%;
    float: left
}
.franchise-login hr:nth-of-type(2) {
    margin: 60px 0 80px;
    width: 100%;
    float: left
}
/*------------------ Password Help Page Content ----------------*/

.password-help {
    background-image: url(images/franchisee-login-background.png);
    text-align: center
}
.password-help .content-area {
    padding: 0;
    text-transform: uppercase
}
.password-help .content-area h1 {
    color: #fff;
    margin-bottom: 0
}
.password-help h4 {
    margin-bottom: 0;
    color: #e2231a
}
.password-help p {
    color: #fff;
    font-size: 16px
}
.password-help form {
    padding: 34px 0 50px
}
.password-help form p {
    font-size: 18px
}
.password-help input[type="text"] {
    width: 290px;
    color: #787878;
    text-indent: 10px
}
.password-help form input[type="submit"] {
    border: none;
    padding: 10px 55px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    color: #683919;
    background-image: -moz-linear-gradient(90deg, #f8971d 0%, #fec057 100%);
    background-image: -webkit-linear-gradient(90deg, #f8971d 0%, #fec057 100%);
    background-image: -ms-linear-gradient(90deg, #f8971d 0%, #fec057 100%);
    box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, 0.29)
}
.password-help hr:nth-of-type(1) {
    margin: 30px 0 50px;
    width: 100%;
    float: left
}
.password-help hr:nth-of-type(2) {
    margin: 60px 0 80px;
    width: 100%;
    float: left
}
.yellow-font {
    color: #fdb74a
}
/*------------------ Main Flex Slider Page Content ----------------*/

.slider {
    max-width: 800px;
    max-height: 425px;
    margin-left: auto;
    margin-right: auto
}
.flexslider {
    background: none;
    border: none;
    box-shadow: none;
    margin: 0
}
.flexslider .slides img {
    max-width: 800px;
    max-height: 425px;
    width: 100%
}
.flex-control-nav {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}
.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7)
}
.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}
.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer
}
.flex-control-thumbs img:hover {
    opacity: 1
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}
/* Contact form Page */

iframe.contact-page-form form {
    margin-top: 40px;
    font-family: 'Open Sans', sans-serif;
}
/* Single Post Settings */

.single-post main a {
    color: #333333;
    font-weight: bold;
}
.single-post .banner img {
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.navigation {
    text-align: center;
}
.single-post main .navigation a {
    color: black;
    font-size: 16px;
    font-weight: 400;
}
/* Media Queries */

@media only screen and (max-width: 1412px) {
    #nav-button {
        display: none
    }
    .nav ul {
        display: block
    }
}
@media only screen and (max-width: 1023px) {
    nav li a {
        padding: 17px 12px
    }
    nav ul > li:first-of-type a {
        padding-left: 25px
    }
    .social-media .one-fourth-no-pad {
        width: 25%;
    }
    .one-fourth-no-pad {
        width: 50%;
        float: left
    }
    .container {
        max-width: 95%;
    }
    .page-id-131 main .container {
        max-width: 100%;
        width: 725px;
    }
    .headline-image img {
        width: 100%
    }
    .logo {
        margin-right: 10px
    }
    .social-media h2 {
        font-size: 37.76px
    }
    .social-media p {
        font-size: 15.45px
    }
    .social-media img {
        max-width: 126px;
        height: auto
    }
    .footer-nav {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
    .footer-nav li {
        float: none;
        display: inline-block
    }
    .footer-nav li:first-of-type {
        padding: 0
    }
    .footer-nav li a:after {
        padding-right: 7px;
        padding-left: 7px
    }
    /* Location Page Templates */
    
    .location-finder form input[type="text"] {
        width: 37%
    }
    .store-title {
        margin-bottom: 6px
    }
    .store-address {
        margin-bottom: 17px
    }
    .accolades {
        margin-left: 100px
    }
    .store-attributes img {
        width: 21%
    }
    .best-of-img {
        left: 91px;
        top: 26px
    }
    .hot-dog-img {
        right: 54px;
        top: 24px
    }
    /* Flavors Inner Page Template*/
    
    .flavor-listing .one-third {
        width: 40%;
        margin-left: 9%;
        margin-right: 0;
        min-height: 167px
    }
    .flavor-listing .one-third.last {
        margin-right: 0
    }
    .flavor-listing .row:after {
        clear: none
    }
    .one-third {
        width: 40%;
    }
    .two-thirds {
        width: 57%
    }
    .download.button, .booking.button {
        font-size: 12px;
    }
    .download.button {
        right: 7px;
    }
    .download.button img, .booking.button img {
        top: 13px;
    }
    #wpsl-stores li > div:first-of-type {
        display: inline-block;
        float: left;
        width: 48%;
        margin-left: 50px;
    }
    .xtra_images, .xtra_button {
        float: left;
    }
    .wpsl-input #wpsl-search-input {
        width: 35% !important;
    }
}
@media only screen and (max-width: 828px) {
    nav li a {
        display: block;
        color: #fefefe;
        padding: 17px 7px
    }
    .location input[type="text"] {
        width: 150px;
    }
    .xtra_images, .xtra_button {
        right: 10px;
    }
}
@media only screen and (max-width: 825px) {
    .wpsl-no-results #wpsl-search-wrap .wpsl-input {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .desktop {
        display: none
    }
    .tablet {
        display: block
    }
    .container {
        max-width: 95%
    }
    .page-id-131 main .container {
        max-width: 100%;
    }
    .tagline {
        display: inline-block;
        position: relative;
        top: -18px;
        bottom: auto
    }
    #nav-button {
        display: inline;
        color: #fff;
        background-color: transparent;
        border: none;
        font-size: 12px;
        padding: 4px 0
    }
    #nav-button span {
        font-size: 25px;
        position: relative;
        top: 3px;
        right: 13px
    }
    nav.tablet {
        margin-top: 19px;
        text-align: center
    }
    nav ul > li:first-of-type a {
        padding-left: 10px
    }
    #cssmenu ul li.has-sub.active > a {
        color: #fff
    }
    #cssmenu li {
        float: none;
        padding: 0;
        text-align: left;
        width: 100%;
        background-color: #333333;
        text-indent: 42px;
        border-bottom: 1px solid #7558ba;
        position: relative
    }
    #cssmenu ul li > ul li a:hover {
        color: #333333;
        background-color: #fcdba4;
    }
    #cssmenu ul li > ul li a:before {
        content: "- ";
    }
    #cssmenu li:hover, #cssmenu ul li.has-sub:hover {
        background-color: #442e79;
    }
    #cssmenu li a:hover, #cssmenu ul li.has-sub.active > a:hover, #cssmenu ul li.has-sub:hover > a {
        color: #cccccc;
        background: none;
        padding-left: 10px
    }
    #cssmenu i.fa {
        display: inline-block;
        position: absolute;
        padding: 15px 0;
        top: 3px;
        margin-left: 0;
    }
    #cssmenu ul li > ul li {
        background-color: #9987c4;
    }
    #cssmenu li ul li a:hover {
        outline: none;
        display: block;
        position: relative;
        margin: 0;
        padding: 10px 25px;
        color: #fff;
        text-decoration: none;
        text-shadow: none;
        font-weight: 400;
    }
    #cssmenu li:last-of-type {
        border-bottom: none
    }
    #cssmenu ul {
        display: none;
        background-color: #7558ba
    }
    #cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div {
        display: none;
        position: relative;
        width: 100%;
        top: 0;
        margin: 0;
    }
    #cssmenu ul li > ul {
        position: relative;
        width: 100%;
        top: 0px;
        padding: 0px;
    }
    .content-area {
        padding: 80px 0
    }
    .location {
        display: inline-block;
        float: none;
        width: 100%
    }
    .location p {
        display: inline-block;
        margin-right: 1%;
        font-weight: 600;
        padding: 0;
        width: 28%;
        float: left;
        margin-top: 10px
    }
    .location input[type="text"] {
        width: 70%;
        display: inline-block;
        float: left;
        margin: 0;
        padding: 0
    }
    .cta-headline {
        width: 60%
    }
    .banner img {
        margin-top: 27px
    }
    /* Inner Page Template Content Areas */
    
    .one-half {
        display: inline-block;
        float: left;
        margin-right: 0;
        width: 50%
    }
    .spacer {
        margin-bottom: 0
    }
    /* Location Page Content Area */
    
    .location-hide {
        display: none
    }
    .location-mobile {
        display: block
    }
    .purple-headline {
        font-size: 29px
    }
    .locations-headline h1 {
        margin-bottom: 15px
    }
    .locations-headline p {
        font-size: 14px
    }
    .location-finder img {
        float: none;
        margin-left: auto;
        margin-right: auto
    }
    .location-finder form input[type="text"] {
        width: 67%
    }
    .location-finder-wrapper {
        background-color: #f8971d;
        margin-top: -34px
    }
    .direction-info {
        width: 100%
    }
    p.store-address {
        margin-bottom: 10px
    }
    .store-phone {
        display: inline;
        float: left
    }
    p.store-phone::after {
        content: "|";
        padding-right: 15px;
        padding-left: 15px
    }
    .location-mobile.links {
        margin-left: 78px;
        font-size: 14px;
        font-weight: 700;
        text-decoration: underline
    }
    a.directions-link {
        padding-right: 25px;
        color: #0096d6
    }
    a.store-page-link {
        color: #e2231a
    }
    .accolades {
        width: 100%
    }
    .store-attributes {
        width: 300px;
        height: 50px;
        position: relative;
        margin-left: 97px;
        margin-top: 20px
    }
    .flavors-inner-page-template .spacer {
        margin-bottom: 40px
    }
    .row-fluid:after {
        clear: none;
        display: inline-block;
    }
    .one-third-padding {
        width: 40%;
        margin-right: 10%;
    }
    .one-third {
        width: 100%;
        display: block;
    }
    .two-thirds {
        width: 100%;
        display: block;
    }
    .default-listing {
        margin-bottom: 100px;
    }
    .default-listing img {
        margin-bottom: 25px;
    }
    .full-page-form .one-half {
        width: 100%;
    }
    .full-page-form .one-half.last {
        margin-left: 0px;
    }
    .full-page-form .one-third {
        display: inline-block;
        float: left;
        margin-right: 2%;
        width: 32%;
    }
    .full-page-form .one-third.last {
        margin-right: 0%;
    }
    .full-page-form form {
        margin-left: 7%;
    }
    .full-page-form form > div.row > div.one-half.last {
        margin-top: 35px;
    }
    #wpsl-stores li > div:first-of-type {
        width: 86%;
    }
    .xtra_images, .xtra_button {
        right: 10px;
        position: static;
        clear: both;
        width: 100%;
        text-align: center;
    }
    .xtra_images {
        margin: 20px 0px;
    }
    .xtra_images img {
        margin: 0px 5px;
    }
    a.wpsl-directions {
        width: 131px;
        margin-bottom: 15px;
        margin-right: 0px;
    }
    #wpls-result-list ul {
        margin-left: 18px
    }
    img.location-mobile {
        margin-left: auto;
        margin-right: auto;
    }
    .location-mobile.location-finder-wrapper {
        width: 100%;
    }
    .wpsl-input #wpsl-search-input {
        width: 71% !important;
    }
}
@media only screen and (max-width: 668px) {
    .catering-list h2 {
        font-size: 2em
    }
    .catering-list li {
        font-size: 1em;
        padding: 0 0 8px 28px
    }
    .catering-list .center {
        text-align: left
    }
    .two-cones {
        margin-top: 10%
    }
    .social-media .one-fourth-no-pad img {
        max-width: 95px;
    }
    .location-finder form input[type="text"] {
        width: 53%
    }
    /* Flavors Inner Page Template Content */
    
    .flavor-listing .one-third {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
        padding: 25px 0
    }
    .flavor-listing .row {
        padding: 0
    }
    .flavor-listing h4:first-of-type {
        padding-top: 50px
    }
    .flavor-listing .row:last-of-type {
        padding-bottom: 50px
    }
    .franchise-login .login-information-wrapper {
        width: 100%;
        margin-left: 12%
    }
    .franchise-login .one-half {
        width: 100%;
        margin-bottom: 40px
    }
    .entry-content h4 {
        font-size: 16px;
        color: #e2231a;
    }
}
@media only screen and (max-width: 675px) {
    .wpsl-search {
        width: 100%;
    }
    .wpsl-input #wpsl-search-input {
        width: 60% !important;
    }
    .wpsl-select-wrap {
        width: 25%;
    }
}
@media only screen and (max-width: 520px) {
    .wpsl-no-results #wpsl-search-wrap #wpsl-search-btn {
        margin-top: 0px;
    }
}
@media only screen and (max-width: 479px) {
    .one-third-padding {
        display: block;
        width: 100%;
        text-align: center;
    }
    .one-fourth-no-pad {
        width: 100%;
        margin: 0
    }
    .social-media .one-fourth-no-pad {
        width: 50%;
    }
    .tagline, .logo, .headline {
        width: 100%;
        text-align: center
    }
    .logo {
        margin-bottom: 15px
    }
    img.logo__image {
        margin-bottom: 25px
    }
    .tagline {
        padding-bottom: 0
    }
    .location {
        text-align: center
    }
    .location p {
        width: 100%;
        letter-spacing: 2px;
        margin-top: 0
    }
    .cta-button {
        width: 25%
    }
    .call-to-action {
        height: auto
    }
    .location input[type="text"] {
        width: 100%;
        display: inline-block;
        float: none;
        margin: 10px auto 0
    }
    .social-media img {
        width: 80%
    }
    .copyright a {
        display: block;
        margin-top: 10px
    }
    /* Inner Page Template Content Areas */
    
    .banner img {
        margin-top: 0
    }
    .two-image-navigation .container, .banner .container {
        max-width: 100%
    }
    .one-half {
        width: 100%
    }
    .two-cones {
        display: none
    }
    .catering-list h2 {
        text-align: center
    }
    .catering-list li {
        text-align: left;
        padding: 0 0 8px 28px
    }
    .catering-list ul {
        width: 50%;
        margin-left: auto;
        margin-right: auto
    }
    .location-finder form input[type="text"] {
        width: 51%;
        height: 22px;
        margin-right: 9px
    }
    .location-finder form input[type="image"] {
        width: 33%;
        margin-bottom: 6px
    }
    .locations-headline p {
        font-size: 1.34em;
        margin-bottom: 20px
    }
    .store-info-wrapper {
        margin-left: 0
    }
    .direction-info {
        padding-left: 0
    }
    .direction-info img {
        width: 27px
    }
    .store-title {
        margin-left: 34px;
        font-size: 16px
    }
    .store-address {
        margin-left: 34px;
        font-size: 11px
    }
    p.store-phone::after {
        content: "|";
        padding-right: 5px;
        padding-left: 5px
    }
    .store-hours {
        font-size: 12px
    }
    .store-phone {
        font-size: 12px
    }
    .location-mobile.links {
        margin-left: 3px
    }
    .store-attributes {
        margin-left: 25px
    }
    .content-area h1 {
        font-size: 29px
    }
    .entry-header p {
        font-size: 14px
    }
    .franchise-login input[type="password"], .franchise-login input[type="text"] {
        width: 250px
    }
    .download.button {
        left: 0px;
        top: 14px;
    }
    .booking.button, .download.button {
        display: block;
        width: 162px;
    }
    .full-page-form form {
        margin-left: 0%;
    }
    .full-page-form .one-third {
        width: 48%;
    }
    .full-page-form input[type="submit"] {
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .styled-select select {
        width: 290px;
    }
    #wpls-result-list ul {
        margin-left: 0px
    }
    #wpsl-search-wrap #wpsl-search-btn {
        float: none;
    }
    .wpsl-select-wrap {
        width: 100%;
        text-align: center;
    }
    .wpsl-select-wrap > div {
        width: 100%;
    }
    .wpsl-input #wpsl-search-input {
        width: 88% !important;
    }
}
@media only screen and (max-width: 319px) {
    .copyright span {
        display: block;
        margin-top: 10px
    }
}
#fancybox-wrap,
#fancybox-content{
	max-width:100%;
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;	
	position:fixed;
	height:calc(100% - 80px)!important;

}
@media only screen and (max-width: 767px) {

	#fancybox-wrap,
	#fancybox-content{
		left:0!important;
		border-width:0!important;
	}
	#fancybox-wrap{
		padding:10px;
		top:10px!important;
		position:fixed;
		height:calc(100% - 20px)!important;
	
	}
	#fancybox-content{
		position: absolute; 
		right: 0; 
		bottom: 0;
		left: 0;
		top: 0;
		-webkit-overflow-scrolling: touch!important;
		overflow-y: scroll!important;
		height:100%!important;
	}

	#fancybox-frame{
		/*
		position:fixed;
		overflow-y:auto;*/
		height:calc(100% - 0px)!important;
		width:calc(100% - 0px)!important;
		-webkit-overflow-scrolling: touch;
	}
}