/*
Theme Name: NCH 2012
Theme URI: http://localhost
Description: Child theme based on Twenty Eleven 1.2. The homepage design was contributed by Blackdown Solutions (www.blackdownsolutions.com).
Author: Rob Woodgate (c)2012 Cogmentis Ltd
Author URI: http://www.cogmentis.com
Version: 1.1
Tags: none
Template: twentyeleven
*/

@import url('normalise.css'); /* normalise reset */
@import url('../twentyeleven/style.css');


/* =Structure Overrides
----------------------------------------------- */

html, body {
	height: 100%;
}

#page { min-width: 320px !important; margin: 0 auto;}

#branding .only-search #s,
#branding .only-search #s:focus { width: 65%; }
#branding .with-image #searchform { max-width: 125px; }
#branding #searchform {margin: 1em 0;}
#branding img { margin-bottom: 0px !important; width: auto !important; }
#branding #memberslogin { position: absolute; top: 5em; right: 7.6%; width:111px; height:22px; background: url('images/memberlogin.png') no-repeat; }
#branding #searchform { background-color:white; right: 20% !important; }
#branding h1, #branding h2 { text-align:left;}

#site-title { padding: 10px 0 !important; }

#homeleft, .homeleft { float:left; width:50%; }
#homeright, .homeright { float:right; width:49%; margin-left:1%; }
#site-generator { border-top: solid 1px #CCC; margin:5px; font-size:10px; padding: 0 0.5em 2.2em 0.5em; }

#supplementary.three .widget-area { margin-right: 1%; width: 32.1%; }
#supplementary.three .widget .cat-post-item { margin: 0 0 0 2em; padding: 0 1em; }
#supplementary.three .widget p { padding: 0 1em; }
#supplementary.three .widget ul { padding-left: 2em; color: #373737; }
#supplementary.three .widget .vspace {min-height:12em;}

#secondary {
	float: right;
	margin-right: 2.6%;
	width: 23.8%;
}

.entry-title,
.singular .hentry,
.singular.page .hentry,
.entry-content,
.entry-summary { padding: 0; }

.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title { width: auto; }

.entry-header {padding-bottom:1em;}
.entry-title, .singular .entry-title { font-size:18px; }
.hentry, .no-results { border-bottom: 3px solid #3E74C1; }
.category-archive-meta { border-bottom: 3px solid #3E74C1; margin-bottom: 1em; }

.singular .entry-header .entry-meta { position: relative; }
.singular .entry-meta .edit-link a { left:auto; right: -5%; top: 0px; }



/* =Global
----------------------------------------------- */

body {
	background-image: linear-gradient(bottom, rgb(151,209,186) 35%, rgb(255,255,255) 75%) !important;
	background-image: -ms-linear-gradient(bottom, rgb(151,209,186) 35%, rgb(255,255,255) 75%) !important;
	background-image: -o-linear-gradient(bottom, rgb(151,209,186) 35%, rgb(255,255,255) 75%) !important;
	background-image: -moz-linear-gradient(bottom, rgb(151,209,186) 35%, rgb(255,255,255) 75%) !important;
	background-image: -webkit-linear-gradient(bottom, rgb(151,209,186) 35%, rgb(255,255,255) 75%) !important;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.35, rgb(151,209,186)), color-stop(0.75, rgb(255,255,255)) ) !important;
	background: #fff url('images/1000px-grad.png') repeat-x bottom fixed;
}
header#branding {
	border-top:none !important;
	background: url('images/header.jpg') top right no-repeat !important;
}
#access a { color:black !important; padding: 0 1em;}
#access, #access .current_page_ancestor > a {
	background-image: linear-gradient(bottom, rgb(133,130,133) 9%, rgb(232,232,232) 67%) !important;
	background-image: -o-linear-gradient(bottom, rgb(133,130,133) 9%, rgb(232,232,232) 67%) !important;
	background-image: -moz-linear-gradient(bottom, rgb(133,130,133) 9%, rgb(232,232,232) 67%) !important;
	background-image: -webkit-linear-gradient(bottom, rgb(133,130,133) 9%, rgb(232,232,232) 67%) !important;
	background-image: -ms-linear-gradient(bottom, rgb(133,130,133) 9%, rgb(232,232,232) 67%) !important;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.09, rgb(133,130,133)), color-stop(0.67, rgb(232,232,232)) ) !important;
	background: #fff url('images/menu-grad.png') bottom repeat !important;
}

#breadcrumbs { font-size:smaller; }
#supplementary { border-top: none !important; }
#first, #second, #third {
	min-height:230px;
	border: 1px solid #ccc;
	background: #fff url('images/box-grad.png') bottom repeat-x;
	background-image: linear-gradient(bottom, rgb(214,214,214) 9%, rgb(250,250,250) 67%);
	background-image: -o-linear-gradient(bottom, rgb(214,214,214) 9%, rgb(250,250,250) 67%);
	background-image: -moz-linear-gradient(bottom, rgb(214,214,214) 9%, rgb(250,250,250) 67%);
	background-image: -webkit-linear-gradient(bottom, rgb(214,214,214) 9%, rgb(250,250,250) 67%);
	background-image: -ms-linear-gradient(bottom, rgb(214,214,214) 9%, rgb(250,250,250) 67%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.09, rgb(214,214,214)), color-stop(0.67, rgb(250,250,250)) );
}

#post-2 { display:none; }
#welcome { font-size: 1.1em; font-weight:bold; }
#homeleft h2, .homeleft h2 { font-weight:800; }
#homeright .widget .cat-post-item, .homeright .widget .cat-post-item { padding:10px; border: solid 1px #ccc; }
#homeright .widget ul li, .homeright .widget ul li { list-style:none; }

#get-social { margin:0 7.6%; }
#get-social h2 { display:inline; clear:none; font-weight: bold; }

.widget_text ul, .widget_text ol {margin: 0 0 1.625em 0;}


/* =Content
----------------------------------------------- */

h1, h2, h3 {color:#3e74c1; }

.entry-content h3,
.comment-content h3 {
	font-size: 14px !important;
	letter-spacing: normal !important;
	line-height: normal !important;
	text-transform: none !important;
	padding-bottom: 10px;
}

.entry-header .entry-format {
	color: 3E74C1;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: normal;
	line-height: normal;
	margin-bottom: 10px;
}

#find-hypnotherapist h2, #supplementary .widget-title, #homeright .widget-title, .homeright .widget-title {
	display:block;
	background: #006505;
	min-height: 25px;
	vertical-align: middle;
	color:white;
	font-weight:bold;
	text-transform: none;
	font-size: inherit;
	letter-spacing: inherit;
	line-height: 2em;
	padding-left:3%;
}

#supplementary .widget-title a, #primary .widget-title a {color: white;}
#find-hypnotherapist h2, #homeright .widget_text h3:first-child, .homeright .widget_text h3:first-child { background: #0861A5 !important; }
#find-hypnotherapist input[type="text"]{width:60%;}
#fat-search, #fat-aboutnch {min-height:19em;}
#fat-search {background:none repeat scroll 0 0 #EEEEEE;}
#fat-search form {border:0;}
#fat-aboutnch {background: #0861A5;color:white;}
#fat-aboutnch div {padding:2em;}
#fat-aboutnch h2 {text-align:center;}
#find-hypnotherapist .one_half {width:49%;}
#find-hypnotherapist .last_column {margin-left:1%;}

/* =NCH Custom Stuff
----------------------------------------------- */

/* General Classes */
.required { color: #bd3500; font-size: 22px; font-weight: bold; }
.warning { color: #bd3500 !important; font-weight: bold !important; }
.columns { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; }
.smaller {font-size: 0.8em;}

/* Homepage */
.attachment-cat_post_thumb_sizecategoryposts-3,
.attachment-cat_post_thumb_sizecategoryposts-4 { float:right; padding-left: 5px; } /* Recent News widget image */

/* Therapist search */
#tsmain { background: #eee;padding:1em;border: 1px solid #D3D3D3; }
#tsresults { overflow:hidden; }
#tsresults .avatar { float: left; padding-right: 1em; }
#tsresults ul { list-style:none; }
#tsresults h2 { clear:none; font-weight:bold; }
#tsresults a:visited { color: #1982D1; }
#tsresults li { clear: both; border-bottom: 3px solid #3E74C1; padding-bottom:2em; margin-bottom: 2em; min-height: 100px;}
#narrowsearch { padding: 1em; margin-bottom: 2em; border: 1px solid #D3D3D3; -moz-border-radius: 3px; border-radius: 3px;}
.tsnavigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; font-size:80%; }
.tsnavigation a { text-align:center; padding:5px 10px; margin:0 2px 0 2px; border:1px solid #6C7388; }
.tsnavigation a.current, .tsnavigation a:hover { background: #0861A5; color: white; }
#tsadv { cursor:pointer; }

/* Therapist Profile */
#tsprofile { overflow:hidden; }
#tsprofile .avatar { float: right; padding-left: 1em; }

/* Therapist Contact */
#respond.tscontact input[type="text"], #respond.tscontact textarea { text-indent:0px; }
#respond.tscontact .avatar { float: right; padding-left: 1em; }
#respond.tscontact select { padding: 5px }

/* Therapist Listing Update */
#map_canvas { float: right;}
#map_canvas img { max-width: none;}
#respond.tsupdate { width: 100%; }
#respond.tsupdate input[type="text"], #respond.tsupdate textarea { text-indent:0px; width: 65%; }
#respond.tsupdate #lat, #respond.tsupdate #lng {width:6em;display:inline-block;}
#respond.tsupdate .avatar { float: right; padding-left: 1em; }
#respond.tsupdate select { padding: 5px }
#respond.tsupdate label { color: #3E74C1;font-size: 14px; }
#respond.tsupdate tr.alt {background-color: #FFFFCC;}
#respond.tsupdate tr.expired {background-color: #EEE; color: #BBB;}
#respond.tsupdate th.main, tr.main {background-color: #3E74C1;color: #FFFFFF; font-weight: bold; padding: 0.5em;}

/* NCH Contact */
 #respond.tcontact select { padding: 5px }

/* Quick Polls */
#quickpoll p, #quickpoll-result p { margin-bottom: 0.625em; overflow:auto; font-size: 0.8em;}
#quickpoll p.qpquestion, #quickpoll-result p.qpquestion, #quickpoll p.qpresults, #quickpoll-result p.qptotal { font-weight:bold;}
#quickpoll p span.qpoption, #quickpoll-result p span.qpoption { display:block; float:left;width:33%; padding-right: 0.5em; }
.qplistpoll { font-size: 0.8em; overflow:auto;}
.qplistpoll span.qpdate { display:block; float:left;width:25%; padding-right: 0.5em; height:2em;}

 /* Members Page */
#listingstats {border: 1px solid #D3D3D3; -moz-border-radius: 3px; border-radius: 3px;}
#listingstats h2 { background-color: #0861A5 !important; color: white !important; padding-left: 3%; line-height: 2em}
#listingstats tr.alt {background-color: #FFFFCC;}
#plstats, #listingstats p {padding:0 0.5em; font-size:0.8em;margin-bottom:0}
#membernews h1 { font-size:1.4em; color: #3E74C1; }

/* AGM Proxy Form */
#respond.agm label { color: #3E74C1;font-size: 14px; padding-left:1em; }
#proxyvotediv label { display:inline-block; width:50% }
#respond.agm h2, #respond.agm h3 { padding-top: 1em; }
#respond.agm input[type="text"], #respond.tsupdate textarea { text-indent:0px; color: #373737; }

a.cta-button,
a.cta-button:hover,
a.cta-button:visited,
button.cta-button {
	display:block;
	text-align:center;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(top,#ffab19 0%,#ab5e00 100%);
	background: -ms-linear-gradient(top, #FFAB19 0%, #AB5E00 100%);
	background: -o-linear-gradient(top, #FFAB19 0%, #AB5E00 100%);
	background: -webkit-linear-gradient(top, #FFAB19 0%, #AB5E00 100%);
	background: -linear-gradient(top, #FFAB19 0%, #AB5E00 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFAB19), color-stop(1, #AB5E00));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #7d4b00;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}



/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 1024px) {
	#supplementary.three .widget .vspace {min-height:22em;}
}
@media (max-width: 800px) {
	.columns { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }
	#supplementary.three .widget .vspace {min-height:28em;}
	#colophon #supplementary .widget-area { float: left; margin-right: 1%; width: 31.85%;}
	#supplementary {padding:1.652em 5%;}
	#first, #second, #third { min-height:38em;}
	#fat-search, #fat-aboutnch {min-height:24em;}
}
@media (max-width: 650px) {
	.columns { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }
	#homeleft, .homeleft { float: none; width:100%; }
	#homeright, .homeright { float: none; width:100%; }
	#first, #second, #third { float:none; width:100%; margin-top:2em;min-height:10em;}
	#supplementary.three .widget .vspace {min-height:10em;}
	#colophon #supplementary .widget-area, .home #supplementary .widget-area { float: none; margin-right: 0; width: auto;}
	#find-hypnotherapist .one_half {width:100%;}
	#find-hypnotherapist .last_column {margin:2em 0 0 0;}
	#fat-search, #fat-aboutnch {min-height:10em;}
}
@media (max-width: 450px) {
	.columns { -moz-column-count:1; -webkit-column-count:1; column-count:1; }
	#homeleft, .homeleft { float: none; width:100%; }
	#homeright, .homeright { float: none; width:100%; }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	.columns { -moz-column-count:1; -webkit-column-count:1; column-count:1; }

	#homeleft, .homeleft { float: none; width:100%; }
	#homeright, .homeright { float: none; width:100%; }
}


/* =Print
----------------------------------------------- */

@media print {


}

/* New styles for wiki */

body {
    background-color: #e6edef !important;
    background-image: none !important;
}

header#branding {
    background: #37cece !important;
}

div.dokuwiki .header {
    padding: 15px !important;

    color: #fff;
    background: #5a2468;
}

.hfeed #main {
    padding-top: 0;
}

#page.hfeed #access {
    margin: 0;
    box-shadow: none;

    background: #fff !important;
}

#page.hfeed #access div {
    margin: 0;
}

#page.hfeed #access ul#menu-main,
#page.hfeed #access ul#menu-members {
    display: inline-block;

    margin: 0;
}

#page.hfeed #access ul ul li a {
    font-size: 14px;
    font-weight: normal;
    display: block;
    padding: 10px 20px;
    text-align: left;
    text-transform: none;
    color: #99a9b5 !important;
    background: #393d50;
    border-bottom: 1px solid #494c64;
    cursor: pointer;
}

#page.hfeed #access a {
    font-family: 'Hind';
    font-size: 13px;
    font-weight: 600;

    padding: 0 1em;
    padding: 0 15px;

    letter-spacing: .5px;
    text-transform: uppercase;

    color: #263238 !important;
}

#page.hfeed #access li:hover > a,
#page.hfeed #access a:focus {
    color: #5a2468 !important;
    background: #fff !important;
}

#branding {
    padding-bottom: 0;
}

#branding hgroup {
    margin: 0;
}

#branding h1 {
    padding: 0 !important;
}

#branding h1:before {
    display: block;

    content: url('/cms/wp-content/uploads/2019/10/national-council-for-hypnotherapy.png');
}

#branding h1 img {
    display: none;
}

.hfeed div.dokuwiki input.button,
.hfeed div.dokuwiki button.button {
	font-size: 14px;
    font-weight: 600;
    line-height: 1em;
    padding: 10px 15px;
    color: #fff;
    border: none;
    border-radius: 3px;
    background: #5a2468;
}

.hfeed div.dokuwiki input.button:hover,
.hfeed div.dokuwiki button.button:hover {
	background: #7e298b;
}

.dokuwiki button {
    font-size: 14px;
    font-weight: 600;
    line-height: 1em;

    padding: 10px 15px;

    color: #fff;
    border: none;
    border-radius: 3px;
    background: #00808e;
}

.dokuwiki button:hover {
	background: #085161;
}

.hfeed div.dokuwiki input.edit,
.hfeed div.dokuwiki select.edit,
#branding input#s {
    border: none;
    background-color: #fff;
    vertical-align: unset;
    padding: 7px;
    display: inline-block;
    background: #fff !important;
    margin: 0 5px 0 0;
    transform: translate(0, -1px);
    border-radius: 3px;
}

#branding #searchform {
    right: 160px !important;
    margin: 0;
    top: 30%;
    background: transparent;
}

#branding input#s {
	margin: 0;
	width: 120px;
}

.hfeed #branding #memberslogin {
	font-size: 14px;
    font-weight: 600;
    line-height: 1em;

    padding: 10px 15px;

    color: #fff;
    border: none;
    border-radius: 3px;
    background: #5a2468;
    width: auto;
    height: 15px;
    top: 30%;
    right: 20px;
}

.hfeed #branding #memberslogin:hover {
	background: #7e298b;
}

.hfeed #memberslogin:before {
	content: "Member login";
	display: block;
}

.hfeed div.dokuwiki .pagename a {
    color: rgba(255, 255, 255, .5) !important;
}

.hfeed div.dokuwiki .bar {
    background: #e5edef;
    border: none;
    padding: 10px 0;
}

.hfeed div.dokuwiki div.breadcrumbs {
    background-color: #e1f8f8;
    color: #666;
    font-size: 100%;
    padding: 10px;
}

.hfeed div.dokuwiki a.wikilink1 {
	color: #5a2468;
}

.hfeed div.dokuwiki div.meta {
    font-size: 80%;
    overflow: hidden;
    text-align: center;
    margin: 0 0 20px 0;
}

.hfeed div.dokuwiki div.meta div.user {
    float: none;
}

.hfeed div.dokuwiki h1 {
    color: #263238;
    border: none;
    margin: 0 0 15px 0;
}