/*
Theme Name: Zapn Boot
Theme URI: http://zapnapps.com
Description: Custom built Wordpress theme based on bootstrap 3.3.7
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: 96px 0 150px 0;}
a:link, a:visited		{color:#41AD49;text-decoration:underline;}
a:hover,a:active		{color:#a94442;text-decoration:underline;}
p, ul 				{margin-bottom: 20px;}
hr				{border-top: 1px solid #808080; margin:20px -15px;}
.vcenter 			{display: inline-block; vertical-align: middle; float: none;}
.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, img.size-medium, .wp-post-image,
.post-thumbnail img 		{display: block; height: auto; max-width: 100%;}
.page-header 			{border:0;}
#logo				{max-width:380px;}
#bodyContainer			{background:#FFF; padding-top:30px;}


/* Font Styles
-------------------------------------------------- */
/*
Family Examples Most Used:
font-family: 'Saira Semi Condensed', sans-serif;
font-family: 'Roboto', sans-serif;
*/
body			{font-size: 16px; font-family: 'Roboto', sans-serif; color:#000;}
.font-weight-normal	{font-weight: normal;}
.entry-title 		{color:#000;}
/* Font Colors */
.blaTxt			{color:#000;}
.whiTxt			{color:#FFF;}
.greTxt			{color:#808080;}
/* 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: 'Saira Semi Condensed', sans-serif;}
h1	 		{margin-top: 0; margin-bottom: 30px;}
h2,h3 			{margin-top: 15px; margin-bottom: 15px;}
h4, h5, h6 		{margin-top: 10px; margin-bottom: 10px;}
h1, .h1 		{font-size: 38px;}
h2, .h2			{font-size: 30px;}
h3, .h3			{font-size: 24px;}
h4, .h4			{font-size: 18px;}
h5, .h5			{font-size: 14px;}
h6, .h6			{font-size: 12px;}
.home h2		{margin-top:0;}

.home #pigContainer h1,
.home #pigContainer h2,
.home #pigContainer h3,
.home #pigContainer h4	{color:#FFF;}


/* Index Page Styles
-------------------------------------------------- */
hr.home-hr		{border-top-color: #AAA; margin:20px -15px;}
.home #pigContainer	{min-height:600px; background: transparent url('images/parallax-pig.jpg'); color:#FFF; padding-top:60px;}


/* Sub Page Styles
-------------------------------------------------- */
.breadcrumb 				{padding: 0;}
.wp-caption 				{display: block; height: auto; max-width: 100%; border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding: 4px; margin: 0px 10px 10px 10px;
					-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption p.wp-caption-text 		{font-size: 12px; font-weight:700; padding: 4px; margin: 0;}
.postNav				{border-bottom:2px solid #000; margin:20px 20px 10px; padding:10px;}
/* For Videos */
.embed-container 			{position: relative; top:20px; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.embed-container iframe,
.embed-container object,
.embed-container embed			{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.back-to-top 				{cursor: pointer; position: fixed; bottom: 20px; right: 20px; display:none; z-index:3;}
.label					{font-weight: normal;}


/* Footer Styles
-------------------------------------------------- */
#footer			{position: absolute; bottom: 0; width: 100%; height:120px; color:#000; padding:20px 0 0 0;
-webkit-box-shadow: 0px -2px 8px -2px rgba(0,0,0,0.4);
-moz-box-shadow: 0px -2px 8px -2px rgba(0,0,0,0.4);
box-shadow: 0px -2px 8px -2px rgba(0,0,0,0.4);
}
#footer h4		{color:#000;}
#footer ul		{padding:0;}


/* Bootstrap Menu Styles
-------------------------------------------------- */
#menu1 .navbar-brand 					{height: 100px;}
#menu1 .nav > li > a 					{padding:40px 10px; text-decoration:none;}
#menu1 .navbar-toggle 					{padding: 10px;margin: 25px 15px 25px 0;}
#menu1 .navbar-collapse 				{border-top: 0; box-shadow:none;}
#menu1 .navbar-default 					{background-color: #FFF; border:0; border-radius:0; font-size: 18px; 
-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4);
-moz-box-shadow: 0 0 7px rgba(0,0,0,0.4);
box-shadow: 0 0 7px rgba(0,0,0,0.4);
}
#menu1 .navbar-default .navbar-nav > li > a 		{color: #444; font-weight:700;}
#menu1 .navbar-default .navbar-nav > li > a:hover,
#menu1 .navbar-default .navbar-nav > li > a:focus 	{color:#41AD49;}
#menu1 .navbar-default .navbar-nav > .active > a,
#menu1 .navbar-default .navbar-nav > .active > a:hover,
#menu1 .navbar-default .navbar-nav > .active > a:focus	{color: #FFF; background-color: #41AD49; font-weight:700;}


/* SM Hide Menu */
@media (max-width: 1199px) {
    .navbar-header 		{float: none;}
    .navbar-toggle 		{display: block;}
    .navbar-collapse 		{border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse.collapse 	{display: none!important;}
    .navbar-nav 		{float: none!important; margin: 7.5px -15px;}
    .navbar-nav>li 		{float: none;}
    .navbar-nav>li>a 		{padding-top: 10px; padding-bottom: 10px;}
    .navbar-text 		{float: none; margin: 15px 0;}
    /* since 3.1.0 */
    .navbar-collapse.collapse.in{ display: block!important;}
    .collapsing 		{overflow: hidden!important;}
}


/* Bootstrap Button Styles
-------------------------------------------------- */
a.btn, a.btn:hover			{color:#FFF; text-decoration:none;}
a.btn-default, a.btn-default:hover	{color:#000; text-decoration:none;}


/* 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;}
.table .input-group-addon 	{width: 40px;}
.table .input-group 		{width: 60%;}

.alert ul li			{list-style:none; padding:6px 0;}
.table th			{font-size:20px;}
.table .bgFix			{background:#F9F9F9;}
.list-group a			{text-decoration:none; color:#000;}


/* Pricing Panels */
.big-lead 				{font-size: 40px;}
.price-panel,
.price-panel > .panel-heading 		{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.price-panel > .panel-heading h3 	{color:#FFF;}
.price-panel:hover 			{box-shadow: 0 0 30px rgba(0,0,0, .2);}
.price-panel:hover > .panel-heading 	{box-shadow: 0 0 30px rgba(0,0,0, .2) inset;}
.price-panel > .panel-heading 		{color: white; text-shadow: 0 3px 0 rgba(50,50,50, .6); border-radius: 0; box-shadow: 0 5px 0 rgba(50,50,50, .2) inset;}
.price-panel > .panel-body 		{color: white; text-shadow: 0 3px 0 rgba(50,50,50, .3);}
.price-panel > .list-group 		{font-weight: 600;}
.price-panel > .panel-footer 		{box-shadow: 0 3px 0 rgba(0,0,0, .3);}
.panel-blue > .panel-heading 		{background-color: #608bb4; border-color: #78aee1;}
.panel-blue > .panel-body 		{background-color: #73a3d4;}
.panel-green > .panel-heading 		{background-color: #57ac57; border-color: #71df71;}
.panel-green > .panel-body 		{background-color: #65c965;}
.panel-red > .panel-heading 		{background-color: #d04e50; border-color: #ff6062;}
.panel-red > .panel-body 		{background-color: #ef5a5c;}


/* Them My Login Styles */
.tml,
.tml p.error	{max-width:100% !important;}
.tml input	{max-width:300px !important;}


/* Media Queries Start
-------------------------------------------------- */
/* Tiny Mobile Styles */
@media (max-width: 400px) {
	#logo		{max-width:250px;}
}
@media (min-width: 401px) and (max-width: 532px) {
	#logo		{max-width:290px;}
}
/* Mobile Styles */
@media (max-width: 767px) {
	body			{padding: 96px 0 0 0; margin-bottom: 0;}
	#footer 		{position:relative; height:100%;}
	.table .input-group 	{width: 100%;}
}
/* Tablet Styles */
@media (min-width: 768px) and (max-width: 991px) {
	body		{padding: 96px 0 0 0; margin-bottom: 0;}
	#footer 	{position:relative; height:100%;}
	.table .input-group 	{width: 80%;}
}
/* Desktop Styles */
@media (min-width: 992px) and (max-width: 1199px) {
	#logo		{max-width:320px;}
}
/* Large Desktop Styles */
@media (min-width: 1200px) {
	
}
/* Media Queries End
-------------------------------------------------- */