/* ----------------------------------------------------------------
	Colors

	Replace the HEX Code with your Desired Color HEX
-----------------------------------------------------------------*/


a,
h1 > span:not(.nocolor):not(.badge),
h2 > span:not(.nocolor):not(.badge),
h3 > span:not(.nocolor):not(.badge),
h4 > span:not(.nocolor):not(.badge),
h5 > span:not(.nocolor):not(.badge),
h6 > span:not(.nocolor):not(.badge),
.header-extras li .he-text span,
.menu-item:hover > .menu-link,
.menu-item.current > .menu-link,
.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link,
.top-cart-item-desc a:hover,
.top-cart-action .top-checkout-price,
.breadcrumb a:hover,
.grid-filter li:not(.activeFilter) a:hover,
.portfolio-desc h3 a:hover,
#portfolio-navigation a:hover,
.entry-title h2 a:hover,
.entry-title h3 a:hover,
.entry-title h4 a:hover,
.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider,
.comment-content .comment-author a:hover,
.product-title h3 a:hover,
.single-product .product-title h2 a:hover,
.product-price ins,
.single-product .product-price,
.process-steps li.active h5,
.process-steps li.ui-tabs-active h5,
.tab-nav-lg li.ui-tabs-active a,
.team-title span,
.btn-link,
.page-link,
.page-link:hover,
.page-link:focus,
.fbox-plain .fbox-icon i,
.fbox-plain .fbox-icon img,
.fbox-border .fbox-icon i,
.fbox-border .fbox-icon img,
.iconlist > li [class^="icon-"]:first-child,
.dark .menu-item:hover > .menu-link,
.dark .menu-item.current > .menu-link,
.dark .top-cart-item-desc a:hover,
.dark .breadcrumb a:hover,
.dark .portfolio-desc h3 a:hover,
.dark #portfolio-navigation a:hover,
.dark .entry-title h2 a:hover,
.dark .entry-title h3 a:hover,
.dark .entry-title h4 a:hover,
.dark .product-title h3 a:hover,
.dark .single-product .product-title h2 a:hover,
.dark .product-price ins,
.dark .tab-nav-lg li.ui-tabs-active a { color: greenyellow; }






.top-cart-number::before,
#page-menu-wrap,
.page-menu-nav,
.control-solid .flex-control-nav li:hover a,
.control-solid .flex-control-nav li a.flex-active,
.grid-filter li.activeFilter a,
.grid-filter.style-4 li.activeFilter a::after,
.grid-shuffle:hover,
.entry-link:hover,
.button,
.button.button-dark:hover,
.button.button-3d:hover,
.fbox-icon i,
.fbox-icon img,
.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-effect.fbox-dark:hover .fbox-icon i,
.fbox-border.fbox-effect.fbox-dark .fbox-icon i::after,
.i-rounded:hover,
.i-circled:hover,
.tab-nav.tab-nav2 li.ui-state-active a,
.testimonial .flex-control-nav li a,
.skills li .progress,
.owl-carousel .owl-dots .owl-dot,
#gotoTop:hover,
input.switch-toggle-round:checked + label::before,
input.switch-toggle-flat:checked + label,
input.switch-toggle-flat:checked + label::after,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
input.switch-toggle-round:checked + label::before,
input.switch-toggle-flat:checked + label,
input.switch-toggle-flat:checked + label::after,
.dark .entry-link:hover,
.dark .fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-effect.fbox-dark:hover .fbox-icon i,
.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i::after,
.dark .i-rounded:hover,
.dark .i-circled:hover,
.dark .tab-nav.tab-nav2 li.ui-state-active a,
.dark #gotoTop:hover,
.dark input.switch-toggle-round:checked + label::before,
.dark input.switch-toggle-flat:checked + label,
.dark input.switch-toggle-flat:checked + label::after { background-color: #20222b ; }

.bg-color,
.bg-color #header-wrap,
.h-bg-color:hover,
.process-steps li.active a,
.process-steps li.ui-tabs-active a,
.sidenav > .ui-tabs-active > a,
.sidenav > .ui-tabs-active > a:hover,
.owl-carousel .owl-nav [class*=owl-]:hover,
.widget-filter-links li.active-filter span,
.page-item.active .page-link,
.page-link:hover,
.page-link:focus { background-color: #20222b !important; }

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-themecolor,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-themecolor,
.checkbox-style:checked + .checkbox-style-1-label::before,
.checkbox-style:checked + .checkbox-style-2-label::before,
.checkbox-style:checked + .checkbox-style-3-label::before,
.radio-style:checked + .radio-style-3-label::before { background: #20222b ; }

.irs-bar,
.irs-from,
.irs-to,
.irs-single,
.irs-handle > i:first-child,
.irs-handle.state_hover > i:first-child,
.irs-handle:hover > i:first-child { background-color: #20222b !important; }

.top-cart-item-image:hover,
.grid-filter.style-3 li.activeFilter a,
.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider,
.cart-product-thumbnail img:hover,
.fbox-outline .fbox-icon a,
.fbox-border .fbox-icon a,
.heading-block.border-color::after,
.page-item.active .page-link,
.page-link:focus,
.dark .cart-product-thumbnail img:hover { border-color: #20222b ; }

.border-color,
.process-steps li.active a,
.process-steps li.ui-tabs-active a,
.tagcloud a:hover,
.page-link:hover { border-color: #20222b !important; }

.top-links-sub-menu,
.top-links-section,
.tabs-tb .tab-nav li.ui-tabs-active a,
.dark .top-links-sub-menu,
.dark .top-links-section,
.dark .tabs-tb .tab-nav li.ui-tabs-active a { border-top-color: #20222b ; }

.title-border-color::before,
.title-border-color::after,
.irs-from::after,
.irs-single::after,
.irs-to::after,
.irs-from::before,
.irs-to::before,
.irs-single::before { border-top-color: #20222b !important; }

.title-block { border-left-color: #20222b ; }

blockquote {
	border-left-color: #20222b ;
}

.rtl .title-block {
	border-left-color: transparent;
	border-right-color: #20222b ;
}

.title-block-right { border-right-color: #20222b ; }

.rtl .title-block-right {
	border-right-color: transparent;
	border-left-color: #20222b ;
}

.more-link,
.tabs-bb .tab-nav li.ui-tabs-active a { 
     border-bottom-color: #20222b ; 
}

.fbox-effect.fbox-dark .fbox-icon i::after,
.dark .fbox-effect.fbox-dark .fbox-icon i::after { box-shadow: 0 0 0 2px #20222b ; }

.fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i,
.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #20222b ; }


/* Title Underline Color Selections */
.title-bottom-border h1, 
.title-bottom-border .h1,
.title-bottom-border h2,
.title-bottom-border .h2,
.title-bottom-border h3,
.title-bottom-border .h3,
.title-bottom-border h4,
.title-bottom-border .h4,
.title-bottom-border h5,
.title-bottom-border .h5,
.title-bottom-border h6,
.title-bottom-border .h6 {
  border-bottom-color: #Ec9800 !important;
}

     

/* *************************************************************************************
*********************************START MAIN PAGE****************************************
****************************************************************************************
***************************************************************************************/




/* FOLLOWING ENTRIES ARE DEFAULTS FOR THE TEMPLATE  */
:root {
	--cnvs-themecolor: #20222b;
	--cnvs-themecolor-rgb: 64, 64, 64;
}
body {
     color: #101010;
     background-color: #ffffff !important;
}

a:hover { color: #101010; }

::selection { background: #20222b ; }

::-moz-selection { background: #20222b ; }

::-webkit-selection { background: #20222b ; }


/* END OF FOLLOWING ENTRIES ARE DEFAULTS FOR THE TEMPLATE  */










/*  TOP MENU BAR COLOR FOR TEXT COLOR ONLY:*/

.top-links ul li span { color: #ffffff  !important; }  /*  <--- HERE */
.top-links-item > a {color: #ffffff;}
     

.top-links-item {
	border-left: 1px solid #eeeeee;
}

.top-links-item > a {
	color: #Ec9800;
}

#top-bar-wrap {
	background-color: #20222b;
	border-bottom: 1px solid #20222b;
}     








/*TOP MENU BAR COLORS */
#top-bar {
	position: relative;
	border-bottom: 0px solid #Ec9800;
	font-size: 13px;
	background-color: #20222b;
}
#top-bar.dark {
	border-bottom-color: #20222b;
	background-color: #20222b;

}





/* TOP BAR - DARK - LINKS */
.dark .top-links {
	border-bottom-color: #20222b;  /* THIS IS THE BOTTOM BORDER OF THE TOP MENU BAR */
}
.dark .top-links-item > a {
	color: #ffffff !important;
}
.dark .top-links-item > a:hover {
	background-color: #302f5e !important;
}
.dark #top-social a {
	color: #ffffff;
}
.dark #top-social a:hover {
	color: #fff !important;
}
.dark .menu-link {
	color: #ffffff;
}






/* CUSTOM HEADER */

	.dark #header-wrap {
	background-color: #20222b !important;
}

	.dark #header.full-header,
	#header.full-header.dark {
		border-bottom-color: #20222b;
		border-top-color: #000000;
		-webkit-box-shadow: 0px -2px 0px #000000;
  		-moz-box-shadow: 0px -2px 0px #000000;
  		box-shadow: 0px -2px 0px #000000;
	}


#header {
	position: relative;
	background-color: #ffffff !important;
	border-bottom: 0px solid #ffffff;

}

#header.full-header:not(.transparent-header) { 
          border-bottom-color: #ffffff; 
	     background-color: #ffffff !important;

}


.heading-block > span:not(.before-heading) {
	color: #20222b;
}









/* MAIN MENU TEXT COLORS */

.menu-link {
	color: #20222b !important;  /* <----- COLOR OF TEXT WITHOUT HOVER HERE  */
	
}
.menu-link:hover {
	color: #Ec9800 !important;  /* MAIN MENU HOVER ITEM TEXT COLOR */
	text-decoration: underline !important;
}

	.mega-menu-style-2 .mega-menu-title > .menu-link {
		color: #20222b;
	}


















/* BOTTOM OF MENU AREA - TOP OF HERO GRAPHIC BORDER COLOR */
#header-wrap {
	border-bottom: 9px solid #302f5e !important;
	background-color: #ffffff !important;
}








/* SLIDER FONT COLORS */

.slider-h1-color {
     color: #ffffff !important;
     
     }

.slider-h2-color {
     color: #ffffff !important;
     
     }









/* SERVICES MENU ICON COLOR  */

.widget_links li a {
	color: #000000;
}


/* ************* ATTENTION **************

To get the number for the BI- font for the bootstrap.css file, look here:

\css\fonts\bootstrap-icons.css  (double-click to open this and find your font + number)

*/

.widget_nav_menu:not(.widget-li-noicon) li::before,
.widget_links:not(.widget-li-noicon) li::before,
.widget_meta:not(.widget-li-noicon) li::before,
.widget_archive:not(.widget-li-noicon) li::before,
.widget_recent_entries:not(.widget-li-noicon) li::before,
.widget_categories:not(.widget-li-noicon) li::before,
.widget_pages:not(.widget-li-noicon) li::before,
.widget_rss:not(.widget-li-noicon) li::before,
.widget_recent_comments:not(.widget-li-noicon) li::before {
    /* content: "\267b";*/
    /*font-family: 'lined-icons';*/
     content: "\f46d";
     font-family: "bootstrap-icons";
     color: #Ec9800 !important;
     font-size: 1.250rem;
     position: relative; top: -0.1em;
}










/*  FAQS - Frequently Asked Questions - Icons + Header */

     .toggle-icon,
     .accordion-icon {
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          width: auto;
          max-width: 100%;
          padding: 0 10px;
          text-align: center;
          color: #Ec9800;
          font-size: 1.600rem;
          position: relative; top: 0.20em;
     }

     .toggle-icon i,
     .toggle-icon span {
          width: 2rem;
     }


     .toggle-header,
     .accordion-header {
          color: #20222b;
     }

/*  END FAQS - Frequently Asked Questions - Icons + Header */






/*  SECTION BACKGROUND COLORS */

.backgroundwhite {
     background-color: #ffffff !important;
}

.backgroundlight {
     background-color: #f5f5f5;
}

.backgrounddark {
     background-color: #20222b;
}

.picture-carousel-background {
     background-color: #ffffff !important;
}

.bg-color-custom {
     background-color: #302f5e;
}
















/*  FOOTER SECTION COLORS */
.footer-background {
     background-color: #20222b !important;
     border-top-style: solid !important; 
     border-top-width: 8px !important; 
     border-top-color: #Ec9800 !important;
}

.footer-text,
.footer-text a:link {
     color: #ffffff !important;
}
     

#footer .DaysFont {
     color: #ffffff;
}

#footer .HoursFont {
	color: #ffffff;
}












/*  COPYRIGHT SECTION  */
.copyrights-section-divider {
     border-bottom-color: #302f5e;
}

#copyrights {
	background-color: #ffffff !important;
}
     
#copyrights2 {
	background-color: #20222b !important;
}
     
.copyright-links a {
	color: #20222b;
	border-bottom: 1px dotted #444;
}
     
.copyright-links a:hover {
	color: #Ec9800 !important;
	border-bottom: 1px solid #20222b;
}
     
     
     

/* *************************************************************************************
*********************************END MAIN PAGE******************************************
****************************************************************************************
***************************************************************************************/






/*  CONTACT FORM COLORS  */
.contact-form-text-box {
     color: #000000;
     border-color:#555555;
     background-color: #ffffff;
}

.contact-form-label-box {
     color: #000000;
     border-color:#555555;
     background-color: #eeeeee;
}

.contact-form-label-box-2 {
  color: #20222b;
  background-color: #Ec9800;
  border-color: #555555;
}

.contact-form-error-message {
  color: #a00000 !important;
  background-color: #ffffff;
  border-color: #ffffff;
}



/* CONTACT FORM COLOR ADJUSTMENTS  */

/* Message Box Colors */
.ContactInfoBox {
  color: #20222b;
  background-color: #Ec9800;
  border-color: #Ec9800;
}
     
/* CONTACT FORM LABELS */
label {
	color: #Ec9800;
	/*margin-bottom: 10px;*/
}
     

/* END CONTACT FORM COLOR ADJUSTMENTS  */












/* BUTTON COLORS */
.btn-primary {
  color: #ffffff;
  background-color: #302f5e;
  border-color: #302f5e;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #494778;
  border-color: #494778;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff !important;
  background-color: #000000;
  border-color: #000000;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #000000;
  border-color: #000000;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}


.btn-secondary {
  color: #fff;
  background-color: #20222b;
  border-color: #20222b;
}
.btn-secondary:hover {
  color: #ffffff !important;
  background-color: #494778 !important;
  border-color: #494778 !important;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
  box-shadow: 0 0 0 0.0em rgba(0, 0, 0, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #ffffff !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 1.0);
}



/* BUTTON COLORS SERVICE MENU */
.btn-menu {
  color: #fff !important;
  background-color: #20222b;
  border-color: #20222b;
}
.btn-menu:hover {
  color: #fff !important;
  background-color: #Ec9800;
  border-color: #000000;
}





/* SCROLL TO TOP ARROW */
#gotoTop:hover { background-color: #Ec9800; }
#gotoTop {color: #ffffff !important;}


.social-icon,
.bg-light {
  color: #494778 !important;
}










/* Feature Box - Border - Dark
-----------------------------------------------------------------*/

.fbox-border.fbox-dark .fbox-icon a { border-color: #101010; }

.fbox-border.fbox-dark .fbox-icon i,
.fbox-border.fbox-dark .fbox-icon img { color: #Ec9800; }

.fbox-content h3 {
	color: #20222b !important;
}

.fbox-content p,
.fbox-content a {
	color: #20222b !important;
}

.fbox-content h3 a:hover {color: #Ec9800 !important;
}

.fbox-border .fbox-icon i,
.fbox-border .fbox-icon img {
	background-color: transparent !important;
	color: #Ec9800 !important;
}

/* Feature Box - Border - Light
-----------------------------------------------------------------*/

.fbox-border.fbox-light .fbox-icon a { border-color: #Ec9800; }

.fbox-border.fbox-light .fbox-icon i,
.fbox-border.fbox-light .fbox-icon img { color: #101010; text-decoration: none; }


/* Feature Box - Border - Dark
-----------------------------------------------------------------*/

.fbox-border.fbox-dark .fbox-icon a { border-color: #20222b; }

.fbox-border.fbox-dark .fbox-icon i,
.fbox-border.fbox-dark .fbox-icon img { color: #20222b; }

.fbox-border.fbox-effect .fbox-icon i::after {
	background-color: #20222b;
}





.quote::before {
	color: #20222b;
}






/* ----------------------------------------------------------------
	Sections
-----------------------------------------------------------------*/

.section {
	background-color: #F5F5F5;
}









/* PROMO SECTION - CALL TO ACTION
-----------------------------------------------------------------*/

.promo-background {
     background-color: #302f5e;
}

.promo-text {
     color: #ffffff !important;
     text-shadow: 0px 0px 0px #fff;
     
}








/* ----------------------------------------------------------------
	Divider
-----------------------------------------------------------------*/

.divider {
	color: #cccccc;
}

.divider::after,
.divider::before {
	background-color: #cccccc;
}







/* ----------------------------------------------------------------
	Table Panels
-----------------------------------------------------------------*/

.tpanel {
	background-color: #fff;
	border: 1px solid #fff;
	box-shadow: 0 1px 1px rgb(0 0 0 /5%);
}

.tpanel-default{border-color:#ddd}
.tpanel-default>.panel-heading{color:#333;background-color:#fff;border-color:#ddd}
.tpanel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}
.tpanel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}
.tpanel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}

.tpanel-heading {
	border-bottom: 1px solid #fff;
}

.table {
	background-color: #fff;
	color: #20222b;
}










/* ----------------------------------------------------------------
	Accessories Page
-----------------------------------------------------------------*/




.bg-overlay-bg {
	background-color: rgba(255,255,255,0.85);
}

.btn-dark {
  color: #fff;
  background-color: #Ec9800;
  border-color: #Ec9800;
}
.btn-dark:hover {
  color: #fff;
  background-color: #Ec9800;
  border-color: #Ec9800;
}

/* ------------- End Accessories PAge  */



























/* ----------------------------------------------------------------
	Owl Carousel CSS
-----------------------------------------------------------------*/

.owl-carousel .owl-nav [class*=owl-] {
	color: #ffffff;
	background-color: #20222b;

}






/* MISC STUFF */

.bg-color,
.bg-color #header-wrap { background-color: #1E8C93 !important; }

.bg-color .menu-item:hover > .menu-link,
.bg-color .menu-item.current > .menu-link { color: #444 !important; }


/* Icon Colors */
.colorIconPL { color: #Ec9800 !important; }













/* *************************************************************************************
*********************************ALL MEDIA QUERIES BELOW HERE***************************
****************************************************************************************
***************************************************************************************/




     /* DESKTOP AND UP */

@media (min-width: 992px) {
     
	/* Dropdown Menu Settings on Desktop */
	.dark .primary-menu:not(.not-dark) .sub-menu-container,
	.dark .primary-menu:not(.not-dark) .mega-menu-content {
		border-color: rgba(143,10,10,1.00);
		border-top-color: #302f5e;
		background-color: #302f5e !important;
		/*background-image: url('/commonfiles/patriotliner/pictures/chain-bg.png') !important;*/
	}


	/* Dropdown Menu Settings on Desktop */
	.primary-menu:not(.not-dark) .sub-menu-container,
	.primary-menu:not(.not-dark) .mega-menu-content {
		border-color: #302f5e;
          /*border-color: rgba(21,61,132,1.00);*/
		border-top-color: #ffffff;
		background-color: #ffffff !important;
		/*background-image: url('/images/custom/background-main-menu.jpg') !important;*/
	}
     
     /* Desktop Menus */
	.sub-menu-container .menu-item:hover > .menu-link,
	.mega-menu-style-2 .mega-menu-title > .menu-link:hover,
	.dark .mega-menu-style-2 .mega-menu-title:hover > .menu-link { color: #20222b ; }

	.style-3 .menu-container > .menu-item.current > .menu-link,
	.sub-title .menu-container > .menu-item:hover > .menu-link::after,
	.sub-title .menu-container > .menu-item.current > .menu-link::after,
	.page-menu-sub-menu,
	.dots-menu .page-menu-item.current > a,
	.dots-menu .page-menu-item div,
	.dark .style-3 .menu-container > .menu-item.current > .menu-link { background-color: #20222b ; }

	.style-4 .menu-container > .menu-item:hover > .menu-link,
	.style-4 .menu-container > .menu-item.current > .menu-link,
	.dots-menu.dots-menu-border .page-menu-item.current > a { border-color: #20222b ; }

	.sub-menu-container,
	.mega-menu-content,
	.style-6 .menu-container > .menu-item > .menu-link::after,
	.style-6 .menu-container > .menu-item.current > .menu-link::after,
	.top-cart-content,
	.dark .sub-menu-container,
	.dark .mega-menu-content,
	.dark .top-cart-content { border-top-color: #20222b ; }

	.dots-menu .page-menu-item div::after { border-left-color: #20222b ; }

	.rtl .dots-menu .page-menu-item div::after {
		border-left-color: transparent;
		border-right-color: #20222b;
	}

}


/* GENERAL Settings - Mobile *AND* TABLETS */

@media (max-width: 991.98px) {
     
     /* Heading Block - with Subtitle
     -----------------------------------------------------------------*/


     /* If DARK Section */
     .dark.heading-block h1,
     .dark.heading-block h2,
     .dark.heading-block h3,
     .dark.heading-block h4,
     .dark.emphasis-title h1,
     .dark.emphasis-title h2 {
          color: #ffffff;
     }

     .heading-block > span:not(.before-heading) {
          color: #20222b;
     }

     /* If DARK Section */
     .dark.heading-block > span:not(.before-heading) {
          color: #ffffff;
     }

}







/* Mobile Only Footer Adjustments */
@media (max-width: 575.98px) {
	.footer-section-red-divider {	
          border-bottom-color: #Ec9800;
     }
     
     
     /* Heading Block - with Subtitle
     -----------------------------------------------------------------*/
     /* If DARK Section */
     .dark.heading-block h1,
     .dark.heading-block h2,
     .dark.heading-block h3,
     .dark.heading-block h4,
     .dark.emphasis-title h1,
     .dark.emphasis-title h2 {
          color: #ffffff;
     }

     .heading-block > span:not(.before-heading) {
          color: #20222b;
     }

     /* If DARK Section */
     .dark.heading-block > span:not(.before-heading) {
          color: #ffffff;
     }

     
     
}


/* Mobile Only Footer Adjustments - HIDE THIS BORDER ON MOBILE ONLY */
@media (min-width: 576.00px) {
     .border-left-1 {
          border-left-style: solid !important;
          border-left-width: 1px !important;
          border-left-color: #ffffff;
     }

}





/* CUSTOM COLORS TO SEARCH AND REPLACE BASED ON DEALER LOGO COLORS */



/*  MAIN COLOR CHANGE SECTION */



.emailaddress a:link {color: #ffffff !important; text-decoration-line: underline !important; }

/* TRY TO USE THIS FOR THE MAIN FONT COLORS */



/* Main Font Color */

.fontcolormain { color: #101010 !important; }

/* Font Light */
.fontcolorlight,  
.fontcolorlight > a:link 
     { color: #302f5e !important;
}


/* Font Dark */
.fontcolordark { color: #20222b !important; }

/* Font White */
.fontcolorwhite { color: #ffffff !important; }

/* Font Light Gray */
.fontcolorlightsecondary { color: #Ec9800 !important}  /* #cccccc reccomended */



/* BACK TO TOP MENU BUTTON EFFECTS */
.fontcolorbutton {
     color: #ffffff !important;
}
.fontcolorbutton:hover {
     color: #ffffff !important;
}



/* Company Colors Icons, etc.        LIGHT */
.companylight,
.menu-services-categories,
.top-border-light, 
.bottom-border-light
 { color: #494778 !important; }


/* Company colors, Icons, etc.        DARK */
.companydark,
.h-text-color:hover,
.top-border-dark, 
.bottom-border-dark,
a.h-text-color:hover,
.grid-filter.style-3 li.activeFilter a,
.faqlist li a:hover,
.tagcloud a:hover,
.nav-tree li:hover > a,
.nav-tree li.current > a,
.nav-tree li.active > a { color: #302f5e !important; }

/* Company Colors EXTRA */
.companyextra { color: #Ec9800 !important; }

/* Company Colors WHITE */
.companywhite { color: #ffffff !important; }

/* Sub Menu Text Color */
.sub-menu-link-text { color: #494778 !important; }



/* GALLERY NAVIGATION COLORS */

.gallerytopbordercolor { 
     border-top-color: #20222b !important;
     border-top-width: 8px !important; 
     border-top-style: solid;

     }

.gallerybottombordercolor { 
     border-bottom-color: #20222b !important; 
     border-bottom-width: 8px !important; 
     border-bottom-style: solid;

     }

.galleryiconcolors { color: #302f5e !important; }

.galleryfontcolors { color: #20222b !important; }


/* SIDE TAB MENU NORMAL BACKGROUND COLORS */
.canvas-alt-tabs2 .nav-link {
     background-color: #eaeaea;
}
.tabs, .tab-content {
     --cnvs-tabs-active-bg-color: #302f5e;
     --cnvs-tabs-active-color: #ffffff !important;
     --cnvs-tab-base-color: #20222b; /* font color */
]