/*
Theme Name: Zapn Boot
Theme URI: https://zapnapps.com
Description: Custom built Wordpress theme based on bootstrap 3.0.3
Author: Ryan Christenson
Author URI: https://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 360px 0; color:#000;}
a:link, a:visited		{color:#996600;text-decoration:none;}
a:hover,a:active		{color:#0095DA;text-decoration:underline;}
p 				{margin: 0 0 20px 0;}
hr				{border-top: 2px solid #000; margin:20px -15px;}
hr.hrTan			{border-top: 2px solid #C58D43; margin:20px -15px;}
hr.hrBlue			{border-top: 2px solid #0076C6; margin:20px -15px;}
.aligncenter, img.aligncenter2 	{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 				{display: block; height: auto; max-width: 100%;}
.page-header 			{border:0;}
.shadow-bottom			{-webkit-box-shadow: 4px 8px 20px #888; -moz-box-shadow: 4px 8px 20px #888; box-shadow: 4px 8px 20px #888;}
.shadow-top			{-webkit-box-shadow: 0 -3px 15px -5px #888; -moz-box-shadow: 0 -3px 15px -5px #888; box-shadow: 0 -8px 20px -4px #888;}
#header				{background:#0076C6; border-bottom: 4px solid #C58D43; margin-bottom:50px;}
#logo				{margin:20px 0 0 0;}
#bodyContainer			{background:#FFF;}


/* Font Styles
-------------------------------------------------- */
/*
Family Examples Most Used:
font-family: 'Droid Sans', sans-serif;
font-family: 'Open Sans', 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: 15px; font-family: 'Open Sans', sans-serif; color:#000;}
.font-weight-normal	{font-weight: normal;}
.entry-title 		{color:#280000;}
/* Font Colors */
.blaTxt			{color:#000;}
.whiTxt			{color:#FFF;}
.greTxt			{color:#888;}
.tanTxt			{color:#C58D43;}
.blueTxt		{color:#0076C6; font-size: 18px; font-family: 'Roboto Slab', sans-serif;}
/* Font Sizes */
.smaTxt			{font-size: 12px;}
.medTxt			{font-size: 14px;}
.larTxt			{font-size: 16px;}
.bigTxt			{font-size: 18px;}
.hugTxt			{font-size: 20px;}
#footer			{font-size: 12px;}
/* Text Header Sizes */
h1,.h1,h2,.h2,
h3,.h3,h4,.h4,
h5,.h5,h6,.h6		{color:#0076C6; font-family: 'Roboto Slab', sans-serif;}
h1	 		{margin-top: -6px; margin-bottom: 30px;}
h2,h3 			{margin-top: 35px; margin-bottom: 10px;}
h4, h5, h6 		{margin-top: 10px; margin-bottom: 10px;}
h1, .h1 		{font-size: 38px;}
h2, .h2			{color:#000; font-size: 18px; margin-top:20px;}
h3, .h3			{font-size: 20px;}
h4, .h4			{font-size: 18px;}
h5, .h5			{font-size: 14px;}
h6, .h6			{font-size: 12px; color:#000; font-family: 'Roboto Condensed', sans-serif; margin-top:-10px;}



/* Index Page Styles
-------------------------------------------------- */
.home #header		{margin-bottom:0;}
/*.home #col1 img		{margin:20px;} */ /* This is used below for mobile */

/* Sub Page Styles
-------------------------------------------------- */
.page-template-default .breadcrumb 	{padding: 0;}
.page-id-7 #col2 img 			{margin-top:20px;}
.page-id-7 #col2 img:first-child 	{margin-top:40px;}


/* Sidebar Styles
-------------------------------------------------- */
h1.widget-title			{font-size:24px; margin:0 0 20px 0;}
#firstGreyBox			{margin-top:3px;}
.greyBox			{border:1px solid #AAA;margin-bottom:20px;padding:14px;}


/* Footer Styles
-------------------------------------------------- */
#footer				{position: absolute; bottom: 0; width: 100%; height: 350px; background: #F2E4CF; color:#000; padding:20px 0 0 0; margin-top:30px; border-top: 6px solid #C58D43;}
#footer h4			{color:#000; margin:0;}
#footer a:link,#footer a:visited{color:#996600;text-decoration:none;}
#footer a:hover,#footer a:active{color:#000;text-decoration:underline;}
#footer ul			{padding:0; list-style: none; font-size:13px;}
#footer .table			{background:#F2E4CF;}
#menu-footer-menu .divider 	{padding:10px;}


/* Bootstrap Button Styles
-------------------------------------------------- */
a.btn-success				{color:#FFF; text-decoration:none;}

.btn-success 				{background-color: #333;border-color: #666;margin-left:10px;}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success 	{background-color: #0076C6; border-color: #666;}


/* Bootstrap Menu Styles
-------------------------------------------------- */
#menu1							{background:#C58D43; color:#FFF; max-width:400px; margin-bottom:-30px; z-index: 22; border-bottom-left-radius:6px; border-bottom-right-radius:6px;}
#menu1 .navbar						{margin:0;  z-index: 20; font-size:14px;}
#menu1 .navbar-collapse 				{border: 0; box-shadow:none;}
#menu1 .navbar-default 					{background: transparent; border:0;}

.navbar-default .navbar-toggle				{border-color: #FFF;}
.navbar-default .navbar-toggle .icon-bar 		{background-color: #FFF;}
.navbar-default .navbar-toggle:hover .icon-bar		{background-color: #FFF;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus 			{background-color: #654321; border-color: #FFF;}

#menu1 .navbar-default .navbar-nav > li 		{border-bottom:1px solid #F2E4CF;}
#menu1 .navbar-default .navbar-nav > li:last-child 	{border:0;}
#menu1 .navbar-default .navbar-nav > li > a 		{color: #FFF; font-weight:700;}
#menu1 .navbar-default .navbar-nav > li > a:hover,
#menu1 .navbar-default .navbar-nav > li > a:focus,
#menu1 .navbar-default .navbar-nav > .open > a,
#menu1 .navbar-default .navbar-nav > .open > a:hover,
#menu1 .navbar-default .navbar-nav > .open > a:focus,
#menu1 .navbar-default .navbar-nav > .active > a,
#menu1 .navbar-default .navbar-nav > .active > a:hover,
#menu1 .navbar-default .navbar-nav > .active > a:focus 	{color:#654321; background: transparent;}
/* Non Mobile Menu */
#menu1 .nav-pills > li > a				{color:#FFF; border-bottom:1px solid #F2E4CF; border-radius:0; font-weight:700;}
#menu1 .nav-pills > li > a:hover,
#menu1 .nav-pills > li > a:focus			{color: #654321; background-color: transparent;}
#menu1 .nav-pills > li.active > a,
#menu1 .nav-pills > li.active > a:hover,
#menu1 .nav-pills > li.active > a:focus 		{color: #654321; background-color: transparent;}
#menu1 .nav-pills > li:last-child > a			{border:0;}

/*
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a 		{color: #FFF;}
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus 	{color: #F8DEAB;}
}

.dropdown-menu					{border-top:0;}
.dropdown-menu > li > a 			{color:#333;}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus 			{color: #000; background: #91B0D5;}
*/


/* 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;}


/* 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;}


/* Media Queries Start
-------------------------------------------------- */
/* Mobile Styles */
@media (max-width: 767px) {
	#logo		{margin:10px 0 0 0;}
	body 		{padding:0;}
	#footer		{position: relative; height:inherit; max-height:inherit;}
	#footer h4	{color:#000;}
	#footer .table	{background:#F2E4CF; color:#000; margin-top:0; border-radius:0;}
	.home #col2 img	{margin:20px;}
}
/* Tablet Styles */
@media (min-width: 768px) and (max-width: 991px) {
	
}
/* Desktop Styles */
@media (min-width: 992px) and (max-width: 1199px) {
	
}
/* Large Desktop Styles */
@media (min-width: 1200px) {
	
}
/* Media Queries End
-------------------------------------------------- */