/* ========
   ADVISORY
   ======= */	
.card__advisory {
	position: relative;
	scroll-margin-top: 200px !important;
	display: flex; }	
	
.card__advisory__date {
	flex-shrink: 0;
	width: 14rem; }	
	
.card__advisory__details {
	flex-grow: 1;
	border-bottom: 2px solid var(--color__light-gray); }	
	

.card__advisory__date p,
.card__advisory__details {
	padding: 2rem 0; }

.card__advisory__details h3 {
	margin-top: 0em; }	
	

.card__advisory__source_list {
	text-transform: uppercase;
	color: var(--color__ocean);
	font-weight: 600;
	font-size: 1.6rem; }		
	
.card__advisory__source_list li {
	display: inline;
	position: relative;
	margin-right: 1em;
	padding-right: 1em; }

.card__advisory__source_list li:before {
	content: '';
	position: absolute;
	display: block;
	top: .25em;
	left: -1em;
	width: 1px;
	height: 1em;
	z-index: 1;
	background: var(--color__sky); }

.card__advisory__source_list li:first-of-type:before {
	content: none; }

.card__advisory__details__content {
	padding-top: 2rem; }
	
	
	
	
	
	
/* List */
@media all and (max-width:600px) {
	
	.card__advisory {
		flex-wrap: wrap; }
		
	.card__advisory__date {
		width: 100%; }	
			
	.card__advisory__date {
		padding-bottom: 0; }
}


/* ===============
   COLOR VARIATION
   =============== */		
.m__theme__light-gray .card__advisory__details {
	border-bottom-color: var(--color__white); }

		
/* =========
   HIGHLIGHT
   ========= */
   
 .elementToFadeInAndOut {
    
}


@keyframes highlight {
  0% { opacity: 0 }
  20% { opacity: 0 }
  60% { opacity: .2 }
  100% { opacity: 0 }
}
 
.card__advisory.highlight:after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: -15px;
	width: calc(100% + 30px);
	height: 100%;
	z-index: -1;
	background: var(--color__sky);
	opacity: 0;
    animation: highlight 2s linear; }