body {
    font-family: "myriad-pro" !important;
    height: 100%;
}

#customerLogin {
    padding: 10px;
    background-color: #f05635;
    border-color: #f05635;
    color: white;
}

#customerLogin:hover {
    background-image: linear-gradient(rgb(0 0 0/10%) 0 0);
}

#customerLogin:focus {
    box-shadow: none;
}

.btn {
    border: none;
    padding: 6px 14px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: "myriad-pro", Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 10px 0px;
    cursor: pointer;
    color: white;
    border-radius: 0rem;
}

h5 {
    color: #595959;
}

h1 {
    letter-spacing: 6px;
    font-size: 2rem;
}

h2 {
    color: #595959;
    font-family: "myriad-pro", Arial, sans-serif;
    text-align: center;
    font-size: 1.5rem;
    line-height: 36px;
    margin-top: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 6px;
}

h4 {
    letter-spacing: 2px;
}

.hhHeading1-2022 {
    color: #ffffff;
    font-family: "myriad-pro", Arial, sans-serif;
    text-align: left;
    font-size: 40px;
    font-weight: light;
    line-height: 50px;
    margin-top: 30px;
    margin-bottom: 20px;
    
}

.hhBody1-2022 {
    color: white;
    font-family: "myriad-pro", Arial, sans-serif;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 14px;
	text-decoration: none;	
}

.hhHeading1-V2 {
    color: #595959;
    font-family: Arial, sans-serif;
    text-align: center;
    font-size: 30px;
    line-height: 36px;
    margin-top: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 6px;
}

.hhHeading1H-V2 {
    color: #595959;
    font-family: Arial, sans-serif;
    text-align: center;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 6px;
}

.hhHeading1W-V2 {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    text-align: center;
    font-size: 30px;
    line-height: 36px;
    margin-top: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 6px;
}

.hhHeading2-V2 {
    color: #595959;
    font-family: Arial, sans-serif;
    text-align: left;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 6px;
}

.hhHeading2W-V2 {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    text-align: left;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 6px;
}

.hhHeading3-V2 {
    color: #595959;
    font-family: Arial, sans-serif;
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.hhHeading3C-V2 {
    color: #595959;
    font-family: Arial, sans-serif;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.hhHeading3W-V2 {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.hhHeading4-V2 {
    color: #595959;
    font-family: Arial, sans-serif;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.hhHeading4W-V2 {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.hhHeading5C-V2 {
    color: #595959;
    font-family: Arial, sans-serif;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: uppercase;
}

.hhBody1-V2 {
    color: #595959;
    font-family: "myriad-pro", Arial, sans-serif;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 14px;
}

.hhBody1M-V2 {
    color: #595959;
    font-family: "myriad-pro", Arial, sans-serif;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 2px;
    margin-top: 2px;
}

.hhBody1B-V2 {
    color: #595959;
    font-family: "myriad-pro", Arial, sans-serif;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 14px;
}

.hhBody1C-V2 {
    color: #595959;
    font-family: "myriad-pro", Arial, sans-serif;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 14px;
}

.hhBody1W-V2 {
    color: #FFFFFF;
    font-family: "myriad-pro", Arial, sans-serif;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 14px;
}

.hhBody1CW-V2 {
    color: #FFFFFF;
    font-family: "myriad-pro", Arial, sans-serif;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 14px;
}

.hhTable-V2 th {
    background-color: #999999;
    border-left: 1px solid #cccccc;
    color: #fff;
    font: 600 14px/19px "myriad-pro-condensed", Arial, sans-serif;
    padding: 0 5px;
    text-align: center;
    vertical-align: middle;
}

.hhTable-V2 tr {
    page-break-inside: avoid;
}

.hhTable-V2 tbody > tr:nth-child(odd) {
    background-color: #fff;
}

.hhTable-V2 tbody > tr:nth-child(even) {
    background-color: #f2f2f2;
}

.hhTable-V2 thead {
    display: table-header-group;
}

.hhTable-V2 {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
    width: 100%;
}

.hhTable-V2 tbody > tr > td:first-child {
    border-left: none;
}

.hhTable-V2 tbody > tr > td {
    border-left: 1px solid #cccccc;
    font: normal 12px/14px "myriad-pro", Arial, sans-serif;
    padding: 7px 10px;
    transition: background-color 0.3s ease;
    letter-spacing: 0.03em;
}

.hhTable-V2 td + td {
    padding-left: 20px;
}

.hhTable-V2 tbody > tr:hover td {
    background-color: #d8d8d8;
}

.hhUnorderedList-V2 {
    list-style: outside square;
    padding: 0 0 0 20px;
    margin: 0 0 20px 0;
}

.hhprimary {
    color: #f15d3f;
    border-color: #f15d3f;
}

.hhWhite {
    background-color: white;
}

.hhGrayButton, .hhGrayButton:visited {
    background-color: #474747 !important;
    color: white;
}

.hhGrayButton:hover {
    background-color: white;
    color: #f05635;
    border-color: #f05635;
}

.orangeUpButton, .orangeUpButton:visited {
    background-color: #f05635;
    color: white;
}

    .orangeUpButton:hover {
        background-color: white;
        color: #f05635;
        border-color: #f05635;
    }
    
.hhLogin .btn { 
color:white;
}

.lnkLogin:hover {
    background-color: #595959;
    color: white;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .open > .dropdown-toggle.btn-outline-primary {
    border-color: #f15d3f;
    background-color: #f05635;
    box-shadow: none;
}

.featuredProductButton {
    margin: 4px;
}

.modal-open[style] {
    padding-right: 0px !important;
}

.featuredProductButton.active {
    color: #f05635;
    border-color: #f05635;
}
.featureProductButton.active:focus {
    box-shadow: none;
}

.bg-secondary-hh {
    --bs-bg-opacity: 1;
    background-color: #eeeeee !important;
}

.breadcrumbs {
    background-color: transparent;
}
.breadcrumb {
    color: #7f7f7f;
    /* display: inline-block; */
    font: 300 12px/14px "myriad-pro", Arial, sans-serif;
}

.list-group-item {
    border: 0px;
    padding: 0px;
    --bs-bg-opacity: 1;
    background-color: transparent !important;
}

.featuredProductText {
    padding-top: 14px;
    font-size: 145%;
    text-align: left;
    font-size: 14px;
}

#filteredImageContainer {
    position: relative;
    top: 24px;
    padding-top: 14px;
    padding-bottom: 14px;
}


.newsCard {
    /*min-height: 418px;*/
    border: none;
}

.newsCardText {
    min-height: 55px;
    text-align: left;
    font-size: 14px;
}

.news h1 {
    padding-top: 10px;
    padding-bottom: 5px;
}


/* Ordering & Online Sales */

.orderingSalesText {
    font-size: 14px;
}

.orderingAndSalesHeader {
   padding-top: 28PX;
}

.orderingAndSalesContent {
    padding-top: 10px;
    padding-bottom: 10px;
}

.software-image {
    padding-top: 10px;
    padding-bottom: 15px;
}

/* END Ordering & Online Sales */


/* Carousel */
.carousel-item {
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.carousel-indicators {
    top: 96%;
}

.carousel-indicators [data-bs-target] {   
    box-sizing: content-box;
    flex: 0 1 auto;
    width: $carousel-indicator-width;
    height: $carousel-indicator-height;
    padding: 0;
    margin-right: $carousel-indicator-spacer;
    margin-left: $carousel-indicator-spacer;
    text-indent: -999px;
    cursor: pointer;
    background-color: $carousel-indicator-active-bg;
    background-clip: padding-box;
    border: 0;
   /* // Use transparent borders to increase the hit area by 10px on top and bottom. border-top: $carousel-indicator-hit-area-height solid transparent;*/
    border-bottom: $carousel-indicator-hit-area-height solid transparent;
    opacity: $carousel-indicator-opacity;
}

span.carousel-bold {
    font-weight: 700 !important;
}


hhrotatorData {
    display: none !important;
}

.card.hhModalCard {
    border-top: hidden;
}

.hhModalCardText {
    padding-left: 19px;
}

.hhModalTitle {
    font-size: 1.5rem;
    text-transform: uppercase;
    /*padding-left: 0.5rem;*/
}

.hhModalHeader {
    border-bottom: none;
}

button.btn.modalThumbnail:focus {
    outline: 0;
    box-shadow: none;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: rgba(0, 0, 0, .3);
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    opacity: 1;
}

.carousel-control-next, .carousel-control-prev {
    opacity: .9;
}

.hhModalPreviousWrapper, .hhModalNextWrapper {
    width: 2rem;
}

.hhModalCarouselIndicators [data-bs-target] {
    border-radius: 36%;
    background-color: #000;
    background-clip: unset;
    width: 15px !important;
    height: 0px !important;
}

ul.hhTab {
    list-style-type: none !important;
}
.hhTab .nav-link {
   border:none;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    margin-bottom: 0px;
    color: #424242;
    font-size: 1rem;
    opacity: .6;
}

    .hhTab .nav-link.active, .hhTab .nav-link.active:hover {
        border-bottom: 3px solid rgba(0, 0, 0, .5);
        color: #595959;
        opacity: 1;
    }

.hhTab .nav-item {
    text-align: center;
}

ul.hhTab {
    padding: 0px;
    border:0px;
}

.hhTab .nav-link:hover {
    color: #f05635;
    border-color: #f05635;
}

.hhModalCardBody {
    color: #444444;
    padding: 0px;
    text-transform: none;
    letter-spacing: 0px;
}

.hhModalSwatch {
    border: none;
    padding: 0px;
    border-radius: 0px;
}
.modalThumbnail {
    padding: 4px;
    margin: 0px;
    margin-bottom: 10px;
}

.modalThumbnail btn:focus{
    box-shadow: none !important;
}

.modalSwatches {
    /*text-align: center;*/
}

button.btn-close.hhModalClose:focus {
    box-shadow: none;
}

.hhModalCarouselItem {
    height: 100%
}

/*END  Carousel */


/* FOOTER */
#footer {
    background: #404040;
    padding: 0 0 30px 0;
    color: #fff;
    font-size: 14px;
    text-decoration:none;
    clear:both;
}

#footer .footer-top {
    background: #3b3b3b;
    border-top: 1px solid #474747;
    border-bottom: 1px solid #474747;
    padding: 60px 0 30px 0
}

#footer .footer-top .footer-info {
    margin-bottom: 30px
}

#footer .footer-top .footer-info h3 {
    font-size: 18px;
    margin: 0 0 20px 0;
    padding: 2px 0 2px 0;
    line-height: 1;
    font-weight: 700;
    color: white
}

#footer .footer-top .footer-info p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    font-family: "myriad-pro",Arial, sans-serif;
    color: #fff
}

    #footer .footer-top .social-links a {
        display: inline-block;
        margin-right: 4px;
        text-align: center;
        height: 40px;
    }

#footer .footer-top .social-link img{    
    height: 100%;
}

.social-link {
    width: 60px;
    height: 60px;
}

.social-links {
    margin-bottom: 13px;
}

#footer .footer-top .social-links a:hover {

    text-decoration: none
}

#footer .footer-top h4 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 12px
}

#footer .footer-top .footer-links {
    margin-bottom: 30px
}

#footer .footer-top .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0
}

    #footer .footer-top .footer-links ul i {
        padding-right: 2px;
        color: #f05635;
        font-size: 18px;
        line-height: 1
    }

#footer .footer-top .footer-links ul li {
    padding: 10px 0;
    display: flex;
    align-items: center
}

#footer .footer-top .footer-links ul li:first-child {
    padding-top: 0
}

#footer .footer-top .footer-links ul a {
    color: #f05635;
    transition: 0.3s;
    display: inline-block;
    line-height: 0.5;
    text-decoration: none;
}

#footer .footer-top .footer-links ul a:hover {
    color: #fff;
}

#footer .footer-top .footer-contact {
margin-bottom: 30px
}

#footer .footer-top .footer-contact p {
    line-height: 26px
}

#footer .copyright {
    text-align: center;
    padding-top: 30px
}

#footer .credits {
    padding-top: 10px;
    text-align: center;
    font-size: 13px;
    color: #fff
}


/* END FOOTER */

/* Menu*/

.menuCard a {
    color: #595959;
    text-decoration: none;
}

.menuCardTitle {
    font-size: 0.9rem;
    letter-spacing: 0.5px;
    font-weight: bold;
    margin-bottom: 0.2rem;
}

.menuCardSubtitle {
    font-size: 0.8rem;
    padding-top: 0.3rem;
    padding-bottom: 0.1rem;
    letter-spacing: 0.5px;
}

.menuCardText {
    font-size: 0.8rem;
    line-height: 17px;
}

.menuTitle {
    font-size: 0.9rem;
    padding-bottom: 0.3rem;
    letter-spacing: 0.5px;
    font-weight: bold;
    margin-bottom: 0.2rem;
    text-transform: uppercase;
}

.nav-link {
    letter-spacing: 0.1rem;
}

.menuDescription {
    font-size: 0.9rem;
    line-height: 18px;
}

.menuThumbnailWrapper {padding-left: 0px;}

.hhHeader {
    background-color: white;
}

.bg-secondary-hhmenu {
    --bs-bg-opacity: 1;
    background-color: #E3E3E3 !important;
}

.dropdown-toggle[aria-expanded="true"] {
    text-decoration: underline #dddddd;
    text-decoration-thickness: 5px;
    text-underline-offset: 5px;
}

.dropdown-menu[data-bs-popper], .dropdown-menu.shadow.text-secondary.col-12.show {
    margin-top: 0rem;
    background-color: transparent;
}

.dropdown-menu {
   
    border: none;
    padding: 0px;
}


.navbar-dark .navbar-nav .nav-link {
    color: #495057;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #495057;
}

.navbar-brand {
    /*height: 74px;*/
}

.navbar-brand-logo {
    height: 70px;
}


.menuCard {
    background-color: transparent !important;
    color: #595959;
    break-inside: avoid;
    border: none
}

.menuCard a:visited {
    color: #595959;
}

.menuFooter {
    border: 1px solid #E3E3E3;
}

.list-group-item:hover {
    color: #f05635;
}

.menuCard a:visited:hover {
    color: #f05635;
}


#exTab3 .nav-pills > li > a {
    border-radius: 4px 4px 0 0;
}

#exTab3 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}

.hhLogin a {
    color: #595959;
    text-decoration: none;
    padding: 10px;
}

a#btnCustomerLogin {
    color: white;
}

.hh-modal-login {
    /*width: 300px;*/
}
/* END Menu*/

/* Gallery Filtering */
.imageBox {
    margin: 15px 0px;
    display: none;
	padding-bottom: 25px;
}

.filteredImage {
    /*background-color: white;*/
    padding: 5px;
    height: 250px;
    /*box-shadow: 0px 0px 5px 0px #c1c1c1;*/
}

.filteredImage img {
    /* height: 100%; */
    /* width: 100%; */
}
/* END Gallery Filtering */

/*MarketingIcons*/
.iconBranding {
    background-color: #595959;
}

.iconBranding p {
    word-wrap: break-word;
    word-break: break-word;
    padding-top:15px;
}

.iconBrandingText {
    color: white;
    font-family: "myriad-pro", Arial, sans-serif;
    text-align: left;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 14px;
}
/*MarketingIcons*/

a[href^=tel] {
 color: inherit;
 text-decoration:inherit;
}

.hhDark {
    color: #404040;
}

#btnCustomerLogin:hover {
    background: #77797e;
}

a#lnkBecomeCustomer {
    white-space: nowrap;
}

#contactEmailFormButton:hover {
    background: #77797e;
}

.widthLimited .overlay a.close-btn {
	right: -25px;
}

.widthLimited .overlay a.close-btn {
	right: -25px;
}

.widthLimited .overlay a.close-btn:hover {
    background-position: 0 -539px;
}

/*  carousel      */
hhcarouseldata {
    display: none;
}

.hhCarouselItem .carousel-item {
    /* height: 100vh; */
    /* min-height: 300px; */
}

.hhCarouselIndicators button {
    width: 100px !important;
}

.hhCarouselIndicators [data-bs-target] {
    text-indent: 0px;
}

.hhCarouselControl .carousel-control-prev-icon, .hhCarouselControl .carousel-control-next-icon, .hhCarouselControlNoThumbnails .carousel-control-prev-icon, .hhCarouselControlNoThumbnails .carousel-control-next-icon {
    background-color: rgba(0, 0, 0, .3);
}

.hhCarousel {
    position: unset;
    overflow-x: hidden;
}

.hhCarouselControl {
    /* background-color: red; */
    width: 4%;
    margin-bottom: 85px;
}

.hhCarouselControlNoThumbnails {
    /* background-color: red; */
    width: 4%;
}

.hhCarouselIndicatorFooter {
    /*min-height: 85px;*/
}

.hhCarouselIndicators {
    margin: 0%;
    position: relative;
}

.carousel-item.hhCarouselItem {
    height: 100%;
}

.carousel-indicators.hhCarouselIndicators {
    top: 88%;
    position: absolute;
}

.hhCarouselCard {
    border: none;
}

.hhCarouselControlTheme-gray-prev-icon{

}

.hhCarouselControlTheme-gray-next-icon {
}


/* Size specific rules*/
@media (min-width: 1200px) {
    .card-columns {
        /*margin-top: -15px;*/
        column-count: 5;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
    }

    .dropdown-toggle::after{
    display:none;
	}

    .carousel-item {
        height: 1080px;
    }

    .hhModalCarouselItem {
        height: 100% !important;
        /*margin-bottom: 44px;*/
    }

    .carousel-indicators [data-bs-target] {
        height: 7px;
        width: 33%;
        /*background-color: #D3D3D3;*/
    }

    .carousel-indicators .active {
        /*background-color: #f05635;*/
    }

    .hhModalCarouselIndicators [data-bs-target] {
        border-radius: 36%;
        background-color: #000;
        background-clip: unset;
        width: 15px !important;
        height: 0px !important;
    }

    .carousel-control-next {
       /* left: 90%;*/
    }

    .carousel-control-prev {
        /*left: -5%;*/
    }
}

@media (min-width: 576px) and (max-width: 1199.98px) { 

	#btnCustomerLogin {
		color: white;
		position: relative;
		top: -65px;
		left: 172px;
	}
	
	#lnkBecomeCustomer {
    background-color: #f05635;
    color: white;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: "myriad-pro",Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 10px 0px;
    cursor: pointer;
    color: white;
    border-radius: 0rem;
	position: relative;
    top: -7px;
	}
	
	.navbar {
		padding-bottom: 0px;
	}
	
	.psSearchTxtBtn {
		padding: 5px;
		position:relative;
		top: -29px;
		left: 135px;;
	}
	
	.hhLogin {
		position: relative;
		top: 37px;
		left: 3px;
	}
	
	.hhSearch {
		position: relative;
		top: -31px;
    left: -36px;
	}
	
	.card-columns {
        column-count: 5;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
    }

    .carousel-item {
        height: 600px;
    }

    .hhModalCarouselItem {
        height: 100%;
    }

    .carousel-indicators [data-bs-target] {
        height: 7px;
        width: 33%;
        background-color: #D3D3D3;
    }

    .carousel-indicators .active {
        background-color: #f05635;
    }
	
	.carousel-caption {   
		bottom: 0rem;
	}
	
	.dropdown-toggle::after{
    display:none;
	}
	
	.filteredImage{
		height:172px
	}
	
	.newsCardText {
    min-height: 72px;
	}
	
	.orderingSalesText {
    font-size: 14px;
    width: 190px;
	}
	.software-image{
	max-width: 168px;
	}
	
	.navbar-brand-logo {
		width: 220px;
		height: 141px;
	}

    .hhModalCarouselIndicators [data-bs-target] {
        border-radius: 36%;
        background-color: #000;
        background-clip: unset;
        width: 15px !important;
        height: 0px !important;
    }

    .carousel-control-next {
        /*left: 88%;*/
    }

    .carousel-control-prev {
        /*left: -3%;*/
    }

    .carousel-indicators.hhCarouselIndicators [data-bs-target] {
        position: relative;
        top: -17%;
    }
 }

@media (min-width: 0px) and (max-width: 575.98px) {
    .card-columns {
        column-count: 1;
    }

    .hh-nav-link{
        text-align:center;
    }

    .hhSearch {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
	
	.psSearchTxtBtn {
		padding: 5px;
	}
	
    input#dnn_HHMENU2022_psSiteSearch_txtSearchSkin {
        width: 91% !important;
        padding: 5px;
    }
    
	
	.dropdown-toggle::after{
    display:none;
	}
	
    .carousel-item {
        background-size: contain;
        margin-top: -28vh;
    }
    .carousel-caption {
		background-color: #737373;
		left: 0;
		right: 0;
		bottom: 0rem;
		top: 456px;
		padding: 30px;
	}
    .carousel-caption .hhHeading1-2022 {
       line-height: 23px;
		margin-top: 0;
		font-size: 22px;
		height: 45px;
    }
	.carousel-caption .hhBody1-2022 {
		height: 75px;
		padding-top: 10px;
		font-size: 124%;
	}
    .carousel-item {
        height: 723px;
    } 

	.dropdown-toggle::after{
		display:inline-block;
	}	
	
	#lnkBecomeCustomer {
    background-color: #f05635;
    color: white;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: "myriad-pro",Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 10px 0px;
    cursor: pointer;
    color: white;
    border-radius: 0rem;
	}
	
	.hhLogin.p-2 {
		margin: auto;
	}
	
	.orangeUpButton:hover {
       background-color: #f05635;
    color: white;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: "myriad-pro", Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 10px 0px;
    cursor: pointer;
    color: white;
    border-radius: 0rem;
    }
	
	.orangeUpButton:hover a
	{
		color: white;
    text-decoration: none;
	}
	
	.newsCardText {
		min-height: 0px;
	}
	
	.filteredImage {   
		/* padding: 12px; */
	}
	
	.imageBox {
	padding-bottom: 0px;
	}


    .hhModalCarouselIndicators [data-bs-target] {
        border-radius: 36%;
        background-color: #000;
        background-clip: unset;
        width: 15px !important;
        height: 0px !important;
    }

    .hhModalCarouselItem {
        height: 100% !important;
    }

    .carousel-item.hhModalCarouselItem {
        margin-top: 0px;
    }

    .carousel-control-next {
        /*left: 87%;*/
    }

    .carousel-control-prev {
        /*left: -2%;*/
    }

    .carousel-indicators.hhCarouselIndicators [data-bs-target] {
        position: relative;
        top: -49%;
    }

    .hhCarouselItem.carousel-item {
        margin-top: 0%;
    }
}

@-moz-document url-prefix() {  
	.list-group{
		display: initial;
	} 
	.menuCard{
		display: flow-root;
	}
}


/* Accordion*/


.accordion-button:focus {
    background-color: #babdc2; !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}

.accordion-button {
    background-color: #ededed; !important;
}

.accordion-button .collapsed {
    background-color: white; !important;
}

.accordion-button:not(.collapsed) {
    background-color: #babdc2 !important;
}


/* END Accordion*/


/* Horizontal line*/

.hh-hr {
    border-top: 2px solid #d8d8d8;
    display: block;
    opacity: 1
  }

/* END Horizontal line*/



/*
.comsliderWrapper {
    display: none;
}
*/