/***** Color Scheme *****



    Dark Blue: #0368a3

    Light Blue: #00afec

    Light Blue Border: #00bdff

    Dark Blue Text: #164e85



***** End Color Scheme ******/



/***** Header *****/



.header-logo {

	background-color: #ffffff;

}

.header-bar-link {

	background-color: #00afec;

}

.logoContainer {

	width: 650px;

}

.logoContainer img {

	margin: 25px 25px 20px;

	width: 25%;

}



/***** Top Nav *****/



.navbar-default .navbar-nav > .active > a,

.navbar-default .navbar-nav > .active > a:focus,

.navbar-default .navbar-nav > .active > a:hover {

	background-image: none;

	box-shadow: none;

	color: #fff;

	background-color: #0368a3;

}

.navbar-default .navbar-nav > li > a {

	color: #fff;

	font-weight: bold;

}

.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus {

	color: #0368a3;

}

.navbar-default .navbar-nav > .open > a,

.navbar-default .navbar-nav > .open > a:focus,

.navbar-default .navbar-nav > .open > a:hover {

	color: #0368a3 !important;

	background-color: #e6f5fc;

	background-image: none !important;

}



.dropdown-menu {

	background-color: #e6f5fc !important;

	border: none !important;

}

.dropdown-menu > li > a {

	color: #0368a3;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);

}

.dropdown-menu > li > a.navlink:hover {

	color: darkorange;

	background-color: transparent;

	background-image: none;

}

/***** End Top Nav ******/



/***** Stock Quote *****/



.stock-quote {

	float: right;

	margin: -10px 30px 0 0;

	color: #fff;

	font-weight: bold;

	font-size: 1.5em;

}

.stock-quote-lg {

	float: right;

	margin: 20px 30px 0 0;

	color: #fff;

	font-weight: bold;

	font-size: 1.9em;

}

.stock-percentage-higher {

	color: greenyellow;

}

.stock-percentage-lower {

	color: hotpink;

}

.stock-percentage-no-change {

	color: #fff;

}



/***** End Stock Quote *****/



/***** Social Media Icons *****/



.social-media-container-sm {

	margin: 20px 30px 0 0;

	height: 35px;

}

.social-media-container .social-media-icons {

	margin-top: 10px;

}

.social-media-container-sm .social-media-icons {

	float: right;

}

.social-media-container-sm .social-media-icons li,

.social-media-container .social-media-icons li {

	float: left;

	list-style: none;

}

.social-media-container-sm .social-media-icons li {

	padding: 0 0 0 5px;

}

.social-media-container .social-media-icons li {

	padding: 0 0 0 4px;

}

.social-media-container-sm .social-media-icons li a,

.social-media-container .social-media-icons li a {

	display: block;

	background-color: #3a5896;

	background-repeat: no-repeat;

	background-size: cover;

	background-image: url(../images/Social-Media-Icon-Sprite.png);

}

.social-media-container-sm .social-media-icons li a {

	width: 20px;

	height: 20px;

}

.social-media-container .social-media-icons li a {

	width: 25px;

	height: 25px;

}



.facebook-sm {

	background-position-y: 0;

}

.facebook {

	background-position-y: 0;

}

.linkedin-sm {

	background-position-y: -54px;

}

.linkedin {

	background-position-y: -70px;

}

.twitter-sm {

	background-position-y: -27px;

}

.twitter {

	background-position-y: -34px;

}



/***** End Social Media Icons *****/



/***** End Header *****/



/***** Body *****/



body {

	position: relative;

	font-family: Helvetica, Arial, sans-serif;

}

.main {

	margin-top: 139px;

	max-width: 1366px !important;

	margin: 0 auto;

}

.row.no-gutters {

	margin-right: 0;

	margin-left: 0;

}

.row.no-gutters > [class^="col-"],

.row.no-gutters > [class*=" col-"] {

	padding-right: 0;

	padding-left: 0;

}

.row.no-gutters div:nth-child(2) {

	padding: 0 50px;

}



.category-title {

	font-size: 46px;

	color: #fff;

	text-transform: uppercase;

	position: relative;

	top: 400px;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);

}



/* #employee-policies-programs .category-title {

    font-size: 30px;

} */



.section-margin {

	margin: 0 2%;

}

.section {

	margin-right: -15px !important;

	margin-left: -15px !important;

	padding-bottom: 40px;

}

.section:nth-child(even) {

	background-color: #f2f3f3;

}

.section:nth-child(odd) {

	background-color: #fff;

}

.section-title {

	font-size: 28px;

	text-align: center;

	color: #0368a3 !important;

}

.section-sub-title {

	font-size: 22px;

	text-align: center;

	color: #0368a3 !important;

}

.section-intro {

	font-size: 16px;

	text-align: center;

	line-height: 22px;

}

.section-divider {

	margin: 30px 0;

	border-top: solid 1px #ccc;

}

.section div:last-child {

	padding: 20px;

}

.section-other-details {

	margin: 15px 0 -3px 35px;

	padding: 10px;

	font-size: 14px;

	color: #fff;

	border-radius: 5px;

	background-color: #0368a3;

}

.section-other-details:hover {

	cursor: pointer;

}

.section-other-details + article {

	margin-left: 35px;

	background-color: #3385ad;

	border-bottom-right-radius: 5px;

	border-bottom-left-radius: 5px;

}

.content {

	margin-left: 35px;

}

.fine-print {

	font-size: 11px;

}



.article-title {

	font-size: 20px;

}

.article-links {

	padding-top: 20px;

	padding-bottom: 20px;

}



.article-links li {

	color: #fff;

	padding: 2px 0;

}

.article-links li a:link {

	color: #fff;

}

.article-links li a:visited {

	color: #fff;

}

.article-links li a:hover {

	color: #ccffcc;

}

.article-links li a {

	text-decoration: none;

}



/*.well { height: 280px; margin: 22px 0; background-image: none; background-color: rgba(255,255,255,0.8); box-shadow: 1px 1px 2px #ccc; }

.well h2 {  margin-top: 0 !important; color: #6c658e; }

*/



dl.well {

	margin: 15px;

	float: right;

	width: 35%;

}

.contact-divider {

	margin: 5px 0;

	border-top: solid 1px #ccc;

}



.tabular-tb {

	margin: 15px 0;

	border-top: solid 1px #ccc;

	border-right: solid 1px #ccc;

	width: 100%;

	background-color: #fff;

}

.tabular-tb th,

.tabular-tb td {

	padding: 10px;

	border-bottom: solid 1px #ccc;

	border-left: solid 1px #ccc;

}

.tabular-tb th {

	text-align: center;

	background-color: #0368a3;

	color: #fff;

}

.tabular-tb tr:nth-child(even) {

	background-color: #f3f5f8;

}



/***** Category Images *****/



.marquee-background {

	background: url(../images/angle-blue.png) no-repeat left center;

}

.marquee-background-2 {

	background: url(../images/squares.png) no-repeat left top;

	background-size: 40%;

}



#compensation {

	background: url(../images/compensation.jpg) center center;

}

#health {

	background: url(../images/health.jpg) center center;

}

#retirement {

	background: url(../images/retirement.jpg) center center;

}

#welfare {

	background: url(../images/welfare.jpg) center center;

}

#resources {

	background: url(../images/resources.jpg) center center;

}

#employee-policies-programs {

	background: url(../images/employee-policies-programs.jpg) center center;

}

#caregiving-program {

	background: url(../images/caregiving-program.jpg) center center;

}

#voluntary-benefits-program {

	background: url(../images/Voluntary-Benefits-Program.jpg) center center;

}



#benefits-2024 {

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

}



#compensation,

#health,

#retirement,

#welfare,

#resources,

#employee-policies-programs,

#caregiving-program,

#voluntary-benefits-program,

#benefits-2024 {

	background-size: cover;

	background-repeat: no-repeat;

}

.marquee-background-2026,

.marquee-background-2025,

.marquee-background-2,

.marquee-background,

#compensation,

#health,

#retirement,

#welfare,

#resources,

#employee-policies-programs,

#caregiving-program,

#voluntary-benefits-program,

#benefits-2024 {

	height: 500px;

}



/***** End Category Images *****/



/***** Section Images *****/



#base-variable-pay > :first-child {

	background-image: url(../images/base-pay.jpg);

}

#health-advocate > :first-child {

	background-image: url(../images/health-advocate.jpg);

}

#medical > :first-child {

	background-image: url(../images/medical.jpg);

}

#prescription-drugs > :first-child {

	background-image: url(../images/prescription-drugs.jpg);

}

#dental > :first-child {

	background-image: url(../images/dental.jpg);

}

#vision > :first-child {

	background-image: url(../images/vision.jpg);

}

#fsa > :first-child {

	background-image: url(../images/fsa.jpg);

}

#fitness-programs > :first-child {

	background-image: url(../images/wellness.jpg);

}

#eap > :first-child {

	background-image: url(../images/eap.jpg);

}

#cobra > :first-child {

	background-image: url(../images/cobra.jpg);

}



#savings > :first-child {

	background-image: url(../images/savings.jpg);

}



#life-insurance > :first-child {

	background-image: url(../images/life-insurance.jpg);

}

#add-insurance > :first-child {

	background-image: url(../images/add-insurance.jpg);

}

#disability > :first-child {

	background-image: url(../images/disability.jpg);

}

#leave-guides > :first-child {

	background-image: url(../images/leave-guides.jpg);

}

#holidays > :first-child {

	background-image: url(../images/holidays-2.jpg);

}

#educational-assistance > :first-child {

	background-image: url(../images/tuition-reimbursement.jpg);

}

#westlake-dependent-scholarship-program > :first-child {

	background-image: url(../images/scholarship-program.jpg);

}

#service-awards > :first-child {

	background-image: url(../images/service-awards.jpg);

}



#caregiving > :first-child {

	background-image: url(../images/caregiving.jpg);

}



#voluntary-benefits > :first-child {

	background-image: url(../images/Voluntary-Benefits.jpg);

}



#contacts > :first-child {

	background-image: url(../images/contacts.jpg);

}

#newsletters > :first-child {

	background-image: url(../images/newsletters.jpg);

}

#benefits-enrollment > :first-child {

	background-image: url(../images/2018-benefits-enrollment.jpg);

}

#benefits-enrollment-2019 > :first-child {

	background-image: url(../images/2019-benefits-enrollment.jpg);

}

#benefits-enrollment-2020 > :first-child {

	background-image: url(../images/2020-benefits-enrollment.jpg);

}

#benefits-enrollment-2021 > :first-child {

	background-image: url(../images/2021-benefits-enrollment.jpg);

	background-position: top right !important;

}



#benefits-enrollment-2022 > :first-child {

	background-image: url(../images/2022-benefits-enrollment.jpg);

	background-position: top right !important;

}



#benefits-enrollment-2023 > :first-child {

	background-image: url(../images/2023-benefits-enrollment.jpg);

	background-position: top right !important;

}



#benefits-enrollment-2024 > :first-child {

	background-image: url(../images/2024-benefits-enrollment.jpg);

	background-position: top right !important;

}



#benefits-enrollment-2025 > :first-child {

	background-image: url(../images/2025-benefits-enrollment.jpg);

	background-position: center !important;

}



#benefits-enrollment-2026 > :first-child {

	background-image: url(../images/2026-benefits-enrollment.jpg);

	background-position: center !important;

}



#life-events > :first-child {

	background-image: url(../images/life-events.jpg);

}

#dependent > :first-child {

	background-image: url(../images/dependent.jpg);

}

#covid > :first-child {

	background-image: url(../images/covid.jpg);

}

#spd > :first-child {

	background-image: url(../images/spd.jpg);

}



#base-variable-pay > :first-child,

#health-advocate > :first-child,

#medical > :first-child,

#dental > :first-child,

#vision > :first-child,

#fsa > :first-child,

#eap > :first-child,

#wellness > :first-child,

#cobra > :first-child,

#savings > :first-child,

#life-insurance > :first-child,

#add-insurance > :first-child,

#disability > :first-child,

#holidays > :first-child,

#tuition-reimbursement > :first-child,

#westlake-scholarship-program > :first-child,

#service-awards > :first-child,

#caregiving > :first-child,

#voluntary-benefits > :first-child,

#contacts > :first-child,

#benefits-enrollment > :first-child,

#life-events > :first-child,

#dependent > :first-child,

#spd > :first-child {

	background-repeat: no-repeat;

	background-position: left top;

	background-size: contain;

}



.row.no-gutters img {

	float: right;

}



/***** End Section Images *****/



/***** End Body *****/

/***** Home Page Only *****/

.BOE-Image {

	opacity: 0;

	-webkit-animation: BOE 1.5s ease-out 1.5s forwards;

	animation: BOE 1.5s ease-out 1.5s forwards;

}



@keyframes BOE {

	100% {

		transform: translate(150px, 0);

		opacity: 1;

	}

}

.featured-img {

	margin: 20px 0;

	width: 100%;

	height: auto;

	opacity: 0;

}



/***** Carousel *****/



.carousel-08202024 {

	background-image: url(../images/Slide-2024-Redirct-Care.jpg);

	background-position: center top !important;

}



.carousel-2 {

	background-image: url(../images/Slide-2024-Health-Advocate.jpg);

	background-position: top right !important;

}



.carousel-3 {

	background-image: url(../images/Slide-2024-Tria-Health.jpg);

	background-position: top right !important;

}



.carousel-4 {

	background-image: url(../images/Slide-2023-Lyra-Health.jpg);

	background-position: center right !important;

}



.carousel-5 {

	background-image: url(../images/Slide-Newsletters.jpg);

	background-position: center right !important;

}



.carousel-fade .carousel-inner .item {

	height: 425px !important;

	opacity: 0;

	transition-property: opacity;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center center;

}

.carousel-fade .carousel-inner .active {

	opacity: 1;

}

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

	left: 0;

	opacity: 0;

	z-index: 1;

}

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

	opacity: 1;

}

.carousel-fade .carousel-control {

	z-index: 2;

}



.carousel-caption h2 {

	font-size: 24px;

}



/*

        WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."

        now override the 3.3 new styles for modern browsers & apply opacity

*/



@media all and (transform-3d), (-webkit-transform-3d) {

	.carousel-fade .carousel-inner > .item.next,

	.carousel-fade .carousel-inner > .item.active.right {

		opacity: 0;

		-webkit-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}



	.carousel-fade .carousel-inner > .item.prev,

	.carousel-fade .carousel-inner > .item.active.left {

		opacity: 0;

		-webkit-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}



	.carousel-fade .carousel-inner > .item.next.left,

	.carousel-fade .carousel-inner > .item.prev.right,

	.carousel-fade .carousel-inner > .item.active {

		opacity: 1;

		-webkit-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0);

	}

}



.item a,

.item a:visited {

	color: #00afec;

}



.carousel-caption {

	right: 5%;

	left: 5%;

	padding: 15px 10px 25px 10px; /*border:solid 1px #ccc;*/

	background-color: rgba(0, 0, 0, 0.4);

	border-radius: 5px;

}



/***** End Carousel *****/



/***** End Home Page Only *****/



/***** Contact List *****/



.tbl-contact-list {

	width: 100%;

}



.tbl-contact-list tr {

	width: 50%;

	border-bottom: solid 1px #ccc;

}



.tbl-contact-list tr:last-child {

	border: none;

}



.tbl-contact-list td {

	vertical-align: text-top;

	padding: 6px;

}



.tbl-contact-list dl {

	margin-bottom: 0 !important;

}



.tbl-contact-list .dt-title {

	font-size: 16px;

}



/***** End Contact List *****/



/***** Footer ******/



#contacts-info {

	background: #0368a3 url(../images/Wave.png) no-repeat center center;

	background-size: cover;

	min-height: 250px;

}

#contacts-info > :first-child {

	margin-top: 40px !important;

}

#contacts-info h2,

#contacts-info p {

	color: #fff;

}



.company-links {

	text-align: center;

	min-height: 46px;

}

.company-links h6 a {

	color: #fff;

	text-decoration: none;

}

.company-links h6 a:visited {

	color: #fff;

	text-decoration: none;

}

.company-links h6 a:hover,

.company-links h6 a:focus {

	color: #00bdff;

}



footer .row:nth-child(1) {

	background-color: #333;

	min-height: 47px;

}



.copyright p {

	margin: 12px 0 0 50px;

}

.privacy p {

	float: right;

	margin: 12px 50px 0 0;

}

.copyright p,

.privacy p {

	color: #fff;

	font-size: 0.8em;

}

.copyright a,

.privacy a,

.copyright a:visited,

.privacy a:visited {

	color: #fff;

}

.copyright a:hover,

.privacy a:hover,

.copyright a:focus,

.privacy a:focus {

	color: #ccc;

	text-decoration: underline;

}



/***** End Footer ******/



/***** Modal ******/



#westlake-modal-content p {

	font-size: 0.9em;

}

.btn {

	display: block;

}



/***** End Modal ******/



/***** Callout ******/



.callout {

	position: fixed;

	bottom: 35px;

	right: 20px;

	margin-left: 20px;

	max-width: 300px;

	opacity: 0;

	animation-name: callout;

	animation-delay: 3s;

	animation-duration: 1s;

	animation-fill-mode: forwards;

}



.callout-header {

	padding: 15px;

	background: #ec632d;

	font-size: 16px;

	color: white;

	border-top-left-radius: 5px;

	border-top-right-radius: 5px;

}



.callout-container {

	padding: 15px;

	background-color: #a8a6a7;

	color: #fff;

	border-bottom-left-radius: 5px;

	border-bottom-right-radius: 5px;

}



.closebtn {

	position: absolute;

	top: 5px;

	right: 15px;

	color: white;

	font-size: 30px;

	cursor: pointer;

}



.closebtn:hover {

	color: lightgrey;

}

.callout a {

	color: #fff;

}



.callout a:visited {

	color: #fff;

}

/***** End Callout ******/



/***** Callout Animation ******/



@keyframes callout {

	from {

		bottom: -300px;

		opacity: 0;

	}



	to {

		bottom: 35px;

		opacity: 1;

	}

}



/***** End Callout Animation ******/



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



@media (min-width: 993px) {

	/* Desktop Devices */



	/*.item { min-height:683px; }*/

	.display-lg-device {

		display: block;

	}

	.display-sm-device {

		display: none;

	}

	.navbar .navbar-nav {

		display: inline-block;

		float: none;

		vertical-align: top;

	}

	.navbar .navbar-collapse {

		text-align: center;

	}

	.nav li a {

		padding: 5px 10px;

	}

}



@media (max-width: 992px) {

	/*.item { min-height:450px; }*/

	.stock-quote {

		margin: 10px 30px 0 0;

	}

	.marquee-background,

	.marquee-background-2,

	#compensation,

	#health,

	#retirement,

	#welfare,

	#resources,

	#employee-policies-programs,

	#caregiving-program,

	#voluntary-benefits-program,

	#benefits-2022,

	#benefits-2023,

	#benefits-2024 {

		height: 300px;

	}

	.marquee-background {

		background-position: -150px center !important;

	}

	.marquee-background-2 {

		background-size: 40%;

		background-position: left top !important;

	}



	.category-title {

		font-size: 36px;

		color: #fff;

		text-transform: uppercase;

		position: relative;

		top: 220px;

	}

	/* #employee-policies-programs .category-title {

        font-size: 28px;

    } */

	.display-lg-device {

		display: none;

		background-image: none !important;

	}



	.display-sm-device {

		display: block;

		padding: 10px 0 20px 0;

		background-color: #00afec;

	}



	.navbar {

		margin-bottom: 0;

		min-height: 0;

	}



	.navbar-header {

		float: none;

	}

	.navbar-toggle {

		display: block;

		margin: 25px 25px 0 25px;

		background-color: #00afec;

	}

	.navbar-default .navbar-toggle:hover,

	.navbar-default .navbar-toggle:focus {

		background-color: #00bdff;

	}

	.navbar-default .navbar-toggle .icon-bar {

		background-color: #fff;

	}

	.navbar-collapse {

		float: none !important;

		border: none;

		padding: 10px 20px 0 35px;

	}

	.navbar-collapse.collapse {

		display: none !important;

	}

	.navbar .navbar-collapse {

		text-align: left;

	}



	.navbar-nav {

		margin: 7.5px 15px;

	}

	.navbar-nav > li {

		float: none;

		position: relative;

		display: block;

		left: 20px;

		background-color: none !important;

	}

	.navbar-default .navbar-nav > .open > a {

		background-color: transparent !important;

	}

	.navbar-default .navbar-nav > .active > a,

	.navbar-default .navbar-nav > .open > a {

		box-shadow: none;

	}

	.navbar-nav > li > a {

		padding-top: 5px;

		padding-bottom: 5px;

	}

	.navbar-text {

		float: none;

		margin: 5px 0;

	}



	.dropdown-menu {

		position: static !important;

		top: 0;

		float: none;

		z-index: 0;

		background-color: transparent !important;

		box-shadow: none !important;

	}



	.dropdown-menu > li > a {

		color: #fff;

		font-weight: bold;

		font-size: 12px;

		padding-left: 30px;

		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);

		line-height: 20px !important;

	}

	.dropdown-menu > li > a.navlink:hover {

		color: #333;

		font-weight: bold;

		background-color: transparent;

		background-image: none;

	}

	/* since 3.1.0 */

	.navbar-collapse.collapse.in {

		display: block !important;

		height: auto;

	}

	.collapsing {

		overflow: hidden !important;

	}

}



@media (max-width: 767px) {

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

	.navbar-nav {

		margin: 7.5px -25px !important;

	}

	.dropdown-menu > li > a {

		color: #fff !important;

		font-weight: bold;

		font-size: 12px !important;

		padding-left: 30px !important;

		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);

	}

	.dropdown-menu > li > a.navlink:hover {

		color: #333 !important;

		font-weight: bold;

		background-color: transparent;

		background-image: none;

	}



	.copyright p {

		margin: 5px 0 0 0;

		text-align: center;

	}

	.privacy p {

		float: none;

		margin: 5px 0 0 0;

		text-align: center;

	}



	.stock-quote-lg {

		float: left !important;

	}



	.logoContainer img {

		width: 150px;

	}



	h1.category-title {

		font-size: 28px;

	}



	h2.section-title {

		font-size: 18px;

	}

}



@media (max-width: 735px) {

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

	.marquee-background,

	.marquee-background-2,

	#compensation,

	#health,

	#retirement,

	#welfare,

	#resources,

	#employee-policies-programs,

	#caregiving-program,

	#voluntary-benefits-program,

	#benefits-2022,

	#benefits-2023,

	#benefits-2024 {

		height: 200px;

	}

	.marquee-background {

		background-position: -275px center !important;

	}

	.marquee-background-2 {

		background-size: 25%;

		background-position: left top !important;

	}



	h1.category-title {

		font-size: 16px;

		color: #fff;

		text-transform: uppercase;

		position: relative;

		top: 140px;

	}

	/* #employee-policies-programs .category-title {

        font-size: 12px;

    } */



	.row.no-gutters div:nth-child(2) {

		padding: 0 20px;

	}

	.content,

	.content ul {

		margin-left: 0;

	}

	.section-other-details {

		margin: 0 0 -5px 0;

	}

	.article-links {

		margin-left: 0;

	}

	.section-other-details + article {

		margin-left: 0;

	}

	dl.well {

		margin: 10px auto 0 auto;

		float: none;

		width: 85%;

	}

}



@media (max-width: 413px) {

	/***** iPhone 6 Plus Width *****/

	/* #employee-policies-programs .category-title {

        top: 110px;

    } */

}



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