/*
*
* Lemonade v1.1
* Copyright 2013, Joe Richardson
* lemonade.im
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
*/

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Set the width of the grid */
.frame {
  margin: 0 auto;
}

/* Clearfix */
.frame:after {
  content: "";
  display: table;
  clear: both;
}


/* Attribute selector */
[class*='bit-'] {
  float: left;
  padding: 0.3em;
}

/* Floats last ".bit-" to the right */
[class*='bit-']:last-of-type {
  float: right;
}

/* remove padding from full width blocks */
.full {
  padding:0px;
}

/* show / hide by size */
.donly { display:block; }
.monly { display:none; }

/* admin container limit */
.admincontainer  
{
    width:95%; 
    max-width:1366px;
    margin:0px auto; 
}

/* container limit */
.container  
{
    width:95%; 
    max-width:1316px;
    margin:0px auto; 
}
.woride
{
    width:1316px;
    margin:0px auto; 
}
/* alignments */
.aligncol-right 
{
    text-align:right;
}
.aligncol-left 
{
    text-align:left;
}
.aligncol-center 
{
    text-align:center;
}
.showtablet { display:none; }
.smalltxt { display:none; }

/*padding */
.vpadsmall { padding-bottom:10px; }
.vpadmedium { padding-bottom:20px; }
.vpadlarge { padding-bottom:40px; }
.collapse-pad-L20 { padding-left:20px; }
.collapse-pad-L40 { padding-left:40px; }
.collapse-pad-L80 { padding-left:80px; }
.collapse-pad-R40 { padding-right:40px; }
.collapse-pad-T20 { padding-top:20px; }
.collapse-pad-B20 { padding-bottom:20px; }
.collapse-pad-T40 { padding-top:40px; }
.collapse-pad-B40 { padding-bottom:40px; }
.txthalfpad {
    padding-top:30px;
    padding-right:70px;
    padding-left:0px;
    padding-bottom:0px;
}

/*lightbox */
.lightbox .modalbox
{
height: 90%;
width: 70%;
max-width:840px;
}
.lightbox .modalbox-sm
{
height: 300px;
width: 500px;
}
/* text */
.shrinktxt 
{
    font-size:100%;
}
/* navigation */
.nav a 
{
    font-size:16px;
}
.mobilenav, .sidenavmobile 
{
    display:none;
}
/*locator*/
.locatorwrap, .loccol2, .locmap
{
   height:680px;
}
.btn-locations.directions 
{
    display:none;
}
/*catering*/
.catering .centerimg
{
    height:300px;
    display: table-cell;
    vertical-align: middle;
}

/* Main Widths */
.bit-1  { width: 100%; }
.bit-2  { width: 50%; }
.bit-3  { width: 33.33%; }
.bit-33 { width: 66.66%; }
.bit-4,.bit-442  { width: 25%; }
.bit-5  { width: 20%; }
.bit-6  { width: 16.6666666667%; }
.bit-7  { width: 14.2857142857%; }
.bit-8  { width: 12.5%; }
.bit-9  { width: 11.1111111111%; }
.bit-10 { width: 10%; }
.bit-11 { width: 9.09090909091%; }
.bit-12 { width: 8.33%; }
.bit-25  { width: 25%; }
.bit-75  { width: 75%; }
.bit-20  { width: 20%; }
.bit-40  { width: 40%; }
.bit-50  { width: 50%; }
.bit-60  { width: 60%; }
.bit-80  { width: 80%; }

.bit-n1  { width: 14%; }
.bit-n2  { width: 14%; }
.bit-n3  { width: 14%; }
.bit-n4  { width: 14%; }
.bit-nlogo  { width: 16%; }
.bit-n5  { width: 14%; }
.bit-n6  { width: 14%; }
.bit-n7  { width: 14%; }

.foot { min-height:300px; }

.contentfit 
{
    height:100%; 
    width:100%; 
    object-fit:fill;
}
.fitimage img
{
    height:100%; 
    width:100%; 
    object-fit:cover;
}

.pshow { display:none; }
    .biketext { display:block; }
    .biketext2 { display:none; }
    .colorpaddy-plus { color:#000000; font-size:36px; line-height:40px; }
    .colorpaddy-win { color:#000000; font-size:55px; font-family:Arvo; line-height:55px; padding:0px 40px; margin:0px; }

/* Landscape mobile & down */
@media (max-width: 31em) {
  .bit-1,
  .bit-2,
  .bit-3,
  .bit-4,
  .bit-5,
  .bit-6,
  .bit-7,
  .bit-8,
  .bit-9,
  .bit-10,
  .bit-11,
  .bit-12,
  .bit-25,
  .bit-75,
  .bit-20,
  .bit-40,
  .bit-50,
  .bit-80,
  .bit-60,
  .bit-442,
  .bit-33,
  .bit-70,
  .bit-30,
  .container,
  .admincontainer {
    width: 100%;
  }
  
  .aligncol-right, .aligncol-left {
    text-align:center;
  }
  
  .aligncol-right table, .aligncol-left table 
  {
      margin:0px auto;
  }
  
  .vpadsmall, .vpadmedium, .vpadlarge { padding-bottom:0px; }
  
  .lightbox .modalbox, .lightbox .modalbox-sm { height: 100%; width: 100%; }
  
  .collapse {  display:inline;	}
  
  .collapse-pad-L20, .collapse-pad-L40, .collapse-pad-L80 { padding-left:0px; }
  .collapse-pad-R40 { padding-right:0px; }
  .collapse-pad-T40, .collapse-pad-T20 { padding-top:0px; }
  .collapse-pad-B40, .collapse-pad-B20  { padding-bottom:0px; }
  .bodypadlarge { padding:2% 10%; }
  .bodypadmedium { padding:2% 5%; }
  .phonepadT20 {padding-top:20px;}
  .hidemobile {display:none;}
  
  	/* tables */
	.table table, .table thead, .table tbody, .table th, .table td, .table tr { 
		display: block; 
		text-align:left;
	}
	.table th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.table tr, .table tr:last-child { border: 1px solid #ccc; }
	.table td { 
		border: none;
		border-bottom: 1px solid #ddd; 
	}
	.table td:before 
	{
	    font-weight:bold;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	/* page specific data labels */
    .locPages td:nth-of-type(1):before { content: "ID#: "; }
	.locPages td:nth-of-type(2):before { content: "Store Name: "; }
	.locPages td:nth-of-type(3):before { content: "URL Tag: "; }
	.locPages td:nth-of-type(4):before { content: "Feature Use: "; }
	.locPages td:nth-of-type(5):before { content: "Updated: "; }
	
	.users td:nth-of-type(1):before { content: "User Name: "; }
	.users td:nth-of-type(2):before { content: "User Role: "; }
	.users td:nth-of-type(3):before { content: "Actions: "; }
	.users td:nth-of-type(4):before { content: "Last User Activity: "; }
	
	.nav, .footnavwrapper, .mobilenav .locbtn, .sidenav { display:none; }
    .mobilenav, .sidenavmobile { display:block; }
    .norightmenu { display:none; }
    
    .loccol1 { border-right:none; }
    .loccol2 { overflow-y:visible; }
    .locatorwrap, .loccol2, .loccol1 { height:100%; }
    .searchoption { float:left; height:40px; width:50%;}
    .break { clear:left !important; }
    .searchoption img { width:30px; }
    .btn-locations.directions { display:block;}
    .btn-locations { font-size:14px;}
    
     .feature1, .feature2, .feature3, .feature4 { height:220px; margin-top:5%; width:100%; }
      .feature1 .copy  
      {
         margin-top:35px;
         margin-right:auto;
         margin-left:auto;
         position:relative;
        -webkit-transform: scale( 1.4 );
        -moz-transform: scale( 1.4 );
        -o-transform: scale( 1.4 );
        -ms-transform: scale( 1.4 );
        transform: scale( 1.4 );
       }
       .feature1 .back, .feature2 .back, .feature3 .back, .feature4 .back  
        {
            width:90%;
            height:200px;
            margin:0px auto;
            position:relative;
        }
        .feature1 .pill, .feature2 .pill, .feature3 .pill 
        {
            width:80%; 
        }
        .feature4 .pill 
        {
            width:90%; 
        }
        .feature1 .pill 
        {
            width:80%; 
            position:relative;
            margin:0px auto;
            margin-top:50px;
            left:0px;
        }
        .aside { display:none; }
        .feature2 .copy 
        {
            font-size:18px;
            line-height:normal;
            text-align:left;
        }
        .feature2 .copy p
        {
            padding-top:5%;
        }
         .feature3 .leftimage 
        {
            height:100%;
            width:20%;
        }
        .feature3 .leftimage, .fitimage
        {
            display:none;
        }
        .feature3 .rightcontent 
        {
            width:100% !important;
            border:4px solid #000;
            height:100%;
        }
        .feature3 .copy 
        {
            font-size:16px;
            line-height:20px;
            padding:10px;
            border:none;
            
        }
        .feature3 .head 
        {
            font-size:20px;
            line-height:30px;
        }
        .mon img, .tue img, .wed img, .thu img, .fri img
        {
            margin-top:0px;
        }
    .combo img { margin-top:5%; }
    
    .homeslider { display:none; }
    .txthalfpad 
    {
        padding-top:0px;
        padding-right:15px;
        padding-left:15px;
        padding-bottom:0px;
    }
    .bigtxt { display:none; }
    .smalltxt { display:block; }
    .foot { min-height:100px; }
    .catering .vcol { height:auto; text-align:center; display:block;}
    .catering .pad { padding:0px;}
    .catering .centerimg  { width:100%; margin:0px auto; text-align:center; display: block; height:auto;}
    .catering .centerimg img { width:50%;}
    .headline1 { font-size:26px; line-height:36px; }
    .jobs .container { background-color:#f6f2b3; background-image:none; }
    .jobs .side1, .jobs .side2, .jobs .side1 .indent, .jobs .container .box  { margin:0px; padding:0px; text-align:center; }
    .contactside { padding-left:0px; margin-left:0px; border-top:4px solid #a41d00; border-left:none; text-align:center; }
    .media { text-align:center; }
    .customerappreciation { width:100%; }
    .phoneshadow { text-shadow: 2px 2px 2px rgba(0, 0, 0, 1), 2px 2px 10px rgba(0, 0, 0, 1), 2px 2px 20px rgba(0, 0, 0, 1); }
    .nutrition .inside { width:100%; }
    .mtop .menubox { min-height:0px; max-height:34px; }
    .mtop .menubox:hover h3 { padding-top:0px; font-size:16px; }
    .pmenu .bit-5 { width:50%; }
    .menutitle { padding-top:10px; }
    .mtop .menubox h3 { font-size:16px; padding-left:6px; }
    .menu_side { margin-right:0px; }
    .menu_body .sm, .menu_body .list { font-size:16px; line-height:normal; }
    .ppic { text-align:right; margin-right:0px; }
    .burgers .burgerimg .over { background-color: rgba(0, 0, 0, 1);}
    .menu_body ul { margin-left:30%; }
    .menu_body ul.menuli { margin-left:0; }
	.menu_body.cateringmenu ul { margin-left:10px; }
	.menu_body.cateringmenu p { margin-left:10px; }
    .pshow { display:block; }
    .surveybottom { padding-left:5%; padding-right:5%; }
    .biketext { display:none; }
    .biketext2 { display:block; }
    .colorpaddy-plus { color:#000000; font-size:24px; line-height:27px; }
    .colorpaddy-win { color:#000000; font-size:32px; font-family:Arvo; line-height:32px; padding:0px 40px; margin:0px; }
    .mybeefshead h1 { font-size: 30px; }
    .mybeefshead .col1 img { display:block; }
    .menuoption { margin-left: 0px; }
    .menu_body .shrinkmobilepad .colpad { padding: 0px; }
    .sandwiches h1 { border-right: 0px; }
    
    .donly { display:none; }
    .monly { display:block; }
}

/* Portrait tablet to landscape */
@media (min-width: 31em) and (max-width: 50em) {
  .bit-4,
  .bit-6,
  .bit-8,
  .bit-10,
  .bit-12 {
    width: 50%;
  }

  .bit-1,
  .bit-2,
  .bit-3,
  .bit-5,
  .bit-7,
  .bit-9,
  .bit-11,
  .bit-25,
  .bit-75,
  .bit-20,
  .bit-40,
  .bit-50,
  .bit-80,
  .bit-60,
  .bit-70,
  .bit-30,
  .container,
  .admincontainer,
  .bit-442,
  .bit-33 {
    width: 100%;
  }
  
  .aligncol-right, .aligncol-left {
    text-align:center;
  }
  
  .aligncol-right table, .aligncol-left table 
  {
      margin:0px auto;
  }
  
  .table td { text-align:left; }
  
  .vpadsmall, .vpadmedium, .vpadlarge { padding-bottom:0px; }
  
  .lightbox .modalbox, .lightbox .modalbox-sm { height: 90%; width: 90%; }
  
  .shrinktxt { font-size:80%; }
  
  .collapse-pad-L20, .collapse-pad-L40, .collapse-pad-L80 { padding-left:0px; }
  .collapse-pad-R40 { padding-right:0px; }
  .collapse-pad-T40, .collapse-pad-T20 { padding-top:0px; }
  .collapse-pad-B40, .collapse-pad-B20  { padding-bottom:0px; }
  .bodypadlarge { padding:2% 10%; }
  .bodypadmedium { padding:2% 5%; }
  .phonepadT20 {padding-top:20px;}
  .hidemobile {display:none;}
  
  .nav, .footnavwrapper, .sidenav { display:none; }
  .mobilenav, .sidenavmobile { display:block; }
  .norightmenu { display:none; }
  
  .loccol1 { border-right:none; }
  .loccol2 { overflow-y:visible; }
  .locatorwrap, .loccol2, .loccol1 { height:100%; }
  .searchoption { float:left; height:40px; width:50%;}
  .break { clear:left !important; }
  .searchoption img { width:30px; }
  .locmap { height:100%; }
  .btn-locations.directions { display:block;}
  .btn-locations { font-size:14px;}
  
  .feature1, .feature2, .feature3, .feature4 { height:230px; margin-top:5%; width:100%; }
  .feature1 .copy  
  {
     margin-top:35px;
     margin-right:auto;
     margin-left:auto;
     position:relative;
    -webkit-transform: scale( 1.4 );
    -moz-transform: scale( 1.4 );
    -o-transform: scale( 1.4 );
    -ms-transform: scale( 1.4 );
    transform: scale( 1.4 );
   }
   .feature1 .back, .feature2 .back, .feature3 .back, .feature4 .back
    {
        width:80%;
        height:200px;
        margin:0px auto;
        position:relative;
    }
    .feature1 .pill
    {
        width:80%; 
        position:relative;
        margin:0px auto;
        margin-top:50px;
        left:0px;
    }
    .feature4 .pill 
        {
            width:90%; 
        }
    .feature2 .copy 
    {
        width:80%;
        font-size:18px;
        margin:0px auto;
        line-height:26px;
        margin-top:3%;
    }
    .feature2 .pill, .feature3 .pill   
    {
        width:80%; 
        margin:0px auto;
        margin-top:-10px;
    }
    .aside { display:none; }
    .feature2 .fitimage 
    {
        height:130px;
        margin-top:10px;
    }
    .feature3 .leftimage 
    {
        height:100%;
        width:20%;
    }
    .feature3 .leftimage img
    {
        width:100%;
    }
    .feature3 .rightcontent 
    {
        width:80%;
    }
    .feature3 .fitimage 
    {
        width:100%;
    }
    .feature3 .copy 
    {
        font-size:16px;
        line-height:20px;
        padding:10px;
    }
    .feature3 .head 
    {
        font-size:30px;
        line-height:20px;
        padding:10px 0px;
    }
    .combo img { width:65%; }
    
    .tp-caption.btn_subtle
    {
        border: 1px solid #231f20 !important;
        margin-left:40px !important;
    }
        .tp-caption.btn_redbg
    {
        border: 1px solid #231f20 !important;
        margin-left:30px !important;
    }
    
    .txthalfpad 
    {
        padding-top:0px;
        padding-right:35px;
        padding-left:35px;
        padding-bottom:0px;
    }
    .smalltxt { display:none; }
    .foot { min-height:100px; }
    .catering .vcol { height:auto; text-align:center; display:block; }
    .catering .centerimg  { width:100%; margin:0px auto; text-align:center; display: block; height:auto;}
    .catering .centerimg img { width:50%;}
    .surveybottom { padding-left:20%; padding-right:20%; }
    .headline1 { font-size:26px; line-height:36px; }
    .jobs .container { background-color:#f6f2b3; background-image:none; }
    .jobs .side1, .jobs .side2, .jobs .side1 .indent, .jobs .container .box  { margin:0px; padding:0px; text-align:center; }
    .contactside { padding-left:0px; margin-left:0px; border-top:4px solid #a41d00; border-left:none; text-align:center; }
    .media { text-align:center; }
    .customerappreciation { width:100%; }
    .phoneshadow { text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); }
    .mtop .menubox { min-height:0px; max-height:34px; }
    .mtop .menubox:hover h3 { padding-top:0px; font-size:19px; }
    .pmenu .bit-5 { width:25%; }
    .menutitle { padding-top:10px; }
    .mtop .menubox h3 { font-size:16px; padding-left:6px; }
    .menu_side { margin-right:0px; }
    .menu_body .sm, .menu_body .list { font-size:16px; line-height:normal; }
    .ppic { text-align:right; margin-right:0px; }
    .burgers .burgerimg .over { background-color: rgba(0, 0, 0, 0.7);}
    .spriteleft { margin-left:12%; }
    .menu_body ul { margin-left:30%; }
    .menu_body ul.menuli { margin-left:0; }
	.menu_body.cateringmenu ul { margin-left:10%; }
	.menu_body.cateringmenu p { margin-left:10px; }
    .pshow { display:none; }
    .biketext { display:none; }
    .biketext2 { display:block; }
    .colorpaddy-plus { color:#000000; font-size:32px; line-height:34px; }
    .colorpaddy-win { color:#000000; font-size:42px; font-family:Arvo; line-height:42px; padding:0px 40px; margin:0px; }
    .mybeefshead h1 { font-size: 30px; }
    .mybeefshead .col1 img { display:none; }
    .menuoption { margin-left: 0px; }
    .menu_body .shrinkmobilepad .colpad { padding: 0px; }
    .sandwiches h1 { border-right: 0px; }
    
    .donly { display:none; }
    .monly { display:block; }
}

/* Landscape to small desktop */
@media (min-width: 50em) and (max-width: 68.750em) {
  .bit-2,
  .bit-7,
  .bit-70,
  .bit-30,
  .container,
  .admincontainer {
    width: 100%;
  }

  .bit-4,
  .bit-8,
  .bit-10,
  .bit-12,
  .bit-442,
  .bit-40,
  .bit-50,
  .bit-60 {
    width: 50%;
  }
  
  .bit-25 {
    width: 33.3%;
  }
  
  .bit-75 {
    width: 66.6%;
  }
  
  .bit-2 .aligncol-right, .bit-2 .aligncol-left {
    text-align:center;
  }
  
  .bit-2 .aligncol-right table, .bit-2 .aligncol-left table 
  {
      margin:0px auto;
  }
  
  .tablethalf { width: 50%; }
  .tabletquarter { width: 25%; }
  
  .vpadsmall { padding-bottom:5px; }
  .vpadmedium { padding-bottom:10px; }
  .vpadlarge { padding-bottom:20px; }
  
  .lightbox .modalbox { height: 90%; width: 90%; }  
  
  .collapse-pad-L20, .collapse-pad-L40, .collapse-pad-L80 { padding-left:0px; }
  .collapse-pad-R40 { padding-right:0px; }
  .collapse-pad-T40, .collapse-pad-T20 { padding-top:0px; }
  .collapse-pad-B40, .collapse-pad-B20  { padding-bottom:0px; }
  .ipad-pad-T10 { padding-top:10px; }
  .ipad-pad-T20 { padding-top:20px; }
  .ipadtxt { font-size:14px; line-height:20px; }
  .bodypadmedium { padding:2% 5%; }
  
  .nav a { font-size:14px; }
  
  #footernav .social {
    float: none;
    text-align: center;
    padding-top: 20px;
    margin:0px auto;
    }
    #footernav ul li a { 
    padding: 15px 22px;
    }
  
  .loccol2, .loccol1 { height:303px; }
  .segment-loc, .segment-lochi { padding:5px 20px; }
  .locmap { height:410px; }
  .loccol1 input[type="text"], .loccol1 select, .loccol1 h2  { margin:0px; }
  .locatorwrap { height:100%; }
  .searchoption { float:left; height:40px; width:50%;}
  .break { clear:left !important; }
  .searchoption img { width:30px; }
  
  .feature1 .back, .feature2 .back, .feature3 .back, .feature4 .back
   {
       width:326px;
   }
  .feature1 .back, .feature2 .back, .feature3 .back, .feature4 .back, .feature1 .copy, .feature1 .aside
   {
       -webkit-transform: scale( 0.9 );
        -moz-transform: scale( 0.9 );
        -o-transform: scale( 0.9 );
        -ms-transform: scale( 0.9 );
        transform: scale( 0.9 );
   }
   .feature1 .pill 
    {
        left:150px;
        bottom:68px;
    }
    .feature4 .pill 
    {
        width:90%; 
    }
    .feature2 img 
    {
        width:100%;
    }
    .feature2 .fitimage 
    {
        height:88px;
    }
    .feature3 .leftimage img
    {
        width:100%;
    }
    .txthalfpad 
    {
        padding-top:0px;
        padding-right:35px;
        padding-left:35px;
        padding-bottom:0px;
    }
    .smalltxt { display:none; }
    .foot { min-height:200px; }
    .catering .centerimg  { height:300px; display: table-cell; vertical-align: middle; }
    .jobs .side2 { margin-left:-80px; margin-right:10px; }
    .jobs .side1 { margin-left:-100px; }
    .bodypadlarge { padding:2% 10%; }
    .contactside { padding-left:0px; margin-left:0px; border-top:4px solid #a41d00; border-left:none; text-align:center; }
    .customerappreciation { width:100%; }
    .tablethide { display:none; }
    .tabletfull { width:100%; }
    .menu_side { font-size:16px; line-height:20px; margin-right:0px; }
    .showtablet {display:block; }
    .burgers .burgerimg .over { width:200%; background-color: rgba(0, 0, 0, 0.7);}
    .spriteleft { margin-left:0px; }
    .menu_body ul { margin-left:20%; }
    .menu_body ul.menuli { margin-left:0; }
	.menu_body.cateringmenu ul { margin-left:10%; }
	.menu_body.cateringmenu p { margin-left:10px; }
    .pshow { display:none; }
    .biketext { display:block; }
    .biketext2 { display:none; }
    .mybeefshead h1 { font-size: 30px; }
    .sandwiches h1 { border-right: 0px; }
    
    .bit-70 .aligncol-right, .bit-70 .aligncol-left, .bit-30 .aligncol-left, .bit-30 .aligncol-right
  {
      text-align:center;
  }
    .mybeefshead .col1 img { display:none; }
    .donly { display:none; }
    .monly { display:block; }
}
/* med-small desktop transitions*/
@media (min-width: 68.750em) and (max-width: 86em) 
{
 
     .bit-70,
    .bit-30 {
    width: 100%;
  }
  .bit-70 .aligncol-right, .bit-70 .aligncol-left, .bit-30 .aligncol-left, .bit-30 .aligncol-right
  {
      text-align:center;
  }
 
    #footernav ul li a { 
    padding: 15px 15px;
    }
    
     .feature4 .pill 
    {
        width:90%; 
    }
}