
/* CONTENT ASSETS */
	.content-asset-container .content-tile {
		margin: 30px auto;
	}
	
	.content-asset-container h1:before {
		content: none;
	}

/* HIDE SFRA HERO BANNERS */

	.hero.slant-down.content-page-image {
	    display: none;
	}

	.page-asset .hero-banner {
		height: 25vw;
	}

	.hero h1.page-title {
		display: none;
	}

	.hero a {
		display: none;
	}

	.slant-down:after {
		display: none;
	}


/* COOKIE CONSENT */
	.cc-banner .cc-message {
		color: #ffffff;
	}

/* IFRAME EMBED */
	.embed-container {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
	}
	.embed-container iframe, .embed-container object, .embed-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	
/* FAQ PAGE STYLING  */
	:target {
	  display: block;
	  position: relative;
	  top: -140px; 
	  visibility: hidden;
	}
	
	.faq-answers div {
	    padding: 0 0 10px 0;
	    border-bottom: 1px #CCCCCC;
	    border-bottom-style: dashed;
	}
	
/* TWE TABLE */
	table.tweTable {
	  width: 100%;
	  max-width: 1000px;
	  text-align: left;
	  border-collapse: collapse;
	  margin-bottom: 30px;
	}

	table.tweTable td, table.tweTable th {
	  padding: 8px 4px;
	}

	table.tweTable thead {
	  border-bottom: 1px solid #aaa;
	  border-top: 1px solid #aaa;
	}

	table.tweTable thead th {
	  font-weight: 700;
	  color: #000000;
	  text-align: left;
	}

	table.tweTable td {
		font-family: inherit;
		line-height: 1.5rem;
		color: inherit;
	}


/* OWL CAROUSEL CSS */
	@media screen and (max-width: 575px) {  
	  .mobile-hide {
	    display: none!important;
	  }
	}

	@media screen and (min-width: 576px) {
	  .mobile-only {
	    display: none!important;
	  }
	}

	/* PLP HERO CSS */

	.plp-hero-banner .page-asset .hero-banner {
		height: 20vw;
	}

	@media (max-width: 769px) {
		.plp-hero-banner .page-asset .hero-banner {
			height: 35vw;
		}
		
		.plp-hero-banner {
			margin-bottom: 1rem;
		}
	}
</style>
