/*
* =Containers
------------------------------------------------------------------------------*/
.incentives-detail-container { position:relative; }
.incentives-detail-container .incentives-header h1 { text-transform:capitalize; font-weight:700; font-size:1.8em; line-height:1; }

/* ==general helpers */
.incentives-detail-container em { font-style:italic; }

/*
* =OFFER TYPES / Facet Group
------------------------------------------------------------------------------*/
.ie7 .incentives-detail-container .facet-group .mod.type-1 { width:200px; }
.incentives-detail-container .facet-group .mod.type-1 { margin:0 0 20px; padding:14px 0 0; min-width:200px; border-width:1px 1px 0; }
.incentives-detail-container .facet-group .mod.type-1 li a { display:block; margin:0; padding:0 0 0 22px; list-style-type:none; text-transform:capitalize; line-height:1.8; }
.incentives-detail-container .facet-group .mod.type-1 li a:link,
.incentives-detail-container .facet-group .mod.type-1 li a:visited,
.incentives-detail-container .facet-group .mod.type-1 li a:hover,
.incentives-detail-container .facet-group .mod.type-1 li a:active { text-decoration:none; font-size:13px; }
.lnk-back { margin-left:20px; }

/* ==Portamento (Plugin) specific classes */

#portamento_container { position:relative; float:left; } /* take the positioning of the sidebar, and become the start point for the sidebar positioning */
#portamento_container .facet-group { position:absolute; float:none;  } /* no need to float anymore, become absolutely positoned */
#portamento_container .facet-group.fixed { position:fixed; } /* if the panel is sliding, it needs position:fixed */

/*
* =OFFER DETAILS
------------------------------------------------------------------------------*/
.incentives-detail-container { margin:1em 0 0 0; }
/* ==current trim */
.current-trim { margin:2em 0 0 0; }
.current-trim img { display:block; padding:20px; width:156px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.mobile .current-trim img { width: 100%; }
.trim-overview h2 { display:inline-block; font-weight:700; font-size:1.4em; }
.trim-overview .btn.btn-sm { margin:0 0 1em 1em; }
/* ==offer listing */
.offers-listing { margin:5em 0 0; }
.mobile .offers-listing h3 a { padding-top: 65px;}
.offers-listing header { background-color:transparent; }
.offers-listing header h3 { text-transform:capitalize; font-size:1.8em; line-height:1; }
.offers-listing header h3 a { text-decoration:none; cursor:default; }
.offers-listing article { margin:1.5em 0 0 2em; }
.offers-listing article hr { border-color: grey}
.mobile .offers-listing article { margin-left: 0; }
.offers-listing article h4 { font-weight:700; font-size:1.4em; }
.offers-listing article hgroup { position:relative; margin:0; padding-top:2em; }
.offers-listing article header h3 { font-weight:700; font-size:1.4em; line-height:1.5; }
.offers-listing article header h4 { position:absolute; top:2px; font-weight:normal; font-size:1em; }
.offers-listing .valid-date { display:inline-block; margin:1em 0 0; padding:4px 8px; }
.offers-listing .action { margin:.6em 0 0; display: flex; flex-wrap: wrap }
.offers-listing footer { margin:1em 0 3em; background-color:transparent; }
.incentives-listing-trims .content ul li { font-size:.8em; font-style: normal; font-weight: bold; }
.disclaimers { margin:1em 0; }
.offers-listing:last-child,.offers-listing article:last-child { border:none; }
.offers-listing .incentive-content,.offers-listing .offer-details { margin:1em 0 0; }
.incentive-content li { list-style: none; }
.no-incentives em { font-weight:bold;  font-style:italic; }
.offer-trims li { font-style: italic; }
.offer-value {
	line-height: 1.75em;
}
.incentives-detail-container .facet-group label {
	padding-left: 0;
}
.offer-detail-wrap .offers-listing {
	order: 100; /* setting flex order very high so we can order detail tiles easily */
	transition: max-height 1s linear, opacity .25s linear;
	max-height: 50000px;
}
.offer-detail-wrap .offers-listing.animate-hide {
	max-height: 0px;
	transition: max-height .75s linear, opacity .25s linear;
	margin: 0;
}
.incentives-search-detail .hidden {
	display: none;
}
.remove-offer {
	cursor: pointer;
	float: right;
}
.offer-row .view-offer {
	display: none;
}
.offer-row.selected .view-offer {
	display: inline;
}