square/* base
----------------------------------------------- */


body {
  background: #faf9f4;
  color: #1f1f1f;
  font-size: 1.15em;
  line-height: 1.8em;
  -webkit-text-size-adjust: 100%;
  font-family: europa;
  text-rendering: optimizeLegibility;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:100%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: europa;
}

h1 {
  font-weight: 900;
  font-size: 8.4em;
  line-height: .8em;
  text-align: left;
  margin: 24px 0;
}

h2, .hero p {
  font-weight: 100;
  font-size: 3em;
  line-height: 1.2em;
  margin: 0 0;
}


h3 {
  font-weight: 600;
  font-size: 2.7em;
  line-height: 1.1em;
  margin: 24px 0;
}


h4 {
  font-weight: 600;
  font-size: 1.2em;
  margin: 12px 0 4px;
}

.work-history-example h4 {
	padding: 24px 0 0;
}


h5 {
  font-size: 1.2em;
  font-weight: 400;
  margin: 12px 0;
}

h6 {
  font-size: 1.1em;
  margin: 0 0;
  font-weight: 100;
}

.experience-list ul {
	padding-left: 17px;
}

header {
	padding: 12px 0;
}

.hero img {
	width: 100%;
	height: inherit;
}

.hero .forty {
	padding: 0;
	margin: 0;
}

.hero a.button {
	margin-top: 24px;
}

a.button { 
	padding: 8px 24px;
	border-style: solid;
	display: inline-block;
	border-width: 2px;
	line-height: 1.1em;
	text-transform: uppercase;
	font-weight: 500;
	text-decoration: none;
}

.pills {
	margin: 0;
	padding: 0;
}

.pills li {
	font-size: .8em;
	list-style-type: none;
	display: inline-block;
	padding: 4px 12px;
	border-style: solid;
	display: inline-block;
	border-width: 1px;
	line-height: 1.1em;
	font-weight: 500;
	text-decoration: none;
	border-radius: 80px;
	margin-bottom: .5em;
}

.hero p.button-p, .button-p {
	margin: 0px;
	padding: 0px;
	font-size: .6em;
}

.wp-block-group, .wp-block-columns {
	padding: 24px 24px;
	}

.about-hero, .experience-hero {
	padding-top: 64px;
	padding-bottom: 64px;
}

.about-hero {
	background-color: #F0EFEB;
}

.testimonial {
	color: #fff;
	background: #7A7369 url(../images/top_border.png) 0 0 repeat-x;
	padding: 64px 64px;
}	
	
.testimonial-1 {
	background-color: #FF8D7D;
}

.testimonial-2 {
	background-color: #F2BA60;
}

.testimonial-3 {
	background-color: #38CEFE;
}

.header-group {
	padding: 0;
	margin: 0;
}

.gallery-home {
	width: 100%;
}
.gallery-home-container {
	margin-bottom: 24px;
}


.gallery-entry {
	margin: 0 1% 0 0;
	width: 32.33%;
	float: left;
}

.gallery-entry-container {
	border-radius: 12px;
	background-color: #353535;
}

.gallery-entry-container:hover {
	background-color: #1f1f1f;
}

.gallery-entry a {
	display: block;
	border-radius: 12px;
}

a.gallery-text {
	color: #e1e1e1;
	padding: 12px;
	text-decoration: none;
}

a.gallery-text .company {
	color: #e1e1e1;
}

a.gallery-text .initiative-name {
	color: #38CEFE;
	display: block;
}

.gallery-entry a.gallery-text:hover span {
	text-decoration: none;
}

.gallery-image img {
	display: block;
	border-radius-top-left: 12px;
}
.gallery-entry span {
	display: block;
}


.case-study-entry {
	margin: 0 0 24px;
}

.case-study-entry a {
	background-color: #F9F9F7;
	border-radius: 8px;
	padding: 24px;
	display: block;
	text-decoration: none;
}

.case-study-entry a:hover {
	background-color: #F0F0EE;
	text-decoration: none;
	color: #000;	
}
.case-study-entry h3 {
	margin: 4px 0 12px;
}

.case-study-image {
	text-align: center;
}

.case-study-entry img {
	max-width: 350px;
	text-align: center;
}

.case-study-5 img {
	max-width: 550px;
	border-bottom: 1px #CACACA solid;
}

.case-study-entry h4 {
	color: #989898;
}
.case-study-entry h5 {
	font-size: 1em;
	margin: 12px 0 4px;
	font-weight: 600;
}
.case-study-entry p {
	margin: 2px 0 4px;
}

.work-entry {
	border-top-style: solid;
	border-top-width: 1px;
	border-color: #CACACA;
	padding: 12px 0 12px;
	clear: both;
}
	
.work-history-example {
	border-top-style: solid;
	border-top-width: 1px;
	border-color: #CACACA;
	padding: 0;
	margin: 24px;
	}
	
.work-experience div {
	padding-bottom: 12px;
	}
	
.hero-about {
	margin: 24px 0 48px;
}	
	
	
.white {
  display: inline-block;
  background-color: #faf9f4;
}

.clients-cols, .widget_links {
  font-size: .85em;
}

blockquote, h3, p, li {
	padding-right: 10px;
}

blockquote {
	margin-right: 0;
	margin-left: 20px;
}

em {
	font-style: italic;
	font-family: merriweather;
}

i {
  font-style: italic;
}

hr.bevel {
  background: #A6A69B;
  border:0;
  clip:rect(5px 100% 6px 0);
  height:10px;
  left:0px;
  line-height:10px;
  width:inherit;
  top:inherit;
}

small, .small {
	font-size: 0.9em;
}

/* links
----------------------------------------------- */

a, a:visited {
  color: #000;
  text-decoration: underline;
}

a:hover {
  color: #00C0FD;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	border: none;
}



/* layout invisible
----------------------------------------------- */

#skip, .hidden {
	position: absolute;
	top: -10000px;
}

.replace {
	display:block;
	height:0 !important;
	overflow:hidden;
	padding-top: ;
	width: ;
}


/* layout
----------------------------------------------- */

.gallery-container {
	padding: 24px;
}

.container {
  max-width: 1800px;
  padding: 0 24px;
}

.work-container {
  margin: 0 auto;
  overflow: hidden;
}

#wrapper {
	font-size:1.1em;
	line-height:1.6em;
	margin-left: auto;
	margin-right: auto;
}

.one-third {
  width: 33%;
  float:left;
}
.half {
	width: 50%;
	float: left;
}
.two-third {
	width: 66%;
	float: left;
}

.forty {
  width: 40%;
  float:left;
}
.sixty {
	width: 60%;
	float: left;
}


#footer {
	padding: 48px 0;
}

.even, .odd {
  padding-top: 64px;
  padding-bottom: 64px;
}

.even {
  background: transparent url(../images/top_border.png) 0 0 repeat-x;
}

.odd {
  background: #f0efeb url(../images/bottom_border.png) 0 0 repeat-x;
}

.hero-home  {
	border-top: 1px solid #E1E1E1;
	background: #f0efeb url(../images/intro-sm.png) center right no-repeat;
}

.legacy-hero {
	background-color: #F9F9F7;
	border-top: 1px solid #cacaca;
	margin-top: 64px;
}

.legacy-hero img {
	border-bottom: 1px #CACACA solid;
}

ul.really_simple_twitter_widget li {
	text-align: center;
	font-size: 1.3em;
	line-height: 1.2em;
  padding-bottom: 60px;
  margin-bottom: 40px;
  background: transparent url(../images/hrx.png) bottom center no-repeat;
}

.time-meta, time-meta a {
	display: block;
	text-decoration: none;
	padding-top: 15px;
	color: #7c7c7c;
	font-style: italic;
	font-size: .9em;
}

abbr[title] {
	border-bottom: 0px none;
} 

.widget_twitter .bx-pager {
	display: none;
}

.widget_twitter .bx-wrapper {
	margin-bottom: 10px;
}

.two-up {
	margin: 0 -50px;
	width: 800px;
}
.two-up-item {
	float: left;
	width: 50%;
}
.two-up-item p {
	padding-right: 20px;
	font-size: .8em;
	line-height: 1.8em;
}


/* navigation
----------------------------------------------  */

.logo-nav-home .logo {
	float: none;
	margin: 80px auto 0;
	width: 390px;
}
.logo-nav-home .navigation {
	float: none;
	padding: 30px 15px 50px 0;
	margin: 50px auto 40px;
	width: 515px;
}

.logo-nav-home .logo a {
	height: 120px;
	background-position-y: 10px;
	font-size: 1.3em;
}

.logo-nav-home .logo a {
  padding: 10px 0;
  margin: 0 auto;
  height: 200px;
  width: 335px;
  background: transparent url(../images/logo_stacked_light.png) center center no-repeat;
  display: inline-block;
}

.logo a {
  padding: 10px 0;
  margin: 0 auto;
  height: 80px;
  width: 530px;
  background: transparent url(../images/logo-sm.svg) center center no-repeat;
  display: inline-block;
}

.logo {
	float: left;
}

.navigation {
	float: right;
	padding: 30px 15px 0 0;
}

#menu-primary-menu a {
	text-decoration: none;
	text-transform: uppercase;
	font-family: europa;
	
}
#menu-primary-menu .current_page_item a, .current-menu-item a {
	color: #FF8D7D;
}

.menu-item a:hover {
	color: #00c2fd;
}
​

/* navigation-foot
----------------------------------------------  */

#vacancy {
  font-size: 1.2em;
}

.footer {
	font-size: .9em;
}

.good-news {
  padding-bottom: 40px;
  margin-bottom: 40px;
  background: transparent url(../images/hrx.png) bottom center no-repeat;
}


/* overrides
----------------------------------------------- */

.clear {
	clear: both;
}

.center {
  text-align: center;
}

.left-align {
  text-align: left;
}

.right-align {
  text-align: right;
}

.left {
  float: left;
}

.right {
  float: right;
}


.upper {
  text-transform: uppercase;
}



/* sidebar content
----------------------------------------------- */

ul.xoxo, ul.simple, .simple li, .xoxo li {
  list-style-type: none;
  padding: 0 0 8px 0;
  margin: 0;
}

#likes-cols .widget-container {
  float: left;
  width: 25%;
}

#linkcat-2, #linkcat-5, #linkcat-6, #linkcat-7 {
  padding-top: 230px;
}


#linkcat-2 {
  background: transparent url(../images/movies.png) 0 0 no-repeat;
  text-align: left;
}

#linkcat-5 {
  background: transparent url(../images/music.png) 0 0 no-repeat;
  text-align: center;
}

#linkcat-6 {
  background: transparent url(../images/books.png) 0 0 no-repeat;
  text-align: center;
}

#linkcat-7 {
  background: transparent url(../images/games.png) 0 0 no-repeat;
  text-align: right;
}

/* process content
----------------------------------------------- */


.process-content {
  margin: 0;
  padding: 0;
}

.process-content li {
  margin: 0 0 20px -10px;
  padding: 0;
  width: 685px;
  list-style-type: none;
} 

.process-content a {
  display: block;
}

.process-content img {
  width: 665px;
  height: auto;
  border: 10px solid #f0efeb;
}

.caption {
	font-size: .8em;
	text-align: center;
	padding: 0 0 20px;
	font-style: italic;
}


/* gallery content
----------------------------------------------- */

article, .post {
  clear: both;
  margin: 0 0 80px;
}

.gallery-content {
  overflow: hidden;
  padding-left: 5px;
}

.gallery-content li {
  float: left;
  overflow: hidden;
  margin: 0 0 20px;;
  padding: 0;
  width: 342px;
  min-height: 340px;
}

.gallery-content p {
  text-align: center;
  font-size: .8em;
  line-height: 1.4em;
  padding: 5px 20px 10px;
  margin: 0 0;
}

.gallery-content p.project-text {
  font-size: 1.2em;
  padding: 5px 0;
  margin: 0 0;
}

.gallery-content a {
  display: block;
  padding: 2px;
  background-color: #f0efeb;
  border: 1px solid #ebeae8;
}

.gallery-content a:hover {
  background-color: #e2e2df;
}

.case-studies-callouts ul {
	margin-left: -50px;
}

.case-studies-callouts li {
	list-style-type: none;
	display: block;
  margin: 0 0 20px;;
  padding: 0;
}

.case-studies-callouts li a {
	display: block;
	width: 93%;
	height: 400px;
  padding: 10px;
  margin: 10px 10px 20px;
  background-color: #f0efeb;
  border: 10px solid #ebeae8;

}


.is-style-rounded img {
	border: 1px #cacaca solid;
	border-radius: 8px;
}

.wp-block-columns {
	margin-bottom: 0;
}

.cs a:hover {
	opacity: 1;
}

.cs span {
	display: none;
}

a.clean {
display: inline;
margin:0;
padding: 0;
background-color: transparent;
border: 0px transparent;
}

.gallery-content img {
  width: 300px;
  height: auto;
}


.gallery-content .wp-caption {
  min-height: 300px;  
}

.wp-caption {
  border: 1px solid #fff;
  text-align: center;
  background: transparent;
  padding: 10px;
  margin: 10px;
}




/* masonry
----------------------------------------------- */



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


/* case study display
----------------------------------------------- */





/* responsive rules
----------------------------------------------- */

@media screen and (max-width:771px) {
	body {
		font-size: .95em;
	}
	h1 {
		font-size: 3.4em;
	}
	h2, .hero p {
		font-size: 1.8em;
		padding-bottom: 12px;
	}
	h3 {
		font-size: 2em;
	}
	h4 {
		font-size: 1em;
		margin: 0;
		padding: 12px 0;
	}
	
	.hero-home  {
		background: #f0efeb url(../images/intro-sm.png) 500px center no-repeat;
	}
	
	#menu-primary-menu {
		float: right;
	}

	.menu-item-879 {
		display: none;
	}
	
	.about-hero, .experience-hero {
		padding-top: 48px;
		padding-bottom: 48px;
		margin-bottom: 48px;

	}
	
    .slider {
	    width: 100%;
	    margin: 0 0;
    }
    
    .clients-cols .center, .clients-cols .left-align, .clients-cols .right-align {
	    text-align: center;
    }
    
    .fl-module img {
	    height: auto;
    }
	.wp-block-columns {
		gap: .1em!important;
    }
    .beliefs {
	    padding: 0px 24px;
    }
    
    .beliefs p {
	    margin: 0px 0 1em;
	    
    }
    .social-feed {
	    width: 60%;
	    margin: 0 20%;
    }
    .work-container {
	    width: 90%;
        margin: 0 5%;
    }
    .gallery-content li, .case-studies-callouts li {
		float: none;
		margin: 0 0 20px;
		padding: 0;
		width: 100%;
		min-height: auto;
	}
	.gallery-content img {
		width: 100%;
		height: auto;
	}
	.process-content li {
	  margin: 0 0;
	  width: 100%;
	} 
	.process-content img {
	  width: 96%;
	  border: 10px solid #f0efeb;
	}
	.caption {
		font-size: .8em;
	}
	.logo a {
		width: 135px;
		background: transparent url(../images/logo-sm.png) 10px center no-repeat;
		margin: 0 24px 0 auto;
	}
	.navigation {
		float: none;
	}
	.wp-image-244 {
		width: 95%;
	}
	.two-up {
		margin: 0;
		width: 100%;
	}
	.two-up-item {
		float: none;
		width: 100%;
	}
	.two-up-item p {
		padding-right: 10px;
		font-size: .8em;
		line-height: 1.8em;
	}
	
	.grid-sizer,
	.grid-item {
	  width: 100%;
	}
	
	.hovereffect a.cs-mobile {		
		display: block;
		width: 100%;
		height: 100%;
	}

	.hovereffect {
	  width: 100%;
	  height: 100%;
	  float: left;
	  overflow: hidden;
	  position: relative;
	  text-align: center;
	  cursor: default;
	  font-family: europa;
	
	}
	
	.hovereffect .overlay {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  overflow: hidden;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  background-color: rgba(0,0,0,0.6);
	  opacity: 1;
	  filter: alpha(opacity=1);
	  -webkit-transition: all 0s 0.0s ease-in-out;
	  transition: all 0s 0.0s ease-in-out;
	}
	
	.hovereffect img {
	  display: block;
	  position: relative;
	  -webkit-transition: all 0.2s ease-in;
	  transition: all 0.2s ease-in;
	}
	
	.one-third {
	  width: 100%;
	  float:none;
	}
	.half {
	  width: 100%;
	  float:none;
	}
	.two-third {
	  width: 100%;
	  float:none;
	}


	.forty {
	  width: 100%;
	  float:none;
	}
	.sixty {
	  width: 100%;
	  float:none;
	}

	
}


@media screen and (max-width:1500px) {
	.hero-home  {
		background: #f0efeb url(../images/intro-sm.png) 700px center no-repeat;
	}
	
}


@media screen and (max-width:1100px) {
	.hero-home  {
		background: #f0efeb url(../images/intro-sm.png) 360px center no-repeat;
	}
	.menu-item-879 {
		display: none;
	}
	
}

@media screen and (max-width:800px) {
	.hero-home  {
		background: #f0efeb url(../images/intro-sm.png) 760px center no-repeat;
	}
	.gallery-entry {
		width: 100%;
		float: none;
		margin: 24px 0;
	}
	
}



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

	.grid-sizer,
	.grid-item {
	  width: 25%;
	}
	

	.logo-nav-home .logo {
		float: none;
		margin: 80px auto 0;
		width: 1000px;
	}

	
	
}