/*
Theme Name: Keep Indy Indie
Theme URI:
Description: Custom theme for Keep Indy Indie and 2nd Street Creative
Author: Erik Anderson + Joe Blackburn
Version: 1.0
Tags: custom
*/
/* =============================================================================
   Adapted from HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== *

/* !Global Styles - - - - - */

* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.sans { font-family: "proxima-nova", Arial, sans-serif; font-weight: 400;}
.sans2 { font-family: "cubano", Helvetica, sans-serif; font-weight: 400!important;}

.italic { font-style: italic;}
.normal { font-weight: normal;}
.upper { text-transform: uppercase;}
.lower { text-transform: lowercase;}
.underline {text-decoration: underline;}
.space { letter-spacing: .05em;}
.space1 { letter-spacing: .1em;}
.space2 { letter-spacing: .2em;}
.space3 { letter-spacing: .3em;}
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
strong, b, .bold, .fw700 {font-weight: 700;}

.fs40 {font-size: 40%;}
.fs50 {font-size: 50%;}
.fs55 {font-size: 55%;}
.fs60 {font-size: 60%;}
.fs65 {font-size: 65%;} /* 10px */
.fs70 {font-size: 70%;}
.fs75 {font-size: 75%;} /* 12px */
.fs82 {font-size: 82%;} /* 13px */
.fs88 {font-size: 88%;}
.fs90 {font-size: 90%;}
.fs95 {font-size: 95%;}
.fs110 {font-size: 110%;} /* 17.5px */
.fs115 {font-size: 115%;}
.fs120 {font-size: 120%;}
.fs130 {font-size: 130%;} /* 21px */
.fs160 {font-size: 160%;} /* 26px */
.fs185 {font-size: 185%;} /* 30px */
.fs250 {font-size: 250%} /* 40px */
.fs315 {font-size: 315%;} /* 50px */
.fs400 {font-size: 400%;}
.fs475 {font-size: 475%;} /* 76px */
.fs560 {font-size: 560%;} /* 90px */
.fs625 {font-size: 625%;} /* 100px */

.lh08 {line-height: .8em;}
.lh1 {line-height: 1em;}
.lh12 {line-height: 1.2em;}
.lh18 {line-height: 1.8em;}
.lh25 {line-height: 2.5em;}

.flexr {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
    align-items: center;
    text-align: center;
}


.fleft { float: left;}
.fright { float: right; }
.centered {margin-right: auto; margin-left: auto; display: block;}
.clear {clear:both;}
.rel {position: relative;}
.inline {display: inline-block;}

.tshow {display: none;}
.pshow {display: none;}

img.full {width:100%; height: auto; margin-left:auto; margin-right: auto;}
.contentBlock img {max-width:100%; height: auto; margin-left:auto; margin-right: auto;}

.fullWidth{width:100%; overflow: hidden;}
.maxWidth {max-width: 1100px; width: 100%; margin-right: auto; margin-left: auto; }










.col960 {max-width: 960px; width:100%;} /* post */
.col780 {max-width: 780px; width:70.9091%; float:left;} /* home */
.col740 {max-width: 740px; width:77.0833%; float:right;} /* post */
.page-template-default .col740 {float: none;}
.col550 {max-width: 550px; width: 100%;} /* footer */
.col400 {max-width: 400px; width: 100%;} /* footer */
.col420 {max-width: 420px; width:38.1818%; float:left; border-right: 1px dashed #393839; padding-right: 4.5455%;} /* about */
.aboutPic {float: right; width:57.7273%; max-width: 635px;}
.col320 {max-width: 320px; width:29.0909%; float:left; padding-right: 50px;} /* home */
.col160 {max-width: 160px; width:16.6666%; float:left; }

.col2 {
width:100%;
max-width: 840px;
  -webkit-columns: 2 400px;
     -moz-columns: 2 400px;
          columns: 2 400px;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}


.mtop10 {margin-top: 10px;}
.mtop20 {margin-top: 20px;}
.mtop25 {margin-top: 25px;}
.mtop40 {margin-top: 40px;}
.mbottom20 {margin-bottom: 20px;}
.mbottom30 {margin-bottom: 30px;}
.mbottom40 {margin-bottom: 40px;}
.mbottom80 {margin-bottom: 80px;}
.mtb50 { margin: 50px auto;}
.mtb60 { margin: 60px auto;}
.mtb80 { margin: 80px auto;}

.p5 {padding:5px;}
.ptop5 {padding-top: 5px;}
.pbottom5 {padding-bottom: 5px;}
.ptop10 {padding-top: 10px;}
.pbottom10 {padding-bottom: 10px;}
.prl5 {padding-right: 5px; padding-left: 5px;}
.ptb5 {padding-top: 5px; padding-bottom: 5px;}
.ptb10 {padding-top: 10px; padding-bottom: 10px;}



/*----------LINKS & COLORS-----------*/
a, a img, a svg, .flexslider img {
text-decoration: none;
-webkit-transition:opacity 0.5s ease 0s;
-moz-transition:opacity 0.5s ease 0s;
transition:opacity 0.5s ease 0s;
}

.transWhite {color: rgba(255,255,255,.6);}

a.transBlack:link,
a.transBlack:visited,
.transBlack {color: rgba(48,43,40,0.90);}

.white,
a.white:link,
a.white:visited {color: #FFF;}

.ltGrey,
a.ltGrey:link,
a.ltGrey:visited,
.ltGrey a:link,
.ltGrey a:visited
{color:#939598;}

.dkGrey,
a.dkGrey:link,
a.dkGrey:visited
{color:#393839;}

.mdGrey,
a.mdGrey:link,
a.mdGrey:visited,
.mdGrey a:link,
.mdGrey a:visited
{color:#6D6E71;}

.yellow,
a:link,
a:visited
{color:#C59D3B;}

a:hover,
a:active,
a:hover img,
a:hover svg
{opacity: .6;}

a.fade:link,
a.fade:visited,
a.fade:hover,
a.fade:active {opacity: 1;}


/* !SOCIAL LINKS -----------*/
.socialNav svg { height: 16px; width: auto; display: block; }
.socialNav a { width: auto; height: 16px;  display:inline-block; margin:0 10px 0 0;}
.socialNav a { fill: #C59D3B;}

.socialShare svg { height: 14px; width: auto; display: block; margin:0 auto; }
.socialShare a, .socialShare div {width:60px; border:1px solid #828282; padding:6px 0;}

.socialShare a { width: auto; display:block; text-indent: -9999px; border-top: 0; fill: #C59D3B; }
.socialShare { display: inline-block; margin:0 auto; border:6px solid #2c2c2b;}

.instaLink a { fill: #C59D3B; display: inline-block; float: left; padding:5px 20px;}
.instaLink svg { height: 20px; width: auto; display: inline-block; float: right; margin: 2px 0 0 10px;}


/*----------TEXTURES, BORDERS, BACKGROUNDS-----------*/
.whiteBg {background-color: #FFF;}
.yellowBg {background-color: #C59D3B;}
.dkGreyBg {background-color: #2c2c2b;}
.mdGreyBg {background-color: #4a4a49;}
.arrowLink {display: inline-block; float: none; padding-left:15px; background: url(images/arrow-yellow.svg) no-repeat left center;}
.borderWrap {border-top: 1px solid #EFEFEF; border-bottom: 5px solid #393839;}
.borderBottom {border-bottom: 1px solid #EFEFEF; margin-bottom: 20px; padding-bottom: 20px; padding-top: 5px;}
.borderBottom5 {border-bottom: 5px solid #393839;}
.borderTop {border-top: 1px solid #EFEFEF;}









/*----------PAGES-----------*/
html, body {color:#939598; height: 100%; background-color: #2c2c2b; font-family: "proxima-nova", Arial, sans-serif;}

header {position:relative; margin:0 auto; width:100%; height: 50px; background: url(images/black-txtr@2x.jpg) repeat center top; background-size: 200px; border-bottom: 3px solid rgba(0,0,0,.20);}

.wrap {min-height: 100%; margin-bottom: -40px; overflow: hidden;}
.wrap:after { content: ""; display: block;}

footer, .wrap:after {min-height: 40px; line-height: 40px;}
footer .fright {margin-right: 10px; line-height: 1em; padding-top: 12px;}
.footNote {margin: 100px auto 40px;}
.credits {float: left; margin-left: 20px;}

a.logo {width: 208px; height: 22px; display: block; text-indent: -9999px; background: url(images/keep-indy-indie-logo-horiz@2x.png) no-repeat center center; background-size: 208px auto; position: absolute; top:14px; left:20px;}

a.logo:hover {opacity: 1;}

/*----------HOME-----------*/
.postList {list-style: none; padding:0; margin:4px 0 0; border-top: 1px solid #EFEFEF;}
.postList li {float:left; width:30.2564%; max-width: 236px; margin-right: 4.2424%;}
.postList img {padding:12px 0; border-bottom: 1px solid #EFEFEF;}
.postList li:nth-child(3n) {margin-right: 0;}

.adList {list-style: none; padding:0; margin:0; border:#FFF solid 2px; width: 100%; display: block; }
.adList li {float:left; width:16.6667%; background: #EFEFEF; padding:8px; border:#FFF solid 2px; position: relative;}
.adHeading {background: #EFEFEF; padding:4px; color:#A7A9AC; position: absolute; top:0px; right:0px; margin:20px; line-height: 1em; }
.adList img {margin:0; padding:0; line-height: 0; float: left;}
.adList a {float: left; line-height: 0; display: block; width: 100%;}

#adNav {display: block; width:100%; padding:15px 25px; text-align: right;}
.page-numbers {display: none;}
.next.page-numbers,
#adNav.subpage a {display: inline-block; float: none; padding-left:15px; background: url(images/arrow-yellow.svg) no-repeat left center;}

#infscr-loading { text-align: left; clear: both; position:absolute; left:20px; bottom:-34px;}
#infscr-loading img { max-width: 24px; display: inline-block; float: left;}
#infscr-loading div {float: left; font-size: 60%; display:inline-block; letter-spacing: .1em; text-transform: uppercase; padding-left: 10px;}
#infscr-loading p {margin:0; line-height: 24px;}

.sidebarList {padding:0; margin:0; list-style: disc outside; margin-left: 15px;}
.sidebarList li {float: left; clear: both; margin-bottom: 10px;}

/*----------BLOG-----------*/
.catList {display: inline-block; float: left; width:100%; line-height: 30px; padding:0 0 0 5px; margin:0;}
.catList > li {padding: 0 15px; display: block; border-right: 1px solid #EFEFEF; float:left;}
.catList > li a {float:left;}

.contentBlock p {font-size: 82%; line-height: 1.8em;}
.linkList {list-style: decimal-leading-zero outside ; margin:5px 0;}
.linkList li {margin-bottom: 15px;  padding:0 0 0 8px;}

.postImage {width:27.0833%; max-width: 260px; float:left;}
.postPreview {padding-left: 50px; float:left; width:72.9166%; max-width: 700px;}
.postTitle {display:block; padding-left: 85px;}
.postTitle a, .postTitle div {display:block; line-height: .8em;}

.postTime {float:left; border: 1px solid #EFEFEF; position:absolute; left:0; top:0;}
.date { color: #FFF; text-shadow: -1px -1px 0 #393839, 1px -1px 0 #393839, -1px 1px 0 #393839, 1px 1px 0 #393839; padding:0 5px; }


/* blog view toggle */
.catList li.list, .catList li.grid {width:30px; height: 30px; padding:0; display: block; }
.grid a, .list a {width:30px; height: 30px; text-indent: -9999px; background: url(images/toggleview.svg) no-repeat;}
.catList li.grid a {background-position: center 9px;}
.catList li.list a {background-position: center -99px;}

.catList.listview li.grid a {background-position: center -63px;}
.catList.listview li.list a {background-position: center -27px;}

li.recent,
li.popular {float:right;}

li.recent a,
.popularview li.popular a {color:#c59d3b;}
li.popular a,
.popularview li.recent a {color:#939598;}

/*----------BUSINESS-----------*/
.icon {float: left; display: block; padding: 20px; line-height: 0;}
.single-business a.icon { width: 80px; height: auto; text-align: center; margin: 0 auto;}
.single-business a.icon img { width: 40px; height: auto; display: block; margin: 0 auto;}
.infoPreview {float:left; border-left: 1px solid #848484; }
.businessTitle {padding:8px 15px; display: block; }
.businessDetails {padding:0 15px; border-top:1px solid #848484;  height: 32px; line-height: 32px;}
.businessDetails span {border-right:1px solid #848484; display: inline-block; padding-right:15px; margin-right: 15px; }

/*----------SLIDERS-----------*/
#imageCycle {overflow: hidden; position: relative; max-height: 816px; width:100%;}

.flexslider {margin: 0; padding: 0;}
.flexslider li {position: unset!important;}

ul.flex-direction-nav a.flex-prev {left:0; }
ul.flex-direction-nav a.flex-next {
right:0;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.flexslider ul.flex-direction-nav a:hover {opacity: .6;}


ul.flex-direction-nav a {position: absolute; width: 50px; z-index: 6666; text-indent: -9999px; overflow: hidden; cursor: pointer; height:100%; top:0; display:block; opacity: 1; background: url(images/flex-arrow-white.svg) no-repeat center center;}

.slideText {padding:4px; background-color: rgba(21,21,21,.9);}
.slideText p,
.slideText > div {margin:0; border:1px solid #848484;}

.slideText p {font-size: 75%; padding:15px 30px; }

.slideText > div {min-height: 80px;}

.slideText p strong {font-weight: 400; font-family: "cubano", Helvetica, sans-serif; color:#FFF; font-size: 150%!important;}

.home .slides .flexr {z-index: 20;}
.home .slides li img {position: relative; z-index: 10;}


.partnerHeading {display:block; float:left; width:31.8182%; max-width:350px; padding:60px 0 0;}

#partnerCycle {padding:40px 50px; float:left; width:68.1818%; max-width:750px;}
#partnerCycle ul.flex-direction-nav a.flex-prev {left:0;}
#partnerCycle ul.flex-direction-nav a.flex-next {right:0;}

#partnerCycle li img {max-height: 125px; display: block; margin:0 auto; width:auto; height: auto;}

#partnerCycle ul.flex-direction-nav a {position: absolute; width: 40px; z-index: 6666; text-indent: -9999px; overflow: hidden; cursor: pointer; height:100%; top:0; display:block; opacity: 1; background: url(images/flex-arrow-grey.svg) no-repeat center center; background-size: 8px auto;}

#partnerCycle a.flex-disabled { display: none !important;}
#partnerCycle.flexslider ul.flex-direction-nav a:hover {opacity: .6;}


/*----------CONTACT-----------*/
.bgimage {background: url(images/photo4.jpg) no-repeat center top; background-size: cover;}

ul.gform_fields { list-style: none; margin: 0; padding:0;}
ul.gform_fields li {margin-bottom: 15px;}

ul.gform_fields li {text-align: left; position: relative;}

.gform_body label, .comment-form label  {font-size:60%; position:absolute; display: block; font-weight:normal;  color:#A7A9AC; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; padding:6px 12px; line-height: 18px;}

input.medium, textarea.medium, #commentform input[type=text], #commentform textarea/* , input#author, input#email, input#url, textarea#comment */ {border:0; background: #FFF; color:#A7A9AC; padding: 6px 12px; margin: 0; width: 100%; letter-spacing: .05em; line-height: 18px; font-size: 60%;}

#gform_1 input.medium, #gform_1 input.small, #gform_1 textarea.medium {border:1px solid #E2E2E2; background: rgba(255,255,255,.85); color:#A7A9AC; padding: 5px 10px; margin: 0; width: 100%; letter-spacing: .05em; line-height: 18px; font-size: 60%;}

li.gform-3col {width:33.3333%; padding-right: 15px; float:left;}
li.gform-3col.last {padding-right: 0!important;}

li.gform-left, li.gform-right { width:49%; }
li.gform-left {float:left;}
li.gform-right {float:right;}


.signupWrap {margin-bottom: 80px;}
.signup {position: absolute; top:10px; left:0; width:100%; max-width: 100px;}
#gform_2 {width:100%;}
#gform_2 .gform_body {float: left; display: block; width:320px; padding-left: 100px;}
#gform_2 .gform_footer {float:right; display: block; width:80px;}

#gform_2 .validation_error {display: block; padding-left: 100px; }

.gfield_required, .required { padding: 3px; color:#C59D3B; font-weight: 700; }
.validation_error, .validation_message {color:#C59D3B; font-size: 55%; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; padding:5px 0 5px 0;}
.gform_confirmation_message {color:#FFF; font-size: 120%; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; padding:5px 0 5px 0;}

li.gform_validation_container {display:none;}

li.gform-choice .ginput_container, li.gform-choice > label {display: inline-block; float: left; position:relative;}
li.gform-choice > label {padding:0; color:#FFF; font-size: 70%; letter-spacing: 0.025em; padding-right: 20px; width: 100%; display: block;}

ul.gfield_radio,
ul.gfield_checkbox {list-style: none; padding:0; margin:0;}
ul.gfield_radio li,
ul.gfield_checkbox li  {position:relative; display:inline-block; float: left; padding: 2px 30px 0 25px; width:auto; margin:0;}
ul.gfield_radio li:last-child {padding-right: 0;}
ul.gfield_radio li input,
ul.gfield_checkbox li input {position:absolute; top:4px; left:0;}
ul.gfield_radio label,
ul.gfield_checkbox label  {color: #FFF; position:relative; padding:0; font-weight: normal!important; text-transform: uppercase; font-size: 60%; }

li.labelHide > label {display: none;}

.contentBlock li.gform-choice > label,
.contentBlock ul.gfield_radio label {color: #a7a9ac; }


/*----------BUTTONS-----------*/
input.gform_button,
 #commentform #submit,
.button {
font-family: "cubano", Helvetica, sans-serif; font-weight: 400!important;
text-transform: uppercase;
display:block;
padding: 7px 12px 5px 16px;
line-height: 18px;
margin:0;
color: #FFF;
border: none;
background: #C59D3B;
letter-spacing: .15em;
float: left;
font-weight: 700;
font-size: 75%;
transition: all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s; -webkit-transition:all 0.25s ease 0s;
}

#gform_1 input.gform_button {float:left;   background: url(images/yellow-txtr@2x.jpg) repeat center top; padding:10px 20px; color:#FFF; font-size: 130%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

input.gform_button:hover,
#commentform #submit:hover,
.button:hover {opacity: .6;}

 #commentform #submit {float: none; margin: 0 auto; display: inline-block; background: #DCDCDD; border:3px solid #FFF;}

.button {display: inline-block; float: none; background:#393839; margin-top: 20px;}

@-moz-document url-prefix() {
	input.gform_button,
	 #commentform #submit,
	.button {
		padding: 6px 12px 6px 16px;
	  }
}













/*----------NAVIGATION-----------*/

/* Primary Nav */
.primary {position: relative; margin: 0 auto; }

.primary ul {list-style: none; margin:0; padding:0;}
.primary ul li {position:relative; display: inline-block; margin:0 15px; height:50px; line-height: 50px; font-size: 90%;}

.primary a   { color:#FFF;}

.primary ul.navLeft,
.primary ul.navRight {float:right;}



nav li#current:before,
.single-post li.blogNav:before,
.blog li.blogNav:before,
.category li.blogNav:before{
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid #fff;
content: "";
height: 0;
left: 50%;
margin-left: -5px;
position: absolute;
top: 0;
width: 0;
}







/* Mobile Nav */
a.mobileNavToggle {
  width: 28px;
  height: 18px;
  position: absolute;
  top: 16px;
  right: 20px;
  cursor: pointer;
  display: none;
  z-index: 9999;
  }


.mobileNavWrap {
  display: none;
  font-size: 105%;
  line-height: 0;
  margin:0;
  padding:0;
  background: url(images/yellow-txtr@2x.jpg) repeat center top;
  background-size: 200px;
   }

ul.mobileNav {
  width: 100%;
  margin:0;
  padding:0;
  display: inline-block;
  counter-reset: nav-counter;
   }

ul.mobileNav li {
  display: inline-block;
  float: left;
  width: 50%;
  border-bottom: 2px solid #FFF;
  line-height: 40px;
  height: 42px;
  }

ul.mobileNav li:nth-child(odd) {
  border-right: 2px solid #FFF;
}


/* until directory is live */
/*
ul.mobileNav li:last-child {
  border-right: 0;
  width: 100%;
  clear:both;
}
*/
/* until directory is live */



ul.mobileNav a
{
  text-align: center;
  display: block;
  color:#FFF; }

ul.mobileNav li a:before {
	content: counter(nav-counter, decimal-leading-zero)". ";
	counter-increment: nav-counter;
	display:inline;
	color:#393839;
	font-size: 60%;
}
ul.mobileNav li.socialNav a:before {display: none;}

a.mobileNavToggle {fill:#C59D3B;}

.mobileNavWrap .socialNav svg {height: 14px;}
.mobileNavWrap .socialNav a { width: auto; height: 14px;  display:inline-block; margin:0; padding:13px 5px 20px; line-height: 0;}
.mobileNavWrap .socialNav a { fill: #393839;}


ul.mobileNav li.current_page_item a,
.single-post ul.mobileNav li.blogNav>a,
.blog ul.mobileNav li.blogNav>a,
.archive ul.mobileNav li.blogNav>a
{opacity: .6; }


.toggleSubnav {display: block;}
.toggleSubnav:after {content:"+"; display: inline-block; position: relative; left:3px; font-size: 120%;}
.toggleSubnav.open:after {content:"-"; top:-1px; left:4px;}
ul.subList {display: none; padding:0; list-style: none; padding:0 10px;}
.subList li {display: inline-block; float: left; padding:5px 10px; text-transform: lowercase; font-size: 75%;}
.subList li.cat-item a {color:#939598;}
.subList li.cat-item.current-cat a {color:#FFF;}

/* !Font Size Fuctions - - - - - */
/* !Body - - - - - */
body {
  min-width: 320px;
  font-size: 16px; }


/* !Directory - - - - - */

ul.dir-grid { list-style: none; padding: 12px; max-width: 1208px; margin: 0 auto;}

ul.dir-grid li { display: inline-block; vertical-align: top; padding: 8px; width: 25%;}

.dir-wrap { display: block; height: 100%; padding: 10px; background: #393839; text-align: center; }

.dir-info { padding: 10px;}

.dir-title { font-size: 100%; line-height: 1.3em;}

.dir-sub { font-size: 65%; line-height: 1.3em; margin-top: 6px;}

.dir-outer { background: #fff;}

.center { text-align: center;}

a.hide-cursor { cursor: default;}

/* !Directory Nav - - - - - */

.dir-nav { background: #2c2c2c; color: #fff; overflow: hidden; height: 35px; width: 100%; display: block;}

.dir-nav span,
.dir-nav a,
.dir-nav-wrap,
a.filter-toggle
{ display: inline-block; padding: 0 15px 2px 15px; border-left: 1px solid #848484; line-height: 34px; height: 36px; vertical-align: middle; position: relative;}

.dir-nav-wrap { padding: 0; border: none;}

.dir-nav a { font-size: 90%; color: #fff;}

.dir-nav a:hover { opacity: 1; color: #C59D3B;}

.dir-nav a.active { color: #C59D3B; font-weight: bold;}

.dir-nav span:first-child { border-left: none;}

.dir-nav span { font-size: 110%;}

.dir-nav i { font-style: normal; text-transform: capitalize; font-size: 80%; position: relative; display: none; vertical-align: middle; text-align: center;}

a.filter-toggle { display: none; border: none; background: url(images/down-arrow.svg) no-repeat right 10px center #2c2c2c; cursor: pointer; padding-left: 35px; padding-right: 35px; font-size: 80%;}


/* !Directory Map - - - - - */

.dir-map { height: 600px; width: 100%;}

.map-icon { width: 60px; height: 69px; z-index: 1;}

.map-icon a:hover,
.map-icon a.hide-cursor:hover img
{ opacity: 1 !important;}

.map-icon.open { z-index: 100001 !important;}

.map-toggle { width: 60px; height: 69px; background: url(images/map-icon.svg) no-repeat center;  padding: 15px; position: absolute; bottom: 20px; left: 50%; margin-left: -30px; z-index: 11; opacity: 1; overflow: hidden;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
transition: all .25s ease;
}

.map-box { background: #fff; display: inline-block; width: 260px; padding: 0; position: absolute; bottom: 30px; left: 50%; margin-left: -130px; z-index: 10; opacity: 0; visibility: hidden;
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
transition: all .25s ease;
}

.map-box .dir-info { padding-bottom: 15px;}

.single-business .map-box .dir-info { padding-bottom: 10px;}

.open .map-toggle { opacity: 0;}

.open .map-box { visibility: visible; opacity: 1; z-index: 100001;}

.map-box .dir-title { font-size: 150%;}

.map-box .dir-sub { font-size: 110%;}

.map-box .dir-wrap { background: none; padding: 0;}

.map-box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.more { margin-top: 7px; font-size: 95%;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
transition: all .25s ease;
}

a:hover .more { color: #2c2c2c;}

a.map-close { position: absolute; top: -10px; right: -10px; z-index: 100; background: url(images/map-close.svg) no-repeat center; text-indent: -9999px; width: 20px; height: 20px;}

/* !Default Page Form - - - - - */

.page-template-default .contentBlock input.medium,
.page-template-default .contentBlock  textarea.medium
{ background: #efefef; }

.page-template-default .contentBlock  textarea.medium { resize: none;}

.page-template-default .contentBlock .gfield_description,
.page-template-default .contentBlock .screen-reader-text
{ font-size: 75%; padding-top: 5px; font-style: italic;}

.page-template-default .contentBlock ul.gfield_radio li,
.page-template-default .contentBlock ul.gfield_checkbox li
{ width: 50%; display: inline-block; float: none; margin-top: 10px; padding: 0 20px; vertical-align: top; position: relative;}

.page-template-default .contentBlock ul.gfield_radio li { width: 100%;}

.page-template-default .contentBlock ul.gfield_radio li input,
.page-template-default .contentBlock ul.gfield_checkbox li input
{ position: absolute; top: 1px; left: 0; z-index: 1;}

.page-template-default .contentBlock ul.gfield_radio label,
.page-template-default .contentBlock ul.gfield_checkbox label
{ color: #939598;}

.page-template-default .contentBlock .gfield_label { display: block; position: static !important; padding-left: 0;}

.page-template-default .contentBlock .gform_drop_area { border: 1px dashed #939598; text-align: center; padding: 30px 20px; }

.page-template-default .contentBlock .gform_drop_instructions { font-size: 85%; line-height: 1.3em; display: block;}

.page-template-default .contentBlock .validation_message { font-size: 55%;}

.page-template-default  .gform_wrapper { padding-top: 40px;}

.page-template-default .gform_confirmation_message { color: #C59D3B; padding-top: 30px; text-transform: none; letter-spacing: normal; font-size: 100%;}

/* !Edits 5/17/18 - - - - - */

a.mobile-button { display: none; margin-bottom: 40px; padding-top: 9px; padding-bottom: 8px; }

.small-gallery-wrap { margin: 30px 0 0 0; padding: 1px 0;}

.small-caption { font-size: 90%; padding: 8px 0 1px 0;}

.small-gallery ul.slides { display: block;}

a.flex-disabled { display: none !important;}

.business-tags { margin-top: 30px;}

.social-icons { direction: rtl; margin-top: 10px;}

a.social { display: inline-block; margin-right: 15px;}

a.social:first-child { margin-right: 0;}

/* !Search Results - - - - - */

.search-title { font-size: 150%; padding: 0 0 25px 0; text-align: center; color: #393839;}

#searchform { max-width: 600px; padding: 30px 25px; margin: 0 auto; position: relative;}

.page-template-homepage #searchform { padding 25px;}

#searchform input.medium { height: 36px; font-weight: bold; font-family: "proxima-nova", Arial, sans-serif; background: rgba(0,0,0, .1); color: #393839; font-size: 100%; padding: 5px 40px 5px 15px;}

input.search-button { width: 36px; height: 36px; position: absolute; top: 0; right: 0; background: url(images/search-dk-grey.svg) no-repeat center; z-index: 10; text-indent: -9999px; border: none; }

.mobile-search-wrap { position: absolute; top: 50px; left: 0; width: 100%; z-index: 1000; background: #efefef; display: none;}

.page-template-homepage .mobile-search-wrap { top: 160px;}

.mobile-search-wrap #searchform { padding: 25px;}

a.search-toggle path {
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
transition: all .35s ease;
}

a.seach-toggle:hover path { fill: #C59D3B;}

a.mobile-search-toggle { display: none; position: absolute; height: 18px; width: 28px; position: absolute; top: 50%; right: 60px; margin: -8px 0 0 0;}

/* !Edits 7/13/18 - - - - - */

.recent-section { margin-top: 40px;}

.recent-section:first-child { margin-top: 0;}

.recent-section ul { display: inline-block; width: 100%;}

/* !All Cats - - - - - */

a.directory-cat { display: none;}

.all-cats { padding: 30px 13px; background: #4A4A49; font-weight: bold; display: none;}

.all-cats a { color: #939598; display: block; opacity: 1;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
transition: all .35s ease;
}

.all-cats a:hover,
.all-cats a.current-cat
{ color: #fff; opacity: 1;}

.all-cats ul { list-style: none; padding: 0; margin: 0;}

.all-cats li { width: 16.66%; padding: 8px 12px; display: inline-block; vertical-align: top; }

a.directory-toggle { cursor: pointer;}

a.directory-toggle b { padding-right: 26px; background: url(images/down-arrow.svg) no-repeat right center; display: inline-block; font-weight: normal;}








/* Flexslider Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
  outline: none; }

.slides, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0; }

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
@-moz-document url-prefix() {
  .flexslider .slides > li {
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease; } }
.flexslider .slides img {
  width: 100%;
  display: block; }

.flex-pauseplay span {
  text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block; }

/* Firefox Flicker Fix */
@-moz-document url-prefix() {
  .slides li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1000; } }





/* - - - Media Queries - - - */
/* !Retina Images  */
@media	only screen and (min-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 13/10),
only screen and (min-resolution: 120dpi){

}

@media only screen and (min-width: 1250px) {
.home header {min-height: 160px; border-bottom-width: 8px;}
.home a.logo {width: 118px; height: 118px; display: block; text-indent: -9999px; background: url(images/keep-indy-indie-logo@2x.png) no-repeat center center; background-size: 118px auto; margin-left:-59px; top:18px; left:50%; }
.home .primary ul {position:absolute;}
.home .primary ul li {height: 155px; line-height: 155px; margin:0 25px; font-size: 100%;}
.home .primary ul.navLeft {margin-right: 126px; right:50%;}
.home .primary ul.navRight {margin-left: 126px; left:50%;}
.home .primary>ul>li:last-child {margin-right: 0;}
.home .primary>ul>li:first-child {margin-left: 0;}

}

@media (max-width: 1250px) {

.page-template-homepage .mobile-search-wrap { top: 50px;}

.all-cats li { width: 20%; }

}

@media (max-width: 1100px) {
.tshow {display: inline-block;}
.thide {display:none;}
.tpad {padding-left: 25px; padding-right: 25px;}

.col740 {width:100%; max-width: 100%; float:none;}

.partnerHeading {float:none; margin:0 auto; width:100%; padding-top: 40px;}
#partnerCycle {width:100%; max-width: 100%;}
#partnerCycle ul.flex-direction-nav a.flex-prev, .home #partnerCycle ul.flex-direction-nav a.flex-prev {left:15px;}
#partnerCycle ul.flex-direction-nav a.flex-next, .home #partnerCycle ul.flex-direction-nav a.flex-next {right:15px;}

.adList li {float:left; width:33.3333%; background: #EFEFEF; padding:8px; border:#FFF solid 2px; position: relative;}

.single-business .col740 { width: 70%; float: right; max-width: none; }

.single-business .col160 { width: 30%; float: left; max-width: none; padding-right: 35px; padding-left: 25px; }

.map-pad { padding: 25px; background: #fff;}

.page-template-default .col740 { padding: 0 25px; max-width: 790px; margin-left: auto; margin-right: auto; }

.primary ul li {margin:0 8px;}

.page-template-homepage .home-directory #searchform { padding-bottom: 0;}

a.search-toggle svg { width: 16px; height: 16px; }

nav .space2 { letter-spacing: .1em;}

.all-cats li { width: 33.33%; }

}

@media (max-width: 1023px) {

.primary ul li {margin:0 7px;}

}

@media (max-width: 949px) {

.all-cats,
a.directory-toggle
{ display: none !important;}

	.signupWrap {margin-bottom: 20px;}
	.signup {position: relative; margin: 30px auto 15px; text-align: center; left:unset; top:unset;}
	#gform_2 .gform_body {padding-left:0; }

	.single-business .col160 { padding-right: 15px;}

	.dir-nav span { display: block; text-align: center; padding: 0 25px; cursor: pointer;}

	.dir-nav { display: none;}

	.dir-nav,
	.dir-nav-wrap
	{ height: auto;}

	.dir-nav a { display: block; text-align: center; border: 0; border-top: 1px solid #848484;}

	.dir-nav a.active,
	.directory-label
	{ display: none !important;}

	.dir-nav i { display: inline-block;}

	a.filter-toggle { display: block;}

	.dir-map { height: 500px; }

	a.mobile-button { display: block;}

	a.directory-cat { display: block;}
}

@media (max-width: 912px) {

ul.dir-grid li { width: 33.33%;}


}

@media (max-width: 900px) {

a.mobileNavToggle {display: block; }
nav.primary {display: none;}
a.mobile-search-toggle { display: block;}

}

@media (max-width: 768px) {
.col420 {max-width: 420px; width:100%; float:none; display: block; margin:0 auto; border:0; padding:0;} /* about */
.aboutPic {float: none; display: block; width:100%; margin:50px auto 0;}

.page-template-homepage .col320,
.page-template-homepage .col780
{ float: none; width: 100%; max-width: none; padding: 0;}

.page-template-homepage .col320 { margin-bottom: 30px;}

}

@media (max-width: 767px) {
	.pshow {display: block;}
	.phide,
	.catList li.phide {display:none;}


	.signupWrap {width: 270px;}
	#gform_2 .gform_body { width:190px;}

	footer {text-align: center; line-height: 1.8em; padding:10px;}
	.credits {float:none; margin-left: 0;}

	.single-business .col740 { width: 100%; float: none; }

	.single-business .col160 { width: 100%; float: none; padding: 0 25px; margin-top: 50px; text-align: left; }

	#imageCycle .flexr { position: static; margin-top: 40px; padding: 0 25px;}

	.page-template-homepage #imageCycle .flexr { margin-top: 0;}

	.icon { float: none; text-align: center;}

	.businessTitle { text-align: center; border-left: none; padding-bottom: 12px;}

	.businessTitle span { display: block; }

	.businessDetails span { display: block; float: none; margin: 0; padding: 7px 15px; border-right: none; border-top: 1px solid #848484;}

	.businessDetails span:first-child { border: none;}

	.businessDetails a { display: none;}

	.businessDetails { height: auto; text-align: center; padding: 0; border-left: none; line-height: 1.3em;}

	#imageCycle .slideText { background: #2C2C2C; width: 100%; max-width: 500px; text-align: center;}

	.infoPreview { border-left: none; float: none;}

	.businessTitle span { font-size: 140%;}

	.business-image { height: 259px; overflow: hidden; width: 100%;}

	.business-image img { width: 767px !important; height: 259px; position: absolute; top: 0; left: 50%; margin-left: -383px; }

	ul.flex-direction-nav a { background-size: 10px 30px;}

	.dir-map { height: 400px; }

	.map-box { width: 180px; margin-left: -90px;}

.page-template-default .contentBlock ul.gfield_radio li,
.page-template-default .contentBlock ul.gfield_checkbox li
{ width: 100%; padding-right: 0;}

#business-info:first-child { margin-top: 0;}

}

@media only screen and (max-width: 600px) {

ul.dir-grid li { width: 50%;}

.postList li { width: 45.7576%;}

}

@media only screen and (max-width: 500px) {
.home #imageCycle {background: #FFF;}
.home #imageCycle .flexr {position: relative; left: unset; right:unset; top:unset; bottom: unset; display: block; padding:0 25px; line-height: 1.4em; }
.home #imageCycle ul.flex-direction-nav a.flex-prev {background-position: center 25%; }
.home #imageCycle ul.flex-direction-nav a.flex-next {background-position: center 75%; }

	.slideText {background: none;}
	.slideText p {border:none;}
	.slideText p strong {color: #393839; display: block;}
	.slideText strong:before,
	.slideText strong:after {
		  content: "";
		  display: table;
		  clear: both;
	}
	.instaLink {text-align: center;}
	.instaLink a {float: none;}

	.adList li {float:none; width:100%;}

	.page-template-homepage #imageCycle .flexr { margin-top: 25px; }

	.page-template-homepage .slideText p strong { color: #fff;}

	.postList li { width: 100%; margin-right: 0; max-width: none; }
}

@media only screen and (max-width: 480px) {

ul.dir-grid li { width: 100%; display: block; height: auto !important; max-width: 296px; margin-left: auto; margin-right: auto;}

}

/* - - - Non-Semantic Helper Classes - - - */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0; }

.ir br {
  display: none; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* - - - Print Styles - - - */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }