/*
Theme Name: Zapn Boot
Theme URI: http://zapnapps.com
Description: Custom built Wordpress theme based on bootstrap 3.0.3
Author: Ryan Christenson
Author URI: http://ryanchristenson.com/
Version: 1.0
Tags: responsive, bootstrap, custom

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
 
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* General Styles
-------------------------------------------------- */
html				{position: relative; min-height:100%;}
body 				{padding: 0 0 300px 0;}
a:link, a:visited		{color:#E08738;text-decoration:none;}
a:hover,a:active		{color:#006699;text-decoration:underline;}
p 				{margin: 0 0 20px 0;}
hr				{border-top: 1px solid #0069AD; margin:20px 0;}
.aligncenter 			{display: block; margin:0 auto;}
.alignleft 			{float: left;}
.alignright 			{float: right;}
img.alignleft 			{margin: 7px 24px 7px 0;}
img.alignright 			{margin: 7px 0 7px 24px;}
img.aligncenter			{margin-top: 7px; margin-bottom: 7px;}
img.size-full, img.size-large, .wp-post-image,
.post-thumbnail img 		{display: block; height: auto; max-width: 100%;}
.page-header 			{border:0;}
#logo				{margin:20px 0;}
#bodyContainer			{background:#FFF; padding-top:20px; margin-top:30px;}
#headerSearch			{max-width:300px;}
#colA				{padding:0 50px;}
#colB				{padding:0 35px;}

/* Font Styles
-------------------------------------------------- */
/*
Family Examples Most Used:
font-family: 'Sintony', sans-serif;
font-family: 'Droid Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Slab', serif;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
*/
body			{font-size: 16px; font-family: 'Open Sans', sans-serif; color:#000; font-weight: 300;}
.font-weight-normal	{font-weight: normal;}
h1.entry-title 		{color:#FFF;}
h2.entry-title 		{color:#000;}
/* Font Colors */
.blaTxt			{color:#000;}
.whiTxt			{color:#FFF;}
.greTxt			{color:#888;}
.bluTxt			{color:#006699;}
/* Font Sizes */
.smaTxt			{font-size: 12px;}
.medTxt			{font-size: 14px;}
.larTxt			{font-size: 16px;}
.bigTxt			{font-size: 18px;}
.hugTxt			{font-size: 20px;}
/* Text Header Sizes */
h1,.h1,h2,.h2,
h3,.h3,h4,.h4,
h5,.h5,h6,.h6		{color:#000; font-family: 'Open Sans', sans-serif;  font-weight: 500;}
h1	 		{margin:10px;}
h2,h3 			{margin-top: 0; margin-bottom: 10px;}
h4, h5, h6 		{margin-top: 0; margin-bottom: 10px;}
h1, .h1 		{font-size: 38px;}
h2, .h2			{font-size: 20px;}
h3, .h3			{font-size: 20px; font-weight: 300;}
h4, .h4			{font-size: 18px;}
h5, .h5			{font-size: 14px; font-weight: 700;}
h6, .h6			{font-size: 12px; font-weight: 700;}


/* Index Page Styles
-------------------------------------------------- */
@media (min-width: 768px) { /* Desktop Styles */
	.home	{background:#FFF url(images/bg-home.jpg) center 160px repeat-x;}
}
@media (min-width: 768px) and (max-width: 991px) {/* Tablet Styles */
	.home	{background-position: center 110px;}
}
@media (min-width: 992px) and (max-width: 1199px) {/* Desktop Styles */
	.home	{background-position: center 140px;}
}
.home h3	{margin-top: 0;}
.home #main-menu{margin-bottom:10px;}


/* Sub Page Styles
-------------------------------------------------- */
@media (min-width: 768px) { /* Desktop Styles */
	.pageBGRan1 	{background: url(images/bg-sub01.jpg) center 160px repeat-x;}
}
@media (min-width: 768px) and (max-width: 991px) {/* Tablet Styles */
	.pageBGRan1	{background-position: center 110px;}
}
@media (min-width: 992px) and (max-width: 1199px) {/* Desktop Styles */
	.pageBGRan1	{background-position: center 140px;}
}
#titleBar 	{background:#E08738; width:100%; -webkit-box-shadow: 4px 4px 20px #222; -moz-box-shadow: 4px 4px 20px #222; box-shadow: 4px 4px 20px #222;}
#titleBar2 	{background:#E08738; -webkit-box-shadow: 0px 4px 20px #222; -moz-box-shadow: 0px 4px 20px #222; box-shadow: 0px 4px 20px #222;}


/* Sidebar Styles
-------------------------------------------------- */


/* Footer Styles
-------------------------------------------------- */
#footer			{width: 100%; height:200px; padding:40px 0 0 0; margin-top:30px; background: url("images/bg-footer.png") top repeat-x; font-size:14px; color:#006699;}
#footer ul		{padding:0; list-style: none; font-size:16px;}


/* Bootstrap Menu Styles
-------------------------------------------------- */
#main-menu 					{width: 100%; background: transparent; color:#FFF;}
.navbar						{margin:0; z-index: 20; font-size:16px; margin-right:100px;}
.navbar-collapse 				{border-top: 0; box-shadow:none;}
.navbar-default 				{background: transparent; border:0;}
.navbar-default .navbar-nav > li > a 		{color: #FFF; border:1px solid #FFF; border-width: 0 0 0 1px;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {background: transparent; color: #91B0D5; border-color:#FFF;}

.dropdown-menu					{border-top:0; background-color:#0069AD;}
.dropdown-menu .divider 			{background-color: #0069AD;}
.dropdown-menu .dropdown-header 		{padding: 3px 20px; font-size: 12px; color: #999;}
.dropdown-menu > li > a 			{background-color:#0069AD; color:#FFF;}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus 			{background: #FFF; color: #333;}

#top-menu 							{background: transparent; color:#FFF;}
#top-menu .navbar						{margin:0; z-index: 20; font-size:14px;}
#top-menu .navbar-collapse 					{border-top: 0; box-shadow:none;}
#top-menu .navbar-default 					{background: transparent; border:0;}
#top-menu .navbar-default .navbar-toggle 			{background-color:#FFF; color:#FFF; border-color: #000;}
#top-menu .navbar-default .navbar-toggle:hover,
#top-menu .navbar-default .navbar-toggle:focus 			{background-color: #0069AD; color:#000;}
#top-menu .navbar-default .navbar-toggle .icon-bar 		{background-color: #000;}
#top-menu .navbar-default .navbar-nav > li > a 			{color: #91B0D5;}
#top-menu .navbar-default .navbar-nav > li > a:hover,
#top-menu .navbar-default .navbar-nav > li > a:focus,
#top-menu .navbar-default .navbar-nav > .open > a,
#top-menu .navbar-default .navbar-nav > .open > a:hover,
#top-menu .navbar-default .navbar-nav > .open > a:focus,
#top-menu .navbar-default .navbar-nav > .active > a,
#top-menu .navbar-default .navbar-nav > .active > a:hover,
#top-menu .navbar-default .navbar-nav > .active > a:focus 	{background: transparent; color: #000;}


/* Other Bootstrap Style Changes
-------------------------------------------------- */
blockquote 			{padding: 10px 20px; margin: 0 0 20px; border-left: 3px solid #EEE;}
blockquote p 			{font-size: 15px; font-weight: 500; line-height: 1.428571429; font-style: italic;}
.table-responsive		{border:0; background:transparent;}
.table-no-border>thead>tr>th, 
.table-no-border>tbody>tr>th, 
.table-no-border>tfoot>tr>th, 
.table-no-border>thead>tr>td, 
.table-no-border>tbody>tr>td, 
.table-no-border>tfoot>tr>td 	{border-top: none;}


/* Clickable Panels
-------------------------------------------------- */
.clickable {cursor: pointer;}
.clickable .glyphicon {background: rgba(0, 0, 0, 0.15); display: inline-block; padding: 6px 12px; border-radius: 4px}
.panel-heading span{margin-top: -23px; font-size: 15px; margin-right: -9px;}
a.clickable { color: inherit;}
a.clickable:hover { text-decoration:none;}


/* Google Map Styles
-------------------------------------------------- */
.google-maps 		{position: relative; padding-bottom: 75%; height: 0; overflow: hidden;}
.google-maps iframe 	{position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}


/* Media Queries Start
-------------------------------------------------- */
/* Mobile Styles */
@media (max-width: 767px) {
	body 		{padding:0;}
	#logo		{margin-top:10px;}
	#footer		{position: static; height: auto;}
	#footer .partner{display: block; margin:0 auto 30px auto;}
	#main-menu	{display:none;}
}
/* Tablet Styles */
@media (min-width: 768px) and (max-width: 991px) {
	body 		{padding:0;}
	#footer		{position: static; height: auto;}
	#footer .partner{display: block; margin:0 auto 30px auto;}
}
/* Desktop Styles */
@media (min-width: 992px) and (max-width: 1199px) {
	#bodyContainer			{min-height:400px;}
}
/* Large Desktop Styles */
@media (min-width: 1200px) {
	#bodyContainer			{min-height:400px;}
}
/* Media Queries End
-------------------------------------------------- */