/**
 ** file: default.css
 ** label: Default Theme
 ** The default SLPLUS Theme.
 **
 **/

/**
 * General - All areas
 **/

/* Slider from proto.io/freebies/onoff/
*/
.onoffswitch-block {
    display: inline-block;
    float: right;
    margin-right: 8px;
}
.onoffswitch-pretext {
    display: linline-block;
    padding-right: 12px;
    vertical-align: super;
}
    .onoffswitch {
    display: inline-block;
    position: relative; width: 56px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .onoffswitch-checkbox {
    display: none;
    }
    .onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
    }
    .onoffswitch-inner {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
    float: left; width: 50%; height: 17px; padding: 0; line-height: 17px;
    font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    }
    .onoffswitch-inner:before {
    content: "ON";
    padding-left: 8px;
    background-color: #2FCCFF; color: #FFFFFF;
    }
    .onoffswitch-inner:after {
    content: "OFF";
    padding-right: 8px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
    }
    .onoffswitch-switch {
    width: 8px; margin: 4.5px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 20px;
    position: absolute; top: 0; bottom: 0; right: 35px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
    }

/**
 * General SLP Div Only
 **/
#sl_div {
	/*background-image:url(../images/mapHeader.png);*/
	background-repeat:no-repeat;
	background-size: 844px 43px !important;
	background-position:center top;
	padding:33px 10px 10px 10px;
	font-weight:bold;
}
#sl_div a {
}
#sl_div a.storelocatorlink {
	color:#0000FF;
}
#sl_div a:hover.storelocatorlink {
	color:#4444FF;
}
#sl_div img {
	background-color:transparent;
	background-image:none;
	max-width:none;
    /*max-width: 115px;*/
    width: 95%;
    margin-top: 14px;

}

#sl_div #header_image{
    width: 940px;
    text-align:center;
    margin-bottom: -13px;
}

#sl_div #header_image img.mapHeaderImage{
    background-color:transparent;
    background-image:none;
    width: 90%;
    margin-top: 0px !important;
}

@media only screen and (max-width:960px) and (min-width:767px){
    #sl_div #header_image{
        width: 750px;
    }
}

@media only screen and (max-width:767px) and (min-width:480px){
    #sl_div #header_image{
        width: 420px;
        margin-bottom: -8px;
    }
}

@media only screen and (max-width:480px){
    #sl_div #header_image{
        width: 280px;
        margin-bottom: -8px;
    }
}




div.entry-content div#sl_div #map_table IMG {
	max-width:none;
    box-shadow: none;
    border-radius: 0px;
    border: none;
    padding: 0px;
    margin: 0px;
}
#sl_div table, #sl_div tr, #sl_div td {
	border:none;
}

/**
 * Search Form
 **/

.sl_header{

	width:350px !important;
	height:68px !important;
}

.sl_header img, .sl_header td {
    border: none;
    cursor: pointer;
}

.sl_header #addressSubmit.slp_ui_button {
    /* like-a-button */
    text-decoration: none;

    font-size: 14px;
    border: none !important;
    height: 26px;
    margin: 3px 2px 2px 0px;
    padding: 0px 4px;
    text-align: center;
    cursor: pointer;
    color: #5F5E5E;
    display: block;

    float: right;
}

.sl_header #addressSubmit.slp_ui_button:hover {
    /*margin: 2px 0px 0px 2px;     */
}

.sl_header #addressSubmit.slp_image_button {
}

.sl_header td {
	vertical-align:top;
	text-align:left;
}
.sl_header td, .sl_header th, .sl_header tr {
	padding:4px;
}


.location_features{
    list-style-image: url('../images/check_mark.png');
    margin-left: 50px;
    margin-top: 10px;
}

.location_features li{
    margin-bottom: 0px;
    font-size: 1.1em;
}


#address_search {
    width: 100%;
}
#address_search LABEL {
    text-align: right;
    min-width: 100px;
    font-size: 14px;
    display:block;
    float: left;
    padding-right: 8px;
}
#address_search SELECT {
	margin:0px 6px 0px 0px;
    width: 100px;
}
#address_search INPUT {
	margin:0px 6px 0px 0px;
}
#address_search .search_item {
	display: block;
	float: none;
	clear: both;
}
#address_search .search_item INPUT {
	padding-left:3px;
	color: black;
	margin:0px 6px 0px 0px;
	width: 95%;
	padding-top:0px;
}
#address_search .search_item SELECT {
	margin:0px 6px 0px 0px;
}
#addy_in_city {
    clear: both;
    float: left;
	margin-right: 6px;
}
#addy_in_country {
    float: left;
}
#addy_in_address {
    clear:both;
    padding-top: 3px;
    padding-bottom: 3px;
}

#addy_in_address label{
    margin-top: 20px;
    margin-bottom: 20px;
}

#sl_div{
    display:none;
}

#state_map{
    z-index: 1;
}

#state_map_header{
    width: 80%;
    margin-left: 12%;
	display:none;
}

#state_map_input_div{
    top: 360px;
	  /*left: 260px;*/
    margin: 0 auto;
    width: 400px;
    text-align: right;
    z-index: 999;
    position: relative;
}

#state_map_input_address{
	background: transparent;
	border: none;
    background-image: url(../images/mapTextArea.png) !important;
    background-size: 100% 100% !important;
    /*border: 1px outset black;
    width:100%;*/
	float: left;
	width:267px;
	height:52px;
	color:#fff;
	font-size:22px;
	padding-left:25px;

}

@media only screen and (min-width: 960px) and (max-width: 1023px) {
    #state_map_input_div{
        top: 350px;
        /*left: 220px;*/
    }
}


@media only screen and (min-width: 768px) and (max-width: 959px){
    #state_map_input_div{
        top: 330px;
        /*left: 200px;*/
    }

    #state_map_input_address{

    }

    #state_map_input_button{

    }
}

/* Shrink input for tablets (phone override below) */
@media only screen and (max-width: 767px) {
  #state_map_input_address{
      width: 135px;
      height: 26px;
      font-size: 11px;
      padding-left: 12px;
  }

  #state_map_input_button{
      width: 59px !important;
      height: 25px !important;
      float: left !important;
      margin-left: 15px;
  }
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
  #state_map_input_div {
    top: 240px;
  }
}

@media only screen and (min-width: 520px) and (max-width: 639px) {
    #state_map_input_div{
        top: 200px;
        /*left: 220px;*/
    }
}

/* Shrink Input Boxes & Text for all < 480px */
@media only screen and (max-width: 480px) {
  #state_map_input_address{
      width: 135px;
      height: 26px;
      font-size: 11px;
      padding-left: 12px;
  }

  #state_map_input_button{
      width: 59px !important;
      height: 25px !important;

      float: left !important;
      margin-left: 15px;
  }
}

@media only screen and (min-width: 420px) and (max-width: 519px) {
    #state_map_input_div{
        top: 170px;
        /*left: 95px;*/
    }
}

@media only screen and (min-width: 380px) and (max-width: 419px) {
  #state_map_input_div {
    top: 150px;
  }
}

@media only screen and (max-width: 379px) {
  #state_map_input_div {
    top: 120px;
  }
}

#state_map_input_address::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
#state_map_input_address:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
}
#state_map_input_address::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
}
#state_map_input_address:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}

.no_results_found{
	margin: 60px;
	text-align: center;
}

#state_map_input_button{
    display: block !important;
    background-image: url(../images/mapFindBTN.png) !important;
    background-size: 100% 100% !important;
    width: 118px;
    height: 51px;
    float: right;
    cursor: pointer;
}

#addy_in_radius {
    clear:both;
    float: left;
    padding-top: 3px;
    padding-right: 12px;
    white-space: nowrap;
    width: 250px;
}
#radius_in_submit {
    float: right;
    width: 99px;
}

span.slp_checkbox_entry {
    padding-right: 12px;
}

span.slp_checkbox_entry input[type="checkbox"] {
    vertical-align: text-bottom;
}

/**** Map Box
 **
 ** Since we only use these div IDs when a static image is present
 ** we start with the image shown and map hidden.  JQuery will flip
 ** this for us.
 **
 **/
div#map {
    width: auto !important;
    height: 420px;
}

/* Hide the default Google bubble shadow */
div#map img[src='https://maps.gstatic.com/mapfiles/iws3.png'] {
    display:none;
}

#sl_div #map img {
    visibility: visible;
}

#map_box_image {
    display: block;
}

#map_box_map {
    display: none;
}

/**
 * Map Info Bubble
 **/
#sl_info_bubble {
	padding:10px;
	max-width:300px;
	font-size:11px;
	font-family:Arial;
	text-align:justify;
	line-height:normal;
}
#sl_info_bubble img{
	width:250px;
	max-height:200px;
	border:0px;
}
#sl_info_bubble .your_location_label{
	font-weight:bold;
}
#sl_info_bubble .location_detail_label{
	font-weight:bold;
}


/**
 * Tagline
 **/
div#slp_tagline {
    text-align: right;
    padding-right: 3px;
}
table.sl_footer {
    margin-bottom: 12px;
    border-bottom: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
}
tr.slp_map_tagline td {
    color: #444444;
    background-color: #F4F4F4;
    font-size: 0.9em;
    font-style: italic;
    padding: 3px;
    text-align: right;
}


/**
 * Results
 **/
tr.slp_results_row:hover {
    background-color: #F2F2F2;
}
tr.slp_map_search_results td {
    border: none;
    padding-bottom: 18px;
    vertical-align: text-top;
}
tr.slp_map_search_results td.results_row_left_column {
    width: 240px;
}
tr.slp_map_search_results td.results_row_right_column {
    text-align: right;
}
tr.slp_map_search_results span.location_name {
    color: #CC0000;
    font-weight: bold;
}
tr.slp_map_search_results a {
    color: #444444;
    display: inline-block;
    text-decoration: none;
    width: 100%;
}
tr.slp_map_search_results a:hover {
    color: #4444FF;
    background-color: #F2F2F2;
}
span.slp_result_address {
    width: 100%;
    display: inline-block;
}
span.slp_result_phone {
    padding-top: 6px;
}
span.slp_result_contact {
    width: 100%;
    white-space: nowrap;
}


div#map_sidebar {
    overflow-y: auto;
    overflow-x: hidden;
    height: 350px;
	width:100% !important;
}

.sl_div_side{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
    float: left;
    width: 930px;
    margin:0;
    padding: 0;
    /*background-color: #6a6a6a;*/
    height: 418px;
}




.page-sections-43{
    /*height: 1000px;*/
}

.sl_div_right{

    background-color:#424242;
    overflow: hidden;
    padding: 15px;
    height: 435px;
    width: 930px;
}

.searchResultDiv{
    width: 100%;
    color: white;
    background-color: #707070;
	margin-top:10px;
    height: auto;
    min-height: 109px;
    overflow: hidden;
}


.results_entry.noOrderonline .order_online_button{
    display: none;
}

.results_entry.noDelivery .deliveryCheck{
    display: none;
}

.results_entry.noBreakfast .breakfastCheck{
      display: none;
}

.results_entry.noMenu .searchResultMenu{
    display: none;
}


.results_entry.noAfterMidnight .afterMidnightCheck{
    display: none;
}



.searchResultDiv div {
	padding: 0;

	vertical-align: middle;
    text-align: center;
}

.searchResultDiv div.first{
    float: left;
    width: 76px;
    padding-top: 25px;
}

.searchResultDiv div.second{
    float: left;
    width: 118px;
}


.searchResultDiv div.third{
    float: left;
    width: 171px;
    border-right:solid 1px #656565;
    padding-left:15px;
    padding-top: 30px;
}

.searchResultDiv div.third div{
    height: auto;
}


.searchResultDiv div.fifth{
    float: left;
    width: 180px;
    border-right:solid 1px #656565;
    padding-top: 15px;
}

.searchResultDiv div.sixth{
    float: left;
    width: 183px;
}
.searchResultDiv div.seventh{
    float: left;
    padding-top: 15px;
}


.searchResultDiv tr {
	height:109px;
}

#results_table{
    overflow-y: auto;
}

#locations .container{
    /*height: 950px;*/
}

.inactive{
    display: none;
}

.active .search_results_expanded_data{
    display: block;
}

#search_form_table_cell{
    color: white;
    height: 68px;
}

#search_form_table_cell label{
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 15%;
    font-size: 1.5em;
    margin-bottom: 8px;
}

#search_form_table_cell #addressInput{
	background-image: url(../images/mapFindText2.png) !important;
	background-size: 100% 100% !important;
	background-color: transparent !important;
	border: none !important;
    width: 225px;
	height:44px;
	float:left;
	padding-left: 20px;
	font-size: 17px;
	padding-top: 5px;
	margin: 5px 0px 0px 10px;
}

#addressSubmit{
    display: block !important;
    background-image: url(../images/mapFindBtn2.png) !important;
    background-size: 100% 100% !important;
	background-color:transparent !important;
    width: 99px !important;
    height: 43px !important;
	float:right;
	outline: none;
}

.search_result_store_name{
	font-size:1.0em;
    font-weight: bold;
    text-transform: uppercase;
    margin:0;
}

.search_result_data{
    font-size: .9em;
    line-height: 1.1em;
    margin-bottom: 10px;
}

#searchForm{
	margin-top:0;
    margin-bottom: 0;
	height:68px;
	background-color:#424242;
}

.search_result_btn{
    background-color: #37ab62;
    border-width: 3px;
    border-style: solid;
    border-color: #5c5c5c;
    color: white;
    cursor: pointer;
    text-align: center;
    margin-left: 3%;
    height: 23px;
    padding-top: 0px;
}







.search_result_btn_order{
    right: 0;
    width: 50%;
}

.active .search_result_btn_info{
    display: none;
}

#results_table{
    width: 100%;
}


.search_results_expanded_data{
    display: none;
}

.search_result_btn_large{
    width:160px;
	height:23px !important;
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
    margin-left: 10%;
}

.search_result_hours{
    font-size: 1em;
    margin-left: 10%;
}

.search_result_hours h6{
    color: white;
    font-size: 1.2em;
}


@media only screen and (max-width: 960px) and (min-width: 767px){
    .sl_div_right{
        width: 750px !important;
    }

    .sl_div_side{
        width: 750px !important;
    }


    .searchResultDiv div.first{
        float: left;
        width: 76px;
        padding-top: 25px;
    }

    .searchResultDiv div.second img{
        margin-top: 26px;
    }

    .searchResultDiv div.second{
        float: left;
        width: 80px;
    }




    .searchResultDiv div.third{
        float: left;
        width: 136px;
        border-right:solid 1px #656565;
        padding-left:15px;
        padding-top: 30px;
    }

    .searchResultDiv div.third div{
        height: auto;
    }


    .searchResultDiv div.fifth{
        float: left;
        width: 180px;
        border-right:solid 1px #656565;
        padding-top: 15px;
    }

    .searchResultDiv div.sixth{
        float: left;
        width: 116px;
    }
    .searchResultDiv div.seventh{
        float: left;
        padding-top: 15px;
    }
    .search_result_hours{
        margin-left: 0px;
    }

    .search_result_btn_large {
        width: 140px;

    }

    .location_features{
        margin-left: 31px;
        text-align: left;
    }

    #sl_div img{
        margin-top: 24px !important;
    }

}

@media only screen and (max-width: 767px){
    .sl_div_right{
        width: 100% !important;
    }

    .sl_div_side{
        width: 100% !important;
    }


    .searchResultDiv div.first{
        float: left;
        width: 45%;
        padding-top: 25px;
        border-right:solid 1px #656565;
    border-bottom:solid 1px #656565;
        height: 102px;
    }

    .searchResultDiv div.second img{
        margin-top: 26px;
    }

    .searchResultDiv div.second{
        float: left;
        width: 55%;
        height: 102px;
        border-bottom:solid 1px #656565;
    }




    .searchResultDiv {
        min-height: 327px;
    }

    .searchResultDiv div.third{
        float: left;
        width: 100%;

        padding-left:15px;
        padding-top: 30px;
        border-bottom:solid 1px #656565;
        min-height: 50px;
        padding-top: 7px;

    }

    .searchResultDiv div.third div{
        height: auto;
    }


    .searchResultDiv div.fifth{
        float: left;
        width: 100%;
        border-bottom:solid 1px #656565;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .searchResultDiv div.sixth{
        float: left;
        width: 48%;
        height: 120px;
        border-right:solid 1px #656565;
    }
    .searchResultDiv div.seventh{
        float: left;
        padding-top: 15px;
        width: 52%;
        height: 120px;
    }
    .search_result_hours{
        margin-left: 0px;
    }

    .search_result_btn_large {
        width: 140px;

    }

    .location_features{
        margin-left: 33%;
        text-align: left;
    }

    #sl_div img{
        margin-top: 13px !important;
    }
}

@media only screen and (max-width: 480px){
    .search_result_btn_large {
        width: 119px;
    }

    #search_form_table_cell #addressInput {
        width: 112px;
        height: 30px;
        padding-left: 10px;
        font-size: 12px;
        margin-right: 45px;
    }
    #addressSubmit {
        width: 75px !important;
        height: 30px !important;
    }

    #radius_in_submit {
        float: left !important;
    }

    #address_search .search_item {
         margin-top: 5px;
     }
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.searchResultDiv div.second img{
    max-width: 115px !important;
}