/* HOME HERO SECTION -------------------------------------------------------- */

@media (min-width: 1024px) {
	.bd-spotlight__main-container .bd-spotlight__container {
		max-height: 100%;
	}
}

.spotlight-right-color {
	background-color: var(--white);
}

.spotlight-left-color--primary-navy {
	background-color: var(--white) !important;
}

.bd-spotlight__main-container .bd-spotlight__container-secondary .bd-spotlight__container-left {
	background-color: transparent;
	background-image: url("/content/dam/bdcom-assets/en/en-us/images/photography/homepage/home-curve_m.png");
	/* background-position: -196px 0; */
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: -11%;
	/* width: 38.6%; */
	z-index: 20;
}

@media (min-width: 1024px) {
	.bd-spotlight__main-container .bd-spotlight__container-secondary .bd-spotlight__container-left {
		background-image: url("/content/dam/bdcom-assets/en/en-us/images/photography/homepage/home-curve_d.png");
		background-position: right 0;
		background-repeat: no-repeat;
		background-size: 555.5px 553px;
		margin-top: auto;
		min-height: 553px;
	}
}

.bd-spotlight__main-container {
	background: none;
}

@media (max-width: 1023px) {
	.bd-spotlight__main-container .bd-spotlight__container.spotlight__content-container {
		/* background-image: url("/content/dam/bdcom-assets/en/en-us/images/photography/homepage/home-curve_m.png"); */
		display: flex;
		flex-direction: column-reverse;
	}
}

@media (min-width: 376px) and (max-width: 767px) {
	.aem-Grid.aem-Grid--mobile--12 > .aem-GridColumn.aem-GridColumn--mobile--11 {
		float: left;
		clear: none;
		width: 100%;
	}
}

.bd-spotlight__main-container .bd-spotlight__container-left {
	border-radius: unset;
	width: 100%;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.bd-spotlight__main-container .bd-spotlight__container-left {
		position: unset;
		z-index: 1;
	}
}

@media (min-width: 1024px) {
	.bd-spotlight__main-container .bd-spotlight__container-left,
	.bd-spotlight__container-left-736-width .bd-spotlight__main-container .bd-spotlight__container-left {
		width: 38.6% !important;
	}
}

.bd-spotlight__main-container .bd-spotlight__container-left-inner {
	padding: 15% 3rem 3rem 2rem;
}

@media (min-width: 1024px) {
	.bd-spotlight__main-container .bd-spotlight__container-left-inner {
		padding: 15% 13%;
		/* width: 80%; */
	}
}

.bd-spotlight__main-container .bd-spotlight__container-right {
	background-color: transparent;
	z-index: 10;
}

.bd-spotlight__main-container .bd-spotlight__container-right-inner {
	padding-right: 0;
}

@media (min-width: 1024px) {
	.bd-spotlight__main-container .bd-spotlight__container-right-inner {
		/* padding-right: 1rem; */
	}
}

@media (min-width: 768px) {
	.bd-spotlight__padding-left-image-video {
		padding-left: 0;
	}
}

.bd-spotlight__container-right-inner.bd-spotlight__padding-left-image-video img {
	border-radius: unset;
	height: auto;
	min-height: 0;
	width: 100%;
}

@media (min-width: 1024px) {
	.bd-spotlight__container-right-inner.bd-spotlight__padding-left-image-video img {
		height: 553px;
		width: auto;
	}
}

.bd-spotlight__image-box {
	overflow: hidden;
	text-align: right;
}

@media (max-width: 767px) {
	.bd-spotlight__image-box {
		margin-left: -10%;
	}
}

.bd-custom-carousel .bd-spotlight__image-box {
	margin-left: 0 !important;
}

.bd-spotlight__main-container .bd-spotlight__container {
	max-height: 100%;
}

.bd-spotlight__main-container .bd-spotlight__container-left h1,
.bd-spotlight__main-container .bd-spotlight__container-left h1 p {
	font-size: 26px;
	font-weight: 700 !important;
	letter-spacing: 0.02em;
	line-height: 1.30769231;
	margin-bottom: 1rem;
}

@media (min-width: 1440px) {

	.bd-spotlight__main-container .bd-spotlight__container-left h1,
	.bd-spotlight__main-container .bd-spotlight__container-left h1 p {
		font-size: 36px;
		line-height: 1.16666667;
		/* margin-bottom: 1rem; */
	}
}

.bd-spotlight__main-container .bd-spotlight__container-left h1 p {
	margin-bottom: 0;
}

.bd-spotlight__main-container .bd-spotlight__container-left .bd-spotlight__container-v2-left-inner-heading::after {
	display: none;
}

.bd-spotlight__main-container .bd-spotlight__container-left p:nth-child(2){
	color: white;
	font-size: 26px !important;
	font-weight: 700 !important;
	letter-spacing: 0;
	line-height: 1.38888889;
}
.bd-spotlight__container-left__description-left p {
	color: white;
	font-size: 18px !important;
	font-weight: normal !important;
	letter-spacing: 0;
	line-height: 1.38888889;
}
@media (min-width: 1440px) {
	.bd-spotlight__main-container .bd-spotlight__container-left p {
		font-size: 22px;
		line-height: 1.45454545;
	}
}

.bd-spotlight__main-link {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.375;
	margin-top: 2rem;
	text-transform: uppercase;
}

@media (min-width: 1024px) {
	.bd-spotlight__main-link {
		font-size: 18px;
		line-height: 1.38888889;
		margin-top: 3.5rem;
	}
}

.bd-spotlight__main-link a {
	border: solid 2px var(--pink);
	border-radius: 6px;
	line-height: 1;
	padding: 15px 30px;
}

@media (min-width: 1024px) {
	.bd-spotlight__main-link a {
		padding: 18px 36px;
	}
}

.bd-spotlight__main-link a:hover,
.bd-spotlight__main-link a:active {
	background-color: var(--pink);
}

.bd-spotlight__main-container .bd-spotlight__container-left img {
	display: none;
}

/* STORY CARDS -------------------------------------------------------------- */

.bd-content-card-list bd {
	margin-top: 1.5rem;
}

@media (min-width: 1024px) {
	.bd-content-card-list bd {
		margin-top: 3rem;
	}
}

@media (max-width: 767px) {
	.bd-content-card-list__card-list {
		padding: 1.25rem 1.875rem 2.5rem;
	}
}

.bd-content-card-list .bd-content-card-list__card-list,
.bd-content-card-list-two-column .bd-content-card-list__card-list {
	grid-template-columns: repeat(1, 100%);
}

@media (min-width: 768px) {
	.bd-content-card-list .bd-content-card-list__card-list,
	.bd-content-card-list-two-column .bd-content-card-list__card-list {
		/* grid-template-columns: repeat(4, 23.175%) !important; */
		align-items: baseline;
		display: flex;
		flex-direction: row;
		grid-template-columns: none;
		justify-content: center;
	}
}

/* 'related products' section - left-align cards */
@media (min-width: 768px) {

	.cmp-tabs__tabpanel[data-cmp-data-layer*="Related Products"] .bd-content-card-list .bd-content-card-list__card-list,
	.cmp-tabs__tabpanel[data-cmp-data-layer*="Related Products"] .bd-content-card-list-two-column .bd-content-card-list__card-list,

	/* colombia */
	.cmp-tabs__tabpanel[data-cmp-data-layer*="Productos destacados"] .bd-content-card-list .bd-content-card-list__card-list,
	.cmp-tabs__tabpanel[data-cmp-data-layer*="Productos destacados"] .bd-content-card-list-two-column .bd-content-card-list__card-list,

	/* spanish */
	.cmp-tabs__tabpanel[data-cmp-data-layer*="Productos relacionados"] .bd-content-card-list .bd-content-card-list__card-list,
	.cmp-tabs__tabpanel[data-cmp-data-layer*="Productos relacionados"] .bd-content-card-list-two-column .bd-content-card-list__card-list,

	/* german */
	.cmp-tabs__tabpanel[data-cmp-data-layer*="Verwandte Produkte"] .bd-content-card-list .bd-content-card-list__card-list,
	.cmp-tabs__tabpanel[data-cmp-data-layer*="Verwandte Produkte"] .bd-content-card-list-two-column .bd-content-card-list__card-list,

	/* french */
	.cmp-tabs__tabpanel[data-cmp-data-layer*="Produits connexes"] .bd-content-card-list .bd-content-card-list__card-list,
	.cmp-tabs__tabpanel[data-cmp-data-layer*="Produits connexes"] .bd-content-card-list-two-column .bd-content-card-list__card-list,

	/* japan */
	.cmp-tabs__tabpanel[data-cmp-data-layer*="関連製品"] .bd-content-card-list .bd-content-card-list__card-list,
	.cmp-tabs__tabpanel[data-cmp-data-layer*="関連製品"] .bd-content-card-list-two-column .bd-content-card-list__card-list,

	/* china */
	.cmp-tabs__tabpanel[data-cmp-data-layer*="相关产品"] .bd-content-card-list .bd-content-card-list__card-list,
	.cmp-tabs__tabpanel[data-cmp-data-layer*="相关产品"] .bd-content-card-list-two-column .bd-content-card-list__card-list,

	/* taiwan */
	.cmp-tabs__tabpanel[data-cmp-data-layer*="相關產品"] .bd-content-card-list .bd-content-card-list__card-list,
	.cmp-tabs__tabpanel[data-cmp-data-layer*="相關產品"] .bd-content-card-list-two-column .bd-content-card-list__card-list,
	
	/* dutch */
	.cmp-tabs__tabpanel[data-cmp-data-layer*="Verwante producten"] .bd-content-card-list .bd-content-card-list__card-list,
	.cmp-tabs__tabpanel[data-cmp-data-layer*="Verwante producten"] .bd-content-card-list-two-column .bd-content-card-list__card-list {
		justify-content: left;
	}
}

@media (min-width: 768px) {
.bd-content-card-list__card-list li {
		/* flex: 1; */
		flex: 0 0 23%;
		/* max-width: 23%; */
		/* min-width: 23%; */
	}
}

.bd-content-card-list__card-list li p {
	word-break: break-word;
}

.bd-content-card-list__background {
	background-color: transparent;
}

.bd-content-card-list__smallheading {
	color: var(--blue);
}

.bd-content-card-list__description {
	color: var(--black);
}

.bd-content-card__details {
	/* padding-bottom: 50px; */
}

/* TEXT TEASER -------------------------------------------------------------- */

#txt-teaser {
	margin-left: auto;
	margin-right: auto;
	width: 60%;
}

@media (min-width: 1024px) {
	#txt-teaser {
		/* width: 80%; */
		width: 60%;
	}
}

#txt-teaser h4 {
	color: var(--purple);
	font-size: 20px;
	line-height: 1.4;
}

@media (min-width: 768px) {
	#txt-teaser h4 {
		font-size: 26px;
		line-height: 1.30769231;
	}
}

#txt-teaser h3 {
	color: var(--purple);
	font-weight: bold;
}

#txt-teaser p {
	color: var(--black);
}

#txt-teaser p + p a {
	color: var(--purple);
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}

/* last card section on home */

.bd-image-card__bg-grey .bd-image-card__container {
	background-color: transparent;
	display: flex;
	flex-direction: column;
}

@media (min-width: 1024px) {
	.bd-image-card__bg-grey .bd-image-card__container {
		flex-direction: row-reverse;
	}
}

.bd-container__background-image {
	background-repeat: no-repeat;
}

.bd-image-card__category {
	color: var(--blue) !important;
}

.bd-image-card__heading {
	color: var(--purple) !important;
}

.bd-image-card__details {
	color: var(--black) !important;
}

.bd-content-card-list__flex-space-between .bd-content-card-list__img > img {
	-o-object-fit: unset !important;
	object-fit: unset !important;
}

.bd-content-card-list__img > img {
	/* width: 407px; */
}

/* PRODUCTS HERO SECTION ---------------------------------------------------- */

.bd-experience-fragment__container.cmp-experiencefragment {
	/* display: none; */
}

/* .container + .bd-experiencefragment .bd-experience-fragment__container.cmp-experiencefragment {
  display: block;
} */

.bd-spotlight__main-container .bd-spotlight__container-right.spotlightCarousel-block {
	background-color: transparent;
	padding-right: 0;
}

.bd-spotlight__main-container .bd-spotlight__container-right.spotlightCarousel-block .spotlightCarousel-item__image {
	align-self: center;
	background-color: transparent;
	padding-right: 0;
}

.bd-spotlight__main-container .bd-spotlight__container-right.spotlightCarousel-block .bd-spotlight__container-right-inner {
	background: transparent;
	height: 553px;
}

/* PRODUCTS MAIN ------------------------------------------------------------ */

.component-heading {
	color: var(--blue);
	font-size: 24px;
	line-height: 1.41666667;
	/* letter-spacing: 0.02em; */
}

.bd-content-card-list__heading {
	color: var(--purple);
	font-size: 26px;
	line-height: 1.15;
	/* letter-spacing: 0.02em; */
}

.familypage .cmp-container-responsive {
	padding: 2.5rem 1.875rem 0;
}

@media (min-width: 768px) {
	.familypage .cmp-container-responsive {
		padding: 2.5rem 1.875rem 0;
	}
}

@media (min-width: 64rem) {
	.familypage .cmp-container-responsive {
		padding: 3.75rem 3rem 0;
	}
}

@media (min-width: 90rem) {
	.familypage .cmp-container-responsive {
		padding: 5rem 5rem 0;
	}
}

.cmp-text p b {
	/* color: var(--purple); */
}

.bd-keypoint-card__header {
	color: var(--purple);
}

.bd-keypoint-card__container {
	border: none;
}

.bd-container__grey {
	background-color: transparent;
}

.bd-container__carousel .cmp-container .bd-key-point-card .bd-keypoint-card__container {
	border: 0.5px solid #707070;
	border-bottom: 6px solid var(--orange);
}

.slider-handler-no-content {
	margin-right: 0 !important;
}

body.brandpage .slider-handlers, 
body.brandpage .slider-handler-no-content, 
body.familypage .slider-handlers, 
body.familypage .slider-handler-no-content {
	justify-content: center;
	padding-left: 0 !important;
}

.bd-resources-links-list__list a {
	color: var(--purple);
}

/* HOME VIDEO --------------------------------------------------------------- */

#home-video {
	margin-left: auto;
	margin-right: auto;
	width: 730px;
}

@media (min-width: 320px) {
	#home-video {
		width: 100%;
	}
}

@media (min-width: 500px) {
	#home-video {
		width: 400px;
	}
}

@media (min-width: 740px) {
	#home-video {
		width: 600px;
	}
}

@media (min-width: 968px) {
	#home-video {
		width: 730px;
	}
}

/*
@media (min-width: 1440px) {
  #home-video{
    width: 365px;
  }
}
*/

.bd-brightcove-video {
	margin: 0 auto !important;
}

/* HOME CAROUSEL ------------------------------------------------------------ */

/* controls container */
.bd-carousel-outer-container {
	bottom: 0;
	/* left: 45%; */
	/* min-width: 10%; */
	position: absolute;
	/* right: 45%; */
	width: 100%;
	z-index: 10;
}

@media (min-width: 1024px) {
	.bd-carousel-outer-container {
		bottom: 20px;
		left: 0;
		right: 0;
		width: auto;
	}
}

.bd-custom-carousel_header-reverse {
	flex-direction: row !important;
}

.bd-custom-carousel_header {
	align-items: center;
	justify-content: center;
	padding: 0 !important;
}

/* DOTS */

@media (min-width: 48rem) {
	.arrow-dots {
		display: none;
	}
}

@media (min-width: 1024px) {
	.arrow-dots {
		display: flex;
	}
}

.custom-appendArrows {
	display: none;
}

@media (min-width: 1024px) {
	.custom-appendArrows {
		display: block;
	}
}

.custom-appendArrows-dots {
	align-self: center;
	bottom: 0 !important;
	display: none;
	left: 0 !important;
	margin: 0 10px;
	position: relative;
	right: 0 !important;
}

@media (min-width: 1024px) {
	.custom-appendArrows-dots {
		display: block;
	}
}

.custom-appendArrows-next {
	display: none;
}

@media (min-width: 1024px) {
	.custom-appendArrows-next {
		display: block;
	}
}

.slick-track {
  display: flex !important;
}

.bd-spotlight__main-container .bd-spotlight__container .slick-list,
.bd-spotlight__main-container .bd-spotlight__container .slick-slider {
	height: auto;
}

@media (max-width: 767px) {
	.bd-spotlight__main-container .bd-spotlight__container .slick-list {
		align-self: center;
		display: flex;
	}
}

.slick-slide {
  height: inherit !important;
}

.slick-dots {
	/* bottom: -45px; */
	bottom: unset;
	display: block;
	list-style: none;
	margin-bottom: 0 !important;
	margin-top: -2px;
	padding: 0;
	/* position: absolute; */
	position: unset;
	text-align: center;
	width: 100%;
}

@media (min-width: 48rem) {
	.slick-dots {
		background-color: rgba(0,0,0,0.2);
		border-radius: 500px;
		margin-top: -2px;
		padding: 2px;
	}
}

@media (min-width: 1440px) {
	.slick-dots {
		margin-top: -2px;
	}
}

.slick-dots li {
	cursor: pointer;
	height: 20px;
	margin: 0 5px;
	width: 20px;
}

.slick-dots li button {
	height: 20px;
	padding: 5px;
	width: 20px;
}

.slick-dots button::before {
	border: 0.06rem solid var(--white);
	color: unset;
	height: 10px;
	width: 10px;
}

.slick-dots li button::before {
	height: 20px;
	left: 5px;
	line-height: 20px;
	top: 5px;
	width: 20px;
}

.slick-dots li button::before {
	height: 10px;
	width: 10px;
}

.slick-dots li.slick-active button::before {
	color: var(--white);
}

.slick-dots li.slick-active button::before {
	background: var(--white);
	color: unset;
}

/* ARROWS */

.slick-arrow {
	display: none !important;
}

/* SLIDER ------------------------------------------------------------------- */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	user-select: none;
	touch-action: pan-y;
}

.bd-custom-carousel-container {
	margin: 0;
	padding-left: 0;
	width: 100%;
}

@media (min-width: 1024px) {
	.bd-custom-carousel-container {
		padding-left: 1.43rem;
	}
}

@media (max-width: 767px) {
	.bd-custom-carousel-mobile-down .cmp-carousel__content {
		padding-bottom: 0 !important;
	}
}

@media (min-width: 48rem) {
	.bd-custom-carousel-container {
		padding-left: 0.875rem;
	}
}

@media (min-width: 1024px) {
	.bd-custom-carousel-container {
		padding-left: 2rem;
		padding-right: 2.37rem;
	}
}

@media (min-width: 1440px) {
	.cmp-carousel__content {
		padding-bottom: 0;
	}
}

@media (min-width: 1440px) {
	.bd-custom-carousel-container {
		padding-left: 0;
		padding-right: 0;
	}
}

.slick-slide {
	display: none;
	float: left;
	/* height: 100%; */
	height: unset !important;
	margin: 0;
	min-height: 1px;
}

.slick-slide img {
	display: unset;
}

/* fixes UGLY webkit carousel height bug! */
@media (min-width: 768px) {
	.bd-spotlight__main-container .bd-spotlight__container-right.spotlightCarousel-block .bd-spotlight__container-right-inner {
		/* min-height: -webkit-fill-available; */
		min-height: 0;
	}
}

.bd-spotlight__main-container .bd-spotlight__container .slick-slide img {
	/* object-fit: cover; */
	object-fit: contain !important;
}

/* MOVE TO GLOBAL.CSS ======================================================= */

/* bottom banner content width */
#onetrust-banner-sdk .ot-sdk-container,
#onetrust-pc-sdk .ot-sdk-container,
#ot-sdk-cookie-policy .ot-sdk-container {
	max-width: 1440px;
}

/* accessibility button position */
body .uwy.userway_p5 .uai {
	bottom: 13px;
	left: 13px;
}

/* cookies button position */
#ot-sdk-btn-floating.ot-floating-button {
	bottom: 13px;
	left: 73px !important;
	z-index: 2147483647;
}

/* homepage card list mobile full width */
.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8.bd-content-card-list {
  width: 100%;
}
@media (min-width: 768px) {
	.aem-Grid.aem-Grid--default--12 > .aem-GridColumn.aem-GridColumn--default--8.bd-content-card-list {
		width: 83.33333333%;;
	}
}