.wellbeing-page {
    padding-top: 15px;
}

/* FONTS */
@font-face {
	font-family: 'open_sansregular';
	src: url('/common/fonts/open-sans/opensans-regular-webfont.woff2') format('woff2'),
	url('/common/fonts/open-sans/opensans-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.wellbeing-page h1 {
	font-size: 30px;
	padding: 8px 0 8px 0;
	margin-top: 0;
	color: #00679a;
	line-height: 34px;
	background-image: none;  
}

/*.wellbeing-page h3 {
	color: #00679a;
}*/

.wellbeing-page p,
.wellbeing-page li {
	font-size: 14px;
	color: #444444;
	line-height: 150%;
}

.introduction {
	font-size: 16px;
	color: #666666;
	font-family: inherit;  
}
/* END FONTS */

/* BUTTONS */
.wellbeing-page .btn-primary {
	border-radius: 4px;
	background: none #d60570;
	box-shadow: 0 1px 5px rgba(0,0,0,.28);
}
	.wellbeing-page .btn-primary:hover {
		background-color: #ad0562;
		background: none #ad0562;
		border-color: #d60570;
	}

.wellbeing-page .btn-default {
	border-radius: 4px;
	background: none #ffffff;
	box-shadow: 0 1px 5px rgba(0,0,0,.28);
	border-color: transparent;
}
	.wellbeing-page .btn-default:hover {
		background-color: #f5f5f5;
		background: none #f5f5f5;
	}

.button-custom-large {
	font-size: 18px;
	font-family: Conv_CoconPro-Regular, arial, sans-serif;
	padding: 12px 24px 14px;
	border: 1px solid #dddddd;
	cursor: pointer;
	max-width: 172px;
	text-align: center;
	border-radius: 28px;
	background-color: #ffffff;
}
	.button-custom-large:hover {
		color: #d60570;
		border-color: #d60570;
	}


	.button-primary {
		font-size: 16px !important;
		font-family: Conv_CoconPro-Regular, arial, sans-serif;
		display: inline-block;
		color: #00679a;	
	}

.wellbeing-page .service-link {
	color: #4cc2f1;
}
	.wellbeing-page .service-link:hover {
		color: #d60570;
	}
/* END BUTTONS */

/* NAVIGATION */
	/* Desktop */
	header:not(.header-invert) .nav-background {
		background: rgba(29, 178, 237, 0.25);
	}

	header:not(.header-invert) .laya-mobile-nav.navbar .navbar-nav > li > a {
		font-family: Conv_CoconPro-Regular, arial, sans-serif;
		font-size: 18px;
		letter-spacing: 0;
		padding-top: 15px;
		padding-bottom: 15px;
		color: #00679a;
	}
	header:not(.header-invert) .laya-mobile-nav.navbar .navbar-nav > li:hover {
		color: #fff;
		background-color: #4cc2f1;
	}

	header:not(.header-invert) .laya-mobile-nav.navbar .navbar-nav .selected {
		color: #ffffff;
		background-color: #4cc2f1;
	}

	header:not(.header-invert) .laya-mobile-nav.navbar .search {
		height: 30px;
		margin-top: 3px;
		margin-right: 0;
		color: #fff;
		border: 1px solid #4cc2f1;
		background: rgba(29, 178, 237, 0.75);
		-webkit-box-shadow: none;
		box-shadow: none;
		font-size: 16px;
		line-height: 18px;
	}

	header:not(.header-invert) .laya-mobile-nav.navbar .dropdown-menu > li:hover {
		background: #4cc2f1;
	}

	/* To Do: Remove !important once in correct location in CSS  */
	header:not(.header-invert) .laya-mobile-nav.navbar-default .navbar-nav > .open > a,
	header:not(.header-invert) 	.laya-mobile-nav.navbar-default .navbar-nav> .open > a:hover,
	header:not(.header-invert) .laya-mobile-nav.navbar-default .navbar-nav> .open > a:focus {
		color: #fff;
		background-color: #4cc2f1 !important;
	}

	header:not(.header-invert) .laya-mobile-nav.navbar .navbar-nav > li:hover > a .caret {
		color: #ffffff;
		border-top-color: #ffffff;
		border-bottom-color: #ffffff;
	}

	/* MOBILE NAVIGATION */
	@media only screen and (max-width : 767px) {
		header:not(.header-invert) .laya-mobile-nav.navbar .navbar-collapse {
			padding-left: 2.5%;
			background: rgba(29, 178, 237, 0.25);
		}

		header:not(.header-invert) .laya-mobile-nav.navbar li.dropdown:hover {
			color: #fff;
			background-color: #4cc2f1;
			background-image: none;
		}
  
		header:not(.header-invert) .laya-mobile-nav.navbar .nav > li {
			border-top: 1px solid rgba(29, 178, 237, 0.5);
		}
	
		header:not(.header-invert) .laya-mobile-nav ul.nav>li:last-child {
			border-bottom: 1px solid rgba(29, 178, 237, 0.5);
		}
  
		header:not(.header-invert) .laya-mobile-nav.navbar .navbar-nav > li > a .caret {
			margin-top: 8px;
		}
  
	}	
	/* END MOBILE NAVIGATION */



/* ICONS */
.ic-laya-lightbulb {
	background: url('/media/layahealthcare/images/healthandwellbeing/icons/png/ic_laya_lightbulb.png') no-repeat;
}
.ic-forward {
	background: url('/media/layahealthcare/images/healthandwellbeing/icons/svg/ic_forward_24.svg');
}

.ic-back {
	background: url('/media/layahealthcare/images/healthandwellbeing/icons/svg/ic_back_24.svg');
}

.ic-laya-thrive-graph {
	background: url('/media/layahealthcare/images/healthandwellbeing/icons/svg/ic_laya_thrive_graph_60.svg') no-repeat;
}

.ic-laya-thrive-evolve {
	background: url('/media/layahealthcare/images/healthandwellbeing/icons/svg/ic_laya_thrive_evolve_60.svg') no-repeat;
	}

.ic-laya-thrive-you {
	background: url('/media/layahealthcare/images/healthandwellbeing/icons/svg/ic_laya_thrive_you_60.svg') no-repeat;
}

.ic-lg {
	width: 80px;
	height: 80px;
	background-size: contain;
	margin: 0 auto;
}
.ic-md {
	width: 60px;
	height: 60px;
	background-size: contain;
	margin: 0 auto;
}

.ic-sm {
	width: 24px;
	height: 24px;
	margin: 0 8px -2px 0;
	background-repeat: no-repeat;
}
.ic-signpost {
	width: 80px;
	height: 120px;
	background-size: contain;
	margin: 0 auto;
	background-repeat: no-repeat;
}
.ic-infograph {
	height: 80px;    
	margin: 0 0 20px 0;
	background-size: 80px;
	background-position: center;
	background-repeat: no-repeat;
}
.ic-contact-us {
	font-size: 24px;
	color: #4cc2f1;
}
/* END ICONS */


/* LOGOS */
	.thrive-categories {
		height: 50px;
	}
	.logo-thrive {
		background: url('/media/layahealthcare/images/healthandwellbeing/logos/logo_thrive@2x.png') no-repeat center;
	}
	.body {
		background: url('/media/layahealthcare/images/healthandwellbeing/logos/logo_thrive_body.png') no-repeat center;
	}
	.mind {
		background: url('/media/layahealthcare/images/healthandwellbeing/logos/logo_thrive_mind.png') no-repeat center;
	}
	.life {
		background: url('/media/layahealthcare/images/healthandwellbeing/logos/logo_thrive_life.png') no-repeat center;
	} 
	
/* END LOGOS */


/* IMAGE BANNER */
.wellbeing-page .image-banner {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
    background-size: cover;
    background-position: center top;
    border-radius: 0px;
    margin-top: -15px;
}
/* END IMAGE BANNER */



/* DYNAMIC HEADER TEXT */
.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}
.overflow-text {
	display: block; /* Fallback for non-webkit */
	display: -webkit-box;
	margin: 0 auto;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

	/* DESKTOP BANNER */
	.image-banner .banner-title {
		font-family: Conv_CoconPro-Regular, arial, sans-serif;
		color: #ffffff;
		text-align: center;
		font-size: 36px;
		margin-bottom: 0;
		line-height: 110%;
	}
	.banner-title-background {
		position: relative;
		top: 20px;
		display: table-cell;
		vertical-align: middle;
		border-radius: 12px;
		width: 360px;
		height: 140px;
		padding: 12px;
		color: rgba(214, 5, 112, 0.9);
		background-color: rgba(214, 5, 112, 0.9);
		border: 3px dotted #ffffff;
		box-shadow: 0px 0px 0px 10px;
	}
	/* END DESKTOP BANNER */
    
    /* TABLET LANDSCAPE BANNER */
    @media only screen and (max-width : 1199px) {
		.image-banner .banner-title {
			font-size: 28px;
		}
		.banner-title-background {
			top: 45px;
			width: 272px;
			height: 108px;
		}
	}
	/* END TABLET LANDSCAPE BANNER */
    
    /* TABLET PORTRAIT BANNER */
    @media only screen and (max-width : 991px) {
		.image-banner .banner-title {
			font-size: 22px;
		}
		.banner-title-background {
			top: 120px;
			left: 160px;
			width: 270px;
            height: 80px;
			border-radius: 4px;
		}
	}
	/* END TABLET PORTRAIT BANNER */
    

	/* MOBILE BANNER */
    @media only screen and (max-width : 767px) {
        .banner-title-table {
            table-layout: fixed;
            display: table;
            width: 100%;
            padding: 0 10%;
        }
		.banner-title-background {
			top: 120px;
			left: 0px;
            height: 80px;
			width: 210px;
		}
	}
	/* END MOBILE BANNER */

/* END DYNAMIC HEADER TEXT */



/* RESET BULLET POINTS */
.wellbeing-page ul {
	padding: 0 0 0 30px;
	margin: initial;
	-webkit-padding-start: 30px;
    list-style: initial;
}
.wellbeing-page ul li {
    display: list-item;
    list-style-type: inherit;
}
/* END RESET BULLET POINTS */



/* SECTION */
.bullet-section {
	padding-bottom: 40px;
}
/* END SECTION */


/* SIGNPOST */
.signpost-container {
	white-space: nowrap;
	padding: 20px 0 80px 0;
}
.section {
	width: 33%;
	display: inline-block;
	text-align: center;
	padding: 32px 0 16px 0;
}

	/* TABLET PORTRAIT BANNER */
	@media only screen and (max-width : 991px) {
		.button-custom-large {
			font-size: 14px;
			padding: 10px;
			border-radius: 20px;
		}
	}

	/* MOBILE */
	@media only screen and (max-width : 767px) {
		.button-custom-large {
			font-size: 24px;
			padding: 16px 32px;
			border-radius: 32px;
		}
		.section {
    		width: 100%;
    		display: block;
		    text-align: center;
			padding: 60px 0 16px 0;
		}
		.ic-signpost {
			height: 110px;
		}
	}

/* END SIGNPOST */


/* STYLED ROWS */
.styled-row {
	border-bottom: 2px dotted #dddddd;
	margin: 40px 0;
	padding-bottom: 36px;
}
.styled-row h1 {
	text-align: center;
	color: #d60570;
}
.styled-row h3 {
	color: #666666;
}
.wellbeing-page img.img-responsive {
	width: 100%;
}
/* END STYLED ROWS */


/* SERVICES WIDGET */
.wellbeing-page .panel-services {
	padding: 0px;
	margin: 0px;
	margin-bottom: 22px;
	border: 1px solid #DDDDDD;
	border-radius: 10px;
}
.panel-section {
	padding: 20px 10px 30px 10px;
   	margin: 0 -15px;
}
a .panel-section:hover,
a .panel-section:focus {
	background-color: rgb(228, 246, 253);
}
.panel-heading {
	background-color: #00679A;
	background-image: linear-gradient(-375deg,#4cc2f1 40%,#00679A);
	color: #FFFFFF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: none;
}
.panel-title {
	margin-top: 10px;
	margin-bottom: 0;
    padding-bottom: 0px;
	font-size: 20px;
	color: inherit;
	text-align: center;
    margin-bottom: 0px;
}
.panel-body {
	padding: 15px;
}
.sub-text {
	margin-bottom: 18px;
	color: #444444;
	font-size: 12px;
}
.wellbeing-body-text {
	margin: 0;
	color: #444444;
	font-size: 14px;
}
.number-circle {
	display: block;
	height: 36px;
	width: 36px;
	line-height: 36px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #D60570;
	color: #ffffff;
	text-align: center;
	font-size: 24px;
	font-family: Conv_CoconPro-Regular, arial, sans-serif;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 14px; 
}
.clamp-me {
	position: relative;
	height: 4.4em; 
	overflow: hidden;
}
.clamp-me:after {
	content: "";
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
	height: 1.2em;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%);
}
.panel-section:hover .clamp-me:after{
    background: linear-gradient(to right, rgba(228, 246, 253, 0), rgba(228, 246, 253, 1) 80%);
}


	/* TABLET LANDSCAPE */
    @media only screen and (max-width : 1199px) {
		.number-circle {
			margin-left: 4px;
		}
		.sub-text {
			margin-bottom: 8px;
		}
	}
/* END SERVICES WIDGET */


/* PANEL DEFAULT */
.panel-default {
	border: #f5f5f5 solid 1px;
	border-radius: 10px;
	background-color: rgba(245, 245, 245, 0.75);
	padding: 28px 20px 8px 20px;
	margin-right: -15px;
}
/* END PANEL DEFAULT */

/* TESTIMONIAL */
h3.testimonial {
	line-height: 32px;
}
.testimonial {
	color: rgba(102, 102, 102, 0.6);
	padding-top: 28px;
}
.testimonial-advocate {
	color: rgba(102, 102, 102, 0.8);
	margin: 12px 0 24px 0;
}
/* END TESTIMONIAL */

/* THRIVE BUTTONS */
.thrive-buttons {
	width: 31%;
	display: inline-block;
	margin-right: -4px;
}
.thrive-buttons h1 {
	line-height: 38px;
}
.box {
	border-radius: 10px;
	background-color: #ffffff;
	margin: 14px 10px 14px 0;
	box-shadow: 0px 1px 2px rgba(100, 100, 100, 0.15);
}
	.box:hover {
		box-shadow: 0px 3px 6px rgba(100, 100, 100, 0.30);
	}

.hide-button {
	display: none;
}
.thrive-buttons-container {
	text-align: center;
	padding: 20px 4px;
}	
.background-container-primary {
	background-color: #d9effc;
	border-radius: 10px;
}
.background-container-secondary {
	background-color: #ffffff;
}
.thrive-buttons-container h1 {
	color: #d60570;
	font-size: 20px;
}
.thrive-buttons-container h3 {
	color: #00679a;
	padding: 10px 0 0 0;
	text-align: center;
}
.thrive-background {
	height: 148px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-size: cover;
}
.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #d9effc;
	margin: 0 auto;
	margin-top: -28px;
	padding-bottom: 20px;
}

/* TABLET LANDSCAPE BANNER */
@media only screen and (max-width : 1199px) {
	.body, .mind, .life {
    	background-size: 140px;
	}
}

/* TABLET PORTRAIT BANNER */
@media only screen and (max-width : 991px) {
	.body, .mind, .life {
    	background-size: initial;
	}
	.info-panel, .box {
   		width: 50%;
   		display: block;
	    margin: 0 auto 20px;
	}
}
@media (min-width : 767px) and (max-width : 991px) {
	.info-panel, .box {
   		width: 100%;
   		display: block;
	    margin: 0 auto 20px;
	}
}

/* MOBILE */
@media only screen and (max-width : 500px) {
	.info-panel, .box {
   		width: 100%;
   		display: block;
	    margin: 0 auto 20px;
	}
}
/* END THRIVE BUTTONS */


/* INFO PANEL */
.info-panel {
	border-radius: 10px;
	box-shadow: 0px 1px 2px rgba(100, 100, 100, 0.20);
	padding: 16px 16px 4px 16px;
}
.info-panel h3 {
	color: #00679a;
	margin-top: 4px;
}
.info-panel p {
	font-size: 16px;
	color: #666666;
}
.info-panel .disclaimer-text {
	font-size: 12px;
}
.line-separator{
	height: 1px;
	border-bottom: 1px solid #dddddd;
	margin: 8px 0 20px 0;
}
.inactive {
	opacity: 0.25;
}
/* END INFO PANEL */

/* ACCORDION */
.accordion .accordion-heading {
	padding: 12px;
	border-left: 4px solid #4cc2f1;
	cursor: pointer;
	box-shadow: 1px 1px 3px rgba(100, 100, 100, 0.30);
	margin: 20px 0 10px 0;
}
	.accordion-heading:hover a,
	.accordion-heading:hover span {
		color: #4cc2f1;
	}
.accordion .accordion-title {
	color: #d60570;
}
.accordion .glyphicon-chevron-down {
	transform: rotate(180deg);
	transition: transform 500ms;
}
.accordion .accordion-heading.collapsed .glyphicon-chevron-down {
	transform: rotate(0deg);
}
.set-height {
	/* Hack to stop category buttons from floating left is there is limited programme content */
    min-height: 250px;
}

/* END ACCORDION */

/* PROGRAMME LIST */
.list {
	padding: 0 30px 8px 0;
}
.list .list-heading {
	padding: 12px 20px;
	border-left: 4px solid #4cc2f1;
	box-shadow: 1px 1px 3px rgba(100, 100, 100, 0.30);
	margin: 20px 0 10px 0;
	color: #666666;
}
.list > p {
	margin-left: 20px;
}
/* END PROGRAMME LIST */

/* INFO WIDGET */
.info-widget {
	background-color: #f5f5f5;
	padding: 24px 20px 20px 20px;
	margin: 28px 0 24px 0;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;    
	text-align: center;
}
.info-widget h3 {
	display: inline-block;
	color: #666666;
	margin-right: 8px;
	margin-top: 12px;
}
.info-widget a {
	margin-top: -4px;
}
/* END INFO WIDGET */


/* VIDEO CONTAINER */
.video-container {
	width: 100%;
	display: table;
	table-layout: fixed;
}
.video-element {
	padding-right: 8px;
	display: table-cell;
}
.video-container .title {
	margin: 12px 0px 28px 0px;
	color: #00679a;
}


/* TABLET PORTRAIT BANNER */
@media only screen and (max-width : 991px) {
	.video-element {
		display: block !important;
	}
}
/* END VIDEO CONTAINER */

/* SERVICES CONTAINER */
.services-container {
	width: 100%;
	display: table;
	table-layout: fixed;
	text-align: center;
}
.services-element {
	padding-right: 8px;
	display: table-cell;
	border-bottom: 2px dotted transparent;
    margin: 20px 0;
    padding-bottom: 36px;
}

/* TABLET PORTRAIT */
@media only screen and (max-width : 767px) {
	.services-element {
   		display: inline-block;
		margin-bottom: 20px;
		border-bottom: 2px dotted #dddddd;
		width: 100%;
		padding-right: 0;
	}
}
/* END SERVICES CONTAINER */


/* THRIVE BLOG COMPONENT */
.wellbeing-blog {
	padding: 0 16px 16px 16px;
	border-radius: 4px;
	border: 1px solid #f3f3f3;
}
.wellbeing-blog img {
	width: 120px !important; /* Overriding thrive blog inline styling */
	height: auto !important;
	float: left;
	padding: 4px 16px 4px 0;
}
.wellbeing-blog h4 {
	display: block; /* Fallback for non-webkit */
	display: -webkit-box;
	margin: 0 auto;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wellbeing-blog p {
	display: block; /* Fallback for non-webkit */
	display: -webkit-box;
	margin: 0 auto;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.wellbeing-blog .article {
	padding: 24px 16px;
	border-top: 1px solid #f3f3f3;
}
.logo-blog {
	width: 100%;
	height: 100px;
	background-size: contain;
	margin: 30px 0 50px;
}

/* END THRIVE BLOG COMPONENT */



/* LEAD GEN FORM STYLING */
@media (max-width: 767px) {
    #wellbeing-aside-col {
        clear: both !important;
    }
}
.wellbeing-page #clickdimensionsForm  {
	margin-left: -10px;
}
.wellbeing-page #clickdimensionsForm span {
	padding: 10px 5px 0px !important;
}
.wellbeing-page #clickdimensionsForm input,
.wellbeing-page #clickdimensionsForm textarea,
.wellbeing-page #clickdimensionsForm select {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
	padding: 6px 12px !important;
	width: calc(100% - 10px) !important;
    color: #555 !important;
    background-color: #fff !important;
    font-size: 16px !important;
}
.wellbeing-page #clickdimensionsForm input,
.wellbeing-page #clickdimensionsForm select {
    height: 36px !important;
	padding: 0px 12px !important;
}
.wellbeing-page #clickdimensionsForm input[type=button] {
    background-color: #D60570 !important;
    background: linear-gradient(#D60570, #991636) !important;
    font-size: 16px !important;
	cursor: pointer !important;
    box-shadow: inset 0px 1px 0px 0px #D60570 !important;
    font-weight: bold !important;
    display: inline-block !important;
    text-align: center !important;
    border: 1px solid transparent !important;
    padding: 6px 25px !important;
	color: white !important;
	margin-top: 12px;
	margin-left: 0px !important;
    width: 100% !important;
}
.wellbeing-page .panel-body h6 {
	color: #666666;
    margin: 10px 0 5px 5px;
    padding-bottom: 10px;
}

/* END LEAD GEN FORM STYLING */

/* CONTACT US */
.wellbeing-main .styled-row h3.contactus {
	color: #00679a;
	margin-bottom: 20px;
}
.wellbeing-main .contact-details {
	padding-bottom: 80px;
}
.wellbeing-main .contact-details p {
	line-height: 40%;
}
.wellbeing-main p.highlight {
	font-size: 16px;
}

/* MOBILE */
@media only screen and (max-width : 500px) {
	.wellbeing-main .styled-row {
		margin-left: -15px;
		margin-right: -15px;
	}
}
/* END CONTACT US */