/* Air badge for the link AI Receptionist */
[data-ai="air"] .links-list__link-text{
	position: relative;
}
[data-ai="air"] .links-list__link-text:after{
	content: url("/content/dam/rc-www/en_us/images/content/navigation/air-badge.svg");
	width: 28px;
	margin-left: 8px;
	position: absolute;
	top: 0px;
}
[data-dl-cmp="Products"] .primary-nav__dropdown .links-list[data-padding="vertical"] .links-list__link{
		padding-top: 12px;
		padding-bottom: 12px;
}

/* Animation for the navigation START*/
@media(min-width: 1230px) {
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] .link-card:after,
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] .links-list .links-list__link:after{
		content: '';
		position: absolute;
		left: 8px;
		top: 4px;
		width: calc(100% - 16px);
		height: calc(100% - 8px);
		transform: scale(.7);
		opacity: 0;
		background-color: rgba(43, 41, 38, 0.04);
		z-index: -1;
		border-radius: 16px;
		transition: all .5s ease-in-out;
	}
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] .links-list .links-list__link:after{
		height: 100%;
		top: 0px;
		background-color: rgba(43, 41, 38, 0.04);
	}
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] .links-list .links-list__link:after{
		background-color: rgba(43, 41, 38, 0.04);
	}
    html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] .link-card:before,
    html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] [data-grid-wrapper="padding"] .grid-item__parsys > .background:before {
        content: '';
        position: absolute;
        width: calc(100% - 24px);
        height: 1px;
        background-color: rgba(43 41 38 / 20%);
        left: 12px;
        bottom: -8px;
        opacity: 0;
        transition: opacity .3s ease-in-out;
    }
    html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] [data-grid-wrapper="padding"]>.grid__parsys>.grid-item:hover .link-card:before,
    html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] [data-grid-wrapper="padding"]>.grid__parsys>.grid-item:hover .background:before{
        opacity: 1;
        transition: opacity .3s .2s ease-in-out;
    }
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] .links-list .links-list__link:after {
		left: -16px;
		width: calc(100% + 32px);
		border-radius: 12px;
	}
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] .link-card:hover:after,
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] .links-list .links-list__link:hover:after{
		opacity: 1;
		transform: scale(1);
	}
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] [data-grid-wrapper="padding"] .link-card .link-card__parsys > *,
    html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] .grid-item__parsys > .background > .background__wrapper  > .background__content > * {
		margin-left: 0;
		margin-right: 0;
		left: 0;
	}
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] [data-grid-wrapper="padding"] .link-card,
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] [data-grid-wrapper="padding"] >.grid__parsys > .grid-item > .grid-item__parsys > *{
		border: none;
		padding: 0 24px;
		z-index: 2;
	}
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] [data-grid-wrapper="padding"]>.grid__parsys>.grid-item>.grid-item__parsys>.custom-text {
		margin-left: 0;
		margin-right: 0;
	}
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] [data-grid-wrapper="padding"]>.grid__parsys>.grid-item>.grid-item__parsys>.grid {
		margin-right: 12px;
		margin-left: 12px;
	}
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] [data-grid-wrapper="padding"] .link-card:hover{
		background-color: transparent;
		border-color: transparent;
	}
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] [data-grid-wrapper="padding"]>.grid__parsys>.grid-item>.grid-item__parsys {
		position: relative;
	}
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] .links-list {
		position: relative;
		padding-left: 24px;
		padding-right: 24px;
		z-index: 2;
	}
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] [data-grid-wrapper="padding"] .links-list:nth-child(3) {
		margin-top: 16px;
	}
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] .custom-text:nth-child(3) {
		margin-top: 39px;
	}
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] .links-list .links-list__link {
		padding-left: 0;
		padding-right: 0;
		position: relative;
	}
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] .links-list .links-list__link:hover{
		background-color: transparent;
	}
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] [data-grid-wrapper="padding"]>.grid__parsys>.grid-item:hover .links-list{
		background-color: transparent;
		border-radius: 20px;
	}
	html:not(.aem-AuthorLayer-Edit) .primary-nav__hover-element {
		position: absolute;
		z-index: 1;
		color: transparent;
		width: calc(100% - 18px);
		height: 138px;
		border-radius: 20px;
		top: -5px;
		left: 9px;
		/*background: rgba(43, 41, 38, 0.20);*/
		transition: height .5s cubic-bezier(0.165, 0.840, 0.440, 1.000);
		box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.05);
	}
	
	/* background for the link card */
	
	html:not(.aem-AuthorLayer-Edit) .primary-nav__hover-element:before{
		content: '';
		position: absolute;
		top: 1px;
		left: 1px;
		border-radius: 19px;
		width: calc(100% - 2px);
		height: calc(100% - 2px);
		background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.30) 100%);
	}
	/* growing of the background on hover of the parent element */
	
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] [data-grid-wrapper="padding"]>.grid__parsys>.grid-item:hover .primary-nav__hover-element {
		height: calc(100% + 20px);
		/*background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);*/
	}
	html:not(.aem-AuthorLayer-Edit) .primary-nav__hover-element:after {
	    position: absolute;
	    inset: 0;
	    padding: 1px;
	    border-radius: inherit;
	    content: '';
	    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	    --m: conic-gradient(#000 0 0);
	    mask: var(--m) content-box exclude, var(--m);
	}
}
@media(max-width: 1229px) {
	html:not(.aem-AuthorLayer-Edit) .primary-nav__hover-element {
		display: none;
	}
}
@media (min-width: 1230px) and (max-width: 1384px) {
	html:not(.aem-AuthorLayer-Edit) .primary-nav__hover-element {
		height: 163px;
	}
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] .link-card,
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] [data-grid-wrapper="padding"]>.grid__parsys>.grid-item>.grid-item__parsys>.background {
		min-height: 156px;
		max-height: 156px;
	}
}
@media (max-width: 1229px) {
	
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] [data-grid-wrapper="padding"] .link-card:after {
	    position: absolute;
	    inset: 0;
	    padding: 1px;
	    border-radius: inherit;
	    content: '';
	    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	    --m: conic-gradient(#000 0 0);
	    mask: var(--m) content-box exclude, var(--m);
	}
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] [data-grid-wrapper="padding"] .link-card:hover{
		background: white;
	}
	html:not(.aem-AuthorLayer-Edit) [data-dl-cmp="Products"] [data-grid-wrapper="padding"] .link-card:hover:after{
		display: none;
	}

}
/* Animation for the navigation END*/