/* ldc-custom.css */

/* Fonts */
@font-face {
    font-family: 'DIN Condensed';
    src: url('../fonts/din-condensed/DNC57.ttf') format('ttf');
}

@font-face {
    font-family: 'Bebas';
    src:url('../fonts/bebas/Bebas.ttf.woff') format('woff'),
        url('../fonts/bebas/Bebas.ttf.svg#Bebas') format('svg'),
        url('../fonts/bebas/Bebas.ttf.eot'),
        url('../fonts/bebas/Bebas.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

body {
    font-size: 16px;
    top: 0px !important;
    position: static !important;
}

ul, ol {
    margin-left: 2em;
}

p {
    margin: 0 0 1em 0;
}

h1,h2,h3,h4 {
    margin: .5em 0 .75em 0;
}

.btn-primary {
	background-color: #1f3b72;
}

.greyicon {
		  background-color: #333;
		  border-radius: 2px;
		  cursor: pointer;
		  display: block;
		  font-size: 16px;
		  height: 32px;
		  line-height: 32px;
		  padding: 5px 0 0 10px;
		  text-align: center;
		  width: 32px;
		  z-index: 11;
		}	
		
.dark #header.full-header #header-wrap:not(.not-dark) #logo, #header.full-header.dark #header-wrap:not(.not-dark) #logo {
  border-right: none;
}		

#logo img.print-logo {
  display: none;
}

.mt0 { margin-top: 0; }
.mb0 { margin-bottom: 0; }
.mt05 { margin-top: 0.5em; }
.mb05 { margin-bottom: 0.5em; }
.mt10 { margin-top: 1.0em; }
.mb10 { margin-bottom: 1.0em; }
.mt15 { margin-top: 1.5em; }
.mb15 { margin-bottom: 1.5em; }
.mt20 { margin-top: 2.0em; }
.mb20 { margin-bottom: 2.0em; }
.mt25 { margin-top: 2.5em; }
.mb25 { margin-bottom: 2.5em; }
.mt30 { margin-top: 3.0em; }
.mb30 { margin-bottom: 3.0em; }
.mt30px { margin-top: 30px; }
.mt50px { margin-top: 50px; }
.mb50px { margin-bottom: 50px; }
.mt80px { margin-top: 80px; }
.mb80px { margin-bottom: 80px; }
.mt-10 { margin-top: -1.0em; }
.mb-10 { margin-bottom: -1.0em; }
.mt-15 { margin-top: -1.5em; }
.mb-15 { margin-bottom: -1.5em; }
.mt-20 { margin-top: -2.0em; }
.mb-20 { margin-bottom: -2.0em; }

.pt15 { padding-top: 1.5em; }
.pt30 { padding-top: 3.0em; }
.pb15 { padding-bottom: 1.5em; }
.pb30 { padding-bottom: 3.0em; }

.pb05px { padding-bottom: 5px; }
.pb10px { padding-bottom: 10px; }
.pb15px { padding-bottom: 15px; }
.pb20px { padding-bottom: 20px; }
.pt05px { padding-top: 5px }
.pt10px { padding-top: 10px; }
.pt15px { padding-top: 15px }
.pt20px { padding-top: 20px; }

.ml0 { margin-left: 0; }
.ml05 { margin-left: 0.5em; }
.ml10 { margin-left: 1.0em; }
.ml15 { margin-left: 1.5em; }
.ml20 { margin-left: 2.0em; }
.ml25 { margin-left: 2.5em; }
.ml30 { margin-left: 3.0em; }

.mr0 { margin-right: 0; }
.mr05 { margin-right: 0.5em; }
.mr10 { margin-right: 1.0em; }
.mr15 { margin-right: 1.5em; }
.mr20 { margin-right: 2.0em; }
.mr25 { margin-right: 2.5em; }
.mr30 { margin-right: 3.0em; }

.pl0 { padding-left: 0; }
.pl05 { padding-left: 0.5em; }
.pl10 { padding-left: 1.0em; }
.pl15 { padding-left: 1.5em; }
.pl20 { padding-left: 2.0em; }
.pl25 { padding-left: 2.5em; }
.pl30 { padding-left: 3.0em; }

.pr0 { padding-right: 0; }
.pr05 { padding-right: 0.5em; }
.pr10 { padding-right: 1.0em; }
.pr15 { padding-right: 1.5em; }
.pr20 { padding-right: 2.0em; }
.pr25 { padding-right: 2.5em; }
.pr30 { padding-right: 3.0em; }

.ml05px { margin-left: 5px; }
.ml10px { margin-left: 10px; }
.ml15px { margin-left: 15px; }
.ml60px { margin-left: 60px; }

.mr05px { margin-right: 5px; }
.mr10px { margin-right: 10px; }
.mr15px { margin-right: 15px; }
.mr60px { margin-right: 60px; }

.pl05px { padding-left: 5px; }
.pl10px { padding-left: 10px; }
.pl15px { padding-left: 15px; }
.pl60px { padding-left: 60px; }
.pr60px { padding-right: 60px; }

h3 { line-height:1.25; }

#content {
    width: 100%;
}

#content .feature-box p {
	line-height:1.2;
}

.event .month, .event .day {
  display: block;
  font-size: 1.6rem;
  width: 100%;
  color:#fff;
}
.event .month {
  text-transform: uppercase;
}

.event .date {
  text-align: center;
  padding: 1.5rem 0;
  text-align: center;
  background-color: #e86c00;
}

.event.training .date {
	background-color: #00498F;
}

.event {
	background-color: #E5E5E5;
	margin: 0 0;
}

.bg-light-blue .event,
.bg-light-gray .event {
	background-color: #fff;
}

.event .details {
	color:#000;
	padding:10px;
}	

.event .details .event-title {
	font-weight:bold;
}

.event .details .event-time {
  color: #777;
}

.viewAll {
  display: inline-block;
  float: right;
  position: absolute;
  right: 15px;
  top: 20px;
}


@media screen and (max-width: 768px) {
	.viewAll {
	  display: block;
	  position:relative;
	  right: 0;
	  top: 0;	
	  float: none;
	  padding-bottom:15px;
	    
	}	
}

#content .news-title {
	color:#000;
	line-height:1.25;
	padding-top:10px;
}

.content-wrap {
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}


.mission {
	font-family: Raleway,sans-serif; 
	/*font-size:3.25rem;*/
	font-size:2.5rem;
	line-height:3.75rem;
	font-weight:400;
}

@media screen and (max-width: 768px) {
	.mission {	
		font-size:1.8rem; 
		line-height:2.2rem; 
	}	
}


#top-search form input {
  /*background-color: rgba(0, 0, 0, 0.3);*/
  background-color: #222;
  border: 0 none;
  border-radius: 3px;
  box-shadow: none !important;
  color: #fff;
  font-family: "Raleway",sans-serif;
  font-size: 25px;
  font-weight: 400;
  height: calc(100% - 20px);
  letter-spacing: 1px;
  margin-top: 10px !important;
  outline: 0 none !important;
  padding: 10px 80px 10px 0;
  pointer-events: none;
}
#top-search form input::-moz-placeholder {
  color: #555;
  opacity: 1;
  text-transform: none;
}

#top-search, #top-cart, #side-panel-trigger {
  float: right;
  margin: 30px 0 0px 0;
}

#header.sticky-header:not(.static-sticky) #top-search, 
#header.sticky-header:not(.static-sticky) #top-cart, 
#header.sticky-header:not(.static-sticky) #side-panel-trigger,
#header.sticky-header:not(.static-sticky) #gtranslate {
  margin-top: 15px !important;
}

.sliderMainTitle .slideLink {
   text-shadow: 0 0 6px #fff !important;
}

@media (max-width: 991px) {
	#side-panel-trigger {
		margin: 33px 0 0 20px;
		/* padding-left: 20px; */
	}

    #top-search-trigger, #top-search a {
        margin-top: 38px;
    }

    .top-search-open #top-search-trigger {
        margin: 30px 0 0 0;
      }

	#top-search {
		height: 0;
	}

	#top-search form {
		height: 85px !important;
	}

	.slider-caption {
		bottom: auto;
		left: auto;
		position: relative;
		margin: 0;
		max-width: none;
		right: auto;
		top: auto;
		transform: none;
		width: 100%;
	}

	.slider-caption-top-right, .slider-caption-top-left, .slider-caption-bottom-right, .slider-caption-bottom-left, .slider-caption-right, .slider-caption-left, .slider-caption-center {
		transform: translateY(30%) !important;
	}

	#slider-arrow-left, #slider-arrow-right {
		display: none;
	}

	.swiper-pagination {
		bottom: 0px !important;
		background: black;
	}

    #logo {
        text-align: left;
        display: inline-block;
    }

}

@media screen and (max-width: 768px) {
	#top-search form input {
	  font-size: 12px;
	  padding: 25px 10px;
	}	
}

@media (max-width: 479px) {
  #logo {
    height: 80px;
  }

  #logo img {
    /*height: auto;*/
    height: 80px;
  }

  #top-search-trigger, #top-search a {
    margin: 35px 0 0 0;
	 right: -20px;
  }

  #side-panel-trigger {
    margin: 30px 0 0 0;
	 right: 0;
  }

  #top-search form {
    height: 50px !important;
  }

  .top-search-open #top-search-trigger {
    margin: 25px 5px 0 0;
  }
}

.nav-tree a {
	color:#fff;
}
.nav-tree li:hover > a, .nav-tree li.current > a, .nav-tree li.active > a {
  color: #fff !important;
}

.nav-tree ul ul {
  margin-left: 0;
}

.dark .sidebar-widgets-wrap .widget, body.dark #side-panel .widget, body #side-panel.dark .widget {
  border-top: none;
}
#side-panel .widget {
	padding-top: 0;
	margin-top: 20px;
  /* padding-top: 20px; */
}
#side-panel .side-panel-wrap {
  padding: 20px 40px 50px;
}
.dark .i-rounded:hover {
	background-color: #88a7dd;
}

.dark #header-wrap {
	background-color: #333333;
}

.panel-close-label {
  padding:8px 10px 0 0; 
  display:inline-block; 
  color:#fff; 
  font-size:14px; 
  text-transform:uppercase; 
}

.panel-close-icon {
	float:right;
	color: #fff;
}
.panel-close-icon a {
	color: #fff;
}

#join-parallax {
	 background-size: cover;
}

@media screen and (max-width: 768px) {
	#join-parallelex {
		background-size:auto;
		background-position: center;
	}	
}

.bg-light-gray {
	background-color: #eee;
    width: 100%;
    display: block;
    overflow: hidden;
}

.bg-light-blue {
	background-color: rgba(0,73,143,.1);
    width: 100%;
    display: block;
    overflow: hidden;
}

/* Icon Box Stuff */
.feature-box {
  margin-bottom: 30px;
}

.feature-box.fbox-bg.fbox-center {
  margin-top: 85px;
}

.feature-box .fbox-icon i, 
.feature-box .fbox-icon img {
  background-color: #0867c3;
}

.feature-box.fbox-gold .fbox-icon i,
.feature-box.fbox-gold .fbox-icon img {
    background-color: gold;
}

.feature-box.fbox-silver .fbox-icon i,
.feature-box.fbox-silver .fbox-icon img {
    background-color: silver;
}

.feature-box.fbox-silver .fbox-icon i,
.feature-box.fbox-silver .fbox-icon img {
    background-color: silver;
}

.feature-box.fbox-bronze .fbox-icon i,
.feature-box.fbox-bronze .fbox-icon img {
    background-color: #CD7F32;
}

img.imgFloatLeft {
    float: left;
    margin: 2px 15px 2px 2px;
    border: 0 none;
    /*border-radius: 7px 0 7px 0;*/
    padding: 0;
}

@media (max-width: 479px) {
    img.imgFloatLeft {
        float: none;
        display: block;
        margin: 0 auto;
        margin-bottom: 1em;
    }
}

/* Custom Calendar */

.calendarTable {
    width: 100%;
    /*border: 1px solid #444;*/
    border-spacing: 1px;
    border-collapse: separate;
    background-color: #444;
}

    .calendarTable td {
        padding: .5em;
        background-color: #efefef;
    }

    .calendarTable .month-grid-day-standard {
        background-color: white;
    }

    .calendarTable .month-grid-subheader td {
        background-color: #444;
        color: white;
        text-align: center;
        padding: .5em;
    }

    .calendarTable .month-grid-day-event {
        background-color: #e6f6ff;
    }

    .calendarTable .month-grid-day-current {
        background-color: #ffffe6;
    }

    .calendarTable .month-grid-header {
        background-color: white;
    }

    .month-grid-header .prev, 
    .month-grid-header .month, 
    .month-grid-header .next {
        float: left;
    }

    .month-grid-header .prev, 
    .month-grid-header .next {
        width: 30%;
    }

    .month-grid-header .prev a, 
    .month-grid-header .next a {
        display: inline-block;
        padding: 3px 8px;
        /*border: 1px solid #666;*/
        /*border-radius: 3px;*/
        margin: 5px;
    }

    .month-grid-header .month {
        width: 40%;
        text-align: center;
        font-weight: 800;
        font-size: 1.5em;
    }

    .month-grid-header .next {
        text-align: right;
    }

    /*.month-grid-header i {
        line-height:1em;
    }*/

.calendar-list {
    display: none;
    margin-top: 50px;
}

    .calendar-list .calendar-list-date {

    }

    .calendar-list .calendar-list-events {
        list-style: none; 
        margin: 1em 0 2em 0;
        padding: 0;
    }

        .calendar-list .calendar-list-events li {
            padding: 1em 0;
            border-bottom: 1px solid #efefef;
        }

        .calendar-list .calendar-list-events .calendar-list-event-title {
            font-size: 1.2em;
        }

@media (max-width: 767px) {
    .calendarTable {
        display: none;
    }

    .calendar-list {
        display: block;
    }
}

.btn-training-register {

}

.entry-meta {
    display: block;
    overflow: hidden;
    margin-bottom: 1em;
}

/* Makes CommonSpot container element icons compatible with Bootstrap */
.container-fluid > .cs_elementUI {
    margin-left: -15px;
}

.container-fluid > .cs_cinfobar {
    margin-left: -15px;
}

.container > .cs_elementUI {
    margin-left: -15px;
}

.container > .cs_cinfobar {
    margin-left: -15px;
}

/* Workaround classes for removing extra padding for some containers */
main.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px;
}

main.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px;
}

/* Copyrights
-----------------------------------------------------------------*/
.copyrights {
	padding: 40px 0;
	background-color: #DDD;
	font-size: 14px;
	line-height: 1.8;
}

.copyrights i.footer-icon {
	position: relative;
	top: 1px;
	font-size: 14px;
	width: 14px;
	text-align: center;
	margin-right: 3px;
}

.copyrights .col_half { margin-bottom: 0 !important; }

.copyrights a:first-child { margin-left: 0; }

.copyrights .tright a:last-child { margin-right: 0; }

@media (max-width: 767px) {

	.copyrights .col_half { text-align: center; }

	.copyrights .col_half:last-child { display: none; }

	.copyrights .footer-logo {
		margin-left: auto;
		margin-right: auto;
	}

}

.dark .copyrights {
	background-color: rgba(0,0,0,0.2);
	color: rgba(255,255,255,0.5);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.dark .copyrights a {
	color: rgba(255,255,255,0.5);
}
.dark .copyrights a:hover {
	text-decoration:underline;
}

.dark .copyrights .col_last .text-right i {
	padding-right: 4px;
}

.dark .copyrights i.footer-icon { color: rgba(255,255,255,0.3); }

/* Search Results */

.pagination {
  margin-left: auto;
  margin-right: auto;
}

.search-results {
  list-style: none;
  margin: 0;
  padding: 0;
}

  .search-results .results {
    padding: .5em 0;
    border-bottom: 1px solid #dedede;
  }

  .search-results .results a {
    display: block;
    padding: 10px;
  }

  .search-results .results a:hover {
    background-color: #efefef;
  }

  .search-results .long_title {
    font-weight: 800;
    display: block;
  }

  .search-results .desc {
    color: #555;
    display: block;
    font-size: .8em;
  }

  .search-results .search_link {
    display: block;
    font-size: .8em;
  }
  
/**** Site Comment Form Overrides ****/

input.short-textarea {
	/* intentionally blank */
}

textarea.short-textarea {
	/* text area specifc styles here */
}

.csformFieldContainer-custom {
	width: 100%;
}



/* ----------------------------------------------------------------
	Primary Menu
-----------------------------------------------------------------*/


.ldcMenu { 
	float: right  !important; 
	/*margin-top: -10px !important;*/
}

.ldcMenu ul.mobile-primary-menu { display: none; }

@media(max-width: 479px) {
    #primary-menu{ 
        display: none;
    }
}

#header.full-header .ldcMenu > ul {
	float: left;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #EEE;
}

#header.transparent-header.full-header .ldcMenu > ul { border-right-color: rgba(0,0,0,0.1); }

#primary-menu-trigger,
#page-submenu-trigger {
	opacity: 0;
	pointer-events: none;
	cursor: pointer;
	font-size: 14px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.ldcMenu ul {
	list-style: none;
	margin: 0;
}

.ldcMenu > div > ul { float: left; }

.ldcMenu div ul li { position: relative; }

.ldcMenu div ul li.mega-menu { position: inherit; }

.ldcMenu div > ul > li {
	float: left;
	margin-left: 2px;
}

.ldcMenu > div > ul > li:first-child { margin-left: 0; }

.ldcMenu > div > ul > li > a {
	display: block !important;
	line-height: 22px !important;
	/* padding: 39px 15px !important; */
	/* jtp color: #FFF !important; */
	color: #999 !important;
	font-weight: bold !important;
	font-size: 13px !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	font-family: 'Raleway', sans-serif !important;
	-webkit-transition: margin .4s ease, padding .4s ease;
	-o-transition: margin .4s ease, padding .4s ease;
	transition: margin .4s ease, padding .4s ease;
}


.ldcMenu > div > ul > li > a:hover {
	color: #ddd !important;
}


.ldcMenu div ul li > a span { display: none; }

.ldcMenu div ul li > a i {
	position: relative;
	top: -1px;
	font-size: 14px;
	width: 16px;
	text-align: center;
	margin-right: 6px;
	vertical-align: top;
}

.ldcMenu div ul li > a i.icon-angle-down:last-child {
	font-size: 12px;
	margin: 0 0 0 5px;
}

.ldcMenu  ul li:hover > a,
.ldcMenu  ul li.current > a { color: #00498f; }

.ldcMenu > div ul > li.sub-menu > a > div { }

body.no-superfish .ldcMenu li:hover > ul:not(.mega-menu-column),
body.no-superfish .ldcMenu li:hover > .mega-menu-content { display: block; }

.ldcMenu div ul ul:not(.mega-menu-column),
.ldcMenu div ul li .mega-menu-content {
	display: none;
	position: absolute;
	width: 220px;
	background-color: #FFF;
	box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
	border: 1px solid #EEE;
	border-top: 2px solid #00498f;
	height: auto;
	z-index: 199;
	top: 100%;
	left: 0;
	margin: 0;
}

.ldcMenu div ul ul:not(.mega-menu-column) ul {
	top: -2px !important;
	left: 218px;
}

.ldcMenu div ul ul.menu-pos-invert:not(.mega-menu-column),
.ldcMenu div ul li .mega-menu-content.menu-pos-invert {
	left: auto;
	right: 0;
}

.ldcMenu ul ul:not(.mega-menu-column) ul.menu-pos-invert { right: 218px; }

.ldcMenu div ul ul li {
	float: none;
	margin: 0;
}

.ldcMenu div ul ul li:first-child { border-top: 0; }

.ldcMenu div ul ul li > a {
	font-size: 12px;
	font-weight: 600;
	color: #666;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0;
	letter-spacing: 0;
	font-family: 'Lato', sans-serif;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.ldcMenu div ul ul li > a i { top: 0; }

.ldcMenu div ul ul li:hover > a {
	background-color: #F9F9F9;
	padding-left: 18px;
	color: #00498f;
}

.ldcMenu div ul ul > li.sub-menu > a,
.ldcMenu div ul ul > li.sub-menu:hover > a {
	background-image: url("/images/icons/submenu.png");
	background-position: right center;
	background-repeat: no-repeat;
}


/***** New Menu at top of page ****/

.ldcMenu > ul {
	 padding-right: 0px !important;
    border-right: 0 none !important;
}

.lcd-sub-menu {
	float: right;
}

.ldcMenu > div > ul > li {
    border-right: 1px solid #eee;
    border-right-color: rgba(255, 255, 255, 0.15);
    float: left;
    height: 40px !important;
}


.ldcMenu > div > ul > li > a {
    padding: 10px 15px !important;
    text-transform: inherit !important;
}

.dark.ldcMenu {
	float: left !important;
	/*margin-left: -120px !important;*/
	margin-left: 60px !important;
	margin-top: 58px;
}

.dark.ldcMenu > div > ul > li:last-child {
	border-right: 0;
}

.lcdlogo {
	margin-right: 0px !important;
	padding-right: 0px !important;
}

#header.sticky-header .dark.ldcMenu {
    /* Updated by SFS 2017-04-21 */
    /*margin-left: 180px !important;
    margin-top: -35px !important;*/
    margin-left: 50px !important;
    margin-top: 22px !important;
}

#header.sticky-header #google_translate_element  {
	margin-top: 0px !important;
}


.no-click {
	cursor: default;
   pointer-events: none;
    /* jtp -webkit-filter: invert(40%); */
}
.no-click:hover {
	cursor: default;
}

@media screen and (min-width: 981px) {
	.nav-tree {	
		display: none; 
	}	
}

.social-media-box {
	padding: 15px 15px 15px 15px;
	border-top: 1px solid;
	background-repeat: no-repeat;
	/*background-position: 15px center;*/
	margin: 15px 0;
}

.social-media-box.twitter-box {
	border-color: #6da4ce;
	background-color: rgba(109, 164, 206, 0.25);
	padding-top: 40px;
	padding-bottom: 40px;
	/*min-height: 175px;
	max-height: 200px;*/
	height: 300px;
}

.social-media-box.facebook-box {
	border-color: #375368;
	background-color: rgba(55, 83, 104, 0.25);
	padding-top: 40px;
	padding-bottom: 40px;
	/*min-height: 175px;
	max-height: 200px;*/
	height: 300px;
}

.social-media-box.instagram-box {
	border-color: #c95106;
	background-color: rgba(244, 238, 229, 0.9);
	padding-top: 40px;
	padding-bottom: 40px;
	/*min-height: 175px;
	max-height: 200px;*/
	height: 300px;
}

.social-media-box.youtube-box {
	border-color: #b73127;
	background-color: rgba(248, 240, 240, 0.15);
	padding-top: 40px;
	padding-bottom: 40px;
	/*min-height: 175px;
	max-height: 200px;*/
	height: 300px;
}

/* Health Pages */
.page-photo-large {
    background-repeat: no-repeat; 
    background-position: top center; 
    background-size: cover;
    padding-top: 40%;
    display: block;
    width: 100%;
    position: relative;
}

ul.page-attributes {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    right: 0;
    bottom: 0;
}

ul.page-attributes li {
    padding: 10px 15px;
    background-color: #efefef;
    display: inline-block;
}

.health-page h1 {
    font-family: bebas;
    font-size: 60pt;
    color: #1f3b72;
}

.health-page h2, 
.health-page h3 {
    font-family: 'DIN Condensed';
    color: #1f3b72;
}

.health-page h2 {
    font-size: 31pt;
}

.health-page h3 {
    font-size: 24pt;
}

#page-title.page-title-health {
   background-color: #fff;
   border: none;
   padding: 0;
}

#page-title.page-title-health h1 {
   font-size: 60pt;
   color: #1f3b72;
   text-transform: none;
   line-height: 1.2em;
  	font-family: bebas;
	word-spacing: .25em;
}

#page-title.page-title-health h2 {
   font-size: 60pt;
   color: #1f3b72;
   text-transform: none;
   margin-top: -5px;
   line-height: 1em;
}

#page-title.page-title-health h1 em, 
#page-title.page-title-health h2 em {
   font-style: inherit;
   color: #f89820;
}

#page-title.page-title-health > p, 
#page-title.page-title-health .desc {
   font-size: 20px;
	line-height: 1.1em;
}

#page-title.page-title-health .mayo-logo {
   text-align: right;
   margin-top: -35px;
   color: #1f3b72;
   font-size: 20px;
}
#page-title.page-title-health .mayo-logo img {
   vertical-align: top;
}

/*************************
    MEDIA QUERY < 767 
 *************************/
@media (max-width: 767px) {
    #page-title.page-title-health h2 {
        font-size: 55px;
        margin-top: .5em;
    }
}

/*************************
    MEDIA QUERY < 479 
 *************************/
@media (max-width: 479px) {
    #page-title.page-title-health h1 {
        font-size: 50px;
    }

    #page-title.page-title-health h2 {
        font-size: 40px;
    }

    #page-title.page-title-health .mayo-logo {
        text-align: center;
        margin-top: -15px;
    }
}

.benefit-logo {
    margin: 0 auto 10px auto;
	 padding-right:10px;
    max-width: 100%;
}

.benefit-logo.benefit-logo-small {
    max-height: 50px;
}

ul.benefit-navigation {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    border: 8px solid #efefef;
}

/********************************************
    Benefits Menu Image Icon Based .icon
 ********************************************/

ul.benefit-navigation li.icon {
    margin: 0;
    font-size: 1.5em;
    position: relative;
    /*margin: 8px 0;*/
}

ul.benefit-navigation li.icon:first-child {
    margin: -8px -8px 0 -8px;
    background: white;
    border-bottom: 8px solid #efefef;
}

ul.benefit-navigation li.icon a {
    display: block; 
    padding: 20px 15px 20px 70px; 
    min-height: 50px;
	 line-height:1.1em;
}

ul.benefit-navigation li.icon a:hover {
    background-color: #efefef;
}

ul.benefit-navigation li a .icon {
    background-color: #00c0ee;
    color: #fff;
    /*padding: 5px;*/
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute; 
    left: 10px;
    top: calc(50% - 25px);
}

ul.benefit-navigation li.icon a img {
    width: 50px;
    height: auto;
    position: absolute; 
    left: 10px;
    top: calc(50% - 25px);
}


ul.benefit-navigation.benefit-navigation-small li.icon {
    font-size: 1em;
}

ul.benefit-navigation.benefit-navigation-small li:not.icon a {
    padding: 15px 15px 15px 60px;
}

ul.benefit-navigation.benefit-navigation-small li a.benefit-nav-toggle .icon {
    border-radius: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: calc(50% - 20px);
}

ul.benefit-navigation.benefit-navigation-small li.icon a img {
    width: 40px;
    top: calc(50% - 20px);
}

ul.benefit-navigation li img.benefit-logo {
    margin: 10px;
}

ul.benefit-navigation.benefit-navigation-horizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border-left: none;
    border-right: none;
    border-width: 1px;
	 font-size: 14px;
}

/* ul.benefit-navigation.benefit-navigation-horizontal .menu-item a {
	 padding-left: 2px;
	 padding-right: 2px;	 	 
} */


ul.benefit-navigation.benefit-navigation-horizontal li.icon:first-child {
    padding-right: 10px;
    border-bottom: none;
    margin-top: 0;
}

ul.benefit-navigation.benefit-navigation-horizontal li img.benefit-logo {
    max-height: 34px; 
    margin: 10px; 
}

ul.benefit-navigation li a.benefit-nav-toggle {
    display: none;
}

/********************************************
    Benefits Menu FontAwesome5 Icon Based .menu-item
 ********************************************/

ul.benefit-navigation li.menu-item {
    margin: 0;
    font-size: 1.5em;
    position: relative;
}
ul.benefit-navigation li.menu-item .menu-icon {
	float: left;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
ul.benefit-navigation li.menu-item .fa-outer-stack-custom {
    font-size: 1.3em !important;
	 color: #39C0EB;
}
ul.benefit-navigation li.menu-item .fa-inner-icon-custom {
    font-size: 1.3em;
}
ul.benefit-navigation li.menu-item.union-plus .menu-icon {
	/* top: -8px; */
}
ul.benefit-navigation li.menu-item .menu-text {
	padding-left: 3.4em;
}
ul.benefit-navigation li.menu-item:first-child {
    margin: -8px -8px 0 -8px;
    background: white;
    border-bottom: 8px solid #efefef;
}

ul.benefit-navigation li.menu-item a {
    display: block; 
    padding: 20px 15px 24px 15px; /* 20px 15px 20px 70px; */
    min-height: 50px;
	 line-height:1.1em;
}

ul.benefit-navigation li.menu-item a:hover {
    background-color: #efefef;
}

ul.benefit-navigation li a .menu-item {
    background-color: #00c0ee;
    color: #fff;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute; 
    left: 10px;
    top: calc(50% - 25px);
}
ul.benefit-navigation.benefit-navigation-small li.menu-item {
    font-size: 1em;
}

ul.benefit-navigation.benefit-navigation-small li:not.menu-item a {
    padding: 15px 15px 15px 60px;
}

ul.benefit-navigation.benefit-navigation-small li a.benefit-nav-toggle .menu-item {
    border-radius: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: calc(50% - 20px);
}
ul.benefit-navigation.benefit-navigation-horizontal li.menu-item:first-child {
    padding-right: 10px;
    border-bottom: none;
    margin-top: 0;
}


/*************************
    MEDIA QUERY < 1199 
 *************************/
@media (max-width: 1199px) {
    ul.benefit-navigation li img.benefit-logo.benefit-logo-small {
        max-height: 35px;
    }
}

/*************************
    MEDIA QUERY < 1075
 *************************/
@media (max-width:1075px) {
	ul.benefit-navigation.benefit-navigation-horizontal {
      /*flex-wrap: wrap;*/
   }

   ul.benefit-navigation.benefit-navigation-horizontal li img.benefit-logo {
      margin: 0;
   }

   ul.benefit-navigation.benefit-navigation-horizontal li.icon:first-child {
      padding: 0 10px;
   }

   ul.benefit-navigation.benefit-navigation-horizontal li.icon {
      /*flex-basis: 25%;*/
      border-left: 1px solid #efefef;
   }

   ul.benefit-navigation.benefit-navigation-horizontal li.icon a {
      padding-left: 15px;
   }

   ul.benefit-navigation.benefit-navigation-horizontal li.icon a .icon {
   	display: none;
   }

   ul.benefit-navigation.benefit-navigation-horizontal li.icon a img {
   	display: none;
   }
}

/*
ul.benefit-navigation.benefit-navigation-home {ul.benefit-navigation li a.benefit-nav-toggle

}
*/

/*************************
    MEDIA QUERY < 1024 
 *************************/

@media (max-width:1024px) {
    ul.benefit-navigation, 
    ul.benefit-navigation.benefit-navigation-horizontal {
        display: block;
        border: 1px solid #efefef;
        margin: 15px;
    }

    ul.benefit-navigation {
        margin-top: -30px;
    }

    ul.benefit-navigation li.icon, 
    ul.benefit-navigation.benefit-navigation-horizontal li.icon {
        overflow: hidden;
        display: block;
        max-height: 0;
        border-left: none;
        transition: max-height .25s;
    }

    ul.benefit-navigation li:first-child, 
    ul.benefit-navigation.benefit-navigation-horizontal li:first-child {
        max-height: 100px;
        height: auto;
        padding: 15px;
        border-bottom: none;
        margin: 0;
    }

    ul.benefit-navigation.active li.icon, 
    ul.benefit-navigation.benefit-navigation-horizontal.active li.icon {
        max-height: 100px;
        border-bottom: 1px solid #efefef;
    }

    ul.benefit-navigation.active li.icon:last-child, 
    ul.benefit-navigation.benefit-navigation-horizontal.active li.icon:last-child {
        border-bottom: 0;
    }

    ul.benefit-navigation li img.benefit-logo, 
    ul.benefit-navigation.benefit-navigation-horizontal li img.benefit-logo {
       max-height: 50px;
	  	 padding-right:0;
    }
	 
    ul.benefit-navigation li.icon a, 
    ul.benefit-navigation.benefit-navigation-horizontal li.icon a {
        padding-left: 60px;
    }

    ul.benefit-navigation li a.benefit-nav-toggle, 
    ul.benefit-navigation.benefit-navigation-horizontal li a.benefit-nav-toggle {
        display: inline-block; 
        float: right;
        border: none;
        background-color: #00c0ee;
        border-radius: 3px;
        padding: 3px 3px 0 3px;
    }

    ul.benefit-navigation li.icon a .icon, 
    ul.benefit-navigation.benefit-navigation-horizontal li.icon a .icon, 
    ul.benefit-navigation.benefit-navigation-horizontal li.icon a img {
        display: inline-block;
    }

    ul.benefit-navigation li a.benefit-nav-toggle .icon, 
    ul.benefit-navigation.benefit-navigation-horizontal li a.benefit-nav-toggle .icon {
        position: relative; 
        top: auto;
        left: auto;
        color: #fff;
        background-color: transparent;
    }

    ul.benefit-navigation li a.benefit-nav-toggle .icon.icon-chevron-up, 
    ul.benefit-navigation.benefit-navigation-horizontal li a.benefit-nav-toggle .icon.icon-chevron-up {
        display: none; 
    }

    ul.benefit-navigation.active li a.benefit-nav-toggle .icon.icon-chevron-up, 
    ul.benefit-navigation.active.benefit-navigation-horizontal li a.benefit-nav-toggle .icon.icon-chevron-up {
        display: inline-block;
    }

    ul.benefit-navigation.active li a.benefit-nav-toggle .icon.icon-chevron-down, 
    ul.benefit-navigation.active.benefit-navigation-horizontal li a.benefit-nav-toggle .icon.icon-chevron-down {
        display: none;
    }

    ul.benefit-navigation.benefit-navigation-home {
        display: flex;
        flex-wrap: wrap;
        border: none;
    }

    ul.benefit-navigation.benefit-navigation-home li.icon {
        max-height: inherit;
        flex-basis: 50%;
        flex-grow: 1;
    }

    ul.benefit-navigation.benefit-navigation-home li:first-child {
        flex-grow: 2;
        flex-basis: 100%;
        text-align: center;
    }

    ul.benefit-navigation.benefit-navigation-home li:first-child img {
        max-height: inherit;
        max-width: 100%;
    }

    ul.benefit-navigation.benefit-navigation-home li a.benefit-nav-toggle {
        display: none;
    }

    ul.benefit-navigation.benefit-navigation-home li.icon a {
        padding: 10px;
        text-align: center;
    }

    ul.benefit-navigation.benefit-navigation-home li.icon a .icon, 
    ul.benefit-navigation.benefit-navigation-home li.icon a img {
        position: relative; 
        display: block;
        margin: 0 auto;
        font-size: 3em;
        left: auto;
        top: auto;
    }

    ul.benefit-navigation.benefit-navigation-home li.icon a img {
        width: 75px;
    }
}


/*************************
    MEDIA QUERY < 767 
 *************************/

@media (max-width:767px) {
    ul.benefit-navigation, 
    ul.benefit-navigation.benefit-navigation-horizontal {
        display: block;
        border: 1px solid #efefef;
        margin: 15px;
    }

    ul.benefit-navigation {
        margin-top: -30px;
    }

    ul.benefit-navigation li.icon, 
    ul.benefit-navigation.benefit-navigation-horizontal li.icon {
        overflow: hidden;
        display: block;
        max-height: 0;
        border-left: none;
        transition: max-height .25s;
    }

    ul.benefit-navigation li:first-child, 
    ul.benefit-navigation.benefit-navigation-horizontal li:first-child {
        max-height: 100px;
        height: auto;
        padding: 15px;
        border-bottom: none;
        margin: 0;
    }

    ul.benefit-navigation.active li.icon, 
    ul.benefit-navigation.benefit-navigation-horizontal.active li.icon {
        max-height: 100px;
        border-bottom: 1px solid #efefef;
    }

    ul.benefit-navigation.active li.icon:last-child, 
    ul.benefit-navigation.benefit-navigation-horizontal.active li.icon:last-child {
        border-bottom: 0;
    }

    ul.benefit-navigation li img.benefit-logo, 
    ul.benefit-navigation.benefit-navigation-horizontal li img.benefit-logo {
       max-height: 50px;
	  	 padding-right:0;
    }
	 
    ul.benefit-navigation li.icon a, 
    ul.benefit-navigation.benefit-navigation-horizontal li.icon a {
        padding-left: 60px;
    }

    ul.benefit-navigation li a.benefit-nav-toggle, 
    ul.benefit-navigation.benefit-navigation-horizontal li a.benefit-nav-toggle {
        display: inline-block; 
        float: right;
        border: none;
        background-color: #00c0ee;
        border-radius: 3px;
        padding: 3px 3px 0 3px;
    }

    ul.benefit-navigation li.icon a .icon, 
    ul.benefit-navigation.benefit-navigation-horizontal li.icon a .icon, 
    ul.benefit-navigation.benefit-navigation-horizontal li.icon a img {
        display: inline-block;
    }

    ul.benefit-navigation li a.benefit-nav-toggle .icon, 
    ul.benefit-navigation.benefit-navigation-horizontal li a.benefit-nav-toggle .icon {
        position: relative; 
        top: auto;
        left: auto;
        color: #fff;
        background-color: transparent;
    }

    ul.benefit-navigation li a.benefit-nav-toggle .icon.icon-chevron-up, 
    ul.benefit-navigation.benefit-navigation-horizontal li a.benefit-nav-toggle .icon.icon-chevron-up {
        display: none; 
    }

    ul.benefit-navigation.active li a.benefit-nav-toggle .icon.icon-chevron-up, 
    ul.benefit-navigation.active.benefit-navigation-horizontal li a.benefit-nav-toggle .icon.icon-chevron-up {
        display: inline-block;
    }

    ul.benefit-navigation.active li a.benefit-nav-toggle .icon.icon-chevron-down, 
    ul.benefit-navigation.active.benefit-navigation-horizontal li a.benefit-nav-toggle .icon.icon-chevron-down {
        display: none;
    }

    ul.benefit-navigation.benefit-navigation-home {
        display: flex;
        flex-wrap: wrap;
        border: none;
    }

    ul.benefit-navigation.benefit-navigation-home li.icon {
        max-height: inherit;
        flex-basis: 50%;
        flex-grow: 1;
    }

    ul.benefit-navigation.benefit-navigation-home li:first-child {
        flex-grow: 2;
        flex-basis: 100%;
        text-align: center;
    }

    ul.benefit-navigation.benefit-navigation-home li:first-child img {
        max-height: inherit;
        max-width: 100%;
    }

    ul.benefit-navigation.benefit-navigation-home li a.benefit-nav-toggle {
        display: none;
    }

    ul.benefit-navigation.benefit-navigation-home li.icon a {
        padding: 10px;
        text-align: center;
    }

    ul.benefit-navigation.benefit-navigation-home li.icon a .icon, 
    ul.benefit-navigation.benefit-navigation-home li.icon a img {
        position: relative; 
        display: block;
        margin: 0 auto;
        font-size: 3em;
        left: auto;
        top: auto;
    }

    ul.benefit-navigation.benefit-navigation-home li.icon a img {
        width: 75px;
    }
}


/*************************
    MEDIA QUERY < 479
 *************************/

@media (max-width: 479px) {
    ul.benefit-navigation {
        margin-left: -15px;
        margin-right: -15px;
    }

    ul.benefit-navigation li a.benefit-nav-toggle, 
    ul.benefit-navigation.benefit-navigation-horizontal li a.benefit-nav-toggle {
        padding: 0;
        min-height: auto;
        position: relative;
        top: 5px;
    }
}


/*************************
    MEDIA QUERY < 374
 *************************/
@media (max-width:374px) { 

    ul.benefit-navigation li img.benefit-logo {
        max-height: 35px;
        margin: 8px 0 0 0;
    }
}


/*List Groups*/
ul.list-group, 
ol.list-group {
    padding: 0;
    margin: 1em 0 1.5em 0; 
}

ul.list-group {
    list-style: none;
}

ol.list-group {
    margin-left: 25px;
}

ol.list-group.nav {
    list-style: decimal;
}

ul.list-group li, 
ol.list-group li {
    padding: 8px;
    border-bottom: 1px solid rgba(155,155,155,.2);
}

ul.list-group.list-group-condensed li, 
ol.list-group.list-group-condensed li {
    padding: 5px 8px;
}

ul.list-group > li:last-child, 
ol.list-group > li:last-child {
    border: none;
}

ul.list-group.zebra li:nth-of-type(even), 
ol.list-group.zebra li:nth-of-type(even) {
    background-color: rgba(155,155,155,.15);
}

ul.list-group ul, 
ol.list-group ol {
    margin-top: 5px; 
    margin-bottom: 5px;
}

ul.list-group ul li, 
ol.list-group ol li {
    border: none;
    padding: 3px;
}

ol.list-group.nav li {
    display: list-item;
}

ol.list-group.nav li a {
    padding: 0; 
}

.list-group li label {
    margin: 0;
    text-transform: none;
}

.list-group li input[type=checkbox] {
    margin-right: 5px;
}

.list-group.list-group-content li {
    color: rgb(155,155,155);
    position: relative;
    overflow: hidden;
}

.list-group.list-group-content li a {
    font-size: 1.2em;
    /*display: block;*/
    float: left;
    display: inline-block;
    padding-left: 30px;
}

.list-group.list-group-content li a .icon {
    position: absolute;
    left: 5px;

    color: rgb(155,155,155);
}

.list-group.list-group-content li .content-tags {
   float: right;
   display: inline-block;
}

.list-group li .badge {
    float: right;
}

.list-group.list-group-image-medium {
    margin: 0;
}

.list-group.list-group-image li {
    margin: 1em 0;
    border: none;
}

.list-group.list-group-image li a {
    display: flex; 
    flex-direction: row; 
    flex-wrap: nowrap;
    /*justify-content: center;*/
    align-items: center;
}

.list-group.list-group-image li a:hover {
    text-decoration: underline;
}

.list-group.list-group-image-medium li a {
    align-items: flex-start;
}

.list-group.list-group-image-medium li a h3 {
    color: #203f71;
    font-size: 35px;
    margin-bottom: .25em;
    margin-top: 0;
}

.list-group.list-group-image-medium li a:hover h3 {
    text-decoration: underline;
}

.list-group.list-group-image-medium li a img {
    width: 275px;
    height: auto;
    margin-right: 20px;
}

.list-group.list-group-image-thumbs li a img {
    width: 75px;
    height: auto;
    margin-right: 10px;
}


/*************************
    MEDIA QUERY < 991 
 *************************/
@media (max-width: 991px) {
    .list-group.list-group-image-medium li a img {
        width: 150px;
    }
}    

/*************************
    MEDIA QUERY < 767
 *************************/
@media (max-width: 767px) {
    .list-group.list-group-content li a {
        float: none;
        display: block;
    }

    .list-group.list-group-content li .content-tags {
        float: none;
        display: block;
        margin-left: 30px;
    }
}

/*************************
    MEDIA QUERY < 479
 *************************/
@media (max-width: 479px) {
    .list-group.list-group-image-medium li a {
        display: block;
    }

    .list-group.list-group-image-medium li a img {
        width: 100%;
    }

    .list-group.list-group-image-medium li a h3 {
        margin-top: 15px;
    }
}  


.list-group.list-group-flex {
    display: flex; 
    flex-wrap: nowrap;
}

.list-group.list-group-flex li {
    border: none;
}

.list-group.list-group-flex.list-group-recipe {
    margin: .5em 0;
}

.list-group.list-group-flex.list-group-recipe li {
    margin-right: 20px;
}

.list-group.list-group-flex.list-group-recipe li span {
    float: left;
    display: inline-block;
    line-height: 1em;
    color: #1f3b72;
}

.list-group.list-group-flex.list-group-recipe li .icon {
    font-size: 2em;
    color: #cecece;
    display: inline-block;
    line-height: 1em;
    margin-left: 10px;
}

.list-group.list-group-nutrition {
}

.list-group.list-group-nutrition li {
    display: flex; 
    flex-direction: row;
    flex-wrap: nowrap; 
    align-items: space-between;
    justify-content: space-between;
}

.list-group.list-group-nutrition li:last-child {
    border-bottom: 1px solid rgba(155,155,155,.2);
}

.list-group.list-group-filter li {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: baseline; 
}

.list-group.list-group-filter li label {
    flex-grow: 1;
    margin-right: 5px;
}

.list-group.list-group-filter li input, 
.list-group.list-group-filter li .badge {
    flex-grow: 0;
    flex-shrink: 0;
}

/*Scrollspy */
.scrollspy-parent ol li ol {
    display: none;
}

.scrollspy-parent ol li.active > a {
    background-color: #fff; 
    /*color: white;*/
    padding: 0 5px;
    text-decoration: none;
}

.scrollspy-parent ol li.active ol {
    display: block;
}

.scrollspy-parent.affix {
    top: 75px;
    box-shadow: 0 2px 3px rgba(0,0,0,.3);
}

.scrollspy-parent.affix-bottom {
    position: absolute; 
}

.spy-jump-anchor {
    margin-top: -70px;
    padding-top: 70px;
}

@media (max-width: 991px) {
    .scrollspy-parent.affix, 
    .scrollspy-parent.affix-bottom {
        position: relative;
        top: auto;
        width: auto;
        box-shadow: none;
    }
}

/*Content blocks*/
.content-block {
    background-color: #efefef;
    padding: 1em;
    margin-bottom: 1em;
}

.content-block ol, 
.content-block ul {
    margin-top: 0;
    margin-bottom: 0;
}

.content-block form {
    margin: 0;
}

.content-block img.full-width {
    width: calc(100% + 2em);
    margin-left: -1em;
}


/*************************
    MEDIA QUERY < 1199 
 *************************/
 
@media (max-width: 768px) {
    #page-title.page-title-health h1 {
        font-size: 40px;
        line-height: 1.25;
    }   
}


/* Google Translate */
.goog-te-banner-frame {
    display: none !important;
}

#google_translate_element {
    margin-right: 20px;
    margin-top: 34px;
    /*position: relative;*/
    display: block;
}
/*elimates the Google Link after box*/

.goog-logo-link {
    display: none;
}
/*change the text to background color*/

.goog-te-gadget {
    visibility: hidden;
}
/*resize the box*/

.goog-te-combo {
    visibility: visible !important;
    font-size: 10px !important;
    width: 130px !important;
}

@media(max-width: 991px) {
    #google_translate_element {
        margin-right: -50px;
        margin-top: 30px;
    }
}

@media(max-width: 768px) {
    #google_translate_element {
        margin-top: 30px;
    }
}

@media(max-width: 479px) {
    #google_translate_element {
        margin-top: 15px;
        margin-right: 0;
        width: 130px;
        overflow: hidden;
    }
}

/* Bootstrap Panel Accordions */
.panel-title > a {
    display: block;
}

.panel-title > a:hover {
    color: #000;
    text-shadow: 0 1px 0 #fff;
}

.panel-title > a .icon {
    float: right;
    transition: transform .25s;
}

    /*.panel-title > a .icon-chevron-up {
        display: inline; 
    }

    .panel-title > a .icon-chevron-down {
        display: none; 
    }

    .panel-title > a.collapsed .icon-chevron-up {
        display: none; 
    }

    .panel-title > a.collapsed .icon-chevron-down {
        display: inline; 
    }*/

.panel-title > a.collapsed .icon {
    transform: rotate(180deg);
}

.health-page h2.panel-title {
    font-size: 1.2em;
}

/* Figures */
figure.figure-article {
    padding: 1em;
    margin: 1em 0;
    border-top: 3px solid #00c0ee;
    background-color: #efefef; 
}

figure.figure-33 {
    width: 33%;
}

figure.figure-50 {
    width: 50%;
}

figure.figure-right {
    float: right; 
    margin: 0 0 1em 1em;
}

figure.figure-left {
    float: left; 
    margin: 0 1em 1em 0;
}

figure.figure-article img {
    max-width: 100%;
    height: auto;
}

figure.figure-article img.figure-image-cover {
    margin: -1em -1em 0 -1em;
    width: calc(100% + 2em);
    max-width: calc(100% + 2em);
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
}

figure.figure-article figcaption {
    margin: .5em 0 0 0;
}


/*************************
    MEDIA QUERY < 991 
 *************************/
@media (max-width: 991px) {
    figure.figure-33 {
        width: 50%;
    }
}

/*************************
    MEDIA QUERY < 476 
 *************************/
@media (max-width: 476px) {
    figure.figure-33 {
        width: 100%;
    }
}

/* Health Filters */
a.mobile-filter-toggle {
    padding: 10px;
    display: none;
    border-radius: 5px;
    border: 1px solid #efefef;
    background-color: transparent;
    transition: background-color .25s, margin .25s;
    margin: 5px 0;
}

a.mobile-filter-toggle.active {
    border-radius: 5px 5px 0 0;
    background-color: #efefef;
    margin: 5px 0 0 0;
}

a.mobile-filter-toggle .icon {
    float: right;
    transition: transform .25s;
}

a.mobile-filter-toggle.active .icon {
    transform: rotate(180deg);
}

a.mobile-filter-toggle .filter-closed-text {
    display: inline-block;
}

a.mobile-filter-toggle .filter-open-text {
    display: none;
}

a.mobile-filter-toggle.active .filter-closed-text {
    display: none;
}

a.mobile-filter-toggle.active .filter-open-text {
    display: inline-block;
}

.mobile-filter-jump {
    display: none;
}

.health-filter-container #healthSearch {
    width: 100%;
}

/*************************
    MEDIA QUERY < 991 
 *************************/
@media (max-width: 991px) {
    a.mobile-filter-toggle,
    .mobile-filter-jump {
        display: block;
    }

    .health-filter-container {
        padding: 0 10px;
        max-height: 0;
        overflow: hidden;
        transition: max-height .5;
    }

    .health-filter-container.active {
        border: 1px solid #efefef;
        max-height: 1500px;
    }
}

.page-tag-list {
    margin: .5em 0 1em 0;
    padding: 0;
    list-style: none;
}

.page-tag-list li {
    display: inline-block;
}

/* Health Home Page */
img.benefit-logo-large {
    max-width: calc(100% - 2em);
    height: auto;
    /* margin: 40px 0; */
	 margin: 25px 0;		/*new landing page updates*/
	 max-height: 90px; 	/*new landing page updates*/
}

.carousel-health a {
    display: block; 
    position: relative;
    overflow: hidden;
}   

.carousel-health a .slider-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0, .3);
}

.carousel-health a .slider-heading, 
.carousel-health a .slider-button {
    position: absolute; 
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.carousel-health a .slider-heading {
    font-family: bebas;
    line-height: 1.2em;
    word-spacing: 15px;
    font-size: 100px;
    color: white;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0,0,0,.3);
}

.carousel-health a .slider-button {
    padding: 10px 30px;
    font-size: 30px;
    background-color: #fff;
    color: #333;
    bottom: 20px;
    border-radius: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
}

.carousel-health a:hover .slider-button {
    background-color: #f89820;
    color: #fff;
    bottom: 21px;
}


/* Training Home Page */
img.training-logo-large {
    max-width: calc(100% - 2em);
    height: auto;
    /* margin: 40px 0; */
	 margin: 25px 0;		
	 max-height: 110px; 
}

/*************************
    MEDIA QUERY < 1199 
 *************************/
@media (max-width: 1199px) {

    .carousel-health a .slider-heading {
        font-size: 80px;
        top: calc(50% - 80px);
        transform: translateX(-50%);
    }

    .carousel-health a .slider-button {
        font-size: 20px;
        padding: 5px 20px;
    }
}

/*************************
    MEDIA QUERY < 991
 *************************/
@media (max-width: 991px) {

    .carousel-health a .slider-heading {
        font-size: 70px;
        top: 35px;
    }
}

/*************************
    MEDIA QUERY < 767
 *************************/
@media (max-width: 767px) {

    .carousel-health a .slider-heading {
        font-size: 40px;
        top: 20px;
    }
}

/*************************
    MEDIA QUERY < 479 
 *************************/
@media (max-width: 479px) {
    img.benefit-logo-large {
        width: 50%;
        margin: 20px 0;
    }   

    .carousel-health a .slider-heading {
        font-size: 30px;
        top: 15px;
    }

    .carousel-health a .slider-button {
        bottom: 15px;
        font-size: 20px;
        padding: 0 10px;
        border-radius: 10px;
    }
}

/* Recipes */
.recipe-overview-container {
    display: block;
    overflow: hidden;
    margin: 1em 0;
}

.recipe-overview-container .recipe-photo {
	float: left;
	padding: 0 1em 1em 0;
   display: inline-block;
   width: 241px;
}

.recipe-overview-container .recipe-info {
	float: right; 
   display: inline-block;
	width: calc(100% - 241px);
}

/*************************
    MEDIA QUERY < 991
 *************************/
@media (max-width: 991px) {
    .recipe-overview-container .recipe-photo, 
    .recipe-overview-container .recipe-info {
        float: none;
        display: block;
        width: 100%;
    }

    .recipe-overview-container .recipe-photo {
        padding: 0;
        text-align: center; 
    }

    .recipe-overview-container .recipe-info .list-group-recipe {
        justify-content: space-around;
    }
}


/* Health Slide Show */
.slide-show-container {
    display: block; 
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 1em 0;
    background-color: #e6faff;
}

.slide-show-container .slide-show-slide {
	display: block;
   overflow: hidden;
   width: 100%;
   border: 3px solid #e6faff;
   background-color: white;
}

.slide-show-container .slide-show-slide img {
	display: block;
   margin: 0 auto;
   width: auto;
   height: auto;
   max-width: 100%;
}

.slide-show-container .slide-show-slide .slide-show-slide-description {
	display: block; 
   overflow: hidden;
   padding: 1em;
   background-color: #e6faff;
}

.slide-show-container .slide-show-slide .slide-show-slide-description h2 {
	font-size: 2em;
}

.slide-show-container .slide-show-slide-controls {
	float: right;
   margin-top: 1em;
   position: relative;
}

.slide-show-container .slide-show-slide-controls a.slide-show-previous, 
.slide-show-container .slide-show-slide-controls a.slide-show-next {
	display: inline-block;
   padding: 5px 10px;
   background-color: #00c0ee;
   color: white;
   border-radius: 3px;
   position: relative;
}

 .slide-show-container .slide-show-slide-controls a.slide-show-previous:hover, 
 .slide-show-container .slide-show-slide-controls a.slide-show-next:hover {
 	top: -1px;
   background-color: #1f3b72;
}

.slide-show-container .slide-show-slide-controls .slide-count {
	display: inline-block;
   margin: 0 1em;
}


/*************************
    MEDIA QUERY < 479
 *************************/
@media (max-width: 479px) {
    .slide-show-container .slide-show-slide-controls {
        float: none;
        margin: 1em 0;
        text-align: center; 

    }
}

h1.CS_Label_Current_Item > span, 
h2.CS_Label_Current_Item > span, 
h3.CS_Label_Current_Item > span,
h4.CS_Label_Current_Item > span {
	color: inherit;
}

.ldcDarkBlue {
	color: #00498f;
}

.footer-logo {
	width: 80%;
}

#header.sticky-header #primary-menu ul ul:not(.mega-menu-column), 
#header.sticky-header #primary-menu ul li .mega-menu-content {
	top: 90%;
}


/* Lightbox - BEN/GC */
.lightbox-popup {
    max-width: 500px;
}

.lightbox-popup img.lightbox-image {
  width: 100%;
  height: auto;
}


/*
.cs_GridRow.bg-white > .content-wrap {
	margin-left: 60px;
	margin-right: 60px;
}
.cs_GridRow.bg-light-gray > .content-wrap {
	margin-left: 60px;
	margin-right: 60px;
}
.cs_GridRow.bg-light-blue > .content-wrap {
	margin-left: 60px;
	margin-right: 60px;
}
*/


/* 
	Wellness Program Information Styles 
*/
.up-to-date-form-wrapper.boxshad { 
	box-shadow: 0 5px 20px 0px rgba(0, 0, 0,.75); 
}
.up-to-date-form-wrapper {
	margin-top: 1.5em;
	background-color: #F9971B;
	padding: 15px;
	border-radius:6px;
	width: 100%;
	color: white;
}
.up-to-date-form-wrapper  h2 {
	color:white;
	margin-bottom: 0;
}
.up-to-date-form-wrapper  p {
	color: #fafafa;
}
.up-to-date-form-wrapper  .form-group label {
	color:#1F3B72;
	margin-bottom:0;
}
.up-to-date-form-wrapper  .form-group button {
	background-color:#1F3B72; color:white;
}

#uptodate-form-msg {
	margin-top: 0.7em;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 13px;
	font-family: 'Raleway', sans-serif;
	/*letter-spacing: 1px;*/
	color: #610E1A;
	font-weight: bold; 
}
			
#uptodate-form-msg.form-success {
	color: #2C3B6F;
}
			
input.form-error,
select.form-error {
	border: 2px solid #610E1A;
}

	@media (max-width: 1200px) {
		 .up-to-date-form-wrapper {
		 	padding-bottom: 30px;
		 }
	}
	@media (max-width: 766px) {
		 .up-to-date-form-wrapper {
		 	padding-bottom: 50px;
		 }
	}

/* 
	Past Events Expander Styles 
*/
.pastEventsPhotosLink {
	min-height: 0 !important; /* to override .cs_setMinHt */
	height: 0;
}
.pastEventsPhotosLink .cameraLink {
	/* display: inline-block;
	float: right;
	margin-top: -50px;  */
}
@media (max-width: 479px) {
    .pastEventsPhotosLink .cameraLink {
       margin-top: 15px;
		 float: left;
    }
}


/* 
	Newsletter Carousel Styles 
*/
#newsletterCarousel.owl-carousel {
	position: relative;
}
#newsletterCarousel .owl-dots  {
	position: absolute;
	top: 100%;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
#newsletterCarousel .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	 width: 100%;
}
#newsletterCarousel .owl-prev {
	transform: translate(-50%,-50%);
	left: 0;
	margin: 0;
	padding: 0;
}
#newsletterCarousel .owl-next {
	transform: translate(50%,-50%);
	right: 0;
	margin: 0;
	padding: 0;
}
#newsletterCarousel .owl-dots .owl-dot {
	margin-top: 10px;
}
#newsletterCarousel .item-card {
	vertical-align: top;
	padding: 10px;
	position: relative;
	background-color: #E5ECF4;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: flex-start;	
}
#newsletterCarousel .item-card {
	vertical-align: top;
	padding: 10px;
	position: relative;
	background-color: #E5ECF4;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: flex-start;
	height: 250px	
}	
#newsletterCarousel .item-card > a {
	max-width:40%;
}
#newsletterCarousel .item-card .item-thumb {
	vertical-align:top;
}
#newsletterCarousel .item-card .item-info {
	display: inline-block; 
	padding:0 10px 10px 10px;
	overflow: hidden;
	width: 100%;
}
#newsletterCarousel .item-card .item-info p {
	margin-bottom: 0.25em !important;
	line-height: 1.5em !important; 
}
#newsletterCarousel .item-card .item-info-list {
	padding-left:10px; 
	line-height:1.1em;
	/* margin-bottom:0.2em;*/
}
#newsletterCarousel .item-card a.readmore {
	position: absolute;
   bottom: 12px;
   right: 12px;
	/* margin-top: 0.8em;*/
}

/* 
	Newsletter Landing Card Styles 
*/
#newsletterLanding .item-card {
	vertical-align: top;
	padding: 10px;
	position: relative;
	background-color: #E5ECF4;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: flex-start;	
}
#newsletterLanding .item-card {
	vertical-align: top;
	padding: 10px;
	position: relative;
	background-color: #E5ECF4;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	align-items: flex-start;
	height: 250px
}	
#newsletterLanding .item-card > a {
	max-width:40%;
}
#newsletterLanding .item-card .item-thumb {
	vertical-align:top;
}
#newsletterLanding .item-card .item-info {
	display: inline-block; 
	padding:0 10px 10px 10px;
	overflow: hidden;
	width: 100%;
}
#newsletterLanding .item-card .item-info p {
	margin-bottom: 0.25em !important;
	line-height: 1.5em !important;  
}
#newsletterLanding .item-card .item-info-list {
	padding-left:10px; 
	line-height:1.1em;
	margin-bottom:0.2em;
}
#newsletterLanding .item-card a.readmore {
    position: absolute;
    bottom: 12px;
    right: 12px;
	/* margin-top: 0.8em;*/
}


/* 
	Generic Registration Form Styles 
*/

.sf-reg-form-wrapper {
	max-width: 55%;
	/* border: 1px solid orange; */
}

/* 
	WebAdministration Styles 
*/

.WebAdmin-menu-item {
	padding-bottom: 6px !important;
}

/* Styles for management datasheets with all Columns visible for export excel */
.DataSheet-all-cols-export-scroll {
	height: 100%;
	max-width: 94vw;
	/*max-width: 1200px;*/
	overflow: auto;
	display: block;
	/* border: 1px solid light-gray;*/
}

/* Override for Calendar Management grid/list */
table.eventsFilter {
	margin-bottom: 0;
}


.cswIconWrapper .csw-outer-stack-custom {
	 color: #39C0EB;
}
.cswIconWrapper .csw-inner-icon-custom {
    font-size: 1.4em;
}
.cswIconWrapper .fa-heart {
	margin-top: 2px;
}
.cswIconWrapper .fa-plus {
    margin-top: 1px;
    margin-left: 1px;
}

/* employee-home-page-v2 custom styles */
div.empHomePage .feature-box {
	min-height: 240px;
}

form#eventTypeForm label {
    padding-left: 10px;
}