/*
Theme Name:     Norwich Wellbeing
Description:    For the Norwich Wellbeing Site, extending the Organic Theme Non-Profit theme.
Author:         Khalid Hussin
Template:       organic_nonprofit

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../organic_nonprofit/style.css");


.container i {
	color:#009966;
}
/*
 *	Front Page and Menu
 *	
 */
#header #masthead {
  margin:24px 0 0 0;
  top:auto;
}
#custom-header {
  margin:5px 0 3px 0;
}
#header #masthead .site-description {
  margin:0 0 5px 0;
}
#navigation {
  top:0;
  z-index:0;
}
#navigation .corner-left {
  top:auto;
  bottom:-10px;
  border-bottom: 10px solid transparent;
  border-top: 0px solid transparent;
  border-right: 10px solid #222222;
}
#navigation .corner-right {
  top:auto;
  bottom:-10px;
  border-bottom: 10px solid transparent;
  border-top: 0px solid transparent;
  border-left: 10px solid #222222;
}
  
#slideshow .feature-vid + .holder {
  display:none;
}

.menu a {
	letter-spacing:normal;
	white-space:no-wrap;
}
.menu ul ul, ul.menu ul {
	width: 240px;
}
.menu li li a {
	line-height:1.1em;
	padding:12px 8px;
}

h2.pad-left {
  	padding-left:20px;
}


/*
 *	Grid Lists (for therapies/classes/etc
 *	
 */
.grid-list {
	margin:0;
	padding:3px;
}
.grid-list li {
	width:30%;
	float:left;
	margin:0 5px;
	padding:1% 5px;;
	list-style-type:none;
	border:1px solid #ffffff;
	  height:436px;
}
.grid-list li:hover  {
	border:1px solid #aaaaaa;
}

.grid-list li .feature {
	max-width:100%;
	height:auto;
}
.grid-list li img {
	max-width:100%;
	height:auto;
}
.grid-list li .information {
	height:200px;
	overflow:hidden;
}
@media screen and (max-width: 600px) {
  .grid-list li {
	  width:98%;
	  height:auto;
  }
}
@media screen and (min-width: 600px) and (max-width: 768px) {
  .grid-list li {
	  width:46%;
	  height:436px;
	  
  }
}

/*
 *	Training List
 *	
 */
	
@media screen and (min-width: 768px) {
  .training-filter {
	  margin-top:80px;
  }
}
@media screen and (max-width: 767px) {
  .training-filter {
	  margin-left:15px;
  }
}
				
#organisation-filter-select select {
	width:70%;
	font-size:150%;
	min-height:35px;
}	
				
#organisation-filter-select input {
	padding:8px;
	font-size:200%;
}
		
.training-list {
	margin:0;
	padding:3px;
}
.training-list li {
	width:30%;
	float:left;
	margin:0 5px;
	padding:1% 5px;;
	list-style-type:none;
	border:1px solid #ffffff;
	  height:536px;
}
.training-list li:hover  {
	border:1px solid #aaaaaa;
}

.training-list li .feature {
	max-width:100%;
	height:auto;
}
.training-list li img {
	max-width:100%;
	height:auto;
}
.training-list li .information {
	max-height:300px;
	overflow:hidden;
}
@media screen and (max-width: 600px) {
  .training-list li {
	  width:98%;
	  height:auto;
  }
}
@media screen and (min-width: 600px) and (max-width: 768px) {
  .training-list li {
	  width:46%;
	  height:436px;
	  
  }
}


/*
 *	Project page template
 *	
 */
.page-template-template-project-php {
	
}
.page-template-template-project-php .project-post-list {
	margin:15px;
	padding:0;
}

.page-template-template-project-php .project-post {
	padding:0 0 5px 0;
	list-style-type:none;
}

.page-template-template-project-php .project-post .post-title {
	
}

.page-template-template-project-php .project-post .post-image {
	
}

.page-template-template-project-php .project-post .excerpt {
	
}
.page-template-template-project-php .project-post .social {
	float:none;
}

@media screen and (max-width: 768px) {

	.page-template-template-project-php .project-post .post-image-small{
		display:none;
	}
	.page-template-template-project-php .project-post .post-title {

	}
	.page-template-template-project-php .project-post .headline {

	}
	.page-template-template-project-php .project-post .post-author {

	}
	
	.page-template-template-project-php .project-post .post-image-large {

	}
	
	.page-template-template-project-php .project-post .excerpt {

	}  
}
@media screen and (min-width: 768px) {

	.page-template-template-project-php .project-post .post-image-small {
		max-width:20%;
		float:left;
		padding:25px 0 0 0;
	}
	.page-template-template-project-php .project-post .post-title {
		margin-left:22%;
		width:78%;
	}
	.page-template-template-project-php .project-post .headline {
		margin:0 0 10px 0;
		border-bottom:1px solid #dddddd;
	}
	.page-template-template-project-php .project-post .post-author {
		display:none;
	}
	
	.page-template-template-project-php .project-post .post-image-large {
		display:none;
	}
	
	.page-template-template-project-php .project-post .excerpt {
		margin-left:22%;
  		width:78%;
	}  
}





/*
 *	Archives
 *	
 */
.archive-holder {
	padding:10px;
}




/*
 *	List pages - therapies, therapists, classes etc
 *	
 */




/*
 *	Individual pages - therapy, therapist, class, event etc
 *	
 */
ul.people-list, ul.therapy-list, ul.event-list, ul.article-list, ul.person-class-list, ul.person-article-list {
	margin:0;
  	padding:0;
}
ul.people-list li, ul.therapy-list li, ul.class-list li, ul.event-list li, ul.article-list li, ul.person-class-list li, ul.person-article-list li {
	list-style-type:none;
  	padding:0;
}
ul.people-list .information p, ul.therapy-list .information p, ul.article-list .information p, ul.person-class-list .information p, ul.person-article-list .information p {
	max-height:100px;
  	overflow:hidden;
}


.therapist-link {
	padding-right:24px;
	  margin-top:18px;
}



body.page-id-185 td {
	text-align:center;
}
.class-times .times h4 {
	padding-bottom:0;
	margin-bottom:0;
	font-size:130%;
}
.class-times .times p {
	padding-top:0;
	margin-top:0;
}

ul.class-list {
	margin:0;
  	padding:0;
}
ul.class-list li {
	list-style-type:none;
  	padding:0;
  	clear:both;
}

ul.class-list .information,
ul.class-list .instructors {
		display:table-cell;
		padding:5px;  
	}
ul.class-list .instructors li {
  	
  	padding:3px;
  	clear:none;
}
ul.class-list .instructors a { width:100%; }
ul.class-list .instructors img {
  	width:75px;
  	height:75px;
  	text-align:center;
}
ul.class-list .instructors p {
  	text-align:center;
	padding:0;
}

@media screen and (max-width: 450px) {
	ul.class-list a.feature-img {
		display:block;
		width:100%;
		vertical-align: top;
	}
  	ul.class-list .instructors { display:none; }
}
@media screen and (max-width: 768px) {
	ul.class-list a.feature-img {
		display:block;
		width:100%;
		vertical-align: top;
	}
  	ul.class-list .instructors li { 
		display:table-cell;
		min-width:75px;
  	}
}
@media screen and (min-width: 768px) {
	
	ul.class-list a.feature-img {
		display:table-cell;
		padding:5px;  
	}
	ul.class-list a.feature-img {
		width:40%;
		vertical-align: top;
	}
	ul.class-list a.feature-img img {
		margin-top:25px;
	}
	ul.class-list .information {
		width:40%;
	}
	ul.class-list .instructors {
		width:15%;
	}
}



.articles-written {
	padding:0 0 24px 24px;
}
.articles-written h3 {
	padding-bottom:0;
	margin-bottom:0;
}
.articles-written p {
	padding-top:3px;
}



body.home .headline {
 	font-size:1.6em; 
}



body.home .ui-tabs li,
body.home .ui-tabs li a {
 	width:100%; 
}

body.home .date-and-price {
	font-weight:700;
}

.recent-articles {
  	margin:12px 0;
}

.recent-articles h2 {
	text-align:center;
}
@media screen and (max-width: 768px) {
	  
	.articles-written {
		display:none;
	}
}
	
.recent-articles .home-article-list {
	  margin:0;
	  padding:0;
}
.recent-articles .home-article-list h4 {
  	font-size:1.5em;
}
.recent-articles .home-article-list li {
	list-style-type:none;
	clear:both;
  	margin:0;
  	padding:3px 3px 3px 15px;
	background: #FFFFFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .08);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .08);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .08);
}
.recent-articles .home-article-list li+li {
  	margin-top:6px;
}

.recent-articles .article-author {
	float:right;
  	padding:3px;
}
body.archive .article-author, .article-list .article-author {
	float:left;
	padding:12px 8px 3px 3px;  
}
body.archive .organic-btn {
	margin:0 0 20px 0;
}
.article-list .organic-btn {
	margin:0 0 20px 111px;
}
body.archive h2.headline, .article-list h2.headline {
	font-size:1.6em;
	padding-bottom:0;
	margin-bottom:0;  
}
.article-author {
  	max-width:105px;
}
.article-author:after {
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
	}
.article-author img, .article-list img {
  	display:block;
  	width:100px;
  	height:100px;
}
.article-author p {
  	text-align:center;
	padding:3px 0 6px 0;
  	line-height:1.05;
}
@media screen and (max-width: 360px) {

	.article-author {
  		display:none;
	 }
}
@media screen and (max-width: 500px) {

	.recent-articles .article-author {
		max-width:80px;
	}
	.recent-articles .article-author img {
	  	height:65px;
		width:65px;
	}
}
@media screen and (min-width: 500px) and (max-width: 768px) {
 	.recent-articles .home-article-list h4 {
  		font-size:1.7em;
		margin-top:10px;
	}
}
@media screen and (min-width: 768px) {

	.recent-articles .article-author {
		max-width:80px;
	}
	.recent-articles .article-author img {
	  	height:65px;
		width:65px;
	}
}


.recent-articles .white-btn {
	clear:both;
	margin:5px 15px;
}



body.single-articles .author,
body.single-articles h1.headline {
 	display:table-cell;
}
body.single-articles .author {
  	min-width:150px;
  	vertical-align:top;
  	padding:0 10px 0 0;
}
body.single-articles h1.headline {
 	vertical-align:bottom;
}
body.single-articles .author img {
 	display:block;
  	
}
body.single-articles .author p {
 	font-size:1.3em;
  	font-weight:500;
  	text-align:center;
  	padding:0;
  	
}






/*
 *	Sidebar
 *	
 */

.sidebar #text-2, .sidebar #text-2 p  {
	padding:0;
	margin:0;
 }
 .sidebar #wysija-2 {
	  margin-left:15px;
	}
 .sidebar #wysija-2 h6 {
	  display:none;
	}
 .sidebar #wysija-2 .wysija-paragraph {
	  padding:0;
	}

.sidebar #wysija-2 .wysija-input {
	width:80%;
  }
.NWCUpcomingEventsWidget {
	
}
.NWCUpcomingEventsWidget .event-title {
	padding-bottom:2px;
	font-weight:500;
	font-size:120%;
}
.NWCUpcomingEventsWidget .date-and-price {
	padding-top:0;
}

.NWCRecentNewsArticlesWidget li {
	min-height:46px;  
}

.NWCRecentNewsArticlesWidget img {
	float:right;
	width:40px;
	height:40px;
	padding:3px;	  
}