/* htdocs/dpsweb/ferguson/ferguson.com/css/homepage-banner.css
   $Id: homepage-banner.css,v 1.33 2021-01-04 14:17:14 gwardwell Exp $ */

/* Homepage banner */
.banner-container {
	max-width: 1650px;
    margin: 0 auto;
    position: relative;
}
.hero-image {
	background: url(/ferguson/ferguson.com/images/promo/fergusonshowrooms-banner-new2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    /* margin-top: 10px; DL */
	height: 550px;
}
.hero-image .background-overlay {
	background:rgb(255,255,255);
	background: transparent\9;
	background:rgba(255,255,255,.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
	zoom: 1;
}
.hero-image .background-overlay {    
    background-color: #ffffffab;
    height: 550px;
    width: 545px;
    margin: 0 auto;
}
  .banner-title {
	font-size: 36px;
	line-height: 46px;
	color: #ffffff;
    background-color: #107298;
    padding: 11px 40px;
	text-transform: uppercase;
	margin: 0;
}
  .banner-sub-title {
	color: #000000;
	font-size: 22px;
	line-height: 30px;
    width: 416px;
    text-align: center;
    margin: 30px auto;
}
  .hero-text {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
  #locationFinderZip {
    padding: 15px 18px;
    font-size: 18px;
	border: solid #107298 1px;
    width: 242px;
    cursor: auto;
}
#location-not-found form {
	display: flex;
    justify-content: center;
}
.hero-text button {
    background: #107298;
    margin-left: 0px;
    cursor: pointer;
    color: #f8f8f8;
    border: none;
    transition: 0.2s ease-out;
    height: 60px;
    width: 73px;
    vertical-align: top;
}
#location-not-found i.fas.fa-chevron-right {
    font-size: 28px !important;
    font-weight: 600;
}

/*Carousel Section*/
.homepage .full-width {
    width: 100vw;
	position: relative;
	left: 50%;
	right:50%;
	margin-left: -50vw;
	margin-right: -50vw;
	background: #f8f8f8;
}
.homepage .slider-container {
    padding: 20px 50px;
    background: white;
}
.homepage .carousel strong {
    display: inherit;
    margin-bottom: 20px;
    color: #00446a;
}
.homepage .carousel p{
    line-height: 2.0em;
}
.homepage .carousel img{
	margin-right: 6px;
}
.homepage .carousel .center {
	position: relative;
}
.homepage .carousel .center i {
	font-size: 30px;
	color: #ddd;
}
.homepage #prev {
    position: absolute;
    bottom: 100px;
    left: -35px;
}
.homepage #next {
	position: absolute;
	bottom: 100px;
	right: -30px;
}
.homepage .cycle-pager {
    text-align: center;
    margin-top: 15px;
}
.homepage .cycle-pager span {
    font-size: 0px;
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
    background-color: #fff;
    transition: 0.05s ease-in;
    border: 2px solid #ddd;
    margin-right: 5px;
    padding: 6px;
}
.homepage .cycle-pager span.cycle-pager-active{
	background-color:#ddd;
	border: 2px solid #ddd;
}
.cycle-slideshow { 
    width: 940px;
}
.slider-image {
    width: 940px!important;
}
.homepage .carousel .copy-section {
    width: 1040px;
    margin: 0px auto 20px auto;
    padding: 40px 0;
}
/*End of Carousel Section*/

  
/* Old Slide Show Banners
.main-banner.build-ferguson {
	background: url(/ferguson/ferguson.com/images/promo/hp-banner-discover-build.jpg) center no-repeat;
	background-size: cover;
}
.main-banner.banner-best-decision {
	background: url(/ferguson/ferguson.com/images/promo/hp-main-banner-best-decision.jpg) center no-repeat;
	background-size: cover;
}
.main-banner.banner-best-of-show {
	background: url(/ferguson/ferguson.com/images/promo/bestshow-hp-banner.jpg) center no-repeat;
	background-size: cover;
}

.main-banner.banner-promo {
	background: url(/ferguson/ferguson.com/images/promo/hp-main-banner-bosch-dlx.jpg) center no-repeat;
	background-size: cover;
}
.main-banner.banner-spotlight {
	background: url(/ferguson/ferguson.com/images/promo/hp-main-spotlight-10-2020.jpg) center no-repeat;
	background-size: cover;
}
.main-banner.banner-design-trends {
	background: url(/ferguson/ferguson.com/images/promo/hp-main-banner-trends-bathed-in-matte-black.jpg) center no-repeat;
	background-size: cover;
}
.main-banner.banner-virtual-appointments {
	background: url(/ferguson/ferguson.com/images/promo/hp-main-banner-virtual-appointments.jpg) center no-repeat;
	background-size: cover;
}
.main-banner.banner-dream-kitchens {
	background: url(/ferguson/ferguson.com/images/promo/hp-main-banner-dream-kitchens.jpg) center no-repeat;
	background-size: cover;
}
.main-banner.banner-elkay {
	background: url(/ferguson/ferguson.com/images/promo/hp-main-banner-elkay.jpg) center no-repeat;
	background-size: cover;
}

.main-banner.banner-kohler {
	background: url(/ferguson/ferguson.com/images/promo/hp-main-banner-kohler-memoirs.jpg) center no-repeat;
	background-size: cover;
}

.main-banner.kohler-artifacts {
	background: url(/ferguson/ferguson.com/images/promo/hp-main-banner-kohler-artifacts.jpg) center no-repeat;
	background-size: cover;
}

.main-banner.banner-hinkley {
	background: url(/ferguson/ferguson.com/images/promo/hp-main-banner-hinkley-lighting.jpg) center no-repeat;
	background-size: cover;
}
*/