::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    border-top: 1px solid #ccc;
    border: 0;
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* @license
 * MyFonts Webfont Build ID 2552765, 2013-05-10T11:04:30-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Museo Slab 100 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/100/
 * 
 * Webfont: Museo Slab 700 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/700/
 * 
 * Webfont: Museo Slab 900 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/900/
 * 
 * Webfont: Museo Slab 300 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/300/
 * 
 * Webfont: Museo Slab 1000 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/1000/
 * 
 * Webfont: Museo Slab 500 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/500/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2552765
 * Webfonts copyright: Copyright (c) 2009 by Jos Buivenga. All rights reserved.
 * 
 * © 2013 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work */
/*@import url("//hello.myfonts.net/count/26f3bd");*/
@font-face {font-family: 'MuseoSlab-100';src: url('museoslab/26F3BD_1_0.eot');src: url('museoslab/26F3BD_1_0.eot?#iefix') format('embedded-opentype'),url('museoslab/26F3BD_1_0.woff') format('woff'),url('museoslab/26F3BD_1_0.ttf') format('truetype'),url('museoslab/26F3BD_1_0.svg#wf') format('svg');}
@font-face {font-family: 'MuseoSlab-700';src: url('museoslab/26F3BD_2_0.eot');src: url('museoslab/26F3BD_2_0.eot?#iefix') format('embedded-opentype'),url('museoslab/26F3BD_2_0.woff') format('woff'),url('museoslab/26F3BD_2_0.ttf') format('truetype'),url('museoslab/26F3BD_2_0.svg#wf') format('svg');}
@font-face {font-family: 'MuseoSlab-900';src: url('museoslab/26F3BD_3_0.eot');src: url('museoslab/26F3BD_3_0.eot?#iefix') format('embedded-opentype'),url('museoslab/26F3BD_3_0.woff') format('woff'),url('museoslab/26F3BD_3_0.ttf') format('truetype'),url('museoslab/26F3BD_3_0.svg#wf') format('svg');}
@font-face {font-family: 'MuseoSlab-300';src: url('museoslab/26F3BD_4_0.eot');src: url('museoslab/26F3BD_4_0.eot?#iefix') format('embedded-opentype'),url('museoslab/26F3BD_4_0.woff') format('woff'),url('museoslab/26F3BD_4_0.ttf') format('truetype'),url('museoslab/26F3BD_4_0.svg#wf') format('svg');}
@font-face {font-family: 'MuseoSlab-1000';src: url('museoslab/26F3BD_5_0.eot');src: url('museoslab/26F3BD_5_0.eot?#iefix') format('embedded-opentype'),url('museoslab/26F3BD_5_0.woff') format('woff'),url('museoslab/26F3BD_5_0.ttf') format('truetype'),url('museoslab/26F3BD_5_0.svg#wf') format('svg');}
@font-face {font-family: 'MuseoSlab-500';src: url('museoslab/26F3BD_6_0.eot');src: url('museoslab/26F3BD_6_0.eot?#iefix') format('embedded-opentype'),url('museoslab/26F3BD_6_0.woff') format('woff'),url('museoslab/26F3BD_6_0.ttf') format('truetype'),url('museoslab/26F3BD_6_0.svg#wf') format('svg');}


/* @license
 * MyFonts Webfont Build ID 2611617, 2013-07-29T09:21:12-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Museo Sans 700 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/700/
 * 
 * Webfont: Museo Sans 300 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/300/
 * 
 * Webfont: Museo Sans 100 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-sans/100/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2611617
 * Licensed pageviews: 500,000
 * Webfonts copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved.
 * 
 * © 2013 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
/*@import url("//hello.myfonts.net/count/27d9a1");*/
@font-face {font-family: 'MuseoSans-700';src: url('museosans/27D9A1_0_0.eot');src: url('museosans/27D9A1_0_0.eot?#iefix') format('embedded-opentype'),url('museosans/27D9A1_0_0.woff') format('woff'),url('museosans/27D9A1_0_0.ttf') format('truetype'),url('museosans/27D9A1_0_0.svg#wf') format('svg');}
@font-face {font-family: 'MuseoSans-300';src: url('museosans/27D9A1_1_0.eot');src: url('museosans/27D9A1_1_0.eot?#iefix') format('embedded-opentype'),url('museosans/27D9A1_1_0.woff') format('woff'),url('museosans/27D9A1_1_0.ttf') format('truetype'),url('museosans/27D9A1_1_0.svg#wf') format('svg');}
@font-face {font-family: 'MuseoSans-100';src: url('museosans/27D9A1_2_0.eot');src: url('museosans/27D9A1_2_0.eot?#iefix') format('embedded-opentype'),url('museosans/27D9A1_2_0.woff') format('woff'),url('museosans/27D9A1_2_0.ttf') format('truetype'),url('museosans/27D9A1_2_0.svg#wf') format('svg');}
 

html,body,div,h1,ul,ol,li,p,a,img {
    margin: 0;
    padding: 0;
}

ul,ol,li {
    list-style: none;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

h1,h2 {
    letter-spacing: -0.03em;
}

.shops h3 a,
.donate h3 a,
.projects h3,
.education h3,
.panels a strong,
.panels a em,
.projects li a,
.education li a,
h4.studies,
.map-title span,
.extra-menu,
.social-menu,
.article-header.slide h2,
h2.main-title,
figure figcaption,
h2.headline span,
ul.post-entry li h3 a,
.sidebar-hdr,
h3#title31,
.searchform_xtra,
ul.post-entry li h3,
article.single-entry p:first-of-type,
ul.post-entry li .excerpt,
.slide > h2.headline span,
.map-hdr > h2.map-title span,
ul#stats li.strapline,
.pub-meta,
#disqus_thread .nav-primary .publisher-nav-color,
#main-nav > nav > ul > li.tab-conversation.active > a,
section.offset .post-meta h5,
.page-template-blog_overview-php .post-meta h5,
.archive-list li h3 a,
body.single article.single-entry section.offset .post-meta + p,
body.single article.single-entry section.offset p:first-child,
.select-options > p,
.select-options span,
.case-studies a {
    font-family: "museoslab-100", 'helvetica neue', helvetica, arial, sans-serif;
    font-weight: normal;
}

.change h3,
.search_form input,
#projectsearchform_sidebar input,
#banksearchform_sidebar input,
.searchform_xtra p label,
.pullquote,
.subhead,
ul.metadata li.meta-item,
h3 a,
ul.metadata li.meta-item a,
ul.resource-list li,
ul#stats li,
.author-meta > h4.blog-author,
.post-meta > h4.blog-author,
.author-meta h5.entry-date,
footer,
aside.sign-up p {
    font-family: "museoslab-300", 'helvetica neue', helvetica, arial, sans-serif;
    font-weight: normal;
}

.search-terms,
.shops input#search.box,
.donate form input.box,
.post-namedate a,
.athr,
.sdb-important li a,
.sdb-paginate li a,
.sdb-events li a,
.menu li a,
.searchform_xtra span,
ul.studies-list li a,
.meta-title,
.col-paginate li a,
ul.sdb-children li a,
.meta-title,
.subhead-small,
ul.col-paginate li a,
aside.sidebar .cats a,
aside.sidebar .tags a,
ul.post-entry ul.post-categories li a,
section.offset .post-meta h4,
.page-template-blog_overview-php #first-post-tags a,
.social-menu .button,
p.signup-intro,
aside.sign-up input[type="submit"],
span.read-more a {
    font-family: "museoslab-500", 'helvetica neue', helvetica, arial, sans-serif;
    font-weight: normal;
}

strong,
h2 strong,
.article-header h2,
.article-header.slide h2 strong,
h2.main-title .search-terms,
.page-template-blog_overview-php .fullimage > h2.headline span {
    font-family: "museoslab-900", 'helvetica neue', helvetica, arial, sans-serif;
    font-weight: normal;
}

html {
    font-size: 62.5%;
}

body {
    position: relative;
    font-size: 10px;
    color: #444;
    -webkit-font-smoothing: antialiased;
}

body,
h3.subhead + p:first-of-type,
ul#pub-list p {
    font: normal 1rem/1 'MuseoSans-300', 'arial', 'helvetica', 'Roboto', sans-serif-light, sans-serif;
}


img {
    max-width: 100%;
}

a {
    text-decoration: none;
    color: #F60071;
}

/*.fullimage,
.featured-img,
.lazy-thumb,
.backstretch {
    background: url(../img/spiffygif_20x20.gif) no-repeat 50% 50%;
}*/

.fullimage,
.featured-img,
.lazy-thumb,
.backstretch {
    background: url(../img/35.gif) no-repeat 50% 30%;
    background-size: 32px auto;
}

strong {
    color: #444;
}

/*****************************************************************
******************************************************************
UNIVERSAL STYLES
******************************************************************
*****************************************************************/


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

header {
    background: #f1f1d9;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2000;
    box-shadow: 0 1px 10px #666;
}

.fixmenu {
    position: fixed !important;
}

.relmenu {
    position: relative !important;
}

.hdr-inner {
    margin: 0 auto;
    width: 90%;
    padding: 10px 0;
}

h1.logo {
    margin-right: 20px;
    float: left;
}

.svg h1.logo a {
    display: block;
    background: url(../img/traid_logo_mob.svg) no-repeat;
    height: 50px;
    width: 65px;
    text-indent: -999em;
}

.no-svg h1.logo a {
    background: url(../img/traid_logo_mob.png) no-repeat;
    display: block;
    height: 70px;
    width: 90px;
    text-indent: -999em;
}

h1.logo a:active {
    position: relative;
    top: 1px;
}

/* Top links */

.top-links {
    float: right;
    position: relative;
    z-index: 1000;
}

.top-links li {
    float: left;
    margin-left: 4px;
}

.top-links a {
    display: inline-block;
    height: 34px;
    width: 34px;
    background: #d0d0b6;
    color: #666;
    font-size: 22px;
    font-size: 2.2rem;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 35px;
}

/*.top-links a:hover, .top-links a:focus {
    background: #fff;
    color: #555;
}*/

/* Search */

.search_form input,
input#s.text_input {
    -moz-appearance: none;
    -webkit-appearance: none;
}

#s {
    outline: none;
}

.search_form,
#projectsearchform_sidebar, #banksearchform_sidebar {
    display: block;
    overflow: hidden;
    padding: 5px;
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #DBDBDB;
    margin-top: 1em;
}

.search_form input,
#projectsearchform_sidebar input,
#banksearchform_sidebar input {
    font-size: 12px;
    font-size: 1.2rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: white;
    color: #555;
    width: 100%;
    padding: 7px 0 7px 7px;
    float: left;
    border: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
}

#banksearchform input {
    font-size: 14px;
    font-size: 1.4rem;
}

.search_form .submit {
    font-size: 12px;
    font-size: 1.2rem;
    cursor: pointer;
    display: block;
    width: 18%;
    min-width: 80px;
    text-align: center;
    color: #444;
    height: 28px;
    margin: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #d0d0b6;
    float: right;
    padding-left: 0;
    padding-right: 0;
}

.count {
    font-size: 50%;
    margin: 0.4em 0;
    display: block;
    line-height: 1.3;
    letter-spacing: 0;
}

.social-menu {
    -moz-appearance: none;
    -webkit-appearance: none;
    display: none;
    font-size: 12px;
    font-size: 1.2rem;
    color: white;
}

.refine-search,
.social-menu {
    background: #ff0071;
    -webkit-box-shadow: inset 0px 10px 10px -10px #666;
    -moz-box-shadow: inset 0px 10px 10px -10px #666;
    box-shadow: inset 0px 10px 10px -10px #666;
    display: none;
}

.searchform_xtra {
    margin: 0 auto;
    width: 90%;
    padding: 15px 1.5%;
}

/*SEARCH MENU*/

.refine-search form.searchform_xtra input#s.text_input {
    width: 70%;
    float: left;
    font: 14px 'MuseoSlab-100';
    border: 0;
    background: #fff;
    color: #666;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    padding: 10px 0 10px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#s {
    outline: none;
}

.refine-search form.searchform_xtra button {
    padding: 0;
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    cursor: pointer;
    line-height: 1.5;
    width: 30%;
    padding: 10px 0;
    font: 14px 'MuseoSlab-100';
    color: #FFF;
    background: #904;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.refine-search form.searchform_xtra button:hover,
.refine-search form.searchform_xtra button:focus {
    background: #66002d;
}

.refine-search form.searchform_xtra button:active {
    background: #444;
    color: #ccc;
}

.refine-search .searchform_xtra .check span.limit {
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    display: block;
}

.ck-options {
    padding: .7em 0;
}

.refine-search .searchform_xtra .check p {
    display: inline;
}

.refine-search .searchform_xtra .check p input[type="checkbox"] {
    margin-right: 1em;
}

.refine-search .searchform_xtra .check p label {
    font-size: 12px;
    font-size: 1.2rem;
    color: #fff;
    padding-right: .75em;
}

.refine-search .searchform_xtra .check p input[type="checkbox"] {
    margin-right: .5em;
    height: 15px;
    width: 15px;
}

/*SOCIAL MENU*/
.social-menu-inner {
    margin: 0 auto;
    width: 90%;
    padding: 15px 1.5%;
}

.social-menu ul {
    text-align: center;
}

.social-menu li {
    display: inline;
}

.social-menu li a {
    text-align: center;
    padding: 1em 0;
    background: #904;
    display: inline-block;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 32%;
}

.social-menu li a:hover, .social-menu li a:focus {
    background-color: #fff;
    color: #904;
}

.social-menu li a:active {
    background-color: #555;
    color: #fff;
}

.icon-searchheart:hover,
.icon-searchheart:focus {
    color: #ea5ba5;
}

/* ==========================================================================
   home page content
   ========================================================================== */

#slides {
    margin: 0 0 230px;
}

.newsimages {
    z-index: -999999;
    height: 430px;
    top: 90px;
    position: fixed;
    width: 100%;
}

[role="main"] {
    width: 90%;
    margin: 0 auto;
    padding: 100px 1.5% 40px;
}

/* news/article headers */

.slide {
    display: none;
}

.article-header {
    margin: 0 0 2%;
}

.article-header h2 {
    color: white;
    background: #ff0071;
    background: rgba(255,0,113,.8);
    padding: 1em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    border-radius: 3px;
    font-size: 2rem;
    width: 60%;
}

.change, .shops, .donate, .projects, .education {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: .5em;
    position: relative;
}



.change h3 {
    background: #ACAC9F;
    text-align: left;
    padding: .5em .75em;
    padding-right: 2em;
    color: white;
    display: block;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.shops, .donate {
    background: #204853;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2em;
}

.shops:hover, .donate:hover {
    background: #19B7E7;
}

.shops h3 a, .donate h3 a {
    color: white;
    display: block;
    font-size: 2.4rem;
    line-height: 1.2;
    text-align: left;
}

.shops a.shop_search_trigger, .donate a.bank_search_trigger {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.donate a.bank_search_trigger {
    font-size: 20px;
    font-size: 2rem;
    display: block;
    color: white;
    color: rgba(255,255,255,.7);
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

form#shopsearchform, form#banksearchform {
    margin: 0;
    padding: 1em 0;
    display: none;
}

.shops input#search.box, .donate form input.box {
    color: white;
    background-color: transparent;
    border: 0;
    border-bottom: 1px dashed #ccc;
    padding: 0 0 5px 25px;
    box-shadow: none;
    background-image: url(../img/search-mag.svg);
    background-repeat: no-repeat;
    background-position: 5px 0;
    background-size: 1em 1em;
    z-index: 100;
    clear: both;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.projects,
.education {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #204853;
    padding: 2em;
    position: relative;
}

.projects h3,
.education h3 {
    color: #fff;
    font-size: 2.4rem;
    line-height: 1.2;
    position: relative;
}

.projects {
    padding-top: 100px;
}

.projects h3 {
    position: relative;
    z-index: 10;
}

.projects ul, .education ul {
    padding-top: 10px;
    position: relative;
    z-index: 10;
}

.projects li, .education li {
    margin-bottom: .4em;
}

.projects li:last-child, .education li:last-child {
    margin-bottom: 0;
}

.projects li a, .education li a {
    color: #fff;
    font-size: 1.4rem;
    display: block;
    background: #122930;
    padding: 1em;
    border-radius: 2px;
}

.projects .map {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.projects .map .map-hdr {
    top: 0;
}

.edu-bg {
    background: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

/* ****************************************************************************** */
/* Masonry Panels Mobile */

.panels li.pnl {
    background: #E0E0D4;
    color: #555;
    margin: 0 0 1% 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    display: block;
}

.panels li.pnl a {
    padding: 15px;
    display: block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    min-height: 130px;
}

.panels li.pnl strong,
.panels li.pnl em {
    display: block;
    color: #444;
}

.panels li.pnl a strong {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.2;
    position: relative;
}

.panels li.pnl a em {
    font-size: 14px;
    font-size: 1.4rem;
    padding-top: 1em;
    line-height: 1.4;
    font-style: normal;
}

.panels li.pnl a:hover, .panels li.pnl a:focus {
    background-color: #dde611;
}

.panels li.pnl a:active {
    background: #204853;
}

.panels li.pnl a:active strong,
.panels li.pnl a:active em {
    color: #dde611;
}

.change {
    border-radius: 4px;
    background: rgb(175, 175, 164);
    background: rgba(175, 175, 164, 0.9);
}

.change.shf {
    border-radius: 4px;
    background: rgb(247,38,133);
    background: rgba(247,38,133,0.8);
    transition: all 0.2s ease;
}

article.change.shf:hover {
    background: rgba(255, 0, 116, 0.9);
}

.twitter-timeline {
    width: 100%;
}

.pnl.twit:hover {
    background-color: #E4E4D5;
}

.pnl.twit .twitter-timeline {
    margin: 2em 0 0 0;
}

footer {
    clear: both;
    min-height: 100px;
    background: #1b1d18;
    color: #ccc;
}

.ftr-inner {
    margin: 0 auto;
    width: 90%;
    padding: 30px 1.5%;
}

.ftr-logo {
    float: left;
    margin-right: 15px;
}

.ftr-logo a {
    display: block;
    background: url(../img/traid_logo_ftr.svg) no-repeat 0 0;
    text-indent: -999em;
    height: 35px;
    width: 45px;
    background-size: 45px 35px;
    /*outline: 1px solid rgba(0, 0, 0, 0);*/
}

.ftr-logo a:active {
    position: relative;
    top: 1px;
}

.no-svg .ftr-logo a {
    background: url(../img/traid_ftr_logo.png) no-repeat 0 0;
    text-indent: -999em;
    height: 35px;
    width: 45px;
}

footer p.copy {
    display: inline-block;
    margin-right: .5em;
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 35px;
}

.ftr-legal {
    float: left;
}

.ftr-reg, .ftr-copy {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.4;
}

footer ul.ftr-links {
    width: 100%;
    padding: 1.5em 0 0;
    clear: both;
}

footer ul.ftr-links li {
    display: inline;
    margin-right: 1em;
}

footer ul.ftr-links li a {
    font-size: 12px;
    font-size: 1.2rem;
    color: #ccc;
}

footer ul.ftr-links li a:hover,
footer ul.ftr-links li a:focus {
    color: #dde611;
    text-decoration: underline;
}

/* Single Page Template mobile styles */

h2.main-title {
    font-size: 35px;
    font-size: 3.5rem;
    margin-bottom: .5em;
}

h2.main-title strong,
h2.main-title .keyword,
h2.main-title .count {
    color: #f60071;
}

.single-entry p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    margin-bottom: 1em;
}

.single-entry > p {
    color: #666;
}

p.update {
    color: #F60071 !important;
    padding: 30px 0;
    border-top: dashed 1px;
    border-bottom: dashed 1px;
}

p.update span {
    font-family: 'MuseoSlab-700' !important;
    clear: left;
    display: inline-block;
    margin-top: 10px;
}

iframe.update-vid {
    clear: both;
    display: block;
    margin: 20px 0;
}

/* article hyperlinks */
.single-entry p a,
.single-entry li > a,
span.excerpt a {
    color: #F60071;
    text-decoration: none;
    border-bottom: 1px solid #F1ABCB;
    padding-bottom: 0.1em;
}

.single-entry p a:hover,
.single-entry p a:focus,
.single-entry li > a:hover,
.single-entry li > a:focus,
span.excerpt a:hover,
span.excerpt a:focus {
    color: #d40262;
    text-decoration: none;
}

.single-entry p a:active,
.single-entry li > a:active,
span.excerpt a:active {
    position: relative;
    top: 1px;
    color: #111;
}

.single-entry ul:before,
.single-entry ul:after {
    content: " ";
    display: table;
}

.single-entry ul:after {
    clear: both;
}

.single-entry ul {
    *zoom: 1;
}

.single-entry ul li {
    margin-left: 1em;
    list-style-type: circle;
    color: #666 !important;
    width: 90%;
    font-size: 14px;
    font-size: 1.4rem;
}

.archive .single-entry ul li {
    margin-left: 0;
    list-style: none;
}

.single-entry ul.post-entry {
    width: 100%;
}

.single-entry ul.post-entry li.cf {
    padding: 7px 0 1.5em 0;
}

body.single-traid_news figure.inline-img {
    float: left;
    margin: 2em 2em 0 0;
}

figure figcaption {
    padding: 1em 0 1em;
    font-size: 11px;
    font-size: 1.1rem;
    border-bottom: 1px dashed #666;
    margin: 0 0 2em 0;
}

.featured-img,
body.single-traid_news figure.inline-img.featured-img {
    width: 100%;
}

/* Single Alternative Page Template mobile styles */
  
.fullimage {
    min-height: 300px;
    position: relative;
    z-index: 0;
    top: 65px;
    margin-bottom: 90px;
}

.fullimage h2 {
    padding: 20px 0 0;
    position: absolute;
    top: 6%;
    left: 6%;
    margin: 0;
}

h2.headline {
    text-rendering: optimizelegibility;
    width: 320px;
}

h2.headline a span strong {
    color: white;
}

.pullquote {
    color: #A30C0C;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    margin: 0 1em;
    clear: both;
}

blockquote.pullquote p {
    width: 100%;
    font-size: 14px !important;
    font-size: 1.4rem !important;
    color: #A30C0C;
}

.post-entry h4.studies {
    margin: 0;
    font-size: 20px;
    font-size: 2rem;
    clear: both;
    width: 100%;
    line-height: 2;
}

.post-entry ul.studies-list {
    margin: 0;
    padding: 0;
    float: none;
    width: 100%;
}

article.single-entry ul.studies-list li {
    margin: 0 0 .5em;
    list-style: none;
    width: 100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-bottom: none;
    padding: 0;
}

ul.studies-list li a {
    color: white;
    text-decoration: none;
    background-color: #19B7E7;
    font-size: 14px;
    font-size: 1.4rem;
    padding: .5em;
    display: block;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    line-height: 1;
    min-height: 2em;
    text-decoration: none;
    border-bottom: none;
}

ul.studies-list li a:hover,
ul.studies-list li a:focus {
    background: #204853;
    color: white;
}

ul.studies-list li a:active {
    background: #444;
    color: #ccc;
}

/* Post Page Template mobile styles */

#geo-mashup {
    margin: 0 0 20px;
}

.single-entry ul.post-entry li {
    padding-bottom: 30px;
    width: 100%;
    clear: left;
    list-style: none;
    color: #444;
    font-style: normal;
    margin-left: 0;
}

ul.post-entry li h3 {
    margin: .7em 0 .5em;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.2;
    color: #444;
}

ul.post-entry h4 {
    clear: both;
    color: #F60071;
    margin-bottom: 5px;
}

ul.post-entry li > h3 a {
    color: #555;
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.1;
    letter-spacing: -0.02em;
}
   
ul.post-entry h4 {
    margin: 0 0 1em;
}

.page-template-jobs-php ul.post-entry li.cf .excerpt {
    max-width: 60%;
    min-width: 43%;
    display: table-cell;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6em;
    color: #555;
    clear: left;
    float: left;
}       

.post-namedate a {
    color: #474C3E;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-size: 12px;
    font-size: 1.2rem;
}

.athr {
    font-size: 1.2rem;
    line-height: 1.4;
    color: #666;
}

ul.post-namedate {
}

ul.post-entry .post-namedate li.athr {
    display: inline;
    font-size: 10px;
    font-size: 1rem;
    color: #666;
    padding-bottom: 0;
    border-bottom: none;
}

ul.post-entry li a.athr {
    margin-right: 1em;
}

.post-namedate a:hover, .post-namedate a:focus {
    color: #959d86;
}

ul.post-entry img.thumb {
    height: auto;
    background: url(../img/spiffygif_20x20.gif) no-repeat 50% 50% #EFEFEF;
    display: block;
    margin-bottom: 1em;
}

.entry-map {
    position: relative;
}

.entry-map > .gm-map {
    width: 160px;
    height: 160px;
    float: left;
    margin: 0 1em 1em 0;
}

.entry-map p {
    color: #474C3E;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 1em;
    line-height: 1.4;
    float: right;
    width: 50%;
}

span.read-more {
    margin: 20px 0;
}

span.read-more > a {
    background: #777;
    border-radius: 2px;
    color: white;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: -0.02em;
    padding: 0.6em;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    white-space: nowrap;
}

span.read-more > a:hover, span.read-more > a:focus {
    background: #555;
    color: #ddd;
}

ul.paginate {
    display: none;
}

/* map page content */

.map-title {
    position: absolute;
    left: 6%;
    width: 40%;
    margin: 0 auto;
    padding: 20px 1.5% 20px;
}

.home .projects .map-hdr {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    margin-bottom: 90px;
}


.gm-map iframe {
    background-color: #dddddd;
}

.static-map {
background: url(../img/world_map.png) no-repeat 0 0;
width: 100%;
height: 800px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
display: block;
background-size: 100% auto;
}

/* sidebar content */

.sidebar-hdr {
    border-top: 1px dotted #444;
    color: #444;
    padding-top: 1em;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: .6em;
}

ul.paginate {
    clear: both;
}

.sdb-important, .sdb-paginate, ul.sdb-children {
    margin-bottom: 30px;
    clear: both;
}

.sdb-important li, .sdb-paginate li, ul.sdb-children li {
    margin-bottom: .6em;
}

.sdb-important li a, .sdb-paginate a, ul.sdb-children li a {
    background-color: #F60071;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    min-height: 2em;
    padding: 0.5em;
    text-decoration: none;
    transition: all 0.2s ease 0s;
}

ul.sdb-children li a {
    background: rgb(58, 247, 216);
    color: rgb(75, 95, 90);
}

.sdb-important li a:hover, .sdb-important li a:focus {
    background-color: #d40262;
    color: #fff;
}

ul.sdb-important li a:active {
    position: relative;
    top: 1px;
}

ul.sdb-children li a:hover, ul.sdb-children li a:focus {
    color: rgb(58, 247, 216);
    background: rgb(67, 116, 122);
}

ul.sdb-children li {
    clear: both;
}

ul.sdb-children ul.children li {
    width: 95%;
    float: right;
    margin: 0 0 .6em;
}

ul.children:before,
ul.children:after {
    content: " ";
    display: table;
}

ul.children:after {
    clear: both;
}

ul.children {
    padding-top: .6em;
    *zoom: 1;
}

ul.sdb-children ul.children li:last-child {
    margin: 0;
}

ul.sdb-children ul.children li a {
    background: #acfcef;
    color: #4b5f5a;
}

ul.sdb-children ul.children li a:hover,
ul.sdb-children ul.children li a:focus {
    background: #43747a;
    color: rgb(58, 247, 216);
}

ul.sdb-children li a:active {
    position: relative;
    top: 1px;
}

ul.sdb-children li.current_page_item {
    display: none;
}

ul.children ul.children li a {
    background: #cdfdf5;
}

.sdb-paginate li a {
    background-color: #D7DB35;
    color: #555555;
}

.sdb-paginate li a:hover, .sdb-paginate li a:focus {
    background-color: #C9CD25;
    color: #474C3E;
}

ul.sdb-events {
    border-top: 1px dashed #999;
    margin-bottom: 3em;
}

ul.sdb-events li {
    margin-bottom: 0;
}

ul.sdb-events li a {
    background-color: white;
    border-bottom: 1px dashed #999999;
    color: #474C3E;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    padding: 1em .2em;
}

ul.sdb-events li a:hover, ul.sdb-events li a:focus {
    background-color: #f1f1d9;
}


/* Sign up form */

aside.sign-up {
    background: #BEFFFA;
    padding: 7px;
    border-radius: 2px;
    margin-bottom: 30px;
}

aside.sign-up p {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 10px;
    line-height: 1.2;
}

aside.sign-up p span {
    font-size: 10px;
    font-size: 1rem;
    margin-top: 10px;
    display: block;
}

aside.sign-up input#email {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em;
    margin-bottom: 10px;
    border: none;
    font-size: 14px;
}

aside.sign-up label {
    margin-bottom: 5px;
    display: block;
}

.select-options input[type="checkbox"] {
    margin-right: 5px;
    height: 15px;
    width: 15px;
}

.select-options > div {
    float: left;
    width: 50%;
    padding: 0 0 10px;
}

.select-options span {
    font-size: 1.4em;
}

aside.sign-up input[type="submit"] {
    padding: 0.5em;
    border: medium none;
    background: none repeat scroll 0% 0% #4D522A;
    color: #FFF;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    width: 49%;
}

aside.sign-up input[type="submit"]:hover,
aside.sign-up input[type="submit"]:focus {
    background: #787E4C;
    outline: none;
}

aside.sign-up input[type="submit"]:active {
    position: relative;
    top: 1px;
    background: #444;
}

.select-options {
    margin-bottom: 15px;
}

/* Case Studies */

.case-studies {
    background: transparent;
    margin-bottom: 30px;
}

.case-studies li {
    border-radius: 3px;
    margin-bottom: 8px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    height: 150px;
}

.case-studies li a {
    overflow: hidden;
    position: relative;
    z-index: 2;
    height: 100%;
    display: block;
}

.case-studies li a .img-filter {
    -ms-transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
    -moz-webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}


.case-studies h4 {
    margin-bottom: 10px;
    position: absolute;
    z-index: 6;
    top: 10px;
    left: 10px;
    right: 10px;
    color: white;
    font-size: 26px;
    line-height: 1.2;
}

.img-filter {
    position: absolute;
    height: 100%;
    z-index: 5;
    background: rgba(25,192,207,.9);
    display: block;
    width: 100%;
}

.case-studies img {
    height: 150px;
    display: block;
    margin-bottom: 10px;
    max-width: inherit;
    position: absolute;
    z-index: 3;
}

.case-studies li a:hover .img-filter,
.case-studies li a:focus .img-filter {
    background: rgba(25,192,207,.5);
}

.case-studies a:active {
    top: 1px;
    position: relative;
}

/* Newsletter */
section.newsletter-signup {
    background: #befffa;
    padding: 1em;
    border-radius: 3px;
    margin-top: 4em;
}

.newsletter-signup h3 {
    font-family: 'MuseoSlab-700', 'helvetica neue', helvetica, arial, sans-serif;
    line-height: 1.1;
    color: #444;
    font-size: 2.2rem;
    margin-bottom: .4em;
}

article.single-entry .newsletter-signup p:first-of-type {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.2;
}

.newsletter-signup p {
    font-family: 'MuseoSlab-300', 'helvetica neue', helvetica, arial, sans-serif;
    line-height: 1.1;
    color: #444;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: .4em;
}

.ev_name {
    color: #474C3E;
}

.ev_icon {
    color: #666666;
    float: right;
    font-size: 2em;
    display: block;
}

.ev_date {
    color: #999999;
    display: block;
    font-size: 0.8em;
    margin-top: 0.5em;
}

/* Form page mobile styles */
h3#title31 {
    font-size: 25px !important;
    font-size: 2.5rem !important;
    color: red;
}

.column-form {
    width: 90%;
    margin: 0 auto;
}

.column-form input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
    color: #999;
    -webkit-appearance: none;
}

iframe.video {
    position: relative;
    float: left;
    left: -225px;
    margin: 1em 0 1em 0;
    min-width: 100%;
}

ul.metadata,
ul.metadata.singlemeta h3 {
    margin: 0 0 .4em;
}

ul.metadata.singlemeta {
    display: inline-block;
    max-width: 60%;
    float: right;
    padding: 1em 0 0;
}

ul.post-entry li.cf {
    padding: 7px 0 1.5em 0;
}

.post-entry li .img_container {
    width: 290px;
    height: 190px;
    float: left;
    margin: 0 1em 1.5em 0;
    overflow: hidden;
    background: url(../img/spiffygif_20x20.gif) no-repeat 50% 50% #EFEFEF;
}

ul.post-entry li img.thumb {
    min-width: 100%;
    transition: all 0.5s ease 0s;
}

img.thumb.img-overflow {
    max-height: 200px;
    max-width: 800px;
    margin-left: -205px;
}

figure figcaption {
    font-size: 12px;
    font-size: 1.2rem;
}

ul.metadata {
    display: inline-block;
    width: 100%;
    margin: -0.8em 0 0.5em 0;
    float: left;
}

ul.metadata li.meta-item {
    background: rgb(255, 239, 239);
    display: inline-block;
    padding: 2px 10px 2px 10px;
    margin: 0 5px 5px 0;
    border: none;
    white-space: pre-line;
    width: auto;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    clear: none;
}

.meta-title {
    display: inline-block;
}

.single-entry li.meta-item:last-of-type {
    margin-bottom: 0;
}

li.meta-item a {
    color: #444;
    text-decoration: none;
}

h3 a {
    color: #555;
}

.single h3 a:hover {
    color: rgb(246, 0, 113);
}

.single h3 a:hover:after {
    content: "\a0 ➔";;
}

.single-entry ul li {
    margin-bottom: 0.75em;
    font-size: 18px;
    font-size: 1.8rem;
    color: #444;
    width: 100%;
    float: left;
}

.single-entry ul li:last-of-type {
    margin-bottom: 1.5em;
}

.single-entry p:last-of-type {
    margin: 0 0 1em;
}

article.single-entry p:first-child, .single-entry p:first-of-type {
    font-size: 16px;
    font-size: 1.6rem;
    color: #333;
    line-height: 1.6;
}

/*.single-entry p:last-of-type + ul {
    margin: -5em 0 5em 0;
}*/

ul.resource-list {
    width: 100%;
}

ul.resource-list li {
    list-style: none;
    margin: 0;
    display: inline-block;
    float: none;
    width: 100%;
}

ul.resource-list li a {
    color: rgb(75, 95, 90);
    display: block;
    padding: 0.5em;
    background: rgb(58, 247, 216);
    border-radius: 4px;
    text-decoration: none;
}

ul.resource-list li a:hover {
    color: rgb(58, 247, 216);
    background: rgb(67, 116, 122);
}

ul.resource-list li a[href$=".pdf"]:after {
    content: "\a0\a0 (PDF)";
    font-size: 60%;
    font-family: "museoslab-700";
}

ul.resource-list li a[href$=".ppt"]:after {
    content: "\a0\a0 (Powerpoint)";
    font-size: 60%;
    font-family: "museoslab-700";
}

ul.resource-list li a[href$=".pptx"]:after {
    content: "\a0\a0 (Powerpoint)";
    font-size: 60%;
    font-family: "museoslab-700";
}

ul.resource-list li a[href$=".doc"]:after {
    content: "\a0\a0 (Word doc)";
    font-size: 60%;
    font-family: "museoslab-700";
}

ul.resource-list li a[href$=".docx"]:after {
    content: "\a0\a0 (Word doc)";
    font-size: 60%;
    font-family: "museoslab-700";
}

/* cheeky */
p:empty { 
    display: none 
}

/* GPU transforms? */
* {
    transform:translate-z(0);
}

input#search.box {
    outline: none;
}

.post-entry .gm-map {
    background-color: rgb(215, 219, 53);
}

.map-hdr .gm-projects {
    background: url(../img/spiffygif_20x20.gif) no-repeat 50% 50%;
    background-color: #dedede;
}

.home-info ul li a:hover {
    background: rgb(25, 183, 231);
}




/* ==========================================================================
   Mobile Nav
   ========================================================================== */

a.menu-link {
    display: table-cell;
    color: #444;
    text-indent: -999em;
    width: 34px;
    background: #D0D0B6;
    border-radius: 3px;
    vertical-align: middle;
    height: 34px;
}

span.icon-bar {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #666;
    margin: 2px auto;
}



/* ======================================== */

.menu, .menu > ul ul {
clear: both;
-webkit-transition: all 0.3s ease-out;  
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.js .menu, .js .menu > ul ul {
overflow: hidden;
max-height: 0;
/*background: rgba(0,0,0,0.1);*/
}

.menu.active, .js .menu > ul ul.active {
max-height: 200em;
}

.menu > ul {
padding-top: 2.5em;
}

.menu li a {
color: #fff;
background: #ff0071;
display: block;
padding: 0.8em 2em .8em .8em;
position: relative;
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 2px;
border-radius: .2em;
}

.menu li.has-subnav > a:after {
content: '+';
position: absolute;
top: .5em;
right: 0;
display: block;         
padding: 0.25em 0.5em;
margin-left: 1em;
}

.menu li.has-subnav > a.active:after {
content: "-";
}

/* TRAID specific colours */

ul.level-1 li a:hover,
ul.level-1 li a:focus,
ul.level-1 li a:active {
background: #444;
}

ul.level-2 li a {
background: #ff3b95;
}

ul.level-2 li a:hover,
ul.level-2 li a:focus,
ul.level-2 li a:active {
background: #ffb2d5;
color: #444;
}

ul.level-3 li a {
background: #ffb2d5;
color: #444;
}

ul.level-3 li a:hover,
ul.level-3 li a:focus,
ul.level-3 li a:active {
background: #444;
color: #fff;
}
/* ==========================================================================
   END Mobile Nav
   ========================================================================== */

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.single-entry ul > li {
margin-bottom: 0.75em;
font-size: 1.8rem;
color: #444;
width: 100%;
float: left;
}

article.single-entry h3.subhead-small + p {
    font: normal 1.4rem/1.6 'MuseoSans-300', 'arial', 'helvetica', 'Roboto', sans-serif-light, sans-serif;
    color: #666;
}

/* ==================================================================
   Publication styles - mobile
   =============================================================== */

.page-template-page_publications-php ul#pub-list {
    clear: both;
    margin: 0 -2%;
    padding: 0;
    width: auto;
}

.page-template-page_publications-php ul#pub-list li {
    margin: 2%;
    float: left;
    width: 46%;
    list-style: none;
    min-height: 480px;
}

.page-template-page_publications-php ul#pub-list figure {
    padding: .5em;
    background: rgb(241,241,217);
    background: rgba(241,241,217,.5);
    border-radius: 3px;
    margin-bottom: 2em;

    -moz-transition: background .3s linear;
    -webkit-transition: background .3s linear;
    transition: background .3s linear;
}

.page-template-page_publications-php ul#pub-list .pub-caption {
    font-size: 12px;
    font-size: 1.2rem;
}

.page-template-page_publications-php ul#pub-list h3 {
    line-height: 1.2;
    margin-bottom: 15px;
}

.page-template-page_publications-php ul#pub-list .pub-meta {
    margin-bottom: 1em;
}

.page-template-page_publications-php ul#pub-list p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
    color: #888 !important;
}

.page-template-page_publications-php ul#pub-list li a {
    border-bottom: none;
    padding-bottom: 0;
    text-decoration: none;
    display: block;
}

.page-template-page_publications-php ul#pub-list figure:hover,
.page-template-page_publications-php ul#pub-list figure:focus {
    background: #ccccba;
}

.page-template-page_publications-php ul#pub-list li a img {
    max-width: 100%;
    height: auto;
    display: block;
}

.page-template-page_publications-php ul.col-paginate {
    width: 100%;
    display: block;
    margin: 1em 0;
}

.page-template-page_publications-php ul.col-paginate li {
    list-style: none;
}

.page-template-page_publications-php ul.col-paginate > li.prev {
    float: left;
    width: 49%;
    text-align: left;
    margin: 0;
}

.page-template-page_publications-php ul.col-paginate > li.next {
    float: right;
    width: 49%;
    text-align: right;
    margin: 0;
}

.page-template-page_publications-php ul.col-paginate li a {
    background-color: #D7DB35;
    border-radius: 2px;
    color: #FFF;
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    min-height: 2em;
    padding: 0.5em;
    text-decoration: none;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    border-bottom: none;
}

/* ==================================================================
   Mobile BLOG Styles
   =============================================================== */

.page-template-blog_overview-php ul.post-entry {
    border-top: none;
    border-bottom: none;
}

.page-template-blog_overview-php .single-entry ul.post-entry > li {
    padding-top: 0 !important;
}

.archive h2.main-title,
.blog-search h2.main-title {
    margin-bottom: 20px;
}

.archive .single-entry ul.post-entry li.cf {
    padding: 20px 0 0;
}

.page-template-blog_overview-php ul.post-entry h3,
.archive ul.post-entry h3,
.blog-search ul.post-entry h3 {
    margin: 0 0 5px;
}

.page-template-blog_overview-php ul.post-entry .post-meta h4,
.page-template-blog_overview-php ul.post-entry .post-meta h5,
body.archive .author-meta h4.blog-author,
body.archive .post-meta h5,
body.archive .author-meta h5,
.blog-search .author-meta h4,
.blog-search .author-meta h5 {
    line-height: 1;
    margin-bottom: 5px;
    color: #888;
}

.page-template-blog_overview-php .author-meta,
.archive .author-meta,
.blog-search .author-meta {
    margin-bottom: 10px;
}

.post-meta h4.blog-author {
    padding-bottom: 10px;
}

.single .offset {
    position: relative;
}

body.single .offset .post-meta {
    margin-bottom: 20px;
}

.page-template-blog_overview-php .author-meta h4,
.page-template-blog_overview-php .author-meta h5 {
    margin-bottom: 10px;
    line-height: 1;
    color: #888;
}

.page-template-blog_overview-php .author-meta h4,
.archive .author-meta h4 {
    color: #474C3E;
}

.page-template-blog_overview-php ul.post-entry ul.post-categories,
.blog-search ul.post-entry ul.post-categories {
    float: left;
}

ul.post-entry ul.post-categories,
.archive #catsntags,
.blog-search #catsntags {
    width: 100%;
    margin: 0 0 .5em 0;
    padding:0;
}

#catsntags {
    margin-bottom: 10px;
}

#catsntags ul.post-categories {
    width: 100%;
}

/* Blog images */

body.page-template-blog_overview-php figure.inline-img > img.size-half-blog-image,
body.single-format-standard figure.inline-img > img.size-half-blog-image {
    width: 49%;
    float: left;
    margin: 20px 20px 0 0;
}

body.page-template-blog_overview-php figure.inline-img > img.size-half-blog-image + figcaption,
body.single-format-standard figure.inline-img > img.size-half-blog-image + figcaption {
    width: 49%;
    float: left;
    margin-right: 20px;
    clear: left;
}

/* blog cats and tags */

.cats,
.post-categories,
.tags {
    margin-bottom: 30px;
}

.post-categories li,
.cats li,
.tags li {
    margin: 0 .6em .6em 0;
    float: left;
}

.cats a,
.post-categories a,
.tags a,
#first-post-tags a {
    display: inline-block;
    background: #CDFFF7;
    color: #809E97;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    padding: 0.5em;    
    text-decoration: none;
    -ms-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    border: none;
}

.tags a,
#first-post-tags a {
    background: #FFEFEF;
    color: #E774A9;
}

aside.sidebar .post-categories a:hover,
aside.sidebar .post-categories a:focus,
aside.sidebar .cats a:hover,
aside.sidebar .cats a:focus {
    background: #90FFED ;
    color: #688A82;
}

aside.sidebar .tags a:hover,
aside.sidebar .tags a:focus,
#first-post-tags a:hover,
#first-post-tags a:focus {
    background: #FCDCDC;
    color: #DF1B75;
}

aside.sidebar .cats a:active,
aside.sidebar .post-categories a:active,
aside.sidebar .tags a:active {
    position: relative;
    top: 1px;
}

.blog-comments {
    padding: 60px 0 0;
    border-top: 1px dashed #444;
}

/* ==================================================================
   Mobile and up base HEADER Styles
   =============================================================== */
.slide {
    margin-left: 10px;
}

.slide > h2.headline strong {
    color: white;
}

.slide > h2.headline span a,
.map-hdr > h2.map-title span,
.map-title > h2.headline span,
.fullimage > h2.headline span {
    color: white;
    display: inline;
    /*padding: 10px 0;*/
    padding: .45em 0;
    line-height: 1.4;
    -ms-box-shadow: .5em 0 0 #F60071, -.5em 0 0 #F60071;
    box-shadow: .5em 0 0 #F60071, -.5em 0 0 #F60071;
    background: #F60071;
    /*background: rgba(246,0,113,.7);*/
    opacity: .85;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; // first!
    filter: alpha(opacity=85);    
}

.page-template-blog_overview-php .fullimage > h2.headline span {
    -ms-box-shadow: .5em 0 0 #464c3e, -.5em 0 0 #464c3e;
    box-shadow: .5em 0 0 #464c3e, -.5em 0 0 #464c3e;
    background: #464c3e;
    color: #f0e500;
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {

.slide > h2.headline span a,
.map-hdr > h2.map-title span,
.map-title > h2.headline span,
.fullimage > h2.headline span {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.6;
}

    }/*DO NOT DELETE!!!*/

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

.slide > h2.headline span a,
.map-hdr > h2.map-title span,
.map-title > h2.headline span,
.fullimage > h2.headline span {
    font-size: 50px;
    font-size: 5rem;
    line-height: 1.37;
    padding: 10px 0;
    -ms-box-shadow: 20px 0 0 #F60071, -15px 0 0 #F60071;
    box-shadow: 20px 0 0 #F60071, -15px 0 0 #F60071;
}

.page-template-blog_overview-php .fullimage > h2.headline span {
    -ms-box-shadow: 20px 0 0 #464c3e, -15px 0 0 #464c3e;
    box-shadow: 20px 0 0 #464c3e, -15px 0 0 #464c3e;
    font-size: 80px;
    font-size: 8rem;
}


    }/*DO NOT DELETE!!!*/

/* Ticker and Stats */

.change ul#stats, .change ul#shf {
    text-align: center;
    color: #fff;
    padding: 2em;
    overflow: hidden;
    list-style: none

}

a.shf li.strapline {
    color: #fff;
    font-size: 3em;
}

ul#stats li {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.2;
    width: 100%;
    display: inline-block;
    opacity: 0;
    display: none;
}

ul#stats li.strapline {
    font-size: 28px;
    font-size: 2.8rem;
    width: 100%;
    display: inline-block;
}

ul#shf li.strapline  {
    font-family: "museoslab-900", 'helvetica neue', helvetica, arial, sans-serif;
    font-size: 5.8rem;
    width: 100%;
    display: inline-block;
}

#edu-stats {
    display: none;
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {

ul#stats li {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.2;
}

ul#stats li.strapline {
    font-size: 30px;
    font-size: 3rem;
}


/* ==================================================================
   Publication styles - medium
   =============================================================== */

.page-template-page_publications-php ul#pub-list {
    margin: 0 -2%;
}

.page-template-page_publications-php ul#pub-list li {
    margin: 0 2% 30px;
    float: left;
    width: 29.33%;
    list-style: none;
    min-height: 490px;
}

.page-template-page_publications-php ul#pub-list figure {
    
    margin-bottom: 2em;
}

    }/* < DO NOT DELETE!*/


/* ====================================================================================================================================================
   Min 1024px width styles
   ==================================================================================================================================================== */

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

/* ADD THIS 1px space at bottom removal */
#_atssh {
    display: none !important;
    margin-bottom: -1px !important;  
}

header {
    height: 90px;
}

.head-wrapper {
    width: 100%;
    box-shadow: 0 1px 10px #666;
    z-index: 1999;
}

.hdr-inner {
    margin: 0 auto;
    width: 90%;
    max-width: 1200px;
    min-width: 960px;
}

.svg h1.logo a {
    height: 70px;
    width: 90px;
    background-size: 100% auto;
    display: block;
}

/* desktop nav styles */

.menu li a {
    color: #444;
    background: transparent;
    display: block;
    padding: 0.8em 2em .8em .8em;
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 2px;
    border-radius: .2em;
}

.top-links {
    padding-top: 1.3em;
}

.top-links a {
    background: none;
    height: inherit;
    width: inherit;
    line-height: 1;
}

.top-links a:hover,
.top-links a:focus {
    background: none;
    color: #999;
}

.search_form {
    display: none;
}


li.search-options .extra-menu-btn .icon-searchsearch,
li.social-options .icon-searchheart {
    -moz-border-radius: 3em;
    -webkit-border-radius: 3em;
    border-radius: 3em;
    padding: .5em .3em .4em;
    background: white;
    display: inline-block;
}

li.search-options .extra-menu-btn .icon-searchsearch:hover,
li.search-options .extra-menu-btn .icon-searchsearch:focus {
    background: #DFE423;
    color: #4D522A;
}

li.social-options .icon-searchheart:hover,
li.social-options .icon-searchheart:focus {
    background: #f60071 !important;
    color: #fff !important;
}

li.social-options {
    margin-left: .5em;
}

.top-links li {
    margin-left: 8px;
}




/* desktop hidden menu */

.refine-search,
.social-menu {
    background: #d7db36;
    background: rgba(215, 219, 53, 0.9);
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1000;
}

.social-menu {
    background: #f60071;
    background: rgba(246, 0, 113, 0.9);
}

.refine-search form,
.social-menu-inner {
    max-width: 1200px;
}

.social-menu-inner ul {
    float: right;
}

.icon-searchheart {
    color: #F60071;
}

.check {
    float: left;
    margin: 0;
}

.input {
    float: right;
    width: 40%;
}

.refine-search form.searchform_xtra button {
    background: #88914A;
}

.refine-search form.searchform_xtra button:hover,.refine-search form.searchform_xtra button:focus {
    background: #4D522A;
}

.refine-search .searchform_xtra .check span.limit {
    color: #444;
    margin-right: 1em;
    font-size: 16px;
    font-size: 1.6rem;
    display: inline;
    float: left;
    line-height: 37px;
}

.ck-options {
    float: left;
    display: inline;
    padding: 0;
}

.refine-search .searchform_xtra .check p {
    color: #444;
    display: inline;
    margin-right: 1em;
}

.refine-search .searchform_xtra .check p label {
    color: #444;
    line-height: 37px;
}

.social-menu li {
    display: inline-block;
    margin-right: .5em;
    color: white;
    float: right;
}

.social-menu .button {
    display: inline-block;
    padding: 8px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    text-decoration: none;
    vertical-align: middle;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: auto;
}

.social-menu li a:hover, .social-menu li a:focus {
    background-color: white;
    color: #67002f;
}

.social-menu .button:active {
    position: relative;
    top: 1px;
    background-color: #67002f;
    color: white;
}

[role="main"] {
    width: 90%;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 960px;
    padding: 140px 1.5% 40px;
}

article.change {
    float: left;
    margin-bottom: 2%;
}

/* Ticker and Stats */

.change ul#stats {
    text-align: center;
    color: #fff;
    height: 100px;
    padding: 0.5em;
    overflow: hidden;
    list-style: none
}

ul#stats li {
    font-size: 24px;
    font-size: 2.4rem;
    width: 100%;
    display: inline-block;
    margin: 1.4em 0 50px 0;
}

ul#stats li.strapline {
    font-size: 58px;
    font-size: 5.8rem;
    width: 100%;
    display: inline-block;
    margin: 0.2em 0 50px 0;
}

article.shops, article.donate {
    width: 49%;
    float: left;
    margin-bottom: 2%;
}
article.donate {
    margin-left: 2%;
}

.shops h3 a, .donate h3 a {
    padding: .4em;
    color: white;
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.2;
    text-align: center;
}

.home-info {
    float: right;
    width: 27%;
}

.home-info ul li a:hover {
    background: rgb(25, 183, 231);
}

.projects {
    clear: left;
    margin-bottom: 2%;
    padding-top: 150px;
}

.education {
    margin-bottom: 2%;
}

.edu-bg {
    background: url(../img/edu_bg.jpg) no-repeat 0 0;
    opacity: .2;
}

/* ******************************************************************* */
/* Panels Home Page Desktop */

#panels /*container*/ {
    margin-right: -1%;
    margin-left: -1%;
    margin-top: -1%;
}

.panels li.pnl {
    width: 47.95%;
    margin: 1%;
    float: left;
}

/*.panels li.pnl a {
    min-height: 130px;
}
*/

.entry,
.single-entry {
    float: left;
    width: 75%;
    padding: 2% 0 0 0;
}

.single-entry p,
.single-entry ul {
    float: none;
    width: 100%;
    color: #666;
}

.pullquote {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 1em;
}

blockquote.pullquote p {
    font-size: 20px !important;
    font-size: 2rem !important;
    margin: 0;
}

.single-entry p:first-child {
    float: left;
    color: #444;
    width: 100%;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.8;
}

.single-entry ul li {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
}

.sidebar {
    float: right;
    width: 20%;
    margin: 2em 0 0 0;
}

#slides {
    margin: 0 0 230px;
    top: 120px;
    position: absolute;
    z-index: 50;
    left: 3%;
}

.slides_container {
    padding-left: 1em;
    white-space: pre-line;
    /*width: 500px;*/
    width: 520px;
}

.slide {
    width: 500px;
    display: none;
}

.slide > h2.headline {
    display: inline;
}

h2.main-title {
    font-size: 65px;
    font-size: 6.5rem;
    letter-spacing: -0.03em;
}

.map-title > span {
    font-size: 60px;
    font-size: 6rem;
}

.home {
    position: relative;
    top: 315px;
    margin-bottom: 315px;
}

article.single-entry p,
.page-template-blog_overview-php .post-entry li p  {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.8;
}



body.single section.single article.single-entry section.offset p,
body.single section.single article.single-entry section.offset p:last-child,
body.single section.single article.single-entry section.offset .post-meta ul {
    width: 75%;
    margin: 0 0 20px 25%;
}


body.single article.single-entry section.offset .post-meta {
    width: 15%;
    color: #999;
    position: absolute;
    padding: 10px 0 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: white;
    z-index: 1000;
    display: inline-block;
}

section.offset h4,
section.offset h5 {
    padding-bottom: 7px;
    font-size: 14px;
    font-size: 1.4rem;
}

.page-template-blog_overview-php ul.post-entry {
    border-top: none;
    padding-top: 0;
}

body.single article.single-entry section.offset .post-meta + p {
    color: #E774A9;
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0 0 30px 25%;
    width: 75%;
}

/*IE*/




.fullimage {
    height: 450px;
    margin-bottom: 110px;
}

h4.studies {
    margin: 2em 0;
    font-size: 20px;
    font-size: 2rem;
    float: none;
    width: 100%;
}

ul.studies-list li a {
    font-size: 16px;
    font-size: 1.6rem;
}

.sidebar-hdr {
    border-top: none;
    padding-top: 0;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: .6em;
}

ul.post-entry {
    width: 75%;
    float: right;
}

.page-template.page-template-projects_overview-php ul.post-entry,
.page-template.page-template-news_overview-php ul.post-entry,
.page-template.page-template-shops_overview-php ul.post-entry,
.page-template.page-template-projects_archive_overview-php ul.post-entry,
.page-template.page-template-events_overview-php ul.post-entry {
    margin-top: 2em;
}

/* ==================================================================
   Desktop BLOG Styles
   =============================================================== */

.page-template.page-template-blog_overview-php ul.post-entry {
    margin-top: 0;
}

.page-template-blog_overview-php .single-entry ul.post-entry li {
    padding-top: 0;
    margin-bottom: 1.5em;
}

.page-template-blog_overview-php .single-entry ul.post-entry ul.post-categories li {
    margin-bottom: 5px;
}

.page-template-blog_overview-php ul.post-entry.page-1 li:first-child ul {
    margin: 0 0 5px 0;
    padding: 0;
}

.page-template-blog_overview-php ul.post-entry.page-1 li:first-child ul li {
    margin: 0 5px 0 0;
}

.archive #catsntags,
.blog-search #catsntags {
    width: 100%;
    margin-left: 0;
}

#catsntags {
    clear: both;
    width: 75%;
    margin: 0 0 20px 25%;
}

.page-template-blog_overview-php ul.post-entry li li {
    border-bottom: none !important;
}

.page-template-blog_overview-php article.single-entry li:first-child p {
    margin: 0 0 1em 25%;
    width: 75%;
}

.page-template-blog_overview-php article.single-entry li:first-child h3 {
    width: 75%;
    margin: 0 0 .5em 25%;   
}

.paged.page-template-blog_overview-php article.single-entry li h3 {
    margin-left: 0;
    width: 50%;
}

.page-template-blog_overview-php .post-meta {
    width: 20%;
    color: #999 !important;
    position: absolute;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background: #FFF;
    z-index: 1000;
}

.page-template-blog_overview-php .post-meta h5 {
    clear: both;
    margin-bottom: 7px;
}

.page-template-blog_overview-php .post-meta {
    clear: both;
    margin-bottom: 10px;
    padding: 10px 0;
}

.page-template-blog_overview-php .post-meta h4.blog-author,
.page-template-blog_overview-php .post-meta h5.entry-date {
    line-height: 1;
    font-size: 14px;
    font-size: 1.4rem;
    color: #999;
    margin: 0;
}

.page-template-blog_overview-php .author-meta h4,
.page-template-blog_overview-php .author-meta h5,
.archive .author-meta h4,
.archive .author-meta h5,
.blog-search .author-meta h4,
.blog-search .author-meta h5 {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 0;
    display: inline-block;
}

.page-template-blog_overview-php .post-entry h3,
.page-template-blog_overview-php .post-entry .author-meta,
.page-template-blog_overview-php .post-entry .post-categories,
.blog-search ul.post-entry h3 {
    width: 50%;
    clear: left;
}

ul.post-entry {
    padding: 2em 0 0 0;
    border-top: 1px dashed #999;
}

ul.post-entry li {
    margin-bottom: 50px;
    position: relative;
    border-bottom: 1px dashed #999;
    float: none;
}

ul.post-entry li > h3 {
    margin: 0 0 .5em;
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 1.1;
    float: left;
    width: 100%;
    display: block;
}


/* Archive desktop  */
body.archive ul.post-entry li h3 {
    width: 50%;
    display: inline-block;
}

.archive .author-meta,
.blog-search .author-meta {
    clear: left;
}

.archive #catsntags,
.blog-search #catsntags {
    width: 50%;
    clear: left;
    display: inline-block;
}


ul.post-entry li > h3 a,
.archive-list li h3 a {
    font-size: 35px;
    font-size: 3.5rem;
    color: #474C3E;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.archive-list li > h3 a {

}

.archive h3 strong {
    color: #f60071;
}

.archive h3.list-title {
    margin-bottom: 2em;
}

.page-template-blog_overview-php article.single-entry p:first-of-type {

}

.page-template-blog_overview-php ul.post-entry li > h3 {
    margin-bottom: 5px;
}

ul.post-entry li h4 {
    margin: 0 0 2em;
}

ul.post-entry li > .gm-map {
    width: 320px;
    height: 160px;
    background: #EFEFEF;
    display: block;
    float: left;
    margin: 0;
}

ul.post-entry li img.thumb {
    float: left;
    height: auto;
    margin-bottom: 0;
    background: url(../img/spiffygif_20x20.gif) no-repeat 50% 50% #EFEFEF;
}

ul.post-entry li p{
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
}

span.read-more {
    position: absolute;
    bottom: 0;
    right: 0;
}

.page-template-news_overview-php span.read-more,
.page-template-jobs-php span.read-more,
.page-template-blog_overview-php span.read-more,
.archive span.read-more,
.blog-search span.read-more {
    position: relative;
    float: left;
    clear: left;
    margin-top: 20px;
}

ul.paginate {
    display: block;
}

.gm-map {
    display: block;
    height: 350px;
    background-color: #EFEFEF;
}

.entry-map > .gm-map {
    margin: 0;
}

.map-container {
    width: 320px;
    height: 160px;
    float: left;
}

.map-container .gm-map {
    height: 160px;
}

.map-title {
    padding-top: 0;
    max-width: 500px;
    position: absolute;
    z-index: 5;
    float: left;
    padding: 0;
    left: 6%;
    top: 40px;
}

.map-hdr {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    top: 90px;
}

.static-map {
    display: none;
}

.single.single-alt.content[role="main"] {
    width: 90%;
    max-width: 1200px;
    min-width: 960px;
    padding: 100px 1.5% 40px;
}

.single.single-alt.lift.content.cf {
    top: 0;
}

article.single-entry p:first-of-type {
    width: 100%;
    color: #444;
    font-size: 22px;
    font-size: 2.2rem;
}

.home {
    top: 320px;
}

.map-container {
    width: 320px;
    height: 160px;
    overflow: hidden;
    margin: 0 1em 1em 0;
}

.post-type-archive-banks .map-container, .page-template-banks_overview-php .map-container {
    width: 640px;
}

.map-container .gm-map img {
    max-width: 200%;
    margin: 0 auto;
    display: inline;
    margin: -80px 0 0 -160px;
    opacity: 0.8;
}

.page-template-banks_overview-php .map-container .gm-map img,
.post-type-archive-banks .map-container .gm-map img {
    margin: -80px 0;
}

.fullimage h2 {
    padding: 20px 0 0;
    position: absolute;
    top: 11%;
    left: 3%;
    margin: 0;
    width: 400px;
}

/*ul.post-entry li.cf .excerpt {
    min-width: 53%;
    max-width: 60%;
    display: inline-block;
    font-size: 0.85em;
    line-height: 1.5em;
    color: #555;
}*/

.page-template-news_overview-php ul.post-entry li.cf .excerpt {
    max-width: 60%;
    display: table-cell;
    line-height: 1.5em;
    color: #555;
    clear: left;
    float: left;
}

#projectsearchform_sidebar, #banksearchform_sidebar {
    margin-bottom: 20px;
    -moz-transition: all 0.20s ease-in-out;
    -webkit-transition: all 0.20s ease-in-out;
    transition: all 0.20s ease-in-out;
    background-color: #fff;
}

#projectsearchform_sidebar input[type=text], #banksearchform_sidebar input[type=text] {
    outline: none;
    width: 97%;
    background: none;
    color: #444;
}

#projectsearchform_sidebar:hover, #banksearchform_sidebar:hover {
    background-color: rgba(53, 219, 192, 0.3);
    outline: none;
    border: 1px solid #ccc;
}

ul.col-paginate {
    width: 100%;
    display: block;
    margin: 6em 0;
}

.col-paginate li {
    border: none;
    max-width: 49%;
    display: inline-block;
}

.col-paginate li a {
    background-color: #D7DB35;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 18px;
    font: 1.8rem;
    line-height: 1;
    min-height: 2em;
    padding: 0.5em;
    text-decoration: none;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    border-bottom: none;
}

.col-paginate li a:hover, .col-paginate li a:focus {
    background-color: #C9CD25;
    color: #fff;
}

ul.col-paginate > li.prev {
    float: left;
    width: 49%;
    text-align: left;
    margin: 0;
}

ul.col-paginate > li.next {
    float: right;
    width: 49%;
    text-align: right;
    margin: 0;
}

ul.resource-list > li {
    width: auto;
}

.post-entry li .img_container {
    float: right;
}

footer {
    width: 100%;
    background: #1B1D18;
    position: relative;
    min-height: 300px;
    margin-top: 10em;
}
   
.ftr-inner {
    width: 90%;
    margin: 0 auto;
    padding: 30px 1.5%;
    max-width: 1200px;
    min-width: 960px;
}

.ftr-reg, .ftr-copy {
    display: inline;
    font-size: 1rem;
    line-height: 1.4;
    line-height: 35px;
}

.ftr-reg {
    margin-right: 1em;
}

footer ul.ftr-links {
    float: right;
    display: inline-block;
    clear: none;
    width: auto;
    padding: 0;
}

footer ul.ftr-links li {
    display: inline;
    margin-right: 1em;
}

footer ul.ftr-links li a {
    font-size: 10px;
    font-size: 1rem;
    line-height: 35px;
}

.page-template-courses_overview-php .post-entry.cf {
    margin: 2em 0 0 0;
}

.page-template-page_special-php .single.single-alt.lift.content.cf {
    padding-top: 0;
}

article.single-entry h3.subhead-small + p {
    font-size: 17px;
    font: normal 1.7rem/1.8 'MuseoSans-300', 'arial', 'helvetica', 'Roboto', sans-serif-light, sans-serif;
}


    }/*DO NOT DELETE*/


/* additional styles on top of main.css */

/********** global, to be superceded by queries ************/
/********** global, to be superceded by queries ************/
/********** global, to be superceded by queries ************/

#s {
    outline: none;
}

.count {
    letter-spacing: 0;
    }

.change {
    border-radius: 4px;
}

.home-info ul li a:hover {
    background: rgb(25, 183, 231);
}

.subhead {
    margin: 1em 0 0.2em;
    padding-bottom: 0.2em;
    font-size: 25px;
    font-size: 2.5rem;
    color: #444;
    border-bottom: 1px dashed #ccc;
    clear: both;
    float: none;
}

h3.subhead + p:first-of-type {
    color: #666;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    margin-bottom: 1em;
}

.subhead-small {
    font-size: 17px;
    font-size: 1.7rem;
    color: #444;
    margin: .5em 0;
}

.single-entry ul.post-entry {
    width: 100%;
}

ul.metadata.singlemeta {
    display: inline-block;
    max-width: 59%;
    float: left;
    clear: none;
}

ul.metadata.singlemeta li.meta-item:last-child {
    margin: 0;
}

.single-entry ul.post-entry li.cf {
    padding: 7px 0 20px 0;
}

.search.search-results .single-entry ul.post-entry li {
    /*padding-bottom: 3em;*/
}

.archive.search.search-results.post-type-archive.post-type-archive-traid_projects ul.post-entry li {
    padding-bottom: 0;
}

body.search section.single article.single-entry ul.post-entry li.cf span.read-more {
    clear: both;
    position: relative;
    margin: 0 0 20px;
}

.search #blog-search ul.post-entry li .read-more {
    clear: left;
    padding-top: 20px;
    position: relative;
}

ul.post-entry li.cf {
    padding: 7px 0 1.5em 0;
}

.post-entry li .img_container {
    width: 290px;
    height: 190px;
    float: left;
    margin: 0 1em 1.5em 0;
    overflow: hidden;
    background: url(../img/spiffygif_20x20.gif) no-repeat 50% 50% #EFEFEF;
}

.post-entry li .img_container.shallow {
    height: 110px;
    float: left;
}


ul.post-entry li img.thumb {
    min-width: 100%;
    transition: all 0.5s ease 0s;
}

ul.post-entry li img.thumb:hover {
    -webkit-transform: scale(1.05);
}

img.thumb.img-overflow {
    max-height: 200px;
    max-width: 800px;
    margin-left: -205px;
}

figure figcaption {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
}

figure.blog-inline {
    width: 49%;
    height: auto;
    float: left;
    margin: 10px 30px 30px 0;
    display: inline;
}

ul.metadata {
    display: inline;
    width: 100%;
    margin: -0.8em 0 .5em 0;
    float: left;
    clear: both;
}

ul.post-entry ul.post-categories li,
#first-post-tags li {
    border-bottom: none;
    display: inline;
    width: auto;
    clear: none;
    margin: 0 5px 5px 0;
    padding: 0;
}

ul.post-entry ul.post-categories li a {
    background: #CDFFF6;
    color: #809E8E;
    display: inline-block;
    padding: 2px 10px 2px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    border: none;
}

ul.post-entry ul.post-categories li a:hover,
ul.post-entry ul.post-categories li a:focus {
    background: #90FFED;
    color: #688A82;
}

ul.metadata li.meta-item li {
    margin: 0 5px 5px 0;
    width: auto;
    clear: none;
    display: inline;
}

ul.metadata li.meta-item a {
    background: rgb(255, 239, 239);
    display: inline-block;
    border: none;
    white-space: pre-line;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.8;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.meta-title {
    display: inline-block;
}

li.meta-item a {
color: #444;
text-decoration: none;
}

ul.metadata.singlemeta li.meta-item.linked {
background: #19B7E7;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

ul.metadata.singlemeta li.meta-item.linked a {
color: white;
background: transparent;
}

ul.metadata.singlemeta li.meta-item.linked:hover,
ul.metadata.singlemeta li.meta-item.linked:focus,
ul.metadata.singlemeta li.meta-item.linked a:hover,
ul.metadata.singlemeta li.meta-item.linked a:focus {
background: #204853;
}

h3 a {
color: #555;
}

.single h3 a:hover,
.single h3 a:focus {
    color: #f60071;
}

.single h3 a:active {
    color: #111;
    position: relative;
    top: 1px;
}

.single h3 a:hover:after {
    content: "\a0 ➔";;
}

.single-entry ul > li {
    margin-bottom: 0.75em;
    font-size: 1.8rem;
    color: #444;
    width: 100%;
    float: left;
}

.single-entry p:first-child,
.single-entry p:first-of-type {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #444;
    clear: left;
}

.single-entry ul li:last-of-type {
margin-bottom: 1.5em;
}

ul.resource-list {
width: 100%;
}

ul.resource-list > li a:hover {
color: rgb(58, 247, 216);
background: rgb(67, 116, 122);
}

ul.resource-list > li a[href$=".pdf"]:after {
    content: "\a0\a0 (PDF)";
    font-size: 60%;
    font-family: "museoslab-700";
}

ul.resource-list > li a[href$=".ppt"]:after {
    content: "\a0\a0 (Powerpoint)";
    font-size: 60%;
    font-family: "museoslab-700";
}

ul.resource-list > li a[href$=".pptx"]:after {
    content: "\a0\a0 (Powerpoint)";
    font-size: 60%;
    font-family: "museoslab-700";
}

ul.resource-list > li a[href$=".doc"]:after {
    content: "\a0\a0 (Word doc)";
    font-size: 60%;
    font-family: "museoslab-700";
}

ul.resource-list > li a[href$=".docx"]:after {
    content: "\a0\a0 (Word doc)";
    font-size: 60%;
    font-family: "museoslab-700";
}

.sdb-events {
    margin-bottom: 3em;
}

.twitter-timeline {
    width: 100%;
}

.pnl.twit:hover {
    background-color: #E4E4D5;
}

.pnl.twit .twitter-timeline {
    margin: 2em 0 0 0;
}

.panels li h4 {
    line-height: 1.4;
}

.featured-img {
    width: 100%;
}

.ev_date {
    margin-top: 0.5em;
}

.infobox {
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s; 
    transition: all 0.2s ease 0s;
}

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

.relmenu {
    margin-bottom: -220px !important;
}

.fixmenu {
    margin-bottom: 0;
}

.top-links {
margin: 7px 0 0 0;
}

#menu {
transition: all 0.2s ease-in-out;
}

.newsimages {
height: 300px;
top: 70px;
width: 100%;
position: absolute;
}

.home.content.cf {
padding-top: 343px;
position: relative;
}

#slides {
margin: 0 0 230px;
top: 65px;
position: absolute;
z-index: 100;
left: 3%;
}

.slides_container {
padding-left: 1em;
white-space: pre-line;
width: 350px;
}

ul#shf li.strapline  {
    font-family: "museoslab-900", 'helvetica neue', helvetica, arial, sans-serif;
    font-size: 2.8rem;
    width: 100%;
    display: inline-block;
}


.projects .map-hdr .gm-map iframe {
    position: absolute;
    left: -9999px;
}


.map-hdr {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 90%;
position: relative;
margin: 0 auto;
height: 300px;
top: 100px;
margin-bottom: 120px;
}

.gm-map {
    height: 300px;
}

.map-container {
margin: 1em 0 1em;
width: 100%;
overflow: hidden;
height: 160px;
}

.map-container .gm-map img {
min-width: 100%;
opacity: 0.8;
min-height: 160px;
margin-top: -10%;
}

[role="main"] {
width: 90%;
margin: 0 auto;
padding: 0 1.5% 40px;
}

.post-entry {
padding: 2em 0 0 0;
border-top: 1px dashed #999;
}

.post-entry li {
position: relative;
border-bottom: 1px dashed #999;
float: none;
}

ul.metadata {
margin: -0.3em 0 0;
}

#projectsearchform_sidebar {
    margin: 1em 0 2em 0;
}

#projectsearchform_sidebar.column-form {
padding: 0 1.5%;
width: 90%;
margin: 0 auto;
}

.pullquote {
    margin: 0 0 1em 2em;
}

ul.col-paginate {
    display: none;
}

section.single.content[role="main"] {
    margin-top: 90px;
}

html.js body.page section.single {
    margin-top: 20px;
}

        }



/********** dt 1024+ ************/
/********** dt 1024+ ************/      
/********** dt 1024+ ************/


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

.menu li a {
    font-size: 13px;
    font-size: 1.3rem;
    font-family: 'museoslab-300', sans-serif;
}

.single.single-alt.content[role="main"] {
    width: 90%;
    max-width: 1200px;
    min-width: 960px;
    padding: 100px 1.5% 40px;
}

.single-traid_projects .single.single-alt.content[role="main"],
.single.single-traid_studies .single.single-alt.content[role="main"],
.single.single-traid_projects .single.single-alt.content[role="main"],
.page-parent.page-template.page-template-page_special-php .single.single-alt.content[role="main"],
.page-template.page-template-shops_overview-php .single.single-alt.content[role="main"],
.page-template.page-template-blog_overview-php .single.single-alt.content[role="main"],
.single-format-standard .single.single-alt.content[role="main"] {
    padding-top: 0;
}

.single.single-alt.lift.content.cf {
    top: 0;
}

article.single-entry p:first-of-type {
    width: 100%;
    color: #444;
    font-size: 20px;
    font-size: 2rem;
}

h3.subhead + p:first-of-type {
    color: #666;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.8;
}

.home {
    top: 300px;
}

.map-container {
    width: 320px;
    height: 160px;
    overflow: hidden;
    margin: 0 1em .5em 0;
    clear: both;
}


.post-type-archive-banks .map-container, .page-template-banks_overview-php .map-container {
    width: 640px;
}

.map-container .gm-map img {
max-width: 200%;
margin: 0 auto;
display: inline;
margin: -80px 0 0 -160px;
opacity: 0.8;
}

.page-template-banks_overview-php .map-container .gm-map img, .post-type-archive-banks .map-container .gm-map img {
margin: -80px 0;
}

.fullimage h2 {
padding: 20px 0 0;
position: absolute;
top: 11%;
left: 3%;
margin: 0;
width: 400px;
}


ul.post-entry li.cf .excerpt {
    min-width: 53%;
    max-width: 55%;
    display: inline-block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.6em;
    color: #555;
}

.page-template-courses_overview-php ul.post-entry li.cf .excerpt {
    max-width: 100%;
    clear: right;
}



.page-template-news_overview-php ul.post-entry li.cf .excerpt,
.page-template-blog_overview-php ul.post-entry li.cf .excerpt,
.archive ul.post-entry li.cf .excerpt,
.blog-search ul.post-entry li.cf .excerpt  {
    max-width: 60%;
    display: table-cell;
    font-size: 0.85em;
    line-height: 1.5em;
    color: #555;
    clear: left;
    float: left;
}

.blog-search ul.post-entry li.cf .excerpt {

}

#projectsearchform_sidebar, #banksearchform_sidebar {
  margin-bottom: 20px;
transition: all 0.20s ease-in-out;
  background-color: #fff;
}

#projectsearchform_sidebar input[type=text], #banksearchform_sidebar input[type=text] {
      outline: none;
      width: 97%;
      background: none;
      color: #444;
}

#projectsearchform_sidebar:hover, #banksearchform_sidebar:hover {
  background-color: rgba(53, 219, 192, 0.3);
  outline: none;
  border: 1px solid #ccc;
}

ul.col-paginate {
    width: 100%;
    display: block;
}

.single ul.col-paginate {
    width: 100%;
    display: block;
    margin-top: 0;
    clear: both;
}

.col-paginate li {
    border: none;
    max-width: 49%;
    display: inline-block;
}

.col-paginate li a:hover, .col-paginate li a:focus {
    background-color: #C9CD25;
    color: #fff;
}

ul.col-paginate > li.prev {
float: left;
width: 49%;
text-align: left;
margin: 0;
}

ul.col-paginate > li.next {
float: right;
width: 49%;
text-align: right;
margin: 0;
}

ul.resource-list > li {
    display: inline;
}

ul.resource-list > li a {
    display: inline-block;
}

.post-entry li .img_container {
    float: right;
}

body.single-traid_news ul.level-1 > li.menu-item > a[href*="/traid-news/"],
body.single-traid_events ul.level-1 > li.menu-item > a[href*="/traid-events/"],
body.single-traid_projects ul.level-1 > li.menu-item > a[href*="/traid-projects/"],
body.single-traid_projects ul.level-1 > li.menu-item > a[href*="/traid-projects/"] {
    border-bottom: 3px solid #444;
}

/* ==================================================================
   Publication styles - desktop
   =============================================================== */

.page-template-page_publications-php .single-entry.lift {
    padding-top: 0;
}

.page-template-page_publications-php .single.single-alt.content[role="main"] {
    padding-top: 50px;
}

.page-template-page_publications-php .single-entry {
    float: none;
    width: 100%;
    padding: 2% 0 0 0;
}

.page-template-page_publications-php ul#pub-list {
    margin: 0 -1%;
}

.page-template-page_publications-php ul#pub-list li {
    margin: 20px 1% 10px;
    float: left;
    width: 23%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    min-height: 640px;
}

.page-template-page_publications-php ul#pub-list p {
    font-size: 14px;
    font-size: 1.4rem;
}

    }/*DO NOT DELETE*/






/********** dt 1440+ ************/
/********** dt 1440+ ************/
/********** dt 1440+ ************/
@media only screen and (min-width: 1440px) {

.menu li a {
    font-size: 14px;
    font-size: 1.4rem;
}

.menu > ul > li {
    margin-right: 2em!important;
}

.newsimages {
    height: 570px;
    top: 90px
}

.newsimages img {
    max-height: 570px;
}

.slide {
    display: none;
}

.change h3 {
    opacity: 1;
    background: none;
}

.fullimage {
    height: 500px;
    margin: 0 0 110px 0;
    /*z-index: -1000;*/
}

.fullimage h2.headline {
    padding: 70px 0 0;
    position: absolute;
    top: 6%;
    left: 6%;
    margin: 0;
    width: 500px;

}

.single.single-alt.lift {
    margin: -190px auto 0;
    background-color: #fff;
    z-index: 1000;
    position: relative;
}

.single-entry.lift {
    padding-top: 50px;
}

body.page-template-blog_overview-php .single-entry.lift,
body.single-format-standard .single-entry.lift {
    padding-top: 30px;
}

.map-title {
    position: absolute;
    max-width: 400px;
    z-index: 5;
    float: left;
    padding-left: 1em;
    display: inline;
    white-space: pre-line;
}


        }

/********** Mob 480 ************/
/********** Mob 480 ************/
/********** Mob 480 ************/


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

.relmenu {
    margin-bottom: -220px !important;
}

.fixmenu {
    margin-bottom: 0;
}

.newsimages {
top: 70px;
height: 204px;
}

.home.content.cf {
padding-top: 247px;
}

.fullimage {
    min-height: 200px;
}

#slides {
margin: 0 0 230px;
top: 135px;
position: absolute;
left: 3%;
}

h2.main-title {
    font-size: 2.5em;
}

.map-hdr,
.gm-map {
    height: 200px;
}

.slides_container {
    width: 280px;
}

h2.headline {
    width: 200px;
    bottom: -90px;
    position: relative;
}

.slide > h2.headline {
    top: 0;
}

ul#shf li.strapline  {
    font-family: "museoslab-900", 'helvetica neue', helvetica, arial, sans-serif;
    font-size: 1.8rem;
    width: 100%;
    display: inline-block;
}

.single-entry p, .single-entry ul li {
    line-height: 1.6;
}

.single-entry p:last-of-type {
    margin: 0 0 1em 0;
}

.single-entry p:last-of-type + ul {
margin: 0;
}

.single-entry ul li {
    width: 90%;
    font-size: 1.4rem;
}

ul.resource-list > li {
    width: 100%;
    margin-right: 0;
}

.post-entry {
padding: 0;
}

ul.post-entry li.cf {
padding: 0px 0 20px 0;
margin-bottom: 1em;
}

.map-container .gm-map img {
max-width: 150%;
max-height: 150%;
display: inline;
margin: -25px -75px 0;
}


h3 a {
    color: #333;
    font-family: "museoslab-300";
}

ul.metadata {
    margin: -0.3em 0 1em;
}

ul.metadata li.meta-item {
    background: rgb(255, 239, 239);
    display: inline-block;
    padding: 2px 7px 2px 7px;
    margin: 5px 5px 0 0;
    border: none;
    font-family: "museoslab-300";
    white-space: pre-line;
    width: auto;
    /*font-size: 0.65em;*/
    line-height: 1.5;
}

ul.metadata.singlemeta {
    max-width: 100%;
    float: left;
}

ul.metadata.singlemeta li.meta-item:last-child {
    margin: 5px 0 0;
}

.excerpt {
/*  font-size: 0.8em;*/
    line-height: 1.4;
    float: left;
    color: #666;
    margin-bottom: 1em;
}

.read-more {
    clear: left;
    display: block;
    margin-bottom: 1em;
}
    }


@media only screen and (min-width: 481px) {
    
.excerpt {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #666;
}

span.read-more {
    clear: left;
    float: right;
}

.single-entry ul {
    padding: 1em 0;
}

.single-entry ul li {
width: 100%;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.6;
}




    }/* DO NOT DELETE*/




/********** global ************/
/********** global ************/
/********** global ************/

/* cheeky */
p:empty { 
    display: none 
}

/* GPU transforms? */
* {
transform:translate-z(0);
}

input#search.box {
    outline: none;
}

.post-entry .gm-map {
    background-color: rgb(215, 219, 53);
}


.map-hdr .gm-projects {
    background: url(../img/spiffygif_20x20.gif) no-repeat 50% 50%;
    background-color: #dedede;
}







/*Desktop Nav*/

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

.pattern {
overflow: visible;
}
a.menu-link {
display: none;
}
.js .menu, .js .menu > ul ul {
max-height: none;
overflow: visible;
background: none;
clear: none;
}

.js .menu > ul ul {
    background: rgb(241, 241, 217);
    display: none;
    margin-top: 2px;
}

.js .menu > ul li:hover > ul {
    display: block;
}

.menu li a {
    color: #444;
    background: transparent;
    display: block;
    padding: 0 0 .4em;
    position: relative;
    -moz-border-radius: none;
    border-radius: 0;
}

ul.level-1 li a {
    border-bottom: 1px solid #aaa;
}

ul.level-1 li a:hover,
ul.level-1 li a:focus,
ul.level-1 li a:active {
    background: none;
    border-bottom: 3px solid #444;
}

.menu li.has-subnav > a:after {
    content: "";
}

.menu .level-1 {
    position: relative;
    text-align: center;
    width: 85%;
    margin: 0 auto;
}

.menu .level-2 {
    text-align: left;
}

.menu .level-2 li a,
.menu .level-3 li a {
    padding: 1em 1.5em;
    border: none;
    margin-bottom: 0;
}

.menu .level-2 li a:hover,
.menu .level-2 li a:focus {
    border: none;
    color: #444;
}

.menu .level-2 li a:active {
    border: none;
    color: #444;
}

.menu li.has-subnav > a.active:after {
    content: "";
}

.menu > ul > li {
    display: inline-block;
    position: relative;
    margin-right: 1.4em;
}

.menu > ul ul {
    position: absolute;
    left: 17em;
    width: 17em;
}

.menu > ul ul li {
    position: relative;
}

.menu > ul ul.level-2 {
    top: 2em;
    left: -2em;
    padding-top: 1em;
}

.menu > ul ul.level-3 {
    top: 0;
    left: 17em;
    margin-top: 0;
    background: #fafaf2;
}

ul.level-2 li a {
    background: none;
    color: #666;
}

ul.level-2 li a:hover, ul.level-2 li a:focus {
    background: #fafaf2;
}

ul.level-3 li a:hover, ul.level-2 li a:focus {
    background: #f1f1d9;
}

ul.level-2 li a:active {
    background: #666;
    background: rgba(0,0,0,.15);
    color: #fff;
}

.current-menu-ancestor > a {
    border-bottom: 3px solid #444 !important;
}

ul.level-2 > .current-menu-ancestor > a {
    border-bottom: none !important;
}

ul.level-1 > li.current-menu-item > a {
    border-bottom: 3px solid #444;
}

.subhead:first-of-type {
    float: left;
    width: 100%;
}

.subhead {
    margin: 1em 0 0.2em;
    padding-bottom: 0.2em;
    font-size: 25px;
    font-size: 2.5rem;
    color: #444;
    border-bottom: 1px dashed #ccc;
    clear: both;
    float: none;
}

.subhead-small {
    margin: .7em 0 0 0;
    padding-bottom: .3em;
    font-size: 18px;
    font-size: 1.8rem;
    color: #555;
    border-bottom: 1px dashed #ccc;
    line-height: 1.1;
    clear: both;
    float: none;
    display: inline-block;
}

.single-entry ul > li,
.archive .single-entry li {
    margin-bottom: 0.75em;
    font-size: 1.7rem;
    font-size: 17px;
    color: #444;
    width: 100%;
    float: left;
}

ul.resource-list li {
    display: inline-block;
    margin: 0 .3em .3em 0;
    width: auto;
}

.offset .subhead, .offset .subhead-small, .offset ul > li {
    margin-left: 25%;
    width: 75%;
}

.sbd-children .current_page_item {
    display: none;
}    

    }/* DO NOT DELETE*/






@media screen and (min-width: 1028px) and (max-width: 1228px) {
    ul.metadata.singlemeta {
        max-width: 53%;
}



/* IE workarounds */

.lt-ie9 h2.headline span,
.lt-ie9 h2.main-title,
.lt-ie9 .map-title span,
.lt-ie9 h2.main-title span,
.lt-ie9 ul.post-entry li h3,
.lt-ie9 .sidebar-hdr,
.lt-ie9 .page-template-news_overview-php h2.main-title,
.lt-ie9 span.read-more a {
    font-family: 'museoslab-100', sans-serif;
}

.lt-ie9 footer ul.ftr-links li a {
    background: none;
    color: white;
}