/*
Theme Name: Mediation at Work
Author: Glass Mountains Digital
Version: 1
*/

* {
vertical-align: baseline;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}
body {
font-family: "Playfair Display", serif;
font-size: 1.05em;
font-weight: 400;
color: #000;
background: #fff;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
overflow-x: hidden;
}


/* Layout
....................................................................... */
#page-wrap_header {
position: relative;
clear: both;
float: left;
width: 100%;
z-index: 2;
}
#page-wrap_navi {
float: left;
width: 100%;
top: 0;
left: 0;
background: #103d67;
z-index: 10;
}
#page-wrap_hero {
position: relative;
clear: both;
float: left;
width: 100%;
background: #07233f; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(#174e80, #07233f); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#174e80, #07233f); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#174e80, #07233f); /* For Firefox 3.6 to 15 */
background: linear-gradient(#174e80, #07233f); /* Standard syntax */
padding: 40px 0 40px 0;
z-index: 1;
overflow: hidden;
}
.page-wrap_cec {
position: relative;
clear: both;
float: left;
width: 100%;
background: #e5e5e5;
padding: 0 0 40px 0;
margin: 60px 0 0 0;
z-index: 10;
}
.page-wrap_content {
position: relative;
clear: both;
float: left;
width: 100%;
padding: 40px 0 0 0;
overflow: hidden;
}
.page-wrap_content > .center > .row > .span12 > .wp-block-cover:first-child {
/* Place first cover block directly under nav */
margin-top: -40px;
}

.page-wrap_content.block_editor {
	
}
.page-wrap_banner {
clear: both;
float: left;
width: 100%;
background: #e3ebf2;
padding: 50px 0 40px 0;
}
#page-wrap_features {
position: relative;
clear: both;
float: left;
width: 100%;
color: #fff;
background: #103d67;
padding: 50px 0 30px 0;
overflow: hidden;
}
#page-wrap_articles {
clear: both;
float: left;
width: 100%;
background: #e3ebf2;
padding: 50px 0 40px 0;
}
#page-wrap_footer {
clear: both;
float: left;
width: 100%;
padding: 50px 0 20px 0;
}
.center {
clear: both;
width: 980px;
margin: 0 auto;
}

.row:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.row {
display: inline-block;
}
html[xmlns] .row {
display: block;
}
* html .row {
height: 1%;
}
.span1 {
float: left;
width: 5.125%;
margin: 0 3.5% 0.75em 0;
}
.span2 {
float: left;
width: 13.75%;
margin: 0 3.5% 0.75em 0;
}
.span3 {
float: left;
width: 22.375%;
margin: 0 3.5% 0.75em 0;
}
.span4 {
float: left;
width: 31%;
margin: 0 3.5% 0.75em 0;
}
.span5 {
float: left;
width: 39.625%;
margin: 0 3.5% 0.75em 0;
}
.span6 {
float: left;
width: 48.25%;
margin: 0 3.5% 0.75em 0;
}
.span7 {
float: left;
width: 56.875%;
margin: 0 3.5% 0.75em 0;
}
.span8 {
float: left;
width: 65.5%;
margin: 0 3.5% 0.75em 0;
}
.span9 {
float: left;
width: 74.125%;
margin: 0 3.5% 0.75em 0;
}
.span10 {
float: left;
width: 82.75%;
margin: 0 3.5% 0.75em 0;
}
.span11 {
float: left;
width: 91.375%;
margin: 0 3.5% 0.75em 0;
}
.span12 {
float: left;
width: 100%;
margin: 0 0 30px 0;
}
.span12:has(> .wp-block-cover:last-child) {
/* Remove margin if last item is cover block */
margin-bottom: 0;
}
.span1.last,
.span2.last,
.span3.last,
.span4.last,
.span5.last,
.span6.last,
.span7.last,
.span8.last,
.span9.last,
.span10.last,
.span11.last {
margin: 0;
}


/* Globals
....................................................................... */
p {
line-height: 1.7em;
margin: 0 0 1.1em 0;
}
a {
color: #103d67;
text-decoration: underline;
}
a:hover {
color: #a15698;
}
h1 {
color: #103d67;
font-size: 2.55em;
font-weight: 700;
line-height: 1.1em;
letter-spacing: -0.025em;
margin: 0 0 0.5em 0;
}
h2 {
color: #a15698;
font-size: 1.9em;
font-weight: 700;
line-height: 1.1em;
letter-spacing: -0.025em;
margin: 0 0 0.65em 0;
}
h2.oversize {
color: #103d67;
font-size: 2.55em;
font-weight: 700;
line-height: 1.1em;
letter-spacing: -0.05em;
margin: 0 0 0.5em 0;
}
h2.title {
color: #103d67;
font-size: 1.55em;
margin: 0 0 0.5em 0;
}
h3 {
color: #103d67;
font-size: 1.55em;
font-weight: 700;
line-height: 1.2em;
letter-spacing: -0.025em;
margin: 0 0 0.65em 0;
}
h4 {
color: #a15698;
font-size: 1.3em;
font-weight: 700;
line-height: 1.3em;
margin: 0 0 1em 0;
}
h1 a,
h2 a,
h3 a,
h4 a {
color: #103d67;
text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
color: #a15698;
}
h5 {
color: #838383;
font-size: 0.9em;
font-weight: 400;
text-transform: uppercase;
margin: 0.5em 0 0.5em 0;
}
strong {
font-weight: 700;
}
img {
max-width: 100%;
height: auto !important;
}
img, img a {
border: 0;
text-decoration: none;
}
ul {
margin: 0 0 0.75em 10px;
list-style-type: none;
}
li {
margin: auto;
list-style: none;
line-height: 1.6em;
background: url(img/bullet.png) 0 9px no-repeat;
padding: 0 0 0.75em 15px;
margin-left: 0;
}
li ul {
margin: 0.75em 0 0 0;
}
li ul li:last-child {
padding-bottom: 0;
}
hr {
clear: both;
border: 0;
border-bottom: 1px solid #d2d2d2;
background: transparent;
height: 1px;
padding: 5px 0 0 0;
margin: 0 0 25px 0;
}
blockquote {
border-radius: 3px;
padding: 20px 5% 20px 5%;
margin: 0 0 20px 0;
}
blockquote p:last-of-type {
margin: 0;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
.clear {
clear: both;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.alignleft {
float:left;
margin: 0 10px 5px 0;
}
.alignright {
float:right;
margin: 0 0 5px 10px;
}
.textcenter {
text-align: center;
}
.small {
font-size: 0.8em;
}
.nomargin {
margin: 0;
}
#twitter_feed iframe {
width: 100% !important;
height: 370px !important;
}
.cta a,
a.cta {
display: inline-block;
text-decoration: none;
font-size: 1em;
font-weight: 700;
line-height: 1.25em;
color: #fff !important;
text-transform: uppercase;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
background: #a15698;
padding: 7px 12px 7px 12px;
margin: 10px 0 10px 0;
border-radius: 5px;
transition: all 0.2s;
}
.cta a:hover,
a.cta:hover {
color: #fff;
background: #103d67;
text-decoration: none;
}
.cta.cta_big a,
a.cta.cta_big {
font-size: 1.3em;
padding: 10px 20px 10px 20px;
}
.cta.cta_block {
display: block;
text-align: center;
}
a.boldlink {
color: #a15698;
font-weight: 700;
text-decoration: none;
}
a.boldlink:hover {
color: #103d67;
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: inherit;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-rendering: auto;
}


/* Forms
....................................................................... */
form {
margin: 0 0 20px 0;
padding: 0;
}
fieldset {
border: 0;
padding: 0;
margin: 0;
}
legend {
color: #000;
font-size: 1.3em;
font-weight: 400;
padding: 0;
margin: 0 0 15px 0;
}
label {
display: block;
color: #000;
font-size: 0.9em;
font-weight: 700;
padding: 0 0 5px 0;
}
input,
textarea,
select {
display: block;
color: #666;
width: 100%;
max-width: 624px;
font-size: 1em;
font-weight: normal;
font-family: "Playfair Display", serif;
background: #fff;
border: 1px solid #d2d2d2;
box-shadow: inset 2px 2px 2px rgba(0,0,0,0.05);
padding: 10px 15px;
margin: 0 5px 15px 0;
border-radius: 3px;
box-sizing: border-box;
}
input:focus,
textarea:focus {
color: #000;
border: 1px solid #b7b7b7;
box-shadow: 0 0 4px rgba(0,0,0,0.15);
}
::-webkit-input-placeholder {
color: #999;
opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
color: #999;
opacity: 1;
}
::-moz-placeholder {  /* Firefox 19+ */
color: #999;
opacity: 1;
}
:-ms-input-placeholder {
color: #999;
opacity: 1;
}
select {
line-height: 2.25em;
}
select option {
padding: 0 2% 0 2%;
}
textarea {
overflow: auto;
overflow-x: hidden;
resize: none;
}
.radio,
.checkbox {
display: inline-block;
padding: 5px 15px 10px 0;
}
input[type="radio"],
input[type="checkbox"] {
display: inline-block;
width: auto !important;
padding: 0;
border: 0;
}
input:disabled {
cursor: not-allowed;
}
button,
input.submit,
input[type=submit] {
width: auto;
font-family: "Playfair Display", serif;
font-size: 1.125em;
line-height: 1.25em;
font-weight: 700;
color: #fff !important;
background: #a15698;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
border: 0;
-webkit-appearance: none;
padding: 15px 25px !important;
margin: 10px 0 10px 0;
border-radius: 9999px;
transition: all 0.2s;
cursor: pointer;
}
button:hover,
input.submit:hover,
input[type=submit]:hover {
background-color: #103d67;
}

.ninja-forms-required-items {
padding-bottom: 20px;
}
/* Ninja form appends to Ultimate Posts content in sidebar */
.upw-content .ninja-forms-cont,
.nf-form-fields-required {
display: none !important;
}


/* Social Links
....................................................................... */
.socnet a {
display: inline-block;
text-decoration: none;
}
.socnet a .icon {
display: inline-block;
width: 30px;
height: 30px;
background: url(img/sprite.png) -9999px -9999px no-repeat;
border: 2px solid #fff;
text-align: left;
text-indent: -9999px;
border-radius: 50%;
}
.socnet a:hover .icon {
}
.socnet a.tw .icon  {
background-position: 0 -188px;
}
.socnet a.fb .icon {
background-position: -35px -188px;
}
.socnet a.gg .icon {
background-position: -70px -188px;
}
.socnet a.li .icon {
background-position: -103px -188px;
}


/* Header
....................................................................... */
header {
float: left;
position: relative;
width: 100%;
padding: 15px 0 15px 0;
margin: 0;
}
#logo {
float: left;
width: 60%;
}
#logo a {
display: block;
width: 440px;
height: 107px;
background: url(img/sprite.png) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 0 11px 0;
}
#logo .strapline {
display: block;
width: 309px;
font-size: 0.85em;
text-transform: uppercase;
text-align: center;
color: #838383;
padding: 8px 0 8px 0;
}

#header_tools {
float: right;
width: 40%;
text-align: right;
font-size: 0.9em;
}
header .contact {
padding: 10px 0 0 0;
}
.contact p {
font-size: 1.2em;
font-weight: 700;
color: #a15698;
margin: 0;
}
.contact p strong {
font-weight: 400;
}
.contact a {
text-decoration: none;
color: #103d67;
width: 36px;
height: 36px !important;
text-align: center;
}
.contact a:hover {
color: #a15698;
}
.contact .email,
.contact .tel {
display: block;
}
header .socnet {
display: block;
padding: 10px 0 0 0;
}
.contact a.fa-instagram:before {
line-height: 30px;
}


/* Navigation
....................................................................... */
#navi {
clear: both;
float: left;
width: 100%;
}
#navi ul {
text-align: center;
margin: 0;
padding: 8px 0 8px 0;
}
#navi li {
display: inline-block;
position: relative;
list-style: none;
background-image: none;
padding: 0;
margin: 0 -4px 0 0;
}
#navi li a {
display: block;
color: #fff;
font-weight: 700;
font-size: 1em;
text-decoration: none;
text-transform: uppercase;
padding: 10px 7px;
margin: 0;
}
#navi li.current_page_item a {
color: #cf8cd2;
}
#navi li a:hover {
color: #d2d2d2;
}

#navi li ul {
opacity: 0;
position: absolute;
left: -9999px;
top: 43px;
width: 190px;
background: #103d67;
border-radius: 3px;
padding: 5px 0 5px 0;
margin: 0 0 0 -95px;
z-index: 99;
transition: opacity 0.2s;
}
#navi li ul li,
#navi li.current_page_item ul li {
clear: both;
background-image: none;
padding: 0;
margin: 0;
}
#navi li ul li a,
#navi li.current_page_item ul li a {
float: none;
display: block;
width: 170px;
color: #fff;
background: transparent;
font-weight: 400;
font-size: 0.9em;
text-transform: none;
text-decoration: none !important;
border: 0;
border-top: 1px solid #174e80;
text-align: center;
background-image: none;
padding: 4px 0 4px 0;
margin: 0 10px 0 10px;
border-radius: 0;
}
#navi li ul li a:hover,
#navi li.current_page_item ul li a:hover {
color: #d2d2d2;
}
#navi li ul li:first-child > a,
#navi li.current_page_item ul li:first-child > a {
border-top: 0;
}
#navi li ul li:last-child a,
#navi li.current_page_item ul li:last-child a {
border-bottom: 0;
}
#navi ul li:hover > ul {
opacity: 1;
left: 50%;
}

#toggle_navi {
display: none;
}
#toggle_navi a {
display: block;
font-size: 0.8em;
font-weight: 400;
text-decoration: none;
float: right;
color: #fff;
padding: 6px 0 6px 0;
transition: all 0.2s;
}
#toggle_navi a:hover {
color: #d2d2d2;
}
#toggle_navi a .icon {
display: inline-block;
vertical-align: middle;
width: 40px;
height: 27px;
background: url(img/sprite.png) 100% -256px no-repeat;
transition: all 0.2s;
margin: -2px 0 0 0;
}
#toggle_navi.expanded a .icon {
background-position: -827px -256px;
}


/* Sidebar
....................................................................... */
.widget {
clear: both;
position: relative;
padding: 0;
margin: 0 0 40px 0;
}
.widget p {
margin: 0 0 0.5em 0;
}
.widget a.cta {
margin: 5px 0 5px 0;
}
.widget ul {
padding: 0;
margin: 0;
}
.widget li {
position: relative;
border-bottom: 1px solid #d2d2d2;
background-image: none;
padding: 10px 0 10px 0;
margin: 0;
}
.widget li:last-child {
border: 0;
}
.widget li a {
position: relative;
display: block;
line-height: 1.5em;
text-decoration: none;
padding: 0 15px 0 0;
}
.widget li a:hover {
}
.widget li a:after {
content: '\00BB';
position: absolute;
right: 0;
top: 0;
color: #a15698;
font-size: 18px;
}

.widget.widget_boxed {
clear: both;
background: #e3ebf2;
border-radius: 3px;
padding: 15px 15px 10px 15px;
}

.widget.widget_search h2.title {
display: none;
border: 0;
padding-bottom: 0;
margin-bottom: 0.5em;
}
.widget.widget_search form {
position: relative;
max-width: 600px;
margin: 0 auto;
}
.widget.widget_search label {
display: none;
}
.widget.widget_search input {
width: 100%;
min-height: 41px;
border-radius: 3px;
padding-left: 5%;
padding-right: 20%;
margin: 0;
}
.widget.widget_search #searchsubmit {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 41px;
border: 0;
text-indent: -9999px;
line-height: 1px;
background: #a15698 url(img/sprite.png) 50% -175px no-repeat;
padding: 0;
margin: 0;
border-radius: 0 3px 3px 0;
cursor: pointer;
}
.widget.widget_search #searchsubmit:hover {
background-color: #103d67;
}

.widget_services li a {
font-size: 1.35em;
font-weight: 300;
}

.widget.widget_team {
margin: 0;
}
.widget.widget_team h2.title {
display: none;
}
.widget.widget_team img {
display: block;
width: 90%;
height: auto;
max-width: 300px;
margin: 0 auto;
}

.widget.widget_quote {
position: relative;
color: #fff;
background: #174e80;
border-radius: 3px;
padding: 15px 20px 10px 20px;
}
.widget.widget_quote:before {
content: ' ';
height: 0;
width: 0;
position: absolute;
left: 50%;
top: -30px;
margin-left: -15px;
border: 15px solid transparent;
border-bottom-color: #174e80;
display: none;
}
.widget.widget_quote h2.title {
display: none;
}
.widget.widget_quote p {
font-style: italic;
}
.widget.widget_quote p strong {
font-style: normal;
color: #cf8cd2;
}

.widget.widget_newsletter h2.title {
display: none;
}

.widget.widget_casestudies h2.title {
display: none;
}

.widget.widget_testimonial {
margin-bottom: 50px;
}
.widget.widget_testimonial ul {
background: #e3ebf2;
padding: 20px;
margin: 0;
border-radius: 4px;
}
.widget.widget_testimonial ul:before {
content: ' ';
height: 0;
width: 0;
position: absolute;
left: 20px;
bottom: -20px;
border: 20px solid transparent;
border-left-color: #e3ebf2;
}
.widget.widget_testimonial li {
list-style: none;
border: 0;
padding: 0;
margin: 0;
}
.widget.widget_testimonial p {
font-style: italic;
margin-bottom: 10px;
}
.widget.widget_testimonial p.post-content {
display: none;
}
.widget.widget_testimonial p.post-meta-name {
color: #a15698;
font-style: normal;
font-weight: 700;
margin: 0;
}

.widget.widget_partners ul {
text-align: center;
padding: 10px 0 0 0;
margin: 0;
}
.widget.widget_partners li {
display: inline-block;
vertical-align: middle;
border: 0;
padding: 0;
margin: 0;
}
.widget.widget_partners  li a {
padding: 10px;
}
.widget.widget_partners  li a:after {
display: none;
}
.widget.widget_partners  li img {
max-width: 120px;
height: auto;
}

.widget.widget_logos .textwidget {
text-align: center;
}
.widget.widget_logos img {
max-width: 120px;
height: auto;
margin: 10px;
}

.widget.widget_book {
clear: both;
background: #e3ebf2;
text-align: center;
border-radius: 3px;
padding: 15px 15px 10px 15px;
}
.widget.widget_book h2.title {
display: none;
}
p.buy a {
display: inline-block;
background: #fff;
color: #282828;
border: 1px solid #ddd;
text-decoration: none;
border-radius: 3px;
padding: 2px 10px 5px 10px;
}
p.buy a:hover {
border-color: #d0d0d0;
box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
p.buy a img {
display: inline-block;
vertical-align: middle;
}

.widget.widget_text#text-18 {
clear: both;
background: #e3ebf2;
text-align: center;
border-radius: 3px;
padding: 15px 15px 10px 15px;
}
.widget.widget_text#text-18 h2 {
font-size: 1.65em;
}
.widget.widget_text#text-18 h3 {
font-size: 1.33em;
}


/* Posts
....................................................................... */

/* Post Meta
....................................................................... */
.meta {
font-size: 1em;
font-weight: normal;
color: #888;
padding: 0 0 10px 0;
}
.meta .cats,
.meta .tags {
display: block;
font-size: 0.85em;
line-height: 1.5em;
padding: 10px 0;
}
.meta .cats strong,
.meta .tags strong {
font-weight: 400;
color: #5c5c5c;
margin: 0 5px 0 0;
}
.meta .cats a,
.meta .tags a {
display: inline-block;
text-decoration: none;
font-weight: 500;
padding: 0 2px;
margin: 0;
}
.meta .cats a:hover,
.meta .tags a:hover,
.meta .cats a:focus,
.meta .tags a:focus {
text-decoration: underline;
}
.postmeta {
font-size: 0.85em;
line-height: 1.5em;
font-weight: normal;
color: #5c5c5c;
margin: 30px 0 20px 0;
}


/* Post navigation
....................................................................... */
.navigation {
clear: both;
margin: 20px 0 30px 0;
}
.prev-posts,
.next-posts {
display: inline-block;
width: 50%;
margin: 0 -4px 0 0;
}
.prev-posts {
text-align: right;
}
.prev-posts a,
.next-posts a {
font-weight: normal;
text-decoration: none;
}
.wp-pagenavi-container {
clear: both;
padding: 20px 0 20px 0;
}
.wp-pagenavi {
padding: 20px 0 0 0;
}
.wp-pagenavi a,
.wp-pagenavi span {
color: #000 !important;
border-color: #dadada !important;
border-radius: 3px;
}
.wp-pagenavi a:hover,
.wp-pagenavi a:focus,
.wp-pagenavi span.current {
color: #000 !important;
background-color: #eee !important;
}


/* Post listings
....................................................................... */
.post {
vertical-align: top;
box-sizing: border-box;
padding: 0 0.75% 0 0.75%;
margin: 10px -4px 30px 0;
}
.span8 .post,
.span9 .post {
display: inline-block;
width: 50%;
}
.span12 .post {
display: inline-block;
width: 33.333%;
}
.span4 .post,
.span3 .post {
display: block;
width: 100%;
}
.post .pic,
.post figure.pic {
width: 100%;
aspect-ratio: 8 / 5;
overflow: hidden;
position: relative;
margin: 0 0 10px 0;
}
.post .pic a,
.post figure.pic a {
display: block;
height: 100%;
}
.post .pic a img {
display: block;
width: 100%;
height: 100% !important;
object-fit: cover;
object-position: 50% 50%;
transition: all 0.2s ease-in-out;
}
.post .pic a:hover img,
.post .pic a:focus img {
transform: scale(1.025);
}
.post .text {
border-bottom: 5px solid #04c4da;
}
.post h3,
.post h4 {
padding: 10px 0;
margin: 0 0 5px 0;
}
.post h3 i,
.post h4 i {
font-size: 0.7em;
}
.post p {
margin: 0 0 10px 0;
}
.post .postmeta {
margin: 0 0 10px 0;
}
a.postlink {
display: inline-block;
color: #103d67;
font-weight: 700;
text-decoration: none;
}
a.postlink:hover,
a.postlink:focus {
text-decoration: underline;
}
a.postlink i {
font-size: 0.8em;
}
.post_label {
position: absolute;
left: 0;
bottom: 0;
z-index: 11;
display: inline-block;
background: #fff;
font-size: 0.85em;
font-weight: 700;
padding: 10px;
}
.post_label i {
font-size: 1.25em;
padding: 0 3px 0 0;
}
.post.compact img {
float: left;
max-width: 150px;
margin: 5px 20px 5px 0;
}
@media screen and (max-width: 1023px) {
	.span8 .post,
	.span9 .post,
	.span12 .post {
	display: inline-block;
	width: 50%;
	}
  .post h4 {
   font-size: 1.1em;
  }
  .post p {
   font-size: 0.9em;
  }
}
@media screen and (max-width: 767px) {
	.span8 .post,
	.span9 .post,
	.span10 .post,
	.span11 .post,
	.span12 .post {
	display: block;
	width: 100%;
	}
}


/* Blog cat filter
....................................................................... */
select#category-dropdown {
max-width: 350px;
margin: 0 0 45px 0;
}


/* Hero
....................................................................... */
#page-wrap_hero h1 {
font-size: 3em;
letter-spacing: -0.025em;
color: #fff;
margin: 10px 0 0.25em 0;
}
#page-wrap_hero p {
color: #fff;
}
#page-wrap_hero p a {
color: #fff;
text-decoration: underline;
}
#page-wrap_hero p a:hover {
color: #e48237;
}
#page-wrap_hero a.cta {
text-decoration: none;
}
#page-wrap_hero a.cta:hover {
color: #174e80 !important;
text-shadow: none;
background: #fff;
}
#page-wrap_hero .hero_pic img {
display: block;
width: 90%;
height: auto;
max-width: 460px;
margin: 0 auto;
}

#page-wrap_hero .quote {
position: relative;
color: #fff;
background: #174e80;
text-align: left;
border-radius: 5px;
padding: 15px 20px 10px 20px;
margin: 0 0 10px 0;
}
#page-wrap_hero .quote:before {
content: ' ';
height: 0;
width: 0;
position: absolute;
left: 50%;
top: -40px;
margin-left: -20px;
border: 20px solid transparent;
border-bottom-color: #174e80;
}
#page-wrap_hero .quote p {
font-style: italic;
margin-bottom: 0.5em;
font-size: 1.2em;
}
#page-wrap_hero .quote p strong {
font-style: normal;
color: #cf8cd2;
}


/* CEC accred
....................................................................... */
.page-wrap_cec p {
font-size: 1.1em;
color: #103d67;
text-align: center;
margin: 0;
}
.page-wrap_cec .cec_logo {
text-align: center;
margin: -75px 0 10px 0;
}
.page-wrap_cec .cec_logo img {
display: block;
margin: 0 auto;
}
@media screen and (max-width: 1023px) {
	.page-wrap_cec p br {
	display: none;
	}
}


/* CEC banner (shortcode)
....................................................................... */
.cec-banner {
display: flex;
align-items: center;
background: #e5e5e5;
border-radius: 4px;
padding: 2px 20px;
margin: 0 0 20px 0;
}
.cec-banner .pic {
margin: 0 15px 0 0;
}
.cec-banner .pic img {
display: block;
margin: 0 auto;
}
.cec-banner .text {
flex: 1;
}
.cec-banner .text p {
color: #103d67;
font-size: 1.1em;
margin: 0;
}
@media screen and (max-width: 600px) {
	.cec-banner {
	display: block;
	text-align: center;
	}
	.cec-banner .text {
	padding: 0 0 15px 0;
	}
}


/* Events list
....................................................................... */
.event {
clear: both;
float: left;
width: 100%;
border-bottom: 1px solid #d2d2d2;
box-sizing: border-box;
padding: 0 0 0 95px;
margin: 0 0 20px 0;
}
.event .date {
float: left;
margin: 0 10px 5px -95px;
}
.event .date span {
display: table-cell;
vertical-align: middle;
width: 60px;
height: 80px;
color: #fff;
background: #103d67;
text-align: center;
text-transform: uppercase;
font-size: 0.9em;
font-weight: 700;
border-radius: 50%;
padding: 0 10px;
}
.event .date strong {
display: block;
font-size: 2.5em;
line-height: 0.75em;
padding: 0 0 0.05em 0;
margin: -7px 0 0 0;
}
.event .date em {
font-style: normal;
}
.event h4 {
margin-bottom: 15px;
}
.event h4 a {
display: block;
color: #103d67;
}
.event h4 a:hover {
color: #a15698;
}
.event h4 .label {
display: inline-block;
vertical-align: top;
background: #a15698;
color: #fff;
font-size: 0.65em;
text-transform: uppercase;
border-radius: 2px;
padding: 0px 8px;
margin: 0 0 0 3px;
}
.event .meta {
font-size: 0.9em;
text-transform: uppercase;
color: #838383;
padding: 0;
margin: 0 0 15px 0;
}
.event .meta span {
display: inline-block;
padding: 0 5px;
}
#content .event div.sharedaddy,
#main .event div.sharedaddy,
.event div.sharedaddy {
clear: none !important;
padding: 15px 0;
}
.event button,
.event input.submit,
.event input[type="submit"] {
margin: 30px 0;
}


/* Case studies list
....................................................................... */
.casestudy {
clear: both;
float: left;
width: 100%;
border-bottom: 1px solid #d2d2d2;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
}
.casestudy h4 {
margin-bottom: 5px;
}
.casestudy p {
margin: 0;
}
.casestudy img.attachment-post-thumbnail {
float: left;
max-width: 100px;
margin: 5px 20px 5px 0;
}
.casestudy#post_full p {
margin: 0 0 1.1em 0;
}


/* Testimonials list
....................................................................... */
.testimonial {
position: relative;
background: #e3ebf2;
border-radius: 3px;
padding: 20px 3% 15px 3%;
margin: 0 0 35px 0;
}
.testimonial:before {
content: ' ';
height: 0;
width: 0;
position: absolute;
left: 20px;
bottom: -20px;
border: 20px solid transparent;
border-left-color: #e3ebf2;
}
.testimonial:last-child {
border: 0;
margin-bottom: 20px;
}
.testimonial p {
font-style: italic;
margin-bottom: 0.5em !important;
}
.testimonial p strong {
font-style: normal;
color: #a15698;
}


/* Accreditation List (interior only)
....................................................................... */

.partner {
border-bottom: 1px solid #d2d2d2;
padding: 0 0 25px 0;
margin: 0 0 20px 0;
}
.partner img {
margin: 0 0 10px 0;
}
.partner p:last-child {
margin: 0;
}

#accreditation_full_list ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
}
#accreditation_full_list ul li {
list-style: none;
flex: 0 0 20%;
background-image: none;
box-sizing: border-box;
padding: 30px;
margin: 0;
}
#accreditation_full_list ul li:before {
display: none;
}
#accreditation_full_list ul li.breaker {
/* Added after each regular list item */
display: none;
}
#accreditation_full_list ul li.breaker:nth-child(8n+8) {
/* Display 4 regular list items per row, then break */
display: block;
flex-basis: 100%;
}
#accreditation_full_list ul img {
display: block;
max-height: 80px;
width: auto;
margin: 0 auto;
}
@media screen and (max-width: 1023px) {
	#accreditation_full_list ul li {
	flex: 0 0 25%;
	}
}
@media screen and (max-width: 767px) {
	#accreditation_full_list ul li {
	flex: 0 0 50%;
	padding: 15px;
	}
}


/* Service list (and staff too :)  )
....................................................................... */
.service {
clear: both;
float: left;
width: 100%;
border-bottom: 1px solid #d2d2d2;
box-sizing: border-box;
padding: 0 0 20px 190px;
margin: 0 0 20px 0;
}
.service h4 {
margin-bottom: 5px;
}
.service p.core {
display: inline-block;
font-size: 0.75em;
line-height: 1.4em;
text-transform: uppercase;
background: #e3ebf2;
border-radius: 3px;
padding: 3px 5px;
margin: 0 0 5px 0;
}
.service p {
margin: 0 0 5px 0;
}
.service img.attachment-service_thumb {
float: left;
max-width: 175px;
margin: 5px 5px 5px -190px;
}
.service#post_full {
padding-left: 0;
}
.service#post_full img.attachment-service_thumb {
float: none;
max-width: 100%;
margin: 0;
}
.service#post_full p {
margin: 0 0 1.1em 0;
}
.service p.expert {
color: #666;
font-size: 0.9em;
}
.service p.expert strong,
.service p.expert a {
font-weight: 700;
color: #103d67;
text-decoration: none;
padding: 0 2px;
}
.service p.expert a:hover {
color: #a15698;
}
.service p.expert strong:after,
.service p.expert a:after {
content: ", ";
}
.service p.expert strong:last-of-type:after,
.service p.expert a:last-of-type:after {
content: "";
}

.servicenew {
clear: both;
width: 100%;
display: flex;
align-items: flex-start;
box-sizing: border-box;
border: 4px solid #e3ebf2;
border-radius: 10px;
padding: 30px;
margin: 0 0 20px 0;
}
.servicenew figure {
position: relative;
flex: 0 0 175px;
margin: 0 30px 15px 0;
}
.servicenew figure img {
max-width: 175px;
margin: 0;
transform: rotate(-3deg);
}
.servicenew figure:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #a15698;
transform: rotate(2deg);
z-index: 0;
}
.servicenew_info {
}
.servicenew h4 {
margin-bottom: 5px;
}
.servicenew p:last-child {
margin: 0;
}
@media screen and (max-width: 1023px) {
	.servicenew figure {
	flex: 0 0 125px;
	}
}
@media screen and (max-width: 767px) {
	.servicenew {
	display: block;
	/*text-align: center;*/
	}
	.servicenew figure {
	display: inline-block;
	/*margin: 0 0 20px 0;*/
	}
	.service_info {
	text-align: left;
	}
}



/* Homepage services list
....................................................................... */
#home_services {
text-align: center;
}
.span3.home_service {
text-align: left;
}
.home_service > a {
display: block;
text-decoration: none;
}
.home_service h2 {
font-size: 1.75em;
font-weight: 300;
color: #fff;
background: #712868;
text-decoration: none;
padding: 15px;
margin: 0 0 15px 0;
transition: all 0.2s;
}
.home_service a:hover h2 {
background: #103d67;
}
.home_service img {
display: block;
width: 100%;
transition: opacity 0.2s;
-webkit-backface-visibility: hidden;
}
.home_service a:hover img {
opacity: 0.8;
}
.home_service a.boldlink {
display: block;
color: #103d67;
border-top: 2px solid #712868;
padding: 10px 0;
}
.home_service a.boldlink:hover {
color: #a15698;
}


/* Events tabs
....................................................................... */
.tab_container {
clear: both;
padding: 20px 0 0 0;
}
ul.tab_list {
display: none;
float: left;
width: 100%;
border-bottom: 1px solid #d2d2d2;
padding: 0;
margin: 0 0 25px 0;
}
ul.tab_list li {
position: relative;
float: left;
list-style: none;
background-image: none;
padding: 0;
margin: 0 0 -1px 10px;
}
ul.tab_list li a {
display: block;
float: left;
font-weight: 700;
font-size: 1.1em;
text-align: center;
text-decoration: none;
color: #838383;
background: #e3ebf2;
border: 1px solid #d2d2d2;
padding: 8px 10px 8px 10px;
margin: 0;
}
ul.tab_list li.tab_on a {
color: #103d67;
background: #fff;
border-bottom: 1px solid #fff;
}

.panel-container {
clear: both;
}
.panel {
clear: both;
width: 100%;
}
.panel h2 {
margin-bottom: 30px;
}


/* Features area
....................................................................... */
#page-wrap_features .span4,
#page-wrap_features .span6:first-child {
box-sizing: border-box;
border-right: 1px solid #276387;
padding-right: 3%;
}
#page-wrap_features .newsletter,
#page-wrap_features .testimonial {
background: transparent;
padding: 0 0 0 70px;
margin-bottom: 20px;
}
#page-wrap_features .testimonial:before {
display: none;
}
#page-wrap_features .newsletter .icon,
#page-wrap_features .testimonial .icon {
position: relative;
float: left;
font-size: 50px;
line-height: 50px;
color: #97b4d3;
margin: 0 0 0 -70px;
}
#page-wrap_features h2 {
color: #a15698;
}
#page-wrap_features h3 {
color: #97b4d3;
}
#page-wrap_features a {
color: #fff;
text-decoration: none;
}
#page-wrap_features .testimonial strong {
color: #97b4d3;
}
#page-wrap_features a.cta:hover {
color: #174e80 !important;
text-shadow: none;
background: #fff;
}
#page-wrap_features a.boldlink {
color: #cf8cd2;
margin-left: 70px;
}
#page-wrap_features a.boldlink:hover {
color: #fff;
}


/* Articles area
....................................................................... */
#page-wrap_articles .post,
#page-wrap_articles .casestudy {
border: 0;
border-top: 1px solid #d2d2d2;
padding: 20px 0 0 0;
margin: 0 0 20px 0;
}
#page-wrap_articles .post:last-of-type,
#page-wrap_articles .casestudy:last-of-type {
padding-bottom: 20px;
border-bottom: 1px solid #d2d2d2;
}
#page-wrap_articles h2 {
	color:#a15698;
}



/* Footer
....................................................................... */
#clients,
#accreditation {
text-align: center;
border-bottom: 1px solid #d2d2d2;
padding: 0 0 30px 0;
margin: 0 0 30px 0;
}
#clients ul,
#accreditation ul {
padding: 0;
margin: 0;
}
#clients li,
#accreditation li {
display: inline-block;
vertical-align: middle;
background-image: none;
padding: 10px 20px 10px 20px;
margin: 0;
}
#clients li img,
#accreditation li img {
display: block;
width: auto;
max-height: 65px;
}
#accreditation li img {
max-height: 85px;
}

#contact_details {
text-align: center;
margin: 0 0 50px 0;
}
#contact_details .email,
#contact_details .tel,
#contact_details .socnet {
display: inline-block;
vertical-align: middle;
font-weight: 700;
color: #a15698;
padding: 5px 0;
margin: 0 10px;
}
#contact_details a {
color: #103d67;
text-decoration: none;
height: 36px !important;
}
#contact_details a:hover {
color: #e48237;
}
#contact_details a.fa-instagram:before {
line-height: 40px;
}

footer #menu ul {
padding: 0;
margin: 0 0 1.1em 0;
}
footer #menu li {
display: inline-block;
width: 30%;
background-image: none;
font-size: 0.85em;
font-weight: 700;
padding: 0 3% 10px 0;
margin: 0 -4px 0 0;
}
footer #menu li a {
color: #838383;
text-decoration: none;
}
footer #menu li a:hover {
text-decoration: underline;
}

footer #copyright {
text-align: right;
}
footer #copyright p {
font-size: 0.8em;
color: #838383;
}
footer #copyright .linky,
footer #copyright .linky a {
color: #b7b7b7;
text-decoration: none;
}
footer #copyright .linky a:hover {
text-decoration: underline;
}

#contact_details .assoc {
float: right;
text-align: right;
width: 700px;
margin: 5px 0 0 0;
}
#contact_details .assoc .item {
display: inline-block;
vertical-align: top;
padding: 0 10px;
}
#contact_details .assoc p {
color: #999;
font-size: 0.8em;
margin: 0 0 5px 0;
}
.footer-logo {
max-width: 160px;
}

.footer-cta {
display: flex;
align-items: center;
}
.footer-cta .left {
flex: 0 0 65%;
}
.footer-cta .right {
flex: 0 0 35%;
}


/* Jetpack sharing
....................................................................... */
.sd-content ul li {
background-image: none !important;
}


/* GM modal
....................................................................... */
#gm_modal {
display: none;
background: rgba(0,0,0,0.9);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999999999;
}
#gm_content {
position: fixed;
top: 50%;
left: 50%;
width: 700px;
height: 540px;
text-align: center;
border: 10px solid #000;
overflow: hidden;
box-sizing: border-box;
border-radius: 4px;
margin: -270px 0 0 -350px;
z-index: 99999999999;
}
#gm_content iframe {
width: 100% !important;
height: 100% !important;
border: 0 !important;
}
#gm_close {
position: absolute;
top: 20px;
right: 20px;
width: 21px;
height: 21px;
background: rgba(255,255,255,1);
border-radius: 50%;
z-index: 999999999999;
cursor: pointer;
}
#gm_close:hover {
background: rgba(255,255,255,0.8);
}
#gm_close .text {
display: none;
}
#gm_close .line {
position: absolute;
left: 5px;
top: 9px;
display: inline-block;
width: 12px;
height: 3px;
background: #000;
transform-origin: 50% 50%;
transition: all .3s;
}
#gm_close .line1 {
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
}
#gm_close .line2 {
-moz-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
}
@media screen and (max-width: 767px) {
	#gm_content {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	}
}


/* Gutenberg color theme 
....................................................................... */
.has-darkblue-color,
.wp-block-button__link.has-darkblue-color {
color: #103d67;
}
.has-darkblue-background-color,
.wp-block-button__link.has-darkblue-background-color {
background-color: #103d67;
}
.has-medblue-color,
.wp-block-button__link.has-medblue-color {
color: #97b4d3;
}
.has-medblue-background-color,
.wp-block-button__link.has-medblue-background-color {
background-color: #97b4d3;
}
.has-lightblue-color,
.wp-block-button__link.has-lightblue-color {
color: #e3ebf2;
}
.has-lightblue-background-color,
.wp-block-button__link.has-lightblue-background-color {
background-color: #e3ebf2;
}
.has-purple-color,
.wp-block-button__link.has-purple-color {
color: #a15698;
}
.has-purple-background-color,
.wp-block-button__link.has-purple-background-color {
background-color: #a15698;
}
.has-lightaccent-color,
.wp-block-button__link.has-lightaccent-color {
color: #faf4ec;
}
.has-lightaccent-background-color,
.wp-block-button__link.has-lightaccent-background-color {
background-color: #faf4ec;
}
.has-dark-color,
.wp-block-button__link.has-dark-color {
color: #000;
}
.has-dark-background-color,
.wp-block-button__link.has-dark-background-color {
background-color: #000;
}
.has-medium-color,
.wp-block-button__link.has-medium-color {
color: #838383;
}
.has-medium-background-color,
.wp-block-button__link.has-medium-background-color {
background-color: #838383;
}
.has-light-color,
.wp-block-button__link.has-light-color {
color: #e5e5e5;
}
.has-light-background-color,
.wp-block-button__link.has-light-background-color {
background-color: #e5e5e5;
}
.has-white-color,
.wp-block-button__link.has-white-color {
color: #fff;
}
.has-white-background-color,
.wp-block-button__link.has-white-background-color {
background-color: #fff;
}


/* Gutenberg wide layout
....................................................................... */
.alignfull {
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
width: 100vw !important;
max-width: 100vw !important;
}
.alignwide {
margin-left: calc(50% - 47.5vw) !important;
margin-right: calc(50% - 47.5vw) !important;
width: 95vw !important;
max-width: 95vw !important;
}
@media screen and (min-width: 1500px) {
	.alignwide {
	margin-left: calc(50% - 45vw) !important;
	margin-right: calc(50% - 45vw) !important;
	width: 90vw !important;
	max-width: 90vw !important;
	}
}


/* Gutenberg Cover
....................................................................... */
.wp-block-cover {
overflow: hidden !important;
}
.wp-block-cover img.wp-block-cover__image-background,
.wp-block-cover video.wp-block-cover__video-background,
.wp-block-cover-image img.wp-block-cover__image-background,
.wp-block-cover-image video.wp-block-cover__video-background {
height: 100% !important;
}
.wp-block-cover .wp-block-columns {
width: 94%;
max-width: 1300px !important;
margin-left: auto;
margin-right: auto;
}
.wp-block-cover .wp-block-columns .wp-block-columns {
width: 100%;
}
.wp-block-cover p:last-child {
margin: 0;
}
.wp-block-cover .wp-block-columns {
margin-bottom: 0;
}


/* Gutenberg Pullquote
....................................................................... */
figure.wp-block-pullquote {
border: 4px solid #e3ebf2;
border-radius: 10px;
padding: 1em 0 !important;
margin: 0;
}
.wp-block-pullquote cite {
margin-top: 20px;
}


/* Gutenberg Separator
....................................................................... */
.wp-block-separator {
border-color: #d2d2d2 !important;
}


/* Gutenberg Table
....................................................................... */
.wp-block-table {
width: 100%;
margin: 0 0 1.5em 0;
}
.wp-block-table table {
min-width: 920px;
}
.wp-block-table table th {
text-align: left;
font-weight: 600;
padding: 15px;
}
.wp-block-table table td {
padding: 15px;
}
.wp-block-table table {
border-collapse: collapse;
}
.wp-block-table thead {
border-bottom: 1px solid #dadada !important;
}
.wp-block-table table tr th,
.wp-block-table table tr td {
line-height: 1.6em;
border: 0;
border-bottom: 1px solid #dadada;
border-right: 1px solid #dadada;
}
.wp-block-table table tr th:last-of-type,
.wp-block-table table tr td:last-of-type {
border-right: 0;
}
.wp-block-table table tbody tr:last-of-type td {
border-bottom: 0;
}
.wp-block-table table tfoot tr td {
border-top: 1px solid #dadada;
}
.wp-block-table figcaption {
padding: 10px 15px;
}
@media screen and (max-width: 768px) {
  .wp-block-table {
  overflow-x: auto;
  }
}


/* Gutenberg custom class block - Resolve landing page stats columns
....................................................................... */
.stats > .wp-block-column {
padding: 30px;
border: 4px solid #e3ebf2;
border-radius: 10px;
}
.stats h2 {
margin: 0 0 0.25em 0;
}
.stats p {
margin: 0;
}


/* Gutenberg custom class block - Styled images with backgrounds
....................................................................... */
.wp-block-image.tiltframe figure,
figure.wp-block-image.tiltframe {
position: relative;
}
.wp-block-image.tiltframe figure img,
figure.wp-block-image.tiltframe img {
display: block;
position: relative;
transform: rotate(-3deg);
z-index: 1;
}
.wp-block-image.tiltframe figure:before,
figure.wp-block-image.tiltframe:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #a15698;
transform: rotate(2deg);
z-index: 0;
}



@media screen and (-webkit-min-device-pixel-ratio : 1.5) {

	.socnet a .icon {
	background-size: 459px auto;
	}
	.socnet a.tw .icon  {
	background-position: -332px -87px;
	}
	.socnet a.fb .icon {
	background-position: -368px -87px;
	}
	.socnet a.gg .icon {
	background-position: -404px -87px;
	}
	.socnet a.li .icon {
	background-position: -436px -87px;
	}

}



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

	.center {
	max-width: 1300px !important;
	width: 90%;
	}

}


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

	#navi ul:first-child {
	display: block !important;
	}
	#toggle_navi {
	display: none;
	}

}


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

	#page-wrap_hero {
	text-align: center;
	padding: 20px 0 80px 0;
	}

	.span1,
	.span2,
	.span3,
	.span4,
	.span5,
	.span6,
	.span7,
	.span8,
	.span9,
	.span10,
	.span11,
	.span12 {
	float: none;
	clear: both;
	width: 100%;
	margin-right: 0;
	}

	.center {
	width: 94%;
	padding: 0;
	margin: 0 0 0 3%;
	}
	.sidebar {
	padding-top: 30px;
	}

	#toggle_navi {
	display: block;
	}
	#page-wrap_navi {
	position: relative;
	min-height: 0;
	}
	body.admin-bar #page-wrap_navi { /* Logged in admin */
	top: 0;
	}
	#navi {
	width: 100%;
	min-height: 0;
	border: 0;
	}
	#navi ul {
	display: none;
	text-align: left;
	border-top: 1px solid #276387;
	padding: 0 0 10px 0;
	margin: 0;
	}
	#navi li {
	clear: both;
	float: none !important;
	display: block;
	border-top: 0;
	border-bottom: 1px solid #276387;
	padding: 0 !important;
	margin: 0 !important;
	}
	#navi li:last-child {
	border-bottom: 0;
	}
	#navi li a {
	position: relative;
	display: block;
	text-shadow: none;
	background: transparent;
	padding: 8px 3% 8px 3%;
	margin: 0;
	border-radius: 0;
	transition: background-color 0.2s;
	}
	#navi li ul {
	opacity: 1;
	display: block;
	position: relative !important;
	float: none;
	top: auto !important;
	left: auto !important;
	width: auto;
	background: transparent;
	box-shadow: none;
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 0;
	}
	#navi li ul li,
	#navi li.current_page_item ul li {
	clear: both;
	float: none;
	width: auto;
	display: block;
	border-bottom: 0;
	border-top: 1px solid #276387;
	}
	#navi li ul li a,
	#navi li.current_page_item ul li a {
	width: auto;
	text-align: left;
	border: 0;
	padding: 8px 3% 8px 3%;
	margin: 0;
	}
	#navi li ul li a:before,
	#navi li.current_page_item ul li a:before {
	content: '- ';
	display: inline-block;
	color: #fff;
	padding-right: 5px;
	}

	.span3.home_service,
	.span3.last.home_service {
	clear: none;
	float: left;
	width: 48.25%;
	margin: 0 3.5% 0.75em 0;
	}
	.span3.home_service:nth-child(2n+2) {
	margin-right: 0;
	}
	.home_service h2 {
	font-size: 1.4em;
	}
	.home_service h2 br {
	display: none;
	}

	#page-wrap_features .span4,
	#page-wrap_features .span6:first-child {
	border-right: 0;
	padding: 0 0 10px 0;
	}

	#page-wrap_articles .span6:first-child {
	padding: 0 0 20px 0;
	}

	footer #menu ul {
	text-align: center;
	margin-bottom: 20px;
	}
	footer #menu li {
	width: auto;
	}
	footer #copyright {
	text-align: center;
	}

	#contact_details {
	text-align: center;
	}
	#contact_details .assoc {
	display: block;
	float: none;
	width: auto;
	margin: 0 auto 10px auto;
	text-align: center;
	}
	
}


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

	p,
	.page-wrap_content li {
	font-size: 0.9em;
	}
	.page-wrap_content li p,
	.page-wrap_content li ul li {
	font-size: 1em;
	}
	h1 {
	font-size: 2em;
	}
	#page-wrap_hero h1 {
	font-size: 2.5em;
	}
	h2 {
	font-size: 1.4em;
	}
	h2.oversize {
	font-size: 2em;
	}
	h2.title {
	font-size: 1.4em;
	}
	h3 {
	font-size: 1.2em;
	}
	h4 {
	font-size: 1em;
	}
	.page-wrap_content img.alignleft,
	.page-wrap_content img.alignright {
	max-width: 120px;
	}

	#logo {
	float: none;
	width: 100%;
	}
	#logo a,
	#logo .strapline {
	margin: 0 auto;
	}
	header #header_tools {
	display: none;
	}

	.event {
	padding-left: 0;
	}
	.event .date {
	margin-left: 0;
	}
	.event .date span {
	width: 50px;
	height: 70px;
	font-size: 0.85em;
	}
	.event .date strong {
	font-size: 2.5em;
	}
	.event h4,
	.event .meta {
	padding-left: 80px;
	}
	.event .meta {
	font-size: 0.85em;
	}

	.service {
	padding-left: 0;
	}
	.service img.attachment-service_thumb {
	float: none;
	max-width: 100%;
	margin: 5px 0 10px 0;
	}

	#accreditation li img {
	width: auto;
	max-height: 50px;
	}
	#accreditation_full_list li img {
	width: auto;
	max-height: 50px;
	}

}


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

	#logo a {
	width: 224px;
	height: 52px;
	background-size: 459px 155px;
	}
	#logo .strapline {
	width: 100%;
	font-size: 0.7em;
	padding-bottom: 0;
	}
	
	.footer-cta {
	display: block;
	text-align: center;
	}
	.footer-cta .wp-block-buttons.is-content-justification-right {
  	justify-content: center;
  	}

}


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

	ul.tab_list li {
	margin-left: 5px;
	}
	ul.tab_list li a {
	font-size: 1em;
	padding-left: 5px;
	padding-right: 5px;
	}

	.span3.home_service,
	.span3.last.home_service,
	.span3.home_service:nth-child(2n+2) {
	clear: none;
	float: left;
	width: 100%;
	margin: 0 0 0.75em 0;
	}

	#page-wrap_features .newsletter,
	#page-wrap_features .testimonial {
	padding-left: 0;
	}
	#page-wrap_features .newsletter .icon,
	#page-wrap_features .testimonial .icon {
	display: none;
	}
	#page-wrap_features a.boldlink {
	margin-left: 0;
	}

}