@charset "utf-8";
img, object, embed, video {
max-width: 100%;
height: auto;
image-rendering : -webkit-optimize-contrast;
image-rendering : optimizeQuality;
} .ie6 img {
width:100%;
}
body, html {
height: 100%;
color: var(--text-color-black);
font-family: "FuturaBold";
font-weight: normal;
-webkit-font-smoothing: antialiased;
background-color: var(--background-primary);
}
.theme-fun {
--background-primary: #fff000;
--background-secondary: #000000;
--background-white: #ffffff;
--background-blue: #fff000;
--background-pink: #fff000;
--text-color-black: #000000;
--text-color-yellow: #fff000;
--text-color-white: #ffffff;
--yellow-to-black: #fff000;
--yellow-to-white: #fff000;
--border-yellow-to-black: solid 1px #fff000;
--border-white-to-black: solid 3px #ffffff;
--pacman-background: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/pacman.gif);
--logo-background: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/matchstick-yellow.gif);
--logo-mobile-background: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/matchstick-yellow-mobile.gif);
--swipe-up: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/swipe-up-yellow.gif);
--scroll-down: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/scroll-down-yellow.gif);
--joe-lyons: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/joe-lyons-yellow.gif);
--shareholder-one: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/shareholder-one-yellow.gif);
--shareholder-two: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/shareholder-two-yellow.gif);
--shareholder-four: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/shareholder-four-yellow.gif);
--founder: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/founder.png);
--founder-animated: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/founder-animated.gif);
--grayscale-flipped: grayscale(100%);
}
.theme-boring {
--background-primary: #ffffff;
--background-secondary: #000000;
--background-white: #000000;
--background-blue: #000000;
--background-pink: #000000;
--text-color-black: #ffffff;
--text-color-yellow: #ffffff;
--text-color-white: #000000;
--yellow-to-black: #000000;
--yellow-to-white: #ffffff;
--border-yellow-to-black: solid 1px #000000;
--border-white-to-black: solid 1px #000000;
--pacman-background: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/pacman-black.gif);
--logo-background: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/matchstick-black.gif);
--logo-mobile-background: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/matchstick-black-mobile.gif);
--swipe-up: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/swipe-up-white.gif);
--scroll-down: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/scroll-down-white.gif);
--joe-lyons: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/joe-lyons-white.gif);
--shareholder-one: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/shareholder-one-white.gif);
--shareholder-two: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/shareholder-two-white.gif);
--shareholder-four: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/shareholder-four-white.gif);
--founder: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/founder-white.png);
--founder-animated: url(https://matchstick.com/wp-content/themes/matchstick-theme/assets/founder-animated-white.gif);
--grayscale: grayscale(100%);
}
.fun_boring {
background: var(--background-primary);
position: fixed;
z-index: 100000;
background-color: #ffffff;
display: block;
right: 0px;
padding: 7px 25px;
font-size: 16px;
} .switch {
position: relative;
display: block;
} .switch input {
opacity: 0;
width: 0;
height: 0;
} .slider {
text-transform: uppercase;
color: #000000;
}
input:checked + .slider {
background-color: #ffffff;
}
p { 
-webkit-font-smoothing: antialiased;
margin: 0 0 20px 0;
font-size: 16px;
line-height: 150%;
text-transform:  uppercase;
text-align: left;
}
a:link, a:active, a:visited {
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;  
}
a:hover{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
ul {
margin: 0;
padding: 0;
}
li {
margin: 0 0 5px 20px;
padding: 0 0 0 10px;
background-image: none;
background-position: left 3px;
background-repeat: no-repeat;
}
h1 {
font-family: "FuturaBold";
font-weight: normal;
line-height: 100%;
font-size: 30px;
text-transform:  uppercase;
padding: 0 !important;
margin: 0 !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;  
}
h2 {
font-family: "FuturaBold";
font-weight: normal;
color: #323e48;
margin: 0 0 40px 0;
padding: 20px 0 0 0;
text-align: left;
font-size: 32px;
display: block;
position: relative;
line-height: 110%;
}
.chunky-black, .chunky-yellow, .chunky-white, .chunky-black-small, .chunky-yellow-small, .chunky-yellow-medium, .chunky-white-small, h1.chunky-white, .menu-black-small {
font-size: 36px;
color: #000000;
display: block;
text-transform: uppercase;
line-height: 120%;
text-align:  left;
padding-bottom: 10px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;  
}
.hover-glow-y:hover, .hover-glow-w:hover, .hover-glow-b:hover, .hover-glow-p:hover {
color: var(--yellow-to-white) !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;  
}
.hover-glow-w:hover {
color: #ffffff !important;
}
.hover-glow-b:hover {
color: #00a7e6 !important;
}
.hover-glow-p:hover {
color: #ff0078 !important;
}
.hover-glow-bl:hover {
color: var(--text-color-black) !important;
}
.chunky-yellow, .chunky-yellow-small, .chunky-yellow-medium, .yellow-text, .fun_boring a:hover, .chunky-yellow-medium a:link, .chunky-yellow-medium a:active, .chunky-yellow-medium a:visited, .chunky-yellow-medium a:hover {
color: var(--text-color-yellow) !important;
}
.chunky-white, .chunky-white-small, .white-text {
color: var(--text-color-white);
}
h1.chunky-white {
font-size: 50px;
color: #ffffff;
}
.chunky-yellow-small, .chunky-black-small, .chunky-white-small {
font-size: 26px !important;
}
.menu-black-small {
font-size: 22px !important;
display: inline-block;
margin: 0 5px;
}
.chunky-yellow-medium {
font-size: 30px !important
}
.chunky-black:after, .chunky-yellow:after, .chunky-white:after, .chunky-black-small:after, .chunky-yellow-small:after, .chunky-yellow-medium:after, .chunky-white-small:after, #responsive-menu-container #responsive-menu li.responsive-menu-item a:after, #footerNav li a:after, h1.chunky-white:after, .menu-black-small:after, .fun_boring a:after, .nf-form-content label:after {
content: '_';
font-family: "FuturaBold" !important;
}
.outline {
font-family: "FuturaBoldOutline";
}
.center {
text-align:  center !important;
}
.talent, .careers {
cursor: pointer;
}
.talent:hover:after, .careers:hover:after {
content: '_with talent';
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.careers:hover:after {
content: '_careers';
} #responsive-menu-container #responsive-menu-additional-content {
background-color: var(--background-primary);
width: 50%;
right: 0;
padding: 0 !important;
height: 100%;
position: absolute;
top: 0;
display: none;
}
#responsive-menu-container #responsive-menu-additional-content img {
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
position: absolute;
}
.mobile-logo {
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
position: absolute;
max-width: 600px;
background-image: var(--logo-mobile-background);
width: 100%;
height: 100%;
background-size: 55%;
background-repeat: no-repeat;
background-position: center center;
}
#responsive-menu-container #responsive-menu {
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
position: absolute;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a {
padding-left: 80px;
text-transform:  uppercase;
height: 60px;
background-color: transparent !important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {
color: var(--yellow-to-black);
}
.responsive-menu-label {
font-weight:  normal !important;
transform: rotate(-90deg);
left: -15px;
position: relative;
font-size: 17px;
}
button#responsive-menu-button .responsive-menu-box {
display: none !important;
}
button#responsive-menu-button{
width: 40px;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
font-size: 33px;	
}
.pacman {
text-indent:-9999px;
background-image: var(--pacman-background);
background-size: 280px;
width: 280px !important;
margin-left: 80px !important;
background-color: transparent !important;
}  #body-wrapper {
display: block;
position: relative;
padding: 0 40px;
}
#inner-wrapper {
display: block;
overflow: hidden;
padding: 100px 0px;
box-sizing:border-box;
max-width: 1200px;
margin: 0 auto;
text-align: left;
}
#who-we-are-yellow-section {
padding: 0px;
display: inline-block;
width: 100%;
left: -40px;
position: relative;
vertical-align: top;
text-align: right;
background-color: var(--yellow-to-white);
z-index: 1;
}
#who-we-are-black-section {
padding: 0px 0px 50px 0px;
display: inline-block;
width: 75%;
max-width: 900px !important;
left: 25%;
position: relative;
}
.full-height {
height: 100%;
}
.logo {
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
position: absolute;
max-width: 1200px;
background-image: var(--logo-background);
width: 100%;
height: 100%;
background-size: 85%;
background-repeat: no-repeat;
background-position: center center;
}
.scroll-down {
bottom: 0;
left: 0;
position: absolute;
background-image: var(--swipe-up);
width: 100%;
height: 50px;
background-size: auto 35px;
background-repeat: no-repeat;
background-position: center center;
}
.offset-right {
left: 40px;
margin-right: 40px;
}
.offset-left {
right: 40px;
margin-left: 40px;
}
.inner-left {
padding-left: 40px !important;
max-width: 1250px !important;
text-align: left !important;
}
.inner-right {
max-width: 1250px !important;
}
.mini-padding {
padding: 50px 0 100px 0 !important;
text-align: center !important;
}
.black {
background-color: #000000;
}
.black-text {
color: #000000 !important;
}
.black p {
color: #ffffff;
}
.black a:link, .black a:active, .black a:visited, .black a:hover {
color: var(--text-color-yellow);
}
.yellow a:link, .yellow a:active, .yellow a:visited, .yellow a:hover, .chunky-white-small a:link, .chunky-white-small a:active, .chunky-white-small a:visited, .menu-black-small a:hover, .chunky-black-small a:hover  {
color: var(--text-color-white);
}
.chunky-white-small a:hover, .menu-black-small a:link, .menu-black-small a:active, .menu-black-small a:visited, .chunky-black-small a:link, .chunky-black-small a:active, .chunky-black-small a:visited {
color: #000000 !important;
}
.yellow a:last-child .chunky-white-small:last-child {
padding-bottom: 0;
}
.yellow, .responsive-menu-open button#responsive-menu-button {
background-color: var(--background-primary);
}
.white {
background-color: var(--background-white);
}
.pink {
background-color: var(--background-pink) !important;
}
.pink p, .blue p {
color: var(--text-color-black) !important;
}
.pink a, .blue a, .pink a:hover, .blue a:hover  {
color: #ffffff !important;
}
.blue {
background-color: var(--background-blue) !important;
}
.ethos p {
font-size: 18px;
text-transform: none !important;
font-style: italic;
font-family: "Futura";
margin-bottom: 50px;
}
.who-we-are p {
font-size: 18px;
}
.logo-background {
background-image: url(//matchstick.com/wp-content/themes/matchstick-theme/assets/matchstick_outline_logo.png);
background-position: center top;
background-size: 33.3%;
text-align: center;
padding: 0 !important;
}
.narrow {
max-width: 760px !important;
z-index: 1;
position: relative;
}
.body-content-1-2-col, .footer-content-1-2-col {
width: 100%;
padding: 0;
box-sizing: border-box;
z-index: 10;
display: inline-block;
vertical-align: top;
margin-bottom: 30px;
}
.body-content-1-2-col:last-child, .footer-content-1-2-col {
margin-bottom: 0px;
}
.footer-spacing {
padding-top: 94px;
}
.body-content-2-3-col, .body-content-3-4-col, .body-content-1-4-col, .body-content-1-3-col {
width: 100%;
padding: 0;
text-align: left;
box-sizing: border-box;
z-index: 10;
display: inline-block;
vertical-align: middle;
position: relative;
}
.joe-lyons {
position: absolute;
right: 40px;
bottom: -51px;
z-index: 1;
width: 260px;
height: 203px;
background-image: var(--joe-lyons);
background-size: 100%;
}
.founder {
position: relative;
bottom: 0px;
z-index: 1;
width: 250px;
height: 436px;
background-image: var(--founder);
background-size: 100%;
display: block;
margin-bottom: -50px;
}
.founder-animated {
position: absolute;
right: 20px;
bottom: 100px;
z-index: 2;
width: 67px;
height: 56px;
background-image: var(--founder-animated);
background-size: 100%;
display: block;
margin-bottom: -50px;
}
.shareholder-one {
position: relative;
display: inline-block;
bottom: 0;
z-index: 1;
width: 280px;
height: 219px;
background-image: var(--shareholder-one);
background-size: 100%;
}
.overflow-mobile {
overflow: hidden;
}
.shareholder-two {
position: relative;
display: inline-block;
top: 0;
z-index: 1;
width: 190px;
height: 220px;
background-image: var(--shareholder-two);
background-size: 100%;
margin-bottom: -7px;
}
.shareholder-four {
position: relative;
display: inline-block;
top: 0;
z-index: 1;
width: 190px;
height: 220px;
background-image: var(--shareholder-four);
background-size: 100%;
margin-bottom: -7px;
background-position: bottom;
background-repeat: no-repeat;
}
.mobile-half {
width: 100%;
float: left;
padding-bottom: 50px;
}
#ParaColOneMobile, #ParaColTwoMobile, #ParaColThreeMobile  {
width: 49%;
z-index: 10;
display: inline-block;
top: 0px;
position: relative;
}
#ParaColOne, #ParaColTwo, #ParaColThree, #ParaColThreeMobile  {
display: none;
}
.overlap-block-right {
position: absolute;
right: -40px;
bottom: 0px;
width: 40px;
height: 50%;
}
.overlap-block-left {
position: absolute;
left: -40px;
bottom: 0px;
width: 40px;
height: 50%;
}
.overlap-block-left-full-width {
position: absolute;
bottom: 0px;
width: 100%;
height: 25%;
}
.overlap-block-right-full-width {
position: absolute;
bottom: 0px;
width: 100%;
height: 25%;
left: 0px;
}
.overlap-block-left-full-height {
position: absolute;
left: -40px;
bottom: 0px;
width: 40px;
height: 100%;
}
.overlap-block-left-full-height-one-third {
position: absolute;
left: -40px;
bottom: 0px;
width: 25%;
height: 100%;
}
.overlap-block-right-full-height {
position: absolute;
right: -40px;
bottom: 0px;
width: 40px;
height: 100%;
}
#clientName  {
width: 100%;
z-index: 10;
display: block;
position: relative;
margin-bottom: -28px;
padding-left: 40px;
box-sizing: border-box;
}
#headerTitle  {
width: 100%;
z-index: 10;
display: block;
position: relative;
margin-bottom: 100px;
box-sizing: border-box;
}
#clientImage {
display: none;	
}
#clientImageMobile {
width: 100%;
display: inline-block;
padding: 0 0 0 40px;
box-sizing: border-box;	
}
#clientGallery {
width: 100%;
display: inline-block;
box-sizing: border-box;	
margin-top: 40px;
}
#clientImage img, #clientImageMobile img {
width: 100%;
filter: var(--grayscale-flipped);
}
#clientSocial, #clientSocialBlue {
display: none;
}
#clientSocialMobile, #clientSocialBlueMobile {
width: 100%;
padding-left: 40px;
display:  inline-block;
padding-top: 100px;
position: relative;
z-index: 10;
box-sizing:  border-box;
}
#clientSocialBlueMobile {
padding: 0 0 100px 0;
}
.mental-health-links {
margin-top: 60px;
display: block;
text-align: left;
}  .matchstick-footer {
width: 100px;
height: 54px;
display: block;
margin-bottom:  40px;
background-image: var(--logo-mobile-background);
background-size: 100%;
}
img.matchstick-social {
max-width: 36px;
margin:  20px 5px 50px 0;
}
#footerNav ul {	 
margin: 0;
padding: 0;
}
#footerNav li {
font-size: 32px;
color: #000000;
display: block;
text-transform: uppercase;
line-height: 100%;
text-align:  left;
padding: 0 0 10px 0;
margin: 0;
} 
#footerNav li:last-child {
padding: 0;
} 
#footerNav li a {
color: #000000; 
text-decoration: none;
padding-left: 2px;
}              
#footerNav li a:hover { 
color: var(--background-white) !important; 
}  .nf-form-fields-required {
display: none;
}
.nf-form-content label {
font-size: 20px !important;
font-weight: normal !important;
text-transform: uppercase;
margin-top: 20px !important;
display: block;
}
.nf-form-content input.ninja-forms-field {
background-color: var(--yellow-to-white) !important;
border: var(--border-yellow-to-black) !important;
border-bottom: var(--border-white-to-black) !important;
padding: 10px !important;
text-transform: uppercase;
font-family: "FuturaBold";
color: #ffffff !important;
font-size: 20px !important;
box-sizing: border-box;
}
.ninja-forms-req-symbol {
display: none !important;
}
.nf-form-content textarea.ninja-forms-field  {
background-color: #ffffff !important;
border: var(--border-yellow-to-black) !important;
padding: 25px !important;
text-transform: uppercase;
font-family: "FuturaBold";
color: #000000 !important;
font-size: 20px !important;
box-sizing: border-box;
}
.nf-field-container {
margin: 0 !important
}
.nf-form-content input[type=button] {
background-color: #ffffff !important;
border: 0 !important;
color: #000000 !important;
transition: all .5s;
width: 100% !important;
font-size: 26px !important;
padding: 10px !important;
height: auto !important;
text-align: right !important;
font-family: "FuturaBoldOutline";
margin-top: -37px;
}
.nf-error.field-wrap .nf-field-element:after {
background: #000000!important;
top: 0px!important;
right: 0px!important;
bottom: 0px!important;
height: 50px!important;
}
.nf-error .nf-error-msg {
color: #000000 !important;
}
.nf-after-field .nf-error-msg {
margin-bottom: 25px;
}
.nf-pass.field-wrap .nf-field-element:after {
color: #ffffff !important;
}  .video-container {
position: relative;
padding-bottom: 56.25%;
height: 0; overflow: hidden;
margin-top: 0px;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ytp-gradient-top, .ytp-chrome-top, .player .vp-sidedock {
display: none !important;
}
.video-info {
margin-top: 40px;
}  .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale {
display: none !important;
}  @media only screen and (min-width: 480px) {	
p { 
font-size: 17px;
}
.chunky-yellow-small, .chunky-black-small, .chunky-white-small {
font-size: 32px !important;
}
.mobile-half {
width: 50%;
padding-bottom: 0px;
}
.founder {
position: absolute;
right: 5px;
bottom: 0px;
z-index: 1;
width: 250px;
height: 436px;
background-image: var(--founder);
background-size: 100%;
display: block;
margin-bottom: 0;
}
.founder-animated {
position: absolute;
right: 20px;
bottom: 100px;
z-index: 2;
width: 67px;
height: 56px;
background-image: var(--founder-animated);
background-size: 100%;
display: block;
margin-bottom: 0;
}
.slim-col {
width: 50%;
}
#who-we-are-yellow-section {
width: 75%;
}
} @media only screen and (min-width: 550px) {	
.founder {
right: 50px;
}
.founder-animated {
right: 50px;
}
} @media only screen and (min-width: 769px) {	
p { 
font-size: 20px;
}
.who-we-are p {
font-size: 22px;
padding-right: 50px;
}
.founder {
right: 50px;
z-index: 1;	
width: 311px;
height: 543px;
}
.founder-animated {
right: 50px;
z-index: 2;
width: 83px;
height: 69px;
bottom: 125px;
}
.scroll-down {
background-image: var(--scroll-down);
background-size: auto 40px;
}
.chunky-black, .chunky-yellow, .chunky-white, h1.chunky-white {
font-size: 70px;
}
.chunky-yellow-small, .chunky-black-small, .chunky-white-small, #footerNav li  {
font-size: 34px !important;
}
.chunky-yellow-medium {
font-size: 55px !important;
}
.responsive-menu-label {
font-size: 20px;
}
.menu-black-small {
font-size: 28px !important;
}
#responsive-menu-container #responsive-menu-additional-content {
background-color: var(--background-primary);
width: 50%;
right: 0;
padding: 0 !important;
height: 100%;
position: absolute;
top: 0;
display: block;
}
button#responsive-menu-button {
width: 50px !important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
font-size: 38px;	
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a {
padding-left: 100px;
height: 70px;
}
.fun_boring {
padding: 10px 25px;
}
.pacman {
background-size: 300px;
width: 300px !important;
margin-left: 100px !important;
} #body-wrapper {
padding: 0 50px;
}
.inner-left {
padding-left: 50px !important;
}
.body-content-1-2-col {
width: 49%;
padding-right: 50px;
margin-bottom: 0;
}
.body-content-1-2-col:last-child {
width: 49%;
padding-right: 0px;
padding-left: 50px;
}
.body-content-1-3-col {
width: 32%;
padding-left: 25px
}
.body-content-2-3-col {
width: 66%;
padding-right: 25px;
}
.slim-col {
width: 66%;
}
.body-content-1-4-col {
width: 25%;
}
.mini-padding {
padding: 100px 0 !important;
}
.offset-right {
left: 50px;
margin-right: 50px;
}
.offset-left {
right: 50px;
margin-left: 50px;
}
.overlap-block-right, .overlap-block-right-full-height {
right: -50px;
width: 50px;
}
.overlap-block-left, .overlap-block-left-full-height {
left: -50px;
width: 50px;
}
.overlap-block-left-full-height-one-third {
left: -50px;
width: 33%;
height: 100%;
padding-left: 17px;
}
#who-we-are-yellow-section {
padding: 0px;
display: inline-block;
width: 33%;
left: -50px;
}
#who-we-are-black-section {
padding: 50px 0px;
display: inline-block;
width: 65%;
left: 0;
}
.joe-lyons {
position: absolute;
right: 10%;
z-index: 1;	
max-width: none;
bottom: -71px;
width: 363px;
height: 284px;
}
.shareholder-one {
display: block;
bottom: -50px;
z-index: 1;
width: 363px;
height: 284px;
}
.overflow-mobile {
overflow: visible;
}
.shareholder-two, .shareholder-four {
z-index: 1;
width: 245px;
height: 284px;
}
.mobile-half {
width: 33%;
float: none;
}
.matchstick-footer {
width: 193px;
height: 104px;
}
img.matchstick-social {
max-width: 52px;
margin:  20px 5px 0 0;
}
.footer-spacing {
padding-top: 144px;
}
#clientName  {
margin-bottom: -35px;
padding-left: 50px;
}
#clientImage {
width: 50%;
padding: 0 0 0 50px;
display: inline-block;
box-sizing: border-box;	
}
#clientImageMobile {
display: none;
}
#clientGallery  {
width: 100%;
}
#clientSocial {
width: 33%;
padding-left: 16%;
vertical-align: bottom;
display:  inline-block;
position: relative;
z-index: 10;
}
#clientSocialBlue {
width: 33%;
vertical-align: top;
display:  inline-block;
position: relative;
z-index: 10;
padding-left: 25px;
box-sizing: border-box;
}
#clientSocialMobile, #clientSocialBlueMobile {
display: none;
} .nf-form-content input[type=button] {
font-size: 35px !important;
padding: 25px !important;
margin-top: -12px;
}
} @media only screen and (min-width: 964px) {
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
font-size: 48px;	
} .who-we-are p {
font-size: 24px;
}
.founder {
right: 100px;
}
.founder-animated {
right: 100px;
}
.footer-content-1-2-col {
width: 49%;
}
#ParaColOne, #ParaColTwo, #ParaColThree {
width: 33%;
margin: 0 -5px;
display: inline-block;
top: 0px;
z-index: 10;
position: relative;
}
#ParaColOne {
top: -450px;
}
#ParaColTwo{
top: -350px;
}
#ParaColThree {
top: -300px;
}
#ParaColOneMobile, #ParaColTwoMobile, #ParaColThreeMobile {
display: none;
}
.mental-health-links {
text-align: center;
} } @media only screen and (min-width: 1200px) {
.chunky-yellow-small, .chunky-black-small  {
font-size: 38px !important;
}
} @media only screen and (min-width: 1300px) {
.founder {
right: 200px;
}
.founder-animated {
right: 200px;
}
}
  article, aside, details, figcaption, figure, footer, header, hgroup, nav { display: block; }
section { display: inline-block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }  html { font-size: 20px; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 18px; line-height: 150%; font-weight: normal !important; }
body, button, input, select, textarea { color: #000000; }   a { color: #000000; }
a:visited { color: #000000; }
a:active { color: #000000; }
a:hover { color: #000000; }
a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: normal; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 16px; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; } ul, ol { margin: 0; padding: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }  img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 16px; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }   .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } @media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; font-weight: 100; }
}.theme-fun {
--background-primary: #fff000;
}
.theme-boring {
--background-primary: #ffffff;
} .slides,
.slides > li {
margin: 0;
padding: 0;
list-style: none;
} .clientGallery {
margin: 0;
padding: 0;
}
.clientGallery .slides > li {
-webkit-backface-visibility: hidden;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center center;
background-color: #000000;
position: relative;
overflow: hidden;
width: 100%;
}
.clientGallery .slides img {
width: 100%;
display: block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; 
filter: var(--grayscale);
}
.clientGallery .slides img:hover {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; 
}
.clientGallery .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .clientGallery {
margin: 0;
position: relative;
zoom: 1;
}
.clientGallery .slides {
zoom: 1;
}
.clientGallery .slides img {
height: auto;
-moz-user-select: none;
}
.clientGallery p {
height: 100%;
}
.gallery-central-block-holder {
height: 100%;
overflow: hidden;
}
.gallery-central-block-holder:hover {
height: 100%;
}
.gallery-central-block-holder:hover img {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; 
filter: alpha(opacity=70);
-moz-opacity: .7;
-khtml-opacity: .7;
opacity: .7;
transform: scale(1.1);
}
.gallery-central-block {
width: 100%;
display: block;
font-size: 34px;
position: absolute;
z-index: 1;
color: var(--background-primary);
box-sizing: border-box;
text-align: center;
padding: 0 20px;
top: 42%;
text-transform: uppercase;
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; 
word-spacing: 999999px;
line-height: 100%;
}
.gallery-central-block-holder:hover .gallery-central-block {
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; 
animation:zero 0.2s forwards linear;
}
@keyframes loading {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
@media only screen and (min-width: 550px) {
.clientGallery .slides > li {
background-size: auto 100%;
background-repeat: no-repeat;
width: 50%;
float: left;
}
.gallery-central-block {
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.gallery-central-block-holder:hover .gallery-central-block { 
animation:loading 0.2s forwards linear;
}
@media only screen and (min-width: 769px) {
.clientGallery .slides > li {
width: 50%;
}
@media only screen and (min-width: 964px) {
.clientGallery .slides > li {
width: 33%;
}
}
@media only screen and (min-width: 1200px) {
.clientGallery .slides > li {
width: 25%;
}
}