@font-face {
font-family: "icons";
src:url(//mentalnotespsych.com/wp-content/themes/mentalnotes/fonts/icons.eot);
src:url(//mentalnotespsych.com/wp-content/themes/mentalnotes/fonts/icons.eot?#iefix) format("embedded-opentype"),
url(//mentalnotespsych.com/wp-content/themes/mentalnotes/fonts/icons.woff) format("woff"),
url(//mentalnotespsych.com/wp-content/themes/mentalnotes/fonts/icons.ttf) format("truetype"),
url(//mentalnotespsych.com/wp-content/themes/mentalnotes/fonts/icons.svg#untitled-font-1) format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "icons" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "icons" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arrow:before {
content: "\61";
}
.icon-facebook:before {
content: "\62";
}
.icon-instagram:before {
content: "\63";
}
.icon-linkedin:before {
content: "\64";
}
.icon-logo:before {
content: "\65";
}
.icon-logo-footer:before {
content: "\66";
}
.icon-menu:before {
content: "\67";
}
.icon-twitter:before {
content: "\6a";
}
.twitter-ic:before {
margin: -19px 0 0 0;
text-align: 10px;
position: absolute;
}
html {
font-family: "textbook-new",sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 40px;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: "textbook-new",sans-serif;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} body,
button,
input,
select,
optgroup,
textarea {
color: #1a4345;
font-family: "textbook-new",sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.3;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
margin: 0 0 20px 0;
line-height: 1.3
}
h3 {color:#3ab769; font-size:28px; letter-spacing:.5px;}
h4 { font-weight:100; font-size:24px; }
h5 { font-size:20px; }
p {
margin-bottom: 1.5em;
margin-top:0;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "textbook-new",sans-serif;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-family: "textbook-new",sans-serif;
font-size: 15px;
font-size: 0.9375rem;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #e8e8e8; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul, ol {
margin: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .6em 1em .4em;
}
.page-id-87 input[type="submit"] { background-color:#4a68ad}
.page-id-87 input[type="submit"]:hover { background-color:#304472}
.page-id-75 input[type="submit"] { background-color:#ed5e3a}
.page-id-75 input[type="submit"]:hover { background-color:#C54C2D}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border: none;
outline:none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: none; padding: 18px 20px 18px;
width:100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
outline:none;
}
select {
-webkit-appearance: button;
-moz-appearance: button;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-padding-end: 20px;
-moz-padding-end: 20px;
-webkit-padding-start: 2px;
-moz-padding-start: 2px;
background-color: #fff;
background-image: url(//mentalnotespsych.com/wp-content/themes/images/arrow-down.png);
background: #fff;
background-position: center right;
background-repeat: no-repeat;
border: none;
border-radius: 0;
box-shadow: none;
color: #555;
font-size: inherit;
margin: 0;
overflow: hidden;
padding: 20px 20px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
textarea {
width: 100%;
}
.search-field::-webkit-input-placeholder { color: rgba(256,256,256,.5);
}
.search-field::-moz-placeholder { color: rgba(256,256,256,.5);
}
.search-field:-ms-input-placeholder { color: rgba(256,256,256,.5);
}
.search-field:-moz-placeholder { color: rgba(256,256,256,.5);
}
::-webkit-input-placeholder { color: #999;
}
::-moz-placeholder { color: #999;
}
:-ms-input-placeholder { color: #999;
}
:-moz-placeholder { color: #999;
}  a {
color: #1a4345;
text-decoration:none;
}
a:visited {
color: #1a4345;
}
a:hover, a:focus, a:active {
color: #000;
}
a:focus {
outline: none;
}
a:hover, a:active {
outline: 0;
} .main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}
.main-navigation ul {
}
.main-navigation ul ul {
}
.main-navigation ul ul ul {
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
}
.main-navigation ul ul a {
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
}
.main-navigation li {
float: left;
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1.5em; }
.widget select {
max-width: 100%;
}  .sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} * { 
-moz-transition:all ease-in-out.3s;
-ms-transition:all ease-in-out.3s;
-webkit-transition:all ease-in-out.3s;
transition:all ease-in-out.3s;
}
.site-content { position:relative; z-index:2}
.green-page { background-color:#3ab769}
#masthead { position:relative}
.site-branding .icon {
font-size: 160px;
color: #fff;
transition: ease-in-out .6s all;
}
a.site-branding {
margin: 100px 0 0 100px;
display: inline-block;
position:fixed;
z-index:200;
transition: ease-in-out .6s all;
}
.scrolled .site-branding {
margin: 16px;
transition: ease-in-out .6s all;
}
.scrolled .site-branding .icon { transition: ease-in-out .6s all;
font-size: 70px;
}
.single-post.scrolled .site-branding,
.scrolled.page-template-template-services .site-branding {
margin: 55px;
transition: ease-in-out .6s all;
}
.scrolled.page-template-template-services .site-branding .icon { color:#eee}
.scrolled.woocommerce-page .hamburger { color:#f9d55a}
.site-branding img {
max-width:160px;
height:auto;
}
.clearfix:after, #Programmes:after {
content: "";
display: table;
clear: both;
}
.side-padded {
padding-left:100px;
padding-right:100px;
}
.bump-down, .bump-down.article {
margin-top:100px;
}
.bump-down-small { margin-top:50px;}
.bump-down-large { margin-top:150px;}
.push-down {
margin-bottom:100px;
}
.tb-padded {
padding-top:100px;
padding-bottom:100px;
}
.container {
max-width: 1350px;
margin:0 auto;
}
.bg-white { background-color:#fff}
.two-thirds { margin-left:2%; width:66%; float:left}
.first { margin-left:0}
.home-intro {
float: left;
margin-top: 100px;
color: #3ab769;
letter-spacing:0;
}
.home-intro h2 {
font-weight: 100;
font-style: italic;
}
.home-intro h3 {
margin: 0;
font-style: italic;
font-weight: 900;
letter-spacing:-.5px
} .hamburger, .closer {
position: fixed;
right: 100px;
top: 100px;
}
.hamburger, .closer {
font-size: 32px;
}
a.hamburger {
color:#3ab769;
z-index:100;
}
a.hamburger:hover, #site-navigation a.closer:hover {color:#1a4345}
a.closer { 
color:#fff;
float:right;
}
#site-navigation  {
opacity:0;
padding:100px;
box-sizing:border-box;
z-index:-1;
background-color:#3ab769;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
color:#fff;
}	
#site-navigation .site-branding {    
margin: 0;
position: relative;
}
#site-navigation a { color:#fff}
.menu-open #site-navigation {
opacity:1;
z-index:9999;
}
#site-navigation .site-branding {
float:left;
}	
.menu-holder {
clear: both;
margin: 0px auto;
max-width: 1000px;
padding: 0 100px;
}
#left-menu {
width:47%;
float:left;
}
#right-menu	{
width:47%;
float:right;
}
.menu-holder ul {
list-style:none;
margin:0;
padding:0;
letter-spacing:1px;
width:100%
}
.menu-holder ul.sub-menu { border:none}
.menu-holder ul.menu { }
.menu-holder ul li { width:100%}
.menu-holder ul li a { font-size:24px}
.menu-holder ul ul li { font-size:20px; display:block; width:100%}
.parent-menu ul ul li a { font-size:30px; font-weight:100}
#site-navigation ul.sub-menu li a {
font-size: 32px;
font-weight: 100;
line-height: 1.4;
}
.parent-menu.close ul { max-height:0; overflow:hidden; transition:all ease-in-out 1s;}
.parent-menu.open ul { max-height:20000px; transition:all ease-in-out 2s; overflow:hidden}
body.menu-open { position:fixed; width:100%; height:100%}
.menu-holder ul.menu > li {
border-bottom: 1px solid #fff;
padding: 20px 0;
}
.menu-holder .acc-icon {
float: right;
margin-top: 9px;
}
.menu-holder .open .acc-icon  {
-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.menu-holder .acc-icon:hover { 
cursor: pointer;
}
.menu-holder ul ul {
max-height: 0;
overflow: hidden;
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.menu-holder ul li.open ul {
max-height: 400px;
-webkit-transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
transition: all 1s ease-in;
} .footer-branding img { margin-bottom:10px}
.footer-social a { font-size:24px; margin-right:10px; margin-top:10px; display:inline-block}
.footer-branding .icon {
font-size:150px;
color:#fff;
line-height: .5;
}
.footer-social .icon {}
#colophon {
background-color:#3ab769;
padding:100px;
color:#fff;
font-size:14px;
line-height:1.3;
}
#colophon a { color:#fff}
#colophon a:hover { text-decoration:underline}
.site-links {
border-bottom: solid 1px #fff;
padding: 0 0 20px 0;
margin-bottom: 20px;
position:relative;
}
.foot-col1 {
width: 25%;
}
.foot-col2 {
width: 25%;
}
.foot-col3 {
width: 30%;
padding-right:10px;
}
.foot-col2 p { font-size:18px; margin:0; }
.foot-col1 p {font-size:18px; margin:0; }
.site-links .foot-col3 p { font-size:18px}
.foot-col3 p, .foot-col4 p, .site-info p { margin:0}
.foot-col3 p { display:inline;}
.site-info .table-cell { vertical-align:top}
.site-info  .footer-social { vertical-align:bottom}
#colophon .footer-social a:hover, #colophon a.footer-branding:hover { text-decoration:none}
.center-contact { max-width:1200px; margin: 0 auto; text-align:left}
.location-det {
width: 49%;
display: inline-block;
padding: 3% 3% 0;
vertical-align: top;
}
.location-content { text-align:left; padding:30px 0; font-size:20px; font-weight:200}
.current-time { 
margin-bottom: 30px;
height: 26px;
}
.location-det img { display:block; width:100%}
.loc-address {
padding: 0 0 0 70px;
position: relative;
}
.loc-address:before {
content: "";
display: block;
position: absolute;
width: 30px;
height: 30px;
background-image: url(//mentalnotespsych.com/wp-content/themes/mentalnotes/images/arrow-right-white.png);
background-size: cover;
left: 0;
}
.location-det hr {
background-color: #fff;
border: 0;
height: 3px;
margin: 30px 0;
}
.main-contact { background-color:#fff; color:#1a4345; }
.contact-container .wpcf7, .contact-container .wpcf7-form {position:relative}
.main-contact input, .main-contact select, .main-contact textarea { border: solid 1px #3ab769 !important}
.main-contact .form-row { max-width:100%}
.contact-container .wpcf7:after,
.contact-container .wpcf7-form:after {
content: "";
display: table;
clear: both;
}
.contact-container .your-message {
position: absolute;
width: 100%;
height: 100%;
}
.main-contact .contact-message {
width: 49%;
position: absolute;
height: 100%;
}
.contact-message textarea {
width: 100%;
position: absolute !important;
height: 100%;
}
.contact-fields input[type="email"] {
width: 65%;
float: left;
}
div.wpcf7 .ajax-loader {
position: absolute;
bottom: -30px;
left:50%
}
.contact-border {
border: solid 3px #3ab769;
padding: 40px 40px 50px;
max-width: 1400px;
margin: 0 auto;
}
.contact-fields input[type="submit"] {
float: left;
width: 35%;
padding: 20px 0;
}
.contact-fields { width:49%; float:right}
.table {
display: table;
width:100%;
}
.table-row  {
display: table-row;
width:100%;
}
.table-cell {
display: table-cell;
}
.site-links .table-cell { vertical-align:bottom}	
.grey-banner { position:relative}
.grey-banner .right-text {
float:right;
width:40%;
padding:8% 0
}
.grey-banner .left-image {
float:right;
width:50%;
background-position:center;
background-size:cover;
height:100%;
position:absolute;
}
.green-border { border:solid 5px #3ab769}
.newsletter .container { padding:50px;}
.thin { font-weight:100}
.signup-text { width:50%; float:left}
.signup-form { width:40%; float:right}
.last-text { margin-bottom:0}
.promo-image {
background-size: cover;
background-position: center;
height: 320px;
width: 60%;
position: relative;
margin-left:40%;
}
.promo-text {
background-color: #FFFFFF;
margin: -120px 0 0 0;
position: relative;
width: 47%;
padding: 6%;
display:block;
}
.promo-text:visited { color:#1a4345}
.promo-text:hover {
box-shadow:0px 0px 100px rgba(0,0,0,.1)
}
.promo-text:hover img { margin-right:-10px; transition:all ease-in-out 1s}
.promo-text img { float:right; transition:all ease-in-out 1s; margin-right:0;}
.promo-text h5 { clear:none; width:auto}
.promo-2 .promo-image {
float: left;
margin:0;
}
.promo-2 .promo-text {
float: right;
margin-top: -260px;
}
.promo-3 .promo-image {}
.promo-3 .promo-text {
margin-top: -230px;
}
.promo-1 .promo-image img {
position: absolute;
bottom: 10%;
right: 5%;
width:60%;
max-width:350px;
}
.promo-2 .promo-image img {
width: 60%;
top: 25%;
left: 18%;
position: absolute;
max-width: 350px;
}
.promo-3 .promo-image img {
width: 60%;
bottom: 5%;
position: absolute;
right: 5%;
max-width:350px;
}
.scrollFadeIn { opacity:0; transition:all ease-in-out 2s}
.inViewport { opacity:1; transition:all ease-in-out 2s}
.enterLeft { margin-left:-10%; position:relative;}
.enterRight {
margin-right: -10%;
position: relative;
display: block;
}
.inViewport.enterLeft { margin-left:0}
.inViewport.enterRight { margin-right:0}
.default-page {
padding: 300px 100px 100px 100px;
}
.services-page {
margin-top: 180px;
}
.hero-service-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin: 0 0 0 180px;
position: relative;
height: 60vh;
min-height: 450px;
}
.hero-service-image img {
position: absolute;
bottom: 70px;
right: 50px;
}
.service-headline {
position: absolute;
background-color: #fff; padding: 30px 50px 30px 100px;
left: 0;
max-width: 52%;
-ms-transform:translateY(-100%);
-webkit-transform:translateY(-100%);
-moz-transform:translateY(-100%);
transform:translateY(-100%);
}
.service-headline h5 { margin-bottom:10px; font-size:28px;}
.service-section { 
background-color:#fff;
padding:100px 0 1px;
}
.services-page .site-main { overflow:hidden}
.service-section:after {
content: '';
position: absolute;
width: 52%;
background-color: #fff;
height: 100%;
right: -49%;
top: 0;
z-index: -1;
}
.the-service {
transition: all ease 2s;
overflow: hidden;
margin-bottom: 90px;
position:relative;
}
.service-intro, .trigger, .service-content, .second-intro  {
margin: 0 0 0 180px;
}
.service-intro { max-width: 1000px; width:60%}
.service-intro h4 p, .service-intro h4 { margin-bottom:0}
.service-intro h4 p, .service-intro h4 { margin-bottom:20px}
.hidden { padding-top:30px;  transition:all ease 2s; max-height:0; }
.service-content {
font-size: 20px;
font-weight: 100;
max-width:60%; }
.close .hidden { max-height:0; transition:all ease 1s; transition-delay:0; overflow:hidden }
.open .hidden { max-height:2000px;  transition:all ease 3s; transition-delay:0; overflow:hidden;}
.hidden-container {
position: relative;
height: auto;
width: 100%;
}
.trigger {
padding: 0px 0 50px 0;
text-align: right;
border-bottom: solid 1px #3ab769;
font-size: 28px;
color: #3ab769;
max-width:1200px; 
margin-right:100px;
position:relative
}
.trigger:hover { cursor:pointer}
.open .trigger {
}
.trigger .icon   {
position:absolute;
right:0
}
.icon.open-service {
float:right;
-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.closed-service, .open-service { transition:all ease-out 5s}	
.closed-service { opacity:1; transition:all ease-out .3s; transition-delay: 2s;}
.open .closed-service { opacity:0;  transition:all ease-out .1s}
.open-service { opacity:0; transition:all ease-out .1s;}
.open .open-service { opacity:1; transition:all ease-out .3s; transition-delay: 2s;}
.right-arrow {
float:right;
-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-size:26px;
}
.mental-note {
padding: 90px 100px 100px 100px;
background-color: #e8e8e8;
margin-top: 50px;
background-repeat: no-repeat;
background-position: 90% 65%;
}
.mental-note h3 { margin-bottom:5px}
.with-left-image .mental-note span {
max-width: 670px;
display: block;
}
.mental-note span { font-size:50px; font-weight:100}
.intro-image {
text-align: right;
padding: 0 10% 10px 0px;
max-width: 1380px;
}
.with-intro-image .service-intro p { margin-bottom:0}
.left-image {
width: 30%;
height: 100%;
background-size: cover;
background-position: center;
float: left;
position: absolute;
-webkit-filter: grayscale(0%); filter: grayscale(0%);
transition:all ease-in-out .5s;
transition-delay: 1s; 
}
.close .left-image {
-webkit-filter: grayscale(100%); filter: grayscale(100%);
transition:all ease-in-out .5s;
transition-delay: 1s;
}
.with-left-image .service-content {
float: left;
max-width: 700px;
width: 40%;
margin: 0 0 0 35%;
}
.with-left-image .mental-note {
float: right;
width: 70%;
padding-left: 5%;
margin-bottom:50px
}
.with-left-image .hidden {	position:relative}
.with-left-image.open  .service-intro { }
.sign-off {  position:relative; display:block}
.andrea-photo {
position: absolute;
height: 130%;
width: 40%;
top: -30%;
background-size: cover;
background-position: center;
}
.email-andrea {
background-color: #1c4345;
padding: 10vw 12%;
color: #fff;
font-size: 28px;
font-weight: 100;
text-align: center;
width: 60%;
margin-left: 40%;
}
.service-contact {
position:relative;
background-color: #e8e8e8;
}
.serv-tagline {
width: 60%;
background-color: #1a4345;
color: #fff;
text-align: center;
font-size: 28px;
font-weight: 100;
float: left;
position: absolute;
height: 100%;
}
.serv-tagline span {
position: absolute;
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
top: calc(50% + 40px);
max-width:350px;
}
.white-bar { background-color:#fff; height:80px}
.serv-form {
width: 40%;
padding: 40px 40px 20px 40px;
float:right;
background-color:#eee;
}
.select-half { margin-bottom:2%;}
.select-half:after {
content: '';
position: absolute;
z-index: 100;
right: 12px;
display: block;
top: 43%;
background-size: cover;
width: 0; 
height: 0; 
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #999;
}
.form-row { clear:both; max-width:450px; position:relative;}
.form-half { float:left; width:49%; margin-right:2%; padding-bottom:2%; position:relative}
.form-half:last-of-type { margin:0} 
textarea { height:120px; margin-bottom:1%}
.serv-form p { padding:0; margin:0}
.serv-form input[type="email"] {
width: 65%;
float: left;
}
.serv-form input[type="submit"] { float:left; width:35%; padding:20px 0}
.the-service:last-of-type { margin-bottom:0; }
.the-service:last-of-type .mental-note {
padding-bottom: 15%;
background-position: 90% 42%;
}
.open.the-service:last-of-type .trigger {
margin-top: -100px;
margin-bottom: 50px;
border:none
}
.the-service:last-of-type.close {
transition-delay:.5s;
margin-bottom: 100px;
}
.second-intro {
font-size: 20px;
font-weight: 100;
max-width: 60%;
}
.with-left-image.with-second-intro .service-intro { margin-bottom:0}
.with-left-image.with-second-intro .second-intro { margin-bottom:90px}
.secondary-note .mental-note {
background-color: #fff;
float: left;
width: auto;
padding: 3% 0 0 6%;
}
.secondary-note .left-image {
height: 320px;
position: relative;
}
.the-service:last-of-type .secondary-note .mental-note {}
.bio-page {margin-top: 430px;}
.bio-page .post-list {
padding-bottom:100px
}
.bio-page.client-logo {
display: inline-block;
width: 35%;
padding: 0%;
}
.main_bio-image {
width: 60%;
height: 50%;
background-size: cover;
background-position: center; position: absolute;
right: 0;
margin-top:-100px;
min-height:750px;
}
#bio-grid {
margin: 80px 0 0 170px;
max-width: 1000px;
}
a.the-bio {
float: left;
width: 43%;
margin: 0 6% 50px 0;
color:#1a4345
}
a.the-bio:hover { 
cursor:pointer;
color:#3ab769;
}
.the-bio span {
padding: 20px 0 0;
display: block;
font-size: 20px;
}
#bio-insights { background-color:#3ab769;}
.publications {
position: relative;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.bio-signoff-gap { background-color: rgba(0,0,0,0); height:200px}
.bio-signoff-gap.is-author { background-color:#fff}
.bio-signoff-gap.has-pub { background-color:#fff}
.publications h5 {
float:left; width:30%;
}
.pub-links {
width: 70%;
float: right;
}
.pub-block {
float:left; width:28%; margin-right:4%;
text-align:center;
}
.pub-block img {
padding:20px
}
.full-white-bg { background-color:#fff;}
.article {
background-color:#fff;
margin:0 0 0 170px;
padding:50px;
}
.article .inner {
max-width: 680px;
}
.about-header {
background-color: #fff;
padding: 50px 30% 50px 60px;
margin: 0 0 0 170px;
}
.about-page {
margin-top: 330px;
}
.xlarge-type {
font-size: 56px;
line-height: 1.2;
font-weight:100;
}
.large-type {
font-size:50px;
font-weight:100;
line-height:1;
}
.mid-type {
font-size:30px;
font-weight:100;
}
#london { position:relative}
.location { margin-top:100px}
.location-name {
border-bottom: solid 1px;
padding-bottom: 10px;
margin-bottom: 60px;
}
.bio-content {
background-color: #fff;
padding: 60px;
width: 50%;
margin: 180px 0 0 0;
position: relative;
}
.bio-logos {
background-color: #fff;
padding: 55px 55px 45px 55px;
width: 40%;
position: absolute;
bottom: 0;
right: 0;
}
.bio-logos .client-logo {
width: 46%;
padding: 6px;
}
.button {
color: #fff;
padding: 20px 60px;
background-color: #3ab769;
display: inline-block;
}
.button:hover { background-color:#1c4345; color:#fff}
.button:visited {color:#fff}
a.bt-white {
background-color:#fff;
color:#3ab769 !important;
}
a.bt-outline { border:solid 1px #fff}
.green-page a.button:hover { 
text-decoration:none
}
#a_bio  { position:relative}
#a_bio .button {
position: absolute;
top: 0;
left: 55px;
-moz-transform:translateY(-100%);
-ms-transform:translateY(-100%);
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
.location #a_bio .button { 
position:relative;
-moz-transform:none;
-ms-transform:none;
-webkit-transform:none;
transform:none;
left:0;
margin-bottom:30px;
margin-top:30px;
}
.spacer { height:30px; display:block}
.ta-center { text-align:center}
.location-image {
width: 60%;
height: 80%;
max-height: 400px;
}
.location-details {
background-color: #fff;
padding: 55px 55px 45px 55px;
float: right;
width: 350px;
margin: -195px 0 70px 0;
position: relative;
}
.woocommerce .woocommerce-ordering { float:none; text-align:center}
.woocommerce .woocommerce-ordering select {
display:none;
padding: 20px 50px 20px 20px;
border: none;
border-radius: 0;
width: 100%;
text-align: center;
background-image: url(//mentalnotespsych.com/wp-content/themes/mentalnotes/images/arrow-down.png);
background-repeat: no-repeat;
background-position: 98% center;
background-size: 2%;
color:#999
}
.woocommerce-result-count { display:none}
.colour-page { background-color: #fff;
padding: 100px;
margin: 330px 0 0 100px;}
.colour-page #main {
max-width: 650px;
}
.dark-blue, .dark-blue #colophon { background-color: #1c4345}
.client-logo {
display: inline-block;
width: 31%;
padding: 4%;
}
.post-list .page-header { margin-left: 100px}
.contained { padding-right:100px}
.blog, .single-post, .archive.category, .search-results, .author { background-color:#3ab769}
.blog h3, .single-post h3, .archive.category h3, .search-results h3, .author h3 { color:#1a4345}
.blog-intro {
text-align: center; margin: 300px auto 30px auto;
max-width: 850px;
padding: 0 5%;
color:#fff;
}
.blog-intro h4 {
font-size: 28px;
margin-bottom: 70px;
}
.blog-intro .large-type {
font-size: 56px;
line-height: 1.2;
padding-bottom: 30px;
display: block;
}
.blog-search {
background-color: #1a4345;
padding: 80px 100px;
color: #fff;
}
.search-form { position:relative}
.search-form .search-field {
width: 100%;
background: none;
border: none;
border-bottom: solid #fff 1px;
border-radius: 0;
padding: 15px 0;
font-size: 37px;
color:#fff;
}
.search-form .search-submit {
background: none;
border: none;
position: absolute;
right: 0;
margin: -55px 0 0 0;
font-size: 0;
width: 35px;
height: 35px;
background-image:url(//mentalnotespsych.com/wp-content/themes/mentalnotes/images/search.png);
background-repeat:no-repeat;
background-size:contain;
padding:0
}
.blog-cats { margin:50px 0 0 0;}
.blog-cats ul { list-style:none; padding:0}
.blog-cats ul li {
display: inline-block;
width: 50%;
float: left;
}
.blog-cats ul li a {
color: #fff;
font-size: 28px;
font-weight: 100;
padding: 3px 0;
display: inline-block;  }
.blog-cats .mid-type { font-size:34px}
.blog article.post {
max-width: 900px;
margin: 30px auto 30px auto;
padding: 0 5% 30px 100px;
border-bottom: solid 1px #fff;
}
.list-item {
color: #fff;
font-weight: 100;
border-bottom: solid 1px #fff;
padding: 60px 18% 20px 10px;
position: relative;
margin-left: 90px;
}
a.post-title {
font-size: 32px;
color: #1a4345;
font-weight: bold;
padding: 10px 0 40px;
display: block;
}
a.post-title:hover { text-decoration:underline}
.post-list {
padding: 80px 100px 0;
}
a.post-link {
position: absolute;
right: 0;
margin: -50px 0 0 0;
color:#fff;
}
.catAnddates {
font-style: italic;
font-size: 20px;
margin-bottom: 15px;
display: block;
}
.catAnddates ul {
padding: 0;
list-style: none;
display: inline-block;
margin-bottom:5px
}
.catAnddates ul li {
display: inline-block;
padding: 0 5px 0px 0;
}
.catAnddates ul li:after { content:","; margin:0 0 0 3px}
.catAnddates ul li:last-of-type:after { content:none}
.catAnddates ul li a { color:#fff;}
.bullets { position:relative; padding:80px 0; border-bottom: solid 1px #fff}
.navigation {}
.pagination ul { padding:0; list-style:none}
.pagination ul li {
display: inline-block;
padding: 0 0 15px 0;
}
.pagination ul li a, .pagination ul li span {
border: solid 1px #fff;
width: 25px;
height: 25px;
font-size: 0;
display: inline-block;
border-radius: 200px;
margin: 0 20px;
position:relative;
right:auto;
top:auto;
}
.navigation {
position: absolute; top: 50%;
left: 50%;
-ms-transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.pagination  { text-align:center; display:inline-block}
.pagination ul {display:inline-block}
.pagination ul li span { background-color:#fff;}
.pagination ul li a:hover { background-color:#fff;}
.pagination ul li a:after { content:none}
.navigation a {
font-size: 0;
position: absolute;
right: -30px;
top: 15px;
}
.full-footer {
width: 100%;
margin-left: 0;
margin-top: 100px;
padding: 100px 12%;
}
.navigation a:after { 
content:'a';
font-family:icons;
font-size:20px;
color:#fff;
position:absolute;
-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.blog #colophon { padding-top:40px}
.single-post article {
background-color: #fff;
margin: 0 0 190px 170px;
max-width: 1200px;
float: right;
}
.single-post article .catAnddates a { color: #1a4345}
.single-post article .catAnddates, .author-social {
padding: 0 30px 0 30px; position: absolute;
right: 0;
width: 30%;
}
.author-social  {
width:100%;
position: relative;
padding: 30px 0;
}
.single-post #colophon { background-color:#1a4345; padding-top: 40px;}
.full-footer span {
max-width: 355px;
display: block;
margin: 0 auto;
}
.post-date {
margin-bottom: 15px;
font-style: normal;
}
.post-image  { display:none}
.has-thumbnail .post-image {
width: 50%;
min-height: 400px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin: 0 0 0 -100px;
float: left;
display:block;
}
.post-headline { width:100%; padding:0 15% 0 140px}
.has-thumbnail .post-headline { width:50%; float:right; padding:0}
.post-headline h1 {
color: #3ab769;
padding: 0 20% 0 0;
}
.single-post article .entry-content {
padding: 0px 15% 0 140px;
}
.single-post .has-thumbnail article .entry-content {
padding: 80px 15% 0 140px;
}
.author-social a { color:#1a4345}
.share {
padding: 0 0 0 60px;
}
.share .icon {
font-size: 22px;
padding: 0 3px;
}
.single-post article .entry-footer {
padding: 0 100px 0px 80px;
margin: 0 0 -30px 0;
background-color:#fff;
}
.next-post, .previous-post {
width: 200px;
background-color: #1c4345;
color: #fff;
text-align: center;
text-transform:uppercase;
letter-spacing:1px;
margin:40px 0 -30px 0;
}
.next-post:hover, .previous-post:hover { }
.next-post a, .previous-post a { color:#fff; padding: 20px; display:block;}
.next-post a:hover { background-color:#3ab769}
.previous-post a:hover { background-color:#1a4345}
.previous-post { border:solid 1px #fff; background-color:#3ab769; float:left}
.next-post { float:right}
.page-template-template-contact { background-color:#3ab769}
.page-template-template-contact .hamburger { color:#fff}
.green-page, .green-page h3, .green-page p, .green-page a { color:#fff}
.green-page a:hover { text-decoration:underline}
.header-drop {
margin: 340px 100px 0 100px;
text-align: center;
color: #fff;
}
.blog-intro .xlarge-type { margin-bottom:30px; display:block}
.header-drop h3 { color:#fff}
.underline {
border-bottom: solid 1px #fff;
padding: 0 0 10px 0;
margin-bottom: 70px;
}
.two-thirds, .one-third {
float:left;
margin-left:3%;
}
.one-third {
width:32%
}
.two-thirds {
width:65%
}
.first { margin:0}
.signup-form input[type="text"]:first-of-type {
margin-right:3%;
}
.signup-form input[type="text"] {
border: solid 1px #3ab769;
padding: 17px;
border-radius: 0;
width: 48.5%;
margin-bottom:3%;
display:block;
float:left;
}
.signup-form input[type="email"] {
border: solid 1px #3ab769;
padding: 17px;
border-radius: 0;
width: 65%;
}
.signup-form input[type="submit"] {
width:35%;
padding-left:5px;
padding-right:5px;
}
.contact-page .bt-outline { margin-bottom:20px}
.clinic-row {
margin-bottom: 60px;
}
.clinic-arrow .right-arrow {}
.clinic-arrow {
float:left;
width:19%;
padding:20px 30px 0 0;
}
.clinic-address, .clinic-details {
float:left;
width:38%;
margin-left:2%;
border-top:1px solid #fff;
padding:20px 20px 0 0;
}
.clinic-details { float:right; padding-right:40px}
.clinic-address p { font-size:28px; margin-bottom:10px}
.other-locations .button { margin-right:7%}
.compact-note.mental-note {
padding:0;
background:none;
margin-bottom:40px;
}
.compact-note.mental-note p { margin:0; padding:0}
.rule {
height: 1px;
background-color: #fff;
margin: 0 100px;
}
.page-template-template-contact #colophon, .woocommerce-page #colophon { padding-top:30px}
body.woocommerce-page { background-color:#f9d55a}
.woocommerce-page #colophon { background-color:#F6D55A; color:#1a4345}
.woocommerce-page #colophon a, .woocommerce-page #colophon .icon  { color:#1a4345}
.woocommerce-page .site-links { border-bottom-color:#1a4345}
.woocommerce-page .rule { background-color:#1a4345}
.woocommerce-page .mental-note h3 { color:#fff; margin-top:90px}
.archive.woocommerce-page .woocommerce-breadcrumb { display:none}
.woocommerce-page .hamburger { color:#fff}
.archive.woocommerce-page .page-title { text-align:center; color: #f9d55a}
.woocommerce-products-header {
margin: 0px auto 110px auto;
max-width: 860px;
}
.woocommerce-products-header .large-type { line-height:1.2}
.woocommerce ul.products li.product{
width: 26% !important;
margin: 0 11% 140px 0;
text-align:center;
}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right:0}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 22px;
color:#1a4345;
}
.woocommerce ul.products li.product .button { display:none}
.woocommerce ul.products li.product .price { color: #1a4345; font-size:20px; font-weight:300}
.woocommerce-Price-amount { font-weight:300; color:#1a4345}
.woocommerce ul.products li.product .price del { display:inline-block; color:#aaa}
.woocommerce div.product p.price, .woocommerce div.product span.price { color:#1a4345}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color:#f9d55a}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color:#1a4345}
.woocommerce-breadcrumb { display:none}
.woocommerce span.onsale { display:none}
.price del .woocommerce-Price-amount:before {
content: 'Sale!';
position: relative;
display: inline-block;
margin-right: 10px;
color: #e23b25;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del, .woocommerce ul.products li.product .price del {opacity:1; color:#aaa}
.price del .amount { color:#aaa; margin-right: 4px;}
.woocommerce .quantity .qty {
padding: 7px 5px 7px 17px;
text-align: center;
width: 70px;
}
.sku_wrapper { display:block}
.product_meta { font-weight:bold}
.product_meta a, .product_meta .sku { font-weight:300}
button, input[type="button"], input[type="reset"], input[type="submit"],
.woocommerce #review_form #respond .form-submit input {
background-color: #3ab769;
border: none;
padding: 20px 40px;
font-size: 16px;
color: #fff;
line-height: 1;
letter-spacing: .5px;
border-radius:0;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,
.woocommerce #review_form #respond .form-submit input:hover {
background-color: #1a4345;
border:none
}
.woocommerce div.product .woocommerce-tabs ul.tabs { padding:0; margin:0}
.woocommerce div.product .woocommerce-tabs .panel {
border: solid 1px #eee;
padding: 50px 50px 40px 50px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding:15px 30px; background-color:#eee; font-weight:300; font-size:18px}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { border:none}
.woocommerce div.product .woocommerce-tabs ul.tabs::before { display:none !important}
.woocommerce div.product .woocommerce-tabs ul.tabs li { border:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after { display:none}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
padding: 10px 14px;
border-radius: 0;
background-color:#eee;
}
#billing_last_name_field, #shipping_first_name_field, #shipping_last_name_field, #billing_first_name_field { width:100%}
.mc4wp-alert { margin-top:20px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background: none;
margin: 0;
padding: 0;
float:left;
}
.woocommerce td { vertical-align:middle !important}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before { display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { background-color: #1a4345; color:#fff}
.woocommerce-cart #main, .woocommerce-checkout #main { background-color:#fff; padding: 60px;}
.wc-tabs-wrapper .tabs li:first-of-type a { border-radius:10px 0 0 0}
.wc-tabs-wrapper .tabs li:last-of-type a { border-radius:0 10px 0 0}
.wc-tabs-wrapper { padding:40px 0 0 0}
.blog .hamburger, .author .hamburger { color:#fff}
.single-post .hamburger { color:#1A4345}
#Programmes .left-image { float:none}
#Programmes .smaller-service { position:relative}
#Programmes .mental-note { position: absolute;
}
#Programmes.open {
padding-bottom: 150px;
transition-delay:1s;
}
#Programmes .trigger {margin-top:20px;
transition-delay:2s;}
#Programmes.open .trigger {
margin-top:20px;
transition-delay:1s;
}
.about-header h4 {
max-width:1000px;
}
.mobile-details { display:none}
.contact-container .one-third .button { width:100%}
.archive.woocommerce-page .colour-page.yellow-page { padding-bottom:0}
.page-template-template-colour-page .mental-note {
padding: 0 0 70px 0;
border-bottom: solid 1px #fff;
margin: 0 100px;
}
.page-template-template-colour-page #colophon { padding-top:50px}
.page-template-template-colour-page .mental-note span { color:#fff}
.page-template-template-colour-page .mental-note h3 { margin-top:80px}
.surfer .container {position:relative}
.service-centre {}
.blog-spacer article {
margin-top:150px;
padding-top: 100px;
}
.single-post .site-branding .icon {
font-size: 70px;
}
.single-post .site-branding {
margin: 55px;
}
.single-post article .entry-header {
position:relative;
}
.no-image .catAnddates {
position: relative !important;
}
.single-post article .no-image  .catAnddates {
padding: 0 15% 30px 60%;
width: 100%;
} @media only screen and (min-width: 1550px) { 
.single-post article {
max-width: 1000px;
float: none;
margin: 105px auto 190px auto;
}
.has-thumbnail .post-image {
width: 100%;
max-width: 1200px;
margin: 0;
transform: translate(-30%);
min-height: 530px;
}
.has-thumbnail .post-headline {
width: 100%;
float: none;
padding: 50px 15% 0 140px;
margin: 0;
display: block;
clear: both;
}
.single-post .has-thumbnail article .entry-content { padding-top:10px}
.search-form,  .list-item { max-width:1200px; margin: 0 auto}
.blog-cats { max-width:1200px; margin-left:auto; margin-right:auto}
.colour-page { padding:100px 24vw 100px 100px}
.contact-container { margin: auto} 
.email-andrea { padding:10vw 12%}
.the-service:last-of-type .mental-note {background-position: 60% 42%;}
.hero-service-image {
margin-left: 40%;
height: 75vh; 
}
.service-headline {
width: 70%;
padding: 5% 20% 1px 5%;
margin-bottom:-1px;
-moz-transform:translateY(-99%);
-ms-transform:translateY(-99%);
-webkit-transform:translateY(-99%);
transform:translateY(-99%);
}
.promo-image {
height:23vw;
}
.promo-2,
.promo-3 { margin-top:80px}	 
}
@media only screen and (min-width: 1400px) { 
.service-centre {
max-width: 1540px;
-moz-transform:translate(-50%);
-webkit-transform:translate(-50%);
-ms-transform:translate(-50%);
transform:translate(-50%);
left: 50%;
position: relative;
}
}
@media only screen and (max-width: 1400px) { 
.service-section:after { display:none}
}
@media only screen and (max-width: 1549px) { 
.single-post article .catAnddates, .author-social {
position: relative;
float: left;
padding: 0 0 0 100px;
}
.contact-container { margin: auto}
.full-footer {
width: 100%;
margin-left: 0;
margin-top: 100px;
padding: 100px 12%;
}
.full-footer span {
max-width: 355px;
display: block;
margin: 0 auto;
}
.hero-service-image {
margin-left: 40%;
}
.promo-image {
height:24vw;
}
}
@media only screen and (max-width: 1200px) { 
.contained { padding-right:0}
.client-logo {
width: 49%;
padding: 4%;
}
.main_bio-image {
height: 30%;
} 
.location-image { height:80%}
.promo-image img { width:50%}
.hero-service-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin: 0 0 0 180px;
position: relative;
height: 60vh;
min-height: 450px;
}
.mental-note {
background-size:30%;
}
.mental-note.note-background { padding-right:50%}
}
@media only screen and (max-width: 1870px) {  
.home-intro {
margin-left: 80px;
}
}
@media only screen and (max-width: 1680px) {  
.promo-1 {
margin-top: 230px;
}
.home-intro {
margin-left: 0;
}
}
@media only screen and (max-width: 1240px) {  
.single-post article .no-image  .catAnddates {
padding: 0 140px 60px;
}
.home-intro { float:none; margin-left:40%; margin-bottom:40px}
.promo-1 {
margin-top: 160px;
}
}
@media only screen and (max-width: 1024px) { 
.single-post article .catAnddates {
position: relative;
width: 100%;
float: left;
padding: 30px 15% 0 140px;
}
.author-social {
padding:30px 0;
}
.bio-logos {
position: relative;
width: 90%;
margin: 30px 0 0 0;
}
.bio-logos .client-logo { max-width:140px} 
.serv-tagline { width:50%}
.serv-form { width:50%}
.signup-form { width:100%}
.signup-text { width:100%; margin-bottom:30px}
.signup-form input[type="email"] {}
.signup-form input[type="submit"] {}
.has-thumbnail .post-image { width:100%}
.has-thumbnail .post-headline {
width: 100%;
padding: 30px 15% 0 140px;
}
.single-post .has-thumbnail article .entry-content { padding-top:0}
.about-header { padding-right:15%}
.mobile-details { display:block}
.desktop-details { display:none}
.main_bio-image {
position: absolute;
width:40%;
min-height:0;
max-height:400px;
height:40vw;
}
.location-image { width:80%; height:80%} 
.bio-content {
width: 65%;
margin-top: 60px;
}
.london-details {
position: relative;
width: 50%;
margin: -330px 0px 0 0;
top: 0;
height: auto;
float: right;
}
#a_bio .button {}
#Programmes .left-image {
top: 0;
position: absolute;
}
#Programmes .smaller-service { }
#Programmes .mental-note {
position: relative;
float: right;
width: 100%; padding: 90px 100px 100px 100px;
}
#Programmes .service-content {
}
.secondary-note .mental-note { background-color:#E7E8E8}
.left-image {
top: 0;
height: calc(100% + 50px);;
}
.with-left-image .mental-note {
width: 100%;
margin: 0;
}
.open .trigger {
margin-left: 0;
transition-delay: 1s;
}
.with-left-image .service-content { float:none}
.smaller-service { position:relative}
.mental-note.note-background {
padding-right: 50%;
}
.the-service:last-of-type .mental-note { padding-bottom: 200px}
}
@media only screen and (max-width: 850px) { 
.location-det { width:100%}
#bio-insights .list-item {
margin: 0;
padding: 60px 0 0px;
}
.bio-page .post-list {
padding: 0 60px 60px;
}
#the-publications .article {
margin: 0;
}
.publications h5 { float:none}
.pub-links { width:100%}
.bio-page .side-padded { padding-left: 50px}
.bio-content { padding:50px}
.home-intro {
margin-left: 20%;
padding-top: 40px;
}
.next-post { width:auto}
.previous-post {width:auto}
.has-thumbnail .post-headline, .single-post .has-thumbnail article .entry-content { padding-left:80px; padding-right:80px}
.blog-intro {    padding: 0 20%;}
.post-headline,
.single-post article .entry-content  {
padding-left: 80px;
}
.colour-page { margin-top:230px; padding:50px 100px 50px 50px}
.menu-holder { padding:0}
.contact-container .general-enquiries .one-third {
width: 100%; margin: 0;
}
.smaller-service { position:inherit}
.left-image { top:auto}
.with-left-image .service-content {
}
.with-left-image .mental-note { padding-left:40%}
.hero-service-image img {
top: 10%;
width:70%
}
.site-branding .icon { font-size:120px}
.side-padded {
padding-left: 100px;
padding-right: 50px;
}
.hamburger, .closer {
right: 50px;
} 
#colophon { padding-right:50px}
a.site-branding {
margin:60px 0 0 100px;
}
.promo-image {
width: 80%;
margin-left: 20%;
height: 45vw;
}
.promo-image img { width:80% !important} 
.promo-text { width:70%}
.promo-1 .promo-text {
margin-top: -53px;
}
.promo-1 .promo-image img,
.promo-3 .promo-image img {
top: 14%;
left: 10%;
}
.promo-2 .promo-text {
margin-top: -53px;
}
.promo-3 .promo-text {
margin-top:-45px
}
.foot-col1 {
width: 40%; 
}
#site-navigation { padding: 60px 60px 60px 100px}
.menu-holder{ padding:0 5%}
.about-page { margin-top: 260px}
.single-post article .no-image  .catAnddates {
padding-left: 80px;
width: 100%;
}
}
@media only screen and (max-width: 660px) { 
.blog-search {
padding: 80px 10%;
}
.blog-cats ul li a, .blog-cats ul li { width:100%}
.bio-signoff-gap { height:40px}
.list-item { margin-left:0}
.post-list { padding:10%}
.single-post article { float:none;}
.publications { margin-top:40px}
.white-bar { display:none}
.serv-tagline {
width: 100%;
position: relative;
padding:40px;
}
.form-row { max-width:100%}
.serv-form {width:100%;position: relative;}
.serv-tagline span { position:relative; }
.single-post article .entry-footer { padding-left:50px; padding-right:50px}
.share {
display: block;
padding: 30px 0 0 0;
}
.has-thumbnail .post-headline, .single-post .has-thumbnail article .entry-content { padding-left: 50px; padding-right:50px} 
.page-template-template-colour-page .mental-note { margin:0 30px}
.blog-intro .xlarge-type { font-size:40px}
.blog-intro h4 { font-size:22px}
.blog-intro { margin-top:200px; padding:0 10%}
.single-post article { margin-left:50px}
.single-post article .catAnddates, .author-social, .post-headline, .single-post article .entry-content { padding-left:50px;}
.author-social {padding: 30px 0;}
.woocommerce .woocommerce-result-count { width:100%; text-align:center}
.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-ordering select { width:100%}
.woocommerce .woocommerce-ordering select { padding: 10px 20px;}
.woocommerce ul.products li.product {
width:100%;
float:none !important;
}
.colour-page { padding:50px 100px 50px 50px;
margin:200px 0 0 50px}
.clinic-address, .clinic-details {
width: 75%;
float: right;
margin-right: 0;
}
.rule {
margin: 0 30px;
}
.bio-logos {
margin: 30px;
}
.header-drop { margin:200px 30px 0}
.other-locations .button { width:100%; margin:0 0 20px 0; text-align:center}
.hamburger, .closer { right:30px; top:30px}
.london-details.mobile-details { display:none}
.london-details.desktop-details { display:block}
.main_bio-image {
width: 100%;
margin-top: -220px;
height: 85vw;
position: relative;
background-position: center 20%;
}
.bio-logos .client-logo {
width: 100%;
max-width: 80%;
float: none;
}
.bio-logos { text-align:center}
.bio-content {
margin: -140px auto 40px;
width: 90%;
}
.bio-page .side-padded {
padding-left: 30px;
}
#london .button {
top: 58px;
transform: translate(-100%);
left: 0;
}
.location-image { height:300px}
.page-template-template-about .side-padded {
padding-left: 50px;
padding-right: 50px;
} 
.about-page { margin-top: 200px}
.about-header {margin-left: 60px;}
.location-details { margin:-85px 0 70px 0}
.with-left-image.with-second-intro .second-intro {margin-left: 60px;}
.mental-note { padding:90px 60px 100px 60px} 
.mental-note  {}
.mobile-image {
width: 100%;
height: 50vh;
background-position: center;
background-size: cover;
margin-bottom: 60px;
}
.left-image { display:none}
.mental-note.note-background {
padding: 60px 60px 50% !important;
background-position: 30% 77% !important;
background-size: 52%;
}
.trigger {margin-right: 50px;}
.with-left-image .mental-note { padding-left:60px}
.with-left-image .service-content { margin-left:60px; width:70%}
.service-content {margin-left:60px; width:70%}
.intro-image {
padding: 0 10% 10px 30px;
}
.andrea-photo {
width: 100%;
position: relative;
height: 340px;
}
.email-andrea {
padding: 70px 10%;
width: 100%;
margin: 0;
}
.full-footer {margin-top: 100px;}
.location-note { margin-top:0; padding:20px}
.service-intro {
max-width: 1000px;
width: 68%;
margin-left: 60px;
}
.trigger {
margin-left: 60px;
}
.hero-service-image {
margin-left: 0;
}
.service-headline { padding:30px 50px 30px 60px}
#site-navigation { padding: 30px}
.menu-holder{ }
.side-padded {
padding-left: 30px;
padding-right:30px;
}
a.site-branding, .scrolled .site-branding { margin:30px; position:absolute}
.site-branding .icon { font-size:100px}
.side-padded.tb-padded.bg-white {
text-align:center;
}
.side-padded.tb-padded.bg-white .two-thirds {
width:80%; margin:0 auto;
float:none;
}
.grey-banner .left-image {
margin: 30px 0 0 0;
width: 100%;
position: relative;
height: 250px;
float: none; 
}
.grey-banner .right-text {
float: none;
width: 80%;
padding: 30px 0;
text-align: center;
margin: 0 auto !important;
position: relative;
}
#colophon { padding-left:30px; padding-right:30px; padding-top:60px}
.site-links .foot-col3 { display:none}
.site-info .table-row { display:block}
.site-info .foot-col3 {
width: 100%;
display: block;
margin: 30px 0 0 0;
clear:both;
padding-top:30px
}
.foot-col1 {
width: 58%;
}
.site-info .foot-col2 { width:40%}
.site-info { display:block}
.site-links .foot-col2 { width:auto; padding-top:10px}
.site-info .foot-col1 { display:block; float:left;  }
.site-info .foot-col2 { display:block; float:left; margin-top: -15px;}
.signup-text { width:100%}
.signup-form { width:100%;}
.service-headline {
padding: 10px 60px;
width: 100%;
margin: -30px 0 0 0;
max-width: 100%;
position: relative;
transform: none;
}
.service-headline:before {
content: '';
position: absolute;
width: 92%;
left: 4%;
top: -30px;
height: 30px;
background-color: #fff;
}
.mid-type { font-size:22px}
.london-details.desktop-details {
width: 90%;
margin: 80px 0px 50px 25px;
float: none;
}
#london .button {
transform: translateY(-100%);
top: 0;
left: 55px;
}
.single-post article .no-image  .catAnddates {
padding-left: 50px;
}
}
@media only screen and (max-width: 520px) {  
.pub-block { width:100%}
.pub-block img {
padding: 20px 20px 20px 0;
width: 50%;
float: left;
}
.pub-block span {
padding: 20px 0 0 0;
display: inline-block;
float: right;
width: 50%;
}
.bio-logos .client-logo {
max-width: 100%;
}
.loc-address {padding: 0 0 0 20%;}
.main_bio-image {
margin-top: -250px;
}
.bio-content { margin-top: -50px}
.serv-form { padding:20px 20px 0;}
.serv-tagline { padding:20px}
.home-intro {
margin: 0 0 0px 30px;
padding-bottom: 60px;
padding-right:20px
}
.home-intro h2 {}
.home-intro h3 {}
.signup-form input[type="text"] { width:100% }
.signup-form input[type="email"], .signup-form input[type="submit"] { width:100%}
.signup-form input[type="submit"] { margin-top:3%}
.next-post, .previous-post { width:100%}
.next-post, .previous-post {
width: 100%;
margin: 0px 0 20px 0;
}
.has-thumbnail .post-image { margin-left:0}
.colour-page {
padding: 30px 30px 30px 30px;
margin-left:30px
}
.foot-col1 { width:100%; display:block}
#colophon .table-row { display:block}
.foot-col2 { margin-top:15px}
.site-info .foot-col2 { margin-top:15px}
.clinic-arrow {
float: left;
width: 10%;
padding: 20px 0 0 0;
}
.clinic-address, .clinic-details { width:83%}
.padded-mobile { padding:50px}
.location-note { margin-top:0; padding:20px}
.full-footer {
margin-top: 50px;
}
.location-details {
margin: -25px 4% 70px 4%;
width: 92%;
}
.large-type {
font-size: 35px;
line-height: 1.2;
}
a.hamburger, a.closer { top:50px}
.page-template-template-about .side-padded { padding-left:0; padding-right:0}
.location-name { margin-left:50px; margin-right:50px}
.bio-content { padding:35px}
.hero-service-image {
margin-left: 0;
min-height: 0;
height: 310px;
}
#left-menu, #right-menu {
width:100%
}
.menu-open #site-navigation { overflow:scroll}
#site-navigation {
padding: 30px 80px 30px 30px;
}
.promo-1, .promo-2, .promo-3 { padding:0}
.promo-image {
width: 100%;
margin-left: 0;
height: 70vw;
}
.promo-text {
width: 92%;
margin: -30px 4% 0px 4% !important;
padding: 40px 40px 50px 40px;
}
.promo-2, .promo-3 { margin-top:30px}
}
.twitter-icon:before {
margin: 4px 0 0 0;
position: absolute;
}
.email-button {
border: solid 1px #fff;
padding: 4px 20px;
}
.green-page .email-button:hover {
background-color:#fff;
text-decoration:none;
color: #00d084;
}
html { scroll-behavior: smooth; }