/*
Theme Name: Zapn Boot4
Theme URI: https://ryanchristenson.com/
Description: Custom built Wordpress theme based on bootstrap 4.3.1
Author: Ryan Christenson
Author URI: https://ryanchristenson.com/
Version: 2.0
Tags: responsive, bootstrap, bootstrap4, 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 0 0;}
a:link, a:visited		{color:#0095DA;text-decoration:none;}
a:hover,a:active		{color:#0095DA;text-decoration:underline;}
p, ul 				{margin-bottom: 20px;}
hr				{border-top: 2px solid #000; margin:40px 0;}

/* 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;
*/
body			{font-size: 20px; font-family: 'Lato', sans-serif; color:#000;}
.entry-title 		{color:#FFF;}
/* Font Colors */
.whiteText		{color:#FFF;}
/* 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: 'Montserrat', sans-serif;}
h1	 		{margin-top: 15px; margin-bottom: 15px;}
h2,h3 			{margin-top: 15px; margin-bottom: 15px;}
h4, h5, h6 		{margin-top: 10px; margin-bottom: 10px;}
h1, .h1 		{font-size: 38px; font-weight: 800;}
h2, .h2			{font-size: 30px; font-weight: 800;}
h3, .h3			{font-size: 24px; font-weight: 700;}
h4, .h4, .read-more	{font-size: 18px;}
h5, .h5			{font-size: 14px;}
h6, .h6			{font-size: 12px;}
.mega-menu-item h3	{color:#FFF;}


/* Box Styles */
.whiteBox		{background:#FFF; color:#202020;}
.whiteBox h3		{color:#797979;}
#contactBox 		{color:#FFF; font-family: 'Roboto', sans-serif; font-size:16px;}
#contactBox img		{transition: all .2s ease-in-out; transform-origin: bottom center;}
#contactBox a:hover img	{transform: scale(1.1);}
#contactBox a p		{transition: all .2s ease-in-out; transform-origin: top center;}
#contactBox a:hover p	{transform: scale(1.1);}
#contactBox a:link,
#contactBox a:visited	{color:#FFF;text-decoration:none;}
#contactBox a:hover,
#contactBox a:active	{color:#C2C2C2;text-decoration:none;}


/* Header Styles */
#headerBox 		{max-height:120px;}
#headerLogo1		{max-width:72%; position:relative;}
#headerLogo2		{max-width:28%; position:relative; top:0; z-index:1001;}
#logo			{margin:20px 0;}


/* Index Page Styles
-------------------------------------------------- */
#home1 p		{color:#FFF;}
#home1 h2		{color:#FFF; font-size:38px;}
#home1 h3		{color:#FFF; font-size:24px;}
#home2			{background:#000;}
#home2 a:link,
#home2 a:visited	{color:#FFF;text-decoration:none;}
#home2 a:hover,
#home2 a:active		{color:#C2C2C2;text-decoration:none;}
#home2 .card 		{background:#000; flex: 0 0 calc(50%);}
#home2 .card h2		{color:#FFF; font-size:24px; font-weight:700;}
#home2 .card a:hover img{filter: grayscale(100%);}
#home2 .card .cardBG0	{background:#736F6E;}
#home2 .card .cardBG1	{background:#F06C22;}
#home2 .card .cardBG2	{background:#F5A800;}
#home2 .card .cardBG3	{background:#EA4525;}
#home3 h2		{font-family: 'Lato', sans-serif; font-size:70px;}
#home3 img		{max-height:450px;}


/* Sub Page Styles
-------------------------------------------------- */
.breadcrumb 		{padding: 0;}
#titleBar 		{background: #C2C2C2; width:100%; position:relative;}
#titleBar h1		{font-size: 42px; font-weight: 800;}
#titleBar h2		{font-size: 28px; font-weight: 700;}
.page h2		{font-weight:400;}
.page h3		{font-weight:300;}
#page3 h2		{font-family: 'Lato', sans-serif; font-size:40px; font-weight:400;}
#page3 h3		{font-family: 'Lato', sans-serif; font-size:28px; font-weight:300;}
#page3 img		{max-height:450px;}

.page-template-page-products-list .card		{box-shadow: 0 8px 6px -6px black;}
.page-template-page-products-list .card h3	{font-size: 26px; font-weight:400;}
.page-template-page-products-list .card img 	{object-fit: contain; height: 100px;}
.page-template-page-products-list h2		{font-size: 36px; font-weight:700;}

/* Temp Styles
-------------------------------------------------- */
.page-template-page-products-list2 .card		{box-shadow: 0 8px 6px -6px black;}
.page-template-page-products-list2 .card h3	{font-size: 26px; font-weight:400;}
.page-template-page-products-list2 .card img 	{object-fit: contain; height: 100px;}
.page-template-page-products-list2 h2		{font-size: 36px; font-weight:700;}
/*-------------------------------------------------- */

a.anchor		{display: block; position: relative; top: -80px; visibility: hidden;}


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


/* Footer Styles
-------------------------------------------------- */
#footerBox		{position: relative; width: 100%; padding:20px 0 0 0; font-family: 'Roboto', sans-serif; color:#FFF; 
-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);
}
#footerBox a:link,
#footerBox a:visited	{color:#FFF;text-decoration:underline;}
#footerBox a:hover,
#footerBox a:active	{color:#C2C2C2;text-decoration:underline;}
#footerBox p		{margin-bottom:10px; font-size:14px;}
#footerLogo1		{max-width:70%;}
#footerLogo2		{max-width:30%; position:relative; top:-21px;}
#sponsor-logos		{display:none;}


/* Mega Menu Styles
-------------------------------------------------- */
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	#mega-menu-wrap-upper-menu #mega-menu-upper-menu > li.mega-menu-item > a.mega-menu-link 	{font-size:16px;}
}
/* Mobile Menu */
@media (min-width: 0) and (max-width: 1280px) {
	#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {border-bottom:1px solid #FFF;}
	.mega-search.mega-search-closed input[type=text]		{color:#FFF;}
	.mega-search-closed input[type=text]::placeholder 		{color: #FFF !important;}
	.mega-search-closed input[type=text]::-webkit-input-placeholder {color: #FFF !important;}
	.mega-search-closed input[type=text]:-ms-input-placeholder 	{color: #FFF !important;}
	.mega-search-closed input[type=text]::-ms-input-placeholder 	{color: #FFF !important;}
	#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {padding:3px 0 3px 50px; line-height:50px; height:50px;}
}


/* Bootstrap Button Styles
-------------------------------------------------- */
a.btn-primary				{color:#FFF; text-decoration:none;}
a.btn-primary:hover			{color:#FFF; text-decoration:none;}
.btn-primary 				{background-color: #222; border-color: transparent; box-shadow: none;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary 	{background-color: #333 !important; filter: brightness(85%); border-color: transparent !important; box-shadow: none !important;}

a.btn-outlineBlack			{color:#000; text-decoration:none; transition: all .2s ease-in-out;}
a.btn-outlineBlack:hover		{color:#333; text-decoration:none;}
.btn-outlineBlack 			{background-color: transparent; border-color: #000; box-shadow: none;}
.btn-outlineBlack:hover,
.btn-outlineBlack:focus,
.btn-outlineBlack:active,
.btn-outlineBlack.active,
.open .dropdown-toggle.btn-outlineBlack {background-color: transparent !important; filter: brightness(85%); border-color: #333 !important; box-shadow: none !important; transform: scale(1.1);}

a.btn-outlineWhite			{color:#FFF; text-decoration:none; transition: all .2s ease-in-out;}
a.btn-outlineWhite:hover		{color:#C2C2C2; text-decoration:none;}
.btn-outlineWhite 			{background-color: transparent; border-color: #FFF; box-shadow: none;}
.btn-outlineWhite:hover,
.btn-outlineWhite:focus,
.btn-outlineWhite:active,
.btn-outlineWhite.active,
.open .dropdown-toggle.btn-outlineWhite {background-color: transparent !important; filter: brightness(85%); border-color: #C2C2C2 !important; box-shadow: none !important; transform: scale(1.1);}


/* Other Bootstrap Style Changes
-------------------------------------------------- */
blockquote 			{padding: 10px 20px; margin: 0 0 20px; border-left: 3px solid #EEE;}
blockquote p 			{font-size: 15px; font-weight: 400; 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;}
.wpcf7-response-output		{background:#FFF; border-color:#FFF;}
div#mega-menu-wrap-products-menu.mega-menu-wrap.mega-sticky.mega-stuck		{z-index:998 !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;}


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


/* Slick Slider
-------------------------------------------------- */
.slick-slide 			{margin: 0 20px;}
.slick-slide img 		{width: 100%; transition: all .2s ease-in-out; transform-origin: top center;}
.slick-slide img:hover		{cursor: pointer; transform: scale(1.1);}
.slick-slider 			{position: relative; display: block; box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list 			{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus		{outline: none;}
.slick-list.dragging		{cursor: pointer;}
.slick-slider .slick-track,
.slick-slider .slick-list 	{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track 			{position: relative;top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after 		{display: table; content: '';}
.slick-track:after		{clear: both;}
.slick-loading .slick-track 	{visibility: hidden;}
.slick-slide			{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide	{float: right;}
.slick-slide img		{display: block;}
.slick-slide.slick-loading img	{display: none;}
.slick-slide.dragging img	{pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide	{visibility: hidden;}
.slick-vertical .slick-slide	{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden 	{display: none;}


/* Media Queries Start
-------------------------------------------------- */
/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 0) and (max-width: 575px) {
	#headerLogo1					{top:-10px}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
	#headerLogo1					{top:-50px}
	.page-template-page-products-list2 .card,
	.page-template-page-products-list .card 	{flex: 0 0 calc(100% - 30px);}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	#headerLogo1					{max-width:50%; top:-50px}
	#headerLogo2					{max-width:20%; }
	.page-template-page-products-list2 .card,
	.page-template-page-products-list .card 	{flex: 0 0 calc(50% - 30px);}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
	#headerLogo1					{top:0}
	#home1 p					{padding:20px 120px;}
	#home2 .card 					{flex: 0 0 calc(25%);}
	.page-template-page-products-list2 .card,
	.page-template-page-products-list .card 	{flex: 0 0 calc(50% - 30px);}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#headerLogo1					{top:-16px;}
	#home1 p					{padding:20px 120px;}
	#home2 .card 					{flex: 0 0 calc(25%);}
	.page-template-page-products-list2 .card,
	.page-template-page-products-list .card		{flex: 0 0 calc(33.3333333333% - 30px);}
}
/* Media Queries End
-------------------------------------------------- */