/* Jack's CSS 2015 Mobile Version */



@font-face {
    font-family: 'boogalooregular';
    src: url('assets/fonts/boogaloo/boogaloo-regular-webfont.eot');
    src: url('assets/fonts/boogaloo/boogaloo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/boogaloo/boogaloo-regular-webfont.woff2') format('woff2'),
         url('assets/fonts/boogaloo/boogaloo-regular-webfont.woff') format('woff'),
         url('assets/fonts/boogaloo/boogaloo-regular-webfont.ttf') format('truetype'),
         url('assets/fonts/boogaloo/boogaloo-regular-webfont.svg#boogalooregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {font-family:"Palatino Linotype", "Book Antiqua"; font-size:16px; color: #1E647B; line-height: 19px;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: 'boogalooregular';}





img {padding:3px;}
.nopadding {padding:0px;}
.spacer {padding:10px;}



.alignleft {  float: none !important; display: block; margin-right: auto; margin-left: auto;}
.alignright { float: none !important; display: block; margin-right: auto; margin-left: auto;}
.aligncenter { display: block; margin-right: auto; margin-left: auto; }

@media (min-width: 760px) {
	.alignleft {  float: left !important;}
	.alignright { float: right !important;}
	.aligncenter { display: block; margin-right: auto; margin-left: auto; }		
}

@media (min-width: 540px){
.col-sm-6 {
  width: 50%;
}
}

@media (min-width: 992px){
.col-md-3 {
  width: 25%;
}
}

body {background-color:#69c9e1;}


address {
  padding-left: 15px;
}

@media (min-width: 760px) {
	body {
		background-image:url(assets/images/icebackgroundfull.jpg);
		background-repeat:repeat-x;
		background-color:#69c9e1;
	}
		
}
	.jacks-main-wrapper {background-color:#FFFF66; border: 9px solid #FFF;}
	
	.jacks-nav h1 {font-size:26px;   margin-top: 0px;  margin-bottom: 0px;}
	.jacks-nav ul { text-align:center; margin:0px; padding:0px; list-style:none; margin-top:20px;}
	.jacks-nav li { display:block; margin:7px;}
	.jacks-nav li a {color:#FFF;}
	.jacks-nav a { text-decoration:none;}
	
	.hb { background-color:#2f3eb1;	padding: 7px;  	border-radius: 9px;}
	.mb { background-color:#6b2335;	padding: 7px;  	border-radius: 9px;}
	.cb { background-color:#258da4;	padding: 7px;  	border-radius: 9px;}


@media (min-width: 760px) {
	.jacks-nav {}
	.jacks-nav ul { text-align:right; margin:0px 0px -7px 0px; padding:0px;}
	.jacks-nav li { display: inline-block; margin:0px;}
	.jacks-nav a {}
	
	.jacks-nav span { display:none;}
	
	.homebtn {
		background-image:url(assets/buttons/home_button.png); 
		background-repeat:no-repeat;
		height:47px; width:103px; 
		float:left; 
		padding:0px 10px 0px 0px; 
		background-position:0 -1px; 	
	}
	
	.homebtn:hover { background-position:0 9px; }
	
	.menubtn { 
		background-image:url(assets/buttons/menu_button.png); 
		background-repeat: no-repeat; 
		height:47px; width:103px; 
		float:left; 
		padding-right:10px;  
		background-position:0 6px;  
	}
	.menubtn:hover { background-position:0 12px; }
	
	.contactbtn { 
		background-image:url(assets/buttons/contact_button.png); 
		background-repeat: no-repeat; 
		height:47px; 
		width:103px; 
		float:left; 
		padding-right:10px; 
		background-position:0 0px; 
		}
	.contactbtn:hover { background-position:0 6px; }
	
	.hb { background-color: transparent; padding: 0px; border-radius: 0px; }	
	.mb { background-color:transparent;	padding: 0px;  	border-radius: 0px;}
	.cb { background-color:transparent;	padding: 0px;  	border-radius: 0px;}
}




.jacks-content-hp {border:10px solid #e78ba4; background-color:#edefd9; padding:0px;}
.jacks-content {border:10px solid #e78ba4; background-color:#edefd9; padding:9px;}
.vending {padding-bottom:50px;}

.footer { text-align:center; font-size:18px; color:#0d5077; padding:14px;  font-family: 'boogalooregular';}
.footer a {color:#0d5077;}


@media (max-width: 450px)  { 
	#jacks_slider_md { display:none;}
	#jacksslider_hype_container {display:none;}
}

@media (min-width: 451px) and (max-width: 1199px)  { 
	#jacks_slider_sm {display:none;}
	#jacksslider_hype_container {display:none;}
}

@media (min-width: 1200px) { 
	#jacks_slider_sm { display:none;}
	#jacks_slider_md {display:none;}
}




/* ---------------- Menu Buttons --------------------*/

.jacks-menu-nav span {}
.jacks-menu-nav ul {margin:4px; padding:0px; }
.jacks-menu-nav ul li { list-style:none; padding:13px; border-radius:5px; text-align: center; margin:6px; display:-webkit-inline-flex; display: -ms-inline-flexbox; }
.jacks-menu-nav ul li a {color:#FFF; font-family: 'boogalooregular'; font-size:24px;}
.mbtn a {float:left;}


.bar { background-color:#bf4c8f; }
.dippers { background-color:#5e90de; }
.cups { background-color:#ca74dd; }
.pops { background-color:#4ed6dd; }
.frozfruit { background-color:#54d9ab; }
.hispanic { background-color:#65d86b; }
.faces { background-color:#e2dc2e; }
.sandwichs { background-color:#f28300; }
.speciality { background-color:#ff5846; }
.snowcone { background-color:#0030de; }
.kids { background-color:#00e131; }

.treats p { text-align:center; font-family: 'boogalooregular';}

.treats-menu {border-bottom: 1px solid #79c5ec; padding-top:20px; width:80%; clear:both;}

@media (min-width: 992px) { 
	.treats-menu {display:none;}
	.jacks-menu-nav span {display:none;}
	.jacks-menu-nav ul {margin:0px; padding:0px;}
	.jacks-menu-nav ul li { list-style:none; width:124px; border-radius:0px; text-align:left; display:inline-block; margin:0px; padding:0px; }
	.jacks-menu-nav ul li a {color:#FFF; font-family: 'boogalooregular'; font-size:16px;}
	
	.mbtn a {height: 34px; width: 124px; float:left;}
	.bar { background-image:url(assets/buttons/bar_btn.png); background-repeat:no-repeat; background-position:-6px 0px; background-color:transparent; }
	.bar:hover { background-position:0px 0px; }
	
	.dippers { background-image:url(assets/buttons/bigdipper_btn.png); background-repeat:no-repeat; background-position:-15px 0px; background-color:transparent; }
	.dippers:hover  { background-position:-5px 0px; }
	
	.cups { background-image:url(assets/buttons/cups_btn.png); background-repeat:no-repeat; background-position:-15px 0px; background-color:transparent; }
	.cups:hover  { background-position:-5px 0px; }
	
	.pops { background-image:url(assets/buttons/bombpops_btn.png); background-repeat:no-repeat; background-position:-15px 0px; background-color:transparent; }
	.pops:hover  { background-position:-5px 0px; }
	
	.frozfruit { background-image:url(assets/buttons/frozfruit_btn.png); background-repeat:no-repeat; background-position:-15px 0px; background-color:transparent; }
	.frozfruit:hover  { background-position:-5px 0px; }
	
	.hispanic { background-image:url(assets/buttons/hispanic_btn.png); background-repeat:no-repeat; background-position:-15px 0px; background-color:transparent; }
	.hispanic:hover  { background-position:-5px 0px; }
	
	.faces { background-image:url(assets/buttons/faces_btn.png); background-repeat:no-repeat; background-position:-15px 0px; background-color:transparent; }
	.faces:hover  { background-position:-5px 0px; }
	
	.sandwichs { background-image:url(assets/buttons/sandwich_btn.png); background-repeat:no-repeat; background-position:-15px 0px; background-color:transparent; }
	.sandwichs:hover  { background-position:-5px 0px; }
	
	.speciality { background-image:url(assets/buttons/speciality_btn.png); background-repeat:no-repeat; background-position:-15px 0px; background-color:transparent; }
	.speciality:hover  { background-position:-5px 0px; }
	
	.snowcone { background-image:url(assets/buttons/snowcones_btn.png); background-repeat:no-repeat; background-position:-15px 0px; background-color:transparent; }
	.snowcone:hover  { background-position:-5px 0px; }
	
	.kids { background-image:url(assets/buttons/kids_btn.png); background-repeat:no-repeat; background-position:-15px 0px; background-color:transparent; }
	.kids:hover  { background-position:-5px 0px; }
}
	
