/*
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.
*/

/*
Imported from Bootstrap 4
----------------------------------*/
.m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem!important; }
.m-3 { margin:1rem!important; }
.m-4 { margin:1.5rem!important; }
.m-5 { margin:3rem!important; }

.mt-0 { margin-top:0!important; }
.mr-0 { margin-right:0!important; }
.mb-0 { margin-bottom:0!important; }
.ml-0 { margin-left:0!important; }
.mx-0 { margin-left:0 !important;margin-right:0 !important; }
.my-0 { margin-top:0!important;margin-bottom:0!important; }

.mt-1 { margin-top:.25rem!important; }
.mr-1 { margin-right:.25rem!important; }
.mb-1 { margin-bottom:.25rem!important; }
.ml-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!important;margin-right:.25rem!important; }
.my-1 { margin-top:.25rem!important;margin-bottom:.25rem!important; }

.mt-2 { margin-top:.5rem!important; }
.mr-2 { margin-right:.5rem!important; }
.mb-2 { margin-bottom:.5rem!important; }
.ml-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!important;margin-left:.5rem!important; }
.my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important; }

.mt-3 { margin-top:1rem!important; }
.mr-3 { margin-right:1rem!important; }
.mb-3 { margin-bottom:1rem!important; }
.ml-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!important;margin-left:1rem!important; }
.my-3 { margin-bottom:1rem!important;margin-top:1rem!important; }

.mt-4 { margin-top:1.5rem!important; }
.mr-4 { margin-right:1.5rem!important; }
.mb-4 { margin-bottom:1.5rem!important; }
.ml-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!important;margin-left:1.5rem!important; }
.my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important; }

.mt-5 { margin-top:3rem!important; }
.mr-5 { margin-right:3rem!important; }
.mb-5 { margin-bottom:3rem!important; }
.ml-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!important;margin-left:3rem!important; }
.my-5 { margin-top:3rem!important;margin-bottom:3rem!important; }

.mt-auto { margin-top:auto!important; }
.mr-auto { margin-right:auto!important; }
.mb-auto { margin-bottom:auto!important; }
.ml-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }

.pt-0 { padding-top:0!important; }
.pr-0 { padding-right:0!important; }
.pb-0 { padding-bottom:0!important; }
.pl-0 { padding-left:0!important; }                             
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.pt-1 { padding-top:.25rem!important; }         
.pr-1 { padding-right:.25rem!important; }                       
.pb-1 { padding-bottom:.25rem!important; }      
.pl-1 { padding-left:.25rem!important; }                            
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2 { padding-top:.5rem!important; }                                              
.pr-2 { padding-right:.5rem!important; }                                
.pb-2 { padding-bottom:.5rem!important; }               
.pl-2 { padding-left:.5rem!important; }                                             
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3 { padding-top:1rem!important; }                               
.pr-3 { padding-right:1rem!important; }             
.pb-3 { padding-bottom:1rem!important; }                
.pl-3 { padding-left:1rem!important; }                              
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4 { padding-top:1.5rem!important; }                             
.pr-4 { padding-right:1.5rem!important; }               
.pb-4 { padding-bottom:1.5rem!important; }              
.pl-4 { padding-left:1.5rem!important; }                                
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5 { padding-top:3rem!important; }   
.pr-5 { padding-right:3rem!important; } 
.pb-5 { padding-bottom:3rem!important; }    
.pl-5 { padding-left:3rem!important; }  
.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }


/* General Styles
-------------------------------------------------- */
html				{position: relative; min-height:100%;}
body 				{padding: 0 0 100px 0;}
a:link, a:visited		{color:#FFF;text-decoration:underline;}
a:hover,a:active		{color:#333;text-decoration:underline;}
p, ul 				{margin-bottom: 20px;}
hr				{border-top: 2px solid #555; margin:20px -15px;}
hr.hrWhite			{border-top: 2px dotted #FFF; 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-height:120px;}
.blueFade			{background: rgb(0,125,198); background: linear-gradient(180deg, rgba(0,125,198,0.5) 0%, rgba(255,255,255,1) 10%);}
i.fa 				{vertical-align:middle; font-size:1.6em;}
a i.fa				{color:#FFF; background:#007DC6;}
a i.fa:hover			{color:#007DC6; background:#FFF; border-color: #007DC6;}
.blueBox			{background:#007DC6; color:#FFF; padding:30px 20px 10px 20px;}
.orangeBox			{background:#F38F1D; color:#FFF; padding:30px 20px 10px 20px;}
.whiteBox			{padding:30px 20px 10px 20px;}
.whiteBox a:link,
.whiteBox a:visited		{color:#007DC6;text-decoration:none;}
.whiteBox a:hover,
.whiteBox a:active		{color:#F97509;text-decoration:none;}
.topBorder 			{border-top:1px solid #007DC6; font-family: 'Titillium Web', sans-serif;}
#bodyContainer			{background:#FFF; padding-top:30px;}
#bodyContainer a:link,
#bodyContainer a:visited	{color:#007DC6;text-decoration:none;}
#bodyContainer a:hover,
#bodyContainer a:active		{color:#F97509;text-decoration:none;}


/* 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 Slab', serif;
font-family: 'Titillium Web', sans-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;
font-family: 'Sail', cursive;
font-family: 'Encode Sans Condensed', sans-serif;
*/
body			{font-size: 15px; font-family: 'Open Sans', sans-serif; background:#ECEBE1; color:#000;}
.font-weight-normal	{font-weight: normal;}
.entry-title 		{color:#000;}
/* Font Colors */
.blaTxt			{color:#000;}
.whiTxt			{color:#FFF;}
.greTxt			{color:#888;}
/* 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: 'Roboto Slab', 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;}
.mega-menu-item h3	{color:#FFF;}
.whiteHeaders h1,
.whiteHeaders h2,
.whiteHeaders h3,
.whiteHeaders h4 	{color:#FFF;}

.orangeBox h1, .orangeBox h2, .orangeBox h3, .orangeBox h4,
.orangeBox		{font-family: 'Encode Sans Condensed', sans-serif;}


/* Index Page Styles
-------------------------------------------------- */
#latest-news-tweets	{width:100%; height:auto; background:#BFCCDF; border:3px solid #809CC3; padding:10px 0;max-width:710px;margin:0 auto;}
hr.home-hr		{border-top-color: #AAA; margin:20px -15px;}
/* Home Flex Grid */
.grid2x2 		{min-height: 100%; display: flex; flex-wrap: wrap; flex-direction: row; font-size:30px;}
.grid2x2 > div 		{display: flex; flex-basis: calc(30%); margin-left:30px; justify-content: center; flex-direction: column;}
@media (max-width: 992px) {
	.grid2x2 > div 		{flex-basis: calc(50%); margin-left:0;}
}
@media (max-width: 620px) {
	.grid2x2 > div 		{flex-basis: calc(100%); margin-left:0;}
}
.grid2x2 > div > div 	{align-self: center;}
.grid2x2 a:link,
.grid2x2 a:visited,
.grid2x2 a:hover,
.grid2x2 a:active	{color:#FFF;text-decoration:none;}
.box 			{position: relative; background:#F38F1D; color:#FFF;}
.box .overlay		{background: linear-gradient(rgba(0, 0, 0, 1), rgba(255, 255, 255, 0));}
.overlay 		{position: absolute; top: 0; bottom: -74px; left: 0; right: 0; height: 100%; width: 100%; transition: .5s ease; display: flex; justify-content: center; flex-direction: column;}
.box:hover .overlay 	{background: linear-gradient(rgba(0, 125, 198, 255), rgba(0, 125, 198, 0));}
.overlay .subtitle p	{border: 1px solid #FFF; max-width:200px; margin:10px auto 0 auto; padding:5px;}


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


/* Footer Styles
-------------------------------------------------- */
#footer				{position: absolute; bottom: 0; width: 100%; height:120px; color:#000; padding:20px 0 0 0;}
#footer h3			{color:#007DC6;}
#footer h3 a			{text-decoration:underline;}
#footer ul			{padding:0;}
#footer a:hover			{color:#333;}
#logoFooter			{max-height:130px;}


/* Bootstrap Button Styles
-------------------------------------------------- */
a.btn-primary				{color:#FFF; text-decoration:none;}
a.btn-primary:hover			{color:#007DC6; text-decoration:none;}
.btn-primary 				{background-color: #007DC6; border-color: #FFF; border-radius: 0;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary 	{background-color: #FFF; border-color: #007DC6;}


a.btn-info				{color:#FFF; text-decoration:none;}
a.btn-info:hover			{color:#F38F1D; text-decoration:none;}
.btn-info 				{background-color: #FFF; border-color: #007DC6; border-radius: 0;}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info 	{background-color: #FFF; color:#007DC6; border-color: #F38F1D;}


/* Other Bootstrap Style Changes
-------------------------------------------------- */
blockquote 			{padding-left: 40px; padding-top:14px; margin: 0 0 20px; border-left: 3px solid #ECEBE1; min-height:100px;}
blockquote p 			{font-size: 18px; font-weight: 500; line-height: 1.428571429; font-style: italic;}
blockquote:before		{position: absolute; font-size: 80px; color: #691616; font-weight: 700; font-family: 'Sail', cursive; content: '\201c'; top: 0; left: 10px;}
/*
blockquote:before,
blockquote:after		{position: absolute; font-size: 80px; color: #691616; font-weight: 700;}
blockquote:before		{font-family: 'Sail', cursive; content: '\201c'; top: 0; left: 10px;}
blockquote:after		{font-family: 'Sail', cursive; content: '\201d'; bottom: -20px; right: 10px;}
*/

.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;}


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


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


/* Calendar Icon Styles
-------------------------------------------------- */
time.icon {
  font-size: 0.6em; /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  background-color: #fff;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
}
time.icon * 		{display: block; width: 100%; font-size: 1em; font-weight: bold; font-style: normal; text-align: center;}
time.icon strong 	{position: absolute; top: 0; padding: 0.4em 0; color: #fff; background: #4F868E; box-shadow: 0 2px 0 #4F868E;}
time.icon em 		{position: absolute; bottom: 0.3em; color: #4F868E;}
time.icon span 		{font-size: 2.8em; letter-spacing: -0.05em; padding-top: 0.8em; color: #2f2f2f;}
/* Usage
	<span class="alignright hidden-xs">
	    <time datetime="2014-09-20" class="icon">
		<em><?php the_time('l'); ?></em>
		<strong><?php the_time('F'); ?></strong>
		<span><?php the_time('j'); ?></span>
	    </time>
	</span>
*/


/* Media Queries Start
-------------------------------------------------- */
/* Mobile Styles */
@media (max-width: 767px) {
	.navbar		{font-size: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
-------------------------------------------------- */