/*
Theme Name: Zapn Boot5
Theme URI: https://ryanchristenson.com/
Description: Custom built Wordpress theme based on bootstrap 5.3.8
Author: Ryan Christenson
Author URI: https://ryanchristenson.com/
Version: 3.0
Tags: responsive, bootstrap, bootstrap5, 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
-------------------------------------------------- */
:root {
    --bs-font-sans-serif: 'Ubuntu', sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
}
html				{position: relative; min-height:100%;}
body 				{}
a:link, a:visited		{color:#00B3B8;text-decoration:underline;}
a:hover,a:active		{color:#00B3B8;text-decoration:underline;}
a, button 			{-webkit-tap-highlight-color: transparent;}
p, ul 				{margin-bottom: 20px;}
figure 				{margin-bottom:0 !important;}

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


/* Font Styles
-------------------------------------------------- */
/*
Family Examples Most Used:
font-family: 'Montserrat', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Sintony', sans-serif;
font-family: 'Droid Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Titillium Web', sans-serif;
font-family: 'Roboto Slab', serif;
font-family: 'Sanchez', serif;
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Playfair Display', 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: font-family: 'Ubuntu', sans-serif;
*/
body			{font-size: 20px; color:#000;}
.entry-title 		{color:#FFF; margin:20px 14px;}
/* 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-weight:400;}
h1	 		{margin-top: 0; margin-bottom: 0px;}
h2,h3 			{margin-top: 10px; margin-bottom: 10px;}
h4, h5, h6 		{margin-top: 10px; margin-bottom: 10px;}
h1, .h1 		{font-size: 44px;}
h2, .h2			{font-size: 32px; line-height: 1.3; }
h3, .h3			{font-size: 24px; line-height: 1.4; } 
h4, .h4,		{font-size: 22px;}
h5, .h5			{font-size: 18px;}
h6, .h6			{font-size: 18px;}
.mega-menu-item h3	{color:#FFF;}


/* Box Styles */
.whiteBox		{background:#FFF; color:#202020;}
.whiteBox h3		{color:#797979;}
.maroonBox		{background:#571845; color:#FFF;}
.maroonBox a:link,
.maroonBox a:visited	{color:#FFF;text-decoration:none;}
.maroonBox a:hover,
.maroonBox a:active	{color:#FFF;text-decoration:underline;}
.parallaxBox		{padding:100px 0; color:#FFF;}
.parallaxBox h1,
.parallaxBox h2,
.parallaxBox h3,
.parallaxBox h4		{color:#FFF;}


/* Header Styles */
/*
#logo			{margin:20px 0;}
#bodyContainer		{background:transparent;  padding-top:0;}
/*
ul.social li		{display: inline; margin: 0 6px; font-size:34px;}
ul.social li a		{text-decoration:none; color:#FFF;}
ul.social li a:hover	{color:#222;}
*/


/* Index Page Styles
-------------------------------------------------- */
/* For Blue Skies All Versions */
#blue-skies-animated	{background: url(/wp-content/uploads/2026/08/blue-skies-knockout-clouds-to-animate.jpg) repeat;}

/* For Blue Skies Version 2 */
#blue-skies-animated {animation: driftClouds var(--drift-duration, 60s) ease-in-out infinite alternate;}
@keyframes driftClouds {
    from { background-position: 0 0; }
    to   { background-position: var(--drift-x, -400px) 0; }
}

/* Sub Page Styles
-------------------------------------------------- */
.breadcrumb 				{padding: 0;}
#titleBar 				{background:#00B3B8; width:100%; -webkit-box-shadow: 4px 4px 20px #222; -moz-box-shadow: 4px 4px 20px #222; box-shadow: 4px 4px 20px #222;}
.kt-block-spacer .kt-divider 		{opacity: 1;}
ul.kt-svg-icon-list			{margin-top:10px;}
ul.kt-svg-icon-list li:not(:last-child) {margin-bottom: 10px;}

.kt-accordion-pane						{margin-bottom:10px !important;}
.kt-blocks-accordion-header.kt-accordion-panel-active		{background:#00B3B8 !important; border-color:#00B3B8 !important;}
.kt-accordion-panel-inner					{background:#FFF !important;}
.kt-svg-icon-list-text						{font-size: 20px !important;}
.teal-color							{color:#00B3B8;}

/* Equal Height KT Columns */


/* Search Styles
-------------------------------------------------- */
.search .entry-content 	{border-top:1px solid #004990; padding:20px 20px 0 20px;}


/* Footer Styles
-------------------------------------------------- */
#footer			{position: relative; width: 100%; height:auto; color:#FFF; background:#00B3B8; padding:20px 0 0 0; font-weight:300;}
#footer h4		{color:#000;}
#footer ul		{padding:0;}
#footer-logo		{margin:20px 0;}


/* Mega Menu Styles
-------------------------------------------------- */



/* Bootstrap Button Styles
-------------------------------------------------- */
.btn 					{border-radius: 12px; line-height: 1.15;}

a.btn-success, a.btn-info, a.btn-primary,
#footer a.btn-warning			{color:#FFF; text-decoration:none;}

.btn-success 				{background-color: #00B3B8;border-color: #666;margin-left:10px; transition: background-color 0.3s ease}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success 	{background-color: #7CC9EC; color:#000; border-color: #666;}

.btn-info 				{background-color: #EE2C3C; border-color: #666; transition: background-color 0.3s ease;}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info 	{background-color: #FE4042; color:#000; border-color: #FE4042;}

.btn-primary 				{background-color: #FFE600; color:#2D447C !important; border-color: #2D447C; transition: background-color 0.3s ease;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary 	{background-color: #00B3B8 !important; color:#FFF !important; border-color: #FFAA01;}
a.btn-primary:link,
a.btn-primary:visited,
a.btn-primary:hover,
a.btn-primary:active			{text-decoration:none !important; border:0;}

.btn-secondary 				{background-color: #00B3B8; border-color: #666; transition: background-color 0.3s ease;}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary 	{background-color: #00B3B8; filter: brightness(90%);  border-color: #00B3B8;}

.btn-warning 				{background-color: #000;border-color: #666; transition: background-color 0.3s ease;}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning 	{background-color: #646162; border-color: #666;}

/* Custom Donate Button */
.btn-left				{left: 20px;}
.btn-right				{right: 20px;}
.btn-donate 				{color:#FFF; background-color: #FFAA01; padding: 16px 36px; font-size: 20px; line-height: 24px; cursor: pointer; position: fixed; bottom: 20px; z-index: 1;
box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);}
.btn-donate:hover,
.btn-donate:focus,
.btn-donate:active,
.btn-donate.active,
.open .dropdown-toggle.btn-donate 	{color:#FFF !important; background-color: #094FB6 !important; filter: brightness(90%);}
a.btn-donate:link,
a.btn-donate:visited,
a.btn-donate:hover,
a.btn-donate:active			{color:#FFF !important; text-decoration:none !important; font-weight:700; border:0;}
a.btn-donate:hover			{background-color: #6270A1 !important; color:#FFF !important;}
.wrap-button 				{white-space: normal; text-align: center;}
.btn-glow-large				{min-height:130px; max-width:250px; font-size: 24px; font-weight:500; box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
					display: flex; align-items: center; justify-content: center;\
					}


/* Other Bootstrap Style Changes
-------------------------------------------------- */
blockquote 			{padding: 4px; margin: 0 0 20px 20px; border-left: 4px solid #00B3B8;}
blockquote p 			{font-size: 20px; 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;}


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


/* Vimeo container
-------------------------------------------------- */
/*
.vimeo-container 		{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.vimeo-container iframe,
.vimeo-container object,
.vimeo-container embed		{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
*/


/* Media Queries Start
-------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 0) and (max-width: 575px) {
	.btn-glow-large	 {min-height:80px; max-width:250px; font-size: 20px !important;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
	.btn-glow-large	 {min-height:80px; max-width:250px; font-size: 20px !important;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	.btn-glow-large	 {min-height:80px; max-width:250px; font-size: 20px !important;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	.btn-glow-large	 {min-height:80px; max-width:250px; font-size: 20px !important;}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399px) {
	
}

/* XX-Large devices (large desktops, 1400px and up) */
@media (min-width: 1400px) {
	
}
/* Media Queries End
-------------------------------------------------- */