/* =============================================================================
FAF4E4 - light tan
65CFCA - sea teal
22A6AA - dark sea teal
0D343E - deep blue
B7BD0A - bright green
============================================================================= */
@charset "UTF-8";

body {
	color: #363636;
	background: #FAF4E4;
}

a,
a:visited {
	color: #22A6AA;
}
a:hover,
a:active,
a:focus {
	color: #B7BD0A;
	text-decoration: none;
}
:focus,
a:focus {
	outline: none;
}

#content a,
#content a:visited {
	color: #22A6AA !important;
}

/* ==========================================================================
																	BUTTONS
========================================================================== */

.btn-primary {
	background: #22A6AA;
	border-color: #22A6AA;
	color: #d3feff !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:hover,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
	background: #B7BD0A;
	border-color: #B7BD0A;
	color: #fff !important;
}
.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
    background-color: #d9534f;
    border-color: #d9534f;
}
.btn-secondary {
	background: #B7BD0A;
	border-color: #B7BD0A;
	color: #feffe6 !important;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary.active:hover {
	background: #22A6AA;
	border-color: #22A6AA;
	color: #d3feff !important;
}
.btn-outline-primary {
    border-color: #64a3a8;
}
.btn-outline-primary:hover,
.btn-outline-primary:active {
    border-color: #64a3a8;
    background: #64a3a8;
}

/* HAMBURGER */
a.open-panel,
a.close-panel { color: #fff; }

/* LIST/GRID VIEW BUTTONS */
.view button.btn-primary {
	color: #72dedd !important;
}
.view button.active-view {
	color: #fff !important;
	background: #B7BD0A;
    border-color: #B7BD0A;
}

/* ==========================================================================
												FLICKITY ("< >" and "..." )
========================================================================== */
.flickity-prev-next-button .arrow {
	fill: #ffffff;
}
/* #banner-carousel .flickity-prev-next-button .arrow,
.bg-light .flickity-prev-next-button .arrow {
	fill: #fff;
} */
.flickity-page-dots .dot {
	background: #22A6AA;
	color: #fff;
	opacity: .5;
}
.flickity-page-dots .dot:hover {
	opacity: 1;
}
#banner-carousel .flickity-page-dots .dot,
.bg-light .flickity-page-dots .dot {
	background: #fff;
}

.flickity-prev-next-button {
    background: #1b343d;
}

/* ==========================================================================
																FORM ELEMENTS
========================================================================== */
.custom-select,
.form-control {
    border-color: #22A6AA;
    color: #0d343e;
}
.custom-select:focus,
.form-control:focus {
    border-top-color: #0d343e;
    border-left-color: #0d343e;
    border-bottom-color: #22A6AA;
    border-right-color: #22A6AA;
    background-color: #faf4e4;
    color: #07272f;
}
select option:checked,
select option:hover {
    box-shadow: 0 0 10px 100px #000 inset;
}
select:focus > option:checked {
    background: #22A6AA !important;
    color: #fff !important;
}

/* PLACEHOLDER TEXT COLOR */
*::-webkit-input-placeholder {
    color: #9c9c9c !important;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #9c9c9c !important;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #9c9c9c !important;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #9c9c9c !important;
}

/* ==========================================================================
																		TABLES
========================================================================== */
.thead-default th {
    color: #fff;
    background: rgba(56,70,77,1);
    background: -moz-linear-gradient(-45deg, rgba(56,70,77,1) 0%, rgba(26,37,43,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(56,70,77,1)), color-stop(100%, rgba(26,37,43,1)));
    background: -webkit-linear-gradient(-45deg, rgba(56,70,77,1) 0%, rgba(26,37,43,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(56,70,77,1) 0%, rgba(26,37,43,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(56,70,77,1) 0%, rgba(26,37,43,1) 100%);
    background: linear-gradient(135deg, rgba(56,70,77,1) 0%, rgba(26,37,43,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38464d', endColorstr='#1a252b', GradientType=1 );
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ebf8ff;
}
.table td {
    border-top-color: #c6d7e0;
}

/* ==========================================================================
																		CARDS
========================================================================== */
.card {
	
}
.card:hover {
	
}
.card a.item-title {
	color: #B7BD0A !important;
}
.card .btn {
    background: #B7BD0A;
    border-color: #B7BD0A;
    color: #fff !important;
}
/* ------------------------------------- CARDS (MASONRY GRID) */
.card-columns .card .card-img-overlay p {
	background: rgba(0,0,0,.5);
	color: #fff;
}
.card .msrp-price,
.card .price-price,
.card .sale-price {
    color: #fff;
}

/* ==========================================================================
																BLOCKQUOTES
========================================================================== */
blockquote footer {
	background: none;
}

/* ==========================================================================
															NAVIGATION COLUMN
========================================================================== */
.phone {
	color: #22A6AA;
}
#nav-col {
	background: #0D343E;
}
/* NAVBAR LINK/TEXT COLOR */
a.nav-link {
	color: #65CFCA;
}
a.nav-link:hover {
	color: #fff;
    background: #07272f;
}
/* DROPDOWN MENU LINK/TEXT COLOR */
.nav-link.nav-item-accordion .collapse .nav .nav-link {
	color: #22A6AA;
}
.nav-link.nav-item-accordion .collapse .nav .nav-link:hover {
	background: #3c3529;
	color: #E8E0AE;
}
.btn-nav-item-accordion {
	background: none;
	color: #65CFCA;
}
.nav-item-accordion-menu ul.nav {
	background: #05242c;
}

nav.navbar .collapsing,
nav.navbar .collapse.in {
	background: #52493A;
}

a.nav-link, span.nav-link {
	border-color: #174c59;
}
.btn-nav-item-accordion:focus {
	background: #05242c;
}

@media (max-width: 800px) {
	#mobile-header {
	    background: #0D343E;
	}
}
#biz-info p,
#biz-info ul,
#biz-info-flickity p {
    border-color: #174c59;
}


#banner-carousel {
	background-color: #0D343E;
}
#banner-carousel .flickity-prev-next-button .arrow {
	fill: #B7BD0A;
}


/* ==========================================================================
																	CONTENT
========================================================================== */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #0D343E;
}

/* ==========================================================================
														BRIGHT COLOR BG SECTION
========================================================================== */
.bg-bright {
	background: #65CFCA;
	color: #13272e;
}
.bg-bright h1,
.bg-bright h2, 
.bg-bright h3, 
.bg-bright h4, 
.bg-bright h5, 
.bg-bright h6 {
	color: #13272e !important;
}

/* ==========================================================================
														DARK COLOR BG SECTION
========================================================================== */
.bg-dark {
	background: #07272f;
	color: #fff;
}

/* ==========================================================================
																INNER PAGE(S)
========================================================================== */
/* TITLE OF THE PAGE (H1) WITHIN THE BANNER */
#banner h1 {
	color: #fff;
}
/* ========================================== STAFF */
.staff img {
	background: #22A6AA;
	border-color: #22A6AA;
}

/* ==========================================================================
											CUSTOM "INVENTORY" THEME COLORS
========================================================================== */
/* PAGINATION */
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #999;
    background-color: #fff;
    border-color: #ddd;
}
.pagination>li>a,
.pagination>li>span {
    background-color: #fff;
    border-color: #ddd;
}
.pagination>li>a:hover,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    color: #fff;
    background-color: #22A6AA;
    border-color: #22A6AA;
}

/* Sort/View Bar */
#sort-view {
	background: #fff;
    border-top-color: #eaeaea;
    border-bottom-color: #eaeaea;
}
/* RV TYPE TITLE "Class A, Toy Hauler, etc" */
.rv-type-title {
	border-top-color: #36434b;
}

/* ========================================== LIST VIEW */
.inventory-list-item {
    border-bottom-color: #999;
}
.btn-photo-video {
	color: #ffffff !important;
    background: #36434b;
    border-color: #36434b;
}
.btn-photo-video:hover {
	background: #506c7d;
	border-color: #506c7d;
    color: #fff !important;
}
/*
.item-price,
.item-attributes {
    border-left-color: #19b100;
}
.item-price:before,
.item-attributes:before {
    color: #19b100;
}
*/

@media screen and (max-width: 435px) {
	.item-description ul li:before {
	    color: #19b100;
	}
}
/* ==========================================================================
										CUSTOM "INVENTORY FILTER" THEME COLORS
========================================================================== */
/* ZEBRA STRIPE EACH ITEM */
#filter-col ul li:nth-child(even) {
    background: #eaeaea;
}
#filter-col ul li.reveal:before {
    color: #8c8c8c;
}
#filter-col ul li a:hover {
	background-color: #ecffff;
}
.tag {
	color: #fff;
}
.tag-default {
    background-color: #22A6AA;
}

/* ==========================================================================
														OFFSCREEN PUSH NAV
========================================================================== */
@media all and (max-width: 768px) {
	.c-menu {
		background-color: #0D343E;
	}
}

/* ==========================================================================
														INVENTORY DETAIL PAGE
========================================================================== */
/* ========================================== FLICKITY ASNAVFOR CAROUSEL */
#item-carousel {
	
}
#item-carousel h4 {
	
}

.gsc-control-cse {
    border-color: #12272f !important;
    background-color: #12272f !important;
}

#content .gsc-control-cse {
    border-color: #faf4e4 !important;
    background-color: #faf4e4 !important;
}