/*   
Theme Name: Appleton Creative Blank Theme (Responsive)
Theme URI: http://www.appletoncreative.com/
Description: Blank theme for designs based on Bootstrap 3.0
Author: Appleton Creative
Author URI: http://www.appletoncreative.com/
Version: 3.0.1
*/



/* TYPOGRAPHY */

body {
	font-size: 17px;
	font-family: 'Raleway', sans-serif;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, legend {
	font-family: "Roboto Condensed", helvetica, arial, sans-serif !important
}

strong {
	color: #00a2e0
}

.excerpt h2, legend {
	color: #a3bb48;
	font-size: 26px;
	text-transform: uppercase;
}

legend {
	color: #00a2e0;
}

.excerpt h2 a {
		color: #a3bb48;
}

h2, h2 strong {
	font-weight: normal;
	color: #a3bb48
}

#sidebar h3 {
	color: #00a2e0;
	text-transform: uppercase;
	font-size: 27px;
	font-weight: bold
}

#sidebar p {
	font-size: 14px
}

.archive-sub-menu {
display:none;
}

blockquote {
	
}

a {
	color: #00a2e0
}

.media img {max-width: 100%;}
.media .row {margin-bottom:40px;}
.media p {font-weight: bold;}

/* UTILITY */

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

.responsive-image {
	width: 100%;
	height: auto
}

.tiny {
	font-size: 11px !important
}

.alignleft {
	float: left;
	margin: 0px 20px 20px 0px
}

.alignright {
	float: right;
	margin: 0px 0px 20px 20px
}

.alignright blockquote {
	display: block;
	width: 279px;
	color: #00a2e0;
	text-transform: uppercase;
	font-size: 27px;
	font-weight: bold;
	font-family: "Roboto Condensed", helvetica, arial, sans-serif !important;
}

/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; marginbottom:
10px; max-width: 96%; padding: 8px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

h2 {
	clear: both
}

.home h2 {
	clear: none
}

.excerpt .attachment-thumb {
	float: right;
	margin: 0px 0px 10px 20px
}

.excerpt h2 {
	clear: none
}

.excerpt-manuals {
	margin-left: 0px;
	padding-left: 5px
}

.excerpt-manuals li {
		list-style-type: none;
		margin: 0px 0px 20px -4px;
		width: 50%;
		float: left;
		border-bottom: 1px solid #dedede;
		padding-bottom: 20px
}

.new-manual {
	float: right;
	color: #fff;
	font-size: 9px;
	text-transform: uppercase;
	background-color: #00a2e0;
	margin: 0px 30px 0px 0px;
	padding: 3px 8px
}

.archive-manual {
	float: right;
	color: #666;
	font-size: 9px;
	text-transform: uppercase;
	background-color: #ddd;
	margin: 0px 30px 0px 0px;
	padding: 3px 8px
}

.tax-child {
		background-color: #eee;
		padding: 0px 10px;
		margin-bottom: 10px
}

.tax-img {
	padding: 0px 0px 20px 10px;
	background-repeat: no-repeat;
}

h2.tax-img {
	padding-bottom: 30px !important
}

.tax-parent {
	color: #fff !important;
	padding: 5px 50px 8px 50px;
	background-color: #a3bb48;
  background-image: url(images/bg-green.png);
  background-repeat: no-repeat;
  clear: both;
  margin-bottom: 20px
}

.tax-parent h2 {
	color: #fff
}

.tax-descrip {
	margin: -30px 0px 20px 10px
}

.list-manuals {
	clear: both;
	margin: 0px 0px 0px 15px;
	padding-left: 0px;
	width: 100%
}

.list-manuals li {
		list-style-type: none;
		margin: 0px 0px 20px -4px;
		border-bottom: 1px solid #dedede;
		padding-bottom: 20px
}

.expander {
	text-align: center;
	padding: 5px 10px;
	float: right;
	color:#fff;
	margin-bottom: 10px;
	font-size: 11px;
	background-color: #ffa201
}

.expander:hover {
	cursor: pointer
}

.pdf {
			background: url('images/pdf16x16.png') no-repeat top left;
			padding-left:20px;
			padding-top: 4px
}

.page-id-3382 .excerpt-manuals .manual-type {
	display: none
}

.page-id-3382 h2 {
	border-top: none !important;
	padding-top: 0px !important
}

.credit a {
	text-decoration: none;
}

.credit {
	margin: 15px 0px;
	text-align: center;
	font-size: 12px
}

.no-margin {
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding: 0px !important
}

.bg-green {
	color: #fff;
	background-color: #a3bb48;
	background-image: url(images/bg-width.gif);
	background-repeat: repeat-y;
	background-size: 100% auto;	
}

.bg-blue {
	color: #fff;
	background-color: #0094cd;
}

.col-md-9.bg-blue {
	background-image: url(images/bg-width.gif);
	background-repeat: repeat-y !important;
	background-size: 44px 50px !important	
}

.quote {
	color: #fff;
	background-color: #a3bb48;
	background-image: url(images/bg-green.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding: 20px;
	text-align: center;
	width: 100%;
	margin: 20px 0px;
	font-size: 41px;
	font-family: "Roboto Condensed", helvetica, arial, sans-serif;
	font-weight: bold
}

.quote a {
	color: #fff;
	text-decoration: underline
}

.cta-big {
	background-image: url(images/bg-orange.png);
}

.quote p {
	font-size: 24px
}

.quote strong {
	color: #fff !important;
	font-size: 30px;
}

.quote em {
	text-style: normal;
	font-size: 18px
}

.responsive, .hero img {
	width: 100%;
	height: auto
}

img.responsive {
	clear: both;
	margin: 30px 0px
}

.hero img {
	margin-bottom: 30px
}

.ctas {
	color: #a3bb48;
	font-weight: bold;
	font-size: 23px;
	font-family: "Roboto Condensed", helvetica, arial, sans-serif;
	margin: 40px 0px 60px 0px	
}

.alignright {
	float: right;
	margin: 0px 0px 10px 20px
}

span.date {
	color: #606060;
	font-size: 22px
}

.category {
	font-size: 14px
}

.benefits {
	color: #00a2e0 !important;
	font-size: 27px
}

.benefits h1 {
	font-size: 66px;
	font-weight: bold;
	color: #00a2e0 !important;
}

.benefits h2 {
	font-size: 66px;
	color: #00a2e0 !important;
}

/* HEADER */

#menu-topnav li a {
	color: #606060;
	font-size: 20px;
	text-transform: uppercase;
	font-family: "Roboto Condensed", helvetica, arial, sans-serif;
	font-weight: bold
}

#menu-topnav li li a {
	font-weight: normal
}

#menu-topnav li.current_page_item a, #menu-topnav li.current_page_parent a {
	color: #a3bb48
}

.social-icons {
	margin: 8px 0px 0px 0px;
	padding: 0px
}

.social-icons li {
	list-style: none;
	display: inline;
	margin: 0px 15px 0px 0px;
}

#searchform {
	float: right;
	margin: 10px 0px 0px 10px;
	font-family: "Roboto Condensed", helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
}

#searchform #s {
	font-size: 16px;
	color: #606060;
	text-transform: normal;
	font-family: helvetica, arial, sans-serif;
	font-weight: normal
}

.aux-nav {
	float: right;
	margin: 10px 0px 0px 0px !important;
	padding: 0px
}

.aux-nav li {
	list-style: none;
	display: inline;
	margin: 0px 15px 0px 0px !important;
	font-family: "Roboto Condensed", helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase
} 

.aux-nav li a {
	color: #fff
}

.navbar-collapse {
	float:right;
	margin-top: 30px
}

#logo {
	margin: 25px 0px;
	width: 208px;
	height: auto
}

.home #logo {
	width: 300px;
}

.home .navbar-collapse {
	margin-top: 50px
}

#searchsubmit {
	background-color: #a3bb48;
	font-size: 16px;
	border: 1px solid #a3bb48; 
}

.navbar-toggle {
border-color: #333;
background-color: #333;
color: #fff;
margin-top: 40px
}

.navbar-toggle .icon-bar {
	background-color: #fff;
}



/* SIDEBAR */

#sidebar {
	background-color: #e4f5fc;
	padding: 20px
}

#sidebar ul {
	margin: 0px;
	padding: 0px
}

#sidebar li {
	list-style: none
}

#sidebar li a, #sidebar .toggle {
	font-size: 14px;
	color: #606060
}

#sidebar .toggle:hover {
	cursor: pointer
}

.archive-sub-menu {
	margin-left: 20px !important
}

/* FOOTER */

.logo-icons {
	margin: 8px 0px 0px 0px;
	padding: 0px
}

.logo-icons li {
	list-style: none;
	display: inline;
	margin: 0px 15px 0px 0px
}

.logo-icons img {
	max-height: 45px;
	width: auto
}

.footer-nav {
	margin: 20px 0px !important
}

/* HOME */

#myCarousel {
	margin-bottom: 20px
}

.home-benefits {
	color: #606060;
	font-size: 14px
}

.home-benefits div {
	border-left: 1px solid #808081
}

.home-benefits div:first-child {
	border-left: none
}

.home-benefits img {
	float: left;
	margin: 0px 10px 50px 0px
}

a.btn-cta, input.btn-cta, .searchmanuals input[type=submit] {
	color: #fff;
	width: 100%;
	text-align: center;
	background-color: #ffa201;
	font-family: "Roboto Condensed", helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
	display: block;
	padding: 10px 5px
}

.searchmanuals input[type=text] {
		margin-bottom: 10px
}

.searchmanuals input[type=submit] {
	margin-top: 15px;
	border: 1px solid #ffa201;
	display: block
}

/* PRODUCT */

.benefits-product h2 {
	color: #939394;
	font-size: 18px;
	font-size: 28px;
	margin-top: 30px !important
}

.benefits-product div {
	border-left: 1px solid #808081
}

.benefits-product div:first-child {
	border-left: none
}

.benefits-product img {
	float: left;
	margin: 0px 10px 0px 0px
}

/* BLOG */

.excerpt {
	padding: 0px 0px 40px 0px;
	margin: 20px 0px 10px 0px;
	border-bottom: 1px solid #808081
}

/* MEMBERSHIP STUFF */

#post-2981 #wpmem_login {
	width: 100%;
	margin: 30px auto;
	padding: 5px 20px;
	background-color: #dedede;
	border-bottom: 1px solid #808081;
}

#post-2981 #wpmem_login .div_text {
	width: 100%
}

#menu-dealers .sub-menu {
	margin-left: 20px !important
}

.plain-label > a {
	font-weight: bold;
	text-decoration: none !important
}

.plain-label > a:hover {
	pointer: default !important;
	text-decoration: none !important
}

/* AREA MANAGERS */

.page-id-6366 blockquote {
    color: rgb(0, 162, 224);
    font-size: 26px;
    line-height: 40px;
    border-left: 4px solid rgb(0, 162, 224);
    border-right: 4px solid rgb(0, 162, 224);
}

/* CAROUSELS */

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-fade .carousel-indicators li {
	border: 1px solid #ffa201;
	background-color: #ffa201
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* FIXES & OVERRIDES */

.container {
	max-width: 1095px
}

.page-id-3056 #post-3056 h2 img {
	width: 100px;
	height: 100px;
	margin-right: 20px
}


.post h2 {
padding: 20px 0px 0px 0px;
margin: 20px 0px 10px 0px;
border-top: 0px solid #808081;
}

.results h2 {
padding: 20px 0px 0px 0px;
margin: 20px 0px 10px 0px;
border-top: 1px solid #808081;
}

.post h2:first-child {
	border-top: none;
	padding-top: 0px;
	margin-top: 0px
}

#post-2997.post h2 {
	border-top: none !important;
	padding-top: 0px
}

.gform_button {
	background-color: #ffa201;
	border: 1px solid #ffa201;
	color: #fff;
	font-family: "Roboto Condensed", helvetica, arial, sans-serif !important;
	font-size: 24px !important;
	padding: 5px 10px;
	text-transform: uppercase;
	font-weight: bold
}

.gfield_label, .searchmanuals label {
	font-family: "Roboto Condensed", helvetica, arial, sans-serif !important;
	font-size: 18px !important;
	color: #606060;
	text-transform: uppercase
}

#sidebar .ginput_container input {
	width: 100%
}

.gfield_radio label {
	font-weight: normal;
	font-size: 12px
}

.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
  margin-top: .23em !important;
}

.gform_wrapper.gf_browser_gecko .gfield_radio li input[type="radio"] {
    margin-top: 0.138em !important;
}

/*media all*/
.gf_browser_ie.gform_wrapper .gfield_radio li input[type=radio] {
    margin-top: 2px !important;
}


/* RESPONSIVE TWEAKS */

@media (max-width: 1200px) {
	.social-icons li {
		margin-right: 8px;
	}
	
	.social-icons  img {
		height: 18px;
		width: auto
	}
	
	.logo-icons li {
		margin-right: 10px
	}
	
	.logo-icons img {
		
	}
	
	
}

@media (max-width: 991px) {

		.social-icons  img {
			height: 15px;
			width: auto
		}


		.home #logo {
				width: 208px;
		}
		
		.home .navbar-collapse {
			margin-top: 30px
		}
	
		.bg-blue {
			background-image: none
		}
		
		.bg-green {
			background-image: none	
		}
		
		.home-benefits h2 {
			font-size: 24px;
			margin-top: 15px
		}
		
		.home-benefits p {
			font-size: 12px
		}
		
		.home-benefits img {
			width: 60px;
			margin-bottom: 70px
		}
		
		.home-header-main .col-sm-12 {
			text-align: center
		}
		
		#logo {
			margin-bottom: 0px
		}
		
		#menu-topnav {
			float: none
		}
		
		#menu-topnav li {
			display: inline-block;
			float: none
		}
		
		.quote {
			font-size: 34px
		}
		
		footer .col-sm-12 {
			text-align: center
		}

		footer .col-sm-12 ul {
			float: none
		}

		footer .col-sm-12 li {
			display: inline
		}
		
		#searchform #s {
			width: 100px
		}

}

@media (max-width: 767px) {
	
		.home-header-main .col-sm-12 {
			text-align: center
		}
		
		.navbar-collapse {
			width: 100%
		}
		
		#logo {
			margin-bottom: 0px
		}
		
		#menu-topnav {
			float: none
		}
		
		#menu-topnav li {
			display: block;
			float: none;
			width: 100%;
			text-align: right
		}
		
		.cta-big {
			background-size: 100% 100% !important
		}
		
}

table h2 {
	border-bottom: 1px solid #808081;
	margin: 30px 0px 20px 0px !important;
	padding-bottom: 10px !important
}

table h6 {
	font-family: "Roboto Condensed", helvetica, arial, sans-serif !important;
	color: #a3bb48;
	font-size: 30px;
	font-weight: 500;
	margin: 0px 0px 0px 0px !important;
	border-bottom: 0px solid #808081;
	padding-bottom: 10px !important
}

table.table-schedule {
		margin-top: 10px;
		font-family: verdana,arial,sans-serif;
		font-size:11px;
		color:#333333;
		border-width: 1px;
		border-color: #3A3A3A;
		border-collapse: collapse;
	}
	table.table-schedule th {
		border-width: 1px;
		padding: 8px;
		border-style: solid;
		border-color: #3A3A3A;
		background-color: #B3B3B3;
	}
	table.table-schedule td {
		border-width: 1px;
		padding: 8px;
		border-style: solid;
		border-color: #3A3A3A;
		background-color: #ffffff;
	}
	table.table-schedule tr {
		vertical-align: top;
	}


/* PRINT */


@media print {
	
	body {
		padding: 0px 20px
	}
	
	.hidden-xs,.navbar, footer, .carousel-indicators, .item {
		display: none
	}	
	
	.item.active {
		display: block
	}
	
	.logo-container {
		text-align: center;
		width: 100% !important
	}
	
	#logo {
		margin: 0px auto 30px auto;
		width: 200px;
		height: auto;
		float: none;
		display: block
	}
	
	.home-benefits div {
		border: none
	}
	
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666666666666%;
  }
  .col-md-10 {
    width: 83.33333333333334%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-7 {
    width: 58.333333333333336%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666666666667%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.666666666666664%;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666666666666%;
  }
  .col-md-pull-10 {
    right: 83.33333333333334%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666666666666%;
  }
  .col-md-pull-7 {
    right: 58.333333333333336%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666666666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.666666666666664%;
  }
  .col-md-pull-1 {
    right: 8.333333333333332%;
  }
  .col-md-pull-0 {
    right: 0;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666666666666%;
  }
  .col-md-push-10 {
    left: 83.33333333333334%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666666666666%;
  }
  .col-md-push-7 {
    left: 58.333333333333336%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666666666667%;
  }
  .col-md-push-4 {
    left: 33.33333333333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.666666666666664%;
  }
  .col-md-push-1 {
    left: 8.333333333333332%;
  }
  .col-md-push-0 {
    left: 0;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-md-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-md-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}

.visible-xs .aux-nav {
	float: none;
	margin: 10px 0px 10px 0px !important;
}