Theme Name: FortyTwo
Theme URI: http://www.thedistrict.co.uk
Author: The District
Author URI: http://www.thedistrict.co.uk
Description: A mainly AJAX driven theme for FortyTwo
Version: 0.1
License: All Rights Reserved.

-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
k footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font: inherit;
    font-size: 100%;
}
/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
html {
    margin: 0;
    padding: 0;
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */

    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */

    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    /*-webkit-font-smoothing: none;*/
    /*-webkit-font-smoothing: subpixel-antialiased;*/
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
code,
kbd,
tt,
var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: 75%;
}
big {
    font-size: 125%;
}
figure {
    margin: 0;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
th {
    font-weight: bold;
}
button,
input,
select,
textarea {
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */

    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

    vertical-align: baseline;
    *vertical-align: middle;
    /* Improves appearance and consistency in all browsers */
}
button,
input {
    line-height: normal;
    /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */

    *overflow: visible;
    /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: none;
    border-radius: 10px;
    background: #ccc;
    color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */

    -webkit-appearance: button;
    /* Corrects inability to style clickable 'input' types in iOS */

    font-size: 12px;
    font-size: 1.4rem;
    line-height: 1;
    padding: 1.12em 1.5em 1em;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* Addresses box sizing set to content-box in IE8/9 */

    padding: 0;
    /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
    -webkit-appearance: textfield;
    /* Addresses appearance set to searchfield in S5, Chrome */

    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

    border: 0;
    padding: 0;
}
input[type=text],
input[type=email],
textarea {
    color: #888888;
    border: 1px solid #dddddd;
    border-radius: 5px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
    color: #101010;
}
input[type=text],
input[type=email] {
    padding: 3px;
}
textarea {
    overflow: auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */

    padding: 10px;
    vertical-align: top;
    /* Improves readability and alignment in all browsers */

    width: 98%;
}
:focus {
    outline: -webkit-focus-ring-color none;
}
/* fonts --
*/

@font-face {
    font-family: 'akkurat-light';
    src: url('fonts/akkurat-light.eot');
    src: url('fonts/akkurat-light.eot#iefix') format('embedded-opentype'),
        url('fonts/akkurat-light.woff') format('woff'),
        url('fonts/akkurat-light.ttf') format('truetype'),
        url('fonts/akkurat-light.svg') format('svg');
}
@font-face {
    font-family: 'akkurat-normal';
    src: url('fonts/akkurat-normal.eot');
    src: url('fonts/akkurat-normal.eot#iefix') format('embedded-opentype'),
        url('fonts/akkurat-normal.woff') format('woff'),
        url('fonts/akkurat-normal.ttf') format('truetype'),
        url('fonts/akkurat-normal.svg') format('svg');
}
@font-face {
    font-family: 'akkurat-normal-italic';
    src: url('fonts/akkurat-normal-italic.eot');
    src: url('fonts/akkurat-normal-italic.eot#iefix') format('embedded-opentype'),
        url('fonts/akkurat-normal-italic.woff') format('woff'),
        url('fonts/akkurat-normal-italic.ttf') format('truetype'),
        url('fonts/akkurat-normal-italic.svg') format('svg');
}
@font-face {
    font-family: 'futura-medium';
    src: url('fonts/futura-medium.eot');
    src: url('fonts/futura-medium.eot#iefix') format('embedded-opentype'),
        url('fonts/futura-medium.woff') format('woff'),
        url('fonts/futura-medium.ttf') format('truetype'),
        url('http://www.42evolution.org/wp-content/themes/fortytwo/fonts/futura-medium.svg#futura-medium') format('svg');
}
@font-face {
    font-family: 'futura-bold';
    src: url('fonts/futura-bold.eot');
    src: url('fonts/futura-bold.eot#iefix') format('embedded-opentype'),
        url('fonts/futura-bold.woff') format('woff'),
        url('fonts/futura-bold.ttf') format('truetype'),
        url('http://www.42evolution.org/wp-content/themes/fortytwo/fonts/futura-bold.svg#futura-bold') format('svg');
}
/* styles
-------------------------------------------------------------- */

body,
html {
    padding: 0;
    margin: 0;
    background-color: #ffffff;
    font-size: 100%;
    height:100%;
}
#holder {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: fixed;
    z-index: 1;
    display: block;
    top: 0px;
    left: 0px;
}
strong {
    /*font-family: 'akkurat-normal';*/
}
p,
h2,
h3,
h4,
h5,
h6,
ul,
ol {
    margin-bottom: 1em;
}
.page a,
#page-content a {
    /*color: #000;*/
    color: #414042;
}
.page a:hover,
.page a:focus,
#page-content a:hover,
#page-content a:focus,
#page-content a:visited {
    color: #d85036;
}
#pioneercontent,
#ajaxcontent {
    margin-left: 25.53%;
    width: 32.98%;
    /*background-color:pink;*/

    float: left;
    position: absolute;
    top: 0;
    padding-top: 16em;
    font-family: 'akkurat-normal', 'sans-serif';
    /* position: relative; */

    padding-bottom: 20em;
    transition: opacity 1s linear;
    z-index: 10;
}
#ajaxcontent.wide{
    margin-left: 25.53% !important;
    width: 61% !important;
}

#navcontent,
#searchcontent {
    margin-left: 25.51%;
    width: 69.15%;
    margin-right: 5.32%;
    /*background-color:pink;*/
}

.page-template-page-careers-php #ajaxcontent {
    margin-left: 25.53%;
    width: 69.15%;
    padding-top: 20em;
}

#ajaxcontent .far p a,
#ajaxcontent .far p a:visited {
    /*color: #000;*/
    color: #414042;
    text-decoration: none;
    /*border-bottom: SOLID 1px #4fdc8a;*/
}
#ajaxcontent .near p a,
#ajaxcontent .near p a:visited {
    /*color: #000;*/
    color: #414042;
    text-decoration: none;
    /*border-bottom: SOLID 1px #d85036;*/
}
#ajaxcontent .here p a,
#ajaxcontent .here p a:visited {
    /*color: #000;*/
    color: #414042;
    text-decoration: none;
    /*border-bottom: SOLID 1px #63c9d5;*/
}
#ajaxcontent .pioneers p a,
#ajaxcontent .pioneers p a:visited {
    color: #8c7eab;
    /*color: #414042;*/
    text-decoration: none;
    border-bottom: SOLID 1px #8c7eab;
}
#ajaxcontent .far p a:hover {
    color: #4fdc8a;
}
#ajaxcontent .near p a:hover {
    color: #d85036;
}
#ajaxcontent .here p a:hover {
    color: #63c9d5;
}
#ajaxcontent .pioneers p a:hover {
    color: #8c7eab;
}
blockquote {
    width: 90%;
    /*text-align: center;*/
    font-size: 1.4em;
    quotes: "\201C""\201D""\2018""\2019";
    margin: 0px 0px 2em 0px;
    padding: 0 0 0 5%;
    position:relative;
}
blockquote:before {
    content: open-quote;
    font-size: 1.5em;
    float: left;
    display: block;
    margin-top: 0em;
    left: 0%;  
    top: 15px;
    position: absolute;
}
blockquote:after {
    content: close-quote;
    font-size: 1.5em;
    float: left;
    display: block;
    margin-top: 0em;
    right: 0%;  
    bottom: -10px;
    position: absolute;
}
blockquote p em,
blockquote p,
.single-post blockquote p em,
.single-post blockquote p{
    font-family: 'futura-medium';
    font-style: normal;
    font-weight: normal;
}
.here blockquote:before,
.here blockquote:after,
#ajaxcontent .here blockquote:before,
#ajaxcontent .here blockquote:after {
    color: #63c9d5;
}
.far blockquote:before,
.far blockquote:after,
#ajaxcontent .far blockquote:before,
#ajaxcontent .far blockquote:after {
    color: #4fdc8a;
}
.near blockquote:before,
.near blockquote:after,
#ajaxcontent .near blockquote:before,
#ajaxcontent .near blockquote:after {
    color: #d85036;
}
blockquote p {
    display: inline;
    font-weight: bold;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
.faded {
    opacity: 0.5;
}
.morefaded {
    opacity: 0.1;
}
a img{border: none;}
.purple,
#page-content #random-items small {
    color: #8c7eab;
}
.leftSide {
    width: 60%;
    padding-right: 5%;
    float: left;
}
.rightSide,
#navcaption {
    width: 35%;
    float: left;
}
/* table styles */

td {
    border: SOLID 1px #404040;
    padding: 0.4em;
    color: #404040;
}
table tr th {
    background-color: #404040;
    color: #FFF;
    font-weight: normal;
    padding: 0.8em 0.4em;
    border: SOLID 1px #404040;
    text-align: left;
}
table tfoot td {
    font-size: 0.7em;
    line-height: 140%;
    color: #231f20;
    font-family: 'akkurat-light';
}
#top-link {
    font-size: 0.7em;
}
#logo,
#logo-alt,
#logo-page {} #intro-hex {
    margin-top: -12em;
}
#intro-hex img {
    position: absolute;
    z-index: 1;
    /*width:150%;*/

    height: auto;
    /*max-width:150%;*/
    /*margin-left:-25%;*/
}
#intro-hex #intro-overlay {
    z-index: 2;
    pointer-events: none;
}
#logo,
#logo-alt,
#logo-page {
    position: absolute;
    top: 15%;
    left: 25.53%;
    z-index: 20;
    width: 12em;
    height: auto;
    margin-left: -190px;
}
#logo a,
#logo-alt a,
#logo-page a {
    text-decoration: none;
    float: left;
    display: block;
}
#logo span,
#logo-alt span,
#logo-page span {
    float: left;
    font-family: 'futura-medium';
    display: block;
}
#logo span em,
#logo-alt span em,
#logo-page span em {
    font-family: 'futura-bold';
    font-style: normal;
}
#logo-alt {
    display: none;
}
#page-content #logo-page .greyScale {
    opacity: 1;
    -webkit-filter: invert(80%)
}
#discover.greyScale,
.page-template-page-discover-php #discover.greyScale {
    color: #444;
    border-color: #444;
    -webkit-filter: brightness(100%);
    background-color: #FFF;
}
body #search.greyScale,
.page-template-page-discover-php #search.greyScale {
    color: #444;
    border-color: #FFF;
    -webkit-filter: brightness(100%);
    background-color: #FFF;
}
#discover {
    background-color: transparent;
    position: fixed;
    border: SOLID 2px #FFF;
    padding: 12px 18px;
    color: #FFF;
    text-decoration: none;
    top: 2em;
    right: 11.2em;
    font-family: 'akkurat-normal';
    letter-spacing: 1px;
    z-index: 50;
    font-size: 1.2em;
    transition:all 0.2s linear 0s;
}


/**
    Search button
**/
#search, a.button-link {
    position: fixed;
    padding: 12px 18px;
    color: #FFF;
    text-decoration: none;
    top: 90px;
    right: 3em;
    font-family: 'akkurat-normal';
    letter-spacing: 1px;
    z-index: 50;
    font-size: 1.2em;
    transition:all 0.2s linear 0s;
    box-sizing:border-box;
    border:2px solid transparent;

}
a.button-link{
    top:auto;
    bottom:2em;
    position: absolute;
    /*font-size:11.2px;*/
    font-size:0.8em;
}
#search.greyscale{
    /*color: #000;*/
    color: #414042;
    /*border-color:#000;*/
    border-color:#414042;
}
body.overlay-open #search,
.page-template-page-careers-php #search,
.page-template-page-about-php #search,
.page-template-page-researcher-php #search,
.single-post #search,
.fortytwo #search{
    /*color:#000;*/
    color:#414042;
    background-color: #fff;
}
body #discover:hover,
body #search:hover,
.page-template-page-discover-php #search.greyScale:hover,
.page-template-page-discover-php #discover.greyScale:hover,
.page-template-page-researcher-php #search:hover,
.single-post #search:hover {
    background-color: #fff;
    /*color: #000;*/
    color: #414042;
    border-color: #fff;
    -webkit-filter: brightness(100%);
}
.page-template-page-discover-php #searchcontent {
    background-image: none;
    background-color: transparent;
}
.page-template-page-discover-php #discover,
.page-template-page-discover-php #search {
    background-color: transparent;
}
.page-template-page-discover-php #search {
    /*border-color: transparent;*/
}
.page-template-page-discover-php #discover:hover,
.page-template-page-discover-php #search:hover {
    background-color: #414042;
    border-color: #414042;
}
body.single-post.near-horizons #search:hover{
    background:#63c9d5;
    color:#fff;
    border-color:#63c9d5;
}
body.single-post.far-horizons #search:hover{
    background:#4fdc8a;
    color:#fff;
    border-color:#4fdc8a;
}

body.single-post.here-and-now #search:hover{
    background:#d85036;
    color:#fff;
    border-color:#d85036;
}
body.single-post.fortytwo #search:hover{
    background:#fa91a2;
    color:#fff;
    border-color:#fa91a2;
}

body.single-post.pioneers #search:hover{
    background:#8c7eab;
    color:#fff;
    border-color:#8c7eab;
}

body.page-template-page-researcher-php #search:hover{
    background:#fccf40;
    color:#fff;
    border-color:#fccf40;
}


body.page-template-page-here-php.here-and-now #search:hover{
    background:#fff;
    color:#d85036;
    border-color:#fff;
}
body.page-template-page-here-php.near-horizons #search:hover{
    background:#fff;
    color:#63c9d5;
    border-color:#fff;
}
body.page-template-page-here-php.far-horizons #search:hover{
    background:#fff;
    color:#4fdc8a;
    border-color:#fff;
}
body.page-template-page-fortytwo-php #search:hover{
    background:#fff;
    color:#FA91A2;
    border-color:#fff;
}

body.page-template-page-heroes-php #search:hover{
    background:#fff;
    color:#8c7eab;
    border-color:#fff;
}
body.page-template-page-careers-php  #search{
    /*border:2px solid #000;*/
    border:2px solid #414042;
}
body.page-template-page-careers-php  #search:hover{
    background:#ed4eb7;
    color:#fff;
    border-color:#ed4eb7;
}

.here small,
small.here,
small.here a,
#ajaxcontent .here small,
#ajaxcontent .here small a,
.here .wp-caption-text .more,
.here .wp-caption-text .less {
    color: #d85036;
}
.far small,
small.far,
small.far a,
#ajaxcontent .far small,
#ajaxcontent .far small a,
.far .wp-caption-text .more,
.far .wp-caption-text .less {
    color: #4fdc8a;
}
#ajaxcontent #random-items .purple {
    color: #8c7eab;
}
#ajaxcontent #random-items a:hover {
    color: #414042;
    border-color: #414042;
}
.near small,
small.near,
small.near a,
#ajaxcontent .near small,
#ajaxcontent .near small a,
.near .wp-caption-text .more,
.near .wp-caption-text .less {
    color: #63c9d5;
}
.subtitle strong {
    font-size: 2.5em;
    margin-bottom: 5px;
    line-height: 150%;
    /*color: #000;*/
    color: #414042;
}
#overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 50;
    display: none;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: scroll;
    background: rgba(255, 255, 255, 0.9);
    -webkit-overflow-scrolling: touch;;
}
.here-bg {
    background-image: url(http://www.42evolution.org/wp-content/themes/fortytwo/index-blue.png);
}
.near-bg {
    background-image: url(http://www.42evolution.org/wp-content/themes/fortytwo/index-red.png);
}
.far-bg {
    background-image: url(http://www.42evolution.org/wp-content/themes/fortytwo/index-green.png);
}
#close,
#menu,
#cboxClose,
.videoclose {
    position: fixed;
    top: 6.48em;
    left: 4em;
    z-index: 50;
    width: 2em;
}
.videoclose{
    /*top: 3.5em;*/
}
#close{
    z-index: 51
}
#menu{
    z-index:45;
}
#close img,
#menu img,
#cboxClose img {
    width: initial;
    height: initial;
}
#menu img {
    width: 100%;
}
#close {
    display: none;
}
#navcontent,
#searchcontent,
#ajaxcontent {
    font-family: 'akkurat-normal', 'sans-serif';
    width: 90%;
    margin: auto;
    padding-top: 18em;
    position: relative;
    padding-bottom: 20em;
    transition: opacity 1s linear;
    z-index: 10;
}
#navcontent{
    padding-top: 3.8em;
}
.section {
    font-size: 1.1em;
    color: #383838;
    position: absolute;
    top: 52px;
    left: -8.7%;
    font-style: normal;
    font-weight: 400;
}
#ajaxcontent {
    width: 35%;
    float: left;
    margin-left: 25.2em;
    padding-top: 24em;
}
#searchcontent,
#navcontent,
.page-template-page-careers-php #ajaxcontent,
#ajaxcontent.search,
.search#ajaxcontent {
    /*margin-left: 24%;*/
    margin-left:25.53%;
    width: 61%;
}
/*#imagecontent, #ajaximages {padding-top:25em;width:32%;margin-left:4%;float:left;} */

#ajaxcontent .section {
    position: fixed;
    z-index: 9999;
    color: #231f20;
    font-weight: 400;
    text-transform: none;
    font-size: 0.9em;
}
.single-post #ajaxcontent .section,
.page-template-default #ajaxcontent .section {
    position: initial;
    text-transform: uppercase;
    font-size: 0.8em;
    margin-bottom: 1em;
}
#content small.none {
    color: #231f20;
}
#navcontent small,
#ajaxcontent small {
    font-family: 'futura-bold';
    /*color: #000;*/
    color: #414042;
    text-decoration: none;
    font-size: 0.75em;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
#ajaxcontent small a {
    color: #8c7eab;
    text-decoration: none;
    padding: 0px 3px;
}
#searchcontent {} 
#searchBox {
    line-height: 100%;
    border: 2px SOLID #231f20;
    font-size: 1.8em;
    padding: 0.8em 0.8em;
    width: 50%;
    clear: both;
    display: block;
    background-color: transparent;
    /*margin-top: 0.5em;*/
    color: #231f20;
    font-family: 'akkurat-normal', 'sans-serif';
    font-weight: 300;
    border-radius: 0;
        float: left;
    margin: 0;
}
::-webkit-input-placeholder {
    color: #CCC;
}
#index {} 
.index small, #index small {
    clear: both;
    display: block;
    width: 100%;
    padding-top: 6.5em;
    padding-bottom: 0.4em;
}
.index ul, #index ul {
    max-width: 98%;
    margin-top: 0px;
}
.index ul li, #index ul li {
    width: 44%;
    margin-right: 4%;
    float: left;
}
.index ul li a, #index ul li a {
    font-weight: 400;
    line-height: 120%;
}
.index ul li.noresults, #index ul li.noresults {
    font-size: 1em;
}
.index.arabic{
    text-align: right;
}
#content {
    position: relative;
    font-family: 'akkurat-normal', 'sans-serif';
    height: 52%;
    overflow: hidden;
    top: 240px;
    padding-top: 80px;
    padding-bottom: 100px;
    width: 100%;
}
#careercontent,
#menu-main-navigation {
    width: 100%;
}
#menu-main-navigation {
    max-width: 100%;
}
.menu-main-navigation-container {
    width: 100%;
}
#navcontent ul li a,
#careercontent ul li a,
#eventcontent ul li a {
    font-size: 4.65em;
    font-family: 'futura-bold';
    font-weight: normal;
    color: #383839;
}
#navcontent ul li a,
#careercontent ul li a:hover,
#eventcontent ul li a:hover {
    text-decoration: none;
    color: #383839;
}
#navcontent ul,
#eventcontent ul {
    margin-top: 10%;
}
/* Careers Wheel */

.page-template-page-careers-php #page-content .section {
    letter-spacing: 0.05em;
    left: 15.2%;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.8em;
    font-family: 'futura-bold';
    padding-bottom: 4em;
}
.page-template-page-careers-php #logo-page img {
    top: 8.75%;
}
.page-template-page-careers-php #page-content .content {
    width: 61%;
    margin-left: 24%;
}
.page-template-page-careers-php #page-content .content a:hover {
    color: #8c7eab;
}
.content{
    padding-bottom: 1em;
}
.content ul{
    list-style:disc outside;
    margin: 0 0 2em;
    padding: 0px 0px 0px 1.3em;
    text-align: left;
}
.content ul li{
    font-family: 'akkurat-light';
    font-size: 1.2em;
}
.career-question,
.generate-left {
    width: 50%;
    float: left;
    color: #404041;
    margin-right: 5%;
}
.career-question small .faded span {
    display: none;
}
.career-question small a:hover {
    opacity: 1;
    transition: opacity 1s linear;
}
.career-details,
.generate-right {
    width: 45%;
    float: left;
    color: #404041;
}
.career-details small {
    display: block;
    margin-bottom: 10px;
}
.career-details p {
    width: 50%;
    float: left;
}
.career-question h3,
.generate-left h3 {
    font-size: 2em;
    font-weight: normal;
    max-width: 100%;
    margin-top: 10px;
    font-family: 'futura-bold';
}
.choices {
    font-size: 1.9em;
    padding-left: 3px;
    max-width: 90%;
    width: 90%;
}
.choices li {
    border: none;
    padding: 4px 0px 0px 0px;
    width: 100%;
}
.choices .active {
    background-image: url(img/tick.jpg);
    background-repeat: no-repeat;
    background-position: center right;
}
.choices li a {
    font-size: 1.4em;
    font-weight: 400;
    opacity: 0.5;
    line-height: 120%;
}
.choices li a:hover,
.choices .active a {
    opacity: 1;
    transition: opacity 0.3s linear;
    text-decoration: none;
    /*color: #000;*/
    color: #414042;
}
#q2,
#q3 {
    display: none;
}
#career-wheel {
    position: relative;
    width: 747px;
    height: 503px;
    clear: both;
    top: 3em;
    margin: auto;
}
#hex1,
#hex2,
#hex3 {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
}
#hex1 {
    height: auto;
    width: 754px;
}
#hex2 {
    height: auto;
    width: 503px;
    bottom: 556px;
    left: 125px;
}
#hex3 {
    height: auto;
    width: 252px;
    bottom: 889px;
    left: 250px;
}
#career-output {
    display: none;
    float: left;
    padding-bottom: 4em;
}
#career-buttons {
    /*width:50%;margin:7em 0px 0px 25%;padding-left:5em;position:relative;top:130px;*/
}
#career-buttons a {
    display: block;
    background-color: #3E3E3F;
    color: #FFF;
    float: left;
    text-decoration: none;
    text-align: center;
    margin-right: 1em;
    padding: 14px 20px;
    padding-bottom: 12px;
    margin-bottom: 1em;
    font-family: 'akkurat-normal';
    font-size: 19px;
}
.generate-left,
.generate-right {
    margin-top: 10em;
    padding-bottom: 2em;
}
.generate-left small,
.generate-right small {
    margin-top: 2em;
}
.generate-left p {
    margin-top: 0em;
}
.generate-right p {
    margin-top: 3em;
}
.generate-right h4 {
    font-size: 2em;
    max-width: 100%;
    line-height: 120%;
}
.generate-right img {
    width: 100%;
    height: auto;
}
/*heroes */

.pioneers #page-content .section {
    position: absolute;
    left: 15.2%;
}
.pioneers #page-content #detailcontent {
    width: 38%;
    margin-left: 24%;
}
.pioneers #logo-page img {
    top: 20.6%;
}
.page-template-page-heroes-php {
    background-image: url(img/42repeat.jpg);
}
.page-template-page-heroes-php #discover {
    background-color: transparent;
}
.page-template-page-heroes-php #search {
    background-color: transparent;
}
#lightbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 9999;
    display: none;
    /*background-color: #000;*/
    background-color: #414042;
    text-align: center;
}
#lightbox img {
    height: 100%;
}
#lightbox .lightbox-caption {
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    font-size: 0.7em;
    padding: 1%;
    opacity: 0.1;
    transition: opacity 1s linear;
}
#lightbox .lightbox-caption:hover {
    opacity: 1;
}
#lightbox .lightbox-caption p {
    color: #FFF;
    max-width: 90%;
    text-align: left;
    font-family: 'akkurat-normal', 'sans-serif';
    line-height: 150%;
}
#lightbox .lightbox-caption p a {
    color: #FFF;
}
.zoom-in {
    background-image: url(http://www.42evolution.org/wp-content/themes/fortytwo/zoom-in.png);
    position: relative;
    width: 23px;
    height: 23px;
    z-index: 2;
}
#cboxWrapper .cboxPhoto {
    max-height: 80vh;
    width:auto !important;
    max-width: 80vw;
    height:auto !important;
}
#toc {
    margin: 2em 0px 2em 0px;
}
.heading {
    font-size: 75%;
    /*padding-left: 1.3em;*/
    max-width: 100%;
}
#content small,
#page-content small,
#searchcontent small,
#ajaxcontent small {
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: normal;
    display: block;
    margin-bottom: 1em;
    font-family: 'futura-bold';
}
.single-post h1,
.single-post h2,
.single-post .wp-caption,
.single-post p,
.single-post figcaption,
.single-post ol,
.single-post ul,
.single-post table,
#ajaxcontent h1,
#ajaxcontent h2,
#ajaxcontent h3,
#ajaxcontent .wp-caption,
#ajaxcontent p,
#ajaxcontent figcaption,
#ajaxcontent ol,
#ajaxcontent ul,
pre {
    height: auto;
}
.wp-caption {
    margin-bottom: 2em;
}
/*.wp-caption img, #ajaxcontent img, .single-post img {max-width:100%;height:auto;} */


.page-template-page-careers-php #ajaxcontent .generate-right img {
    width: 100%;
    height: auto;
}
.alignright {
    width: 18%;
    position: absolute;
}
.pioneers .alignright {
    display: block;
    /*max-width:15%;*/
}
.pioneers .alignnone {
    display: block;
    position: initial;
    width: 100%;
    top: auto;
    right: auto;
    float: left;
    margin-bottom: 1em;
}
.mark {
    font-size: 0.6em;
    vertical-align: super;
    color: #d85036;
    float: left;
    margin-right: 2px;
    cursor: pointer;
}
.fortytwo .mark {
    display: none;
}
.far-horizons #ajaxcontent .mark,
.far .mark,
.far-horizons #ajaxcontent a {
    color: #4fdc8a;
}
/*.here-and-now .mark, .here .mark, .here-and-now a {color:#63c9d5;}*/

.near-horizons #ajaxcontent .mark,
.far .mark,
.near-horizons #ajaxcontent a {
    color: #d85036;
}
h1 {
    color: #414042;
    font-size: 2.1em;
    font-weight: normal;
    margin-bottom: 2em;
    font-family: 'futura-bold';
    line-height: 110%;
}
h2 {
    font-weight: normal;
    font-style: normal;
    font-size: 1.2em;
    color: #231f20;
    font-family: 'akkurat-normal';
    line-height: 130%;
}
h3,
ol li h3 {
    font-size: 1.6em;
    font-weight: 400;
    color: #231f20;
    display: block;
}
h4 {
    color: #231f20;
    font-size: 1.6em;
    font-weight: 300;
}
h5 {
    text-indent: 15px;
    background-image: url(img/caption-end.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    color: #231f20;
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 2em;
    cursor: pointer;
    font-family: 'akkurat-normal';
}
p {
    color: #231f20;
    line-height: 130%;
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 1em;
    font-family: 'akkurat-light';
}
p a.glossary {
    border-bottom: DASHED #d85036 1px;
    text-decoration: none;
    color: #231f20;
}
.single-post em {
    font-style: italic;
}
.single-post h2 em {
    font-style: italic;
}
.wp-caption-text {
    cursor: pointer;
}
.wp-caption-text span {
    display: none;
}
.wp-caption-text,
#ajaxcontent .wp-caption-text {
    max-width: 100%;
    line-height: 160%;
}
.wp-caption-text {
    text-indent: 16px;
    max-width: 100%;
}
.wp-caption-text a {
    color: #231f20;
    text-decoration: none;
    font-weight: 600;
}
.wp-caption-text a:hover,
#lightbox .lightbox-caption p a:hover {
    text-decoration: underline;
}
.wp-caption:hover .zoom {
    display: block;
}
.wp-caption-text span{

}
.wp-caption .zoom {
    display: none;
    top: 30%;
    position: absolute;
    left: 50%;
    width: 23px;
    height: 23px;
    background-image: url('img/zoom-in.png');
    margin-left: -12px;
    margin-top: -12px;
}
figure {
    float: right;
    clear: right;
    margin: 0px;
    display: none;
    position: fixed;
    top: 190px;
    right: 100px;
    width: 25%;
}
#featured {
    float: left;
    margin: 0px;
    display: block;
    position: relative;
    width: auto;
    top: 0px;
    right: 0px;
}
ol {
    list-style-type: upper-roman;
    margin: 1em 0px 0px 0px;
    padding: 0;
    text-align: left;
    list-style-position: inside;
}
.heading,
#ajaxcontent .heading {
    max-width: 100%;
}
.heading li {
    border: none;
}

.heading li h3,
#ajaxcontent .heading li h3,
#ajaxcontent h6 {
    font-family: 'futura-medium';
    letter-spacing: 0.02em;
    max-width: 100%;
    font-size: 2.8em;
    padding-left: 0.33em;
    margin-bottom: 0px;
    line-height: 110%;
}
.heading li,
#ajaxcontent .heading li{
    /*padding-top: 32px*/
}
.heading li h3,
#ajaxcontent .heading li h3{
    display: inline-block;
    padding-left: 27px;
    max-width: 90%;
    /*vertical-align: middle;*/
    /*margin-top: 0;*/
    /*vertical-align: top;*/
    margin-top: 0;

}


#toc ol{
    list-style-type:none;
    counter-reset: toc;
}
#toc ol li{
    counter-increment: toc;   
    position:relative;
}
#toc ol li:before{
    content: counter(toc, upper-roman)".";
    position:absolute;
    bottom:18px;
}
#toc ol li a{
    padding-left:1.4em;
    transition: all 0.1s linear 0s;
    width: 90%;
}
#toc ol li a:hover{
    text-decoration: none;
    padding-left: 33px;
}
body{
    counter-reset: headings;
}
.heading{
    list-style-type:none;
    counter-increment: headings; 
    margin-top: 2em;
}
.heading li{
    position: relative;
}
.heading li:before{
    content: counter(headings, upper-roman)".";
    position:absolute;
    top:18px;
}
.heading li h3{
    padding-left:18px;
}


#ajaxcontent h6 {
    margin-bottom: 1.5em;
    font-size: 1.4em;
    padding-left: 0px;
}
ol li {
    border-bottom: SOLID 1px #231f20;
    padding-bottom: 14px;
    font-size: 0.6em;
    width: 100%;
    margin: 0px 0px 1.1em 0px;
    font-weight: 800;
}
ol li a {
    text-decoration: none;
    color: #231f20;
    font-size: 2em;
    font-weight: normal;
    padding-left: 1em;
    display: inline-block;
    line-height: 110%;
    padding-top: 5px;
}
ol li a:visited {
    color: #231f20;
}
ol li a:hover {
    text-decoration: underline;
}
.far ol li a:hover {
    color: #4fdc8a;
}
.near ol li a:hover {
    color: #63c9d5;
}
.here ol li a:hover {
    color: #d85036;
}
ul {
    list-style-type: none;
    padding: 0px;
}
ul li {
    border-bottom: SOLID 1px #231f20;
    padding: 13px 0px;
    font-size: 0.6em;
    width: 100%;
}
.page-template-default ul li {
    /*font-size:1em;*/

    font-family: 'akkurat-light';
}
ul li a {
    text-decoration: none;
    color: #231f20;
    font-size: 1.6em;
    font-weight: 600;
    display: block;
}
ul li a:hover,
pre p a:hover {
    text-decoration: underline;
}
#content figure img {
    z-index: 1;
    position: relative;
    max-width: 70%;
    left: 10%;
    cursor: pointer;
}
pre {
    font-size: 0.8em;
    letter-spacing: 0.06em;
    line-height: 140%;
    margin-bottom: 1em;
    /*display: block;*/
    white-space: normal;
    color: #231f20;
    display: none;
    font-family: 'akkurat-light';
}
pre strong {
    font-family: 'akkurat-normal';
}
pre a {
    /*color: #000;*/
    color: #414042;
    text-decoration: none;
    font-weight: bold;
}
.ui-tooltip {
    padding: 10px;
    color: #231f20;
    font-family: 'akkurat-normal', 'sans-serif';
    font-size: 0.75em;
    z-index: 9999;
    background-color: #FFF;
    max-width: 40%;
    opacity: 0.9;
}
h4 {
    cursor: pointer;
}
del {
    display: none;
    text-decoration: none;
    background-color: transparent;
    font-size: 0.8em;
}
body .reveal {
    display: block;
    cursor: pointer;
}
.related-item {
    width: 100%;
    clear: both;
    margin-bottom: 2em;
    float: left;
    font-size: 0.8em;
}
.related-item p,
.related-item a,
#ajaxcontent .related-item p a {
    display: block;
    float: left;
    border: 0;
}
.related-item p a,
#top-link {
    color: #8c7eab;
}


.related-item p a:hover,
#top-link:hover {
    color: #231f20;
}
.related-item p {
    letter-spacing: 0.06em;
    margin:0 0 0.8em;
    clear: right;
    width: 65%;
    line-height: 140%;
}
.related-item-title {
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: normal;
    width: 100%;
    font-family: 'akkurat-normal', 'sans-serif';
}
.related img,
#ajaxcontent .related img {
    width: 100px;
    margin-right: 10px;
}
.related-title {
    /*margin-top: 4em;*/
}
.far-horizons hr,
.far hr {
    border: 0;
    background-color: #4fdc8a;
    height: 1px;
    width: 100%;
    margin: 0 0 1.5em 0;
}
.near-horizons hr,
.near hr,
.page-template-default hr {
    border: 0;
    background-color: #d85036;
    height: 1px;
    width: 100%;
    margin: 0 0 1.5em 0;
}
.here-and-now hr,
.here hr {
    border: 0;
    background-color: #63c9d5;
    height: 1px;
    width: 100%;
    margin: 0 0 1.5em 0;
}
/* discover */

.subtitle {
    line-height: 80%;
    min-height: 9.7em;
    max-width: 34em;
    width: 34em;
    background-color: #FFF;
    color: #FFF;
    font-family: 'akkurat-light';
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding: 10px 20px 10px 10px;
    font-size: 0.8em;
    color: #EEE;
    display: none;
    cursor: pointer;
    z-index: 2;
}
.subtitle small,
#video-overlay .content span {
    text-transform: uppercase;
    display: block;
    clear: both;
    font-size: .8em;
    font-weight: normal;
    font-family: 'futura-bold';
    margin: 1em 0px;
}
.subtitle strong {
    font-size: 2.5em;
    margin-bottom: 5px;
    line-height: 100%;
    /*color: #000;*/
    color: #414042;
    font-family: 'akkurat-normal';
}
/*.here-and-now small {color:#63c9d5}
.far-horizons small {color:#4fdc8a;}
.near-horizons small {color:#d85036;}*/


#ajaxcontent .pioneers small,
#ajaxcontent .pioneers .related-item p a,
.pioneers .wp-caption-text .more,
.pioneers .wp-caption-text .less,
.pioneers .wp-caption-text strong  {
    color: #8c7eab;
}
#ajaxcontent .fortytwo small,
.fortytwo .wp-caption-text .more,
.fortytwo .wp-caption-text .less,
.fortytwo .wp-caption-text strong {
    color:#FA91A2;
}
#ajaxcontent .pioneers .related-item p a:hover {
    color: #414042;
}
#uni-logo {
    position: fixed;
    z-index: 1;
    bottom: 10px;
    right: 10px;
    text-align: right;
    /*color: #000;*/
    color: #414042;
    font-size: xx-small;
    opacity: 0.5;
}
#uni-logo img {
    clear: both;
    display: block;
    margin-bottom: 5px;
    float: right;
    max-width: 100px;
}
#uni-logo span {
    float: right;
    clear: both;
    display: block;
    max-width: 40%;
    text-align: right;
}
/* events */

#eventcontent .leftSide ul h3 {
    font-size: 3em;
    font-weight: bold;
    margin-bottom: 0px;
}
#eventcaption p {
    font-size: 1em;
}
#eventcontent ul {
    min-height: 14em;
}
#upcoming,
#eventform {
    clear: both;
    padding-top: 4em;
}
#upcoming ul li,
#eventform ol li {
    font-size: 1em;
}
#upcoming ul li strong {
    display: block;
    width: 4em;
    float: left;
}
#eventform,
#upcoming {
    width: 60%;
}
#eventform ol {
    font-size: 0.6em;
}
#eventform ol li input {
    font-size: 1.6em;
    border: none;
    margin-left: 3em;
    font-family: 'akkurat-normal', 'sans-serif';
}
#eventform ol li input::-webkit-input-placeholder {
    /*color: #000;*/
    color: #414042;
}
#eventform ol li input:-moz-placeholder {
    /*color: #000;*/
    color: #414042;
}
#eventform ol li input::-moz-placeholder {
    /*color: #000;*/
    color: #414042;
}
#eventform ol li input:-ms-input-placeholder {
    /*color: #000;*/
    color: #414042;
}
#eventform .wpcf7-submit {
    border-radius: 0px;
    background-color: #333;
    color: #fff;
    font-size: 0.8em;
    margin-top: 3em;
    padding: 0.6em 2em;
}
.page-template-page-discover-php .section {
    top: 12%;
    left: 17%;
}
/* search */

.page-template-page-search-php {}
/* #42 page */

.page-template-page-fortytwo-php {
    background-image: url(img/42repeat.jpg);
    background-repeat: repeat;
    /*height: 300%;*/
    background-position: -21px -35px;
}
.page-template-page-fortytwo-php #discover,
.page-template-page-fortytwo-php #search,
.page-template-page-videos-php #discover,
.page-template-page-videos-php #search {
    background-color: transparent;
}
.page-template-page-fortytwo-php #discover:hover,
.page-template-page-fortytwo-php #search:hover,
.page-template-page-videos-php #discover:hover,
.page-template-page-videos-php #search:hover {
    /*background-color: #000;*/
    background-color: #414042;
}
.page-template-page-videos-php #search:hover{
    /*border-color:#000;*/
    border-color:#414042;
    /*color:#fccf40;*/
    color:#fff;
}
.ftmodule {
    font-family: 'futura-bold';
    font-size: 2.1em;
    position: absolute;
    text-align: center;

}
.ftmodule a {
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;

}

.ftmodule a:hover {
    color: #FFF;
}
.ftmodule a small {
    display: block;
    font-size: 0.5em;
    clear: both;
    margin-top: 1em;
    text-transform: none;
    font-family: 'akkurat-light';
}
.p1 {
    width: 240px;
    top: 435px;
    left: 19px;
}
.p2 {
    width: 78px;
    top: 407px;
    left: 744px;
    font-size: 0.8em;
}
.page-template-page-fortytwo-php .p2 small {
    font-size: 1em;
}
.p3 {
    width: 274px;
    top: 862px;
    left: 0px;
    font-size: 2em;
}
.p4 {
    width: 178px;
    top: 816px;
    left: 623px;
    font-size: 1.72em;
}
.p5 {
    width: 308px;
    top: 1022px;
    left: 566px;
}
.p6 {
    width: 78px;
    top: 926px;
    left: 273px;
    font-size: 0.7em;
}
.page-template-page-fortytwo-php .p6 small {
    font-size: 1em;
}
.42 #intro-hex {
    display: none;
}
body #ajaximages .fortytwo {
    position: fixed;
    /*top:8em !important;right:20%;*/
}
/* videos page */

.page-template-page-videos-php {
    background-image: url(img/videorepeat.jpg);
    background-repeat: repeat;
    /*height: 300%;*/
    background-position: -21px -35px;
}
.page-template-page-videos-php #ajaxcontent .videos small {
    color: #FFF;
}
.page-template-page-videos-php .person-filters,
.page-template-page-videos-php .question-filters {
    border-bottom: SOLID 1px #FFF;
    z-index: 2;
    position: absolute;
    width: 100%;
}
.page-template-page-videos-php .question-filters {
    margin-top: 4.8em;
}
.page-template-page-videos-php .person-filters strong,
.page-template-page-videos-php .question-filters strong {
    color: #FFF;
    font-family: 'futura-bold';
    font-size: 2.1em;
    padding: 0.5em 0em;
    display: block;
    cursor: pointer;
    background-image: url(img/down-arrow.png);
    background-repeat: no-repeat;
    background-position: center right;
}
.page-template-page-videos-php .person-filters .active,
.page-template-page-videos-php .question-filters .active {
    background-image: url(img/up-arrow.png);
}
.page-template-page-videos-php .person-filters .options,
.page-template-page-videos-php .question-filters .options {
    display: none;
}
.page-template-page-videos-php .person-filters .options a,
.page-template-page-videos-php .question-filters .options a {
    color: #FFF;
    width: 100%;
    display: block;
    text-decoration: none;
    border-bottom: SOLID 1px #FFF;
    padding: 0.8em 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.page-template-page-videos-php .person-filters .options a:last-of-type,
.page-template-page-videos-php .question-filters .options a:last-of-type {
    border: 0;
}
.page-template-page-videos-php .person-filters .active,
.page-template-page-videos-php .question-filters .active {
    border: 0;
}
.page-template-page-videos-php #shape1 img,
.page-template-page-videos-php #shape2 img,
.page-template-page-videos-php #shape3 img {
    width: initial;
    height: auto;
    z-index: 1;
}
.page-template-page-videos-php #shape1 {
    position: absolute;
    top: 725px;
    left: 762px;
}
.page-template-page-videos-php #shape2 {
    position: absolute;
    top: 1234px;
    left: 620px;
}
.page-template-page-videos-php #shape3 {
    position: absolute;
    top: 726px;
    left: 763px;
}
.page-template-page-videos-php .video-shape .video-content {
    display: none;
}
#video-overlay {
    display: none;
    background: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 45;
    overflow-y: scroll;
}
/* #video-overlay .content {width:50%;margin-left:25%;text-align:center;} */

#video-overlay .content {
    width: 80%;
    margin-left: 14%;
    text-align: center;
}
#video-overlay .content iframe {
    width: 100%;
    height: 50%;
    margin-top: 25%;
    margin-bottom: 2em;
}
#video-overlay .content small {
    color: #231f20;
    font-size: 0.8em;
}
.page-template-page-videos-php #cboxClose {
    display: none;
}
.page-template-page-videos-php #previous,
.page-template-page-videos-php #next {
    z-index: 15;
    display: none;
    position: fixed;
    top: 50%;
    margin-top: -8px;
}

.page-template-page-videos-php #previous {
    left: 4em;
}
.page-template-page-videos-php #next {
    right: 4em;
}
/* light box */

#cboxWrapper {
    min-width: 400px;
}
#cboxOverlay {
    background-color: #FFF;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 100;
    overflow-y: visible;
    overflow-x: hidden;
}
#colorbox {
    z-index: 101;
}
#cboxCurrent {
    display: none;
    left: -9999px;
    position: absolute;
}
#cboxContent{
    overflow-y:scroll;
}
#cboxLoadedContent{
    overflow: visible !important;
    position:relative;
}
html.ie #cboxLoadedContent{
    display: table;
}
html.ie #cboxLoadedContent > div{
    display: table-cell;
    vertical-align: middle;
    position: static;
}
#cboxLoadedContent > div{
    position:absolute;
    display:table;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    text-align: center;
    width:100%;
}
#cboxTitle, #cboxLoadedContent div div{
    /*position: absolute;*/
    top: 105%;
    padding-top: 2em;
    line-height: 140%;
    letter-spacing: 0.06em;
    font-size: 0.8em;
    color: #231f20;
    font-family: 'akkurat-normal', 'sans-serif';
    /*background-image: url(img/down-arrow-black.png);*/
    background-repeat: no-repeat;
    background-position: center top;
    min-width: 50%;
    text-align: left;
    max-width: 80vh;
    margin:0 auto;
}
#cboxLoadedContent {
    text-align: center;
    width:90%;
    max-width: 80vw;
    margin:auto;
}
.cboxPhoto {} #cboxClose {
    cursor: pointer;
    font-size: 1em;
    position: fixed;
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url(img/close.png);
    background-repeat: no-repeat;
    background-position: 50%;
    text-indent: -99999px;
}
#cboxNext {
    position: fixed;
    right: 2em;
    top: 50%;
    background-image: url(img/next.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    text-indent: -99999px;
}
#cboxPrevious {
    position: fixed;
    left: 2em;
    top: 50%;
    background-image: url(img/previous.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    text-indent: -99999px;
}


/*

Tidying up

*/

.page-container {
    display: block;
    width: 100%;
    /*height: 300%;*/
    position: relative;
}
.page-container.videos {
    background-image: url(img/yellow-background.jpg);
    background-repeat: repeat;
}
#career-buttons {
    /*width: 50%;
  margin: 0em 0px 0px 46%;
   padding-left: 5em;
  //position: absolute;
  top: 396px;*/
}
.page-template-page-careers-php #ajaxcontent{
    margin-top:20em;
    padding-top: 0;
}
#career-wheel {
    width: 340px;
    height: 301px;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    margin: 0;
}
#career-buttons{
    text-align: center;
    width:340px;
    float: right;
}
#career-buttons a {
    display:inline-block;
    float:none;
    margin-right:0;
}
#hex1 {
    width: 340px;
}
#hex2 {
    width: 226px;
    bottom: 250px;
    left: 56px;
}
#hex3 {
    width: 113px;
    bottom: 399px;
    left: 113px;
}

#career-output {
    display: none;
    float: left;
    padding-bottom: 4em;
    margin-top: 6em;
}
.generate-left,
.generate-right {
    margin-top: 0;
}
.career-question {
    width: 52%;
    float: left;
    color: #404041;
    margin-right: 3%;
}
.career-details {
    width: 100%;
    padding-top: 1em;
    float: left;
    color: #404041;
}
.generate-left {
    width: 47.5%;
    float: left;
    color: #404041;
    margin-right: 5%;
}
.generate-left.topwide {
    width: 87.5%;
    float: left;
    color: #404041;
    margin-right: 5%;
}
.generate-left.floatright {
    float: right;
    margin-right: 0;
    margin-left: 5%;
}
.generate-right {
    width: 47.5%;
    float: left;
    color: #404041;
}
#career-buttons a#generate.green.faded {
    background-color: #3E3E3F;
}
#career-buttons a#generate.green {
    background-color: #34EF68;
}
body.page-template-page-careers-php ul.choices {
    list-style-type: upper-alpha;
}
body.overlay-open {
    overflow: hidden;
}
div.plain-tooltip, span.tooltip__holder, svg title {
    background-color: #ffffff;
    padding: 1em;
    font-family: 'futura-bold';
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-size: 0.7em!important;
}
div.bluetext {
    color: #63C9D5;
    text-align: center;
}
div.redtext {
    color: #D85036;
    text-align: center;
}
div.greentext {
    color: #4fdc8a;
    text-align: center;
}
img#bg,
canvas,
img.mapster_el {
    margin: 0;
    padding: 0;
    width: 100%!important;
    height: auto!important;
}
body.home {

}

.home-intro {
    font-size: 4.1em;
    color: #ffffff;
    font-family: 'akkurat-normal';
    position: absolute;
    top: 4em;
    left: 25.53%;
    z-index: 3;
}
/* Global fixes by matthew turner */

h6 strong {
    font-weight: bold;
}
p.category_title {
    position: absolute;
    top: 5%;
    left: 19.8em;
    z-index: 20;
    width: 12em;
    height: auto;
    font-family: 'akkurat-normal';
}
p.category_title a,
p.category_title a:hover {
    text-decoration: none;
    color: #383839;
}

body #logo,
body #logo-alt,
body #logo-page {
    left: 25.53%;
    width: 403px;
    display: block;
    margin-left: -190px;
}
#navcontent ul li a title {
    display: none;
}
#navcaption {
    margin-top: 3.5em;
}
body.page #overlay {
    /*background: rgba(255, 255, 255, 0.8);*/
    /*background-image:url(img/forty2-70percent.png);
background-color:transparent;
background-repeat:repeat;
/*position:relative;*/
}
#uni-logo {
    position: relative;
    float: right;
}
#top-panel {
    width: 74.47%;
    margin-bottom: 0em;
    background-color: #ffffff;
    padding-left: 25.53%;
    top: 0;
    padding-bottom: 5em;
    padding-top: 2.6em;
    display:none;
}
#top-panel.open{
    
}
.tp-content {
    /*margin:0 0 0 25.53%;*/
    
    width: 44.5%;
    padding:0;
    margin:0;
    /*background-color:#ff0000;*/
}
.tp-content P{
    margin-bottom: 0;
}
.page-template-page-videos-php #shape1,
.page-template-page-videos-php #shape2,
.page-template-page-videos-php #shape3,
.page-template-page-videos-php #shape4,
.page-template-page-videos-php #shape5,
.page-template-page-videos-php #shape6,
.page-template-page-videos-php #shape7,
.page-template-page-videos-php #shape8 {
    position: absolute;
    top: 725px;
    left: 696px;
    display: none;
}
.page-template-page-videos-php #shape1 img {
    position: absolute;
    top: 725px;
    left: 696px;
    display: none;
}
.page-template-page-videos-php #shape2 {
    position: absolute;
    top: 852px;
    left: 480px;
    display: none;
}
.page-template-page-videos-php #shape2 img {
    position: absolute;
    top: 852px;
    left: 480px;
    display: none;
}

body #overlay:visible #logo,
body #overlay:visible #logo-alt,
body #overlay:visible #logo-page {
    left: 4.5em;
}
.wp-caption .zoom {
    top: 30%!important;
    left: 50%;
}
#searchBox {
    
}
.index ul li, #index ul li {
    width: 49%;
    margin-right: 2%;
    height: 5em;
}
.index ul li:nth-of-type(even), #index ul li:nth-of-type(even) {
    width: 49%;
    margin-right: 0%;
}
.index ul li a, #index ul li a {
    line-height: 1.5em;
}
#intro-hex {
    margin-top: 0;
    top: 18.7em;
}
#intro-hex img {
    /*  position: absolute; */

    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    /*  max-width: 150%; */

    margin-left: 0;
}
.single-post img {
    max-width: none;
    height: auto;
}
#ajaxcontent img {
    max-width: 100%;
    height: auto;
}
body #ajaximages .fortytwo,
.pioneers .alignright
/*,body.pioneers  #ajaximages*/

{
    position: relative;
    top: 18.7em;
    width: 85%;
}
/*  -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; */

div.wp-caption.alignright {
    text-align: center;
    /*top: 18.7em;*/
}
.single.single-post.single-format-standard.here-and-now div.wp-caption.alignright,
.single.single-post.single-format-standard.near-horizons div.wp-caption.alignright,
.single.single-post.single-format-standard.far-horizons div.wp-caption.alignright {
    text-align: center;
    /*top: 18.7em;*/
    position: relative;
    width: 100%;
}
.single-post .wp-caption-text,
#ajaximages .wp-caption-text {
    text-align: left;
}
.wp-caption img {
    max-width: 100%;
    width: 85%;
    height: auto;
}
.pioneers .wp-caption.alignright img {
    max-width: none;
    width: auto;
    height: auto;
}
.pioneers .alignright.is_stuck {
    /*  position: relative!important;
  top: 40em!important;*/

    position: fixed!important;
    top: 8em!important;
}
.wp-caption.alignleft img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
.wp-caption.alignleft .wp-caption-text,
#ajaxcontent .wp-caption.alignleft .wp-caption-text {
    width: 100%;
}
#ajaxcontent img.size-medium {
    max-width: 100%;
    height: auto;
}
#ajaximages img.size-full {
    /*max-width: none;*/
    /*height: auto;*/
}
#cboxTitle {
    background-image: none;
}
#ajaximages .fortytwo img.size-full {
    max-width: 100%;
    height: auto;
    max-height:65vh;
}
#ajaximages .pioneers img.size-full {
    max-width: 85%;
    height: auto;
}
#ajaximages .here img.size-full {
    max-width: 100%;
    height: auto;
}
.single.single-post.single-format-standard.here-and-now #intro-hex img {
    /*width:310px;*/

    position: relative;
    height: auto;
}
.single.single-post.single-format-standard.here-and-now .wp-caption img.thumbnail {
    width: initial;
}
.single.single-post.single-format-standard.pioneers #intro-hex img {
    display: none;
}
.single.single-post.single-format-standard #intro-hex.wp-caption.alignright.fortytwo img {
    /*display: none;*/
}
/* PIONEER PAGE */

body.page-template-page-videos-php {
    background-image: url(img/yellow-background.jpg);
    background-repeat: repeat;
    /*background-size:90%;*/

    /*height: 300%;*/
    background-position: -21px -35px;
}
body.page-template-page-heroes-php {
    /*  background-image: url(img/purple-background.jpg);
  background-repeat: repeat;*/
    /*background-size:90%;*/
    /*  height: 300%;
  background-position: -21px -35px;*/

    background-color: #8B7EAA;
}
body.page-template-page-fortytwo-php {
    background-image: url(img/pink-background.jpg);
    background-repeat: repeat;
    /*background-size:90%;*/

    /*height: 200%;*/
    background-position: -21px -35px;
}
body.page-template-page-fortytwo-php .page-container{
    height:100%;
}
body.page-template-page-fortytwo-php .p1{

}
body.page-template-page-fortytwo-php .p2{
    left:auto;
    right:11%;
}
body.page-template-page-fortytwo-php .p3{}
body.page-template-page-fortytwo-php .p4{
    left:auto;
    right:22%;
    top:657px;
}
body.page-template-page-fortytwo-php .p5{
    left: auto;
    right: 13.5%;
}
#logo-page > a > img,
#logo-alt > a > img {
    width: 90%;
    height: auto;
    margin-left: 0;
}
input#searchBox {
    font-family: 'akkurat-normal', 'sans-serif';
}
input#searchBox::-webkit-input-placeholder {
    /*color: #000;*/
    color: #414042;
}
input#searchBox:-moz-placeholder {
    /* Firefox 18- */

    /*color: #000;*/
    color: #414042;
}
input#searchBox::-moz-placeholder {
    /* Firefox 19+ */

    /*color: #000;*/
    color: #414042;
}
input#searchBox:-ms-input-placeholder {
    /*color: #000;*/
    color: #414042;
}
#navcontent .leftSide {
    width: 47.69%;
    padding: 0;
    margin: 0 2.31% 0 0;
    /*background-color:red;*/
}
#navcontent #navcaption {
    width: 47.69%;
    padding: 0;
    margin: 0 0 0 2.31%;
    /*background-color:green;*/
}


.alignright {
    width: 35%;
    /*background-color:yellowgreen;*/
}

.single.single-post.single-format-standard.fortytwo #pioneercontent,
.single.single-post.single-format-standard.fortytwo #ajaxcontent,
.single.single-post.single-format-standard.near-horizons #pioneercontent,
.single.single-post.single-format-standard.near-horizons #ajaxcontent,
.single.single-post.single-format-standard.far-horizons #pioneercontent,
.single.single-post.single-format-standard.far-horizons #ajaxcontent,
.single.single-post.single-format-standard.here-and-now #pioneercontent,
.single.single-post.single-format-standard.here-and-now #ajaxcontent,
.single.single-post.single-format-standard.pioneers #pioneercontent,
.single.single-post.single-format-standard.pioneers #ajaxcontent {
    margin-left: 25.53%;
    width: 32.98%;
    /*background-color:pink;*/

    float: left;
    /*position:absolute;*/

    top: 0;
    padding-top: 16em;
    font-family: 'akkurat-normal', 'sans-serif';
    position: relative;
    padding-bottom: 4em;
    transition: opacity 1s linear;
    z-index: 10;
}
.page-template-page-researcher-php #ajaxcontent,
.single-video #ajaxcontent {
    margin-left: 20.0%;
    width: 60%;
    /*background-color:pink;*/

    float: left;
    padding-top: 0;
    font-family: 'akkurat-normal', 'sans-serif';
    /* position: relative; */

    padding-bottom: 14em;
    transition: opacity 1s linear;
    z-index: 10;
}
#pioneercontent small {
    text-transform: uppercase;
    font-weight: normal;
    text-decoration: none;
    display: block;
    margin-bottom: 1em;
    font-family: 'futura-bold';
}
#rightCol {
    width: 32.98%;
    float: left;
    /*  background-color: yellow;*/

    padding-left: 0%;
    margin-right: 5.32%;
    box-sizing: border-box;
}
#ajaximages {
    width: 32.98%;
    float: left;
    /*  background-color: yellowgreen;*/

    padding-left: 0%;
    margin-left: 3.19%;
    margin-right: 5.32%;
    box-sizing: border-box;
}
.page-template-page-heroes-php #logo img,
.page-template-page-heroes-php #logo-alt img,
.page-template-page-heroes-php #logo-page img {
    /*width:80%;height:auto;*/
}
.page-template-page-heroes-php p.category_title a,
html.no-touch .page-template-page-heroes-php p.category_title a:hover {
    color: #FFF;
}
p.category_title {
    top: 6.5%;
    /*font-size: 1.3em;*/
    /*left: 24.25%;*/
    letter-spacing: 1px;
    left: 25.3%;
    color: #fff;
    width: 10em;
    background-image: url(img/info-icon.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 25px;
    padding-left: 45px;
    line-height: 25px;
}
html.ie p.category_title {
    background-size: 25px;
}
p.category_title a,
html.no-touch p.category_title a:hover {
    color: #fff;
}
p.category_title.greyscale {
    background-image: url(img/info-icon-black.png);
}
p.category_title.greyscale,
p.category_title.greyscale {
    /*color: #000000;*/
    color: #002220;
}
#pioneercontent .question-filters small {
    color: #FFF;
}
.question-filters {
    margin-top: 4.8em;
}
.question-filters {
    border-bottom: SOLID 1px #FFF;
    z-index: 2;
    position: absolute;
    width: 100%;
}
.question-filters .options {
    display: none;
}
.question-filters .active {
    border: 0;
}
.question-filters strong {
    font-size: 2.1em;
}
.question-filters strong {
    color: #FFF;
    font-family: 'futura-bold';
    /*  font-size: 2.1em;*/

    padding: 0.5em 0em;
    display: block;
    cursor: pointer;
    background-image: url(img/down-arrow.png);
    background-repeat: no-repeat;
    background-position: center right;
}
.question-filters .active {
    background-image: url(img/up-arrow.png);
}
.question-filters .options a {
    color: #FFF;
    width: 100%;
    display: block;
    text-decoration: none;
    border-bottom: SOLID 1px #FFF;
    padding: 0.8em 0px;
}
.question-filters .options a {
    font-weight: bold;
}
div[class*="pioneer-"] {
    width: 100px;
    float: left;
}
div[class*="pioneer-"] a img {
    width: 100px;
    height: auto;
    height-max: 100px;
}
.page-template-page-heroes-php .ftmodule.p1 {
    width: 78px;
    top: 241px;
    left: 664px;
    font-size: 1em;
}
.page-template-page-heroes-php .ftmodule.p2 {
    width: 78px;
    top: 404px;
    left: 804px;
    font-size: 1em;
}
.page-template-page-heroes-php .ftmodule.p3 {
    width: 78px;
    top: 678px;
    left: 18px;
    font-size: 1em;
}
.page-template-page-heroes-php .ftmodule.p4 {
    width: 78px;
    top: 1145px;
    left: 398px;
    font-size: 1em;
}
.page-template-page-heroes-php .ftmodule.p5 {
    width: 78px;
    top: 856px;
    left: 696px;
    font-size: 1em;
}
.page-template-page-heroes-php .ftmodule a small {
    display: block;
    font-size: 0.8em;
    clear: both;
    margin-top: 1em;
    text-transform: none;
    font-family: 'akkurat-light';
}
/* END of PIONEER PAGE */
/* pioneers individual pages */

.single.single-post.single-format-standard.pioneers {}
/* COLOURS */

.single-post .wp-caption-text,
#ajaximages .wp-caption-text {
    line-height: 140%;
    letter-spacing: 0.06em;
    font-size: 0.8em;
    color: #231f20;
    margin-top: 3em;
    background-image: url(img/caption-start.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    margin-bottom: 1em;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.single-post.far-horizons .wp-caption-text,
#ajaximages .far .wp-caption-text {
    background-image: url(img/green-triangle.png);
}
.single-post.here-and-now .wp-caption-text,
#ajaximages .here .wp-caption-text {
    background-image: url(img/red-triangle.png);
}
.here .wp-caption-text strong {
    color: #d85036;
}
.single-post.far-horizons .wp-caption-text strong,
.single-post .far .wp-caption-text strong {
    color: #4fdc8a;
}
.far-horizons .single-post .wp-caption-text strong,
.far .wp-caption-text strong {
    color: #4fdc8a;
}
/*.here-horizons .single-post .wp-caption-text strong, .here .wp-caption-text strong {color:#63c9d5;} */

.glossaryLink {
    cursor: help;
}
#tt {
    font-family: 'akkurat-light';
}
#tt #ttcont {
    padding: 10px;
    background-color: #d85036;
}
.far-horizons #tt #ttcont {
    padding: 10px;
    background-color: #4fdc8a;
}
.near-horizons #tt #ttcont {
    padding: 10px;
    background-color: #63c9d5;
}
.pioneers #tt #ttcont {
    padding: 10px;
    background-color: #8c7eab;
}
.fortytwo #tt #ttcont {
    padding: 10px;
    background-color: #fa91a2;
}
.pioneers span.glossaryLink,
.pioneers a.glossaryLink {
    border-bottom: dotted 1px #8c7eab;
}
#ajaxcontent .here p a,
html.no-touch #ajaxcontent .here p a:hover,
#ajaxcontent .here p a:visited,
div.here-and-now .mark,
div.here .mark,
div.here-and-now #ajax-content a,
html.no-touch div.here-and-now #ajax-content a:hover,
html.no-touch div.here-and-now .here ol li a:hover,
div.here-and-now .here ol li a:visited,
div.here-and-now #ajax-content small,
div.here-and-now .mark,
div.here-and-now #ajax-content small,
div.here-and-now strong {
    color: #d85036;
}
.here-and-now hr,
.here hr {
    background-color: #d85036;
}
.single-post .here-and-now .wp-caption-text,
#ajaximages .here-and-now .wp-caption-text {
    background-image: url(img/red-triangle.png)
}
#ajaxcontent .here p a,
#ajaxcontent .here p a:visited {
    color: #d85036;
}
#ajaxcontent .near p a,
#ajaxcontent .near p a:visited {
    color: #63c9d5;
    text-decoration: none;
}
.near-horizons .wp-caption-text,
.single-post .near-horizons .wp-caption-text,
#ajaximages .near-horizons .wp-caption-text {
    background-image: url(img/blue-triangle.png)
}
.single-post .near-horizons .wp-caption-text strong,
.single-post .near .wp-caption-text strong {
    color: #63c9d5;
}
.pioneers .mark,
.pioneers small {
    color: #8c7eab;
}
.pioneers strong{
    /*color: #000;*/
    color: #414042;
}
.single-post .pioneers .wp-caption-text,
#ajaximages .pioneers .wp-caption-text {
    background-image: url(img/purple-triangle.png);
}
html.no-touch ul#menu-main-navigation li a:hover,
html.no-touch #menubar ul li a:hover {
    color: silver;
}
html.no-touch ul#menu-main-navigation li.pioneers a:hover,
html.no-touch #menubar ul li.pioneers a:hover {
    color: #8c7eab;
}
html.no-touch ul#menu-main-navigation li.here a:hover,
html.no-touch #menubar ul li.here a:hover {
    color: #d85036;
}
html.no-touch ul#menu-main-navigation li.fortytwo a:hover,
html.no-touch #menubar ul li.fortytwo a:hover {
    color: #fa91a2;
}
html.no-touch ul#menu-main-navigation li.videos a:hover,
html.no-touch #menubar ul li.videos a:hover {
    color: #fccf40;
}
html.no-touch ul#menu-main-navigation li.careers a:hover,
html.no-touch #menubar ul li.careers a:hover {
    color: #ed4eb7;
}
html.no-touch ul#menu-main-navigation li.aboutus a:hover,
html.no-touch #menubar ul li.aboutus a:hover {
    color: #e99b3f;
}
html.no-touch #menubar ul li.here a:hover {
    color: #d85036;
}

html.no-touch #menubar ul li.near a:hover {
    color: #63c9d5;
}
html.no-touch #menubar ul li.far a:hover {
    color: #4fdc8a;
}

.far-horizons #ajaxcontent .mark,
.far .mark,
.far-horizons #ajaxcontent a {
    color: #4fdc8a;
}
.near-horizons #ajaxcontent .mark,
.near .mark,
.near-horizons #ajaxcontent a,
.near .mark,
.near-horizons #ajaxcontent a:visited {
    color: #63c9d5;
}
.near-horizons hr,
.near hr,
.page-template-default hr {
    background-color: #63c9d5;
}
.single-post .near-horizons .wp-caption-text,
.near-horizons #ajaximages .wp-caption-text {
    background-image: url(img/blue-triangle.png);
}
.single-post .far-horizons .wp-caption-text,
#ajaximages .far-horizons .wp-caption-text {
    background-image: url(img/green-triangle.png);
}
.fortytwo #ajaxcontent small.section {
    color: #fa91a2;
}
.fortytwo span.glossaryLink,
.fortytwo a.glossaryLink {
    border-bottom: dotted 1px #fa91a2;
}
html.no-touch #index ul.here li a:hover,
html.no-touch .index ul.here li a:hover {
    color: #d85036;
}
html.no-touch #index ul.near li a:hover,
html.no-touch .index ul.near li a:hover {
    color: #63c9d5;
}
html.no-touch #index ul.far li a:hover,
html.no-touch .index ul.far li a:hover {
    color: #4fdc8a;
}
#index small.pioneer,
.index small.pioneers,
#index small.pioneers ,
.index small.pioneers a,
html.no-touch #index ul.pioneers li a:hover,
html.no-touch .index ul.pioneers li a:hover {
    color: #8c7eab;
}
#index small.fortytw,
.index small.fortytwo,
#index small.fortytwo,
#index small.fortytwo a,
.index small.fortytwo a,
html.no-touch #index ul.fortytwo li a:hover,
html.no-touch .index ul.fortytwo li a:hover {
    color: #fa91a2;
}
#index small.video,
.index small.videos,
#index small.videos,
#index small.videos a,
.index small.videos a,
html.no-touch #index ul.videos li a:hover,
html.no-touch .index ul.videos li a:hover {
    color: #fccf40;
}
/* END of COLOURS */
/* CAREERS PAGE */

#career-wheel {
    /*display:none;*/
}
/* END of CAREERS PAGE */
/* VIDEO PAGE */

.page-template-page-videos-php .person-filters,
.page-template-page-videos-php .question-filters {
    position: relative;
}
.page-template-page-videos-php .question-filters {
    margin-top: 0;
}
.page-template-page-videos-php div.videos {
    /*padding-top: 4em;*/
}
#video-overlay h2 + p {
    display: none;
    visibility: hidden;
}
#video-overlay .player .video-wrapper {
    background: white!important;
}
/* END of VIDEO PAGE */
/* end of Global fixes by matthew turner */
/* font sizes */

ol li a {} div.related-item {
    font-size: 100%;
}
/* small font */

p,
#search,
.page-template-page-videos-php .person-filters .options a,
.page-template-page-videos-php .question-filters .options a,
#navcaption p {
    font-size: 1.219631508em;
}
.page-template-page-careers-php #search {
    /*color: #000;*/
    color: #414042;
}
#index ul li a {
    font-size: 2em;
    line-height: 1.2em;
}
/* END of small font */
/* smallest font */

a.fullvideolink,
.video-items a,
.video-title {
    font-family: 'futura-bold';
}
a.fullvideolink,

.shareVideo a,
pre,
.single.single-post.postid-515.single-format-standard pre,
.mark,
.subtitle,
.single-post #ajaxcontent .section,
.page-template-default #ajaxcontent .section,
#content small,
#page-content small,
#searchcontent small,
#ajaxcontent small,
.single-post .wp-caption-text,
#ajaximages .wp-caption-text,
.related-item p {
    font-size: 0.8em;
}
.tp-content p{
    font-size: 1em;
}
.video-items a,
.video-title{
    font-size:0.95em;
}
/* END of smallest font */
/* large font */

.heading li h3,
#ajaxcontent .heading li h3,
#ajaxcontent h6 {}
/* END of large font */
/* Largest font size */

#navcontent ul li a {
    font-size: 4.2em;
}
#careercontent ul li a,
#eventcontent ul li a,
.page-template-page-videos-php .person-filters strong,
.page-template-page-videos-php .question-filters strong {
    font-size: 2.1em;
}
/* END of Largest font size */
/* END of font sizes */
/* font colours */

.subtitle {

}
/* END of font colurs */
/* font weights */
/*#search,*/

.page-template-page-videos-php .person-filters .options a,
.page-template-page-videos-php .question-filters .options a,
.single.single-post.postid-515.single-format-standard pre {
    font-weight: bold;
}
pre {
    font-weight: normal;
}

body {
    width: 100%;
}
p.category_title {
    top: 2.55em;
}
#logo,
#logo-alt,
#logo-page {
    top: 4em;
}
#logo.relative,
#logo-alt.relative,
#logo-page.relative {
    position: relative;
}
.top-panel-inner {
    width: 100%;
    /*float: left;*/
    /*min-height: 150px;*/
}
iframe .player .video-wrapper {
    background: #ffffff!important;
}
/* */

#navcontent small.section {
    position: relative;
    top: 0;
    left: 0;
}
#navcontent .menu-main-navigation-container small.section {
    display: block;
    margin-bottom: -5%;
}
#navcaption small.section {
    display: block;
    /*  margin-top: -18%; */

    margin-bottom: 3.5em;
}
#navcontent ul li.home a:hover {

}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    /*  padding-top: 25px;*/

    padding-top: 9px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.videoWrapper video {
    width: 100% !important;
    height: auto !important;
}
a#previous {
     position: fixed;
  left: 5%;
  top: 0;
  display: table;
  bottom: 0;
  z-index:50;
  margin: auto;
}
a#next {
    position: fixed;
  right: 5%;
  top: 0;
  display: table;
  bottom: 0;
  margin: auto;
  z-index:50;
}
html.ie a#previous,
html.ie a#next{
    height:100%;

}
html.ie a#previous span,
html.ie a#next span{
    display: table-cell;
    vertical-align: middle;
}
#discover.greyScale,
.page-template-page-discover-php #discover.greyScale {
    display: none;
}
.page-template-page-about-php #ajaxcontent img {
    /* max-width: 100%; */

    height: auto;
    float: right;
    position: absolute;
    left: 100%;
    width: 60%;
    text-align: center;
    margin-left: 18%;
    margin-bottom: 2em;
    padding-bottom: 2em;
    max-width:300px;
}

.20percent {
    width: 20%;
    background-color: green;
}
#menu a {
    width: 32px;
    height: 24px;
    background-image: url(img/menu.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    background-size: 92%;
}
body.page-template-page-researcher-php #menu a,
body.single #menu a,
#menu a.greyscale,
body.page.page-template-page-videos-php #menu a.greyscale,
body.page.page-template.page-template-page-fortytwo-php #menu a.greyscale,
body.page.page-template.page-template-page-heroes-php #menu a.greyscale,
body.page.page-template.page-template-page-discover-php #menu a.greyscale,
body.single #menu a,
body.page.page-template-page-about-php #menu a,
body.page-template-page-careers-php #menu a,
body.page-template-default #menu a {
    width: 32px;
    height: 24px;
    background-image: url(img/menu-alt.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    background-size: 92%;
}
body .page-container #logo-alt {
    display: none;
}
/******
Single Videos
****/

.page-template-page-researcher-php body #logo,
.page-template-page-researcher-php body #logo-alt,
.page-template-page-researcher-php body #logo-page,
.page-template-page-researcher-php #ajaxcontent > div > small {
    display:none;
}

.page-template-page-researcher-php .video h1 {
    width:100%;
    float:left;
}
.page-template-page-researcher-php .video h2,
.video h2 + p {
    display:none;
    visibility:hidden;
}
.page-template-page-researcher-php .video iframe {}
.page-template-page-researcher-php .video-menu {
    float:left;
    width:100%;
    margin-top:3em;
}
.page-template-page-researcher-php .shareVideo {
    width:33.33%;
    float:left;
    margin-left:0em;
}
.page-template-page-researcher-php .shareVideo a {
    /*color:#000000;*/
    color:#002220;
    letter-spacing: 0.05em;
    text-decoration:none;
    /*border-bottom:1px solid #000000;*/
    border-bottom:1px solid #002220;
}
.page-template-page-researcher-php .video-title {
    width:66.66%;
    float:left;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 400;
    text-align:left;
}
.page-template-page-researcher-php .video-items {
    width:33.33%;
    float:right;
    text-align:right;
    /*color:#000000;*/
    color:#002220;
}
.page-template-page-researcher-php .video-items a {
    /*color:#000000;*/
    color:#002220;
    text-decoration:none;
    text-transform: uppercase;
    font-weight: 400;
    padding:0 0 0 0.5em;
}
.page-template-page-researcher-php .video-items a.full_video{

}
html.no-touch .page-template-page-researcher-php .video-items a:hover,
.page-template-page-researcher-php .video-items a.active{
    color:#fccf40;
}
.page-template-page-researcher-php a.fullvideolink {
    float:right;
    margin-left:1em;
    margin-right:0em;
    text-transform: uppercase;
    /*color:#000000;*/
    color:#002220;
    text-decoration:none;
    letter-spacing: 0.05em;
    font-weight: 400;
}

.page-template-page-researcher-php div.related {
    float:left;
    clear:left;
}

.page-template-page-researcher-php #play_all {
  background-color: #FFF;
  position: fixed;
  /*border: SOLID 2px #000;*/
  border: SOLID 2px #414042;
  padding: 12px 18px;
  color: #FFF;
  text-decoration: none;
  top: 2em;
  right: 22em;
  font-family: 'akkurat-normal';
  letter-spacing: 1px;
  z-index: 50;
  font-size: 1.2em;
}
.page-template-page-researcher-php #play_all.greyScale {
  color: #444;
  border-color: #444;
  -webkit-filter: brightness(100%);
  background-color: #FFF;
}
.page-template-page-researcher-php p.video-names,
.video #ajaxcontent p.video-names {
    text-align:center;
    margin-top:5em;
    font-size:1.219631508em;
}
.page-template-page-researcher-php #ajaxcontent p{
    text-align:center;
}
.page-template-page-researcher-php p span{
    display:none;
}
.page-template-page-researcher-php p span.active{
    display:inline;
}


/*******
Social sharing
*****/
.social-share{
    position:fixed;
    display:table;
    left:0;
    top:0;
    bottom:0;
    height:100%;
    margin:auto;
    width:4em;}
    .social-share ul{
        width:100%;
        display: table-cell;
        vertical-align: middle}
        .social-share ul li{
            border:0;
            padding:0;}
            .social-share ul li a{
                display:inline-block;
                padding:0.8em;
                background:#738a8d;
                color:#fff;
                transition:all 0.1s linear 0s;
                -webkit-transition:all 0.2s linear 0s;}
                .social-share ul li a.fb{
                    background:#305891;
                }
                .social-share ul li a.tw{
                    background: #2ca8d2;
                }
            html.no-touch .social-share ul li a:hover{
                padding:0.8em 1.4em;}

@media screen and (max-width: 780px){
/*    .social-share ul{
        vertical-align: bottom;
    }*/
    .social-share ul li a{
        padding:0.3em;
    }
    #logo, #logo-alt, #logo-page{
        position: relative;
    }
    .single.single-post.single-format-standard.fortytwo #pioneercontent, .single.single-post.single-format-standard.fortytwo #ajaxcontent, .single.single-post.single-format-standard.near-horizons #pioneercontent, .single.single-post.single-format-standard.near-horizons #ajaxcontent, .single.single-post.single-format-standard.far-horizons #pioneercontent, .single.single-post.single-format-standard.far-horizons #ajaxcontent, .single.single-post.single-format-standard.here-and-now #pioneercontent, .single.single-post.single-format-standard.here-and-now #ajaxcontent, .single.single-post.single-format-standard.pioneers #pioneercontent, .single.single-post.single-format-standard.pioneers #ajaxcontent{
        padding-top:8em;
    }
}
@media screen and (max-width: 1000px){
    .social-share ul{
        vertical-align: bottom;
    }
}
/******
    Articles
******/

.wp-caption.hidden{
    display:none !important;
}
#ajaximages{
    position: relative;
}
#ajaximages .wp-caption{
    position: absolute;
    max-width: 400px;
    margin: auto;
    left: 0;
    right: 0;
}

body.single-post .wp-caption-text,
body #ajaximages .wp-caption-text,
body .wp-caption img{
    width:auto;
}
body .wp-caption img.size-full{
    width:100%;
}
body .wp-caption img.size-medium{
    width:80%;
}
body .wp-caption img.size-thumbnail, body .wp-caption img.size-small{
    width:50%;
}
body.fortytwo div#ajaximages ,
body.pioneers div#ajaximages {
  position: fixed;
  right: 0;
  height:100%;
  display:table;

}
html.ie body.fortytwo div.table-wrap,
html.ie body.pioneers div.table-wrap{
    width:32%;
    position: fixed;
    right:5%;
    height:100%;
}
html.ie body.fortytwo div#ajaximages ,
html.ie body.pioneers div#ajaximages {
    /*text-align: left;*/
}
body.fortytwo div#ajaximages .wp-caption.fortytwo,
body.pioneers div#ajaximages .wp-caption,
body.pioneers div#ajaximages .wp-caption.alignnone{
    position: static;
    display: table-cell !important;
    vertical-align: middle;
    text-align:center;
}
html.ie body.fortytwo div.table-wrap div#ajaximages,
html.ie body.pioneers div.table-wrap div#ajaximages{
    width:100%;
    position:static;
    /*display: table-cell;
    vertical-align: middle;*/
}
html.ie body.fortytwo div#ajaximages .wp-caption.fortytwo,
html.ie body.pioneers div#ajaximages .wp-caption{
    /*display:block;
    width:100%;
    float:left;*/
}
/* media queries */
a.tp-close {
    position: absolute;
    top: 6em;
    left: 3em;
}

@media all and (max-width: 1460px) {
    #ajaxcontent,
    #searchcontent,
    #navcontent {
        /*margin-left: 23.7em;*/
        margin-left:25.53%;
    }
    #intro-hex {
        /*margin-top: -9em;*/
    }
    .alignright {
        width: 18%;
        position: absolute;
    }
}
@media all and (min-width: 1279px) {
    body {
        font-size: 100%;
    }
    #page-content #detailcontent {
        margin-left: 11%;
        width: 48%;
    }
    .alignright {
        width: 18%;
        position: absolute;
    }
}
@media all and (max-width: 1140px) {
    body {
        font-size: 80%;
    }
    #ajaxcontent {
        margin-left: 21.3em;
    }
    #intro-hex {
        /*margin-top: -15em;*/
    }
    .alignright {
        width: 25%;
        position: absolute;
    }
    html.ie div#ajaximages{
        margin-right:0;
    }
    #hex1{
        width: 280px;
    }
    #hex2{
        width: 206px;
        bottom: 216px;
        left: 38px;
    }
    #hex3{
        width: 113px;
        bottom: 257px;
        left: -125px;
    }
    #career-buttons {
        text-align: center;
        width: 50%;
        float: left;
    }
}
#play_all{
    position: fixed;
    padding: 12px 18px;
    /*color: #000;*/
    color: #414042;
    text-decoration: none;
    top: 90px;
    right: 10em;
    font-family: 'akkurat-normal';
    letter-spacing: 1px;
    z-index: 45;
    border: 2px SOLID #fff;
    background-color:#fff;
    font-size:1.219631508em;
}
@media all and (max-width: 1000px) {
    .alignright {
        position: initial;
        margin-top: 0px;
        width: 100%;
    }
    body {
        font-size: 100%;
    }
    body #logo-page, body #logo-alt {
        text-indent: 0px;
        left: 5%;
        width: 90%;
        margin: auto;
    }
    #intro-hex {
        display: none;
    }
    .subtitle {
        font-size: 0.5em;
    }
    #play_all{
        top:10px;
        right:25%;
    }
    body #ajaximages .fortytwo, .pioneers .alignright{
        top:0;
    }
    .page-template-page-careers-php #ajaxcontent,
    #ajaxcontent,
    #searchcontent{
        width: 80%;
        margin-left: 10%;

    }
    #close, #menu, #cboxClose{
        top:1em;
        left:1em;
    }
    .single-post h1,
    .single-post h2,
    .single-post h3,
    .single-post .wp-caption,
    .single-post p,
    .single-post figcaption,
    .single-post ol,
    .single-post ul,
    #ajaxcontent h1,
    #ajaxcontent h2,
    #ajaxcontent h3,
    #ajaxcontent .wp-caption,
    #ajaxcontent p,
    #ajaxcontent figcaption,
    #ajaxcontent ol,
    #ajaxcontent ul,
    pre {
        max-width: 100%;
    }
    #page-content,
    #navcontent,
    #searchcontent,
    #ajaxcontent,
    #eventcontent {
        /*width: 90%;
        margin-left: 5%;*/
    }
    #logo,
    #logo-alt,
    .section,
    .rightSide {
        display: none;
    }
    #page-content #logo img,
    #page-content #logo-alt img,
    #page-content #logo-page img {
        left: 0px;
        top: 90px;
        width: auto;
        position: absolute;
        margin: auto;
        height: 100px;
    }
    #menu,
    #close,
    a.tp-close {
        top: 19px;
        left: 17px;
    }
    a.tp-close {
        left:25.3%;
        top: 21px;
    }
    blockquote {
        width: 100%;
        padding: 0px;
    }
    #discover {
        top: 10px;
        right: 120px;
        /*font-size: 1em;*/
    }
    #search {
        top: 10px;
        
        /*font-size: 1em;*/
    }
    a.button-link{
        bottom:10px;
    }
    #search, a.button-link{
        right: 10px;
    }
    #uni-logo {
        display: none;
    }
    #page-content #detailcontent {
        width: 100%;
    }
    #searchcontent,
    #detailcontent,
    #navcontent,
    #careercontent,
    #page-content,
    #eventcontent {
        padding-top: 6em;
    }
    #page-content .alignright,
    #page-content .alignnone {
        float: left;
        position: relative;
        width: 100%;
        right: 0px;
        margin-bottom: 2em;
        display: block;
    }

    .generate-left,
    .generate-right {
        width: 100%;
    }
    .generate-right {
        margin-top: 1em;
    }
    .leftSide {
        width: 100%;
        padding-right: 0%;
    }
    .related-item p {
        width: 65%;
    }

    #page-content #detailcontent {
        margin-left: 0%;
    }
    #navcontent,
    #searchcontent,
    body #ajaxcontent {
        padding-bottom: 1em;
        padding-top: 15em;
    }
    #imagecontent{
        display: none;
    }
    #logo,
    #logo-alt,
    #logo-page {
        width: 8em;
        top: 3em;
    }
    body h1 {
        margin-bottom: 1em;
    }
    .pioneers .alignright {
        display: none;
    }
    p.category_title{
        top:19px;
    }
    body.page-template-page-fortytwo-php #pioneercontent{
        margin-left:12.5%;
    }
    body.page-template-page-fortytwo-php .p1{
        left: auto;
        right: 24%;
    }
    body.page-template-page-fortytwo-php .p2{
    }
    body.page-template-page-fortytwo-php .p3{
        left:auto;
        right:5%;
        top: 980px;
    }
    body.page-template-page-fortytwo-php .p4{
    }
    body.page-template-page-fortytwo-php .p5{
        top:1322px;
    }
}
@media screen and (max-width: 780px) {
    .home-intro{
        left:5%;
        /*top:5em;*/
        width:90%;
        /*font-size:3.5em;*/
    }
    .page-container {
        /*padding-top: 15em;*/
    }
    body.page-template-page-careers-php .page-container{
        padding-top: 0;
    }
    .page-template-page-careers-php #ajaxcontent .career-question{
        padding-top:310px;
        width:100%;
    }
    body.fortytwo div#ajaximages, body.pioneers div#ajaximages{
        display:none !important;
    }
    .category_title span{
        visibility: hidden;
    }
    #ajaxcontent #career-wheel{
        left: 0;
        margin: 0 auto;
        overflow: hidden;
    }
    #searchBox{
        width:98%;
        box-sizing:border-box;
    }
    #index ul li, #index ul li:nth-of-type(even){
        width:100%;
        margin:0;
    }
    #navcontent .leftSide{
        width:100%;
        margin:0;
    }
    #ajaxcontent .section{
        left:0;
        position: static;
    }
    #imagecontent,
    #ajaximages,
    #navcaption {
        display: none !important;
    }
    #choice-description,#career-buttons{
        width:100%;
    }
   .page-template-page-about-php #ajaxcontent img{
        position: static;
        display:block;
        margin-bottom: 0;
        width:100%;
    }
    #career-wheel{
        width: 300px;
        height: 265px;
    }
    #hex1{
        width: 300px;
    }
    #hex2{
        left: 44px;
        bottom: 230px;
        width:217px;

    }
    #hex3{
        bottom: 375px;
        left: 95px;
    }
    .top-panel-inner{
        height:250px;
    }
    .top-panel-inner .tp-content{
        width:95%;
        margin:4em auto 0;
    }
    .single.single-post.single-format-standard.fortytwo #pioneercontent,
    .single.single-post.single-format-standard.fortytwo #ajaxcontent,
    .single.single-post.single-format-standard.near-horizons #pioneercontent,
    .single.single-post.single-format-standard.near-horizons #ajaxcontent,
    .single.single-post.single-format-standard.far-horizons #pioneercontent,
    .single.single-post.single-format-standard.far-horizons #ajaxcontent,
    .single.single-post.single-format-standard.here-and-now #pioneercontent,
    .single.single-post.single-format-standard.here-and-now #ajaxcontent,
    .single.single-post.single-format-standard.pioneers #pioneercontent,
    .single.single-post.single-format-standard.pioneers #ajaxcontent {
        width: 72%;
    }
    .wp-caption.hidden{
        display:block !important;
    }
    #intro-hex.wp-caption.hidden{
        display:none !important;
    }
    body.page-template-page-fortytwo-php #pioneercontent{
        width:75%;
    }
    body.page-template-page-fortytwo-php .ftmodule{
        display:none;
    }
    body.page-template-page-fortytwo-php .ftmodule.shape{
        display:block;
    }
}


@media print {
    body {
        margin: 0px;
        padding: 0%;
        width: 90%;
    }
    #discover,
    #search,
    #menu,
    #catapult-cookie-bar,
    #top-link,
    h5,
    pre,
    #logo,
    #logo-alt,
    #logo-page,
    #top-panel,
    #overlay,
    #colorbox,
    #tt,
    div.related,
    .at4-share-outer,
    .addthis-smartlayers {
        display: none;
    }
    body #logo,
    body #logo-alt,
    body #logo-page{
        top:1em;
        width:260px;
    }
    body #ajaxcontent {
        padding-top: 0px;
    }
    .single.single-post.single-format-standard.fortytwo #pioneercontent,
    .single.single-post.single-format-standard.fortytwo #ajaxcontent,
    .single.single-post.single-format-standard.near-horizons #pioneercontent,
    .single.single-post.single-format-standard.near-horizons #ajaxcontent,
    .single.single-post.single-format-standard.far-horizons #pioneercontent,
    .single.single-post.single-format-standard.far-horizons #ajaxcontent,
    .single.single-post.single-format-standard.here-and-now #pioneercontent,
    .single.single-post.single-format-standard.here-and-now #ajaxcontent,
    .single.single-post.single-format-standard.pioneers #pioneercontent,
    .single.single-post.single-format-standard.pioneers #ajaxcontent {
        width: 72%;
        padding-top: 7em;
    }
    /* img {display:block;float:right;width:100%;height:auto;} */

    body #ajaximages {
        display:none;
    }

}



#video-overlay .video-content{
    display: table;
    position:absolute;
    top:0;right:0;bottom:0;left:0;
    margin:auto;
    padding:15em 0 4em;
}
#video-overlay .video-content.taller{
    position:relative;
}
#video-overlay .video-content a{
    text-decoration: none;
}
html.no-touch #video-overlay .video-content a:hover{
    color:#fccf40;
}
#video-overlay .video-content a span{
    float:left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}


#video-overlay .video-content div{
    width:31%;
    float:left;
    margin:1%;
}
#video-overlay .video-content div.wide{
    width:98%;
}
#video-overlay .video-content div.wide img{
    width:32px;
}
#video-overlay .video-content.grid-5 div,
#video-overlay .video-content.grid-4 div{
    width:48%;
}

#video-overlay .video-content.grid-3 div,
#video-overlay .video-content.grid-2 div,
#video-overlay .video-content.grid-1 div{
    width:60%;
    margin:1% auto;
    float:none;
}




.biography{
    text-align: center;
    width:60%;
    margin:0 auto;

}
.biography p{
    font-size:12px;
}
.biography .bio-heading{
    font-family: 'futura-bold';
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 400;
    color:#fccf40;
}

@media screen and (max-width: 780px){
    #video-overlay .video-content div{
        width:48%;
        float:left;
        margin:1%;
    }
    #video-overlay .video-content.grid-3 div,
    #video-overlay .video-content.grid-2 div,
    #video-overlay .video-content.grid-1 div,
    #video-overlay .video-content.grid-5 div,
    #video-overlay .video-content.grid-4 div{
        width:98%;
        float:none;
    }
    .page-template-page-researcher-php #ajaxcontent{
        width:78%;margin-left: 11%;
         /*width: calc(100% - 7em); margin: 0 auto; float: none;*/

    }
    .biography{
        width:90%;
    }
    .page-template-page-videos-php .person-filters .options a, .page-template-page-videos-php .question-filters .options a{
        white-space: normal;
        overflow: visible;
    }
}

a.video_nav{

}
a.video_nav:after{
    position: absolute;
    content: attr(data-name);
    /*border:2px solid #000;*/
    border:2px solid #414042;
    background: #fff;
    display:none;
    font-family: 'futura-bold';
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-size: 0.8em;
    padding:8px;

    top: 100%;
    min-width: 15vh;
    text-align: center;
}
a.video_nav[rel="next"]:after{
    right:0;
}
a.video_nav[rel="prev"]:after{
    left:0;
}
html.no-touch a.video_nav:hover:after{
    display:block;
    /*color:#000;*/
    color:#414042;
}



/*
    improving nav content with span to show on mobile and touch devices
*/
#navcontent ul li{
    position: relative;
}

#navcontent ul li span{
    display:none;
}

.touch #navcontent ul li span{
    display:block;
    float:right;
    position: absolute;
    right:0;
    top:30px;
    width:60px; text-align: center;
    font-size: 2em;
    z-index:2;
}
#navcontent .navcaption{
    max-height: 0;
    overflow: hidden;
    transition:all 0.3s ease 0s;
}

#navcaption small.section,
#navcontent .navcaption small{
    width: 100%;
    padding-left: 0;
}
#navcontent .menu-main-navigation-container .navcaption small{
    margin-bottom: 0;
}
#navcaption p,
.navcaption p{
    width: 100%;
    padding-left: 0;
    display: block;
}
.navcaption p{
    margin-top: 1em;
    font-size: 20px;
}
#navcaption small.section.videos ,
#navcontent .navcaption small.videos{
    color: #fccf40;
}
#navcaption small.section.fortytwo ,
#navcontent .navcaption small.fortytwo{
    color: #fa91a2;
}
#navcaption small.section.pioneers ,
#navcontent .navcaption small.pioneers{
    color: #8c7eab;
}
#navcaption small.section.here,
#navcontent .navcaption small.here,
#navcontent ul li.here a{
    color: #d85036;
}
#navcaption small.section.near,
#navcontent .navcaption small.near,
#navcontent ul li.near a{
    color: #63c9d5;
}
#navcaption small.section.far,
#navcontent .navcaption small.far,
#navcontent ul li.far a{
    color: #4fdc8a;
}

#navcaption small.section.careers,
#navcontent .navcaption small.careers{
    color: #ed4eb7;
}
#navcaption small.section.aboutus,
#navcontent .navcaption small.aboutus{
    color: #e99b3f;
}
@media screen and (max-width: 780px){
    #navcontent .navcaption.active{
        max-height: 100em;
    }
    #navcontent ul li a.videos.active{
        color: #fccf40;
    }
    #navcontent ul li a.fortytwo.active{
        color: #fa91a2;
    }
    #navcontent ul li a.pioneers.active{
        color: #8c7eab;
    }
}



/*****
SVG!!!
******/
.page-container{
    /*overflow: hidden;*/
}
div.bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
}

div.bg svg {
    /*width: 100%;*/
    height: auto;
}

body {
    overflow-x: hidden;
}
body .bg{
    background:#fff;
    overflow:hidden;
}
body .bg svg rect, body.page-template-page-here-php.near-horizons .bg svg rect {
    fill: #63c9d5;
}
body.page-template-page-heroes-php .bg svg rect{
    fill: #8B7CA9;
}
body.page-template-page-fortytwo-php .bg svg rect{
    fill: #FA91A2;
}
body.page-template-page-videos-php .bg svg rect{
    fill: #fccf40;
}
body.page-template-page-here-php.here-and-now .bg svg rect, body.page-template-page-here-php.here-and-now-2 .bg svg rect{
    fill:#d85036;
}
body.page-template-page-here-php.far-horizons .bg svg rect{
    fill:#4fdc8a;
}
body.page-template-page-videos-php #ajaxcontent, body.page-template-page-heroes-php #ajaxcontent{
    position: absolute;
    padding: 20.7em 0 0;
}
body.page-template-page-videos-php .page-container{
    height:auto;
}

.wrapper {
    position: relative;
    z-index: 1;
}

.tooltip__holder,  svg title{
    position: absolute;
    display: none;
    pointer-events: none;
    background: #fff;
    /*color: #000;*/
    color: #414042;
    padding: 0 0.2em;
    white-space: nowrap;
}

.tooltip__holder.active, html.no-touch svg a:hover title {
    display: block;
    z-index: 2;

}
.tooltip__holder.fixed{
    width:240px;
    text-align: center;
    white-space: normal;
}

section {
    width:100%;
    top:0;
    overflow: hidden;
    display: table;
    position: relative;
    top: 0;
}
.shape {
    position: absolute;
    transition: transform 0.2s linear 0s, background-color 0.2s linear 0s;
    -webkit-transition: transform 0.2s linear 0s, background-color 0.2s linear 0s;
    transform-origin: 50% 50%;
    overflow: hidden;
    z-index: 1;
}

.shape img {
    display: block;
    width: 100%;
    height: auto;
}

.shape > a {
    display: block;
    overflow: hidden;
    opacity: 0.6;
    width: 100%;
    outline:0;
}

html.no-touch .shape:hover,
html.touch .shape:focus,
.shape.hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    z-index: 2;
}

html.no-touch .shape:hover a,
html.touch.shape:focus a,
.shape.hover a {
    opacity: 1;
}

.shape:focus {
    outline: 0;
}

.shape.shape__triangle_up,
.shape.shape__triangle_up > a {
    clip-path: url("http://www.42evolution.org/#triangleUp");
    -webkit-clip-path: polygon(0 100%, 50% 0, 100% 100%);
    clip-path: polygon(0 100%, 50% 0, 100% 100%);
    
}

.shape.shape__triangle_up span,
.shape.shape__triangle_up > a span {
    padding-top: 2em;
}

.shape.shape__triangle_down,
.shape.shape__triangle_down > a {
    clip-path: url("http://www.42evolution.org/#triangleDown");
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    
}

.shape.shape__triangle_down span,
.shape.shape__triangle_down > a span {
    padding-bottom: 2em;
}

.shape.shape__right_arrow,
.shape.shape__right_arrow > a {
    clip-path: url("http://www.42evolution.org/#rightArrow");
    -webkit-clip-path: polygon(66.6666% 0, 100% 50%, 66.66666% 100%, 0 100%, 33.333% 50%, 0 0);
    clip-path: polygon(66.6666% 0, 100% 50%, 66.66666% 100%, 0 100%, 33.333% 50%, 0 0);
    
}

.shape.shape__left_arrow,
.shape.shape__left_arrow > a {
    clip-path: url("http://www.42evolution.org/#leftArrow");
    -webkit-clip-path: polygon(33.333% 0, 100% 50%, 33.333% 100%, 0 100%, 66.666% 50%, 0 0);
    clip-path: polygon(33.333% 0, 100% 50%, 33.333% 100%, 0 100%, 66.666% 50%, 0 0);
    
}

.shape.shape__hexagon,
.shape.shape__hexagon > a {
    clip-path: url("http://www.42evolution.org/#hexagon");
    -webkit-clip-path: polygon(0 50%, 24.739% 0, 74.913% 0, 100% 50%, 74.913% 100%, 24.739% 100%);
    clip-path: polygon(0 50%, 24.739% 0, 74.913% 0, 100% 50%, 74.913% 100%, 24.739% 100%);
    
}

.shape.shape__polygon_1,
.shape.shape__polygon_1 > a {
    clip-path: url("http://www.42evolution.org/#polygon1");
    -webkit-clip-path: polygon(0 50%, 16.6% 25%, 50% 25%, 66.66% 0, 100% 50%, 66.66% 100%, 50% 75%, 66.66% 50%);
    clip-path: polygon(0 50%, 16.6% 25%, 50% 25%, 66.66% 0, 100% 50%, 66.66% 100%, 50% 75%, 66.66% 50%);
    
}

.shape.shape__left_arrow_top,
.shape.shape__left_arrow_top > a {
    clip-path: url("http://www.42evolution.org/#leftArrowTop");
    -webkit-clip-path: polygon(0 66.666%, 66.666% 0, 100% 33.333%, 100% 100%, 33.333% 100%);
    clip-path: polygon(0 66.666%, 66.666% 0, 100% 33.333%, 100% 100%, 33.333% 100%);
    
}

.shape.shape__left_angle_para,
.shape.shape__left_angle_para > a {
    clip-path: url("http://www.42evolution.org/#leftPara");
    -webkit-clip-path: polygon(0 33.333%, 33.333% 0, 100% 66.666%, 66.666% 100%);
    clip-path: polygon(0 33.333%, 33.333% 0, 100% 66.666%, 66.666% 100%);
    
}

.shape.shape__left_para_leg,
.shape.shape__left_para_leg > a {
    clip-path: url("http://www.42evolution.org/#leftParaLeg");
    -webkit-clip-path: polygon(50% 0, 100% 0%, 75% 50%, 100% 100%, 0 100%);
    clip-path: polygon(50% 0, 100% 0%, 75% 50%, 100% 100%, 0 100%);
    
}

.shape.shape__polygon_2,
.shape.shape__polygon_2 > a {
    clip-path: url("http://www.42evolution.org/#polygon2");
    -webkit-clip-path: polygon(0 50%, 40% 50%, 20% 0, 100% 0, 80% 50%, 100% 100%, 20% 100%);
    clip-path: polygon(0 50%, 40% 50%, 20% 0, 100% 0, 80% 50%, 100% 100%, 20% 100%);
    
}

.shape.shape__polygon_3,
.shape.shape__polygon_3 > a {
    clip-path: url("http://www.42evolution.org/#polygon3");
    -webkit-clip-path: polygon(0 0, 33.333% 0, 50% 33.333%, 66.666% 0, 100% 66.666%, 83.333% 100%, 50% 100%, 66.666% 66.666%, 33.333% 66.666%);
    clip-path: polygon(0 0, 33.333% 0, 50% 33.333%, 66.666% 0, 100% 66.666%, 83.333% 100%, 50% 100%, 66.666% 66.666%, 33.333% 66.666%);
    
}

.shape.shape__hexagon_inverted,
.shape.shape__hexagon_inverted > a {
    clip-path: url("http://www.42evolution.org/#hexagonInverted");
    -webkit-clip-path: polygon(0 0, 100% 0, 75% 50%, 100% 100%, 0 100%, 25% 50%);
    clip-path: polygon(0 0, 100% 0, 75% 50%, 100% 100%, 0 100%, 25% 50%);
    
}

.shape.shape__left_trap,
.shape.shape__left_trap > a {
    clip-path: url("http://www.42evolution.org/#leftTrap");
    -webkit-clip-path: polygon(66.666% 0, 100% 50%, 66.666% 100%, 0 100%);
    clip-path: polygon(66.666% 0, 100% 50%, 66.666% 100%, 0 100%);
    
}

.shape.shape__rhombus,
.shape.shape__rhombus > a {
    clip-path: url("http://www.42evolution.org/#rhombus");
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0% 50%);
    
}

.shape.shape__triangle_bl,
.shape.shape__triangle_bl > a {
    clip-path: url("http://www.42evolution.org/#triangleBl");
    -webkit-clip-path: polygon(0 66.666%, 40% 0, 100% 100%, 20% 100%, 40% 66.666%);
    clip-path: polygon(0 66.666%, 40% 0, 100% 100%, 20% 100%, 40% 66.666%);
    
}

.shape.shape__right_arrow_bottom,
.shape.shape__right_arrow_bottom > a {
    clip-path: url("http://www.42evolution.org/#rightArrowBottom");
    -webkit-clip-path: polygon(0 0, 66.666% 0, 100% 33.333%, 33.333% 100%, 0 66.666%, 33.333% 33.333%);
    clip-path: polygon(0 0, 66.666% 0, 100% 33.333%, 33.333% 100%, 0 66.666%, 33.333% 33.333%);
    
}

.shape.shape__s_shape,
.shape.shape__s_shape > a {
    clip-path: url("http://www.42evolution.org/#sShape");
    -webkit-clip-path: polygon(0 33.333%, 20% 0, 60% 0, 40% 33.333%, 80% 33.333%, 100% 66.666%, 80% 100%, 40% 100%, 60% 66.666%, 20% 66.666%);
    clip-path: polygon(0 33.333%, 20% 0, 60% 0, 40% 33.333%, 80% 33.333%, 100% 66.666%, 80% 100%, 40% 100%, 60% 66.666%, 20% 66.666%);
    
}

.shape.shape__ld_arrow,
.shape.shape__ld_arrow > a {
    clip-path: url("http://www.42evolution.org/#ldArrow");
    -webkit-clip-path: polygon(0 66.666%, 40% 0, 60% 33.333%, 100% 33.333%, 60% 100%, 20% 100%);
    clip-path: polygon(0 66.666%, 40% 0, 60% 33.333%, 100% 33.333%, 60% 100%, 20% 100%);
    
}



.shape.no__shape svg {
    position: absolute;
    top: 0;
    left: 0;
}
.shape.no__shape svg rect{
    fill:#FA91A2;
}
.shape.shape--empty:after {
    content: '';
    display: block;
    width: 100%;
    padding-top: 86.5%;
}

.shape.shape--green a{
    background: #67B26F;
}
.shape.shape--green svg a rect{
    fill: #67B26F;   
}
.shape.shape--red a{
    background: #D85036;
}
.shape.shape--red svg a rect{
    fill: #D85036;   
}
.shape.shape--blue a{
    background: #63C8D4;
}
.shape.shape--blue svg a rect{
    fill: #63C8D4;   
}
.shape.shape--white{
    opacity:1;
}
.shape.shape--white.shape--empty a{
    background: #fff;
    opacity:1;
}
.shape.shape--white svg a rect{
    fill: #fff;   
}

.shape.shape--white.shape--text-red a span{
    color: #D85036;
}
.shape.shape--white.shape--text-red svg a text{
    fill: #D85036;   
}

.shape.shape--white.shape--text-green a span{
    color: #67B26F;
}
.shape.shape--white.shape--text-green svg a text{
    fill: #67B26F;   
}

.shape.shape--white.shape--text-blue a span{
    color: #63C8D4;
}
.shape.shape--white.shape--text-blue svg a text{
    fill: #63C8D4;   
}

.shape.no__shape{
    -webkit-clip-path: none;
    clip-path: none;
    clip-path: none;
    background:none;
}
.shape.shape--empty{
    transition:none;

}
.shape.shape--empty{
    /*display:table;*/
}
.shape.shape--empty > a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*display:table;*/
    word-break: break-word;
    font-size:0.7em;
    opacity:0.7;
}

.shape.shape--empty a span, .shape.shape--empty a div {
    display: table;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 50%;
    text-align: center;
    -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  font-family: 'futura-bold';
    text-transform: uppercase;
    color:#fff;
}
.shape svg a text{
    font-family: 'futura-bold';
}
.shape.shape--empty.ftmodule.shape__triangle_down a div{
    font-size: 14px;
    width:50%;
    top:-15%;
    line-height: 18px;
    ;
}
.shape.shape--empty.ftmodule.shape__triangle_up a div{
    font-size: 14px;
    width:45%;
    top:25%;
    line-height: 18px;
    ;
}
.shape.shape--empty.ftmodule a div small{
    font-size: 14px;
    margin-top: 0.5em;
}
@media screen and (min-width: 980px){

}
@media screen and (min-width: 980px){
    .shape.shape--empty.ftmodule a div{
        font-size: 18px;
    }
}
@media screen and (min-width: 1280px){
    .shape.shape--empty.ftmodule a div{
        /*font-size: 22px;*/
    }
    .shape.shape--empty.ftmodule a div small{
        font-size: 16px;
    }
}
@media screen and (min-width: 1440px){
    .shape.shape--empty.ftmodule a div{
        font-size: 28px;
    }
}
.shape.shape--empty.ftmodule{
    /*transition-property:transform;*/
}
.shape.shape--empty.ftmodule a{
    background-color:#FA91A2;

}
html.no-touch .shape.shape--empty.ftmodule a:hover, html.no-touch .shape.shape--empty.ftmodule a:hover div{
    background:#fff;
    color:#FA91A2;
}

html.no-touch .shape.shape--empty.ftmodule svg a:hover rect{
    fill:#fff;
}
.shape.shape--empty.ftmodule svg a text{
   /* padding-left:20%;
    display: block;
    position: absolute;
    width:100%;*/
}
html.no-touch .shape.shape--empty.ftmodule svg a:hover text{
    fill:#FA91A2;
}
.shape.shape--bg {
    pointer-events: none;
    opacity: 0.8;
    display: table;
}

.shape.shape--bg.shape__triangle_down {
    margin-top: -0.15%;
}
.shape.shape--bg.shape--green{
    background:#67B26F;
}
.shape.shape--bg.shape--green rect{
    fill:#67B26F;
    fill-opacity: 0.8;
}
.shape.shape--bg.shape--red{
    background: #d85036;
}
.shape.shape--bg.shape--red rect{
    fill: #d85036;  
    fill-opacity: 0.8; 
}
.related{
    float: left;
    width:100%;
}

svg.clips{
    position: absolute;
    height:0;
    width:0;
}

/*#ajaxcontent .related.fortytwo .related-title, */
#ajaxcontent .related.fortytwo .related-item p a{
    color:#FA91A2;
}
/*#ajaxcontent .related.careers .related-title,*/
 #ajaxcontent .related.careers .related-item p a{
    color:#ed4eb7;
}
/*#ajaxcontent .related.pioneers .related-title, */
#ajaxcontent .related.pioneers .related-item p a{
    color:#8c7eab;
}
/*#ajaxcontent .related.here-and-now .related-title, */
#ajaxcontent .related.here-and-now .related-item p a{
    color:#d85036;
}
/*#ajaxcontent .related.near-horizons .related-title, */
#ajaxcontent .related.near-horizons .related-item p a{
    color:#63c9d5;
}
/*#ajaxcontent .related.far-horizons .related-title, */
#ajaxcontent .related.far-horizons .related-item p a{
    color:#4fdc8a;
}


.fortytwo .related-item p a{
    color:#FA91A2;
}
/*Firefox fixes as its gone crap*/
@-moz-document url-prefix() {
    .shape.shape--empty.ftmodule.shape__triangle_up a div{
        top:0;
        padding-top:45%;
    }
    .shape.shape--empty.ftmodule.shape__triangle_down a div{
        top:35%;
    }
    .shape.shape--empty.shape__triangle_up a span, .shape.shape--empty.shape__triangle_up a div{
        top:45%;
    }
    .shape.shape--empty.shape__triangle_down a span, .shape.shape--empty.shape__triangle_down a div{
        top:35%;
    }
}

#searchcontent #index small a{
    text-decoration: none;
}

.page-template-page-careers-php #ajaxcontent small a{
    color:#ed4eb7;
}
.page-template-page-careers-php #ajaxcontent small a.faded{
    opacity: 0.6;
}
@media screen and (max-width: 780px){
    html{
        overflow-x: hidden;
    }
    #play_all{
        display:none;
    }
}
/* New Menu bar */
body{
    padding-top: 50px;
    margin-bottom: -50px;
}
body.hidenav{
    padding-top:0;   
}
#menu{
    display:none;
}
#menubar{
    background:#fff;
    top:0;
    height:50px;
    position: fixed;
    z-index: 46;
    width: 100%;
    text-align: center;
}
#menubar .menu-menubar-container{
    /*width: 96%;*/
    /*width: 100%;*/
    /*margin: 0 auto;*/
}
#menubar ul{
    margin-bottom: 0;
    display:table-row;
    border-collapse:collapse;
    
}
#menubar ul li{
    display:table-cell;
    width:1%;
    border:0;
    padding:0;
    line-height: 50px;
    text-align: center;
    box-sizing:border-box;

}

#menubar ul li a{
    display:block;
    font-family: 'futura-bold';
    text-transform: uppercase;
    font-size: 11.2px;
    letter-spacing: 0.5px;
    color:#414042;
    font-weight: 400;
    /*padding: 0 5%;*/
    padding:0;
}
/*#menubar ul li + li a{
    padding:0;
}*/
html.no-touch #menubar ul li a:hover{
    text-decoration: none;
}
#search{
    top:90px;
}
/*.page-template-default #menubar, 
.single #menubar, 
.page-template-page-about-php #menubar, 
.page-template-page-translations-php #menubar,
.page-template-page-researcher-php #menubar*/
#menubar{
    /*border-bottom: 2px solid #000;*/
    border-bottom: 2px solid #414042;
}
/*.page-template-default #menubar li + li, 
.single #menubar li + li, 
.page-template-page-about-php #menubar li + li, 
.page-template-page-translations-php #menubar li + li,
.page-template-page-researcher-php*/ #menubar li + li{
    /*border-left: 2px solid #000;*/
    border-left: 2px solid #414042;
}
#video-overlay img{
    width:100%;
}

 #menu{
    display:none !important;
}
span.arabic {
    font-size: 1.8em;
    line-height: 1;
}
.home #top-trigger{
    /*position:absolute;*/
}

#searchcontent{
    text-align: right;
}
#index{
    text-align: left;
}
#searchprogress{
     width: 40px;
    height: auto;
    margin: 19px;
    float:left;
}

@media screen and (max-width: 1020px){
    body{
        padding-top:0;
    }
    #menu{
        display:block !important;
    }
    #menubar{
        display:none;
    }
    #search, #play_all{
        top:2.5em;
    }
}
@media screen and (max-width: 780px){
     #search, #play_all{
        top:10px;
    }
    #searchprogress{
        float:none;
    }
}
@media screen and (max-width: 540px){
    .page-template-page-researcher-php .video-title,
    .page-template-page-researcher-php .video-items{
        width:100%;
        float:none;
        text-align: center;
    }
    .page-template-page-researcher-php .video-items{
        padding:1.5em 0;
    }
    p.category_title{
        width:0;
        overflow: hidden;
    }
}
@media print{
    #menubar, #ajaximages, .related-title{
        display:none !important;
    }
    .wp-caption.hidden{
        display:block !important;
    }
    #intro-hex, #ajaximages .wp-caption{
        position: static;

    }
}

html.ie #menubar, html.ie #search{
    display:none;
}
.centreWrapper{
    height:100vh;
    width:100%;
    display:table;
}
.centreWrapper .centre{
    display:table-cell;
    vertical-align: middle;
}

body.arabic{
    direction:rtl;
}
body.arabic #menubar, body.arabic .ignore, body.arabic pre, body.arabic .social-share, body.arabic #ajaximages{
    direction: ltr;
}
body.arabic #ajaximages p.wp-caption-text,
body.arabic #ajaxcontent p.wp-caption-text{
    background-position: 100% 5px;
    text-align: right;
    direction: rtl;
}
body.arabic h5{
    background-image: url(img/caption-end-rtl.png);
    background-position: 100% 6px;
}
.far-horizons #ajaxcontent ol li a,
.here #ajaxcontent ol li a,
.near-horizons #ajaxcontent ol li a{
    color: #414042;
    font-weight: normal;
}
#ajaxcontent #random-items .related-title{
    color: #414042;
}

body.arabic #cboxTitle, body.arabic #cboxLoadedContent div div{
    text-align: right;
    direction: rtl;
}