@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

nav#t3-mainnav span.menu-text {
	display: none;
}
/* Header */

div.head-search {
		margin-top: 0px;
}

/* With both t3-header and navbar-default, the gradient
is created by a smartslider on the home page, but is set 
directly in CSS for all internal pages */

header#t3-header {
	padding-bottom: 0px;
	background-image: url("/images/Asset2.png");
	
}

/* Navigation */

.navbar-default {
	border-top: 0px;
	border-bottom: 1px solid white;
	background-image: url("/images/Asset2.png");
}

.t3-mainnav {
	min-height: 30px;
}

.t3-mainnav .t3-navbar {
	float: right;
	background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
	font-family: "Oswald";
	color: white;
	padding-bottom: 2px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: transparent;
	font-size: 20px
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: white;
	background-color: transparent;
	border-bottom: 2px solid #fad337;
	
}

/* Spotlights */

div.t3-sl-1 {
	padding: 0px;
	position: relative;
	z-index: -1;
	background-image: url("/images/Asset2.png");
	
}

.t3-sl-3 {
		padding-bottom: 0px;
}

div.head-search {
	color: white;
}

div.head-search a {
	color: white;
}

div.t3-sl-2 {
	padding: 0px;
	background-image: url("/images/ProductSlider.png");
}

div.t3-sl-2 div.module {
	margin-bottom: 0px;
}

/* General Site Content */
._Products .t3-wrapper {
	background-image: linear-gradient(to right, #fafafa , #d1d1d1);
}

h2 {
	font-size: 33px;
}

a:focus {
	outline: none;
}
	/*Remove space between SmartSlider and navbar*/
.t3-sl-1 {
	padding-top: 0px;
	padding-bottom: 0px;
}

	/*Fix for fontAwesome icons not working on pages without SmartSlider*/
i {
	font-family: fontawesome;
}

.sppb-btn-default {
	background-color: #2e2e2e;
	color: #eff1f4;
}


.sppb-carousel-inner {
	max-height: 297px;
}

/* Footer */
.t3-footer a {
	color: black;
}

.t3-footer {
	background-color: white;
	border-top: 3px solid #fad337;
}

.t3-footnav .t3-module {
	background-color: transparent;
	color: black;
}

/* Responsive */

@media (max-width: 1200px) {
	
}

@media (max-width: 1024px) {
	.com-baforms [class*="span"] {
		float: none;
	}
}

@media (max-width: 992px) {
	
}

@media (max-width: 767px) {
	
	header#t3-header {
		padding-top: 10px;
		padding-bottom: 20px;
	}
	
	div.head-search div {
		text-align: center !important;
	}
	
	/*IgniteGallery*/

	.ig-slideshow.igui-inline.igui-width-48-48.igui-position-relative.igui-visible-toggle.igui-light.igui-slideshow.igui-first-column {
		padding-bottom: 30px;
	}
	
	
	/*Off-Canvas styling*/
	nav#t3-mainnav div.menu-button {
		width: 100%;
		height: 50px;
		background: #0a436e;
	}

	nav#t3-mainnav div.menu-button button {
		width: 50px;
		height: 50px;
		background: #1285db;
		margin: 0;
	}
	
	.t3-off-canvas .t3-off-canvas-header {
		background-color:  #0a436e;
		color: white;
	}
	
	.t3-off-canvas .t3-off-canvas-header h2 {
		font-weight: 400;
	}
	
	.t3-off-canvas {
		background-color: #1285db;
	}
	
	ul.nav.nav-pills.nav-stacked.menu li a {
		color: white;
	}
	
	.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
		background-color: #fad337;
	}
	
	.nav > li > a:hover, .nav > li > a:focus {
		background-color: transparent;
	}

	nav#t3-mainnav span.menu-text {
		display: inline;
		vertical-align: middle;
		color: white;
		padding-left: 10px;
	}
	/*Align footer to center in responsive*/
	.t3-spotlight.t3-footnav.row {
		text-align: center;
	}

	.t3-spotlight.t3-footnav.row img {
		float: none !important;
	}

	/*Fix for SharpSpring embeds on mobile*/
	.article-content iframe {
		height: 690px; /*Change this value until there is not a scroll bar on the side of the form*/
	}
	
}