/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,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:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;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-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.image-replacement{text-indent:100%;white-space:nowrap;overflow:hidden}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.entry-content li{list-style:outside}.entry-content img{max-width:100%;height:auto}ul,ol,dl{list-style-type: none;padding:0;margin:0;}.entry-content ul,.entry-content ol,.entry-content dl{list-style-type: disc}

/***************************
TOOLS + START
***************************/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: Georgia,Cambria,Times New Roman,Times,serif;
    font-family: 'Vollkorn', serif;
    font-size: 125%;
    line-height: 1.5;
    color: #565656;
    font-weight: 400;
    background:#f5f5f5;
}
html,button,input,select,textarea {font-family: 'Vollkorn', serif;}
.last {margin-right: 0!important;}
.right {float: right!important;}
.left {float: left;}
a{color: cornflowerblue;transition: color 0.25s ease,background-color 0.25s ease,opacity 0.25s ease}
/****************
HEADINGS
*****************/

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-family: 'Vollkorn', serif;
    text-rendering: optimizelegibility;
    font-weight: 300;
}
h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a {text-decoration: none;text-transform: uppercase;}
h1,.h1 {font-size: 2.5em;line-height: 1.333em;}
h2,.h2 {font-size: 1.75em;line-height: 1.4em;margin-bottom: .375em;}
h3,.h3 {font-size: 1.125em;}
h4,.h4 {font-size: 1.1em;font-weight: 700;}
h5,.h5 {font-size: .846em;line-height: 2.09em;text-transform: uppercase;letter-spacing: 2px;
}

/***************************
BUTTONS
***************************/

.button {
  border:2px solid cornflowerblue;
  background: none;
  border-radius: 3px;
  padding: 15px 10px 10px 10px;
  text-transform: uppercase;
  text-align: center;
  font-size: .8em;
  text-decoration: none;
  margin-top:1em;
  display: inline-block;
  color: cornflowerblue;
}

.button:hover{
  background: cornflowerblue;
  color: #fff;
}

/***************************
RESPONSIVE TOGGLE
***************************/

#responsive-toggle{
  display: none;
  height: 30px;
  width: 30px;
  float:right;
  margin-top: 22px;
  position: relative;
}
#responsive-toggle span{
  display: block;
  height: 6px;
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
}
#responsive-toggle span:before{
  content: '';
  position: absolute;
  top: 12px;
  width: 100%;
  background-color: #fff;
  height: 6px;
}
#responsive-toggle span:after{
  content: '';
  position: absolute;
  top: 24px;
  width: 100%;
  background-color: #fff;
  height: 6px;
}

body.sidr-open #responsive-toggle{

}

/***************************
HEADER
***************************/

#main-header {
position: relative;
z-index: 999;
}
#main-nav{
  padding: 0px 15px;
  background: rgba(0,0,0,0.1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
#logo{
  float: left;
  width: 242px;
  height: 80px;
  margin-right: 20px;
  display: block;
  opacity: .6;
  background-image: url(../images/logo.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
 background-size: 242px 80px; 
}
#logo:hover{
  opacity: 1;
}

/***************************
HEADER PAGE VARIATIONS
***************************/

body.page #main-nav, body.blog #main-nav, body.archive #main-nav, body.search #main-nav{
  position: relative;
  background-color: transparent;
}
body.page #main-header, body.blog #main-header, body.archive #main-header, body.search #main-header{
  margin-bottom: 0px;
  background-color: orange;
  border-bottom:1px solid #fff;
}
body.home #main-nav{
  position: absolute;
  background-color: rgba(0,0,0,0.1);
}
/***************************
SEARCH
***************************/

div.search {
float:right;
margin-top:20px;
display:block;
margin-bottom:0;
}

.fieldcontainer {
display:block;
position:relative;
width:auto;
float:right;
}

#s {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
display:block;
width:250px;
background-color:rgba(0,0,0,0.05);
font-size:.8em;
color:rgba(255,255,255,1);
border:0;
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
padding:8px 0 8px 10px;
transition: background-color 0.25s ease,width 0.25s ease;
}
#s:focus{
  outline: none;
  width: 280px;
  background-color: rgba(0,0,0,0.1);
}
#s::-webkit-input-placeholder{color: rgba(255,255,255,0.7);}
#s:-moz-placeholder{color: rgba(255,255,255,0.7);}
#s::-moz-placeholder{color: rgba(255,255,255,0.7);}
#s:-ms-input-placeholder{color: rgba(255,255,255,0.7);}

#searchsubmit {
width:32px;
height:32px;
position:absolute;
right:5px;
top:2px;
color: #fff;
background: none;
border:0;
font-size: .8em;
}
#searchsubmit:focus{
  outline: none;
}
#searchform {
position:relative;
}
.screen-reader-text{
  display: none;
}
html.lt-ie10 .screen-reader-text{
  display: block;
}

/***************************
NAVIGATION
***************************/

.sf-menu,.sf-menu * {
list-style:none;
margin:0;
padding:0;
}
.sf-menu{
  float: left;
  z-index: 999;
}
.sf-menu li {
position:relative;
z-index:9999;
white-space:normal;
display: block;
float: left;
}
.sf-menu li:hover > ul{
  display: block
}
.sf-menu a {
display:block;
position:relative;
color:rgba(255,255,255,0.6);
width: 100%;
}
.sf-menu ul li{
  width: 100%;
}
.sf-menu ul ul {
top:0;
left:100%;
background:#000;
background: rgba(0,0,0,0.9);
}
.sf-menu ul {
position:absolute;
display:none;
top:100%;
left:0;
z-index:99;
background:000;
background:rgba(0,0,0,0.8);
min-width:10em;
width:10em;
}
.sf-menu > li > ul:after {
content:'';
position:absolute;
top:-15px;
left:10px;
z-index:9997;
width:0;
height:0;
display:block;
border-color:transparent transparent rgba(0,0,0,0.8);
border-style:solid;
border-width:0 15px 15px;
}
.sf-menu a,.sf-menu ul li a {
text-decoration:none;
zoom:1;
padding:25px 20px;
}
.sf-menu ul li a {
padding:10px 15px;
}
.sf-menu > li:hover > a, li.current_page_item > a, li.current_page_parent > a{
color:#fff;
}
.sf-menu ul li:hover > a{
  color: #fff!important
}
/***************************
MAIN FOOTER
***************************/

#main-footer{
  font-size: 70%;
}
#inner-footer{
  border-top:1px solid #ddd;
  padding-top: 30px;
  margin-top: 30px;
}

#social-media a {
display:block;
color:#ccc;
text-align:center;
padding-top:7px;
}
#social-media a:hover{
  color: orange;
}
#social-media li{
  float: left;
  margin-left: 30px;
}
#main-footer h4{
  font-weight: 700;
}

/***************************
WHAT WE DO SPECIFICS
***************************/

.entry-content.what i{
  margin-right: 1em;
}
.entry-content h3{
  font-weight: 700;
}
/***************************
HOMEPAGE SLIDER
***************************/

#flexslider{
  height: 500px;
  position: absolute;
  top: 0px;
  left: 0px;
  width:100%;
  overflow: hidden;
}
.flex-viewport{
  height: 500px;
  overflow: hidden;
}
.slides{
  margin: 0;
}
.slides li{
background: blue;
height: 500px;
position: relative;
display: block;
text-align: center;
}
.slides img{
max-width: 100%;
height: auto;
padding: 25px;
margin-top: 100px;
}
.slides .innovation{
  background-color: orange;
}
.slides .problem-solving{
  background: crimson
}
.slides .decision-making{
  background-color: yellowgreen
}
.slides .leadership{
  background-color: #87CEFF;
}
.slides .visioning{
background: dodgerblue
}
.flex-direction-nav{
  margin: 0;
}

.flex-direction-nav a{
  position: absolute;
  top: 45%;
  margin-top: -25px;
  height: 100px;
  width: 100px;
  text-indent: -9999px;
  opacity: 0.3;
  background-repeat: no-repeat;
  background-size: 50%;
    transition: background-position 0.2s ease;
}

.flex-prev{
  background-image: url(../images/arrow-left.png);
  background-position: 10% 50%;
  left: 10px;
}
.flex-next{
  right: 10px;
  background-image: url(../images/arrow-right.png);
  background-position: 90% 50%;
}
.flex-prev:hover, .flex-next:hover{
  opacity: .8;
}
.flex-prev:hover{
  background-position: 0% 50%;
}
.flex-next:hover{
    background-position: 100% 50%;
}
/***************************
HOMEPAGE OTHER
***************************/

.intro p{
       -moz-column-count: 2;
       -moz-column-gap: 30px;
       -webkit-column-count: 2;
       -webkit-column-gap: 30px;
}
#twitter{
  border-top:1px solid #ddd;
  padding-top: 40px;
  padding-bottom: 40px;
}
#twitter span{
  font-style: italic
}
.blog-link{
  padding-top: 0!important;
}
.blog-link a{
  margin-top: 0;
}
/***************************
ARCHIVE SPECIFICS
***************************/

#page-header{
  margin: 0;
  padding: 0;
  padding-bottom: 30px;
}
#page-header h1{
  margin: 0;
}
body.archive #page-header, body.search #page-header{
  padding: 30px;
  padding-bottom: 0;
}
/***************************
SINGLE SPECIFICS
***************************/

body.single #main > article{
  background-color: #fff;
  padding: 30px;
  z-index: 888;
  position: relative;
}
body.single #main{
  padding-top: 120px;
}
body.single #inner-content:before{
  content: '';
  width: 100%;
  height: 500px;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom:1px solid #fff;
}
body.single #inner-content:before{
  background-color: lightgrey;
}
body.single #page-header{
  padding-bottom: 30px;
  color: #fff;
}
.byline{
  font-style: italic;
  font-size: .8em;
}
.byline a{
  display: inline-block;
  background-color: rgba(0,0,0,0.1);
  color: #fff;
  text-decoration: none;
  padding: 3px 5px;
  margin: 0 2px;
}
.byline a:hover{
  background-color: rgba(0,0,0,0.3);
}
.article-footer{
  width: 100%;
  border-top:1px solid #eee;
  font-size: 90%;
  margin-top:30px;
  padding: 10px 15px 0 15px;
}
#author-bio{
  float: left;
}
#author-bio p{
  margin-bottom: 0;
  font-style: italic;
}
#author-bio ul{
  margin: 0;
}
#author-bio ul span{
  display: none;
  text-indent: -9999px;
}
#author-bio li{
  margin-right: 15px;
}
/****************
RELATED POSTS
*****************/

.yarpp-related {
background-color: #eee;
position: relative;
}
.yarpp-related-none{
  display: none;
}
.yarpp-related p{
  font-size: .8em;
}
.yarpp-related:before{
  content: '';
  position: absolute;
  height: 70px;
  background-color: #eee;
  top: -70px;
  left: 0px;
  width: 100%;
  z-index: 5;
}
.yarpp-related h2{
  margin-top: 0;
  margin-bottom: .5em;
}
.yarpp-related div.wrap {
padding-top:10px;
padding-bottom:30px;
}

.yarpp-related li {
list-style:none;
  transition: margin 0.2s ease, box-shadow 0.2s ease;
}
.yarpp-related li:hover{
  margin-top: -10px;
  margin-bottom: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
.yarpp-related li > div{
  padding: 15px;
  color: #fff;
  display: block;
}
.yarpp-related a{
  color: #fff;
}
.yarpp-related li .h4{
  margin: 0;
  font-weight: 300;
  text-decoration: none;
}
.yarpp-related li.fourcol:nth-child(3n){
margin-right: 0;
}


/****************
ISOTOPE + ARCHIVE STYLES
*****************/

.wrap.archive .post{
  background-color: #fff;
  position: relative;
  transition: margin-top 0.2s ease, box-shadow 0.2s ease;
  margin-bottom: 30px;
}
.wrap.archive .post.double{
  width: 610px;
}
.wrap.archive .post:hover{
  margin-top: -5px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
.wrap.archive .post .category {
width:auto;
background-color: blue;
}

.wrap.archive .post .category a {
display:inline-block;
float:right;
font-size: .55em;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:8px 8px 5px 5px;
}


.wrap.archive .post p {
padding:0 15px;
}
.wrap.archive .post, .wrap.archive .tweet_post {
width:290px;
float:left;
}

.wrap.archive .post img {
max-width:100%;
height: auto;
}

.wrap.archive .post.tweet_post:after{
  content:none;
}

.wrap.archive .post header{
width:auto;
padding:15px;
padding-bottom: 0;
}
.wrap.archive .post.tweet_post header{
padding-bottom: 15px;
}
.wrap.archive .post header a{
  line-height: 1.2;
  font-size: 1.5em;
  margin: 0;
  text-decoration: none;
}
.wrap.archive .post footer{
width:auto;
margin:15px;

font-size: .6em;
color: #ccc;
padding-top: 15px;
border-top: 1px solid #eee;
}
.wrap.archive .post footer a{
  color: #ccc;
  text-decoration: none;
}
.wrap.archive .post footer a:hover{
  text-decoration: underline;
}
.wrap.archive .tweet_post {
background-color:#87CEFA;
color:#fff;
}
.wrap.archive .tweet_post::before, .wrap.archive .tweet_post::after{
  content: none!important
}
.wrap.archive .tweet_post a {
background-color:#87CEFA;
color:#fff;
text-decoration: none;
font-size: 1em;
}
.wrap.archive .tweet_post > header {
padding: 15px;
}
.wrap.archive .tweet_post footer{
  display: none;
}
.yarpp-related li::before, .wrap.archive .post::before{
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: -10px;
  left: 20px;
  transform:         rotate( 45deg );
  -moz-transform:    rotate( 45deg );
  -ms-transform:     rotate( 45deg );
  -o-transform:      rotate( 45deg );
  -webkit-transform: rotate( 45deg );
  z-index: 0;
  transition: box-shadow 0.2s ease;
  background-color: #fff;
}
.yarpp-related li::after, .wrap.archive .post::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 60px;
  background-color: #fff;
}
.yarpp-related li:hover::before, .wrap.archive .post:hover::before{
      -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

/****************
INFINITE SCROLL LOADER
*****************/

div#infscr-loading {
position:absolute;
bottom:0;
left:0;
z-index:9999;
display:block;
width:100%;
text-align:center;
padding: 0;
}

/****************
COMMENTS
*****************/

#allowed_tags{
  padding: 15px;
  background-color: #222;
  color: #fff;
}
.commentlist li {
position:relative;
clear:both;
list-style-type:none;
margin-bottom:1.5em;
}

.comment-headings{
  background-color: lightblue;
  position: relative;
  height: 60px;
}
.comment-meta{
  display: block;
  float: left;
  padding-top: 14px;
}
.comment-meta time{
  font-style: italic
}
.comment-meta h3, .comment-meta time{
  display: inline-block;
  margin: 0;
}

.commentlist .comment-reply-link {
text-decoration:none;
color:#f1f1f1;
font-size:.8em;
text-transform: uppercase;
background-color: rgba(0,0,0,0.2);
border:none;
display:block;
padding: 13px 10px 9px 10px;
margin-top: 13px;
margin-right: 15px;
float:right;
border-radius: 100px;
line-height: 1;
}
.commentlist .comment-reply-link:hover{
  background-color: rgba(0,0,0,0.4);
}

img.avatar {
float:left;
margin-right: 20px;
display: block;
}

div.inner-comment{
float:left;
background: #fff;
width: 100%;
}
.inner-comment section{
  padding: 0px 20px;
}
.commentlist ul.children{
  border-left: 10px solid #eee;
  margin-top: 30px;
}
.commentlist ul.children li{
  padding-left: 30px;
}

#submit {
margin-bottom:30px!important;
}

.respond-form {
padding-bottom:30px;
margin:0;
}

.respond-form form {
margin-top:.75em;
}

.respond-form form li {
list-style-type:none;
margin-bottom:.7335em;
}

.respond-form form input[type=text],.respond-form form input[type=email],.respond-form form input[type=url],.respond-form form textarea {
background:#efefef;
border:1px solid #ccc;
line-height:1.5em;
padding:3px 6px;
}

.respond-form form input[type=text]:focus,.respond-form form input[type=email]:focus,.respond-form form input[type=url]:focus,.respond-form form textarea:focus {
background:#f1f1f1;
outline:none;
}

.respond-form form input[type=text]:invalid,.respond-form form input[type=email]:invalid,.respond-form form input[type=url]:invalid,.respond-form form textarea:invalid {
outline:none;
background-color:#f6e7eb;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
box-shadow:none;
border-color:#fbc2c4;
}

.respond-form form input[type=text],.respond-form form input[type=email],.respond-form form input[type=url] {
width:100%;
padding:10px;
}

.respond-form form textarea {
resize:none;
width:100%;
height:150px;
padding:10px;
}

#comment-form-elements li:last-child {
margin-right:0;
}

#comment-form-title {
margin:0 0 1.1em;
}

#allowed_tags {
margin-top:1.5em;
}

.nocomments {
margin:0 20px 1.1em;
}

.comment-edit-link{
text-decoration: none;

background: orange;
color: #fff;
border-radius: 500px;
position: absolute;
top: -13px;
left: -13px;
text-align: center;
padding: 2px 4px;
padding-top: 4px;
font-size: .6em;
text-transform: uppercase
}

/****************
SIDR CUSTOM THEME + CORE STYLES
*****************/

.sidr {
  display: none;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 250px;
  overflow-x: none;
  overflow-y: auto;
  background: #f8f8f8;
  color: #333;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:    0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  box-shadow:         0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  border-left: 1px solid #fff;
}
.sidr .sidr-inner {
  padding-bottom:15px;
}
.sidr.right {
  left: auto;
  right: -250px;
}
.sidr ul {
    display: block;
    padding: 0;
    margin: 0;
}
.sidr li {
    display: block;
    margin: 0;
    line-height: 1;
}
.sidr ul li a {
    display: block;
    padding: 10px;
    text-decoration: none;
      border-top: 1px solid #fff;
    border-bottom: 1px solid #dfdfdf;
}
.sidr ul li a:hover{
  background-color: rgba(0,0,0,0.1);
}
.sidr-class-sub-menu > li > a{
  text-indent: 20px;
}
.sidr-class-menu-item-has-children a[href="#"]{
  display: none;
}
.sidr-class-nav > li > a{
  font-weight: bold
}
.sidr-class-current-menu-item > a{
  color: #fff;
  background-color: orange;
}



/****************
POST COLOUR BLOCKS
*****************/

/*CAT 1 DIVERGENCE*/
.yarpp-related .category-change-2,
.yarpp-related .category-creativity-2,
.yarpp-related .category-innovation-2,

.yarpp-related .category-change-2:before,
.yarpp-related .category-creativity-2:before,
.yarpp-related .category-innovation-2:before,

.yarpp-related .category-change-2:after,
.yarpp-related .category-creativity-2:after,
.yarpp-related .category-innovation-2:after,

.archive.wrap .post.category-change-2 .category,
.archive.wrap .post.category-creativity-2 .category,
.archive.wrap .post.category-innovation-2 .category,

body.single.change-2 #inner-content:before,
body.single.creativity-2 #inner-content:before,
body.single.innovation-2 #inner-content:before

{

  background-color: lightblue;
}

/*CAT 2 CONVERGENCE*/
.yarpp-related .category-decision-making-2,
.yarpp-related .category-logic,
.yarpp-related .category-problem-solving-2,

.yarpp-related .category-decision-making-2:before,
.yarpp-related .category-logic:before,
.yarpp-related .category-problem-solving-2:before,

.yarpp-related .category-decision-making-2:after,
.yarpp-related .category-logic:after,
.yarpp-related .category-problem-solving-2:after,

.archive.wrap .post.category-decision-making-2 .category,
.archive.wrap .post.category-logic .category,
.archive.wrap .post.category-problem-solving-2 .category
,
body.single.decision-making-2 #inner-content:before,
body.single.logic #inner-content:before,
body.single.problem-solving-2 #inner-content:before
{
  background-color: deeppink;
}

/*CAT 3 COLLABORATION*/
.yarpp-related .category-community-2,
.yarpp-related .category-leadership-2,
.yarpp-related .category-teamwork,
.yarpp-related .category-culture-2,

.yarpp-related .category-community-2:before,
.yarpp-related .category-leadership-2:before,
.yarpp-related .category-teamwork:before,
.yarpp-related .category-culture-2:before,

.yarpp-related .category-community-2:after,
.yarpp-related .category-leadership-2:after,
.yarpp-related .category-teamwork:after,
.yarpp-related .category-culture-2:after,

.archive.wrap .post.category-community-2 .category,
.archive.wrap .post.category-leadership-2 .category,
.archive.wrap .post.category-teamwork .category,
.archive.wrap .post.category-culture-2 .category,

body.single.community-2 #inner-content:before,
body.single.leadership-2 #inner-content:before,
body.single.teamwork #inner-content:before,
body.single.culture-2 #inner-content:before{
  background-color: dodgerblue
}

/*CAT 4 SYNTHESIS */
.yarpp-related .category-communication-2,
.yarpp-related .category-inspiration,
.yarpp-related .category-design,

.yarpp-related .category-communication-2:before,
.yarpp-related .category-inspiration:before,
.yarpp-related .category-design:before,

.yarpp-related .category-communication-2:after,
.yarpp-related .category-inspiration:after,
.yarpp-related .category-design:after,

.archive.wrap .post.category-communication-2 .category,
.archive.wrap .post.category-inspiration .category,
.archive.wrap .post.category-design .category,

body.single.communication-2 #inner-content:before,
body.single.inspiration #inner-content:before,
body.single.design #inner-content:before{
  background-color: crimson;
}

/*CAT 5 METACOGNITION*/
.yarpp-related .category-uncategorized,
.yarpp-related .category-administration,
.yarpp-related .category-tricks-of-the-trade-2,
.yarpp-related .category-thinking-2,

.yarpp-related .category-uncategorized:before,
.yarpp-related .category-administration:before,
.yarpp-related .category-tricks-of-the-trade-2:before,
.yarpp-related .category-thinking-2:before,

.yarpp-related .category-uncategorized:after,
.yarpp-related .category-administration:after,
.yarpp-related .category-tricks-of-the-trade-2:after,
.yarpp-related .category-thinking-2:after,

.archive.wrap .post.category-uncategorized .category,
.archive.wrap .post.category-administration .category,
.archive.wrap .post.category-tricks-of-the-trade-2 .category,
.archive.wrap .post.category-thinking-2 .category,

body.single.uncategorized #inner-content:before,
body.single.administration #inner-content:before,
body.single.tricks-of-the-trade-2 #inner-content:before,
body.single.thinking-2 #inner-content:before{
  background-color: limegreen;
}

/*CAT 5 EDITORIAL*/
.yarpp-related .category-editorial,

.yarpp-related .category-editorial:before,
.yarpp-related .category-editorial:after,

.archive.wrap .post.category-editorial .category,
body.single.editorial #inner-content:before{
  background-color: midnightblue;
}

/****************
COLUMNS & SHIT
*****************/

.onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol,.twelvecol {position:relative;float:left;margin-right:30px;}
.onecol{width:50px;}
.twocol{width:130px;}
.threecol{width:210px;}
.fourcol{width:290px;}
.fivecol{width:370px;}
.sixcol{width:450px;}
.sevencol{width:530px;}
.eightcol{width:610px;}
.ninecol{width:690px;}
.tencol{width:770px;}
.elevencol{width:850px;}
.twelvecol{width:930px;float:none;margin:0;}
.wrap {max-width:990px;padding:30px;position:relative;margin:0 auto!important;}

/****************
RANDOM WP+CONTENT STYLES
*****************/

blockquote {
border-left:15px solid #ccc;
padding-left:30px;
font-style:italic;
margin:1.5em 0;
}

.entry-content video,.entry-content object,.archive .post .thumb img {
max-width:100%;
height:auto;
}
.entry-content p:first-child,#comments-section {
margin-top:0;
}
.entry-content ul, .entry-content ol{
  padding-left: 30px;
}
.entry-content ul li, .entry-content ol li{
  list-style-position: outside;
}

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

.ei-slider{
  position: relative;
  width: 100%;
  max-width: 1920px;
  height: 500px;
  margin: 0 auto;
}
.ei-slider-loading{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index:999;
  background: rgba(0,0,0,0.9);
  color: #fff;
  text-align: center;
  line-height: 400px;
}
.ei-slider-large{
  height: 100%;
  width: 100%;
  position:relative;
  overflow: hidden;
}
.ei-slider-large li{
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.ei-slider-large li img{
  width: 100%;
}
.ei-title{
  position: absolute;
  right: 50%;
  margin-right: 13%;
  top: 30%;
}
.ei-title h2, .ei-title h3{
  text-align: right;
}
.ei-title h2{
}
.ei-title h3{
}
.ei-slider-thumbs{
  height: 13px;
  margin: 0 auto;
  position: relative;
  width: 72px;
  margin: 0 auto;
}
.ei-slider-thumbs li{
  position: relative;
  float: left;
  height: 100%;
    width: 12px!important;
  margin-right: 12px;
}
.ei-slider-thumbs li.ei-slider-element{
  top: 0px;
  left: 0px;
  position: absolute;
  height: 100%;
  z-index: 10;
  text-indent: -9000px;
  background: #000;
  background:dodgerblue;
  height: 12px;
  width: 12px;
  border-radius: 100px;
}
.ei-slider-thumbs li a{
  display: block;
  text-indent: -9000px;
  background-color: #000;
  height: 12px;
  width: 12px;
  border-radius: 100px;
}


li.innovation{
  background-color: orange;
}
li.problem-solving{
  background: crimson
}
li.visioning{
background: dodgerblue
}

/******************************************************************
Theme Name: Mindsatwork
Stylesheet: Tablet Stylesheet
******************************************************************/


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

.wrap.archive{

  max-width:670px;
}
}

@media only screen and (max-width: 990px) {
.sf-menu{
  font-size: 80%;
}
.sf-menu a, .sf-menu ul li a{
  padding-left:10px;
  padding-right: 10px;
}
.sf-menu > li a{
  padding-top: 28px;
}
#s, #s:focus{
  width: 170px;
}
#logo{
  margin-right: 10px;
}

}


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


  #main-nav .sf-menu, #searchform{
    display: none;
  }
  #main-header{
    background: rgba(0,0,0,0.1);
  }
  #responsive-toggle{
    display: block;
  }

  #flexslider{
    height: 400px;
    position: absolute;
    top: 0px;
    left: 0px;
    width:100%
  }
  .flex-viewport{
    height: 400px;
  }
  .slides{
    margin: 0;
  }
  .slides li{
    background: blue;
    height: 400px;
    position: relative;
    display: block;
    text-align: center;
  }
  #logo{
    opacity: 1;
  }

  .wrap.archive .post.double{
  width: 290px;
}

}

/******************************************************************
Theme Name: Mindsatwork
Stylesheet: Middlesheet
******************************************************************/


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


}

/******************************************************************
Theme Name: Mindsatwork
Stylesheet: Phone Stylesheet
******************************************************************/

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

  body{
    font-size: 100%;
  }

  .onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol,.twelvecol,.related li, .wrap.archive .post.double {position:relative;float:none;margin-right:0px;width: auto;}
.wrap {max-width:990px;padding:15px;position:relative;margin:0 auto!important;}



h1, .h1 {
font-size:2em;
margin:.67em 0;
}

h2, .h2 {
font-size:1.25em;
margin:.83em 0;
}

h3 h4, h5, h6 {
font-size:1em;
margin:1em 0;
}



body.single #main > article{
  padding: 15px;
}
.intro p{
       -moz-column-count: 1;
       -moz-column-gap: 0px;
       -webkit-column-count: 1;
       -webkit-column-gap: 0px;
}

#logo{
  width: 181px;
  height: 60px;
  background-image: url(../images/logo-mobile.png);
 background-size: 181px 60px; 

}

#responsive-toggle{
  margin-top: 14px;
}
.flexslider{
  display: none;
}
ul#social-media.right{
  float:left!important;
}
#social-media li{
  margin: 0px 30px 0px 0px;
}
body.home #main-nav{
  position: relative;
  background-color: transparent;
}
body.home #main-header{
  margin-bottom: 0px;
  background-color: orange;
}

.wrap.archive .post{
  margin: 0;
  float: none;
  width: auto;
  margin-bottom: 30px;
  position: relative!important;
  top: auto!important;
  left: auto!important;
}
.wrap.archive .post:hover{
  margin-top: 0;
  box-shadow: none;
}
.wrap.archive .post footer{
  padding-bottom: 15px;
}

blockquote{
  padding-left: 15px;
}

.related li:hover{
  background: none;
}
.related li:hover p{
  color: #565656
}

body.single #main{
  padding-top: 90px;
}

/*unthread comments on mobile*/

.commentlist ul.children{
  border-left: 5px solid #eee;
  margin-top: 30px;
}
.commentlist ul.children li{
  padding-left: 8px;
}
.comment-meta{
  padding-top: 5px;
}
.comment-meta h3, .comment-meta time{
  display: block;
}
.comment-meta{
  padding-left: 7px;
}

img.avatar{
  display: none;
}


.commentlist .comment-reply-link {
text-decoration:none;
color:#f1f1f1;
font-size:.7em;
text-transform: uppercase;
background-color: rgba(0,0,0,0.2);
border:none;
display:block;
padding: 11px 7px 7px 7px;
margin-top: 15px;
margin-right: 7px;
float:right;
border-radius: 100px;
line-height: 1;
}

.yarpp-related li:hover::before, .wrap.archive .post:hover::before{
      box-shadow: none;
}

}

/******************************************************************
Theme Name: Mindsatwork
Stylesheet: Print Stylesheet
******************************************************************/
@media print{*{background:transparent!important;color:#000!important;text-shadow:none!important;filter:none!important;-ms-filter:none!important}a,a:visited{color:#444!important;text-decoration:underline}a:after,a:visited:after{content:" (" attr(href) ")"}a abbr[title]:after,a:visited abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.page-navigation,.respond-form,.sidebar,.wp-prev-next,nav{display:none}}