/*   
Theme Name: Clannad
Description: Custom WordPress theme
Author: Rob Place | Mumford Connect Web Design
Author URI: http://mumfordconnect.com
Version: 1.0
*/

@font-face {
    font-family: "MyriadPro-Regular";
    src: url("fonts/MyriadPro/MyriadPro-Regular.otf") format("opentype");
}
    
@font-face {
    font-family: "MyriadPro-Light";
    src: url("fonts/MyriadPro/MyriadPro-Light.otf") format("opentype");
}

@font-face {
    font-family: "MyriadPro-Semibold";
    src: url("fonts/MyriadPro/MyriadPro-Semibold.otf") format("opentype");
}
@font-face {
    font-family: "MyriadPro-Bold";
    src: url("fonts/MyriadPro/MyriadPro-Bold.otf") format("opentype");
}

/* Basic WordPress Styles */
@import url('styles/wp.min.css');

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

/* Set CSS for iOS **************************************************/
* { 
    -webkit-tap-highlight-color: transparent; 
}
/*
a, article, div, h1, h2, h3, h4, h5, h6, img, section, span {
    -moz-user-select: none; 
    -webkit-user-select: none; 
}
*/
textarea,
button,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="email"],
input[type="search"] { 
   -webkit-appearance: none;
    border-radius: 0;
}
/* *****************************************************************/

BODY		{
			font-family: 'MyriadPro-Light', sans-serif;
			 font-size:14pt;
             font-weight:400;
			 color:#59475d;
			 margin:0;
			 padding:0;
			 height:100%;
             text-rendering: optimizeLegibility;
             overflow-x:hidden;
            /* background-image:url(images/background625.png);background-position: top right 22%;background-repeat: no-repeat;*/
			 }

BODY.home DIV.background {position:absolute;top:0;left:0;width:100%;height:630px;z-index:-3233333333;}
BODY.home DIV.background .inner {height:630px;margin:auto;max-width:1250px;background-image:url(images/background625.png);background-position: top right;background-repeat: no-repeat;}

MAIN {
		width:100%;
		background:none;
}

HEADER .header {position:relative;}
HEADER .header img.static {width:100%;}
HEADER .staticheader {max-height:400px;overflow:hidden;position:relative;}
HEADER .staticheader img {vertical-align:top;}
HEADER .staticheader .page-title {position:absolute;bottom:0;left:0;width:100%;background:rgba(0,147,208,0.7);padding-top:10px;padding-bottom:10px;}
HEADER .staticheader .page-title h1.entry-title {text-align:center;color:#ffffff;margin:0;padding:0;line-height:125%;padding-left:5%;padding-right:5%;}
HEADER .top-header-menu a:hover {color:#fcb033 !important;}

HEADER h1 {font-family: 'MyriadPro-Bold', sans-serif;text-decoration:underline;font-size:1.5rem;line-height:unset;margin:0;text-transform: initial;}

FOOTER	{
	width:100%;
	margin:auto;
	margin-top:0px;
	color:#ffffff;
	text-align:center;
    line-height:142%;
    background:rgba(67,42,70,1);
}
FOOTER a	{font-weight:400;color:inherit;text-decoration:none;}
FOOTER SECTION.copyright {font-size:9pt;padding-top:10px;width:100%;margin:auto;padding: 10px 20px;}
FOOTER p.copyright {margin-bottom:0 !important;}
FOOTER p.copyright a,FOOTER p.footer-links a {color:inherit;}
FOOTER p.footer-links {margin-bottom:0 !important;}

FOOTER SECTION.mumfordconnect {display:block;padding-bottom:10px;padding-top:15px;}
FOOTER SECTION.mumfordconnect img {width:100%;max-width:180px;}
FOOTER .section {margin-bottom:20px;}
FOOTER .section a {font-weight:300;}
FOOTER h4 {border:0;color:inherit;margin:0;padding:0;}

FOOTER .footer-widget p {margin-bottom:10px;}
FOOTER SECTION:first-of-type {padding-top:20px;}

SECTION {display:table;clear:both;width:100%;}
SECTION.subsection {background:#eeeeee;padding-top:15px;padding-bottom:15px;}

SECTION.quote {font-size:20pt;text-align:center;background:#92c8ef;color:#ffffff;font-style: italic;}

IMG.left {float:left;margin-right:20px;margin-bottom:20px;}
IMG.right {float:right;margin-left:20px;margin-bottom:20px;}
IMG.responsive {
  max-width: 100%;
  height: auto;
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption {
    display:table !important;
    font-size:12px !important;
    padding:0px 0px 10px !important;
    text-align:center !important;
}
.wp-caption IMG {vertical-align:top;width:100%;height:auto;padding-bottom:10px;}
.wp-caption-text {display:initial;caption-side:bottom;line-height:150%;width:100%;font-size:9pt;}

.content	{
	width:100%;
	max-width:1250px;
	margin:auto;
	line-height:18pt;
	padding:10px 40px 0px 40px;
    font-weight:600;
}
.content ul {overflow:hidden;padding-left:20px;}

strong {font-family: "MyriadPro-SemiBold";font-size: 1.2rem;}

h1	{
    font-family: 'MyriadPro-SemiBold', sans-serif;
    font-size: 24pt;
    margin: 0;
    line-height: 40px;
    font-weight:800;
    margin-top:10px;color:#b09db2;
    }
h2	{font-family: 'MyriadPro-SemiBold', sans-serif;font-size:24pt;font-weight:800;color:#b09db2;margin-top:0;line-height:28pt;}
h3	{font-family: 'MyriadPro-SemiBold', sans-serif;font-size:20pt;font-weight:700;color:#806783;line-height:120%;margin:0;}
h4	{font-size:12pt;font-weight:600;color:#816884;border-bottom: 1px solid #eaeaea;}

h1 ~ h3 {margin-top:5px;}
h2 ~ h3 {margin-top:0;}

h2.page-title {font-size:20pt;font-weight:600;text-transform: uppercase;text-align:center;margin-top:5px;}

/*p ~ h3 {padding-top:20px;}*/

a	{color:#000000 ;text-decoration:underline;font-weight:inherit;text-decoration:underline;}
a:hover	{text-decoration:underline;cursor:pointer;}

p {margin-top:0;margin-bottom:0.75em;}
p:last-of-type {margin-bottom:0;}


li	{padding-bottom:10px}

#breadcrumbs	{font-weight:normal;margin-top:0px;font-size:8pt;color:#7a7a7a;}
#breadcrumbs p	{margin-bottom:5px;margin-top:0px;color:#7a7a7a;}
#breadcrumbs a	{font-weight:normal;text-decoration:none;color:#7f7f7f;}
#breadcrumbs a:hover	{text-decoration:underline}

.navigation-wrapper {display:table;width:100%;margin-top:30px;}

#navigation {margin: auto;display: table;font-family: 'MyriadPro-Light', sans-serif;}
#primary_nav_wrap
{
	margin-top:0px;
	background:none;
	width:100%;
	clear:both;
	display:table;
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	z-index:99999;
}

#primary_nav_wrap ul a
{
	display:block;
	color:#ffffff;
	text-decoration:none;
	font-weight:100;
	font-size:12pt;
	line-height:32px;
	padding:0 25px;
	text-shadow: #000000 0px 0 7px;
}

#primary_nav_wrap ul a:hover {
	color:#ffffff;
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	border-right:0;
	text-transform: uppercase;
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#ddd;
	color:#000000;
}

#primary_nav_wrap ul li.current-menu-item a {color:#ffffff;}

#primary_nav_wrap ul li:hover
{
	background:#000000;
	color:#ffffff;
}

#primary_nav_wrap ul li:hover a {color:#ffffff;}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#d1201f;
	padding:0;
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px;
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px;
	color:#ffffff;
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%;
}

#primary_nav_wrap ul li:hover > ul
{
	display:block;
}

.site-title {position:absolute;top:0;width:100%;left:0;z-index: 999;text-align:center;margin-top:50px;padding-left:20px;padding-right:20px;}
.site-title img {max-width:698px;width:100%;}

hr {margin-top:30px;margin-bottom:30px;clear:both;}
hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

IFRAME {vertical-align:top;}

h2.center {text-align:center;}

SECTION.two-columns {display:table;}
SECTION.two-columns DIV.column {float:left;vertical-align:top;}
SECTION.two-columns DIV.column:first-of-type {width:68%;margin-right:2%;}
SECTION.two-columns DIV.column:last-of-type {width:28%;margin-left:2%;}

SECTION.three-columns {display:flex;display:flexbox;}
SECTION.three-columns DIV.column {display:inline-block;vertical-align:top;flex:1;width:29%;margin-left:2%;margin-right:2%;}

DIV.spacer {clear:both;display:block;height:40px;}
SECTION.spacer {margin-bottom:50px;}

SECTION.full-width {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}
SECTION.full-width img {width:auto !important;max-width:100% !important;height:auto !important;}
SECTION.full-width .inner {
    max-width: 1200px;width:100%;
    margin: auto;
    line-height: 140%;
    display:table;
    max-width:1150px;
    padding-top:20px;
    padding-bottom:20px;
}

SECTION.fullwidth-basic {
    width:100%;
}
SECTION.fullwidth-basic img {width:100% !important;}
SECTION.full-width.map .inner {
    padding: 0;
    max-width: 100%;
    width: 100%;
}

SECTION.full-width [class*="mc-col-"] {padding:0;}

ul.two-columns {columns:2;}
ul.two-columns li {line-height:200%;padding-right:40px;padding-bottom:0;}

/* ---- grid ---- */

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 33.333%;
  padding:10px;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
  border-radius: 5px;
}


blockquote {
font-family: none;
font-size: 21px;
font-style: italic;
width: 90%;
margin: auto;
margin-bottom:10px;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #000000;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #000000;
}

blockquote:after {
display: block;
content: "\201D";
font-size: 80px;
position: absolute;
right: -10px;
top: -20px;
color: #000000;
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
blockquote cite:before {
content: "\2014 \2009";
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	z-index:99;
	margin-top:0px;
	display:table;
    width:100%;
    background:#58475d;
}

#topheader .navigation {float:left;}

/* Top Navigation **************************************************************************************************/
#top-navigation {display: table;padding-right: 15px;}
#top-navigation ul, #navigation li{ list-style:none; padding:0; margin:0; display:inline;text-transform:uppercase;}
#top-navigation ul li {float:left; position:relative;padding:0;margin: 10px 0 10px 0;}
#top-navigation ul li a { 
    display:block; 
    padding: 5px 10px;
    margin:1px; 
    font-size:11pt; 
    white-space:nowrap; 
    border-radius:3px;
	font-weight:500;
    text-transform: initial;
    color:#6f6e6e;
}
#top-navigation ul li a:hover{text-decoration:none;color:#a7a7a7; }
#top-navigation ul ul{ 
    position:absolute; 
    top:-99999px; 
    left:-10px;
    opacity: 0; /* Hide sub level */
    transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    z-index:497; 
    background-color: rgba(0,0,0,1);
	color:#ffffff;
    padding: 2px; 
    border-bottom:0px solid #000000; 
    border-top:none; 
	/*box-shadow:#ffffff 0 3px 4px;*/
    overflow:visible;
    padding-top:5px;
}

#top-navigation ul ul ul { 
    position:absolute; 
    top:-99999px; 
    left:10%; 
    opacity: 0;
    transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    border-radius:6px;
	z-index:495; 
    padding: 2px; 
    border:1px solid #ffffff; 
    border-top:none; 
    /*box-shadow:#ffffff 0 1px 2px; */
    border-bottom-left-radius:6px; 
    border-bottom-right-radius:6px; 
    border:1px solid #ffffff;
	overflow:visible;
}

#top-navigation ul li ul li a {color:#ffffff;}

#top-navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:10%; }
#top-navigation ul ul li:hover>ul{ position:absolute; top:5px; left:100%; opacity: 1; z-index:497;}

#top-navigation ul li ul li {clear:both;padding:0px;margin:0;}
#top-navigation ul li.last-menu-item:hover>ul{ opacity: 1; position:absolute; top:99%; left:-100%; }
#top-navigation ul li.last-menu-item {border-right:0;}

/* Navigation ******************************************************************************************************/
#menu-main-menu	ul	{padding:0;}
#menu-main-menu .menu-item a	{font-weight:normal;text-decoration:none;}
#menu-main-menu .menu-item {padding-left:10px;padding-right:10px;}
#menu-main-menu li.current_page_item a {background:none;color:#ffffff !important;}
#menu-main-menu .sub-menu a {background:none;color:#ffffff;}
#menu-main-menu li.current_page_item .sub-menu a {color:#ffffff !important;}

#navigation	{margin:auto;text-align:center;display:table;padding-top:0px;padding-bottom:0px;max-width:1250px;width:100%;padding-left:40px;}

#navigation ul, #navigation li{ list-style:none; padding:0; margin:0; display:inline;text-transform:none;}
#navigation ul li {float:left; position:relative;}
#navigation ul li a { 
    display:block; 
    padding:0px 10px; 
    margin:1px; 
    font-size:10pt; 
    white-space:nowrap; 
    border-radius:3px;
	color:#ffffff;
	font-weight:bold;
}
#navigation ul li a:hover{text-decoration:none;color:#c7bac9; }
#navigation ul ul{ 
    position:absolute; 
    top:-99999px; 
    left:-10px;
    opacity: 0; /* Hide sub level */
    transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    z-index:497; 
    background-color: #899aaa ;
	color:#ffffff;
    padding: 2px; 
    border-bottom:0px solid #000000; 
    border-top:none; 
	/*box-shadow:#ffffff 0 3px 4px;*/
    overflow:visible;
    padding-top:5px;
    border-radius:8px;
}

#navigation ul ul ul { 
    position:absolute; 
    top:-99999px; 
    left:10%; 
    opacity: 0;
    transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    border-radius:6px;
	z-index:495; 
    padding: 2px; 
    border:1px solid #ffffff; 
    border-top:none; 
    /*box-shadow:#ffffff 0 1px 2px; */
    border-bottom-left-radius:6px; 
    border-bottom-right-radius:6px; 
    border:1px solid #ffffff;
	overflow:visible;
}

#navigation ul li ul li a {color:#ffffff;text-transform: none;}

#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0; }
#navigation ul ul li:hover>ul{ position:absolute; top:5px; left:95%; opacity: 1; z-index:497;}
/*#navigation ul ul ul li:hover>ul{ position:absolute; top:0; left:-100%; opacity: 1; z-index:497; background:#eeeeee; }*/

#navigation ul li ul li {clear:both;padding:4px;padding-left:0;padding-right:0px;width:100%;text-align:left;}
#navigation ul li.last-menu-item:hover>ul{ opacity: 1; position:absolute; top:99%; left:-100%; }

.navigation-container	{z-index:999;}

#navigation .menu-main-menu-container	{margin:auto;}

ul#menu-main-menu.menu {padding:0;}
ul#menu-main-menu.menu li.last-menu-item	{border-right:0;}
ul#menu-main-menu.menu li ul li	{border-right:0;}

#top-navigation .stub a:hover	{text-decoration:none;cursor:default;}
#top-navigation .stub ul.sub-menu a:hover	{text-decoration:underline;cursor:pointer;}

#navigation .stub a:hover	{text-decoration:none;cursor:default;}
#navigation .stub ul.sub-menu a:hover	{text-decoration:underline;cursor:pointer;}
#navigation ul.sub-menu li a:hover {text-decoration:none !important;color:#000000;}

* {
    scrollbar-width: thin;
  }
 

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color:#a7a7a7;
    box-shadow: 0 0 1px rgba(255,255,255,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

#navigation  ul li	{line-height: 100%;}

#navigation  ul li a { 
    display:block; 
    margin:0; 
    font-size:14pt; 
    white-space:nowrap; 
    border-radius:0px;
	color:#c3b3c2;
    font-weight:400;
    line-height:230%;
    text-decoration: none;
}

#navigation  ul li.current_page_item a {color:#ffffff;}
#navigation  ul li.current_page_item:nth-child(2) a {color:#c3b3c2;}

BODY.home .content {padding-bottom:0;}

#navigation  ul.sub-menu li a {border-right:0;line-height:20pt;}
#navigation ul li:last-of-type:hover>ul {left:-40%;}
#navigation  ul.sub-menu li a {padding-bottom:0;}

/* Responsive iFrame */
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.responsive	{width:100%;}

/*
.g-recaptcha{
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}
*/

HEADER .logo.section {position:absolute;top:-36px;z-index:0;left:15px;}
HEADER .logo img {width:100%;height:auto;max-width:430px;display:block;margin:auto;padding:10px;}
HEADER .logo a {color:inherit;}
HEADER .logo a:hover {text-decoration: none;}
HEADER .header-image {position:relative;}
HEADER .contact {position:absolute;right:20px;top:45px;text-align:right;line-height:200%;}
HEADER .contact a:hover {text-decoration: none;}
HEADER .contact p {margin-bottom:0;padding-bottom:0;}
HEADER .contact p.address {font-size:10pt;font-weight:600;}
HEADER .contact p.phone a {font-size:14pt;font-weight:400;color:inherit;}
HEADER .contact p.email {font-size:12pt;font-weight:600;}

HEADER #topheader {background:rgba(67,42,70,0.75);line-height:170%;display:none;width:100%;padding:5px;height:50px;}
HEADER #topheader a {color:inherit;margin-right:40px;margin-left:5px;font-weight:400;text-decoration: none;}
HEADER #topheader a:last-of-type {margin-right:10px;}
HEADER #topheader DIV.left {float:left;}
HEADER #topheader DIV.right {float:right;}
HEADER #topheader .inner {max-width:1250px;width:100%;margin:auto;position:relative;}
HEADER #topheader DIV.icons {float:right;}
HEADER #topheader DIV.icons a {margin-left:0px;margin-right:0;}
HEADER #topheader DIV.socialmediaicons img {max-height:27px;filter:none;vertical-align:middle;}

HEADER SECTION.main-bar {display:none;padding-bottom:0;position:relative;margin-bottom:0px;height:110px;background:none;}
HEADER SECTION.main-bar DIV.inner {width:100%;margin:auto;position:relative;display:table;}

BODY.home HEADER #topheader {display:table;}
BODY.home HEADER SECTION.main-bar {display:table;}

HEADER #header_image {display:block;width:100%;}
HEADER #header_image img {width:100%;}

SECTION .feature {display:inline-flex;width:100%;background:#f5f5f5;vertical-align:top;line-height:150%;}
SECTION .feature DIV {vertical-align:top;}
SECTION .feature DIV.column:first-child {width:50%;display: flex;
    align-items: center;
    justify-content: center;margin:0;}
SECTION .feature DIV.column:last-child {width:50%;display: flex;
    align-items: center;
    justify-content: center;margin:0;}
SECTION .feature IMG {vertical-align:top;width:100%;object-fit:cover;height:100%;}
SECTION .feature DIV.inner {display:table;padding:40px;}
SECTION .feature DIV a {padding:0;color:#000000;line-height:125%;font-weight:400;}
SECTION .feature DIV a:hover {text-decoration: underline;cursor:pointer;}
SECTION .feature DIV h2 {font-size: 2.1rem;font-weight:100;text-align:center;line-height:125%;padding:0;margin:0;margin-bottom:10px;transition:0.2s;}
SECTION .feature DIV a.image {padding:0;display:contents;}
SECTION .feature DIV a.image:hover {background:initial;padding:0;}
SECTION .feature ul {padding-left: 17px;}


.socialmediaicons {width:100%;max-width:1200px;padding-top:5px;padding-bottom:0px;margin:auto}
.socialmediaicons h2 {font-size: 1.6rem;font-weight:100;line-height:125%;padding:0;margin:0;margin-bottom:10px;}
.socialmediaicons img {max-width:35px !important;margin-right:30px !important;display: initial !important;}

SECTION.feature-group.staff DIV.column.details {padding:15px;}
SECTION.feature-group.staff DIV.column.details h3 {margin:0;}

/** Ninja Forms CSS *********************************************************************************/
/*
.nf-field-element input, .nf-field-element select, .nf-field-element textarea {padding:10px;border:1px solid #a7a7a7;}
.nf-form-fields-required {font-size:9pt;}
.nf-field-element select {height:39px;}
*/
.contact-form {    margin: 1.125rem 0 5.375rem 0;
    background: #efefef;
    padding: 1.75rem 6rem 2.75rem 6rem;
    position: relative;
    margin-bottom: 35px;}
.contact-form h3 {text-align:center;font-size: 20pt;
    border-bottom: 1px solid #000000;
    padding-bottom: 20px;}

.field-wrap input[type=button] {width:100% !important;border:0;background:#4b4b4b;color:#ffffff;text-transform:uppercase;font-size:12pt;}
.field-wrap input[type=button]:hover {background:#000000;cursor:pointer;}

.full-width {background:rgba(204,190,203,0.6);}

#posts_feature SECTION {display:inline-block;vertical-align:top;}

#posts_feature SECTION img {width:100%;height:100%;}
#posts_feature SECTION h3 {font-weight:600;font-size:12pt;text-align:center;margin:5px 0 5px 0;text-transform: uppercase;}

#posts_feature SECTION.items-3 {width:29.33333333333%;margin:2%;}
#posts_feature SECTION.items-4 {width:21%;margin:2%;}

.post-content thumbnail img {width:100%;}

.su-column-size-1-5 {width:16.2% !important;}
.su-column-size-1-5 img {margin:auto !important;}
.su-column-size-4-5 {width:75.2% !important;}

#frontpage-link-boxes {display:table;width:100%;color:#ffffff;}
#frontpage-link-boxes .subbox {display:inline-grid;width:50%;margin:0;padding:15px;}
#frontpage-link-boxes .subbox .img_wrap {position: relative;width:100%;height:250px;background-size: cover;background-position:center;transition:0.5s;}
#frontpage-link-boxes .subbox .inner {background:none;width:100%;line-height:175%;}
#frontpage-link-boxes .subbox img {width:100%;vertical-align:top;}
#frontpage-link-boxes .subbox h2 {text-align:center;text-transform: initial;margin:0;padding:0;font-weight: 400;
    line-height: 200%;
    font-size: 14pt;
    background:#0067b2;color:#ffffff;}

#frontpage-link-boxes .subbox a h2 {transition:0.5s;}
#frontpage-link-boxes .subbox a:hover {text-decoration:none;}
#frontpage-link-boxes .subbox a:hover h2 {text-decoration:none;background:#000000;transition:0.5s;}
#frontpage-link-boxes .subbox a:hover .img_wrap {transform: scale(1.1);transition:0.5s;}

#frontpage-link-boxes .subbox .img_wrap_parent {overflow:hidden;}
#frontpage-link-boxes .descriptiontext .inner {padding:40px;}

#frontpage-link-boxes .subbox .description {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(54,87,62, 0.72);
    color: #fff;
    visibility: visible;
    opacity: 0;
    padding: 4% 4% 0 4%;
    overflow: hidden;

    /* transition effect. not necessary */
    transition: opacity .4s, visibility .4s;
    font-size: 11pt;
    line-height: 150%;
    z-index:-1000;
}

#frontpage-link-boxes .subbox:hover .description {
  visibility: visible;
  opacity: 1;
  z-index:1;
}

#frontpage-link-boxes .subbox:hover .description.open {visibility: visible;  opacity: 1;}
#frontpage-link-boxes .box {display:flex;}

HR {border: 0;
    height: 1px;
    background: #a7a7a7;}

/* ** SEARCH RESULTS STYLES *******************************************************************************/
#search-results .post	{margin: 0 0 20px 0;}
#search-results .published	{font-size:9pt;color:#a7a7a7;}
#search-results p	{margin:0;}

.nav-previous, .nav-next	{font-size:12pt;font-weight:bold;}
.nav-previous	{float:right;}

#nav-above	{margin-bottom:20px;display:table;width:100%;}
#nav-below	{margin-top:5px;display:table;width:100%;}

#search-results .search-results	{display:table;width:100%;}
#search-results .search-results-items	{margin-bottom:15px;border-bottom: 1px dotted #a7a7a7;padding-bottom: 15px;}

#search-results  h1.entry-title {margin:0;}
#search-results p.post-type	{font-size:9pt;color:#a7a7a7;}
#search-results p.permalink	{font-size:9pt;}
#search-results nav.navigation	{margin-top:10px;width:100%;}
#search-results p.items-found {border-bottom:1px solid #a7a7a7;}
#search-results h3 {margin-bottom:0;}

.nav-links	{text-align:center;}
.nav-links a.prev {float:left;background:black;color:#ffffff;padding:10px;margin:0 !important;font-weight:bold;text-decoration:none;font-size:12pt;text-transform:uppercase;}
.nav-links a.next {float:right;background:black;color:#ffffff;padding:10px;margin:0 !important;font-weight:bold;text-decoration:none;font-size:12pt;text-transform:uppercase;}
.nav-links a.prev:hover, .nav-links a.next:hover{background:#c40000;}

.nav-links a.page-numbers	{margin-left:10px;margin-right:10px;}
.nav-links .current {margin-left: 10px;margin-right:10px;font-size: 13pt;font-weight: bold;}

#search-results INPUT.search-field	{width:100%;border:0;height:100%;font-size:13pt;}

.gallery .gallery-item {padding: 1%;vertical-align:top;margin-top:0 !important;}

.gallery-item img {border:0 !important;width:auto;max-width:100% !important;height:auto;text-align:center;}
.gallery-columns-5 .gallery-item {width: 20% !important;padding: 0 4% !important;}
.gallery {display: flex;justify-content: center;align-items: center;flex-wrap:wrap;}

#search-header-form BUTTON {border:0;background:none;padding:1px;}
#search-header-form BUTTON:hover {cursor: pointer;}


DIV.backtotop {display:table;margin-top:10px;margin-bottom:5px;width:100%;text-align:right;}
DIV.backtotop a.scrollLink {font-size:9pt;}
DIV.backtotop a.scrollLink:before {content: "\02191";font-size:12pt;padding-right:5px;}

/* ** ACCORDIAN SPOILER STYLES *******************************************************************************/
.mc_spoiler {border-bottom:1px solid #999;}
.mc_spoiler h2.spoiler-title {
    background: none;
    cursor: pointer;
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0;
    padding: .33em;
    font-weight:500;
}

.mc_spoiler h2.spoiler-title:after {content:'+';float:right;}
.mc_spoiler h2.spoiler-title.active:after {content:'-';}

.mc_spoiler:first-child {
border-top:1px solid #999;
}
.mc_spoiler div.content {
    padding: 1em;
}

.mc_spoiler .content h3 {border-bottom:1px dashed #a7a7a7;}

/* ** ULITIMATE SHORtCODES STYLES *******************************************************************************/
.su-column img {height:auto;}


#searchform {display:block;margin-top:10px;}
#searchform INPUT {border:1px solid #a7a7a7;padding:5px;}
#searchsubmit {background:#0093d0;color:#ffffff;text-transform: uppercase;border:1px solid #0093d0 !important;}

.fa, .fas {transform: rotate(0.001deg);}
.fas.left {float:left;}

:target::before {
  content: "";
  display: block;
 /*
  height: 38px; /* fixed header height*/
  /*margin: -38px 0 0; /* negative fixed header height */
}

.sharestory {display:block;margin-top:20px;}
#share-buttons {font-size:10pt;}
#share-buttons img {width:40px;}
#share-buttons a {text-decoration:none;}
#share-buttons p {padding-bottom:10px;}

#latestnews .img {position: relative;
    width:  100%;
    height: 170px;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;margin-bottom:10px;
}

#frontpage-link-boxes a {color:#ffffff;}
#frontpage-link-boxes h2 a {font-weight:500;transition:0.2s;}
#frontpage-link-boxes h2 a:hover {color:#ffc50c;transition:0.2s;text-decoration:none;}

#frontpage-link-boxes .readmore {text-align:center;margin-bottom:20px;margin-top:10px;}
#frontpage-link-boxes .readmore a {text-align:center;padding:5px 20px;background:#0a6590;margin-bottom:10px;transition: 0.2s;}
#frontpage-link-boxes .readmore a:hover {background:#000000;transition:0.2s;text-decoration:none;}

.mc_spacer {
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
}

ol li ol {margin-top:10px;}


SECTION .contactinfo {background:#acd0c0;color:#000080;}
SECTION .contactinfo a {color:inherit;}
SECTION .contactinfo h1 {margin:0;color:inherit;text-transform:none;}

SECTION .locations {word-spacing: 40px;font-weight:600;font-size:1.1em;text-transform:uppercase;}
SECTION .locations .inner {padding:20px 30px;}

.step-navigation {text-align:center;background:none;}
.step-navigation a.su-button {margin-left:20px;margin-right:20px;}


ol.style-1 {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
}
ol.style-1 li {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
ol.style-1 li::before {
  content: counter(my-awesome-counter);
  color: #fcd000;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 32px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  background: black;
  border-radius: 50%;
  text-align: center;
  box-shadow: 1px 1px 0 #999;
}

SECTION.full-width.body-section-1 {background:#61821a;color:#ffffff;}
SECTION.full-width.body-section-1 a {color:inherit;}
SECTION.full-width.body-section-1 h1, SECTION.full-width.body-section-1 h2, SECTION.full-width.body-section-1 h3 {color:inherit;}

/* SECTION.content img ~ p {margin-top:10px;}*/

DIV.images_block {width:50%;display:grid;grid-column-gap: 10px;grid-template-columns:auto auto;margin:auto;}
DIV.images_block IMG {margin:auto;text-align:center;}

SECTION .feature.fquote {line-height:210%;font-family:none;text-align:center;}
SECTION .feature.fquote IMG {height:300px;object-position: top;}

SECTION .feature.fquote DIV.column:first-child {width:70%;}
SECTION .feature.fquote DIV.column:last-child {width:30%;}

BODY.alt-title h1.entry-title {text-transform: none;}

ul.menu li.no-transform a {text-transform: none !important;}


DIV.nivoSlider {max-height:800px !important;}

SECTION.topbar {background:#cd7b99;color:#ffffff;}
DIV.topbar-content {display:table;padding:10px;padding-left:40px;width:100%;text-transform: uppercase;}
DIV.topbar-content .extrainfo {float:right;}

DIV.topbar-content a {padding-right:20px;color:#ffffff;font-weight:500;font-size:11pt;}
DIV.topbar-content a.register {border-radius: 15px;color:#ffffff;text-transform: uppercase;background:#5d1630;margin-left:40px;text-align:center;padding: 5px 20px;text-decoration: none;transition:0.2s;}
DIV.topbar-content a.register:hover {background:#000000;transition:0.2s;}


SECTION.feature-group {display: flex;justify-content:center;flex-wrap: wrap;}
SECTION.feature-group SECTION.feature {width:23.5%;overflow:hidden;margin-bottom:0px;margin:1%;color:#000000;text-align:center;}
SECTION.feature-group SECTION.feature DIV.column:first-child {width:auto;display:inherit;width:100%;}
SECTION.feature-group SECTION.feature DIV.column:last-child {width:auto;display:inherit;align-items:normal;width:100%;}
SECTION.feature-group SECTION.feature DIV.inner {display:block;overflow: hidden;width:100%;padding:20px 25px;}
SECTION.feature-group SECTION.feature DIV h2 {height:78px;font-size:1.3rem;font-weight:500;text-align:center;margin-bottom:10px;line-height:125%;color:#ffffff;margin:0;}
SECTION.feature-group SECTION.feature a {line-height:100%;}
SECTION.feature-group SECTION.feature DIV h2 a {font-weight:600;line-height:120%;color:#ffffff;}
SECTION.feature-group SECTION.feature DIV h2 a:hover {text-decoration: none;}

SECTION.feature-group SECTION.feature.therapy {background:#ccbecb;background-image:url(images/counselling-box-background.png);background-position:bottom center;background-size: contain;background-repeat: no-repeat;padding-bottom: 46px;}
SECTION.feature-group SECTION.feature.therapy h2 {display:grid;align-content:center;justify-content:center;background:#806783;font-family: "MyriadPro-Regular";font-weight:300;padding: 10px 7%;border-bottom:5px solid #ffffff;}
SECTION.feature-group SECTION.feature.therapy a {color:#ffffff;text-decoration:none;font-weight:100;}
SECTION.feature-group SECTION.feature.therapy DIV.description a {font-size:12pt;font-weight:600;text-decoration:none;}

SECTION.feature-group SECTION.feature.consulting {background:#aea1a5;background-image:url(images/customworkshops-box-background.png);background-position:bottom center;background-size: contain;background-repeat: no-repeat;padding-bottom: 46px;}
SECTION.feature-group SECTION.feature.consulting h2 {display:grid;align-content:center;justify-content:center;background:#8d7e83;font-family: "MyriadPro-Regular";font-weight:300;padding: 10px 7%;border-bottom:5px solid #ffffff;}
SECTION.feature-group SECTION.feature.consulting a {color:#ffffff;text-decoration:none;font-weight:100;}
SECTION.feature-group SECTION.feature.consulting DIV.description a {font-size:12pt;font-weight:600;text-decoration:none;}

SECTION.feature-group SECTION.feature.esw {background:#9dbbba;background-image:url(images/esw-box-background.png);background-position:bottom center;background-size: contain;background-repeat: no-repeat;padding-bottom: 46px;}
SECTION.feature-group SECTION.feature.esw h2 {display:grid;align-items:center;justify-content:center;background:#689694;font-family: "MyriadPro-Regular";font-weight:300;padding: 10px 7%;border-bottom:5px solid #ffffff;}
SECTION.feature-group SECTION.feature.esw a {color:#ffffff;text-decoration:none;font-weight:100;}
SECTION.feature-group SECTION.feature.esw DIV.description a {font-size:12pt;font-weight:600;text-decoration:none;}

SECTION.feature-group SECTION.feature.schedule {background:#ccbecb;text-align:left;color:#58475d;}
SECTION.feature-group SECTION.feature.schedule h2 {display:grid;align-items:end;justify-content:center;background:#ccbecb;font-family: "MyriadPro-Bold";font-weight:300;padding: 10px 7%;border-bottom:2px solid #664d68;color:#46354a;text-transform: uppercase;}
SECTION.feature-group SECTION.feature.schedule hr {width:100%;height:1px; border:none; color:#58475d; background-color:#58475d;margin-top:20px;margin-bottom:10px;padding:0;}
SECTION.feature-group SECTION.feature.schedule DIV.description .mc-row { font-family: "MyriadPro-Semibold";font-size:13pt;}

SECTION.feature-group SECTION.feature:first-of-type {margin-left:0 !important;}
SECTION.feature-group SECTION.feature:last-of-type {margin-right:0 !important;}

SECTION.feature.fullwidth {width:100% !important;display:block;}

SECTION.feature DIV.row {display:inline-flex;flex-direction: column;}
SECTION.feature DIV.row {width:100%;}
SECTION.feature DIV.row.description {padding:10px;}
SECTION .feature IMG {padding: 4% 8%;}

.hidden {
    height:0px;
       -webkit-transition:height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;
}
    .hidden.open {
        height:200px;
     -webkit-transition:height, 0.5s linear;
    -moz-transition: height, 0.5s linear;
    -ms-transition: height, 0.5s linear;
    -o-transition: height, 0.5s linear;
    transition: height, 0.5s linear;
    }

#arrowup, #arrowdown {position:absolute;right:20px;top:5px;}

p ~ DIV.mc-row:first-of-type {margin-top:20px;}

.mc-row {display:inline-flex;width:100%;margin:auto;flex-wrap:wrap;}
.mc-row::after {
  content: "";
  clear: both;
  display: table;
}

.mc-row-50 {width:50%;}

[class*="mc-col-"] {
  float: left;
  padding: 10px !important;
}

.mc-col-1 {width: 8.33%;}
.mc-col-2 {width: 16.66%;}
.mc-col-10 {width: 12%;}
.mc-col-20 {width: 20%;}
.mc-col-25 {width: 25%;}
.mc-col-33 {width: 33.33%;}
.mc-col-5 {width: 41.66%;}
.mc-col-40 {width: 40%;}
.mc-col-50 {width: 50%;}
.mc-col-7 {width: 58.33%;}
.mc-col-66 {width: 66.66%;}
.mc-col-75 {width: 75%;}
.mc-col-80 {width: 80%;}
.mc-col-90 {width: 88%;}
.mc-col-11 {width: 91.66%;}
.mc-col-100 {width: 100%;}

.mc-col-66 img {max-width:100%;width:100%;height:auto;}

.flex-hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.flex-hero .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right:20px;
    background:#ffffff;
}

.flex-hero .item.left {
    width: 50%;
    padding: 85px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-position: 50% 50%;
    background-size: cover;
}

.flex-hero .item.textleft {padding-right:20px;}
.flex-hero .item.textright {padding-left:20px;}

.greybackground {background:#f5f6f9;padding:20px;}

/* setting base styles to image containers*/
[class*="bg__"] {
  height: 50vh;

 position: relative;
 margin-left: -50vw;
 left: 50%;
  text-indent: -9999px;

  /* fix background */
  background-attachment: fixed;

  /* center it */
  background-position: center center;

  /* Scale it nicely to the element */
  background-size: cover;

}


.fullscreen {position: fixed;left: 0;right: 0;top: 0;width:100%;height:100%;z-index:99;}


#canvas_wrap {
    position: relative;
  margin: auto;
  max-width: 28vw;
  width:100%;
  padding-top:15px;
  background:#ededed;
}

.video-container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%; 
    overflow: hidden;
  }
  .video-container video {
    /* Make video to at least 100% wide and tall */
    min-width: 100%; 
    min-height: 100%; 
  
    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: auto;
    height: auto;
  
    /* Center the video */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
  }

  DIV.scrolldown {position:absolute;bottom:5%;width:100%;text-align:center;}
DIV.scrolldown IMG {width:100px;opacity:0.5;}
DIV.scrolldown IMG:hover {cursor: pointer;opacity:1.0;transition:0.3s;}

DIV.event_notices {width:100%;border-bottom:1px solid #a7a7a7;background:#eae9f7;}
DIV.event_notices:last-child {border-bottom:0;}
DIV.event_notices .inner {padding:20px;}
DIV.event_notices h2 {text-align:center;}


.active_description {display:block !important;transition:1.2s;}


.header-container {width:100%;max-height:890px;height:auto;overflow:hidden;position:relative;}

.paddle {
	position: absolute;
	top: 0;
	bottom: 0;
    width: 2em;
    opacity:0.5;
    font-weight:900;
    border:0;
    font-size:20pt;
    z-index:99999;
    background-color:#ffffff;
}
.left-paddle {
	left: 0;
}
.right-paddle {
	right: 0;
}
.hidden {
	display: none;
}


ul.menu > .menu-item-has-children > a::after {
    content: "â–¼";
    padding-left: 5px;
    font-size:8pt;
    vertical-align:middle;
}

ul.sub-menu > .menu-item-has-children > a::after {
    content: "â–º";
    padding-left: 5px;
    font-size:8pt;
    vertical-align:middle;
}

SECTION.full-width.design-services {
    background:#2397f5;
    color:#ffffff;
    text-align:center;
    background-image:url(images/design-services-background.jpg);
    background-size:cover;
    padding:70px 0;
    font-size:20pt;font-weight:500;
}

SECTION.full-width.design-services p {margin-bottom:0;}
SECTION.full-width.design-services a {color:inherit;}

.page_excerpt {width:100%;display:block;margin-top:40px;margin-bottom:40px;}
.page_excerpt DIV.intro {width:60%;float:left;vertical-align:top;box-sizing:border-box;}
.page_excerpt DIV.intro label.pagetitle {color:#0886f3;font-size:10pt;}
.page_excerpt DIV.intro a.discovermore {display:table;background:#0886f3;color:#ffffff;border-radius:5px;padding:10px 30px;transition:0.2s;font-weight:400;margin-top:25px;}
.page_excerpt DIV.intro a.discovermore:hover {text-decoration:none;background:#000000;transition:0.2s;}
.page_excerpt DIV.image {width:36%;float:left;vertical-align:top;box-sizing:border-box;margin-left:4%;}
.page_excerpt DIV.image img {width:auto;max-width:100%;height:auto;}

.page_excerpt {display: flex;}
.page_excerpt DIV.intro {flex: 1; /* additionally, equal width */
    width:60%;padding: 1em;}
.page_excerpt DIV.image {flex: 1; /* additionally, equal width */
  width:40%;padding: 1em;    background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.metaslider .msHtmlOverlay .layer .content {margin:auto !important;    text-shadow: 3px 4px 7px rgba(0,0,0,1);}

SECTION.feature.design_product_areas {background:#2397f5;transition:0.2s;}
SECTION.feature.design_product_areas:hover {background:#000000;transition:0.2s;}
SECTION.feature.design_product_areas h2 {padding:15px;text-align:center !important;}
SECTION.feature.design_product_areas a h2 {color:#ffffff;}
SECTION.feature.design_product_areas h2:hover {text-decoration:none;}
SECTION.feature.design_product_areas a:hover {text-decoration:none;}

SECTION.feature.design_product_areas p {text-align:center;padding:10px;padding-top:0;color:#ffffff;line-height:150%;}
SECTION.feature.design_product_areas DIV.column:first-of-type {background:#ffffff;}

a.button {display:block;text-align:center;width:100%;margin:auto;color:#ffffff;background:#255dab;padding:10px;transition:0.2s;}
a.button:hover {background:#000000;transition:0.2s;text-decoration:none;}

SECTION.feature.news {transition:0.2s;padding:15px;}
SECTION.feature.news h2 {padding:15px;text-align:center !important;line-height:140% !important;}
SECTION.feature.news h2:hover {text-decoration:none;}
SECTION.feature.news a {color:#2397f5;}
SECTION.feature-group SECTION.feature.news {width:31%;}

DIV.slogan {width:100%;background:#899aaa;color:#ffffff;text-transform:uppercase;text-align:center;line-height:150%;font-size:15pt;}
DIV.slogan .inner {padding:20px;}

.slider-wrapper {max-height:600px;overflow:hidden;}

a.appointment {
    margin: auto;
    background: #899aaa;
    padding: 10px 30px;
    border-radius: 5px;
    color: #ffffff;
    clear: both;
    display: table;
    font-size: 15pt;
    transition:0.2s;
}

a.appointment:hover {background:#000000;transition:0.2s;text-decoration: none;}
DIV.overlaytext {position:absolute;z-index:9999;bottom: 47%;width: 100%;text-align: center;}
DIV.overlaytext img {width:auto;max-width:100%;height:auto;}
DIV.overlaytext p {
    font-size: 3.0vw;
    line-height: 125%;
    color: #ffffff;
    font-family: 'Roboto';
    font-weight: 800;
    text-shadow: 2px 2px 6px #000000;
    margin: 0px;
}
DIV.overlaytext p.smaller {font-size:2.0vw;}

SECTION.certification {width:100%;border-top:1px solid #899aaa;}
SECTION.certification .certification-container {max-width:1250px;margin:auto;padding:40px;}

SECTION.full-width.calltoaction {background:#899aaa;font-size:20pt;color:#ffffff;font-weight:500;line-height:150%;padding:20px;}
SECTION.full-width.calltoaction p {padding:0;margin:0;line-height:150%;}

TABLE.fees tr:nth-child(odd) {background:#eeeeee;}
TABLE.fees tr td {padding:10px;}
TABLE.fees tr td:first-child {width:75% !important;}
TABLE.fees tr td:last-child {width:25% !important;text-align:right;}

DIV.circle {height:190px;width:190px;position:relative;margin:auto;margin-right:0;}
DIV.circle .text {
    background: radial-gradient( ellipse at center, rgba(154,133,155, 1) 0%, rgba(154,133,155, 1) 70%, rgba(0, 128, 172, 0) 70.3% );
    height: 100%;
    width: 100%;
    font-family: "MyriadPro-Semibold";
    font-size: 24px;
    text-transform: uppercase;
    height: 100%;
    line-height: 120%;
    padding: 23px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
}
DIV.circle a {text-decoration: none;}

.padding-left {padding-left:20px !important;}

DIV.clannadinfobox {display:flex;position:relative;}
DIV.clannadinfobox .image {margin-right:10px;width:33%;padding:20px;}
DIV.clannadinfobox .info {background:#ffffff;color:#58475d;display:flex;flex-direction:column;width:80%;}
DIV.clannadinfobox h2 {width:100%;background:#9a859b;color:#e1dae1;line-height:120%;padding:10px;margin:0;padding-left:230px;}
DIV.clannadinfobox .logo {position:absolute;left:34%;top:17%;}
DIV.clannadinfobox .logo img {max-width:150px !important;}
DIV.clannadinfobox .text {padding:20px 40px;padding-left:230px;}

SECTION.second-header {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    margin-bottom:10px;
}
SECTION.second-header .inner {position:relative;width:100%;background:#806783;margin-top:30px;margin-bottom:30px;padding:0;}
SECTION.second-header .inner .main {display:flex;max-width:1250px;margin:auto;padding:0 40px;align-items: center;line-height: 185%;min-height:92px;}
SECTION.second-header h2 {margin:0;color:#ffffff;margin-left:170px;padding: 10px 0px;}
SECTION.second-header .inner .main .logo {position:absolute;top:54%;transform: translateY(-50%);}
SECTION.second-header .inner .main .logo img {max-width:150px !important;width:100% !important;}
SECTION.second-header .inner .main .quote {width:40%;text-align:right;color:#c7bac9;font-size:16pt;}
SECTION.second-header .inner .main .title {width:60%;}
SECTION.second-header .inner .main .quote .attribution {font-style:italic;white-space: nowrap;}
SECTION.second-header .inner .main .quote a {color:#ffffff;text-decoration:none;}
SECTION.second-header .mobile.quote {display:none;}

SECTION.second-header.workshops .inner {background:#8d7e83;}
SECTION.second-header.workshops .inner .main .quote {color:#cbc3c5;}

SECTION.second-header.esw .inner {background:#689694;}
SECTION.second-header.esw .inner .main .quote {color:#c2d5d4;}
SECTION.second-header.esw h2 {color:#ffffff !important;}
SECTION.second-header.esw .inner .main .title {width:70%;}
SECTION.second-header.esw .inner .main .quote {width:30%;}

SECTION.second-header DIV.socialmedia {width: 60%;display: inline-flex;flex-direction: row;color:#ffffff;align-items:center;justify-content: flex-end;}
/*SECTION.second-header DIV.socialmedia img {filter: brightness(0) invert(1);}*/
SECTION.second-header DIV.socialmedia .stitle {width:160px;text-align:right;margin-right: 20px;}
SECTION.second-header DIV.socialmedia .socialmediaicons {text-align: right;margin:unset;    width: max-content;}

DIV.title h2 {color:#ffffff !important;}
BODY.page-workshops h3 {color:#8d7e83;}

BODY#esw {color:#296869;}
BODY#esw h2 {color:#689694;}
BODY#esw h3 {color:#689694;}
BODY#esw a {color:inherit;}

.full-width.esw {background:#c2d5d4;}
.textblock.esw {background:#c2d5d4;}
.textblock.esw .inner {padding:40px;}

BODY#resources {color:#6a5c66;}
BODY#resources h2 {color:#8d7e83;line-height: 28pt;}
BODY#resources h3 {color:#8d7e83;}
BODY#resources a {color:inherit;}


.mc-row.clannad1 DIV {padding:40px 50px !important;font-size: 16pt;line-height: 125%;}
.mc-row.clannad1 DIV:first-of-type {background:#806783;color:#ffffff;}


SECTION.full-width .inner {max-width:1176px;}

.clannad1 DIV.treatmentoptions {font-size:22pt;}
.clannad1 DIV.treatmentoptions h2 {color:#ccbecb;}
.clannad1 DIV.wecanprovide ul li {padding-bottom:0;line-height:24pt;}

SECTION.full-width.clannadcontact {background:#e6e8e9;color:#565759;font-size:19pt;line-height:26pt;}
SECTION.full-width.clannadcontact h2 {color:#806783;}
SECTION.full-width.clannadcontact a {color:inherit;text-decoration:none;}

SECTION.full-width.eswcontact {background:#e6e8e9;color:#565759;font-size:19pt;line-height:26pt;}
SECTION.full-width.eswcontact h2 {color:#806783;}
SECTION.full-width.eswcontact a {color:inherit;text-decoration:none;}

SECTION.full-width.workshops {background:#cbc3c5;color:#6a5c66;}
SECTION.full-width.workshops h2 {color:#6a5c66;}
SECTION.full-width.workshops a {color:inherit;text-decoration:none;}


SECTION.full-width.clannadworkshops {background:#e6e8e9;color:#565759;font-size:19pt;line-height:26pt;}
SECTION.full-width.clannadworkshops h2 {color:#8d7e83;}
SECTION.full-width.clannadworkshops a {color:inherit;text-decoration:none;}

.mc-row.workshop ul {margin-top:0;}

.mc-row.esw-support h3 {font-family: 'MyriadPro-Light', sans-serif;color:#565759 !important;}

h2.dark {color:#58475d;}
SECTION.full-width.careers {background:#58475d;color:#ffffff;font-family: "MyriadPro-Semibold";font-size:20pt;line-height:22pt;}
SECTION.full-width.careers a {color:inherit;text-decoration: none;}

SECTION.full-width.careers2 {background:#ccbecb;color:#58475d;}
SECTION.full-width.careers2 h2 {color:#ffffff;line-height:30pt;margin:0;padding:0;}

SECTION.full-width.yourrights {background:#e6e8e9;color:#58595b;}
SECTION.full-width.yourrights h2 {color:inherit;margin:0;}
SECTION.full-width.yourrights h3 {color:inherit;}
SECTION.full-width.yourrights span.header {display: block;margin-bottom:20px;font-family: "MyriadPro-Semibold";}
ul.yourrights {padding:0;margin:0;}
ul.yourrights li {
    list-style-type: none;
    background: #ffffff;
    padding: 20px;
    margin-bottom: 2px;
}

.mc-row.esw1 DIV {padding:40px 50px !important;font-size: 16pt;line-height: 125%;}
.mc-row.esw1 DIV.benefits {background:#3a7475;}
.mc-row.esw1 DIV.benefits h2 {color:#9dbbba !important;line-height:28pt;}
.mc-row.esw1 DIV.benefits ul li {color:#ffffff;}

SECTION.theteam {display:flex;flex-direction:column;width: 100vw;position: relative;margin-left: -50vw;left: 50%;}
SECTION.theteam .person .inner {max-width: 1250px;width:100%;
    margin: auto;
    line-height: 140%;
    display:table;
    padding:20px 40px;
}
SECTION.theteam .person:nth-child(odd) {background:#e6e8e9;}
SECTION.theteam .person .details {display:flex;flex-direction: row;}
SECTION.theteam .person .image {width:15%;margin-right:20px;}
SECTION.theteam .person .image img {border-radius:50%;width:100%;}
SECTION.theteam .person .bio {width:85%;column-count: 2;column-gap: 40px;padding-top:20px;padding-bottom:20px;color:#000000;}
SECTION.theteam .person .bio h4 {padding:0;margin:0;border:0;font-family: "MyriadPro-Light";color:#231f20;}
SECTION.theteam .person .bio h4.position {font-size:14pt;margin-bottom:20px;}

SECTION.full-width.glossary {background:#ffffff;color:#565759;}
SECTION.full-width.glossary h2 {color:inherit;margin:0;padding:0;}
SECTION.full-width.glossary p ~ DIV.mc-row:first-of-type {margin-top:0;}

SECTION.full-width.contact {background:#e6e8e9;color:#565759;}
SECTION.full-width.contact h4 {color:#806783;font-family: "MyriadPro-Semibold";font-size: 14pt !important;margin:0;padding:0;}
SECTION.full-width.contact a {text-decoration: none;color:inherit;}
SECTION.full-width.map .inner {max-width:inherit;}

.wpforms-field-label {color:#806783;font-family: "MyriadPro-Semibold";font-size: 14pt !important;}
DIV.wpforms-field-container DIV.wpforms-field:nth-child(1) {padding-top:0;}
div.wpforms-container-full .wpforms-form .wpforms-submit-container {padding-top:0;}

#displayposts-container {display:flex;flex-direction: row;clear:both;}
#displayposts-container .displaypost {display:none;width:66.666666%;}
#displayposts-container #display-links {width:33.333333333%;max-width:400px;margin-right:40px;}
#display-links .display-title {color:#6a5c66;padding:20px;background:#ffffff;padding:20px;}
#display-links .display-title.active {background:#6a5c66;color:#ffffff !important;}
#displayposts-container #display-links a {text-decoration: none;color:inherit;}

.mc-row.resources h3 {padding:20px 40px;background:#beacbd;color:#58475d !important;margin-bottom:15px;}
.mc-row.resources hr {border: 0;height:2px;background: #beacbd;}
.mc-row.resources a {/* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
  
    -ms-word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
}
.full-width.resources {background:#806783;color:#ffffff;}
.full-width.resources h2 {color:inherit !important;margin-bottom:15px;padding:0;}


#websiteresources-container {display:flex;flex-direction: row;clear:both;}
#websiteresources-container .displaypost {display:none;width:66.666666%;}
#websiteresources-container #display-links {width:33.333333333%;max-width:400px;margin-right:40px;}
#websiteresources-links .display-title {color:#6a5c66;padding:20px;background:#ffffff;padding:20px;margin-bottom:2px;text-decoration: none;}
#websiteresources-links .display-title.active {background:#58475d;color:#ffffff !important;}
#websiteresources-container a .display-title {text-decoration: none;color:#806783;}
#websiteresources-links .display-title.active a {color:#ffffff !important;}
.websiteresources {display:none;}
#websiteresources-links {width:30%;margin-right:5%;}
#websiteresources-links a {text-decoration:none;color:#806783;}
#websiteresources-content {width:65%;}
#websiteresources-content img {width:100%;max-width:100%;height:auto;}

.full-width.resources2 {background:#ccbecb;color:#58475d;}
.full-width.resources2title h2 {color:inherit !important;padding:0;margin:0;}
.full-width.resources2title {background:#beacbd;}
.full-width.resources2title p {display:none;}

.tribe-common-l-container {padding-top:0 !important;padding-bottom:0 !important;}
.tribe-events-calendar-list * {font-family: 'MyriadPro-Regular', sans-serif;font-size:14pt; line-height:18pt;}
.tribe-events-calendar-list__event-header h3 {line-height:100% !important;}
#tribe-events-content * {font-family: 'MyriadPro-Regular', sans-serif;}
.tribe-events-c-subscribe-dropdown {display:none;}
.tribe-events-c-view-selector {display:none;}

.statement {font-size:18pt;line-height:24pt;font-family: 'MyriadPro-Regular', sans-serif;}

.content ul {text-align:left !important;}

SECTION.second-header DIV.mobile.socialmedia {display:none;}

/*** IE10-11 CSS **********************************************************************************/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    /* add your IE10-IE11 css here */
    section.feature-group {display:inline;}
    section.feature-group section.feature {margin:10px;}
    section.feature-group.news section.feature a {font-size:15pt;}
  
    SECTION.feature-group.news SECTION.feature a:hover {color:#000000 !important;}

    section.feature-group.programs section.feature {display:inline-block;width:48%;}
    SECTION.aftermovie {background:#ffffff;}
    SECTION.content {display:block;}
 }



/*** Responsive CSS **********************************************************************************/

@media (max-width: 500px){
    .wp-caption {
      /* Force the box to be 100% */
      width: 100% !important;
    }
    #content .wp-caption a img {
      /* Scale down if too big */
      max-width: 99.03225806%; /* 614/620 */
      height: auto;
    }
    .wp-caption IMG {padding-bottom:0;}
  }

@media screen and (max-width: 1280px) {
    HEADER .logo.section {margin-left:10px;}
    #frontpage-link-boxes .subbox .description {font-size:1.3vw;}
}

@media screen and (max-width: 1280px) {
    SECTION.full-width .inner {padding-left:20px;padding-right:20px;}
}

@media screen and (max-width: 1050px) {
    DIV.scrolldown {display:none;}
    HEADER {margin-top:36px;}
    HEADER .logo.section {margin-left:0;top:-41px;}
    DIV.topbar-content {width:100%;line-height:175%;padding-left:0;}
    DIV.topbar-content a {padding-left:10px;padding-right:10px;}
    DIV.logo-container {display:table;margin:auto;}
    .fullscreen {z-index:999999;}
    HEADER .contact {display:none;}
    HEADER .logo img {margin:auto;}

    [class*="bg__"] {
        background-attachment:initial !important;
        overflow: hidden;
        margin:0;left:0;width:100%;
        text-indent: 0;
        background-size: cover;
        background-position: center;
    }

}

@media screen and (max-width: 950px) {
    DIV.images_block {width:75%;}
   
    SECTION.feature-group SECTION.feature {width:46% !important;margin-bottom:25px;}

    #canvas_wrap {max-width:40vw;}

    SECTION.feature-group SECTION.feature.therapy {padding-bottom:8%;}
    SECTION.feature-group SECTION.feature.consulting {padding-bottom:8%;}
    SECTION.feature-group SECTION.feature.esw {padding-bottom:8%;}
/*
    SECTION#topheader DIV.left {float:none;text-align:center;}
    SECTION#topheader DIV.right {float:none;margin:auto;display:table;}
    HEADER #topheader a {margin:0px;}
    DIV.contactdetails span.block {margin-left:20px;margin-right:20px;}
    */
}

@media screen and (max-width: 900px) {
SECTION.theteam .person .image {width:20%;}
SECTION.theteam .person .bio {width:80%;}
}

@media screen and (max-width: 850px) {
    #frontpage-link-boxes .subbox h2 {font-size:2.2vw;}
    #frontpage-link-boxes .subbox .description {font-size:1.5vw;}
}

@media screen and (max-width: 800px) {
   .socialmediaicons {text-align:center;}
    DIV.overlaytext p {font-size: 4.0vw;}
    DIV.overlaytext p.smaller {font-size:3.0vw;}
}


@media screen and (max-width: 768px) {
  /* 2 columns for smaller screens */
  .grid-sizer, .grid-item  { width: 50% }

    HEADER .top-header-menu {display:table;width:100%;}
    HEADER .top-header-menu .navigation {float:left;text-align:center;margin:initial;}
    #top-navigation ul li:first-child a {padding-left:0;}

    DIV.story-details IMG.storyimage {float:none;max-width:100%;width:100%;padding:0px;padding-bottom:20px;}

    DIV.slideoverlay {display:none;}
    DIV.slideoverlay-alt {display:table;}

    SECTION.second-header .quote {display:none;}
    SECTION.second-header .mobile.quote {display:table;padding:0 40px 10px 40px;text-align:center;width:100%;}
    SECTION.second-header .mobile.quote span.attribution {clear: both;display: block;font-style:italic;white-space: nowrap;}
}


@media screen and (max-width: 730px) {
    DIV.homepage-feature h2 {font-size:11pt;}
}

@media screen and (max-width: 700px) {
    SECTION.feature-group {display: block;}
    SECTION.feature-group SECTION.feature {width:100% !important;margin:0;margin-bottom:20px;}

    #frontpage-link-boxes .box {display:block;}
#frontpage-link-boxes .subbox {width:100%;}

#frontpage-link-boxes .subbox .inner .responsive {display:block !important;}
#frontpage-link-boxes .box.descriptions {display:none !important;}
#frontpage-link-boxes .subbox h2 {font-size:14pt;}
#frontpage-link-boxes .subbox .description {font-size:initial;}

#canvas_wrap {max-width:55vw;}
  
  .mc-col-1 {width: 8.33%;}
  .mc-col-2 {width: 16.66%;}
  .mc-col-25 {width: 50%;}
  .mc-col-33 {width: 33.33%;}
  .mc-col-5 {width: 41.66%;}
  .mc-col-50 {width: 50%;}
  .mc-col-7 {width: 58.33%;}
  .mc-col-66 {width: 66.66%;}
  .mc-col-75 {width: 75%;}
  .mc-col-11 {width: 91.66%;}

  DIV.clannadinfobox {flex-direction:column;}
  DIV.clannadinfobox .text {padding:20px 40px;}
  DIV.clannadinfobox .image {margin-right:0px;width:100%;height:200px;}
  DIV.clannadinfobox .info {width:100%;}
  DIV.clannadinfobox .logo {left:20px;top:41%;}
  DIV.clannadinfobox h2 {padding-left:185px;}

  SECTION.feature-group SECTION.feature.therapy {padding-bottom:20%;}
    SECTION.feature-group SECTION.feature.consulting {padding-bottom:20%;}
    SECTION.feature-group SECTION.feature.esw {padding-bottom:20%;}

    SECTION.full-width .mc-row-100 {flex-direction:column;align-items: center;text-align:center;}
    SECTION.full-width .mc-col-20 {width:100%;}

    SECTION.full-width.clannadcontact h2 {margin-bottom:0;}
    SECTION.full-width.clannadworkshops h2 {margin-bottom:0;}
    SECTION.full-width.eswcontact h2 {margin-bottom:0;}

    SECTION.theteam .person .bio {column-count: unset;column-gap: 0px;}

    SECTION.second-header DIV.socialmedia {display:none;}
    SECTION.second-header DIV.mobile.socialmedia {display:flex;padding:0 40px 10px 40px;text-align:center;width:100%;color:inherit;justify-content: center;}
    SECTION.second-header DIV.mobile.socialmedia img {filter:unset;}

    #displayposts-container {flex-direction:column;}
    #displayposts-container .displaypost {width:100%;}
    #displayposts-container #display-links {width:100%;max-width:none;margin-right:0px;margin-bottom:40px;}

    #websiteresources-container {flex-direction:column;}
    #websiteresources-links {margin-right:0;width:100%;}
    #websiteresources-content {width:100%;margin-top:20px;}


}

@media screen and (max-width: 650px) {
	SECTION.two-columns {display:block;margin-bottom:40px;}
    SECTION.two-columns DIV.column:first-of-type, SECTION.two-columns DIV.column:last-of-type {width:100%;margin-left:0 !important;margin-right:0 !important;}
	SECTION.three-columns {display:block;margin-bottom:40px;}
    SECTION.three-columns DIV.column {width:100%;margin-left:0 !important;margin-right:0 !important;}

    SECTION .feature {display:table;}
    SECTION .feature DIV.column:first-child, SECTION .feature DIV.column:last-child {width:100%;}
    
    SECTION .feature.left DIV.column:first-child {padding-top:20px; }
    SECTION .feature.left DIV.column:last-child {display: table-header-group; }
    SECTION .feature DIV.inner {width:100%;padding-top:10px;padding-bottom:30px;}

    SECTION .feature.right DIV.column:last-child {padding-top:20px;}
    SECTION.feature-group SECTION.feature.right DIV.column:last-child {padding-top:0;}

    .contact-form {margin: 1.125rem 0 5.375rem 0;
    background: #efefef;
    padding: 1rem 2rem 1rem 2rem;
    position: relative;
    margin-bottom: 35px;
    }
    

    img ~ ul {width:100%;}

    img.alignleft {clear:both;float:none;display:table;}
    DIV.images_block {width:100%;}

   #staticfooter {font-size:0.9rem;}

    .page_excerpt {flex-direction:column;}
    .page_excerpt DIV.intro {width:100%;}
    .page_excerpt DIV.image {display:inline-table;width:100%;margin-left:0;height:300px;}
    .page_excerpt DIV.intro a.discovermore {margin:20px auto;}
}


@media screen and (max-width: 600px) {
    #posts_feature SECTION.items-3 {width:100%;margin:0%;margin-bottom:40px;}
  
    #frontpage-link-boxes .subbox .description {font-size:3.0vw;}
    #frontpage-link-boxes .subbox .img_wrap {height:300px;}

    HEADER .staticheader {max-height:100% !important;}
    HEADER .staticheader .page-title {position:relative;background:rgba(0,147,208,1);}
    HEADER .staticheader h1.entry-title {font-size:18pt;}

    ul.two-columns {columns:1;}
    ul.two-columns li {padding-right:0;}

   HEADER .logo-container .text {float:none;text-align:center;}

   DIV.topbar-content a.homelink {display:none;}
   DIV.topbar-content .extrainfo {float:none;margin:auto;text-align:center;}
   DIV.topbar-content {padding-right:0;}

   .mc-col-1 {width: 100%;}
  .mc-col-2 {width: 100%;}
  .mc-col-25 {width: 100% !important;}
  .mc-col-33 {width: 100% !important;}
  .mc-col-5 {width: 100%;}
  .mc-col-50 {width: 100% !important;}
  .mc-col-7 {width: 100%;}
  .mc-col-66 {width: 100% !important;}
  .mc-col-75 {width: 100% !important;}
  .mc-col-11 {width: 100%;}

  .mc-row-100 {flex-direction: column;}
  DIV.circle {margin:auto;}
  .mc-row.clannad1 DIV {padding-bottom:40px;}

  SECTION.theteam .person .details {display:flex;flex-direction: column;}
  SECTION.theteam .person .image {width:100%;text-align:center;}
  SECTION.theteam .person .image img {max-width:max-content;}
 
  SECTION.theteam .person .bio {width:100%;}

  .mc-row-100.scheduleappt {flex-direction: row;}

/*
  HEADER #topheader DIV.icons {float:none;margin-top:5px;}
  .socialmediaicons img {margin-right:5px;margin-left:5px;}
  /*HEADER #topheader a:last-of-type {margin-right:0;}*/
}

@media screen and (max-width: 540px) {
DIV.slideoverlay-alt {font-size:1.5rem;}
}

@media screen and (max-width: 500px) {
    .mc-col-1 {width: 8.33%;}
    .mc-col-2 {width: 16.66%;}
    .mc-col-25 {width: 100%;}
    .mc-col-33 {width: 100%;}
    .mc-col-5 {width: 41.66%;}
    .mc-col-50 {width: 100%;}
    .mc-col-7 {width: 58.33%;}
    .mc-col-66 {width: 66.66%;}
    .mc-col-75 {width: 75%;}
    .mc-col-11 {width: 91.66%;}

    .gallery .gallery-item {float:none !important;width: 50% !important;padding: 5% !important;}
    HEADER span.block {padding: 0px;display:block;text-align:center;}
    h2.page-title {line-height:120%;}
    .page_excerpt DIV.intro label.pagetitle {text-align:center;display:block;}
    .page_excerpt {margin-top:20px;}
    h2.spoiler-title {text-align:left;}
    #breadcrumbs {text-align:center;}

    .full-width.resources2title {text-align:center;}
}

@media screen and (max-width: 480px) {
	SECTION.content img {clear:both;float:none;max-width:100%;width:auto !important;height:auto;display:block;margin: 0 auto 20px auto;}
    SECTION .feature img {margin-bottom:0 !important;}
    #frontpage-link-boxes .subbox img {margin:0 !important;}
    HEADER .contact {position:relative;top:0;right:0;text-align:center;}
    #frontpage-link-boxes .subbox .description {font-size:12pt;}
    IMG.alignright,IMG.alignleft {margin:0;text-align:center;}

    #staticfooter {display:none;}
    FOOTER {padding-bottom:0;}
    SECTION.content {padding:20px 30px;}

    SECTION.second-header .inner .main {padding:0 10px;}
    SECTION.full-width {display:block;}
    SECTION.second-header DIV.mobile.socialmedia {padding:0;}

    .mc-row.mc-row-100 {display:table;padding:0;}
    .mc-row.esw1 DIV {padding:20px !important;}

    SECTION.full-width.clannadcontact .mc-col-40 {width:100%;}
    SECTION.full-width.clannadworkshops .mc-col-40 {width:100%;}
    SECTION.full-width.eswcontact .mc-col-40 {width:100%;}
}

@media screen and (max-width: 451px) {
  /* 2 columns for smaller screens */
  .grid-sizer, .grid-item  { width: 100%; }

  HEADER .logo.section {min-height:auto;top:-30px;left: 0;
    max-width: 385px;
    width: 100%;}
  SECTION .feature DIV h2 {font-size:6vw;}

  
}