/*
Theme Name: Go Vita
Description: Custom responsive theme for Go Vita Coffs Central
Version: 1.0
Author: Out-Sauced
*/
/*  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; }
 { behavior: url(/PIE.htc); position:relative; }
/* =============================================================== */
/* ### PAGE ### */
/* =============================================================== */
body { font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size:16px; color:#212121; background:url(images/hBody.jpg) #d2bea3; }
#page { width: 100%; position: relative; z-index:50; min-height:100%; height:auto!important; height:100%; }
header, .pCanvas, footer { clear: both; width: 97.5%; font-size: 1em; max-width: 65em; margin: 0 auto; position: relative; }
/* =============================================================== */
/* ### HEAD ### */
/* =============================================================== */
#pHead { width:100%; z-index:90; color:#FFF; background:#303035; position:relative; -webkit-box-shadow: 0 2px 3px 0px #333333; box-shadow: 0 2px 3px 0px #333333; }
.fixedHead { position:fixed!important; top:0; }
.intFix { position:fixed!important; }
 header { padding:0.5em 0 0 0; position:relative; }
  #logo { margin:0; width:8%; float:left; }
   #logo a { display:block; width:100%; padding-bottom:100%; background-image:url(images/go-vita.png); background-position:0 0 ; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-repeat:no-repeat;   }
    #logo a span { display:none;}
  .navBar { width:92%; float:right; position:relative; padding-top:1em;}
   .toggleMenu { display:none; color: #fff; position:absolute; top:0.8em; left:0.3em; text-decoration:none; width:auto; font-size:1em; padding:0.25em 0.6em; background:url(images/tbl.png); text-transform:uppercase;  }
   nav#topNav { position:relative; clear:both; width:100%; position:relative; }
	.nav { list-style: none; *zoom: 1; display:inline; float:right; }
    .nav ul { list-style: none; display:table; }
    .nav a { color:#FFF; text-decoration:none; display: block; padding:1.25em 0.5em 0.25em 0.5em; background:url(images/tbl.png);  }
    .nav li { position: relative; font-size:1em; line-height:1em; float:left; display:inline; text-transform:uppercase; margin-left:0.1em; font-weight:700; }
    .nav > li { float: left; }
     .nav li:hover a { background:#111;  }
    .nav li  ul {  position: absolute;  left: -9999px; background:#303035; z-index:100; width:13.5em; display:block; -webkit-box-shadow: 2px 2px 3px 0px #333333; box-shadow: 2px 2px 3px 0px #333333;  }
    .nav > li.hover > ul { left:0;}
    .nav li li.hover ul { left: 100%; top: 0;}
    .nav li li { margin-left:0; font-size:0.9em; width:100%; text-align:left; border-right:0;}
    .nav li li a { display: block; position: relative; z-index:100; color:#FFF; padding:0.75em 0 0.75em 1em; font-weight:400; }
    .nav li li a:hover { background:url(images/tbl.png); }
     .nav li li:first-child { margin-left:0; }
   .social { font-size:1.3em; float:right; font-weight:700; margin-bottom:0.4em; }
    .social img, .social .icons a { max-height:20px; width:auto; }
	.social .phone, .social .icons { display:inline-block; vertical-align:middle; }
	.social .phone { padding-bottom:0.15em; margin-left:1em;}
 .bLogo { position:relative; z-index:200; height:0!important; padding-top:0!important; }
  #bigLogo { margin:0 auto; width:20%; padding:0.5em 3%; background:url(images/tbl.png);}
   #bigLogo span { display:block; width:100%; padding-bottom:108.37%; background-image:url(images/go-vita-coffs-central.png); background-position:0 0 ; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-repeat:no-repeat; }
/* =============================================================== */
/* ### BODY ### */
/* =============================================================== */
#pBody { width:100%; position:relative; }
 .pCanvas img { max-width:100%; height:auto;}
 .pCanvas a { text-decoration:none; color:#ed1c24; }
 .pCanvas a:hover { text-decoration:underline; }
 .greyBlk { background:#E0E0E0;}
  .greyBlk .pCanvas { padding:1em 0 2em 0; }
 .pCanvas.tallCanv { padding:2em 0;}
 .imgBG { background-position:50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:no-repeat; -webkit-box-shadow: 0 2px 3px 0px #666666; box-shadow: 0 2px 3px 0px #666666; padding:2em 0; }
  .imgBG .pCanvas { background:url(images/ttan.png); }
   .imgBG .pCanvas .rowG { padding: 0 1.25%;}
 .headImg { padding-bottom:15%; background-position:50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:no-repeat; margin-bottom:1em; }
 .conP { background:url(images/ttan.png); padding: 0 1.25%; -webkit-box-shadow: 0 0 2px 0 #998469; box-shadow: 0 0 2px 0 #998469; margin-bottom:2em; }
/* =============================================================== */
/* ### MAIN CONTENT ### */
/* =============================================================== */
 .intText h1 { font-size:2.45em; padding:0.25em 0 0.65em 0; line-height:1.1em; font-weight:300; margin:0; /*text-shadow: 1px 1px 1px #010101;*/ }
 .intText h2 { font-size:2em; padding:0.75em 0 0.4em 0; line-height:1.35em; font-weight:300; /*text-shadow: 1px 1px 1px #010101;*/ }
 .intText h3 { font-size:1.5em; padding:0.6em 0 0.4em 0; line-height:1.25em; }
 .intText p { margin:0 0 1em 0; line-height:1.4em; }
 .intText ol { margin:0 0 1.0em 1.5em; }
 .intText ul { margin:0 0 1.0em 1.0em; }
 .intText ol li { margin:0 0 0.35em 1.0em; line-height:1.5em; list-style:decimal;  }
 .intText ul li { margin:0 0 0.35em 1.0em; line-height:1.5em; list-style:square; }
 .intText dt, .intText dd { float:left; display:inline; margin-bottom:0.7em; }
  .intText dt { font-weight:700; text-transform:uppercase; width:40%}
  .intText dd { width:60%;}
/* =============================================================== */
/* ### HOME ### */
/* =============================================================== */
 .swipe { width:100%; z-index:100; position:relative; overflow:hidden; padding-bottom:30%;  -webkit-box-shadow: 0 2px 3px 0px #333333; box-shadow: 0 2px 3px 0px #333333;}
  .swipe-wrap { overflow: hidden; position: absolute; }
   .swipe-wrap  .slidepanel { float:left; width:100%; position: relative; background-position:50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:no-repeat; }
   .swipe-wrap h2 { font-size:4em; padding:0 0.25em!important; line-height:1.15em!important; text-shadow: 2px 2px 2px #222222; font-weight:400; position:absolute; right:0; top:100px; max-width:70%; text-align:right; text-transform:uppercase; background:url(images/tlblk.png); }
  #hBody { position:relative; z-index:70; }
   #hBody .pCanvas.introArea { padding:2em 0;}
  .homeURow { -webkit-box-shadow: 0 0 2px 0 #998469; box-shadow: 0 0 2px 0 #998469; background-color:#ddcbb3; }
  .homeURow .homeU { width: 48.4%; min-height:100%!important; display:table-cell; float:none; margin:0; padding:1.5em 1.27% 8% 1.27%; background-color:#ddcbb3; background-image:url(images/uLine.png); background-position:50% 96%; -webkit-background-size: 65%; -moz-background-size: 65%; -o-background-size: 65%; background-size: 65%; background-repeat:no-repeat; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
  .homeURow .homeU:hover, .homeURow .homeU:focus{ background-color:#e7dcce; -webkit-box-shadow: -2px 2px 4px 0 #998469; box-shadow: -2px 2px 4px 0 #998469; -webkit-background-size: 75%; -moz-background-size: 75%; -o-background-size: 75%; background-size: 75%; }
   .psRow { float:left; width:50%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; }
   .homeURow .homeU h2 { text-align:center; font-weight:700; text-align:center; text-transform:uppercase; font-size:1.4em; margin-bottom:0.5em; padding-bottom:13.5%; background-image:url(images/uLine.png); background-position:50% bottom; -webkit-background-size: 65%; -moz-background-size: 65%; -o-background-size: 65%; background-size: 65%; background-repeat:no-repeat; }
   .homeU h3 { font-size:1.1em; padding:0 0 0.4em 0; line-height:1.25em; }
   .homeU p { margin:0 0 0.5em 0; line-height:1.3em; font-size:0.9em }
   .homeU .img { position:relative; width:100%; height:0; padding-bottom:55%; overflow:hidden; margin-bottom:0.75em; }
    .homeU .img img { position:absolute; }
/* =============================================================== */
/* ### RESPONSIVE GRID ### */
/* =============================================================== */
 /*  SECTIONS  ============================================================================= */
 .rowBR { clear: both; }
  .rowBR.MB3 { margin-bottom:3em;}
 /*  GROUPING  ============================================================================= */
 .rowG:before, .rowG:after { content:""; display:table; }
 .rowG:after { clear:both; }
 .rowG { zoom:1; /* For IE 6/7 (trigger hasLayout) */ }
 .rowG.stkCol { border-bottom:1px solid #c7b299; margin-bottom:1em; padding-bottom:1em;}
 /*  GRID COLUMN SETUP  ==================================================================== */
 .col { display: block; float:left; margin: 0 0 1% 2.54%; }
 .col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
 .rCol { float:right; margin-left:2.54%!important }
 .clCol { margin-left:0!important; }
 .vamCol { display:inline-block; vertical-align:middle; margin-left:1.5%!important; float:none!important }
  .vamCol:first-child { margin-left:0!important; }
 .phCol { float:left; display:inline; margin:0; height:0; position:relative; overflow:hidden; }
 .third1 { float:right; margin-left:2.54%;}
 .third2 { margin-left:0;}
 /*  GRID OF TWELVE   ============================================================================= */
 .c_12_12 { width: 100%; }
 .c_11_12 { width: 91.4%; }
 .c_10_12 { width: 82.86%; }
 .c_9_12 { width: 74.32%; }
 .c_8_12 { width: 65.78%; }
 .c_7_12 { width: 57.24%; }
 .c_6_12 { width: 48.7%; }
 .c_5_12 { width: 40.16%; }
 .c_4_12 { width: 31.62%; }
 .c_3_12 { width: 23.08%; }
 .c_2_12 { width: 14.54%; }
 .c_1_12 { width: 6%; }
  .pL_1_12 { padding-left:8.54%; }
  .pR_1_12 { padding-right:8.54%; }
  .c_1h_12 { width: 10%; padding-right:4.54%; }
 /*  GRID OF TWO   ============================================================================= */
 .c_1_2 { width: 48.73%; }
 /*  GRID OF THREE   ============================================================================= */
 .c_2_3 { width: 65.82%; }
 .c_1_3 { width: 31.64%; }
 /*  GRID OF FOUR   ============================================================================= */
 .c_3_4 { width: 74.35%; }
 .c_2_4 { width: 48.72%; }
 .c_1_4 { width: 23.09%; }
 /*  GRID OF FIVE   ============================================================================= */
 .c_4_5 { width: 79.46%; }
 .c_3_5 { width: 58.96%; }
 .c_2_5 { width: 38.46%; }
 .c_1_5 { width: 17.96%; }
 /*  GRID OF SIX   ============================================================================= */
 .c_5_6 { width: 82.79%; }
 .c_4_6 { width: 65.74%; }
 .c_3_6 { width: 48.69%; }
 .c_2_6 { width: 31.64%; }
 .c_1_6 { width: 14.55%; }
/* =============================================================== */
/* ### FOOT ### */
/* =============================================================== */
#pFoot { width: 100%; background:#303035; color:#FFF; }
 footer { padding-top:2em; background:url(images/tbl.png); z-index:0; position:relative; }
  footer .rowG { padding:0 1.25%; }
  footer .logo, footer .CClogo { display:block; width:100%; background-position:0 0 ; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-repeat:no-repeat; margin-bottom:1.5em; }
   footer .logo { display:block; padding-bottom:108.37%; background-image:url(images/go-vita-coffs-central.png); }
   footer .CClogo { padding-bottom:116%; background-image:url(images/coffs-central.png); }
  footer h3 { margin:0 0 0.75em 0; text-align:center; font-weight:700; text-align:center; text-transform:uppercase; font-size:1.25em; margin-bottom:0.5em; padding-bottom:8.5%; background-image:url(images/uLineWh.png); background-position:50% bottom; -webkit-background-size: 35%; -moz-background-size: 35%; -o-background-size: 35%; background-size: 35%; background-repeat:no-repeat; }
  footer p { margin:0 0 0.75em 0; line-height:1.25em;  }
  footer dt, footer dd { float:left; display:inline; margin-bottom:0.7em; }
   footer dt { font-weight:700; text-transform:uppercase; width:45%}
   footer dd { width:55%;}
  footer img { max-width:100%;}
  #mc_embed_signup form { width:100%; }
  #mc_embed_signup .mc-field-group { margin:0 0 0.5em 0!important; font-size:0.9em }
  #mc_embed_signup form label { display:none; }
  #mc_embed_signup form input { background:url(images/tbl.png); border:1px solid #777; padding:0.5em 0 0.5em 5%;  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;font-size:1em; line-height:1.1em; color:#FFF; width:94%; margin:0; font-weight:300; }
  #mc_embed_signup form input[type="submit"] { padding:0.6em 0.75em!important; width:auto!important; background:#7f090e; color:#FFF; border:1px solid #7f090e; text-transform:uppercase; }
   #mc_embed_signup form input[type="submit"]:hover { background:#ed1c24; }
  #mc_embed_signup form .indicates-required { color:#666; margin-bottom:1.0em; font-size:0.8em; text-align:right; font-style:italic; color:#ed1c24; }
 .pFootSub { text-transform:uppercase; line-height:1.25em; font-size:0.7em; padding:1em 1.25%;}
  .pFootSub a { text-decoration:none; color:#ed1c24; }
  .pFootSub a:hover { text-decoration:underline; }
  .pFootSub span, .pFootSub ul, .pFootSub li { float:left; display:inline; }
   .pFootSub span, .pFootSub ul { margin-right:1em; padding-right:1em; border-right:1px solid #FFF; }
   .pFootSub li { margin: 0 0 0 0.5em; }
/* =============================================================== */
/* ### SIDE ### */
/* =============================================================== */
.intSide { border-left:1px solid #212121; padding:1em 0 2em 1em; }
 .intSide h2, .sSaver h2 { font-size:1.2em; font-weight:700; padding:0 0 0.25em 0; line-height:1.1em; text-transform:uppercase; text-align:center; border-bottom:1px solid #ad9a82; margin-bottom:0.5em}
 .intSide ol { margin:0 0 1.0em 0; }
 .intSide ul { margin:0 0 1.0em 0; }
 .intSide ol li { margin:0 0 0.35em 0; list-style:none;  }
 .intSide ul li { margin:0; list-style:none; line-height:1.1em; border-bottom:1px solid #ad9a82; padding:0.5em 0; background-image:url(images/go-vita.png); background-position:0 50%; -webkit-background-size: 10%; -moz-background-size: 10%; -o-background-size: 10%; background-size: 10%; background-repeat:no-repeat; padding-left:15%; }
 .intSide .homeU h3 { font-size:1em; padding:0 0 0.4em 0; line-height:1.25em; }
 .intSide .homeU .img {background:#ad9a82; padding-bottom:45%; }
#sidebar { padding:1.0em 0.5em; color:#FFF; background:url(images/tlblk.png); border:1px solid #4a000b; }
 #sidebar li { border-top:3px solid #880f06; padding:1em 0 0 0; margin:0 0 1em 0; list-style:none;}
  #sidebar li a { color:#FFF;}
  #sidebar li:first-child { border-top:0; padding-top:0; }
  #sidebar li li { border-top:0; padding:0; margin-bottom:0.25em; font-size:0.9em; padding-left:0.5em }
  #sidebar li li li { background:none; padding-left:0.4em!important; }
 #sidebar h2 { font-size:1.4em; padding:0 0 0.2em 0; line-height:1.2em; text-transform:uppercase; text-align:center; font-weight:300; border-bottom:1px solid #880f06; margin-bottom:0.4em; }
 #sidebar .product_list_widget li { background:none; float:left; display:inline; width:49.2%; margin:0 0 1em 1.6%; padding:0!important; font-size:0.9em; }
  #sidebar .product_list_widget li:first-child { margin-left:0;}
  #sidebar .product_list_widget li:nth-child(2n+1) { clear:both; margin-left:0;}
  #sidebar .product_list_widget li img{ max-width:100%; margin:0 auto 0.5em auto; display:block;}
  #sidebar .product_list_widget li a { font-weight:700;}  
 #sidebar .product_list_widget { overflow:hidden;}
/* =============================================================== */
/* ### SUNDRIES ### */
/* =============================================================== */
 /* SPACING */
 .MB0 { margin-bottom:0;}
 .MB0_5 { margin-bottom:0.5em;}
 .MB1_5 { margin-bottom:1.5em;}
 .MB3 { margin-bottom:3em;}
 .MB5 { margin-bottom:5em;} 
 .MR0 { margin-right:0!important;}
 .ML0 { margin-left:0!important;}
 .noB {border:0!important;}
 .noPad { padding:0!Important;}
 .noMarg { margin:0!important;}
 .PT0 { padding-top:0!important;}
 .PT1 { padding-top:1em!important;}
 .PT1-5 { padding-top:1.5em!important;}
 .PT3 { padding-top:3em!important;}
 .PT3-5 { padding-top:3.5em!important;}
 .PT4 { padding-top:4em!important;}
 .PT100 { padding-top:100px!important;}
 .PB0 { padding-bottom:0!important;}
 .PB5 { padding-bottom:5em!important;}
 .mainUL { border-bottom:1px dashed #BBB; padding-top:10px; clear:both; width:100%; height:1px; }
 .lgeColBr { background:url(images/colBr.png) bottom center no-repeat; padding-bottom:5.7em; margin-bottom:1.2em; }
 /* TEXT */
 .alignleft { margin:0 20px 15px 0; max-width:50%!important; padding-bottom:1em; border-bottom:1px solid #ed1c24; }
 .alignright { margin:0 0 15px 20px; max-width:50%!important; padding-bottom:1em; border-bottom:1px solid #ed1c24;}
 .aCenter {text-align:center;}
 .aLeft { text-align:left;}
 .aRight { text-align:right!important;}
 .tItal { font-style:italic;}
 .linethrough { text-decoration:line-through;}
 .smlTxt { font-size:12px; font-style:italic; margin:0; text-align:right;}
 .clearFl { clear:both; display:block; width:100%; }
 p.B2Top { text-align:right; font-size:0.75em; text-transform:uppercase; font-weight:700; }
 p.edLnk { line-height:14px; margin-bottom:10px!important; font-weight:bold;}
 a.editLink { color:#C00!important; text-decoration:none; text-transform:uppercase; font-size:10px; }
 a.readMore, .dateBlk {display:inline-block; color:#FFF; padding:0.75em 3em; background:#05233b; text-transform:uppercase; font-size:1em; text-decoration:none; }
  .pageBlk a.seeMore { background:#05233b;}
  .intBlk a.seeMore { bottom:1.5em;}
  .workBlk a.seeMore { position:static; display:inline-block; background:#05233b; border:1px solid #174970;}
   .workBlk a.seeMore:hover { background:url(images/tblu.png); }
 .brcrmbs, .dateline { font-size:0.8em!important; padding:15px 0 0 0; font-weight:300;  text-transform:uppercase; line-height:1em!Important;}
 .stepU h2 { padding-top:0; font-size:1.6em}
 .read-more, .read-less { margin-bottom:2em; display:inline-block }
 .expander a.read-more, .content a.read-less { font-size:1.3em; margin:0.5em 0 1em 0; }
  .workBlk .content a.read-less { font-size:1em; margin:0.5em 0 2em 0; }
 .toggleSide { display:none; color: #fff; text-decoration:none; width:auto; font-size:1.15em; margin-bottom:0.5em; }
 .sideDeets dt, .sideDeets dd { border-top:1px dashed #444; padding:0.8em 0; margin-bottom:0;}
  .sideDeets dt { text-transform:uppercase; width:40%; float:left; font-size:0.9em; clear:both; }
  .sideDeets dd { width:60%; float:right; }
 a.pdfDload { display:block; color:#FFF; font-size:0.9em; font-weight:800; background-image:url(images/pdf_icon.png); background-position:0 50% ; -webkit-background-size:16px 16px; -moz-background-size: 16px 16px; -o-background-size: 16px 16px; background-size: 16px 16px; background-repeat:no-repeat!important; padding:0.2em 0 0.2em 20px; }
 .fb-like-box { width:100%!important; border:1px solid #ffb584; }
  .fb-like-box span, .fb-like-box span iframe { width:100%!important;}
 /* FORMS */
 .wpcf7 form, .stepU form { width:100%; }
 .wpcf7 form p, .stepU form p { margin:0 0 0.9em 0!important; font-size:0.9em }
 .wpcf7 .mimic { background:#ad9a82; border:1px solid #444; padding:0.5em 0 0.5em 5%; width:94%; margin:0 0 0.5em 0!important; font-size:0.9em; col}
 .wpcf7 input, .wpcf7 textarea, .wpcf7 select, .stepU input, .stepU textarea { background:#ad9a82; border:1px solid #444; padding:0.5em 0 0.5em 5%;  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size:1.0em; line-height:1.1em; color:#212121; width:94%; margin:0; }
 .wpcf7 input[type="checkbox"], .stepU input[type="checkbox"] { padding:0!important; width:auto!important; background:#111; border:1px solid #444; }
 .wpcf7 input[type="submit"], .stepU input[type="submit"] { padding:0.6em 0.75em!important; width:auto!important; background:url(images/tbl.png); color:#FFF; }
 .wpcf7 input[type="file"] { background:none; border:0; padding:0.5em 0 0 0; width:100%; }
 .wpcf7 input.CAPTCHA, .stepU input.CAPTCHA { width:5em!important; display:inline-block!important; vertical-align:middle!important;}
 .wpcf7 form img, .stepU form img { margin:0 0.2em 0 0!important; display:inline-block!important; vertical-align:middle!important; }
 .wpcf7 .mc-field-group label { display:none;}
 .wpcf7 .indicates-required { color:#0d5e9b; margin-bottom:1.0em; }
 .wpcf7 .content { padding-bottom:1.5em; margin-bottom:1.5em; border-bottom:1px solid #3b607d;}
  ::-webkit-input-placeholder {color: #FFF;}
  :-moz-placeholder { /* Firefox 18- */ color: #FFF;  }
  ::-moz-placeholder {  /* Firefox 19+ */  color: #FFF;  }
  :-ms-input-placeholder {  color: #FFF;  }
  .conForm.deviceBook { padding-top:0.5em;}
 /* GALLERY */
.gallery { margin:0 auto 3em auto; overflow: hidden; width: 100%; }
.gallery .gallery-item {margin-bottom:1em; text-align: center!important; }
 .gallery .gallery-item img { max-width:100%;}
.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:0.4em 0 0 0;}
 /* SHARE */
 .sideFB { margin:0 0 1em 0; }
  .sideFB span { float:left; display:inline; }
   .sideFB span.fancytxt {font-size:0.95em; font-weight:800; padding-top:0.2em; text-transform:uppercase;  }
  .sideFB a { position:relative; display:inline-block; text-indent:-9999px; width:16px; height:16px; margin-left:0.5em; }
  .sideFB a span { position:absolute; top:0; left:0;}
 /* GENERAL */
 .flLeft, .alignleft, .hMenu ul li, .bCol { float:left; display:inline;}
 .flRight, .alignright, .rForm, .rImg { float:right; display:inline;}
 a.thLink { background:#FFF; padding:5px; font-size:11px; display:block;}
 .rImg { margin:0 0 2.0em 2.5%; font-size:0.8em; text-transform:uppercase; }
  .sideTh { padding:0 0.75em 0.75em 0.75em; background:#05233b; margin-top:1em; }
  .sideTh img { border:1px solid #174970;}
 .img.dateH { position:relative; }
  .img.dateH .dateBlk { position:absolute; bottom:0.3em; right:0.3em; }
  .page_nav { margin-top:1.5em; font-weight:300; font-size:1.1em; text-align:center;  border-bottom:1px solid #ad9a82; border-top:1px solid #ad9a82; margin-bottom:0.5em; text-transform:uppercase; padding:1em 0; }
  .page_nav span, .page_nav a { margin-right:0.6em;}
  .page_nav a { text-decoration:none; color:#ae0100!important; }
 .prettyButton {line-height:1em; border:none; cursor:pointer; text-transform:uppercase; color:#FFF;  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;-moz-border-radius:0.3em; -khtml-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; font-weight:700; background-color:#d50100; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d50100', EndColorStr='#700100');background-image: -webkit-gradient(linear, left top, left bottom, from(#d50100), to(#700100)); background-image: -webkit-linear-gradient(top, #d50100, #700100); background-image: -moz-linear-gradient(top, #d50100, #700100); background-image: -o-linear-gradient(top, #d50100, #700100); background-image:linear-gradient(to bottom, #d50100, #700100); outline:none!important}
 .sepr { position:relative; margin-bottom:3em; }
  .seprScroll { clear:both; display:block; margin:2em 0 0 0!important; background-image:url(images/uLine.png); background-repeat:no-repeat; background-position:center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size:contain; position:relative; z-index:50; padding:0.25em 0; min-height:0.5em;}
  .intSide .seprScroll { margin:2em 0!important; padding:0 0 5% 0!important; height:0!important; }
  .sepr .logo { width:100%; height:0; padding-bottom:10%;background-image:url(images/outsauced-resources-logo.png); background-repeat:no-repeat; background-position:center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size:contain; position:relative; z-index:50; }
  .sepr .inner { width:100%; position:absolute; top:50%; border-top:1px solid #174970; height:0; }
 .pageBlk { padding:6em 0 6em 0; margin-top:10em; position:relative;}
 #imageDetails a, #imageDetails { text-decoration:none; color:#05233b!important; }
  #imageDetails a:hover { text-decoration:underline; }
 .workBlk { clear:both!important; padding:0 0 2em 0; }
 .gallThmb { margin-top:0.75em;}
 .blogBlk { margin-bottom:1.5em;}
 .blogBlk:nth-child(2n+1) { margin-left:0!important; clear:both;}
 .blkBrk { padding-bottom:1em; margin-bottom:1em; border-bottom:1px dashed #333;}
 .eyeFrame { position: relative; padding-bottom: 60%; height: 0; overflow: hidden; background:#000; z-index:0!important; width:100%; } 
  .eyeFrame iframe, .eyeFrame object, .eyeFrame embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:0!important}
  .intSide .eyeFrame { border:1px solid #4a000b; margin-bottom:1em; }
 .intSide .hTesti { padding:0.75em; background:url(images/tlblk.png); margin-top:2em; border:1px solid #4a000b; }
 .roundIMG { -moz-border-radius:50%; -khtml-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
 .recipeBlk, .tipBlk { padding-bottom:6%; background-image:url(images/uLine.png); background-position:50% 96%; -webkit-background-size: 55%; -moz-background-size: 55%; -o-background-size: 55%; background-size: 55%; background-repeat:no-repeat; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;}
  .recipeBlk.homeU .img { padding-bottom:85%; }
  .recipeBlk:nth-child(3n+1), .tipBlk:nth-child(3n+1) { clear:both; margin-left:0;}
  .recipeBlk:hover, .tipBlk:hover  {background-color:#e7dcce; }
  .recipeBlk h3, .recipeBlk p, .tipBlk h3, .tipBlk p { padding-left:0.25em; padding-right:0.25em; }
  .sSaver span { font-size:0.8em; text-transform:uppercase;}
  .sSaver img { margin-bottom:0.5em; }
 /* MODAL WINDOW */
 .modal {display:none; }
 #simplemodal-overlay {background-color:#000; cursor:wait;}
 #simplemodal-container {color:#FFF; background-color:#202020; padding:2em 1em; border:1px solid #666; width:75%; max-width:35em; min-height:28em;}
 #simplemodal-container a.modalCloseImg {z-index:3200; position:absolute; top:3px; right:10px; cursor:pointer; font-size:11px; text-transform:uppercase; text-decoration:none; color:#d50100;font-weight:700;}
 .simplemodal-wrap { overflow:auto!important}
 #simplemodal-container h3 { font-size:2em; margin:0 0 1.2em 0; line-height:24px; font-weight:300;}
 #simplemodal-container p { margin:0 0 1em 0; line-height:1.4em; font-size:1em; font-weight:300!important; }
 #simplemodal-container ol { margin:0 0 1.0em 1.5em; }
 #simplemodal-container ul { margin:0 0 1.0em 1.0em; }
 #simplemodal-container ol li { margin:0 0 0.35em 1.0em; line-height:1.5em; list-style:decimal; font-weight:300!important; }
 #simplemodal-container ul li { margin:0 0 0.35em 1.0em; line-height:1.5em; list-style:square; font-weight:300!important; }
 #simplemodal-container form { width:100%; font-size:11px; padding-bottom:3em; }
 #simplemodal-container form p { margin:0 0 10px 0!important; line-height:12px!important; }
 #simplemodal-container input, #simplemodal-container textarea, #simplemodal-container select { background:#111; border:1px solid #444; padding:5px 2% 5px 2%; font-family: Arial, sans-serif; font-size:12px; color:#FFF; width:95%; margin:0!important; }
 #simplemodal-container input.half { width:110px; margin:0 5px 0 0!important; }
 #simplemodal-container input[type="submit"] { padding:4px 15px!important; width:90px!important; background:#428fbf; border:1px solid #428fbf; color:#FFF; font-weight:bold;}
 #simplemodal-container input.CAPTCHA { width:50px!important; display:inline-block!important; vertical-align:middle!important;}
 #simplemodal-container form img { margin:0 5px 0 0!important; display:inline-block!important; vertical-align:middle!important; }
 #simplemodal-container .wpcf7-use-title-as-watermark { color:#555!important;}
/* ======================================== */
/* ### MOBILE / RESPONSIVE ################ */
/* ======================================== */
 @media screen and (max-width: 950px) {
  #logo { padding-top:0.5em; }
    .nav li { font-size:0.95em; }
 } 
 @media screen and (max-width: 860px) {
  #logo { width:6%; }
  .navBar { width:94%; padding-top:0.5em;}
    .nav li { font-size:0.9em; }
 } 
 @media screen and (max-width: 800px) {
    .nav li { font-size:0.8em; }
 } 
 @media screen and (max-width: 750px) {
  #logo { padding-bottom:0.5em; }
 .active { display: block; }
  nav#topNav { clear:both; float:none; padding:0  }
  .nav { float:left!important; clear:both; width:100%; padding-left:0.25em; }
  .nav a, .nav > li > a { padding:0.5em 0 0.5em 0.45em; }
  .nav a:hover, .nav > li.hover a, .nav li.hover a { background:url(images/tbl.png);}
  .nav li ul.sub-menu { border-bottom:1px solid #FFF;}
   .nav li { float: none; margin:0; width:100%; clear:both; padding:0; border:0;  }
   .nav > li { float: none; margin-left:0; width:100%; clear:both; }
    .nav ul { display: block; width: 100%; clear:both; }
    .nav > li.hover > ul, .nav li.hover ul {position: static; }
	.nav li ul {width:auto; padding-left:0; margin-left:0; background:none; }
	.nav > li.hover > ul, .nav li.hover ul, .nav > li.hover li a, .nav li.hover li a { background:#a9a9a9;}
	.nav li li { background:none; font-size:1em;}
	.nav li li a { background:none;  padding:0.5em 0 0.5em 0.7em; }
	.nav > li.hover a:hover, .nav li.hover a:hover, .nav li li a:hover { background:#5c5c5c; }
 .full700 { width:100%; margin-left:0; padding-left:0; padding-right:0; }
  .recipeBlk, .tipBlk { width:48.73%;}
   .recipeBlk:first-child, .tipBlk:first-child { clear:both; margin-left:0!important;}
   .recipeBlk:nth-child(3n+1), .tipBlk:nth-child(3n+1) { clear:none; margin-left:2.54%;}
   .recipeBlk:nth-child(2n+1), .tipBlk:nth-child(2n+1) { clear:both; margin-left:0;}
 } 
 @media screen and (max-width: 600px) {
 .mainL { width: 67.32%;}
 .mainR { width: 30.08%;}
 .psRow { clear:both; float:none; width:100%; }
 footer .logoCol { width: 23.08%; }
 footer .fDeets { width: 65.78%; }
 footer .f3rdCol { float:none; width: 100%; margin-left:0; clear:both; padding-top:2em;  }
  footer .f3rdCol .f3rdColL { float:left; display:inline; width: 48.73%; margin-left:2.54%; }
   footer .f3rdCol .f3rdColL:first-child { margin-left:0; }
 }
 @media screen and (max-width: 480px) {
 .hide480 { display:none;}
 .headImg { padding-bottom:25%!important; }
 .col { margin: 1% 0; }
 .c_11_12, .c_10_12, .c_9_12, .c_8_12, .c_7_12, .c_6_12, .c_5_12, .c_4_12, .c_3_12, .c_2_12, .c_1_12, .c_1_2, .c_2_3, .c_1_3, .c_3_4, .c_2_4, .c_1_4, .c_4_5, .c_3_5, .c_2_5, .c_1_5, .c_5_6, .c_4_6, .c_3_6, .c_2_6, .c_1_6 { width: 100%; }
  #logo { width:10%; padding-top:0;  }
  .navBar { width:90%; padding-top:0.2em;}
 .toggleMenu { top:0.2em; }
 .homeU { display:block; width:100%; }
 footer { width:90%; padding-left:3.75%; padding-right:3.75%;}
 footer .logoCol, footer .fDeets, footer .f3rdCol .f3rdColL { width: 100%; margin-left:0; margin-bottom:1.5em; padding-right:0; padding-left:0;  }
 footer .logo, footer .CClogo, .footShopMap { display:inline; float:left; width:31.64%; margin:0 0 0 2.54%; }
  footer .logo { padding-bottom:32.5%; margin-left:0; }
  footer .CClogo { padding-bottom:34.8%; }
 .headImg { padding-bottom:22%; }
.intSide { border-left:none; padding:3em 0 2em 0; }
 .stfDeets{ width: 67.32%; margin-left:2.54%}
 .stfImg{ width: 30.08%; margin-left:2.54%;}
  .stfDeets h2 { padding-top:0; }
 .seprScroll { margin:2em 0!important; }
  .intSide .seprScroll { margin:2em 0!important; padding:0 0 5% 0!important; height:0!important; }
 .recipeBlk, .tipBlk { padding-bottom:9%; -webkit-background-size: 30%; -moz-background-size: 30%; -o-background-size: 30%; background-size: 30%; margin-bottom:1em; margin-left:0!important; }
 .rImg { width:35%!important; }
 .conP { padding: 0 3%; }
 .gallery .col { width:31.64%; margin:0 0 0.5em 2.54%!important;  }
   .gallery .col:first-child, .gallery .col:nth-child(3n+1) { clear:both; margin-left:0!important;}
 }