body{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:16px; color:#333; background:#FFF; height:100%; width:100%; overflow-x:hidden; }
body, html{ margin:0; width:100%; height:100%; }
h1{ color:#1a1617; margin-top:10px; font-weight:400; }
h2,h3,h4,h5{ color:#1a1617; font-weight:400; }
h2{ color:#1a1617; font-size:28px; }
h3{ font-weight:600; margin:1.6em 0 1em; }
a:focus, input:focus, textarea:focus, :focus{ outline:none; }
a{ color:#0088f1; text-decoration:none; cursor:pointer; }
a:hover{ text-decoration:underline; }
hr{ border-top:1px solid #CCC; border-right:none; border-bottom:none; border-left:none; padding:0; margin:30px 0; }
img{ max-width:100%; height:auto; }
li{ font-size:16px; }
p{ line-height:1.5em; margin:1.5em 0; }
#page-container li{ line-height:1.5em; }

/* LAYOUT */

header{ background:#9bc53c; padding:27px 0; }
.logo{ float:left; }

.contact-header { max-height:33px; display:inline-block;max-width: 100px;float:left;margin-left:20px;}
.contact-header a img { max-height:33px; display:inline-block;max-width: 100px;float:left; padding-right:10px; }
.header-right{ padding-top:10px; float:right; text-align:right; }
.phone{ font-size:24px; position:relative; }
.phone a{ color:#FFF; }
.phone a:hover{ text-decoration:none; opacity:0.7; }

 
.navigation{ padding-top:8px; }
#menu-menu-1,#menu-menu-1 ul{margin:0;padding:0;list-style:none;font-size:.9em}
#menu-menu-1:before,#menu-menu-1:after{content:"";display:table}
#menu-menu-1:after{clear:both}
#menu-menu-1{zoom:1}
#menu-menu-1 li{float:left;display:inline-block;position:relative;margin-left:20px}
#menu-menu-1 li:last-child{border:0;}
#menu-menu-1 a{display:inline-block;padding:4px 0;color:#231f20;text-transform:uppercase;text-decoration:none;font-weight:600; font-size:14px;}
#menu-menu-1 li:hover > a{color:#FFF}
#menu-menu-1 > li.current-menu-item > a{background:none;color:#555}
*html #menu-menu-1 li a:hover{color:#fafafa}
#menu-menu-1 ul{margin:20px 0 0;_margin:0;opacity:0;visibility:hidden;position:absolute;width:auto;top:30px;left:0;z-index:100;background:#000;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
#menu-menu-1 li:hover > ul{opacity:1;visibility:visible;margin:0}
#menu-menu-1 ul li{position:static;float:none;display:block;border:0;_line-height:0;text-align:left;margin-left:0}
#menu-menu-1 ul a{padding:10px 14px;_height:10px;display:block;white-space:nowrap;float:none;text-transform:uppercase;color:#fff;font-size:13px}
#menu-menu-1 ul a:hover{background-color:#555; color:#FFF}
#menu-menu-1 ul li:first-child > a:after{content:'';position:absolute;left:40px;top:-6px}
#menu-menu-1 ul ul{top:0;left:100%;margin:0 0 0 20px;width:auto;_margin:0;}
#menu-menu-1 ul ul li{display:block;width:auto;float:none}
#menu-menu-1 ul ul li a{display:block;padding:10px 25px}
#menu-menu-1 ul ul li:first-child a:after{left:-6px;top:50%;margin-top:-6px;border-left:0}
#menu-menu-1 ul li:first-child a:hover:after{border-bottom-color:#04acec}
#menu-menu-1 ul ul li:first-child a:hover:after{border-right-color:#0299d3;border-bottom-color:transparent}
#menu-menu-1-trigger{display:none}
.no-transition{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;opacity:1;visibility:visible;display:none}
#menu-menu-1 li:hover > .no-transition{display:block}

#menu-menu-1 > .menu-item-has-children > a:first-of-type{ background-image:url('../images/drop-down-arrow.png'); background-repeat:no-repeat; background-position: right 9px; padding-right:18px; }
#menu-menu-1 > .menu-item-has-children > a:first-of-type:hover{ background-image:url('../images/drop-down-arrow.png'); background-repeat:no-repeat; background-position: right 9px; padding-right:18px; }
#menu-menu-1 ul ul a:hover, .navigation .current_page_parent .current_page_item a:hover{ background-image:none !important; background-color:#29baf5; color:#FFF; text-decoration:none; opacity:1; }

body .taptap-by-bonfire ul li a{ font-size:16px; padding:12px 7px; }
body .taptap-by-bonfire .menu li.menu-item-has-children span{ margin:9px; }
body .taptap-by-bonfire .sub-menu a{ font-size:14px; padding:12px 6px; }
.taptap-menu-button-wrapper{ top:15px !important; display:none; visibility:hidden; }
.taptap-menu-button-three:after, .taptap-menu-button-three:before, .taptap-menu-button-three div.taptap-menu-button-three-middle:before{ background:#FFF !important; }

footer{ background:#231f20; padding:40px 0; text-align:center; }
footer ul{ margin:0; padding:0; display:inline-block; }
footer ul li{ list-style:none; float:left; padding-right:20px; }
footer ul li a{ color:#FFF; text-transform:uppercase; font-size:14px; }
footer ul li a:hover{ color:#9bc53c; text-decoration:none; }
footer ul ul{ display:none; }
.legal{ padding:10px 0 25px; font-size:13px; text-transform:uppercase; color:#545454; }
.legal a{ color:#545454; }
.legal a:hover{ text-decoration:none; color:#FFF; }

/* CLASSES */

.custom-font{ font-family: 'Open Sans', Arial, Helvetica, sans-serif; }

.generic-button, #respond #submit{font-family: 'Open Sans', Arial, Helvetica, sans-serif; ; display:inline-block; border:none; color:#fff; cursor:pointer; padding:10px 15px; font-size:16px; font-weight:600; background:#9bc53c; margin:10px 0 0; text-transform:none; text-transform:uppercase; border-radius:25px; }
.generic-button:hover, #respond #submit:hover{ opacity:0.7; text-decoration:none; }

.generic-button-inverse{ background:#FFF; color:#0088f1; }

.table{ display:table; width:100%;border-spacing:20px; border-collapse:separate; }
.row{ display:table-row; }
.cell{ display:table-cell; }

.primary-color{ color:#9bc53c; }
.secondary-color{ color:#231f20; }
.primary-background{ background:#9bc53c; }
.secondary-background{ background:#231f20; }
.max-width{ max-width:1000px; }
.margin-auto{ margin:0 auto; }
.side-padding{ padding-left:20px; padding-right:20px; }
.overflow{ overflow:hidden; }
.block{ display:block; }
.clear{ clear:both; }
.clear-height{ height:20px; overflow:hidden; }
.float-left{ float:left; }
.float-right{ float:right; }
.center-text, .center-text p, .center-text div{ text-align:center; }
.right-text{ text-align:right; }
div.left-text{ text-align:left; }
.vertical-padding-50{ padding-top:50px; padding-bottom:50px; }
.vertical-padding-40{ padding-top:40px; padding-bottom:40px; }
.padding-vertical-em{ padding-top:2em; padding-bottom:2em; }
.bold, .bold-links a{ font-weight:bold; }
.white-text{ color:#FFF; }
.white-link-text a{ color:#FFF; }
.text-shadow{ text-shadow:0 1px 0 #000; }
.light-grey{ color:#555655; }
.grey{ color:#999; }
.mobile-only{ display:none; visibility:none; }
.image-align-right{ display:inline-block; float:right; padding-left:25px; }
.image-align-left{ display:inline-block; float:left; padding-right:25px; }
.position-relative{ position:relative; }

.transition a, .transition-direct{ -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.transition a:hover, .transition-direct:hover{ opacity:0.7; }
.transition ul ul a{ -webkit-transition:none; moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; }
.transition-opaque a{ -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }

.font-12{ font-size:12px; } .font-14{ font-size:14px; } .font-16{ font-size:16px; } .font-18{ font-size:18px; } .font-20{ font-size:20px; } .font-22{ font-size:22px; } .font-24{ font-size:24px; } .font-26{ font-size:26px; } .font-28{ font-size:28px; } .font-30{ font-size:30px; } .font-32{ font-size:32px; } .font-34{ font-size:34px; } .font-36{ font-size:36px; }
.font-100{ font-weight:100; } .font-300{ font-weight:300; } .font-400{ font-weight:400; } .font-700{ font-weight:700; } .font-300-italic{ font-weight:300; font-style:italic; } .font-400-italic{ font-weight:400; font-style:italic; }
.line-height-1-5{ line-height:1.5em; } .line-height-1-6{ line-height:1.6em; } .line-height-1-7{ line-height:1.7em; } .line-height-1-8{ line-height:1.8em; } .line-height-1-9{ line-height:1.9em; } .line-height-2{ line-height:2em; } .line-height-2-1{ line-height:2.1em; } .line-height-2-2{ line-height:2.2em; }

/* GENERAL RESPONSIVE */

.column-width-full{ width:100%; }
.column-width-half{ width:50%; }
.column-width-third{ width:33%; }
.column-width-60{ width:60%; }
.column-width-40{ width:40%; }
.column-width-half-middle-space{ width:49%; }
.responsive img, .responsive-direct{ width:100%; height:100%; display:block; }
.responsive-restricted{ max-width:100%; }

/* POST ALIGNMENTS ETC */

p img{ max-width:98%; padding:0; height:auto; }
img.centered,img.aligncenter{ margin:0 auto; overflow:hidden; display:block; padding:20px 0; }
img.alignright,.attachment-post-thumbnail{ display:inline; margin:2px 0 15px 20px; padding:0; }
img.alignleft{ display:inline; margin:2px 20px 15px 0; padding:0; }
.alignright,.attachment-post-thumbnail{ float:right;  }
.alignleft{ float:left; }
.left{ float:left; }
.right{ float:right; }
.center{ margin:20px auto 0; }
.size-full{ padding:0; border:10px solid #FFF; -webkit-box-shadow: 0px 2px 2px 0px #ABABAB; box-shadow: 0px 2px 2px 0px #ABABAB; }
#page-container #post-navigation{ margin:30px 0 0 0; }
#page-container #post-navigation .previous{ float:left; }
#page-container #post-navigation .next{ float:right; }
#page-container #post-navigation .next a{ border-left:1px solid #CECECE; padding:16px 15px; font-size:12px; display:inline-block; }
#page-container #post-navigation .previous a{ border-right:1px solid #CECECE; padding:16px 15px; font-size:12px; display:inline-block; }
#post-navigation{ border-color:#CECECE; background:#fff; display:block; clear:both; }
#respond{ background:#F2F2F2; padding:1px 15px; margin:20px 0 0 0; display:none !important; }
#respond p{ line-height:1em; }
#respond textarea, #respond input{ border:1px solid #999; padding:1%; -webkit-box-shadow:inset -1px 1px 2px 0 #CCCCCC; box-shadow:inset -1px 1px 2px 0 #CCCCCC; }
#respond textarea{ width:98%; }
#respond #author, #respond #email, #respond #url{ width:50%; }
#respond #submit{ margin-top:0; -webkit-box-shadow:none; box-shadow:none; font-weight:500; }
#respond #submit:hover{ opacity:0.7; }
#respond small{ color:#666; }
#comments{ border-color:#CECECE; background:#F2F2F2; }
#comments .comment{ background:#FFF; border-color:#999; }
#add-this{ padding:35px 0 0 0; margin:0; clear:both; }
#respond label{ display:block; font-size:14px; }
#respond .form-allowed-tags{ font-size:13px; color:#CCC; margin:0 0 22px 0; }
.background-cover{ -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }

/* NEXT GEN GALLERY */

div.ngg-galleryoverview br{ display:none; visibility:hidden; }
div.ngg-gallery-thumbnail-box{ float:none; display:inline-block; }
div.ngg-navigation a.page-numbers, div.ngg-navigation a.next, div.ngg-navigation a.prev, div.ngg-navigation span.page-numbers, div.ngg-navigation span.next, div.ngg-navigation span.prev{ border:none; background:#EFEFEF; border-radius:3px; -webkit-border-radius:3px; }
div.ngg-navigation a{ color:#333; }
#page .ngg-navigation a:hover{ background:#000; }
#page .ngg-navigation span{ font-weight:normal; }

/* PAGINATION */

#pagination{ font-size:14px; }
#pagination span{ display:inline-block; }
#pagination .wp-pagenavi{ display:inline-block; }
#pagination .pages{ margin-left:0; border:none; background:#EDEDED; color:#555; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#pagination .current{ border:none; background:#9c9c9c; color:#FFF; font-weight:bold; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#pagination .page{ border:none; background:#EDEDED; color:#555; font-weight:normal; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#pagination .page:hover{ border:none; background:#0168aa; color:#FFF; }
#pagination .nextpostslink,#pagination .previouspostslink{ border:none; background:#EDEDED; color:#555; font-weight:normal; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#pagination .nextpostslink:hover,#pagination .previouspostslink:hover{ background:#0168aa; color:#FFF; }
#pagination .wp-pagenavi a,#pagination .wp-pagenavi span{ padding:8px 12px; }
