/* ----------------------------------------------------------------
	L1 Landing pages
-----------------------------------------------------------------*/

/*** Full Width Sections ***/

body.page .x-section.l1-hero,
body.page .x-section.l1-editors,
body.page .x-section.l1-article-week,
body.page .x-section.l1-full,
body.page .x-section.l1-branded-background,
body.page .x-section.home-full,
body.page .x-section.full{
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	max-width: 1440px !important;
}
body.page .x-section.l1-hero .x-row {
	height: 865px !important;
}
body.page .x-section {
	max-width: 960px !important;
	margin: 0 auto !important;
}
.x-text.area-title h1,
.x-text.area-title h2{
	font-size: 6rem !important;
	line-height: 7.2rem !important;
	text-align: center !important;
}
.x-text.area-title-reversed h1,
.x-text.area-title-reversed h2{
	font-size: 6rem !important;
	line-height: 7.2rem !important;
	text-align: center !important;
	color: #fff !important;
}
.x-section.l1-hero .x-text.x-text-headline h2{
	font-family: var(--bc-body), Arial, Helvetica, sans-serif !important;
	font-size: 2rem !important;
	line-height: 1.4em !important;
}




.pet-button.chevron::after {
    font-family: "FontAwesome" !important;
    font-weight: 900;
	font-size: 3rem;
	line-height: 3rem;
    content: "\f078";
    margin: auto !important;
	color: #000;
}

/* ----------------------------------------------------------------
	L2 Landing pages
-----------------------------------------------------------------*/

/*** Full Width Sections ***/
body.archive .x-section.l1-hero,
body.category .x-section.l1-hero{
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	max-width: 1440px !important;
}
body.archive .x-section.l1-hero .x-row,
body.category .x-section.l1-hero .x-row {
	height: 865px !important;
}
body.archive .x-section,
body.category .x-section{
	max-width: 960px !important;
	margin: 0 auto !important;
}
body.page .x-section.home-full .x-row.row-boxed {
	max-width: 960px !important;
	margin: 0 auto !important;
}
.x-section.highlights-slot {
	background: rgba(var(--medium-gray), 0.15) !important;
}
.highlights-rubric{
  	z-index: 1 !important;
  	display: inline-block !important;
	background: #fff !important;
}
.highlights-rubric.x-text {
	margin: 0 0 -30px 0 !important;
}
.highlights-rubric.x-text h4 {
	padding: 10px !important;
	margin: 0 !important;
}
.editors-choice h3.x-text-content-text-primary {
	font-family: var(--bc-headline-primary), Arial, Helvetica, sans-serif !important;
	font-size: 3.2rem !important;
	font-weight: 700 !important;
	color: #000000 !important;
	line-height: 1em !important;
	padding: 16px 32px !important;
	margin: 0 auto !important;
	display: inline-block !important;
	background: #ffffff !important;
}

.article-week h3.x-text-content-text-primary {
	font-family: var(--bc-headline-primary), Arial, Helvetica, sans-serif !important;
	font-size: 3.2rem !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	line-height: 1em !important;
	padding: 16px 32px !important;
	margin: 0 auto !important;
	display: inline-block !important;
	background: #000000 !important;
}
.behome .article-week h3.x-text-content-text-primary {
	background: rgb(var(--behome)) !important;
}
.bewell .article-week h3.x-text-content-text-primary {
	background: rgb(var(--bewell)) !important;
}
.besmart .article-week h3.x-text-content-text-primary {
	background: rgb(var(--besmart)) !important;
}
.beinspired .article-week h3.x-text-content-text-primary {
	background: rgb(var(--beinspired)) !important;
}
.begenerous .article-week h3.x-text-content-text-primary {
	background: rgb(var(--begenerous)) !important;
}

@media (max-width: 1280px) {
	body.page .x-section.home-full.slider{
		max-width: 960px !important;
	}
}


@media (max-width: 640px) {
	
	body.page .x-section.l1-hero,
    body.page .x-section.l1-editors,
    body.page .x-section.l1-article-week,
    body.page .x-section.l1-full,
    body.page .x-section.l1-branded-background,
    body.page .x-section.home-full,
    body.page .x-section.full{
		margin: 0 -20px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	body.page .x-section.l1-hero .x-row,
	body.archive .x-section.l1-hero .x-row,
	body.category .x-section.l1-hero .x-row,
	body.page .x-section.l1-full{
		height: 420px !important;
		padding: 0 !important;
	}
	body.page .x-section.home-full.nopadding,
	body.page .x-section.l1-editors,
    body.page .x-section.l1-article-week{
		padding: 0 !important;
		
	}
	.x-text.area-title h1,
	.x-text.area-title h2{
	font-size: 5rem !important;
	line-height: 5.6rem !important;
	}
	
}

@media (max-width: 480px) {

	
}