/*
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				{height:100%;}
body 				{height:100%; background:#FFF; color:#000;}
a:link, a:visited		{color:#00A1E4;text-decoration:none;}
a:hover,a:active		{color:#00A1E4;text-decoration:underline;}
p 				{margin: 0 0 20px 0;}
h1,h2,h3 			{margin-top: 20px; margin-bottom: 15px;}
h4,h5,h6 			{margin-top: 10px; margin-bottom: 10px;}
h4 				{margin-top:16px;}
.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%;}
#header				{padding:20px 0 0 0;}


/* Font Styles
-------------------------------------------------- */
/*
Family Examples Most Used:
font-family: 'Sintony', 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;
*/
body				{font-size: 14px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color:#000;}
.font-weight-normal		{font-weight: normal;}
.entry-title 			{font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; color:#00A1E4;}
/* Font Colors */
.blaTxt				{color:#000;}
.whiTxt				{color:#FFF;}
.greTxt				{color:#888;}
.bluTxt				{color:#00A1E4;}
/* 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:11px;}
/* Text Header Sizes */
h1, .h1 			{font-size: 38px; color:#00A1E4;}
h2, .h2				{font-size: 30px; color:#00A1E4;}
h3, .h3				{font-size: 24px; color:#00A1E4;}
h4, .h4				{font-size: 20px; color:#00A1E4;}
h5, .h5				{font-size: 14px; color:#00A1E4;}
h6, .h6				{font-size: 12px; color:#00A1E4;}


/* Index Page Styles
-------------------------------------------------- */
.home .container-full1 		{width:100%; height:100%; max-height:530px; margin:0 0 20px 0;}
.home #columnContainer,
.home #col1,
.home #col2			{height:100%;}
.home #columnContainer .row	{height:100%; }
.home #col1			{background:#000; height:530px;}

.hero-section {
    position: relative;
    height: 530px;
    max-height: 60vh;
    min-height: 300px;
    overflow: hidden;
}

.bg-slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    z-index: 0;
    animation: fade 15s infinite;
}

.slide1 {
    background-image: url('/wp-content/themes/zapn-boot/images/slider1.jpg');
}

.slide2 {
    background-image: url('/wp-content/themes/zapn-boot/images/slider2.jpg');
    animation-delay: 5s;
}

.slide3 {
    background-image: url('/wp-content/themes/zapn-boot/images/slider3.jpg');
    animation-delay: 10s;
}

.hero-content {
    position: relative;
    z-index: 1;
}

@keyframes fade {
    0%, 33% {
        opacity: 1;
    }
    34%, 100% {
        opacity: 0;
    }
}


/* Sub Page Styles
-------------------------------------------------- */
.page-template-default 			{}
.page-template-default .entry-title	{border:2px solid #00A1E4; color:#00A1E4; padding:10px 14px; margin-top:-22px; margin-left:-15px; display:inline-block;}
.page-template-default .breadcrumb 	{padding: 0;}
.page-template-default hr		{border-top: 1px #000 solid; margin:20px -15px;}
.page-template-default hr.sub-hr	{border-top: 2px #00A1E4 solid; margin:20px -15px;}


/* Sidebar Styles
-------------------------------------------------- */
#sidebarSearch			{margin-bottom:20px;}
.greyBox			{border:1px solid #AAA;margin-bottom:20px;padding:10px;}


/* Bootstrap Menu Styles
-------------------------------------------------- */
.navbar						{margin:0; z-index: 20;}
.navbar-default 				{background: transparent; border:0;}

#menu1 .navbar-default .navbar-nav > li > a 		{color: #00A1E4;}
#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: #00A1E4; background: transparent; text-decoration:underline;}

#menu2 .navbar-default .navbar-nav > li > a 		{color: #FFF;}
#menu2 .navbar-default .navbar-nav > li > a:hover,
#menu2 .navbar-default .navbar-nav > li > a:focus,
#menu2 .navbar-default .navbar-nav > .open > a,
#menu2 .navbar-default .navbar-nav > .open > a:hover,
#menu2 .navbar-default .navbar-nav > .open > a:focus,
#menu2 .navbar-default .navbar-nav > .active > a,
#menu2 .navbar-default .navbar-nav > .active > a:hover,
#menu2 .navbar-default .navbar-nav > .active > a:focus {color: #00A1E4; background: transparent; text-decoration:underline;}

/* Make Sidebar Nav Vertical */ 
@media (min-width: 768px) {
  #menu2 .navbar .navbar-collapse {padding: 0; max-height: none;}
  #menu2 .navbar ul {float: none;}
  #menu2 .navbar ul:not {display: block;}
  #menu2 .navbar li {float: none;display: block;}
  #menu2 .navbar li a {padding-top: 12px;padding-bottom: 12px;}
}


/* Bootstrap Carousel/Slider Styles
-------------------------------------------------- */
.carousel 					{}
.carousel .item 				{background-color: #FFF;}
/* Carousel indicators (circles) */
.carousel-indicators				{bottom: 4px; left: 15%;}
.carousel-indicators li 			{background-color:#DCE6F2; border: 1px solid #DCE6F2;}
.carousel-indicators .active 			{background-color: #91B0D5;}
/* Carousel controls (arrows) */
.carousel-control 				{opacity: 0.8; filter: alpha(opacity=80); width:6%;}
.carousel-control.left, .carousel-control.right {background-color:transparent; background-image: none; background-repeat: no-repeat; filter: none;}
.carousel-control:hover,
.carousel-control:focus 			{opacity: 1; filter: alpha(opacity=100);}
.carousel-control .glyphicon-chevron-left 	{top:44%; left: 10%; color:#91B0D5; font-size:40px;}
.carousel-control .glyphicon-chevron-right 	{top:44%; right: 10%; color:#91B0D5; font-size:40px;}


/* Media Queries Start
-------------------------------------------------- */
/* Mobile Styles */
@media (max-width: 767px) {
	#header		{padding:20px;}
	.home .container-full1,
	.home #col1 	{max-height:480px;}
	#footer .col-xs-12{margin-top:20px;}
}
/* Tablet Styles */
@media (min-width: 768px) and (max-width: 991px) {
	#main-menu	{margin-top:50px;}
	.home .container-full1,
	.home #col1 	{max-height:450px;}
}
/* Desktop Styles */
@media (min-width: 992px) and (max-width: 1199px) {
	#main-menu	{margin-top:50px;}
}
/* Large Desktop Styles */
@media (min-width: 1200px) {
	#main-menu	{margin-top:50px;}
}
/* Media Queries End
-------------------------------------------------- */