/*
Theme Name: Attitude Burgers
Description: Custom responsive for Attitude Burgers
Version: 2.0
Author: Giant Media
*/
/*  RESET  ============================================================================= */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display: block; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-bottom: 1px solid #cccccc; margin: 1em 0; padding: 0; }
*{ margin:0; } html, body { height:100%; } ol, ul { list-style: none; } a { outline:none; } a img { border: none; }
/*  PAGE  ============================================================================= */
body {font-size:13px; color:#FFF; background:url(images/pageBG.jpg) top center #4e4e50; font-family: Arial, Helvetica, sans-serif;}
 .wrapper { width: 100%; position: relative; }
 h1, h2, h3, h4, .fancytxt, #pHead, .newsU .img .date { font-family: "league-gothic", sans-serif; font-weight:400; text-transform:uppercase;}
/*  HEAD  ============================================================================= */
block { background:url('/wp-content/uploads/2013/09/Attitude-Burgers-text-box.png') repeat; padding:10px 25px; }
#pHead { width:100%; position:relative; top:0;  }
 header { clear: both; width: 85%; /* 1000px / 1250px */ font-size: 1.0em; /* 13 / 16 */ max-width: 1400px; /* 1200px / 13 */ margin: 0 auto; padding: 1.5em 0; }
  #logo { width:25%; float:left;}
   #logo img { max-width:100%;}
  nav#topNav { width:100%; text-align:right; float:right; padding-top:0.5em; }
  .toggleMenu {display: none;color:#fff;font-size:1.0em;text-transform:uppercase;font-weight:400;text-decoration:none;margin-bottom:0.5em;padding:0.6em 0;/* background:#FF0000; */z-index:  999999999999;position: absolute;right: 30px;}
  .nav { list-style: none; *zoom: 1; display:inline-block; }
  .nav:before, .nav:after { content: " ";  display: table; }
  .nav:after { clear: both;}
  .nav a { color:#FFF; text-decoration:none; }
   .nav a:hover { color:#FFF;}
  .nav li { position:relative; font-size:1.75em; line-height:1.0em; margin:0 0 0 1.5em; text-transform:uppercase; color:#ee3124; }
  .nav > li { float: left; }
  .nav > li > a {  display: block; color:#FFF; transition: all 500ms; -webkit-transition: all 500ms; }
  .nav > li > a:hover {
    color: #ee3124;
  }


  
 .intHeader { background-position:top center; background-repeat:no-repeat; }
  .BG1 { background-image:url(images/int1.jpg); }
  .BG2 { background-image:url(images/int2.jpg); }
  .BG3 { background-image:url(images/int3.jpg); }
  .BG4 { background-image:url(images/int4.jpg); }
/*  BODY  ============================================================================= */
#pBody { width:100%; position:relative; z-index:10; }
.drkGr { background:url(images/tbl.png) repeat; }
.redStr { background:#ee3124; transition: all 500ms; -webkit-transition: all 500ms;}
.redStr:hover {background: rgba(200, 49, 36, 1);}
.redStr:hover h2 {transform: scale(0.9);}
.redStr h2 {
  transition: all 500ms; -webkit-transition: all 500ms;
}

.redStr .pCanvas {
      padding: 30px 0px;
      margin-top: 60px;
}
 .redStr h2 { text-align:center;}
 .pCanvas { clear: both; width: 85%; font-size: 0.9em; max-width: 1400px; margin: 0 auto; padding: 2em 0px; line-height: 1.5em; position: relative; }
  .pCanvas img { max-width:100%; height:auto;}
  .pCanvas a { color:#ee3124; text-decoration:none; }
   .redStr a { color:#FFF; }
/*  CONTENT ============================================================================= */
 .intText h1, .intText h2.home {font-size:5.5em;padding:0 0 0.6em 0;line-height:1.2em;text-align: center;padding-top: 60px;margin:0;text-shadow: 0.1em 0.1em 1px #000000;filter: DropShadow(Color=#000000, OffX=3, OffY=3);}
 .intText h2 { font-size:4em; padding:1.2em 0; line-height:1.3em; font-weight:400; text-shadow: 0.1em 0.1em 1px #000000; filter: DropShadow(Color=#000000, OffX=3, OffY=3);  }
  .intText h2.home.extraH { padding:0; line-height:1.3em; text-decoration:underline;}
  .menuList h2{ padding-bottom:0.1em!important;}
 .intText h3 { font-size:3em; padding:0.6em 0 0.6em 0; line-height:1.2em; font-weight:400; text-shadow: 0.125em 0.125em 1px #000000; filter: DropShadow(Color=#000000, OffX=3, OffY=3); }
 .intText h4 { font-size:2em; padding:0.6em 0 0.6em 0; line-height:1.2em; font-weight:400; text-shadow: 0.125em 0.125em 1px #000000; filter: DropShadow(Color=#000000, OffX=3, OffY=3);  }
 .intText p  {margin:0 0 1.6em 0;line-height:1.7em;font-size: 17px;}
 .intText ol { margin:0 0 2.0em 1.5em; font-size:1.15em; }
 .intText ul { margin:0 0 2.0em 1.0em; font-size:1.15em; }
 .intText ol li { margin:0 0 0.35em 1.0em; line-height:1.6em; list-style:decimal; }
 .intText ul li { margin:0 0 0.35em 1.0em; line-height:1.6em; list-style:square; }
 .intText dl { margin-bottom:2.3em}
  .intText dt, .intText dd { vertical-align:top; display:inline-block; margin:0 0 0.2em 0; line-height:1.7em; font-size:1.1em;}
  .intText dt { width:30%;}
  .intText dd { width:67%; }
/*  HOME  ============================================================================= */
.sliderBlk { width:100%; background:#DFDFDF; z-index:0; position:relative; }
 .sliderBlk .pCanvas {position:relative; z-index:10; top:0; }
  #pLogo { width:34%; z-index:100; }
   #pLogo img { max-width:100%;}
.newsU .img { position:relative; margin-bottom:0.5em; }
 .newsU .img .date { position:absolute; top:0.5em; left:0; background:#ee3124; color:#FFF; font-size:1.4em!important; padding:0.5em 1.0em; }
/*  SIDE  ============================================================================= */
/*  FOOT  ============================================================================= */
#pFoot { width: 100%; position:relative; color:#FFF; background:#000; }
 footer {clear: both;width: 95%;font-size: 0.9em;max-width: 92.3em;margin: 0 auto;padding:2.0em 0 1.0em 0;position: relative;z-index:5;padding: 120px 0px 130px;}
  footer img { max-width:100%; height:auto;}
  footer a { color:#FFF!important;}
  footer h3 { font-size:2.0em;padding:0 0 1.7em 0!important;  margin:0; font-weight:400; }
  footer p{ margin:0 0 0.4em 0; line-height:1.5em; font-size:1.1em; }
  footer ul { margin-left:1em}
  footer ul li { font-size:1.1em; line-height:1.55em; list-style:square; }
   footer ul li a { color:#FFF!important; text-decoration:none; }
  #pFoot p.subLine {font-size: 0.90em;line-height:1.0em;text-align:center;margin:0;padding: 4.5em 0;}
   #pFoot p.subLine a { color:#6d6a6a!important; }
/*  SECTIONS  ============================================================================= */
.section { clear: both; padding:0; margin:0;  }
/*  GROUPING  ============================================================================= */
.group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.group { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }
/*  GRID COLUMN SETUP  ==================================================================== */
.col { display: block; float:left; margin: 0 0 0 3%; }
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.span_12_of_12 { width: 100%; margin-left:0; }
.span_11_of_12 { width: 90.5%; }
.span_10_of_12 { width: 82%; }
.span_9_of_12  { width: 73.5%; }
.span_8_of_12  { width: 65%; }
.span_7_of_12  { width: 56.5%; }
.span_6_of_12  { width: 48%; }
.span_5_of_12  { width: 39.5%; }
.span_4_of_12  { width: 31%; }
.span_3_of_12  { width: 22.5%; }
.span_2_of_12  { width: 14%; }
.span_1_of_12  { width: 5.5%; }
/*  SUNDRIES  ============================================================================= */
 .MB0 { margin-bottom:0!important;}
 .MB1 { margin-bottom:1.0em!important;}
 .MB2-5 { margin-bottom:2.5em!important;}
 .MB3 { margin-bottom:3.0em!important;}
 .MB5 { margin-bottom:5.0em!important;}
 .MR0 { margin-right:0!important;}
 .ML1 { margin-left:1.0em!important;}
 .PB0 { padding-bottom:0!important;}
 .PB0-5, .minPad { padding-bottom:0.5em!important;}
 .PB2 { padding-bottom:2.0em!important;}
 .PB4 { padding-bottom:4.0em!important;}
 .PT0 { padding-top:0!important;}
 .PT2-5 { padding-top:2.5em!important;}
 .MT0 { margin-top:0!important;}
 .aCenter {text-align:center;}
 .aLeft { text-align:left;}
 .aRight { text-align:right!important;}
 .noB {border:0!important;}
 .noPad { padding:0!Important;}
 .noMarg { margin:0!important;}
 .posRel { position:relative;}
 .flLeft, .alignleft, .lImg { float:left; display:inline;}
 .flRight, .kImg, .rForm, .alignright { float:right; display:inline;}
 a.editLink {color:#F00; font-weight:bold; font-size:11px; }
 a:hover.editLink {color:#900; text-decoration:underline; }
 .kImg { margin:0 0 2.0em 2.0em; font-size:10px; text-transform:uppercase;}
 .lImg, .bdrImg { background:#FFF; -webkit-box-shadow: 0 4px 3px 1px #96b9be; box-shadow: 0 4px 3px 1px #96b9be; margin:0 2.0em 2.0em 0; }
 .bdrImg { margin:0 0 2.0em 0; }
 .alignright { margin:0 0 15px 20px; }
 .alignleft { margin:0 20px 15px 0; }
 p.dateline, p.pCrumbs { font-size:1.0em; margin:1.5em 0 0.3em 0!important; padding:0;  }
  p.pCrumbs a { color:#908d31;}
 .mainUL { padding:1.0em 0 0 0; margin:0 0 2.0em 0; clear:both; height:1px; border-bottom:1px solid #908d31; }
 .fullUL { clear:both; border-bottom:1px solid #222; }
 #imageDetails { color:#333!important;}
 .smallTxt { font-size:10px; text-transform:uppercase; }
 .lightWt { font-weight:300!important;}
 .rForm { width:280px; margin:0 0 0 20px; font-size:11px; }
 .conForm form { width:100%; font-size:0.9em }
 .conForm form p { margin:0 0 0.5em 0!important; }
 .conForm input, .conForm textarea, .rForm select { background:#EBEBEB; border:0; padding:0.9em 0 0.9em 5%; font-family: Arial, sans-serif; font-size:12px; color:#333; width:93%; margin:0;  -moz-border-radius:0.4em; -khtml-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em;  font-family: 'Roboto Condensed', sans-serif; font-weight:bold; }
  .conForm input.HALF { width:43%; margin-right:1%; }
 .conForm input[type="submit"] { padding-left:2.0em; padding-right:2.0em; width:auto; background:#FF0000; border:0; color:#FFF; text-align:center; }
 .conForm input.CAPTCHA { width:auto!important; display:inline-block!important; vertical-align:middle!important; padding-right:2em;}
 .conForm form img { margin:0 0.3em 0 0!important; display:inline-block!important; vertical-align:middle!important; }
 .clearFl, .portBr { width: 100%; height:0; clear: both; }
 .page_nav { text-align:center; }
  .page_nav .page-numbers{ padding:0.5em 1.0em; margin:0px 1.0em 0 0; border:1px solid #e80000; color:#e80000; text-decoration:none;}  
  .page_nav .page-numbers:hover{ border:1px solid #e80000; background:#e80000; color:#FFF; text-decoration:none;}  
  .page_nav .current{ border:1px solid #e80000; background:#e80000; color:#FFF; }
 .mc-field-group { margin:0 0 1.0em 0;}
  .mc-field-group label { display:none;}
  .mc-field-group label.showLabel { display:inline; margin-right:1.0em;}
  .mc-field-group input, .mc-field-group select, #pFoot .clear input.button {background:#FFF; padding:0.7em 0 0.7em 5%; font-family: 'Open Sans', sans-serif; font-size:1.1em; color:#333; width:85%; margin:0!important; -moz-border-radius:0.4em; -khtml-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em; border:0;}
   .mc-field-group select { width:auto;}
   #pFoot .clear input.button { background:#f77a00; padding:0.5em 1.5em; color:#FFF; width:auto; }
 a.rMore { color:#38b4cb!important; font-weight:400; text-transform:uppercase; font-size:0.9em; }
 .blkLink { color:#FFF; background:#908d31; padding:1.5em;}
  .blkLink p { font-size:1.4em; font-family: 'Open Sans', sans-serif;}
  .blkLink a { color:#FFF;}
 .redTxt { color:#ee3124;}
 .mapFrame {background:#ee3124; padding:1.5em;}
/*  GALLERY  ============================================================================= */
.gallery { margin: auto; /* gallery clearing*/ overflow: hidden; width: 100%; }
.gallery .gallery-item {margin: 0 0 0.5em 0; text-align: center; }
 .gallery .gallery-item img { max-width:95%;}
.gallery .gallery-icon { margin:0!important; padding:0!important; }
.gallery .gallery-icon img { padding:0; margin:0;}
.gallery .gallery-caption { font-size:11px; text-transform:uppercase; margin:3px 0 0 0;}
.gallery br { clear: both }



.current-menu-item a {
  color: #ee3124!important;
}

.menu-item-223 a {
  padding: 13px 23px;
  margin-top: -13px;
  background-color: #ee3124;
  border-radius: 10px;
}

.current-menu-item.menu-item-223 a {
background-color: #fff;
}

.menu-item-223 a:hover {
  background-color: #fff;
}

.restloc {
  padding: 60px 0px 80px;
}


.welcome {
  padding: 0px 0px 40px;
}


.redStr.homey .pCanvas{
  margin-top: 0px!important;
}


.toggleMenu img {
  width: 40px
}


.orderpage #pLogo img {
    max-width: 131px;
    position: absolute;
    top: 0;
    margin-top: -70px;
}



.toggleMenu .close {
  display: none;
}
a.toggleMenu.active .open {
 display: none; 
}

a.toggleMenu.active .close {
 display: block;
}


a.toggleMenu.active {
  position: fixed;
}


 .orderonlinemobile {
    display: none;
  }




/* Jacob */











/* RESPONSIVE */
 @media only screen and (max-width: 900px) { 
 .span_1_of_4 { width: 49.2%; }
  .span_1_of_4:nth-child(2n+1) { clear: both; margin-left: 0; }
 .span_2_of_4 { width: 100%; margin: 1% 0;}
  .homeU h3 { font-size:2.0em;}
  .hLink h3 { padding:0 0 0 0.8em; font-size:1.3em;}
  nav#topNav { padding-top:0;}
  .nav li { font-size:1.25em; }
  .pPhone { width:35%; padding:0.8em 0 0.4em 0; font-size:1.5em;}
  #logo, .pPhone { margin-bottom:1.0em;}
 /*  #logo, #phoneNum, nav#topNav {margin: 1% 0 1% 0%;}	
  #logo{ width:50%; }
  #phoneNum { width:50%; text-align:right;}
  nav#topNav { width:100%}*/
}

@media screen and (max-width: 768px) {
  .nav li { font-size:1.1em; }
}

@media screen and (max-width: 700px) {
 .active { display: block; }
  #logo { width:100%; text-align:center; margin-bottom:1.0em; }
  nav#topNav { width:100%; margin-top:0;}
  .homeU { margin-bottom:1.25em; }
  .908d31 .intHcanv span{ padding-left:0.8em}
  .pPhone { width:100%; padding:0; font-size:1.5em; border-left:0;}
}

@media only screen and (max-width: 600px) {
  .homeU h3 { font-size:1.65em;}
  .span_2_of_8 {width: 32.26%;}
  .span_6_of_8 { width: 66.13%;}
  .span_1_of_3, footer .col { width: 100%; margin:0 0 2% 0!important; }
  .span_8_of_12, .span_3_of_12 { width:100%; margin-left:0;}
   .span_3_of_12 {padding:1.5em 0 0 0; border-top:1px solid #908d31;}
   footer .span_3_of_12 {padding:0; border-top:none;}
  .minPad { padding-bottom:1.0em!important;}
  .bufferCol { display:none; }
  .nav li { font-size:0.8em; }
 .newsSide { width: 100%; padding:1.5em 0 0 0; border-top:1px solid #908d31; }
 .newsMain { width: 100%; padding-right:0; border-right:none; }
  .newsDate { width:30%; padding-bottom:30%; margin:0 auto 0.6em auto;}
}
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) { 
	.col { margin: 1% 0 1% 0%; } 
}
@media only screen and (max-width: 480px) { 
	.span_2_of_2, .span_1_of_2, .span_3_of_3, .span_2_of_3, .span_1_of_3, .span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4, .span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5, .span_6_of_6, .span_5_of_6, .span_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6, .span_7_of_7, .span_6_of_7, .span_5_of_7, .span_4_of_7, .span_3_of_7, .span_2_of_7, .span_1_of_7, .span_8_of_8, .span_7_of_8, .span_6_of_8, .span_5_of_8, .span_4_of_8, .span_3_of_8, .span_2_of_8, .span_1_of_8, .span_9_of_9, .span_8_of_9, .span_7_of_9, .span_6_of_9, .span_5_of_9, .span_4_of_9, .span_3_of_9, .span_2_of_9, .span_1_of_9 { width: 100%; }
}
@media only screen and (max-width: 480px) {
	.span_10_of_10, .span_9_of_10, .span_8_of_10, .span_7_of_10, .span_6_of_10, .span_5_of_10, .span_4_of_10, .span_3_of_10, .span_2_of_10, .span_1_of_10, .span_11_of_11, .span_10_of_11, .span_9_of_11, .span_8_of_11, .span_7_of_11, .span_6_of_11, .span_5_of_11, .span_4_of_11, .span_3_of_11, .span_2_of_11, .span_1_of_11 { width: 100%; }
}
@media only screen and (max-width: 480px) {
	.span_12_of_12,	.span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_4_of_12, .span_3_of_12, .span_2_of_12, .span_1_of_12 { width: 100%; }
}
@media only screen and (max-width: 480px) {
  .hSupp { width:100%; font-size:1.3em; }
  .hClient h3.home {font-size:0.8em!important; }
  .oneColMB1 { margin-bottom:2.0em!important;}
  .servU, #pFoot .col { border-bottom:1px solid #999; margin-bottom:2.5em; padding-bottom:2.5em;}
  .pad_1_of_8 { padding-right:0;}
  footer dt, footer dd{ font-size:1.0em; }
  #sliderBlk, .shopSide { display:none;}
  .homeU { margin-bottom:1.25em; }
   .homeU h3 { font-size:2.4em;}
 .span_1_of_6 { width:32.2%!important; margin-left:1.6%; }
  .span_1_of_6:nth-child(2n+1) { clear: both; margin-left: 0; }
 .nav li { font-size:0.8em; margin-left:0; float:none;}
 .nav li li { width: 100%; font-size:0.9em; }
 .hNewsU { padding-bottom:1.0em;}

  .orderpage #pLogo img {
   display: none;
}
  
  
.nav {
  width: 100%;
  text-align:center;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 99;
  padding-top: 35%;
  transition:  all 500ms;
}

.nav > li > a {
  margin-bottom: 50px;
  font-size: 24px;
}
  
  header {
        min-height: 39px;
  }

.menu-item-223 a {
    padding: 19px 23px;
    width: 36%;
    margin: 0 auto;
}
  
  
  h1 {
    font-size: 36px!important;
  }
  
  h2, h3 {
    font-size: 30px!important;
  }
  
  
  footer img {
    width: 200px;
}
#pFoot p.subLine {
    padding: 4.5em 30px;
    line-height: 2em; 
}

  footer {
        padding: 90px 0px 25px;
  }
  
  
  
  
  
  .tel-mob {
    position: fixed;
    bottom: 10px;
    left: 14px;
    height: 49px;
    width: 49px;
    background: url(images/phone.png) no-repeat center #ee3124;
    border-radius: 50%;
    display: block;
    background-size: 20px;
    z-index: 99999;
}
  
  
  .orderonlinemobile {
    display: block;
  }
  
  
  .orderonlinemobile a {
    padding: 13px 23px;
    background-color: #ee3124;
    border-radius: 10px;
    color: #fff;
    float: left;
    font-size: 18px;
    margin-top: -4px;
    text-decoration: none;
  }
  
  
  
  
  
  
}