/*!
Theme Name: ideology
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ideology
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ideology is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin: 0 0 20px 0;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: inherit;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.taligncenter {
	text-align:center;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* Brand Ideology */


@font-face {
  font-family: 'GabrielaStencil-Black';
  src: url('fonts/GabrielaStencil-Black.eot?#iefix') format('embedded-opentype'),  url('fonts/GabrielaStencil-Black.otf')  format('opentype'),
	     url('fonts/GabrielaStencil-Black.woff') format('woff'), url('fonts/GabrielaStencil-Black.ttf')  format('truetype'), url('fonts/GabrielaStencil-Black.svg#GabrielaStencil-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	font-family: "museo-slab";
	font-weight:300;
	font-size:20px;
	color:#000; }

h2 {
	font-family: 'GabrielaStencil-Black';
	font-size:58px;
	line-height:1;
	margin:0 0 40px 0;}
.internal-container h2 {
	font-size:60px;
}
h3 {
	font-family: 'GabrielaStencil-Black';
	font-size:24px;
	line-height:1;
	margin:0 0 10px 0;}
h4 {
	font-weight:100;
	font-size:34px;
	padding:0;
	margin:0;
	line-height:1.1;}
h5 {
	font-family: "museo-slab";
	font-weight: 300;
	font-size: 25px;
	padding-top: 15px;
	margin: auto;
	line-height: 1.1;
	}

.col {
	display:inline-block;
	vertical-align:top;
	padding:20px 10px;
	position:relative; }
.col-4 {
	width:24%;
	height:265px;
	font-size:22px;
	line-height:1.2;
	padding:20px 10px 0 15px;}
.col-4-m {
	margin:0 1.33% 0 0;
	}
a.col-4-link {
	text-decoration:none;
}
.bgy {
	background-color:#fff216;
	color:#000;}
.read-more {
	font-weight:700;
	font-size:15px;
	display:block;
	width:calc(100% - 20px);
	position:absolute;
	bottom:20px;
	left:10px;
	line-height:30px;
	text-decoration:none;
	background:url(images/IDEO-Arrow-Primary.png) no-repeat center right;
	background-size:contain;
	transition:background .5s;}
.read-more:hover {	
	background:url(images/IDEO-Arrow-Hover.png) no-repeat center right;
	background-size:contain;}
.col-4 .read-more {
	left:15px;
	width:calc(100% - 30px);
	bottom:10px;
	line-height:50px;
	font-weight:700;
}
.two-col {
	column-count:2;}
header {
	background:#fff;
	width:100%;
	padding:20px 2%;
	position:relative;}

header img {
	width:145px;
	height:auto;
	float:left;}

header .menu-primary-nav-container {
	position:absolute;
	right:2%;
	bottom:28px;
	font-weight:700;
	font-size:15px;
	text-transform:uppercase;}
	
header #primary-menu {
	list-style-type:none;
	text-align:right;
	margin:0;
	padding:0;
	vertical-align:middle;}

header #primary-menu {
	list-style-type:none;
	text-align:right;
	margin:0;
	padding:0;
	vertical-align:middle;}

header #primary-menu li {
	display:inline-block;
	padding:0 15px;
position: relative;
	float:left;
}

header #primary-menu li ul{
	position: absolute;
		top: 22px;
		left: 0px;
	margin: 0px;
	padding: 20px;
	z-index: 9999;
	width: 400px;
	text-align: left;
	line-height: 2;
	background-color: white;
	display: none;
}

header #primary-menu li ul li {
	display: block;
	float: none !important;
	border: 0 !important;
	padding: 0 !important;
}

header #primary-menu li:hover ul {
	display: block;
}
	
header #primary-menu li a {
	text-decoration:none;
	border-bottom:2px solid #fff;
	transition:all .5s;}
header #primary-menu li a:hover {
	color:#666;
	border-bottom:2px solid #666;}
header #primary-menu li.current-menu-item a {
	color:#666;
	border-bottom:2px solid #666;}
.banner {
	width:100%;
	position:relative;
	height:calc(70vh - 99px);
	background-color: #fff216;
	background-size:35%;}
.banner-bg {
	 background:#fff216 url(https://brandideology.com.au/wp-content/uploads/2019/10/yellowheader.png) no-repeat -40px 50%;
	 position:absolute;
	 top:5%;
	 left:0;
	 background-size:contain;
	 width:45%;
	 height:90%;
	 background-size:contain;	
}
.banner-bg-b {
	 background: url(https://brandideology.com.au/wp-content/uploads/2019/11/Document-cover.png) no-repeat 0px 50%;
	 position:absolute;
	 top:5%;
	 right:61%;
	 background-size:contain;
	 width:300px;
	 height:90%;
	 background-size:contain;	
}

.banner .down-arrow {
	width: 40px;
	height:60px;
	background:url(images/IDEO-Down-Primary.png) no-repeat 0 0;
	background-size:contain;
	position:absolute;
	bottom: 5px;
	left:50%;
	transform:translateX(-50%);
	transition:all .5s;
	}
.banner-2 {
	width:100%;
	position:relative;
	height:calc(100vh - 585px);
	background: url(https://brandideology.com.au/wp-content/uploads/2019/10/yellowID.png) no-repeat 100%;
	background-size:100%;}
.banner .down-arrow:hover {
	background:url(images/IDEO-Down-Hover.png) no-repeat 0 0;
	background-size:contain;
}

.banner-3 {
	width:100%;
	position:relative;
	height:calc(100vh - 585px);
	background: url(https://brandideology.com.au/wp-content/uploads/2019/10/thingheader.jpg) no-repeat 100%;
	background-size:100%;}
/* .banner .headline {
	position:absolute;
	top:50%;
	right:2%;
	transform:translateY(-50%);
	font-family: 'GabrielaStencil-Black';
	font-size:60px;
	line-height:1.1;
	width:620px;
	z-index:1;}
*/

.banner .headline2 {
	position:absolute;
	top:50%;
	left:47%;
	transform:translateY(-50%);
	font-family: 'GabrielaStencil-Black';
	font-size:50px;
	line-height:1.1;
	padding:0 5% 0 0; }
.container {
	width:1100px;
	position:relative;
	margin:80px auto;}

.banner .headlinenew {
	position:absolute;
	top:50%;
	left:47%;
	transform:translateY(-50%);
	font-family: 'GabrielaStencil-Black';
	font-size:50px;
	line-height:1.1;
	padding:0 5% 0 0; }
.container {
	width:1100px;
	position:relative;
	margin:80px auto;}



.banner .headline {
	position:absolute;
	top:50%;
	left:47%;
	transform:translateY(-50%);
	font-family: 'GabrielaStencil-Black';
	font-size:60px;
	line-height:1.1;
	padding:0 5% 0 0; }
.container {
	width:1100px;
	position:relative;
	margin:80px auto;}

.home-thinking {
	border-top:0px solid #000;
	margin:60px 0;
	padding:20px 0;}
.home-work {
	border:0;
}
.thinking-container {
	/* height:550px; */
	position:relative;
	margin:40px 0;}
.thinking-container .thinking-image {
	width:52%;
	float:left;
	height:100%;
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center center;
	overflow:hidden;}
.thinking-image img {
	transition:all .5s;
}
.thinking-image:hover img {
	transform:scale(1.1);
}
.thinking-container .thinking-text {
	width:48%;
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	padding:0 0 0 5%;
	font-size:18px;}
.thinking-container .thinking-text a {
	text-decoration:none;
	border-bottom:2px solid #fff;
	transition:all .5s;}
.thinking-container .thinking-text h2 a:hover {
	color:#666;
	border-bottom:2px solid #666;
}
.thinking-container .thinking-text b {
	font-weight:700;
	font-size:16px;}
.thinking-container .thinking-text h2 {
	font-size:40px;
	margin:20px 0;
	line-height:1.1;}
.thinking-container .thinking-text .read-more {
	position:relative;
	bottom:0;
	left:0;
	width:140px;
	background:url(images/IDEO-Arrow-Primary.png) no-repeat center right;
	background-size:contain;
	line-height:2;
	transition:background .5s;
	border:0;
}
.thinking-container .thinking-text .read-more:hover {
	background:url(images/IDEO-Arrow-Hover.png) no-repeat center right;
	background-size:contain;
	color:inherit;
	border:0;
}
.thinking-container:nth-child(even) .thinking-image {
	float:right;}
.thinking-container:nth-child(even) .thinking-text {
	left:0;
	padding:0 5% 0 0;
}
.yellow-box {
	background:#fff216;
	padding:0px 0;
	font-family: 'GabrielaStencil-Black';
	font-size:38px;
}
.yellow-box span {
	width:1100px;
	display:block;
	margin:0 auto;
	text-align:center;}
.alt-yellow-box span {
	width:auto;
	display:inline-block;
	margin:0;}
.alt-yellow-box {
	font-size:20px;
	padding:100px 0;}
.yellow-box ul {
	padding:0;
	text-align:center;
	list-style-type:none;
	width:70%;
	margin:0 auto;	}
.yellow-box ul li {
	border-top:1px solid #000;
	padding:10px 0;}
.yellow-box ul li:last-child {
	border-bottom:1px solid #000;}
.alt-yellow-box ul li {
	display:inline-block;
	width:48%;
	vertical-align:top;
	border-top:0;
	border-bottom:1px solid #000;
	text-align:left;
	font-family: 'museo-slab';
	font-weight:500;}
.alt-yellow-box ul li span {
	font-weight:100;
	font-family: "museo-slab";
}

h6 {
	font-family: 'GabrielaStencil-Black';
	font-size:2.8rem;
	line-height:1;
	margin:0 1px 40px 1px;}
.internal-container h6 {
	font-size:60px;
}

body.page-id-1871 blockquote, body.page-id-48 blockquote, body.page-id-248 blockquote, body.page-id-358 blockquote, body.page-id-442 blockquote, body.parent-pageid-358 blockquote, body.blog blockquote {
	margin:50px auto;
	padding: 50px 0;
	display:block;
	border-top:1px solid #000;
	border-bottom:1px solid #000;}
.bottom-border-none {
	border-bottom:0 !important;}
.both-border-none {
	border:0 !important;}
body.page-id-48 blockquote p, body.page-id-248 blockquote p, body.page-id-248 blockquote h3, body.page-id-248 blockquote h4, body.page-id-358 .split-panel, .sub-content p {
	width:85%;
	margin:0 auto 20px auto;}
.sub-content table {
	width:50%;
	margin:0 0 20px 80px;
}
body.page-id-48 blockquote strong, body.page-id-248 blockquote strong {
	font-family: 'GabrielaStencil-Black';
	font-size:36px;
	line-height:1.1;
	margin:40px 0 40px 0px;
	display:block;
}
body.page-id-1871 blockquote h4 {
	font-family: 'GabrielaStencil-Black';
	font-size:18px; }
body.page-id-1871 blockquote h3 {
	font-size:32px;
	margin:0 auto 50px auto;}
body.page-id-1871 blockquote hr {
	width:85%;
	margin:50px auto;
}

body.page-id-248 blockquote h4 {
	font-family: 'GabrielaStencil-Black';
	font-size:18px; }
body.page-id-248 blockquote h3 {
	font-size:40px;
	margin:0 auto 50px auto;}
body.page-id-248 blockquote hr {
	width:85%;
	margin:50px auto;
}


body.page-id-1858 blockquote h3 {
	font-size:40px;
	margin:0 auto 20px auto;}
body.page-id-1858 blockquote hr {
	width:85%;
	margin:50px auto;
}

body.page-id-48 blockquote p:last-child, body.page-id-248 blockquote p:last-child {
	margin-bottom:0;}
	
/* ABOUT */
.leadership-team h2, .client-logos h2, .challenges h2, .contact-form h2 {
	font-size:55px;
	margin:0 0 50px 0;}
.team-container {
	display:inline-block;
	width:50%;
	padding:0 5px;
	vertical-align:top;
	margin:0 0 30px 0;}

.team-container:hover strong {
	border-bottom:2px solid #666;
	color:#666;	
}

.leadership-team{
	margin-top: 50px;
}

.team-container:hover .team-thumbnail img {
	transform:scale(1.1);}
.team-container .team-thumbnail {
	height:350px;
	width:100%;
	overflow:hidden;
	margin:0 0 10px 0;}
.team-container .team-thumbnail img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all .5s; }
.team-container a {
	text-decoration:none;}
.team-container strong {
	font-family: 'GabrielaStencil-Black';
	font-size:22px;
	transition:all .5s;
	border-bottom:2px solid #fff;
}
.team-container img {
	width:100%;
	height:255px;
	object-fit:cover;}
.team-icons {
	display:block;
	margin:10px 0 0 0;
}
.team-icons a {
	text-decoration:none;}
.team-icons span {
	width:40px;
	height:40px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:0 0;
	display:inline-block;}
.team-icons .team-phone {
	background-image:url(images/IDEO-Phone-Primary.png);
	transition:all .5s;
}
.team-icons .team-email {
	background-image:url(images/IDEO-Mail-Primary.png);
	transition:all .5s;
}
.team-icons .team-linkedin {
	background-image:url(images/IDEO-LinkedIn-Primary.png);
	transition:all .5s;
}
.team-icons .team-map {
	background-image:url(images/IDEO-Map-Primary.png);
	transition:all .5s;
}
.team-icons .team-map:hover {
	background-image:url(images/IDEO-Map-Hover.png);
}
.team-icons .team-park {
	background-image:url(images/IDEO-Parking-Primary.png);
	transition:all .5s;
}
.team-icons .team-park:hover {
	background-image:url(images/IDEO-Parking-Hover.png);
}
.team-icons .team-phone:hover {
	background-image:url(images/IDEO-Phone-Hover.png);
}
.team-icons .team-email:hover {
	background-image:url(images/IDEO-Mail-Hover.png);
}
.team-icons .team-linkedin:hover {
	background-image:url(images/IDEO-LinkedIn-Hover.png);
}
.team-icons a:hover, .team-icons a {
	border:0 !important;
}
.hide-me {
	display:none;
	padding:50px;
	width:1050px;}
.hide-me h2 {
	margin:0 0 10px 0;
	font-size:55px;}
.hide-me .team-icons {
	margin:50px 0 0 0;}
.hide-me .team-icons span {
	margin:0;
	display:inline-block;
	vertical-align:middle;}
.hide-me span {
	display:block;
	margin:0 0 50px 0;
	text-transform:uppercase;
}
.hide-me .team-icons .team-email {
	margin:0 0 0 20px;}
.client-logos {
	border-top:none;
	margin:0px 0 0 0;
	padding:0px 0 0 0;}
.logo-gallery li {
	width:16.75%;
	height:180px;
	display:inline-block;
	vertical-align:top;
	border:1px solid #000;
	position:relative;
	margin:-0.5px;
}
.logo-gallery li img {
	position:absolute;
	max-width:calc(100% - 2px);
	max-height:calc(100% - 2px);
	top:1px;
	left:1px;}
/* WORK */
.work-thumbs, .logo-gallery {
	list-style-type:none;
	padding:0;
	margin:0;}

.work-thumbs li {
	width:48%;
	display:inline-block;
	vertical-align:top;
	margin:0 0 50px 0;
	overflow:hidden;}
	
.work-thumbs li:hover i {
	border-bottom:2px solid #666;
	color:#666;	
}
.work-thumbs li:hover .work-thumbnail img {
	transform:scale(1.1);}
.work-thumbs li .work-thumbnail {
	height:365px;
	width:100%;
	overflow:hidden;}
.work-thumbs li .work-thumbnail img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all .5s; }
.work-thumbs li span {
	font-family: "museo-slab";
	font-size:17px;
	font-weight:700;
	border-bottom:2px solid #fff;
	transition:all .5s;
	display:inline-block;
	margin:20px 0 10px 0;
	text-transform:uppercase;
}
.work-thumbs li i {
	font-style:normal;
	font-family: 'GabrielaStencil-Black';
	font-size:32px;
	line-height:1.1;
	width:95%;
	border-bottom:2px solid #fff;
	transition:all .5s;
}
body.single h3 {
	font-family: "museo-slab";
	font-weight:100;
	font-size:30px;
	text-transform:uppercase;
	padding:0;
	margin:0 0 50px 0;
	}
body.single blockquote {
	margin:0 0 50px 0;
	font-size:18px;
}
body.single blockquote p {
	margin:0;}
body.single blockquote strong, .video-heading {
	font-family: 'GabrielaStencil-Black';
	font-size:65px;
	line-height:1.1;
	margin:0 0 30px 0;
	display:block;
}
.container-single-thinking .thinking-article blockquote strong {
	font-family:inherit;
	font-size:inherit !important;
	margin:0;
	display:inline;
}
.video-heading {
	font-size:36px;
	padding-left:30px;
}
.container-single-thinking .thinking-article blockquote h6 {
	font-family: 'GabrielaStencil-Black';
	font-size:36px;
	line-height:1.1;
	margin:0 auto 30px auto;
	padding-left:30px;
	display:block;
	width:85%;
}
body.single .yellow-box {
	padding:80px 0;
}
body.single .yellow-box ul li {
	text-align:left;
}
body.single .work-gallery {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
}
body.single .work-gallery li {
	padding:0;
	margin:10px 0;
	display:inline-block;
}
.back-work {
	background:url(images/IDEO-Arrow-Left-Primary.png) no-repeat center left;
	background-size:contain;
	transition:background .5s;
	padding:5px 0 5px 45px;
	text-decoration:none;
	margin:50px 0 0 0;
	display:inline-block;
}
.back-work:hover {
	background:url(images/IDEO-Arrow-Left-Hover.png) no-repeat center left;
	background-size:contain; }
.further-info {
	border-top:1px solid #000;
	padding:50px 0 0 0;
	margin:50px auto 80px auto;}
ul.related-posts {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.related-posts li {
	display:inline-block;
	width:33%;
	vertical-align:top;}
ul.related-posts li:hover .work-image-thumb img {
	transform:scale(1.1);
}
ul.related-posts .work-image-thumb {
	width:100%;
	height:255px;
	overflow:hidden;
	margin:0 0 10px 0;
}
ul.related-posts .work-image-thumb img {
	width:100%;
	height:255px;
	object-fit:cover;
	transition:all .5s;}
ul.related-posts li:hover strong {	
	border-bottom: 2px solid #666;
    color: #666; }
    
ul.related-posts li strong {
	font-family: 'GabrielaStencil-Black';
	font-size:28px;
	letter-spacing:-2px;
	line-height:1.1;
	transition:all .5s;
	border-bottom:2px solid #fff;
}
ul.related-posts li a {
	text-decoration:none;}
	
/* EXPERTISE */

.split-panel {
	background:#fff216;
	height:350px;
	overflow:hidden;
}
.split-panel-image {
	width:60%;
	height:350px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	float:right;
	overflow:hidden;}
.split-panel-content {
	width:40%;
	float:left;
	font-size:28px;
	padding:40px 20px 0 20px;
	font-family: "museo-slab";
	font-weight:100;
	position:relative;
	height:350px;}
.split-panel .split-panel-image img {
	transition:all .5s;
}
.split-panel:hover .split-panel-image img {
	transform:scale(1.1);}
.split-panel-content a {
	text-decoration:none;}
.split-panel-content p {
	line-height:1.2;}
.split-panel-content .read-more {
	left:20px;
	width:calc(100% - 40px);
	line-height:50px;
	font-weight:700;}
.split-panel-content h3 {
	font-size:28px;}
.split-panel:nth-child(even) .split-panel-image {
	float:left;
}
.split-panel:nth-child(even) .split-panel-content {
	float:right;
}
.yellow-box .yb-col-4 {
	display:inline-block;
	width:25%;
	text-align:left;
	padding:0 10px;
	vertical-align:top;
}
.yellow-box .yb-col-4 ul {
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
	font-family: "museo-slab";
	font-weight:300;
	font-size:20px; }
.yellow-box .yb-col-4 ul li {
	border-top:0;
	border-bottom:1px solid #000;}

.borderbottom {
	border-top:0;
	border-bottom:1px solid #000;
	}

.yellow-box .yb-col-4 h4 {
	font-family: "museo-slab";
	font-weight:700;
	font-size:20px;
	margin:0 0 10px 0;
	text-transform:uppercase;}
.challenge-list {
	margin:0;
	padding:0;
	list-style-type:none;}
.challenge-list li, .sub-content table tr {
	border-top:1px solid #ccc;
	vertical-align:top;
	display:inline-block;
	width:100%;
}
.challenge-list li:last-child, .sub-content table tr:last-child {
	border-bottom:1px solid #ccc; }
.challenge-list li strong {
	font-weight:700;
	padding:20px 10px;
	float:left;}
.sub-content table tr td {
	font-weight:700;
	padding:10px 0;
	float:left;
}
.challenge-list li span, .sub-content table tr td:nth-child(2) {
	width:60%;
	float:right;
	border-left:1px solid #ccc;
	padding:20px 10px;
}
.fix-width-ul ul {
	width:1100px;
	line-height:1.2;}
h3.expertise-sub {
	font-family:inherit;
	font-weight:700;
	text-transform:uppercase;
	font-size:15px;
	margin:0 0 60px 0;
}
.sub-content h3 {
	font-size:40px;
	margin:0 auto 50px auto;
	width:85%;
}
.other-expertise .col-4 {
	font-size:22px;
	width:23.3%;
}

.other-expertise .col-4:last-child {
	margin:0;
}
/* THINKING */

body.blog .thinking-container {
	border-bottom:1px solid #000;
	padding-bottom:40px;
	height:590px;
}
body.blog .thinking-container .thinking-author, body.single .thinking-author {
	font-weight:700;
	font-size:15px;
	margin-top:40px;
}
body.blog .thinking-container .thinking-author img, body.single .thinking-author img {
	width:85px;
	height:85px;
	object-fit:cover;
	float:left;
	margin:0 10px 0 0;
}
body.blog .thinking-container .team-icons, body.single .thinking-author .team-icons {
	float:left;
	margin:0;
	padding:10px 0 0 0;}
body.blog .thinking-container .team-icons span, body.single .thinking-author .team-icons span {
	width:30px;
	height:30px;
	margin:5px 0 0 0;} 
body.blog .thinking-container:nth-child(even) .thinking-image {
	float:left;}
body.blog .thinking-container:nth-child(even) .thinking-text {
	right:0;
	left:auto;
	padding:0 0 0 5%;}
body.single .thinking-banner, body.parent-pageid-358 .expertise-banner, body.error404 .expertise-banner {
	width:100%;
	height:350px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;}
body.parent-pageid-358 .sub-content strong {
	display:block;
	margin:40px 0 20px 0;
}
.container-single-thinking h3 {
	font-weight:700 !important;
	font-size:15px !important;
}
.container-single-thinking h1 {
	font-weight:100;
	margin:0 0 50px 0;
	padding:0;
	line-height:1.2; }

.container-single-thinking .thinking-article blockquote {
	margin: 50px auto;
    padding: 50px 0;
    display: block;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000; }
.container-single-thinking .thinking-article blockquote p, .container-single-thinking .thinking-article blockquote h5  {
    width: 85%;
    margin: 0 auto 20px auto; }
.container-single-thinking .thinking-article ol {
	padding:0;
	width:83%;
	margin:0 auto 20px 102px;}
.container-single-thinking .thinking-article ol ul {
	margin:20px 0;
	padding:0;}
.container-single-thinking .thinking-article blockquote h5 {
	font-weight:700;
	font-size:20px;
	padding:0;
	margin-bottom:10px;
}
.container-single-thinking .thinking-article blockquote em {
	font-style:normal;
	font-weight:500;
}
.container-single-thinking .thinking-article blockquote h3 {
	font-family: 'GabrielaStencil-Black';
	font-size:60px !important;
	text-transform:none;
	padding:30px 0;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	margin:30px 0 50px 0;
	display:inline-block;
}
.container-single-thinking .thinking-article blockquote {
	border-bottom:0;}
/* CONTACT */
.office-locations {
	display:inline-block;
	width:24.5%;
	vertical-align:top;
	font-size:16px;
	min-height:300px;
	position:relative;}
.office-locations b {
	font-family: 'GabrielaStencil-Black';
	font-size:28px;
	display:block;
	margin:0 0 5px 0;
}
.office-locations .team-icons {
	position:relative;
	bottom:0;
	padding-top: 25px;
}
.contact-form input, .contact-form textarea {
	width:75%;
	border:1px solid #000;
	border-radius:0;
	outline:none;
	padding:10px;
	font-family:inherit;
	margin:0 0 10px 0;}
.contact-form input[type=submit] {
	border:1px solid #000;
	padding:15px 40px;
	width:auto;
	font-weight:700;
	background:#fff;
	transition:all .5s;
}
.contact-form input[type=submit]:hover {
	background:#000;
	color:#fff;
}
.contact-form .wpcf7-not-valid-tip {
	font-size:12px;
	width:auto;
	display:inline;
	margin:0 0 0 10px;
}
.contact-form .wpcf7-response-output {
	margin:0;
	width:75%;
	border: 1px solid #000;
	text-align:center;
	font-size:16px;
	padding:15px 0;
}
/* FOOTER */
footer {
	background:#fff;}
footer .get-in-touch {
	background:#fff216;
	padding:40px 0;
	position:relative;
	color:#000;
	font-family: 'GabrielaStencil-Black';
	text-align:center;
}
body.error404 footer .get-in-touch a {
	float:right;
}
footer .get-in-touch a {
	
	display:inline-block;
	background-size:contain;
	line-height:65px;
	text-decoration:none;
	font-size:55px;
	padding:0 0px 0 0;
	transition:background .5s;
}
footer .get-in-touch a.gohome {
	background:url(images/icon-arrow-white-left.png) no-repeat center left;
	display:inline-block;
	background-size:contain;
	line-height:65px;
	text-decoration:none;
	font-size:55px;
	padding:0 0 0 120px;
	transition:background .5s;
	float:left !important;
}
footer .get-in-touch a.gohome:hover {
	background:url(images/icon-arrow-white-left-hover.png) no-repeat center left;
	background-size:contain; }
footer .container {
	font-size:15px;}
footer .col-sml {
	width:20%;}
footer .col-sml:first-child {
	width:25%;}
footer .col-sml:nth-child(2) {
	width:25%;}
footer .col-med {
	width:30%;}
footer .col-sml:first-child, footer .col b {
	font-family: 'GabrielaStencil-Black';}
footer .col:nth-child(4) {
	font-family: 'GabrielaStencil-Black';
	text-align:right;}
footer .col:nth-child(4) a {
	border-bottom:2px solid #fff;}
footer .col:nth-child(4) a:hover {
	color:#666;
	border-bottom:2px solid #666;}
footer .col a {
	text-decoration:none;
	transition:all .5s;}
footer .sub {
	color:#666;}
footer .icon {
	display:inline-block;
	width:40px;
	height:40px;
	transition:background .5s;}
footer .icon-map {
	background:url(images/IDEO-Map-Primary.png) no-repeat 0 0;
	background-size:contain;
	margin:20px 0 0 0;}
footer .icon-map:hover {
	background:url(images/IDEO-Map-Hover.png) no-repeat 0 0;
	background-size:contain;}
footer .icon-phone {
	background:url(images/IDEO-Parking-Primary.png) no-repeat 0 0;
	background-size:contain;}
footer .icon-phone:hover {
	background:url(images/IDEO-Parking-Hover.png) no-repeat 0 0;
	background-size:contain;}
footer .icon-email {
	background:url(images/IDEO-Mail-Primary.png) no-repeat 0 0;
	background-size:contain;}
footer .icon-email:hover {
	background:url(images/IDEO-Mail-Hover.png) no-repeat 0 0;
	background-size:contain;}
footer .icon-linkedin {
	background:url(images/IDEO-LinkedIn-Primary.png) no-repeat 0 0;
	background-size:contain;}
footer .icon-linkedin:hover {
	background:url(images/IDEO-LinkedIn-Hover.png) no-repeat 0 0;
	background-size:contain;}
footer .icon-instagram {
	background:url(images/IDEO-Instagram-Primary.png) no-repeat 0 0;
	background-size:contain;}
footer .icon-instagram:hover {
	background:url(images/IDEO-Instagram-Hover.png) no-repeat 0 0;
	background-size:contain;}
footer .social {
	margin:27px 0 0 0;}
footer .social-headings {
	line-height:47px;}
footer .dia {
	display:block;
	margin:40px 0 0 0;}
footer .copyright {
	padding:0 10px;
	font-size:14px;
	margin:40px 0 0 0;}
.footer-hr {
	width:1100px;
	margin:0 auto;
	height:1px;
	background-color:#000;}

body.postid-232 .further-info {
	display:none;
}
.brand-accelerator {
	position:fixed;
	right:20px;
	top:50%;
	transform:translateY(-50%);
	border:5px solid #000;
	padding:60px 20px 20px 20px;
	z-index:9999;
	font-size:16px;
	background:#fff;
	opacity:0;
	transition:opacity 1s;
}
.brand-accelerator-close {
	position:absolute;
	top:20px;
	right:20px;
	font-family:'Arial';
	cursor:pointer !important;
	display:block;
}
.brand-accelerator h2 {
	font-size:30px;
	font-family: 'GabrielaStencil-Black';
	margin:0 0 10px 0;
}
.brand-accelerator p {
	margin:0 0 10px 0;
}
.brand-accelerator a {
	font-weight:700;
	text-transform:uppercase;
	text-decoration:none;
	font-size:14px;
}
.brand-accelerator img {
	width:120px;
	height:auto;
	transition:all .5s;
}
.brand-accelerator:hover img {
	transform:rotate(120deg);
}
.other-expertise #expertise-1259 {
	background:#fff;
	border:2px solid #000;
}
.other-expertise #expertise-1259 .read-more {
	background:none !important;
}
.other-expertise #expertise-1259:hover img {
	transform:rotate(120deg);
}
.other-expertise #expertise-1259 img {
	position:absolute;
	right:10px;
	bottom:10px;
	width:50px;
	transition:all .5s;
}
.specific-contact {
	border-bottom:1px solid #000;
	padding-bottom:60px;
	padding-left:7.5%;
	margin-top:50px;}
.specific-contact .thinking-author {
	float:left;
}
.specific-contact .thinking-author-first {
	margin:0 100px 0 0;
}
.specific-contact .thinking-author img {
	width:100px;
	height:100px;
	object-fit:cover;
	float:left;
}
.specific-contact h2 {
	font-size:55px;
}
.specific-contact .thinking-author .team-icons {
	margin:0 0 0 10px;
	float:left;
	font-size:16px;
}
.specific-contact .thinking-author .team-icons .team-phone {
	margin:5px 0 0 0;
}
.feature-bac {
	padding:100px 0;
}
.feature-bac-content {
	width:70%;
	text-align:center;
	margin:0 auto;
	position:relative;
	font-family: "museo-slab";
	font-weight:300;
	font-size:30px;
}
.feature-bac-content h2 {
	margin:0 0 10px 0;
}
.feature-bac-content img {
	width:120px;
	height:auto;
	margin-bottom:20px;
	transition:all .5s;
}
.feature-bac:hover img {
	transform:rotate(120deg);
}
.feature-bac-content a {
	background: url(images/IDEO-Arrow-Primary.png) no-repeat center right;
    display: block;
    background-size: contain;
    line-height: 55px;
    text-decoration: none;
    font-size: 50px;
    padding: 0 80px 0 0;
    transition: background .5s;
    font-family: 'GabrielaStencil-Black';
    margin-top:20px;
    width:450px;
    margin:10px auto 0 auto; }
.feature-bac-content a:hover {
	background: url(images/IDEO-Arrow-Hover.png) no-repeat center right;
	background-size: contain; }
.youtube-video {
	width:100%;
	padding-bottom:56.25% !important;
	position:relative; }
.youtube-embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
@media (max-width: 767px) {
	body {font-size:1rem;}
	.container {width:95%;margin:40px auto;}
	h2 {margin:0 auto 40px auto;font-size:2.25rem;}
	h3, .bgy {font-size:1.125rem;}
	.bgy {height:250px;}
	h4, .container-single-thinking h1 {font-size:1.125rem;line-height:1.2;}
	h5 {font-family: "museo-slab";font-weight: 300;font-size: 20px;padding-top: 15px;margin: auto;line-height: 1.1;}
	.home-thinking {margin:50px 0;}
	.yellow-box h2 {width:95% !important;}
	header {height:75px;}
	header img {max-height:40px;width:auto;}
	.menu-primary-nav-container {display:none;}
	.banner {height:calc(100vh - 75px);transition:all 9999s;}
	.banner .headline {top:0;transform:none;}
.banner-bg {background-position: -10px 0;top: 3%;/* width: auto; */width: 60%;height: 45%;/* display:none; *//* background: url(https://brandideology.com.au/wp-content/uploads/2019/10/yellowheader.png); */}	
.banner-bg-b {
	 background: url(https://brandideology.com.au/wp-content/uploads/2019/12/ideology-data.png) no-repeat 0px 5%;
	 position:absolute;
	 top:1%;
	 left:5%;
	 background-size:contain;
	 width:45%;
	 height:90%;
	 background-size:contain;	
}
.banner .headline2 {left:2.5%;padding: 0 1% 0% 2%;font-size: 2.25rem;top: 55%;text-align:left;z-index: 99995;}	
.banner .headline {left:2.5%;padding: 0 7% 0% 2%;font-size: 4vmax;top: 40%;text-align:left;z-index: 99995;}
	.down-arrow {display:none;}
	.col-4 {width:100% !important;margin:0 0 10px 0;}
	.yellow-box ul, .yellow-box span {width:95%;}
	body.home .yellow-box {font-size:15px !important;}
	.alt-yellow-box {font-size:15px; padding:100px 0;}
	body.home .yellow-box span {width:auto;}
	.alt-yellow-box ul li {width:100%;}
	.yellow-box .yb-col-4 {padding:0;}
	.thinking-container {height:auto;}
	.thinking-container .thinking-image {width:100%;float:none;height:250px;margin:0 0 10px 0;}
	.thinking-container .thinking-image img {width:100%;height:250px;object-fit:cover;}
	.thinking-container .thinking-text {width:100%;top:0;position:relative;padding:0 !important;transform:none;font-size:1rem;}
	.thinking-container .thinking-text h2 {font-size:1.75rem;}
	footer .get-in-touch a {line-height:30px;width:auto;font-size:30px;padding:0 0px 0 0;}
	footer .get-in-touch a.gohome {line-height:30px;width:auto;font-size:30px;padding:0 0 0 40px;}
	footer .col-sml, footer .col-med {width:50%;padding:20px 30px 20px 0;}
	footer .col-sml:first-child {width:50%;}
	footer .col-sml:nth-child(2) {width:50%;}
	body.page-id-358 .split-panel {margin:50px 0 0 0;}
	body.page-id-358 .split-panel:nth-child(2), body.page-id-358 .split-panel:nth-child(3), body.page-id-358 .split-panel:nth-child(4) {margin:10px 0 0 0;}
	.split-panel {height:250px;}
	.split-panel-content .read-more {font-size:15px;}
	.split-panel-content {font-size:1.125rem;height:250px;padding:20px 10px 0 15px;}
	.split-panel-image {display:none;}
	.split-panel-content h3, .other-expertise .col-4 {font-size:1.125rem;}
	footer .col:nth-child(4) {text-align:left;}
	footer .social-headings {line-height:1.1;margin-top:40px;}
	footer .social-headings br {display:block;content:'';height:28px;}
	body.page-id-48 blockquote strong, body.page-id-248 blockquote strong {margin:25px 0;font-size:1.25rem;}
	.client-logos h2, .challenges h2, .contact-form h2, body.page-id-248 blockquote h3, .sub-content h3, .hide-me h2 {font-size:30px !important;}
	.internal-container .leadership-team h2, .internal-container .other-expertise h2 {font-size:2.25rem !important;}
	body.single-work .yellow-box {padding:40px 0 !important;}
	body.blog .internal-container .thinking-text h2 {font-size:1.75rem !important;}
	.container-single-thinking .thinking-article blockquote h5 {font-size:1rem;}
	body.single blockquote strong {font-size:2rem;}
	.internal-container h2 {font-size:2.2rem !important;}
	.page-id-1966 h2 {font-size:1.9rem !important;padding-left: 8px;}
	body.page-id-248 blockquote h3 {margin:0 auto 30px auto;}
	body.page-id-248 blockquote hr {width:100%;margin:40px 0;}
	.yellow-box h2 {font-size:2.25rem;margin-bottom:20px;}
	.yb-col-4 h4 {font-size:1rem !important;margin-top:10px !important;}
	.challenges h2 {margin-bottom:30px;}
	.yb-col-4 ul {font-size:1rem !important;line-height:1.2;}
	body.single .yellow-box ul li {font-size:1.25rem;}
	.further-info h2 {font-size:2.25rem;}
	body.page-id-358 blockquote {padding:0;}
	.other-expertise {width:100%;}
	.container-single-thinking .thinking-article blockquote p, .container-single-thinking .thinking-article blockquote h5 {width:100%;}
	.container-single-thinking .thinking-article blockquote p {font-size:1rem;}
	.container-single-thinking .thinking-article ol {width:calc(100% - 20px);margin:0 0 20px 20px;}
	ul.related-posts li {margin-bottom:20px;}
	.container-single-thinking .thinking-article blockquote h6 {font-size:1.5rem;padding-left:0;margin-bottom:20px;}
	.container-single-thinking .thinking-article blockquote {padding:50px 0 0 0;margin:50px 0 0 0;}
	body.page-id-442 blockquote {padding:20px 0;}
	body.single-post h6 a {word-break: break-all;}
	.team-container {width:100%;}
	.logo-gallery li {width:50%;height:140px;}
	.split-panel {width:100% !important;}
	.work-thumbs li i {font-size:1.5rem;}
	.work-thumbs li {margin:0 0 30px 0;}
	body.single h3 {font-size:1.5rem;margin-bottom:30px;}
	body.page-id-48 blockquote p, body.page-id-248 blockquote p, body.page-id-248 blockquote h3, body.page-id-248 blockquote h4, body.page-id-358 .split-panel, .sub-content p, .sub-content h3 {width:100%;}
	.split-panel-content {width:100%;}
	.sub-content table {margin:0 0 20px 0;width:100%;}
	.yellow-box {padding:60px 0 !important;}
	.yellow-box .yb-col-4 {width:100%;margin:10px 0;}
	.challenge-list li span, .sub-content table tr td:nth-child(2) {width:100%;border:0;padding:20px 0;}
	.challenge-list li span {padding:0 0 20px 0;}
	.challenge-list li strong {padding:20px 0 5px 0;}
	.work-thumbs li, ul.related-posts li {width:100%;}
	body.blog .thinking-container {height:auto;margin:0 0 50px 0;}
	.fix-width-ul {font-size:30px;}
	body.blog .thinking-container:nth-child(even) .thinking-text {padding:0;}
	.office-locations {width:100%;min-height:0;margin:10px 0;}
	.office-locations .team-icons {position:relative;}
	.contact-form input, .contact-form textarea {width:100%;}
	.footer-hr {width:95%;}
	.logo-gallery li img {object-fit:contain;}
	.hide-me {width:95%;padding:20px 0;margin:0 auto;}
	.hide-me .team-icons a {display:block;margin:0 0 10px 0;}
	.hide-me .team-icons .team-email {margin:0;}
	body.single .thinking-banner, body.parent-pageid-358 .expertise-banner {height:10vmax !important;}
	h3.expertise-sub {margin:0 0 40px 0;}
	.work-thumbs li .work-thumbnail {height:38vmax;}
	.brand-accelerator {display:none !important;}
	.feature-bac-content a {line-height:40px;padding:0;width:auto;font-size:27px;text-align:left;}
	.feature-bac-content h2 {font-size:2.25rem !important;}
	.feature-bac-content {font-size:1.125rem;}
}

@media (min-width: 768px) and (max-width:1099px) {
	body {font-size:1.125rem;}
	.menu-primary-nav-container, .banner-bg {display:none;}
	.banner .headline {left:0;padding:0 50px;font-size:5vmax;top:35%;text-align:left;}
	.col-4-m h3, .col-4-m, .bgy h3, .bgy {font-size:1.125rem;}
	.col-4 .read-more {font-size:0.875rem;line-height:35px;}
	.col-4 {height:215px;}
	.thinking-container {height:360px;}
	.thinking-container .thinking-text h2 {font-size:2rem;}
	.thinking-container .thinking-text {font-size:1rem;}
	.alt-yellow-box {padding:75px 0;}
	.container {width:95%;}
	header #primary-menu li {padding:0 10px;}
	.banner .headline {font-size:50px;}
	.fix-width-ul ul {width:95%;}
	ul.related-posts li {width:32.9%;}
	.yellow-box span, .yellow-box ul {width:95%;}
	body.home .yellow-box span {width:auto;}
	body.page-id-48 blockquote strong, body.page-id-248 blockquote strong {font-size:1.75rem;}
	.leadership-team h2 {font-size:2.625rem !important;}
	.featherlight .featherlight-content {margin:0 3% !important;}
	.featherlight:before, .featherlight .featherlight-content {vertical-align:top !important;height:100vh !important;}
	.internal-container h2 {font-size:3.5rem;margin:0 0 60px 0;}
	.logo-gallery li img {top:50%;-webkit-transform:translateY(-50%);}
	.yellow-box {padding:70px 0 !important;}
	.split-panel-content h3, .split-panel-content {font-size:1.5rem;}
	.split-panel-content {padding:20px;height:290px;}
	.split-panel, .split-panel-image {height:295px;}
	.split-panel .split-panel-image img {height:295px;object-fit:cover;}
	.yellow-box h2 {padding:0 2.5% !important;}
	.yellow-box .yb-col-4 {width:50%;padding:10px;}
	.yellow-box .yb-col-4 ul {font-size:1.125rem !important;}
	.challenges {margin:70px auto;}
	.challenge-list li strong {font-size:1.125rem;width:40%;}
	.sub-content table {margin-left:55px;}
	.other-expertise .col-4 {width:32%;height:225px;font-size:1.125rem;}
	.work-thumbs li span {font-size:1rem;}
	.work-thumbs li {width:49.5%;}
	.work-thumbs li i {font-size:1.5rem;}
	body.single h3 {font-size:1.5rem;}
	body.single blockquote strong, .video-heading {font-size:3rem;}
	body.single .yellow-box ul li {font-size:1.875rem;}
	.further-info h2 {font-size:2.625rem;margin-bottom:40px;}
	ul.related-posts li strong {font-size:1.5rem;}
	body.blog .thinking-container {height:410px;}
	body.blog .thinking-text h2 {margin-top:0;}
	body.blog .thinking-container .thinking-author {display:none;}
	.container-single-thinking .thinking-article blockquote {margin:50px 0 0 0;padding:50px 0 0 0;}
	body.single .thinking-author {margin-top:0;}
	.container-single-thinking .thinking-article blockquote h6, .container-single-thinking h1 {font-size:1.75rem;}
	.office-locations {width:49%;min-height:240px;}
	.office-locations b {font-size:1.5rem;}
	.office-locations .team-icons {position:relative;}
	.team-icons {margin-top:20px;}
	.contact-form input, .contact-form textarea {width:100%;}
	h4 {font-size:1.75rem;line-height:1.25;}
	.yellow-box h2 {width:100% !important;font-size:2.625rem;margin:0 0 50px 0;}
	.alt-yellow-box ul li {font-size:1.375rem;}
	.feature-bac {padding:75px 0;}
	.feature-bac-content {font-size:20px;}
	.feature-bac-content a {font-size:1.75rem;width:300px;}
	.feature-bac h2 {font-size:2rem;}
	.challenge-list li span, .sub-content table tr td:nth-child(2) {width:55%;}
	.hide-me {width:95%;}
	footer .container {margin:20px;}
	footer .get-in-touch-text {background:#00ffff; padding:20px 0; position:relative; color:#000; font-family: 'museo-slab';text-align:center;font-size:5px}

}

/** New Styles **/

.sub_headline { font-size:14px; font-weight: 200;}

.col-2 {
    width: 48%;
    height: 265px;
    font-size: 22px;
    line-height: 1.2;
}

.col-2-image {
    /* width: 48%; */
    /* height: 500px; */
    /* display: block; */
    /* float: left; */
    /* justify-content: center; */
    /* align-items: center; */
    /* position: absolute; */
    /* left: 10px; */
    width: 25%;
    height: 100%;
    /* border: 1px solid #c3c3c3; */
    display: -webkit-flex;
    /* display: flex; */
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
}
.col-2-text {
    /* width: 48%; */
    /* height: 500px; */
    /* display: block; */
    /* float:right; */
    /* justify-content: center; */
    /* align-items: center; */
    /* position: absolute; */
    /* right: 5px; */
    /* top: 10%; */
    width: 75%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
}

.flexmid {
    width: 100%;
    height: 500px;
display: flex;
	align-content: center;
}

.col-2 .read-more {
    left: 15px;
    width: calc(100% - 30px);
    bottom: 10px;
    line-height: 50px;
    font-weight: 700;
}


button.rm {
	margin-top: 50px;
    border: solid 1px #000000;
    padding: 15px 20px;
    background: none;
    text-transform: uppercase;
    font-family: 'museo-slab';
	font-weight: bold;
    font-size: 15px;
    transition: .5s;
    border-radius: 0;
}

button.rm2 {
	margin-top: 0px;
    border: solid 1px #000000;
    padding: 15px 20px;
    background: none;
    text-transform: uppercase;
    font-family: 'museo-slab';
	font-weight: bold;
    font-size: 15px;
    transition: .5s;
    border-radius: 0;
}


button.rm:hover {
	background: #000; color:#fff;
	border: solid 2px #000;
}

button.rm2:hover {
	background: #000; color:#fff;
	border: solid 2px #000;
}

.what-we-do {text-align:center; padding-bottom:100px;}

.what-we-do h4 {
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 24px;
    margin-top: -20px;
}


.what-we-do button.rm {
    border: solid 1px #000000;
}

h6 {
	font-family: 'GabrielaStencil-Black';
	font-size:2.8rem;
	line-height:1;
	margin:0 1px 40px 1px;}
.internal-container h6 {
	font-size:60px;
}

h7 {
	font-family: 'Museo-slab';
	font-weight: 700;
	font-size: 25px;
	line-height:1;
	margin:0 0 40px 0;
	}

h8 {
	font-family: 'GabrielaStencil-Black';
	font-size:29px;
	line-height:1;
	margin: 0px 0 15px 0;
	}

h9 {
	font-family: 'GabrielaStencil-Black';
	font-size:55px;
	line-height:1;
	margin: 0px 0 15px 0;
	}

footer .get-in-touch-text {
	background:#fff216;
	padding:20px 0;
	position:relative;
	color:#000;
	font-family: 'museo-slab';
	text-align:center;
}
   #responsive-menu-container #responsive-menu-wrapper {
        background: #000000;
        padding-top: 45px;
    }
@media (max-height: 600px) {
	.banner .headline {position:absolute;top:50%;left:47%;transform:translateY(-50%);font-family: 'GabrielaStencil-Black';font-size:2.5rem;line-height:1.1;padding:0 2% 0 0; }
}

@media (max-height: 700px) {
	.down-arrow {display:none;}
	button.rm {margin-top: 20px;border: solid 1px #000000;padding: 10px 20px;background: none;text-transform: uppercase;font-family: 'museo-slab';font-weight: bold;font-size: 12px;transition: .5s;border-radius: 0;}
}
/* download */
.download input, .download textarea {
	width:50%;
	border:1px solid #000;
	border-radius:0;
	outline:none;
	padding:10px;
	font-family:inherit;
	margin:0 0 10px 0;}
.download input[type=submit] {
	border:1px solid #000;
	padding:15px 40px;
	width:auto;
	font-weight:700;
	background: #fff;
	transition:all .5s;}
.download input[type=submit]:hover {
	background:#000;
	color:#fff;
}
.download .wpcf7-not-valid-tip {
	font-size:12px;
	width:auto;
	display:inline;
	margin:0 0 0 10px;
}
.download .wpcf7-response-output {
	margin:0;
	width:50%;
	border: 1px solid #000;
	text-align:center;
	font-size:16px;
	padding:15px 0;
}