/*
Theme Name: HRCDC Theme
Theme URI: http://www.weareopen.ie
Author: OPEN DESIGN & DIGITAL
Author URI: http://www.weareopen.ie
Description: OPEN BASE THEME
Version: 1.0
License: GNU General Public License

-------------------------------------------------------------- */
/* Base
-------------------------------------------------------------- */

@import url("//hello.myfonts.net/count/375652");
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,800');

@font-face {font-family: 'Gilroy-Regular';src: url('fonts/375652_0_0.eot');src: url('fonts/375652_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/375652_0_0.woff2') format('woff2'),url('fonts/375652_0_0.woff') format('woff'),url('fonts/375652_0_0.ttf') format('truetype');}


@font-face {font-family: 'Gilroy-Black';src: url('fonts/375652_1_0.eot');src: url('fonts/375652_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/375652_1_0.woff2') format('woff2'),url('fonts/375652_1_0.woff') format('woff'),url('fonts/375652_1_0.ttf') format('truetype');}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	color:#48566a;
    background:#48566a;
}
h1 {
	font-size:48px;
	font-family: "Gilroy-Black",sans-serif;
	color:#48566a;
	line-height:90px;
    margin-bottom:0px;
}
h2{
	font-size:32px;
	font-family: "Gilroy-Black",sans-serif;
	color:#48566a;
    margin-bottom:0px;
}
h3 {
	font-size:26px;
	font-family: "Gilroy-Black",sans-serif;
	color:#48566a;
    margin-bottom:0px;
}
h4 {
	font-size:22px;
	font-family: "Gilroy-Black",sans-serif;
	color:#48566a;
    margin-bottom:0px;
}
h5 {
	font-family: "Gilroy-Black",sans-serif;
	color:#48566a;
}
h6 {
	font-family: "Gilroy-Black",sans-serif;
	color:#48566a;
}
p {
    font-family: 'Open Sans', sans-serif;
	color:#48566a;
    padding-bottom:14px;
    margin-bottom:0px;
}
a {
    color:#8750a0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s;

}
a:hover {
    color:#ccc;
}
a:link {

}
a:visited {

}
a:active {

}
ul {

}
ol {
    margin-bottom: 20px;
}
ul li {
	font-family: 'Open Sans', sans-serif;
}

.body-content ul li {
	margin-bottom: 10px;
	font-family: 'Open Sans', sans-serif;
}

ol li {
    margin-bottom: 10px;
    list-style-type:decimal;
}
span {

}
.purple {
    background:#8750a0;
}
.navy {
    background:#48566a;
}
.grey {
    background:#ccc;
}
.dark-grey {
    background:#444444;
}
.white {
    background:#fff;
}
.row {
    max-width: none;
}
a:focus {
    color:#ccc;
}
.download-icon {
	width: 30px;
	height: auto;
}

/*********** ****************** ***********/
/*************** Header - Nav  ************/
/*********** ****************** ***********/
h1.tagline {
    font-weight:300 !important;
    color: #8750a0;
    font-size: 36px;
    font-family: 'Open Sans', sans-serif;
    line-height: 42px;
}
.tagline-container {
    padding: 10px 0px 50px;
    overflow: hidden;
}
.no-float {
    float:none !important;
}
.pad-left {
    padding-left:100px;
}
.nav-menu ul li {
    display: inline-block;
    list-style-type: none;
    font-size:16px;
    font-weight:600;
    margin-left:25px;
    box-shadow: none !important;
}
.nav-menu ul li a {
    position: relative;
    padding:7px;
    box-shadow: none !important;
    width:100;
    height:100%;
}
.nav-menu ul li a {
    color: #8750a0;
}
.nav-menu ul li a:before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0%;
    bottom: 0;
    background: #8750a0;
    height: 5px;
    bottom:-3px;
    box-shadow: none !important;
    margin:0px 7px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
     bottom: -3px;
    opacity:1;
}
/* 
.nav-menu ul li:hover a {
    background: #8750a0;
   color:#fff;
}
*/ 
.nav-menu ul li a:hover:before {
    margin:0px;
    height: 10px;
}
img.logo {
    width:180px;
    height:75px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s;
}
img.logo:hover {
    opacity:0.75;
}
.nav-container {
    margin:40px 0px;
    /* overflow: hidden; */ 
    position: relative;
}
.nav-menu {
    position: absolute;
    right:100px;
    top:10px;
}
.sub-menu {
	position: absolute;
	display: none;
	padding: 0;
	margin: 0;
}
.nav-menu ul li:hover .sub-menu {
	display: block;
    background: #fff;
    z-index: 1;    
}

.nav-menu ul li li {
	position: relative;
	display: block;
	padding: 20px 0 0 0;
	margin: 0;
}

/*
.container {
    background:#48566a;
    max-width:1600px;
    margin:0 auto;
    display: block;
}*/
.column-links {
    width:90%;
    display: inline-block;
    float:left;
}
.column-tag {
    width:83%;
    display: inline-block;
    float:left;
}
.mobile-nav {
	display: none;
}
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
padding: 15px 0px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 1;
}

.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative; }
button.hamburger.is-active {
    position: fixed;
	right: 10px;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 2px;
background-color: #f48c9e;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px; }

/*
* Elastic
*/
.hamburger--elastic .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease; }
.hamburger--elastic .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(135deg);
transition-delay: 0.075s; }
.hamburger--elastic.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0; }
.hamburger--elastic.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-270deg);
transition-delay: 0.075s; }

/*
* Elastic Reverse
*/
.hamburger--elastic-r .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic-r .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease; }
.hamburger--elastic-r .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-135deg);
transition-delay: 0.075s; }
.hamburger--elastic-r.is-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0; }
.hamburger--elastic-r.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(270deg);
transition-delay: 0.075s; }



/*
* Spin
*/
.hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
* Spin Reverse
*/
.hamburger--spin-r .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin-r .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin-r .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }


button.hamburger {
	position: relative;
    right: 10px;
    top: 25px;
    z-index: 9999999;
    float: right;
}
.mobile-nav img.logo {
    margin-top: 25px;
    margin-left: 10px;
}
button:focus,button:hover,button:active {
	background-color: transparent !important;
	-webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline:0;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 40px;
	height: 4px;
	background-color: #49566A;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}


.page-numbers {
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
    width: 100%;
 }

.page-numbers span, .page-numbers a {
    background: #8750a0;
    color: #fff;
    display: block;
    width: auto;
    float: left;
    margin: 4px 4px 4px 0;
    padding: 15px 18px 14px 18px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition(all 0.3s);
    margin-bottom:auto;
}

.page-numbers a:hover {
    color:#fff;
    background:#a567c1;
}

.page-numbers .current {
    padding: 15px 18px 14px 18px;
    background: #48566a;
    color:#fff;    
}
.page-numbers .current {
    
}



/* ------------ Modal -------------- */

.is-active .hamburger-inner, .is-active .hamburger-inner::before, .is-active .hamburger-inner::after, .is-active .hamburger-inner:after, .is-active .hamburger-inner:before {
	background-color: #fff!important;
	color: #fff!important;
}

.modal-menu {
	position: fixed;
	top:0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background: #49566A;
	z-index: 999999;
	height: 0%;
	width:100%;

	opacity: 0;
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-menu .nav-menu {
    left: 0px;
}
.modal-menu .nav-nav-menu ul {
	margin-left: 0px;
}
.modal-menu .nav-menu ul li {
	display: block;
	font-size: 18px;
    margin-bottom: 30px;
}

.modal-menu .nav-menu ul li a {
	color: #fff;
}

.modal-menu .nav-menu ul li a:before {
	background: #fff;
}

.modal-menu img.logo{
    margin-left: 25px;
    margin-top: 25px;
}

.modal-menu .menu-main-container {
    margin-top: 120px;
}


.button-close {
	background: url("https://hrcdc.ie/wp-content/uploads/2021/02/close.png") no-repeat center center;
	position: absolute;
	right: 20px;
	top:20px;
	width: 20px;
	height: 20px;
	background-size: 20px 20px;
	z-index: 99999999;
	text-indent: -999999px;
}
.body-fixed {
	width: 100%;
	overflow: hidden;
	position: fixed;
}
.menu-img-container {
}
.menu-img {
	padding-left: 10%;
	position: absolute;
	width: 100%;
	height: auto;
	top: 30px;
	left: 0px;
}
.modal-menu-position {
	position: relative;
}

@keyframes fadein{
	0% { opacity:0; }
	66% { opacity:0; }
	100% { opacity:1; }
}

@-webkit-keyframes fadein{
	0% { opacity:0; }
	66% { opacity:0; }
	100% { opacity:1; }
}

.fade-in {
	opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
/*********** ****************** ***********/
/*********** Home Intro Section ***********/
/*********** ****************** ***********/
.intro-content p {
    font-size:23px;
    font-weight: 300;
}
.no-pad {
    padding:0px;
}

.flexbox-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.opening .flexbox-container {
    background:#fff;
}
.purple-1, .grey-1, .white-1 {
    width:15%;
    height:auto;
    position: relative;
    min-height:160px;
}
.purple-2, .grey-2 {
    width:30%;
    height:100px;
}
.push-in {
    width:30%;
}
.fill {
    width:70%;
}
.intro-content {
    padding:20px 50px 50px;
    overflow: hidden;
    width:85%;
}
.cover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*********** ****************** ***********/
/*********** Home Apply Section ***********/
/*********** ****************** ***********/
.pad-content {
    padding:100px 0px;
    overflow: hidden;
}
.home h2 {
    font-size:54px;
    padding-bottom:30px;
    padding-left: 12px;
}
.apply h2, .apply p {
    color:#fff;
}
.text-block p {
    padding-bottom:30px;
}
.text-block {
    padding-right:80px;
    width:70%;
}
.apply-cover {
    width:70%;
}
.apply a {
    color:#fff;
    font-weight:bold;
}
a.button {
    display: block;
    font-weight:400;
    padding:12px 15px;
    max-width:220px;
    font-family: "Gilroy-Black",sans-serif;
    height:auto;
    margin-bottom:0px;
    font-size:16px;
    margin-bottom:0px;
}
a.button.page-link {
    width:180px;
}
a.button-white {
    color:#8750a0;
}
.button-white.download {
    background:#fff;
    text-align: left;
    background-image:url('img/download_icon_purple.svg');
    background-repeat: no-repeat;
    background-size:18.5px 24.5px;
    background-position: center right 10px;
}
.button-white.download:hover, .button-purple.download {
    background:#8750a0;
    color:#fff;
    background-image:url('img/download_icon_white.svg');
    background-repeat: no-repeat;
    background-size:18.5px 24.5px;
    background-position: center right 10px;
    padding: 12px 25px 12px 15px;
}
.download-list {
    color:#8750a0;
    display: block;
    background-image:url('img/download_icon_purple.svg');
    background-repeat: no-repeat;
    background-size:18.5px 24.5px;
    background-position: center right 10px;
    padding: 12px 35px 12px 0px;
    border-bottom: 1px solid #cccccc;
    font-weight: 500;
    margin-right: 30px;
    max-width: 400px;
 }
.download-list.single {
    margin-bottom: 40px;
}

.apply .pad-content {
	padding: 40px 0px 40px 0px;
}

.apply .text-block {
	width: 100%;
}
/*********** ****************** ***********/
/***********  Home FAQ Section  ***********/
/*********** ****************** ***********/
.max-width {
	max-width: 1200px;
	margin: 0 auto;
}

.faq-content {
    padding:0px 50px;
}
.faq h2 {
    color:#48566a;
    line-height:62px;
    padding-bottom:0px;
}
.faq .flexbox-container {
    background:#fff;
}

.faq .purple-1, .faq .grey-1, .faq .grey-2 {
    min-height:100px;
}
.faq a.button {
/*    margin-bottom: 65px;*/
}
.fill-large {
    width:55%;
}
.mid .purple-1 {
    width: 13.4%;
}
a.button-purple {
    background:#8750a0;
}
a.button-purple:hover, a.button-purple:focus {
 background:#48566a;
}
.bottom .grey-1 {
    width:16.8%;
}
.bottom .purple-2 {
    width:28%;
}
/*********** ****************** ***********/
/*********** **** Footer ****** *********/
/*********** ****************** ***********/
.foot-max {
    overflow: hidden;
    padding:60px 100px;
}
footer p {
    color:#fff;
}
footer p a {
    color:#fff;
    font-weight:bold;
}
img.arrow-top {
    width:25px;
    display: block;
}
.to-top {
    display: block;
    float: right;
    width: 70px;
    height: 70px;
    position: relative;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s;
    cursor: pointer;
    background: #48566a;
}
.to-top:hover {
    background:#8750a0;
}
img.arrow-top {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.con {
    position:relative;
}
p.copy {
    position: relative;
    bottom:0px;
}
/*********** ****************** ***********/
/*********** *** Standard Page  *********/
/*********** ****************** ***********/
#pagination {
	width: 100%;
	margin-top: 30px;
}
h1.page-title {
    color:#8750a0;
}
.page-intro .purple-1, .page-intro .white-1 {
    width:10%;
    max-height:225px;
}
.page-nav, .col-30 {
    width:25%;
    background:#fff;
}
.page-image, .page-copy {
    width:75%;
}
.page-copy.fill {
    width:100%;
}
.single .page-copy {
    width:48%;
}

.single .page-image {
     width:100%;
    margin-bottom:40px;
}
.page-intro .push-in {
    width:10%;
    height:280px;
}
.page-nav, .col-30 {
    padding:0px 50px 0px;
}
ul.sidebar {
    list-style-type: none;
    margin-left:0px;
	float: left;
	width: 100%;
}
ul.sidebar li {
    padding:13px 0px;
    border-bottom: 1px solid #444;
    font-weight:bold;
}
ul.sidebar li a:hover, ul.sidebar li a:focus {
    color:#44566c
}
ul.sidebar.stick {
	position: fixed!important;
	top: 0;
	width: 180px;
}
.page-image img {
    width:100% !important;
}
.white-1 {
    background:#fff;
}
.pad-content {
    padding:40px 40px 30px 0px;
}
.no-img .pad-content {
    padding: 0px 0px 30px 0px;
}
.no-img .pad-content a.button {
    max-width: 260px;
}
.single .pad-content {
    padding:0px 0px 30px 0px;
}
.page-copy h2 {
    color: #8750a0;
    padding-bottom:20px;
}
.page-copy-intro {
    padding-bottom:60px;
    position: relative;
}
.page-copy-intro h4 {
    font-size:22px;
    font-style: normal;
    font-weight:300;
    padding-bottom:30px;
    display: block;
        font-family: 'Open Sans', sans-serif;
}
.page-copy-intro h2 {
    padding-bottom:40px;
}
.pad-content a.button {
   margin:0px 0px 30px;
    max-width:220px;
    width:auto;
}
.body-content p:last-child {
    padding-bottom:40px;
}
.page-copy-intro a.button {
    margin-top:20px;
}

/*********** ****************** ***********/
/***********  Expandable Blocks  *********/
/*********** ****************** ***********/
.people-grid {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px 5px 0;
}

.people__cell {
  float: left;
  position: relative;
}
.basic__img {
  display: block;
  width:120px;
  height: auto;
}

.people__cell.is-collapsed .people--basic {
  cursor: pointer;
    border: 1px solid #fff;
    padding:12px 12px;
/*    min-height:80px;*/
}

.people__cell.is-expanded .people--expand {
  max-height: 700px;
  margin-bottom: 10px;
    margin-top:4%;

}

.people--expand {
  position: relative;
  left: 0px;
  padding: 0 5px;
  box-sizing: content-box;
  overflow: hidden;
  background: #fff;
  max-height: 0;
  transition: max-height .3s ease-in-out,margin-bottom .1s .2s;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    opacity:0;
}
.people--expand .contain {
	padding: 60px 40px;
}

.people__cell.is-collapsed .arrow--up {
  height: 10px;
  width: 100%;
}

.is-expanded .people--expand {
    border:1px solid #48566a;
    opacity:1;
}

.people__cell.is-expanded .arrow--up {
  border-bottom: 8px solid #222;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  height: 0;
  width: 0;
  margin: 2px auto 0;
}

.expand__close {
  position: absolute;
  top: 10px;
  right: 20px;
    color: #8750a0;
  font-size: 50px;
  line-height: 50px;
  text-decoration: none;
}

.expand__close:before {
  content: '×';
}

.expand__close:hover {
  color: #ccc;
}

.image--large {
  max-width: 100%;
  height: auto;
  display: block;
  padding: 40px;
  margin: 0 auto;
  box-sizing: border-box;
}
.people--basic {
    overflow: hidden;
}
.people--basic h3 {
    color:#fff;
    font-size:22px;
    line-height:30px;
}
.people--basic p {
    color:#fff;
    font-size:15px;
    padding-bottom:0px;
    margin-bottom: 0px;
}
.is-expanded .people--basic.navy {
    background:#fff;
    border: 1px solid #48566a;
    padding:12px 12px;
}
.is-expanded .people--basic h3, .is-expanded .people--basic p {
    color: #48566a;
}
.center-b {
    position: relative;
    z-index:1;
     width:120px;
    float: right;
    margin-right:20px;
/*    margin-top:5px;*/
}
.more-button {
    text-align: center;
    z-index: 3;
    display: block;
    vertical-align:middle;
    background:transparent;
    border:2px solid #fff;
    overflow: hidden;
    padding:6px;
        -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.more-button:before {
    content: 'Read More';
    font-weight:400;
    font-family: "Gilroy-Black",sans-serif;
    color:#fff;
        -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.is-expanded .more-button {
    border:2px solid #8750a0;
}
.is-expanded .more-button:before {
    content: 'Close';
    color: #8750a0;
}
/*
.more-button span {

}
*/
.is-expanded .more-button span {
    color:#48566a;
}

/*
button.more {
    text-align: center;
    z-index: 3;
    display: block;
    background:transparent;
    border:2px solid #fff;
    overflow: hidden;
    padding:10px;
    font-weight:bold;
    font-family: "Gilroy-Black",sans-serif;
    color:#fff;
     width:120px;
}
.is-expanded button.more {
    border:2px solid #48566a;
    color: #48566a;
}
*/
.people-grid.flex {
    margin-bottom:100px;
}
@media only screen and (min-width: 531px) {
  .people__cell {
      width: 48%;
      margin: 0 1% 2%;
  }
  .people__cell:nth-of-type(2n+2) .people--expand {
      margin-left: -104%;
  }

  .people__cell:nth-of-type(2n+3) {
      clear:left;
  }

  .people--expand {
      width: 202.4%;
  }
}
/*********** ****************** ***********/
/*********** ** Page Content ** ***********/
/*********** ****************** ***********/
.contain {
    overflow: hidden;
    padding:60px 100px;
}
img.avatar {
    width:220px;
}
.pad-inner-left {
    padding-left:20px;
}
/*
.pad-top {
    padding-top:28px;
}
*/
.title-break .purple-1, .title-break .grey-1, .title-break .white-1 {
        min-height: 80px;
}
.page-intro.final {
    padding-bottom:100px;
}
.body-content {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 0px;
}

.body-content p a {
    text-decoration: underline;
}
.body-content .to-top, .page-copy-intro .to-top {
    position: absolute;
    bottom:80px;
    right:0px;
    width:50px;
    height:50px;
}
.body-content .to-top img.arrow-top, .page-copy-intro .to-top img.arrow-top {
    width: 18px;
}
.pad-content p {
    padding-right: 70px;
}
.body-content ul {
    max-width:85%;
}
ul.alpha {
    counter-reset: list;
    margin-left: 25px;
}
ul.alpha > li {
    list-style: none;
    position: relative;
}
ul.alpha > li:before {
    counter-increment: list;
    content: counter(list, lower-alpha) ") ";
    position: absolute;
    left: -1.4em;
    font-weight:bold;
}
.page-copy a.download {
    text-align: left;
}
.page-copy a.download.d-group {
    text-align: left;
    max-width:280px;
    padding: 12px 25px 12px 15px;
}
.page-copy a.button-purple.download:hover {
    background:#48566a;
    background-image:url('img/download_icon_white.svg');
    background-repeat: no-repeat;
    background-size:18.5px 24.5px;
    background-position: center right 10px;
}
.download-block {
    margin-bottom:60px;
}
/*----- Accordion -----*/
.accordion, .accordion * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.accordion {
	overflow:hidden;
	box-shadow:0px 1px 3px rgba(0,0,0,0.25);
	border-radius:1px;
	background:#f7f7f7;
	margin-bottom: 40px;
}

/*----- Section Titles -----*/
.accordion-section-title {
	width:100%;
	padding:15px 45px 15px 15px;
	display:inline-block;
	border-bottom:1px solid #fafafa;
    background: #8750a0;
    background-image: url(img/open_plus.svg);
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size:20px;
	transition:all linear 0.15s;
	/* Type */
	font-size:16px;
	text-shadow:none;
	color:#fff;
    font-weight:bold;
}
.accordion-section-title:hover {
	background: #48566a;
    background-image: url(img/open_plus.svg);
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size:20px;
	color:#fff;
	text-decoration:none;
}
.accordion-section-title.active, .accordion-section-title.active:hover {
	background:#48566a;
    background-image: url(img/close_minus.svg);
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size:20px;
	color:#fff;
	text-decoration:none;
}
a.accordion-section-title:focus {
    color:#fff;
}
.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}
.accordion-section-content .the-content {
    margin-bottom:20px;
    display: block;
}
.accordion-section-content .download-list {
    padding: 12px 25px 12px 0px;
}
.mobile-tag {
	display: none;
}

.mobile-intro-image {
	display: none;
}
.page-copy.fill .accordion {
    max-width:75%;
    display: block;
} 
/*----- Section Content -----*/
.accordion-section-content {
	padding:30px;
	display:none;
}
.accordion-section-content p a {
	color:#00aeef;
}
.accordion-section-content p a:hover {
	color:#004987;
}
.page-id-12 .accordion {
    margin-bottom:100px;
}
.desk-hide {
	display: none;
}


/*********** ****************** ***********/
/*********** ****** Blog  ***** ***********/
/*********** ****************** ***********/
.blog .column-tag {
    width:90%;
}
.blog .page-nav {
    width:10%;
    padding:0px;
}
.blog .page-intro .push-in {
    width:20%;
    max-height:225px;
}
.blog .pad-content {
    padding: 0px 80px 30px 0px;
}
.blog .page-copy {
    width: 75%;
}
.blog h2 {
    font-size:26px;
    line-height:30px;
    margin-top: 20px;
}
/*
.blog .page-copy span {
    font-weight:600;
    color:#48566a;
    font-size:16px;
    padding-bottom:3px;
    position: relative;
}
*/
/*
.blog .page-copy span:after {
    content:'';
    position: absolute;
    background:#48566a;
    z-index:1;
    width:100%;
    height:2px;
    bottom:0px;
    left:0px;
}
*/
.excerpt {
    display: inline-block;
    margin-bottom: 40px;
}
.excerpt a.button {
    position: relative;
    bottom:0px;
    max-width:none;
    padding:12px;
    background:transparent;
    border:2px solid #8750a0;
    color:#8750a0;
    margin-bottom:0px;
    display: inline-block;
}
.excerpt a.button:hover {
    background:#8750a0;
    color:#fff;
}
.break {
    border-bottom:2px solid #8750a0;
    margin:30px 0px;
    display: block;
    clear: both;
}
.blog .break {
    margin:0;
}
.news-item {
    padding:0px 0px 0px;
}
.excerpt {
    padding-left: 30px;
}
/*********** ****************** ***********/
/*********** ** People ** ***********/
/*********** ****************** ***********/
.single-people .pad-content {
    padding: 0px 150px 30px 0px;
}
.single-people ul.sidebar {
    margin-bottom:100px;
}

/*********** ****************** ***********/
/*********** * Contact Template ***********/
/*********** ****************** ***********/
.contact .page-nav {
    width:5%;
}
.contact input.f-input[type=text], .contact input.f-input[type=email], .contact textarea {
    border: 1px solid #48566a;
    background: 0 0;
    border-radius: 1px;
    box-shadow: none;
    padding: 10px 5px;
    font-size: 15px;
    color: #48566a;
    font-weight: 300;    
}
.nf-before-form-content .nf-form-fields-required {
    margin-bottom:25px;
}
/* Placeholder CSS */
input[type=email]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type='tel']::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc !important;
  font-weight:300;
  font-size: 15px;
  padding-left:5px;    
}
textarea::-webkit-input-placeholder {
    color: #ccc !important;
  font-weight:300;
  font-size: 15px;
  padding-left:5px; 
}
#mc_embed_signup input.mce_inline_error::-webkit-input-placeholder {
    color: red !important;
}
input[type=email]::-moz-placeholder,input[type=text]::-moz-placeholder, input[type='tel']::-moz-placeholder { /* Firefox 19+ */
  color: #ccc !important;
  font-weight:300;
  font-size: 15px;
    padding-left:5px; 
}
input[type=email]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type='tel']:-ms-input-placeholder { /* IE 10+ */
  color: #ccc !important;
  font-weight:300;
  font-size: 15px;
    padding-left:5px; 
}
input[type=email]:-moz-placeholder, input[type=text]:-moz-placeholder, input[type='tel']:-moz-placeholder { /* Firefox 18- */
  color: #ccc !important;
  font-weight:300;
  font-size: 15px;
    padding-left:5px; 
}
.contact .field-wrap input[type=button] {
   width:220px; 
}
.contact input[type="button"] {
    display: block;
    font-weight: 400;
    padding: 12px 15px;
    font-family: "Gilroy-Black",sans-serif;
    height: auto;
    margin-bottom: 0px;
    font-size: 16px;
    background: #8750a0;
    width: 100%;
    border-radius:1px;
    color:#fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s;
}
.nf-after-field .nf-error-msg {
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s;
    opacity:0;
}
.nf-error-msg.nf-error-required-error {
   opacity:1;
    font-weight:500;
    font-size:13px;
}
.nf-after-form-content {
    position: relative;
}
.contact .page-copy {
    width:40%;
}
.contact.cook .page-copy {
    width:60%;
}
.contact .nf-field-container {
    margin-bottom: 35px;
}
.contact .pad-content {
    padding: 0px 15% 30px 0px;
}
.map-container {
    width:45%;
}
.map-container iframe {
    margin-bottom:40px;
}
.cook h4 {
    margin-bottom:20px;
}
.cook .page-copy {
    padding-bottom:100px;
}
.cook .page-copy ol {
    margin-bottom:40px;
}
.cook .page-copy ol li a {
    color: #48566a;
    text-decoration: underline;
}
/*********** ****************** ***********/
/*********** ** Cookie Notice *   *********/
/*********** ****************** ***********/
.cookie-notice-container {
    padding: 20px 0 !important;
}
#cn-notice-text {
    color:#fff;
    font-size: 14px;
}
#cookie-notice .cn-button {
    background: 0 0;
    color: #fff;
    margin: 0;
    margin-left: 20px;
    border: 1px solid #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    font-size:14px;
    display: inline-block;
}
#cookie-notice .cn-button:hover {
    background:#fff;
    color:#8750a0;
}
.app-forms {
    padding:0px;
    margin-bottom:40px;
}
.home .apply .pad-content a.button {
    max-width:280px;
}
.page-copy h2.small {
    font-size:32px;
    line-height:38px;
}
.flexy {
    display: flex;
    flex-direction: row;     /* make main axis horizontal (default setting) */
    align-items: center;     /* center items vertically, in this case */
}
.flexy .col.col-lefty {
    width:75%;
}
.flexy .col.col-righty {
    width:25%;
}
.flexy .center-b {
    float: unset;
    margin-right:0;
    width:100%;
}
/*********** ****************** ***********/
/*********** ** Tbales *   *********/
/*********** ****************** ***********/
.body-content table {
    border-collapse: inherit;
    border: 1px solid #333;
    border-right: none;
    border-bottom: none;
    margin-bottom: 40px;
}
.body-content table thead th {
    background: #3A4856 !important;
    padding: 15px 10px;
    color: #fff;
    text-align: left;
    font-weight: normal;
    color:#fff;
    border-right:1px solid #333;
    border-bottom:1px solid #333;
}
.body-content table tbody tr {
    background: #F3F5F7;
}
.body-content table tbody td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
}
@media (max-width: 1300px) { 
	.nav-menu {
		right: 50px;
	}
	.nav-menu ul li {
		margin-left: 15px;
	}
}

@media screen and (max-width: 1200px) {
	.nav-menu {
		right: 20px;
	}
	.nav-menu ul li {
		margin-left: 10px;
	}
}

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

	.nav-menu ul li {
		margin-left: 8px;
	}
    img.logo {
        width: 140px;
        height: auto;
    }
    .column-links {
        width:95%;
    }
    .apply .pad-content {
        padding: 40px 30px 40px 30px;

    }
}

/*-------- TABLET ------------*/

@media screen and (max-width: 1025px) {
	img.logo {
		width: 140px;
		height: 75px;
	}
	.nav-menu ul li {
		font-size: 14px;
    	font-weight: 800;
    	margin-left: 8px;
	}

	.pad-content {
		padding: 50px 0px;
	}

	.text-block {
    	padding-right: 0px;
    	width: 100%;
	}
	.faq .mid .text-block {
    	padding-right: 30px;
		padding-top: 30px;
	}
	.faq h2 {
		padding-top: 30px;
	}

	.people__cell {
    	width: 100%;
    	margin: 0;
		margin-bottom: 10px;
	}

	.people__cell .center-b {
		margin-right: 5px;
	}

	.people__cell.is-expanded .people--expand {
    	max-height: 500px;
    	margin-bottom: 10px;
    	margin-top: 10px;
    	width: 100%;
	}

	.people--expand {
		box-sizing: border-box;
		padding: 0px;
	}

	.people--expand .contain {
		padding: 18px 5px;
	}

	.people--expand .intro {
		padding-top: 10px;
		padding-bottom: 10px;
	}
    #cn-notice-text {
        display: block;
        padding-bottom:10px;   
    }
}

@media screen and (min-width: 901px) and (max-width: 1025px) {
	.nav-menu {
    	position: absolute;
    	right: 70px;
    	top: 15px;
	}
}

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

	img.logo {
	    width: 150px;
	    height: auto;
	}
	.nav-menu {
		right: 40px;
	}

	.pad-left {
		padding-left: 30px;
	}

	.push-in {
    	width: 40px;
	}

	.nav-menu ul li {
		margin-left: 0px;
		font-size:  14px;
	}

	header .column-links {
		width: 100%;
	}

	.column-tag {
	    width: 30%;
	    display: inline-block;
	    float: left;
	}
	.desktop-tag {
		display: none;
	}
	.intro-content p {
    	font-size: 18px;
    	font-weight: 300;
	}
	.mobile-tag {
		/*display: contents;*/
		order: 0;
	    width: 40%;
	    float: left;
	    display: inline-block;
	}

	.mobile-tag h1.tagline {
		padding-left: 30px;
		line-height: 65px;
		margin-top: 42px;
		font-size: 40px;
	}

	.opening .purple-1.purple.equal {
		min-height: 340px;
		order: 2;
	}
	.intro-content {
    	padding: 60px 50px 50px;
    	overflow: hidden;
    	width: 85%;
	}
	.opening .purple-1.purple.equal.mob-blue {
		background: #49566A;
		width: 20%;
	}
	header .column-tag {
		display: none;
	}

	.opening .intro-image {
		height: 410px;
    	width: 85%;
	}

	.opening .purple-2 {
    	width: 10%;
    	height: 345px;
	}

	.opening .intro-image {
		display: none;
	}
	.opening .mobile-intro-image {
		display: flex;
    	height: auto;
    	width: 100%;
	}
	.opening .fill {
		width: 10%;
	}

	.pad-content {
		padding: 20px 0px;
	}

	.body-content {
		padding-bottom: 10px;
	}

	.text-block {
    	padding-right: 0px;
    	width: 100%;
	}

	.opening .push-in {
		width: 10%;
	}

	.pad-content p {
    	padding-right: 0px;

	}

	.row.apply {
    	padding: 40px 0;
	}
	.row.faq .flexbox-container.top {
		max-height: 40px;
	}
	.row.faq .flexbox-container.top .fill-large, .row.faq .flexbox-container.top .purple-1 {
	    min-height: 20px;
	    max-height: 50px;
	}

	.row.faq .flexbox-container.top .fill-large.white-2 {
		flex: 1;
		flex-basis: 40%;
	}
	.row.faq .flexbox-container.bottom {
		height: 40px;
	}

	.row.faq .flexbox-container.bottom * {
		height: 40px!important;
	}


	.row.faq .grey-2 {
		max-height: 40px;
		flex: 1;
    	max-width: 200px;
    	order: 0;

	}

	.row.faq .bottom .grey-1 {
		min-height: 0px;
	}

	.faq .purple-1, .faq .grey-1, .faq .grey-2 {
    	min-height: 100px;
    	flex-basis: 5%;
	}

	.faq .top .fill-large {
		width: 0;
		flex-basis: 30%;
	}

	.faq .top .grey-2 {
		width: 0;
		flex-basis: 25%;
	}

	.faq .mid .purple-1 {
		width: 0;
		flex-basis: 5%;
	}

	.faq .mid .fill-large {
		width: 0;
		flex-basis: 45%;
		padding: 30px 30px;
	}

	.faq .mid .grey-1 {
		width: 0;
		flex-basis: 5%;
	}

	.faq .bottom .purple-2 {
		width: 0;
		flex-basis: 25%;
	}

	.faq .bottom .fill-large {
		width: 0;
		flex-basis: 35%;
	}

	.faq .bottom .grey-1 {
		width: 0;
		flex-basis: 5%;
	}

	.faq .text-block {
		width: 100%!important;
	}

	.faq-content {
		padding: 0px;
	}

	.faq h2 {
		font-size: 40px;
	}
	.fill-large.white.faq-left {
    	padding-left: 70px;
	}

	.fill-large.white.faq-right {
    	padding-right: 10px;
	}

	.page-nav, .col-30 {
    	padding: 0px 20px 0px;
	}

	.page-template-flexible-content .page-intro .purple-1, .page-intro .white-1 {
    	max-height: 250px;
	}

	.page-template-contact-template .page-copy {
		flex-basis: 80%;
	}
	.page-template-contact-template .pad-content {
		padding: 0;
		padding: 0px 30px;
	}

	.page-template-contact-template .page-image {
		padding: 0 50px;
	}

	 .page-template-contact-template .page-intro .white-1 {
		 display: none;
	 }
    .blog .page-intro .purple-1 {
        width:5%;
    }
    .blog .page-nav {
        width:5%;
    }
    .blog .page-intro .push-in {
        width:5%;
    }
    .blog .page-copy {
        width:90%;
    }
    .blog h2 {
        margin-bottom:20px;
    }
    .contact .page-nav {
        width: 0;
        padding: 0;
    }
    .page-template-contact-template .page-copy {
        width:100%;
        flex-basis: auto;
    }
    .map-container {
        width:100%;
    }
    .contact.cook .page-copy {
        width:80%;
    }
    .contact.cook .pad-content {
        padding: 0px 15% 30px 30px;
    }

}

/*----------- MOBILE --------------*/

@media screen and (max-width: 480px) {
	/* ------------ Hamburger -------------- */
	.desk-hide {
		display: contents;
	}

	.desk-hide .half-white {
		height: 45px;
	    max-height: 45px;
    	width: 55%;
	}
	.mobile-nav {
		display: contents;
	}
	.mobile-nav .head-position {
		padding-bottom: 20px;
	}
	.nav-container {
		display: none;
	}

	.nav-menu ul li:hover a {
	   background: transparent;
	}
	ul.sidebar-mob {
	    list-style-type: none;
	    margin-left:10%;
		float: left;
		width: 80%;
	}
	ul.sidebar-mob li {
	    padding:13px 0px;
	    border-bottom: 1px solid #444;
	    font-weight:bold;
	}
	.opening .flexbox-container {
    	background: #fff;
    	flex-direction: column;
	}

	.mob-blue-2 {
		background: #49566A;
		width: 20%;
	}
	.mobile-nav .nav-menu ul li:hover a {
	   background: transparent;
	}
	.mobile-tag h1.tagline {
    	margin-top: 20px;
	}

	.home h2 {
    	font-size: 40px;
    	padding-bottom: 20px;
		padding-top: 10px;
	}

	.mobile-tag {
    /* display: contents; */
    	order: 0;
    	width: 60%;
    	float: left;
    	display: block;
	}
	.mobile-tag h1.tagline {
		padding-left: 20px;
		line-height: 50px;
	}

	.intro-content {
    	padding: 15px 0px 0px 20px;
    	overflow: hidden;
    	width: 80%;
	}
	.opening .purple-1.purple.equal.mob-blue {
		align-self: flex-end;
    	margin-top: -70%;
    	min-height: 290px;
    	width: 15%;
	}

	.small-12.medium-6.large-6.columns.no-pad.cover.intro-image {
    	height: 250px;
    	width: 100%;
    	display: flex;
	}

	.push-in {
    	width: 20px;
	}

	.opening .fill, .opening .purple-2 {
		display: none!important;
	}

	/*.cover.mobile-apply-image {
		display: flex!important;
		width: 100%!important;
		height: 250px!important;
		min-height: 250px!important;
	}*/

	.small-12.medium-12.columns.no-pad.mobile-apply-image.desk-hide img {
    	width: 100%;
    	padding-right: 20px;
		padding-top: 10px;
	}

	.row.faq .flexbox-container.top {
    	max-height: 50px;
    	display: none;
	}

	.row.faq .flexbox-container.bottom {
		display: none!important;
	}

	.row.faq .fill-large {
    	width: 100%;
    	float: left;
		clear: both;
	}

	.row.faq .flexbox-container.mid {
    	display: block;
	}

	.row.faq .purple-1.purple.equal {
    	display: none!important;
	}

	.row.faq .grey-1.grey {
    	display: none!important;
	}

	.faq-content {
    	padding: 20px 20px 0px 20px;
	}

	.row.faq .text-block {
    	padding: 10px 20px 30px 20px;
	}

	.foot-max {
    	overflow: hidden;
    	padding: 60px 20px;
	}
	p.copy {
    position: relative;
    bottom: 0px;
	}

	.page-nav-mid {
		display: none;
	}

	.page-template-about-template, .page-template-flexible-content {
    	width: 100%;
    	flex-basis: 90%;
	}

	.page-intro .purple-1 {
    	width: 20px;
	}

	.page-intro .white-1 {
		width: 0;
	}

	.flex-wrap {
		flex-wrap: wrap;
	}

	.flex-wrap .page-nav {
		flex-basis: 90%;
    	padding: 0px 30px;
	}

	.flex-wrap .page-image {
		flex-basis: 100%;
	}

	.mob-hide {
		display: none!important;
	}

	.page-copy {
		width: 100%;
		padding: 30px;
	}

	.flex-wrap .push-in.navy.white {
		display: none;
	}

	.body-content .to-top img.arrow-top, .page-copy-intro .to-top img.arrow-top {
    	width: 15px;
	}

	.body-content .to-top, .page-copy-intro .to-top {
    	position: relative;
    	bottom: 40px;
    	right: 10px;
    	width: 30px;
    	height: 30px;
	}

	.people-grid {
		width: 100%;
		padding: 0 20px;
	}

	.avatar-thumb {
    	padding: 15px 20px;
		display: none;
	}

	.center-b {
	    position: relative;
	    z-index: 1;
	    width: 120px;
	    float: left;
    	margin-right: 0px;
     	margin-top: 0px;
    	left: 10px;
    	padding-bottom: 20px;
	}

	.people__cell {
    	float: left;
    	position: relative;
    	margin-bottom: 20px;
	}

	.people__cell.is-expanded {
    	width: 100%;
	}

	.people--expand .contain {
		overflow: hidden;
		padding: 15px 0px;
	}

	.people--expand img.avatar {
    	width: 175px;
		padding: 1.5px;
	}

	.people-about {
		box-sizing: border-box;
	}

	.people__cell.is-expanded .people--expand {
    	max-height: 100%!important;
    	margin-bottom: 10px;
    	margin-top: 4%;
	}
	.max-h-250 {
		max-height: 250px!important;
	}

	.pad-content {
    	padding: 20px 0px!important;
	}

	.faq .mid .fill-large {
		padding: 0px;
	}

	.body-content {
		padding-bottom: 30px;
	}

	.accordion-section-title {
		padding: 10px 30px 10px 10px;
		background-position: 97% 50%;
	}
	.page-template-contact-template .flexbox-container {
		flex-direction: column-reverse;
	}
	.page-template-contact-template .page-copy, .page-template-contact-template .page-image   {
		flex-basis: 100%;
		padding: 0;
		width: 100%;
	}
	.page-template-contact-template .page-copy {
		padding: 0px 30px;
	}
    .blog .pad-content {
        padding:0px !important;
    }
    .blog .page-copy {
        padding-top:0px;
        width: 100%
    }
    .blog .excerpt {
        padding:20px 0px;
    }
    .excerpt a.button {
        position: relative;
        bottom:auto;
    }
    .blog .page-intro .purple-1 {
        width: 0;
    }
    .blog .page-nav {
        width: 0;
    }
    .blog .page-intro .push-in {
        width: 0;
    }
    .page-copy h2 {
        font-size: 32px;
        line-height:38px;
    }
    .contact .page-intro .purple-1 {
        display: none;
        width:0;
    }
    .page-template-contact-template .page-intro .purple-1 {
        display: none !important;
    }
    .page-template-contact-template .flexbox-container {
        display: block;   
    }
    .contact.cook .page-copy {
        width:100%;
    }
    .contact.cook .pad-content {
        padding: 0px 15% 30px 10px;
    }
    .cookie-notice-container {
        padding: 20px 20px !important;
    }
    .pad-content a.button {
        max-width: 100%;
    }
    .single .page-copy {
        width: 100%;
    }
    .single-people ul.sidebar-mob {
		margin-left: 0%;
		width: 90%;
  	}
  	.people__cell .pad-inner-left {
	  	margin-bottom: 10px;
  	}
    .page-copy.fill .accordion {
        max-width:100%;
    }   
    .blog .row .row {
        margin: 0 !important;
    }
    .modal-menu .nav-menu ul li .sub-menu {
        display: none;
    }
    .flexy .col.col-lefty {
        width: 66%;
    }
    .flexy .col.col-righty {
        width: 30%;
    }
    .flexy .more-button {
        font-size: 14px;
        line-height: 20px;
    }
    .people--basic h3 {
        font-size: 20px;
        line-height: 27px;
    }
    .people__cell .center-b {
        padding-bottom:0;
        margin:0;
    }
    
}

@media screen and (max-width: 340px) {
	.opening .purple-1.purple.equal.mob-blue {
    	min-height: 240px;
	}
}