/* ==========================================================================
   Colour Options
   
   - Three colour's can be selected per theme
   - Colour's are set in rgb in order to utilise rgba where necessary
   - Where 'rgba' is used, only the 3 rgb values need to be changed. The 'a' — or alpha — value should not be changed/deleted.
   
   ========================================================================== */

/* Primary Colour ================================= */
	
	/* text colour*/
		.primary-text,
		.hm-welcome h2,
		.site-title,
		.hm-welcome h2.ms-webpart-titleText,
		
		/* content titles/links */
		.primary-colour h1,
		.primary-colour h2,
		.primary-colour a,
		
		/* layout 2 left nav link */
		.layout-2.primary-colour .left-nav-items.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item	
		
		
		{color: rgb(28,90,173)}  
	
	
	/* background colour */
		.primary-bg,
		
		/* header background */
		.wrapper-header,
		
		/* search button */
		.ms-srch-sb > .ms-srch-sb-searchLink,
		
		/* nav */
		.top-nav ul.static li a.ms-core-listMenu-item,
		.top-nav ul.static ul.static > li + li + li a.ms-core-listMenu-item,
		.top-nav ul.static ul.static > li + li + li + li + li + li a.ms-core-listMenu-item,

		
		/* nav bottom border */
		.top-nav ul.static li a.selected span.ms-hidden,
		.top-nav ul.static ul.static > li + li + li a.selected span.ms-hidden,
		.top-nav ul.static ul.static > li + li + li + li + li + li a.selected span.ms-hidden,
		
		/* slide title bg */
		a.slide-item .slide-item-title,
				
		
		/* left nav */
		.primary-colour .left-nav-items.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item,
		
		/* link button */
		.left-nav .link-btn-1,
		
		/* news slider nav */
		.hm-widget-3 .news-slider .flex-control-nav li a.flex-active,
		
		.primary-colour .board-member-details h2,
		.primary-colour .board-member-details h3
	
				
		{background-color: rgb(28,90,173)}
		
		/* home page column 1 title and buttons  */
		.hm-column-1 h2.ms-webpart-titleText,
		.hm-column-1 .btn
		{background-color: rgb(226, 140, 5)}
	
		/* slide title bg - transparency for modern browsers */
		a.slide-item .slide-item-title
		
				
		{background-color: rgba(28,90,173,.92)}

	
	/* border colour */
		.primary-border,
		
		/* content title */
		.primary-colour h1,
		
		.primary-colour .board-member-details 
 		
		{border-color: rgb(28,90,173)} /*Original P Color rgb(0, 81, 154)
		
		
		/* slider content box arrow */
		a.slide-item:after {
			border-color: rgba(28,90,173,.92) transparent transparent transparent !important;
		}




/* Secondary Colour =============================== */
	
	/* text colour*/
		.secondary-text,
		
		/* latest news title */
		.hm-widget-1 h2.ms-webpart-titleText,
		
		/* content titles/links */
		.secondary-colour h1,
		.secondary-colour h2,
		.secondary-colour a,
		

		/* layout 2 left nav link */
		.layout-2.secondary-colour .left-nav-items.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item,
   
   		/* news slider title */
		.hm-widget-1 .news-slider a h3

		
		{color: rgb(226, 140, 5)} /*Original Second color rgb(0, 169, 162)
		
	
	/* background colour */
		.secondary-bg,
		
		/* nav */
		.top-nav ul.static ul.static li a.ms-core-listMenu-item,
		.top-nav ul.static ul.static > li + li + li + li a.ms-core-listMenu-item, 
	
		/* nav bottom border */
		.top-nav ul.static ul.static li a.selected span.ms-hidden,
		.top-nav ul.static ul.static > li + li + li + li a.selected span.ms-hidden,

		
		.hm-widget-1 .btn,

		/* left nav */
		.secondary-colour .left-nav-items.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item,
		
		/* link button */
		.left-nav .link-btn-2,
		
		/* news slider nav */
		.hm-widget-1 .news-slider .flex-control-nav li a.flex-active,
		
		.secondary-colour .board-member-details h2,
		.secondary-colour .board-member-details h3


		{background-color: rgb(226, 140, 5)}
	
		/* home page column 3 title and buttons */
		.hm-column-3 h2.ms-webpart-titleText,
		.hm-column-3 .btn
		{background-color: rgb(28,90,173)}
		
		/* news slider nav */
		.hm-widget-1 .news-slider .flex-control-nav li a
	
		{background-color: rgba(226, 140, 5, .2)}

	
	    /* border colour */
		.secondary-border,
		
		/* content title */
		.secondary-colour h1,
		
		.secondary-colour .board-member-details 
 
		
		{border-color: rgb(226, 140, 5)}



/* Tertiary Colour ================================ */
	
	/* text colour */
		.tertiary-text,
		
		/* home widget 3 - patient event title */
		.hm-widget-3 h2.ms-webpart-titleText,
		
		/* content titles/links */
		.tertiary-colour h1,
		.tertiary-colour h2,
		.tertiary-colour a,
		

		/* layout 2 left nav link */
		.layout-2.tertiary-colour .left-nav-items.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item,
		
		/* news slider title */
		.hm-widget-3 .news-slider a h3
 
		{color: rgb(99,  160,  215)}  /* Original Color rgb(0, 172, 212)


	/* background colour */
		.tertiary-bg,
		
		/* nav */
		.top-nav ul.static ul.static > li + li a.ms-core-listMenu-item,
		.top-nav ul.static ul.static > li + li + li + li + li a.ms-core-listMenu-item,
		
		/* nav bottom border */
		.top-nav ul.static ul.static > li + li a.selected span.ms-hidden,
		.top-nav ul.static ul.static > li + li + li + li + li a.selected span.ms-hidden,

		
		/* home widget 3 - patient event button */
		.hm-widget-3 .btn,
		
		/* home page column 2 title and buttons  */
		.hm-column-2 h2.ms-webpart-titleText,
		.hm-column-2 .btn,
		.hm-widget-3 .btn,
		
		/* left nav */
		.tertiary-colour .left-nav-items.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item,
		
		/* link button */
		.left-nav .link-btn-3,
		
		/* news slider nav */
		.hm-widget-3 .news-slider .flex-control-nav li a.flex-active,
		
		.tertiary-colour .board-member-details h2,
		.tertiary-colour .board-member-details h3

	
		{background-color: rgb(99,  160,  215)}
		
		
		/* news slider nav */
		.hm-widget-3 .news-slider .flex-control-nav li a
	
		{background-color: rgba(99,  160,  215, .5)}



	/* border colour */
		.tertiary-border,
		
		/* content title */
		.tertiary-colour h1,
		
		.tertiary-colour .board-member-details 
 
		
		{border-color: rgb(99,  160,  215)}


/* 

	EXCEPTION: for header background gradient e.g Lewisham CCG - COMMENT OUT IF NOT REQUIRED 
	Alternatively, a different background colour can be set here instead of a gradient.
	
*/
	.wrapper-header {
		background: rgb(99,  160,  215);		
		background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
		background: -moz-linear-gradient(left,  #00acd4 50%, #007ac3 51%); 
		background: -webkit-gradient(linear, left top, right top, color-stop(50%,#00acd4), color-stop(51%,#007ac3)); 
		background: -webkit-linear-gradient(left,  #00acd4 50%,#007ac3 51%); 
		background: -o-linear-gradient(left,  #00acd4 50%,#007ac3 51%); 
		background: -ms-linear-gradient(left,  #00acd4 50%,#007ac3 51%); 
		background: linear-gradient(to right,  #00acd4 50%,#007ac3 51%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF3E5', endColorstr='#FFF3E5',GradientType=1 );
		*background: #007ac3;
	}


/* NHS Choices Orange ================================ */
	
	/* text colour */
	.nhs-choices,
	.hm-widget-2 h2.ms-webpart-titleText 
	
	{color: rgb(255,102,0)}
	
	/* background colour */
	.nhs-choices-bg,
	
	.homeServicePCouter input[type="submit"]
	
	{background-color: rgb(255,102,0)}



/* ==========================================================================
   Search Options
   ========================================================================== */

/* -----------------------------------------------
   
   Search has two position options 
   OPTION 1: aligned right, below NHS/CCG logo
   OPTION 2: centered within header
   
   comment out as required
   
-------------------------------------------------*/

	/* POSITION 1 */
	.search-wrap {
		float: right;
		margin-top: 85px;
		width: 180px
	}

	/* POSITION 2 
	.search-wrap {
		position: absolute;
		top: 10px;
		left: 390px;
		width: 180px
	}*/


/* ==========================================================================
   Background Options
   ========================================================================== */

/* 
	DEFAULT BACKGROUND
	This is the default background. 2 options exist set as 'template-1-default-bg-1.gif' or 'template-1-default-bg-2.gif'
	NOTE: if CCG has appropriate branded backround this can be set below which will override the default style rule
 */
.wrapper-intro {
	background-image: url('../../img/template-1-default-bg-1.gif');
}

/* 
	BRANDED BACKGROUND
	Comment out if this is not required. Will fall back to default background
*/
.wrapper-intro {
	background-image: url("../../img/template-1-theme-bg.gif");
}

.s4-ctx
{
	display: none;
}

/* Board Members CSS */

div#BoardMembers 
{
  width: 100%;
}

div.board-member
{
  float: left;
  width: 180px;
  overflow: hidden;
  margin-bottom: 20px;
}

div.board-member-details
{
 /*   background: #6166AF; */
  background: #e28c05;
  cursor: pointer;
  max-height: 262px;
  min-height: 262px;
  text-align: center;
  width: 156px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-style:solid;
  border-color:#6166AF;
}

div.board-member-details img 
{
  height: 180px;
  margin: 3px 0;
  width: 150px;
}

div.board-member-details h2,
div.board-member-details h3
{
  color: #fff !important;
  line-height: normal;
  margin: 0 3px;
  background: #6166AF;  
  border-color:#6166AF !important;  
}

div.board-member-details h2
{
  font-size: 16px;
}

div.board-member-details h3
{
  font-size: 13px;
  font-weight: normal;
}

div.board-member div.board-member-header h2
{
  background-color: #0d72ba;
  color: #fff;
  font-size: 25px;
  font-weight: normal;
  line-height: normal;
  padding: 8px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

div.board-member div.board-member-header h3,
div.board-member div.board-member-summary h3
{
  color: #97c040;
  font-size: 22px;
  font-weight: normal;
}

div.board-member div.board-member-summary
{
  font-size: 13px;
}

div.board-member div.board-member-summary img
{
  margin: 10px;
}