/* ==================================================

    2026 Annual Enrollment

================================================== */

#benefits-2026 {

	position: relative;

	height: 500px;

	background: url(../images/WL-2026-Benefits.jpg) center;

	background-size: cover;

	background-repeat: no-repeat;

}



.triangles {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

}



.triangles img {

	position: absolute;

	left: 0;

	bottom: 0;

	height: 200px;

	z-index: 200;

}



.triangles-bg {

	position: relative;

	left: 0;

	bottom: 0;

	height: 121px;

	width: 100%;

	background-color: #293c6d;

}



.oe-category-title {

	position: absolute;

	left: 140px;

	bottom: 20px;

	font-size: 40px;

	color: #fff;

	text-shadow: 1px 2px 0 rgba(51, 51, 51, 0.4);

	animation-name: fadeIn;

	animation-duration: 0.5s;

	animation-delay: 0.25s;

	animation-fill-mode: both;

	animation-timing-function: ease-in-out;

}



@keyframes fadeIn {

	0% {

		opacity: 0;

	}

	100% {

		opacity: 100;

	}

}



.oe-category-title-brow {

	position: absolute;

	left: 200px;

	bottom: 65px;

	color: #fff;

	font-size: 2rem;

	font-weight: normal;

	animation-name: slideIn;

	animation-duration: 0.5s;

	animation-delay: 1s;

	animation-fill-mode: both;

	animation-timing-function: ease-in-out;

}



.oe-section-title {

	margin: 2em 0;

	font-size: 28px;

	text-align: center;

	color: #333;

}



@keyframes slideIn {

	0% {

		left: -450px;

	}



	100% {

		left: 143px;

	}

}



@keyframes zoomIn {

	0% {

		transform: scale(0.5);

		opacity: 0;

	}



	85% {

		transform: scale(1.2);

		opacity: 1;

	}



	100% {

		transform: scale(1);

		opacity: 1;

	}

}



#disclaimer {

	margin: 0 15px;

}



.disclaimer {

	padding: 20px;

	font-size: 0.8rem;

}



/* Benefits Video Section */



.benefits-video-message {

	display: none;

	margin: 250px 0 200px 0;

	min-height: calc(94vh - 444px);

	overflow: hidden;

}



#benefits-videos {

	margin: 15px 0;

}



#benefits-videos .card {

	position: relative;

	margin-bottom: 15px;

	border-radius: 3px;

	border: solid 1px #ccc;

	overflow: hidden;

	min-height: 372px;

}



#benefits-videos .card img {

	width: 100%;

}



#benefits-videos .card .card-body {

	padding: 0 15px;

}



#benefits-videos a:hover,

#benefits-docs a:hover {

	text-decoration: none;

}



.card-img-top-hidden {

	display: none;

}



.card-title {

	text-align: center;

	font-size: 20px;

}



.link-btn {

	position: absolute;

	left: 50%;

	bottom: 10px;

	transform: translateX(-50%);

	width: 45%;

	margin: 10px auto;

	display: block;

	border-radius: 3px;

	border: 1px solid #ccc;

	padding: 10px 20px;

	text-transform: uppercase;

	text-align: center;

}



.link-btn:hover {

	background-color: rgba(0, 175, 236, 0.2);

}



/* Benefits Docs Section */



#benefits-docs {

	margin: 15px 0;

}

.nav-pills > li {

	padding-right: 10px;

}

.nav-pills > li > a {

	font-size: 18px;

	font-weight: normal;

	border: 1px solid #ccc;

	background-color: #fff;

}



.nav-pills > li.active > a {

	background-color: #337ab7;

	border: 1px solid #ccc;

}



#benefits-docs-nav {

	margin: 0 10px;

}



#benefits-guide,

#notices-booklet,

#policies,

#spds,

#sbcs {

	margin: 0 15px;

	display: flex;

	justify-content: center;

	align-content: center;

	align-items: center;

	flex-direction: row;

	flex-wrap: nowrap;

}



.benefits-docs-image {

	padding: 20px;

	text-align: right;

	width: 45%;

}



.benefits-docs-image img {

	width: 100%;

}



.show-doc {

	display: block !important;

}



.hide-doc {

	display: none !important;

}



.list-group li:hover {

	background-color: rgba(0, 175, 236, 0.2);

}



.list-group li a {

	display: block;

}



.list-group li a:hover,

.list-group li a:visited,

.list-group li a:link {

	text-decoration: none;

}



.benefits-docs-list {

	width: 35%;

}



.panel {

	margin-top: 20px;

}



.panel-default > .panel-heading {

	background-image: none;

	background-color: #00afec;

	color: #fff;

	font-size: 16px;

}



.btn-white {

	margin: 10px 20px;

	padding: 10px 0;

	border: 1px solid #ccc;

	border-radius: 5px;

	background-color: #f0efef;

	color: #337ab7;

}



/***** Media Queries *****/



@media (max-width: 1060px) {

	/* Desktop Devices */

	.nav-pills > li > a {

		font-size: 14px;

	}

}



@media (max-width: 992px) {

	.category-title-brow {

		font-size: 1.6rem;

		bottom: 50px;

	}

	.nav-pills > li {

		width: 100%;

		margin-bottom: 10px;

	}

	#benefits-videos .card {

		min-height: 406px;

	}

}



@media (max-width: 767px) {

	/***** iPad Mini Width *****/



	.category-title-brow {

		font-size: 1.4rem;

	}



	.card-title {

		font-size: 18px;

	}



	.link-btn {

		position: static;

		transform: translateX(0);

	}



	#benefits-videos .card {

		min-height: 0;

	}

}



@media (max-width: 735px) {

	/***** iPhone 6 Plus Height *****/



	#benefits-guide,

	#notices-booklet,

	#policies,

	#spds,

	#sbcs {

		flex-direction: column;

	}



	.benefits-docs-image {

		padding-bottom: 0;

		text-align: center;

		width: 85%;

	}



	.benefits-docs-list {

		width: 100%;

	}



	#benefits-2026,

	.marquee-background-2026 {

		height: 400px;

		background-position: -250px;

	}



	.triangles img {

		height: 150px;

	}



	.triangles-bg {

		height: 91px;

	}



	.oe-category-title {

		left: 98px;

		bottom: 15px;

		font-size: 2.125rem;

	}



	.oe-category-title-brow {

		bottom: 45px;

		font-size: 1.75rem;

	}



	.oe-section-title {

		font-size: 2.25rem;

	}



	@keyframes slideIn {

		0% {

			left: -450px;

		}



		100% {

			left: 100px;

		}

	}

}



@media (max-width: 413px) {

	.oe-category-title {

		left: 98px;

		font-size: 1.75rem;

	}



	.oe-category-title-brow {

		font-size: 1.45rem;

	}

}