/* RESET */
/* ----------------------------------------- */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, object, button { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li {list-style:none;}
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal  }
q:before, q:after { content:''}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* Global reset-RESET */
/* The below restores some sensible defaults */
a img { border:none } /* Gets rid of IE's blue borders */

a:active, a:focus, button {outline: none; border:none; -moz-outline-style: none;} 

input[type=text], #scoilnetbox input, 
.submitbox .form p.submitting input.wpcf7-submit 
{ -webkit-appearance: none; border-radius: 0; }
/* =../fonts
-----------------------------------------------------------------------------*/

@font-face{font-family:'TGC';src:url('../fonts/TGC.eot'); src: local('☺︎'), url('../fonts/TGC.eot?#iefix') format('embedded-opentype'),
/*url('../fonts/TGC.woff2') format('woff2'),*/
url('../fonts/TGC.woff') format('woff'),  
       url('../fonts/TGC.ttf') format('truetype'),  
       url('../fonts/TGC.svg#svgFontName') format('svg');
font-weight:normal;font-style:normal; }

@font-face{font-family:'TGC';src:url('../fonts/TGBC1/TGBC.eot'); src: local('☺︎'), url('../fonts/TGBC1/TGBC.eot?#iefix') format('embedded-opentype'),
/*url('../fonts/TGBC1/TGBC.woff2') format('woff2'),*/
url('../fonts/TGBC1/TGBC.woff') format('woff'),  
       url('../fonts/TGBC1/TGBC.ttf')  format('truetype'),  
       url('../fonts/TGBC1/TGBC.svg#svgFontName') format('svg');
font-weight:bold;font-style:normal; }

@font-face{font-family:'fa';src:url('../fonts/fa-solid-900.eot'); src: local('☺︎'), url('../fonts/fa-solid-900.eot?#iefix') format('embedded-opentype'),
url('../fonts/fa-solid-900.woff2') format('woff2'), 
url('../fonts/fa-solid-900.woff') format('woff'),  
       url('../fonts/fa-solid-900.ttf')  format('truetype'),  
       url('../fonts/fa-solid-900.svg#svgFontName') format('svg');
font-weight:normal;font-style:normal; }

 
strong { font-weight:bold;}
em { font-style:italic; }

/* BASE */
/* ----------------------------------------- */
html {
   /*-webkit-text-size-adjust: none;     */
}
 
body { font-size:62.5%; line-height:1.4; color:#231F20;  
font-family: Georgia, serif; font-weight:normal; 
}

@media all and (min-width: 1501px) { 
body { font-size:62.5%; }

}

@media all and (min-width: 1201px) and (max-width: 1500px) { 
body { font-size:56.25%; }
}
@media all and (min-width: 501px) and (max-width: 1200px) { 
body { font-size:50%; }
}
@media all and (max-width: 500px) { 
body { font-size:62.5%; }

}



h1, h2, h3, h4, h5, h6, #mainmenu, #singleheading
{ font-family: TGC, sans-serif; line-height:1; font-weight:bold;   }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { }  
 
h1 {font-size:3em; margin: 0 0 0.45em 0;  font-weight:600;  } /*.bio h1 {margin: 0 0 2em 0;}*/  
h2 {font-size: 3em; margin: 0 0 2em 0;  margin: 0 0 0.45em 0; font-weight:600;} 
h3 {font-size: 2.4em; margin: 0 0 0.5em 0;  } 
h4 {font-size: 2em;margin: 0 0 0.5em 0;  }


@media all and (max-width: 850px) { 

h1  {  margin: 0 0 0.75em 0; }  
h2 { margin: 0 0 0.75em 0; }
h3 { margin: 0 0 0.5em 0;  } 
h4 { margin: 0 0 0.5em 0;  }


}

.more-link {display:block; margin-top:10px; }

.pageheading { position:absolute; top:-9999em;}

p, li, td {  margin-bottom:0.3em; font-size:1.8em; line-height:1.3 } #masthead li {margin-bottom:0;}li li{font-size:1em;}
p {line-height:1.4;}
td p {font-size:1em !important;}
p{margin-bottom:0.75em; }
#content ol, #content ul {margin-bottom:0.5em; }
a, p.more {text-decoration:none; color:#1caf4d;}  
#content a:hover, p.more:hover{ text-decoration:underline   }
/*p a, li a, h1 a, h2 a, h3 a, td a{color:#FFF;} */ 

#postcontent ul { margin-bottom: 1em; }
#postcontent ul li,
#maincontent ul li { margin-left:1em; list-style-type:disc; }

.hide {position:relative; top:-5px;}

.hidden {display:none;}
#content ul+h2 {margin-top:1em;}

/*abbr,acronym {border-bottom: 1px dotted #000;cursor: help;}*/
em {font-style: italic;}
del {text-decoration: line-through;}

caption {margin-bottom: .5em;text-align: center;}
sup {vertical-align: super;} sub {vertical-align: sub;}
/*button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"] {padding:1px;}
*/
section, article, header, footer, nav, aside, hgroup {display: block;}  

 
.current_page_item {color:#009966 !important;  }

.last {margin-right:0 !important;}


.clear {clear:both !important;}

/*#width { background:yellow; position:fixed; left:0; bottom:0; font:0.5em !important; z-index:99999;  }
#width p { font-size:10px !important; margin:0 !important;  }*/




hr.divider { clear:both; background: url(../images/dotted.gif) repeat-x left bottom; border:0; height:1px;}


/*@font-face{font-family:'icomoon';
src:url('../fonts/ico/icomoon.eot?bjv2gt');
src:url('../fonts/ico/icomoon.eot?#iefixbjv2gt') format('embedded-opentype'),
url('../fonts/ico/icomoon.woff?bjv2gt') format('woff'),
url('../fonts/ico/icomoon.ttf?bjv2gt') format('truetype'),
url('../fonts/ico/icomoon.svg?bjv2gt#icomoon') format('svg');font-weight:normal;font-style:normal}
[class^="icon-"], [class*=" icon-"]{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.icon-social-FB:before{content:"\e670"}
.icon-social-twitter:before{content:"\e671"}
.icon-twitter3:before{content:"\e672"}
.icon-social-google:before{content:"\e673"}
.icon-social-insta:before{content:"\e674"}
.icon-linkedin:before{content:"\e675"}*/

#designedby { position:relative; top:-0.5em; font-size:1.4em; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom:1.5em;}
#designedby a { color:#000; }
#designedby a:hover { color:#1caf4d; } 
@media all and (max-width: 500px) { 
 #designedby {top:0.5em;}
}

 

/* LAYOUT */
/* ----------------------------------------- */
@media all and (min-width: 500px) { 
body { min-width:900px;  }
}
#skiptocontent {display:none;}
.aligncenter {display:block; margin:0 auto;}

.alignleft {float:left;}
.alignright {float:right;}
.wp-caption {padding:10px; margin:10px;} 
.clear {clear:both; height:1px; }
br.clear, hr.clear {display:block; height:1px; margin:0 0; border:none; }
.displaynone{display:none;} 

.wrapper { 
position:relative; /* min-width:937px;  */
margin:0 auto; padding:0 0 0 1.43266475644699%; /**/max-width:1436px; max-width:1396px;  max-width:1416px; 
/*background: url(../images/bg0.png);*/ background-repeat:repeat-y; background-size:100% auto; 
}

@media all and (min-width: 1436px) { 
.wrapper { padding:0 0 0 20px; }
}
@media all and (max-width: 1250px) and (min-width: 1150px) { 

}
@media all and (max-width: 500px) { 
.wrapper { 

padding:0 0 0 4%;

 max-width:100%; min-width:0;
 overflow:hidden;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
.wrapper { 
min-width:757px !important; }
 }

.sr_wrapper {  margin:0 1.4326647564469% 0 !important; max-width:1396px !important; }
#scoil {  margin:0 auto 0 !important; max-width:1436px !important; }

.padding  { padding:0 0 0 3.5%;}
#masthead {   height:auto; padding:20px 0 10px; top:0; left:0; width:100%; z-index:9999; }
#masthead hr { clear:both; border:none; height:0; border-bottom:10px solid #000; margin: 0 0 1em 0; }

.wrapper hr { clear:both; border:none; height:0; border-bottom:10px solid #000; margin:0 1.39275766016713% 2em 0; }

@media all and (max-width: 500px) { 
 #masthead {   }
 #masthead .wrapper { padding:0 4%;}
  #masthead hr { margin: 0 0 0 0; }
  .wrapper hr {   margin:0 4% 1em 0; }
}


#translate { position:absolute; top:0; right:1.41242937853107%; font-family:TGC,sans-serif; font-weight:bold; }
#translate a{ color:#CCC;} #translate a:hover{ color:#05AC4C;}
/*#logo {background-color:yellow; width:6.92090395480226%; background-image:url(../images/logo.svg); background-repeat:no-repeat; background-size:100% auto; height:0; padding-bottom:10.73446327683616%; text-indent:-9999px; }
*/
#logo { width:31.92090395480226%; margin:0 1.41242937853107% 20px 0;  float:left; }
#logo a {display:block; width:100%; background-image:url(../images/logo.png); background-repeat:no-repeat; background-size:auto 100%; height:152px; text-indent:-9999px; }

@media all and (max-width: 500px) { 
 #logo { width:30%; margin:0 5% 10px 0; } 
 #logo a { background-size:100% auto; height:0; padding-bottom:156%; }
 
 #translate { width:62%; float:left; position:static; margin:0 0 0em; letter-spacing:-1px; font-size:2em; }
}


#mailchimp { float:left; width:15.25423728813559%; margin-right:1.41242937853107%;  padding:18px 0 10px; padding:78px 0 10px; border-bottom:1px dotted #999; position:relative;z-index:999;  }

#mailchimp h3{  margin:0 0 0 0; font-size:2.4em !important; line-height:1; color:#CCC;  z-index:999999; word-spacing:-1px; white-space:nowrap; line-height:38px; height:32px; }

#mailchimp {  position:relative; }
div#mc_embed_signup { position:absolute; width:100%; top:100%; left:0; z-index:999; border-bottom:none; border-top:none; margin-top:1px;}
body.hasjs div#mc_embed_signup {display:none;}
div#mc_embed_signup p { font-size:1.4em; line-height:1 !important; margin:0 !important; color:#FFF }

div#mc_embed_signup input {color:#CCC !important; font-size:1.4em; width:98%; display:block; float:left; border:none; background:#FFF; margin:0 ;font-family: TGC, sans-serif !important; font-weight:bold; border:1px dotted #999; border-top:none; padding:0 0 3px 2%; line-height:2em; }   
div#mc_embed_signup label {display:none;}
div#mc_embed_signup input#mc-embedded-subscribe { clear:both; background: #CCC; border:none; color:#FFF !important; cursor:pointer;   text-transform:uppercase !important; width:101%; }
/*div#mc_embed_signup form.hidden { z-index:9999; background:#FFF; position:absolute; top:20px; right:35px; width:226px; padding:5px 0 5px  }
*/
div#mc_embed_signup #mcclose { position:absolute; top:-15px; right:-15px; width:30px; height:30px; display:block; }


@media all and (max-width: 500px) { 

div#mc_embed_signup #mcclose {display:none !important;}

#mailchimp { width:62%; padding:0; margin-bottom:1em; }
#mailchimp h3{ font-size:2em !important; letter-spacing:-1px;}

div#mc_embed_signup { position:static; margin-top:2px; border-top:1px dotted #999; border-bottom:none; }

}

#social { float:left; width:15.25423728813559%; margin-right:1.41242937853107%; padding:18px 0 10px; padding:78px 0 10px; border-bottom:1px dotted #999; }

ul#social li {line-height:32px; width:32px; height:32px; font-size:1em; float:left; margin:0 10px 0 0 !important;  margin:0 5px 0 0 !important; }
ul#social li a { display:block; height:32px; text-indent:-9999px; border:0 !important; background-repeat:no-repeat; border-radius:50%; background-color:#CCC; background-size: 32px 32px !important; }
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
ul#social li a  { background-size: 32px 32px !important;}
}
.instagram a {background-image: url(../images/instagram.svg); }
.facebook a {background-image: url(../images/facebook.svg);  }
.twitter a {background-image: url(../images/twitter.svg);  }
.vimeo a {background-image: url(../images/vimeo.png);  }

.instagram a:hover {background-color: #3f729b !important; }



.instagram a:hover {background:url(../images/instagram.svg),linear-gradient(45deg, rgba(255,211,116,1) 0%, rgba(255,211,116,1) 12%, rgba(240,103,59,1) 34%, rgba(236,73,76,1) 55%, rgba(196,49,137,1) 75%, rgba(128,67,197,1) 91%, rgba(128,67,197,1) 110%) !important;  }
.facebook a:hover {background-color: #3b5998 !important;  }
.twitter a:hover {background-color: #55acee !important;  }
.vimeo a:hover{background-color: #1ab7ea !important;  }
@media all and (max-width: 500px) { 

#social { width:62%; padding:0; border:none; margin-bottom:10px; float:right; }

 

}


#searchbox { float:left;  
 width:31.92090395480226%; float:left; margin-right:1.41242937853107%; border-bottom:1px dotted #999;  padding-top:8px; padding-top:68px; padding-bottom:2px;  }

#searchform { position: relative;
 margin:0; margin:0 50px 0 0;}
 #searchform section { }
#searchform * { border:none !important; outline:none !important;}
#searchform input {color:#CCC !important; font-family: TGC, sans-serif !important; font-weight:bold; display:block; }
#searchform input#s {  padding:0; font-size:3.6em; height:52px; line-height:52px; margin:0 0 0 0;
float:left; display:block; width:100%; }
#searchform input#searchsubmit {border-style: none; text-indent:-9999px; background: url(../images/search.svg) center top no-repeat; width:50px; cursor:pointer; height:50px; background-size:100% auto !important; background-position:right center; position:absolute; top:-8px; right:-50px; }

@media all and (max-width: 500px) { 

#searchbox { width:62%; padding-top:0; margin-bottom:0.5em; }


#searchform { position: relative;
 margin:0; margin:0 44px 0 0;}
 #searchform section { }
#searchform * { }
#searchform input { letter-spacing:-1px; }
#searchform input#s {  font-size:2em; height:44px; line-height:48px;   }
#searchform input#searchsubmit {  width:40px; height:40px; position:absolute; top:0px; right:-44px; }


}

#mainnav {   width:66.66666666666667%; float:right;}
#mainnav ul { width:22.88135593220339%; margin:0 2.11864406779661% 1em 0; float:left;}
#mainnav ul.wide {width: 47.88135593220339%;}

#mainnav ul li { border-bottom:1px dotted #b2b2b2;
    line-height:1.5 !important;
    font-family:TGC, sans-serif;
    font-weight:bold;

    /*text-transform:uppercase;*/

    font-size:2.4em; margin-bottom:0.4em;}

#mainnav ul li a {  display:block; color:#666666; height:1.5em; line-height:2; word-wrap:none; white-space:nowrap;}
#mainnav ul li a:hover { color:#000; color:#FFF !important; background:#1caf4d; }
#mainnav ul li.closed a:hover { color:#000; color:#FFF !important; background:#000 !important; }

#hamburger {position:absolute; top:-9999em; left:-9999em;}


@media all and (max-width: 500px) { 
#mainnav {   width:100%; float:none; }
#mainnav ul { width:46%; margin:0 4% 0 0; } 
#mainnav ul.wide {width: 96%;}
#mainnav ul li {font-size:2em; }

#hamburger { position:static !important; clear:both; width:96%; font-size:2em !important; text-align:center; line-height:1.4 !important; border-bottom:1px dotted #8A8C8E; margin:0 4% 10px 0 !important; color:#000; font-family:TGC,sans-serif; font-weight:bold; text-transform:uppercase; padding-bottom:0.5em; }
#hamburger span{ padding-left:30px; background:url(../images/hamburger.png) no-repeat left center; background-size:25px auto !important;   }
}
body.directory #mainnav ul li#directory a, 
body.reading-room #mainnav ul li#reading-room a, 
body.resources #mainnav ul li#resources a,
body.home #mainnav ul li#home a,
body.news #mainnav ul li#news a,body.post #mainnav ul li#news a,
body.about #mainnav ul li#about a,
body.contact #mainnav ul li#contact a,
body.projects #mainnav ul li#projects a,
body.projects-partnerships #mainnav ul li#projects a,
body.watch-listen-read #mainnav ul li#wlr a,
body.submit #mainnav ul li#submit a
{color:#1caf4d;}


#introbox { width:31.92090395480226%; width:27.75423728813559%; float:left;  }
#introbox p { font-family:TGC, sans-serif; font-weight:bold; font-size:3.2em; line-height:1;  }
#introbox p a {color:#05AC4C; text-transform:uppercase; font-size:75%; }
#introbox p a:hover {color:#666; text-decoration:underline; }

body.hasjs #introbox { display:none;}

 
@media all and (max-width: 500px) { 
#introbox { width:96%; float:none; clear:both; padding-top:0.75em;   }
#introbox p { font-size:3em; line-height:1; margin: 0 0 0.25em;}
#introbox p br { display:none; }
body.single-post #introbox,
body.single-projects #introbox {display:none !important;}

}


.thingie { height:10px; float:left; margin:0 1.41242937853107% 1.41242937853107% 0;  }
.third { width:31.92090395480226%; }
.quarter { width:23.58757062146893%; } 
.half { width:48.58757062146893%; float:left; margin:0 1.41242937853107% 1.41242937853107% 0; }
.module { margin:0 1.41242937853107% 1.41242937853107% 0; float:left; position:relative; width:31.92090395480226%; color:#FFF;}
.module a {color:#FFF;}
.module section{height:0; padding-bottom:47.78761061946903%; }
.square section{padding-bottom:100%; }

.module div.block { width:100%; height:100%; background:#666666; position:absolute; top:0; left:0; }
.module div.padding { padding:0 4.42477876106195%; }

.module img { display:block; width:100%; height:auto; }
.module p.read { }



/*

#vid div.block{ background:#ff009a !important;}
#vid div.padding { padding:3% 4.42477876106195% 0; }
#vid .video { padding-bottom:56.25%; height:auto; width:100%; position:relative; }
#vid .video iframe{  width:100%; height:100%; position:absolute; top:0; left:0; }
#vid p {font-family:TGC, sans-serif;}
*/

/*


#featured { width:65.25423728813559%; }
#featured img {width:100%; height:auto;   }
#featured section {height:0; padding-bottom:48.91774891774892%;  }

#featured a.img { display:block; width:100%; height:100%; position:absolute; top:0; left:0;overflow:hidden !important; }

#featured div.hanger * { color:#FFF; }
#featured div.hanger {width:100%; padding-bottom:25.54112554112554%; height:0; position:absolute; top:100%; left:0; background:#1caf4d; color:#FFF; width:48.91774891774892%; }
 
#featured div.hanger section { height:auto; padding:4.42477876106195% 4.42477876106195% 0 4.42477876106195%; }
#featured div.hanger section p.excerpt{ font-style:italic;  }
#featured div.hanger h2 { clear:left; overflow:hidden; font-size:2.6em !important; margin-bottom:0.4em; line-height:1.2;}
#featured .post { background:#00ccff !important;}

#featured div.hanger .top-tail { position:absolute; top:-27px; left:5%; margin:0 !important; }
!*#featured div.hanger .top-tail img{ display:block; width:54px !important; height:27px !important; }*!

#featured:hover div.projects {background:#666 !important;}
#featured:hover div.post {background:#333 !important;}


#featured section h2#floaty {background:none !important;}
#featured section h2#floaty{position:absolute; top:0; left:0; }
#featured section h2#floaty { clear:left; text-transform:uppercase; overflow:hidden; line-height:0.2 !important; font-size:2.6em !important; margin-bottom:0.4em; !*border-left:14px solid #1caf4d;*! width:100%; }
#featured section h2#floaty span { background:#1caf4d; color:#FFF; display:block; float:left;  padding:1.2em 4.32900432900433% 1.2em 2.16450216450216%;position:relative; z-index:40;}


#latest a:hover,
#opportunity a:hover,
#featured a:hover { text-decoration:none;}


#latest { width:31.92090395480226%; }

#latest h2 { clear:left; text-transform:uppercase; overflow:hidden; line-height:1 !important; font-size:2.6em !important; margin-bottom:0.4em;}
#latest h2 a{ background:#00ccff; float:left; color:#FFF; padding:4% 8.8495575221239% 4% 4.42477876106195%; display:block; line-height:1 !important;  }

#latest h3 { line-height:1.2;}

#latest a {color:#FFF;}
#latest img { width:100%; height:auto; }
#latest div.block { width:100%; height:100%; background:#666666; position:absolute; top:0; left:0; }
#latest div.padding { padding:0 4.42477876106195%; }

.module p.readarticle { font-family:TGC, sans-serif; font-weight:bold; position:absolute; bottom:1%; }
@media all and (max-width: 500px) { 
.module p.readarticle {    position:static; bottom:1%; }
}

.module .moduletitle { clear:left; text-transform:uppercase; overflow:hidden; line-height:1 !important; font-size:2.6em !important; margin-bottom:0.4em;}
.module .moduletitle a{ background:#00ccff; float:left; color:#FFF; padding:4% 8.8495575221239% 4% 4.42477876106195%; display:block; line-height:1 !important;  }

#opportunity { margin-top: 16.66666666666667%;  }
#opportunity h3 { font-size:2.4em; line-height:1.2; }

#latest:hover div,
#opportunity:hover div { background:#0CF !important; }


#scoilnetbox h2 { text-indent:-9999px; background: url(../images/scoilnet.png) no-repeat left center; height:0; padding-bottom:10%; margin-top:4%; background-size:auto 100%; }

#scoilnetbox #snform {position:relative; height:52px; padding-right:50px; }
#scoilnetbox input { border:none !important; outline:none !important; }
#scoilnetbox input {color:#CCC !important; font-family: TGC, sans-serif !important; font-weight:bold; display:block; }
#scoilnetbox input.sr_inputtext {  padding:0; font-size:3.8em; height:52px; line-height:52px; margin:0 0 0 0;
float:left; display:block; width:100%; }
#scoilnetbox input.sr_submit {border-style: none; text-indent:-9999px; background: url(../images/search.svg) center top no-repeat; width:50px; cursor:pointer; height:50px; background-size:90% auto !important; background-position:right center; position:absolute; top:-2px; right:0; }
@media all and (min-width: 501px) and (max-width: 1100px) { 
#scoilnetbox input.sr_inputtext { font-size:2.4em; height:40px; line-height:40px; }
}
@media all and (max-width: 500px) { 
#scoilnetbox input.sr_inputtext { font-size:3em; }
}


#p2 section, #p2 section .block {background:#1caf4d !important;}
#p2 h2{position:absolute; top:0; left:0; }

#p2 h2 { clear:left; text-transform:uppercase; overflow:hidden; line-height:0.2 !important; font-size:2.6em !important; margin-bottom:0.4em; !*border-left:14px solid #1caf4d;*! width:100%; }
#p2 h2 a{ color:#FFF;  display:block; line-height:1 !important; width:100%;   }
#p2 h2 a span { background:#1caf4d; display:block; float:left;  padding:4% 8.8495575221239% 4% 4.42477876106195%;position:relative; z-index:40;}
#p2 h2 a span.secondrow {  top:-0.65em;  z-index:39; clear:left;}

#p2:hover img { opacity:0.6;}


@media all and (max-width: 500px) { 
#latest,
.module {width:96% !important; float:none !important; margin-bottom:4% !important;}
.module img {position:static !important;}

.module section,
.square section { height:auto !important; padding-bottom:0% !important; }

#latest div.block,
.module div.block { width:100%; height:auto; padding-bottom:0; background:#666666; position:relative;   }

.module div.padding { padding:4% !important;  }

#featured section,
#featured section,
#featured div.hanger section, 
#featured div.hanger {width:100%; position:relative; height:auto !important; padding-bottom:0 !important;}
#featured a.img { display:block; width:100%; height:auto; position:static;  overflow:auto !important; }

#featured div.hanger section { width:92% !important; height:auto; padding-bottom :1% !important; }
#opportunity { margin-top: 0 !important;  }

#featured section h2#floaty span {  padding:12px 20px 12px 12px !important; line-height:1; }

#directorybox,
#floater
{ display:none !important;  }

 #p2 h2 a span.secondrow {  top:-0.55em; }
}

*/

#directorybox h2 { clear:left; text-transform:uppercase; overflow:hidden; line-height:1 !important; font-size:2.6em !important; margin-bottom:0.4em; position:relative; z-index:10; }
#directorybox h2 a{ background:#1caf4d;  float:left; color:#FFF; padding:4% 8.8495575221239% 4% 4.42477876106195% ; display:block; line-height:1 !important;  }
#directorybox h2 a:hover { text-decoration:none;}
#directorybox img { position:absolute; top:0; left:0; z-index:9; }
 



#footer {font-family:TGC, sans-serif; }

#footer .third { width:31.92090395480226%; margin:0 1.41242937853107% 1% 0; float:left;border-top:1px dotted #999;  border-bottom:1px dotted #999; position: relative;  }
#footer .third section { height:0; padding-bottom:52.21238938053097%;  }
#footer .third section div {  padding-top:4.42477876106195%;  }
/*#address section div { padding-top:6% !important;   }*/

#flogo {margin:0 13.05309734513274% 0 0; width:26.10619469026549%; width:26.10619469026549%; float:left;  }
#flogo a {display:block; width:100%; height:0; padding-bottom:155.93220338983051%;  background-image:url(../images/logo2.png); background-repeat:no-repeat; background-size:auto 100%;text-indent:-9999px;  }

ul#footer-social { float:left;}
ul#footer-social li { line-height:32px; margin:0.2em 0;  font-size:2em; height:34px; line-height:39px; clear:both; }
ul#footer-social li a {color:#000;}
ul#footer-social li a { display:block; height:32px; width:32px; text-indent:-9999px; border:0 !important; background-repeat:no-repeat; border-radius:50%; background-color:#CCC; float:left; margin:0 0.4em 0 0; background-size: 32px 32px !important}
ul#footer-social li span {text-indent:0 !important; float:left; position:relative; left:38px; }
/*#footer-social li.instagram a span {background-image: url(../images/instagram.svg); }
#footer-social li.facebook a span {background-image: url(../images/facebook.svg);  }
#footer-social li.twitter a span  {background-image: url(../images/twitter.svg);  }*/

#footer p.support { margin:0 !important; }
#footer p.support a {  text-indent:-99999px; background-repeat:no-repeat; display:block; height:0; background-size:73.89380530973451% auto; }
#footer p#education a { background-image:url(../images/education.png); background-position:left 20%; padding-bottom:21.46017699115044%; } 
#footer p#education { border-bottom:1px dotted #999;margin-bottom:4.42477876106195%;  } 
#footer p#arts a { background-image:url(../images/culture.png); background-position:left center; padding-bottom:25.88495575221239%;   } 

#footer p#creative { border-bottom:1px dotted #999;margin-bottom:4.42477876106195% !important; padding-bottom:  4.42477876106195%; } 
#footer p#creative a { background-image:url(../images/ci_2023.png); background-position:left center; padding-bottom:21.46017699115044%; padding-bottom:65px; background-size:243px auto;    } 

#footer p#gov { /*border-bottom:1px dotted #999;*/margin-bottom:4.42477876106195% !important;  } 
#footer p#gov a { background-image:url(../images/gov.png); background-position:left center; padding-bottom:21.46017699115044%;  } 


@media all and (max-width: 500px) { 
 
#footer .third { width:96%; margin:0 4% 2% 0; border-top:none; }
#footer .third section { height:auto; padding-bottom:15px;   }

}


.refine { background-image:url(../images/whitetail.png); background-position:left bottom; background-size:auto 15px; background-repeat:no-repeat;
    background-color:var(--grey);
    float:left; margin:0 0.70621468926554% 15px 0; width:32.6271186440678%; padding-bottom:15px; }
.refine:hover { background-color:#666; }
.refineopen { background-color:#1caf4d !important; }
#firstrefine { width:31.92090395480226%; }

.refine h3 { font-size:2.8em; margin:0; color:#FFF; line-height:1.8; padding:0 2.21238938053097%;  } 

.refine ul { font-family:TGC, sans-serif; font-weight:bold; margin:0 !important;   }
.refine ul li { border-top:1px dotted #FFF; font-size:2.8em; line-height:1; margin:0 !important;  } 
.refine ul li a { color:#FFF; display:block; padding:0 2.21238938053097%;line-height:1.8; background-repeat:no-repeat; background-position:right center; background-size:auto 80%; } 
.refine ul li a:hover { background-color:rgba(255,255,255,0.25); background-color:#666; display:block; text-decoration:none !important; } 

@media all and (max-width: 500px) { 
.refine, #firstrefine {width:96%; float:none; margin-bottom:5px;}
}

body.hasjs .refine ul { display:none;}

p.share {line-height:32px; font-size:2.8em; float:left; margin:0 9.88538681948424% 0 0; border-bottom:1px dotted #999; color:#CCCCCC; /*#2B2E46font-family:TGC, sans-serif; */font-weight:bold; width:23.92550143266476%; padding-bottom:12px; font-family:TGC,sans-serif; font-weight:bold;}

p.share strong { float:left; margin:0 7px 0 0; padding:0 0 0 2.9940119760479%; }
p.share span a { display:block; float:left;  margin:0 7px 0 0; height:32px; width:32px; text-indent:-9999px; border:0 !important; background-repeat:no-repeat; border-radius:50%; background-color:#CCC;  }

 
/*a.facebook  {background-image: url(../images/facebook.svg);  }
a.twitter {background-image: url(../images/twitter.svg); }*/

header#projheader { margin:0 1.39275766016713% 2em 0; clear:both; padding:3em 0;}
header#projheader h1 { font-size:7.2em; float:left; width:66.189111747851%; margin:0; line-height:1; min-height:2em; position:relative; top:-0.15em; letter-spacing:-1px; }
body.projects header#projheader {border:1px dotted #999; border-left:none; border-right:none;  }

header#projheader h1 span {font-size:calc(1em * (24 / 32)); }

body.page-template-template_holdingpage header#projheader div.bigtext { float:left; width:66.189111747851%;   }
body.page-template-template_holdingpage header#projheader div.bigtext h1 { float:none !important; width:100% !important  ; min-height: 0; margin-bottom: 0.5em;    }
body.page-template-template_holdingpage header#projheader div.bigtext p {     max-width: 28em;    }


@media all and (max-width: 500px) { 

p.share {line-height:32px; font-size:2.8em; float:none; margin:0 0 10px 0; border-bottom:1px dotted #999; color:#CCCCCC;  font-weight:bold; width:100%; padding-bottom:12px; height:0.9em;   }
p.share strong { float:left; margin:0 7px 0 0; padding:0; }
header#projheader { margin:0 4% 0.5em 0; padding:1em 0 0.5em; clear:both;}
header#projheader h1 { font-size:5em; float:none; width:100%; margin: 0; line-height:1; min-height:0; top:0; letter-spacing:-3px; }
body.projects header#projheader {border:none;  }


    header#projheader h1 { font-size:3.2em; float:none; width:100%; margin:0.5em 0  0; line-height:1; min-height:0; top:0; letter-spacing:-0.01em; }
    header#projheader h1 span {font-size:calc(1em * (24 / 32)); font-size:calc(1em * (28 / 32));    }


    body.page-template-template_holdingpage header#projheader div.bigtext { float:none; width:100%;   }
}


#projectmeta,
#projectmain {   }


#projectmeta ,
#sidebar{ width:27.75423728813559%; float:left; margin:0 5.57909604519774% 0 0; }


#headshots{  height:0; padding-bottom:129.00763358778626%;}
#headshots #artists, #headshots #teachers{ width:39.94910941475827%; float:left;}
#headshots #artists {margin-right:5.08905852417303%;}
#headshots img {display:block; margin-bottom:2em; width:100%; height:auto;}
#headshots h3  { font-size:1.8em; margin-bottom:0.5em;}
#headshots p  { font-size:1.6em; font-style:italic; margin-bottom:0.2em; line-height:1; cursor:n-resize}
 
/*
48.91774891774892
*/

.rightarea,
#projectmain { width:65.25423728813559%; float:right; margin:0 1.41242937853107% 1em 0; }


@media all and (max-width: 500px) { 
#headshots{  height:auto; padding-bottom:2em;}
.rightarea,
#projectmain,
#projectmeta,
#sidebar{ width:96% !important; float:none; clear:both; margin:0 4% 0 0;   }

}

#projectmain #spotlight div.spot { border:1px dotted #999; border-bottom:none; border-top:none; margin-bottom:2em;}
#projectmain #spotlight div.spot div {border-left:1px dotted #999; float:left; width:76.62337662337662%;  }
#projectmain #spotlight div.spot div section{ padding:2.84900284900285%; }

#projectmain #spotlight h3 {width:23.16017316017316%; float:left; font-size:2em; color:#1caf4d; }
#projectmain #spotlight h3 span { display:block; padding:9.34579439252336% 8.41121495327103%; }

#projectmain #spotlight hr { border:none; height:0; margin:0; border-bottom:1px dotted #999;}
#projectmain #spotlight hr.topper { border:none; height:0; margin:0; border-bottom:10px solid #000;}
#projectmain #spotlight div.spot div section h3{ width:auto; float:none; font-size:2em; color:#000; }

@media all and (max-width: 500px) { 
#projectmain #spotlight h3 {width:auto; float:none; font-size:2em; color:#1caf4d; }
#projectmain #spotlight h3 span { display:block; padding:4% 4% 0; }
#projectmain #spotlight div.spot div {border-left:none; float:left; width:auto;  }
#projectmain #spotlight div.spot div section{ padding:2% 4% 4%; }

}

#mainimage { padding-bottom:5.95238095238095%;  margin:0;  } 

#mainimage div { height:0; padding-bottom: 48.91774891774892%; position:relative; overflow:hidden; }
#mainimage img {width:100%; height:auto; display:block; top:0; left:0; position:absolute;}

#mainvid { width:100%; height:0; padding-bottom:56.25%; position:relative; margin:0 0 2.5%; } 
#mainvid iframe {width:100%; height:100%; position:absolute; top:0; left:0;   }

#maincaption { width:23.37662337662338%; float:right; margin:0 0 1em 0; padding-top:0.4em; }
#maincaption p{ color:#1caf4d; font-style:italic; font-size:1.5em; line-height:1.4; }

@media all and (max-width: 500px) { 
#maincaption { width:100%; float:none; margin:0 0 2em 0; padding-top:0em;  }
#maincaption p{ color:#1caf4d; font-style:italic; font-size:1.5em; line-height:1.4; }
}

#sidequote {color:#1caf4d; /*font-style:italic;*/font-size:3.2em; line-height:1.2;
font-family:TGC, sans-serif; font-weight:bold;}

.maincontent,
#maincontent { width:74.45887445887446%;      min-width: 560px;  }


@media all and (max-width: 500px) { 
.maincontent,
#maincontent { width:100%;       min-width: 0px;  }

}

#maincontent p{   font-size:1.8em; line-height:1.5; padding-right:2.90697674418605%; margin:0 0 1em 0; }

#maincontent h1,
#maincontent h2{ font-size:3em; line-height:1; margin:0 0 0.75em 0; }
#maincontent h3,
#maincontent h4
{ font-size:2em; line-height:1; margin:1em 0; }
p.more { color:#1caf4d; font-family:TGC, sans-serif; font-weight:bold; font-size:3em !important; margin:0.5em 0; }

#maincontent div {position:relative;  }


#maincontent div div, #maincontent .wp-caption, #maincontent img{ padding:0; max-width:100%; height:auto; display:block; margin-left:0 !important;  }
#maincontent .wp-caption {margin-bottom:2em; }
#maincontent .wp-caption p { color:#1caf4d; font-style:italic; font-size:1.5em; line-height:1.4; margin:0.5em 0;  }

#projectinfo::after {display:table; clear:both; content:""; }
#projectinfo { border-top:10px solid #000; margin-bottom:2em;  }
#projectinfo h3 { font-size:2em; line-height:1; padding:0.5em 0; clear:left; margin:0; }
#projectinfo h3.left { float:left; width:45.0381679389313%;  }
#projectinfo .hidey {position:relative;}
 
#projectinfo p, #projectinfo li{font-style:italic; margin:0; font-size:1.6em; line-height:1.25; color:#000;  }

#projectinfo p.cat span { font-style: normal;}

#projectinfo p.right { padding-left:45.0381679389313%;   }
#projectinfo div.right {   padding-left:45.0381679389313%; }
#projectinfo ul{ padding:4.5% 0; }  

#projectinfo a{color:#000; }
#projectinfo p { padding-top:0.625em; padding-bottom:0.625em; }
#projectinfo p.cat { padding-top:0; padding-bottom:0;  border-bottom:1px dotted #999; }

#projectinfo p.cat span,
#projectinfo p.cat a{ display:block; background-repeat:no-repeat; background-position:right center; background-size:18% auto; padding-top:0.625em; padding-bottom:0.625em; padding-right:18%; }

#projectinfo hr { border:none; border-bottom:1px dotted #999; height:0; margin:0; }

body.single-organisations #projectinfo h2 { font-size:2em; line-height:1; padding:0.5em 0; clear:left; margin:0; /*border:1px solid transparent; border-bottom:1px dotted #999;*/}
body.single-organisations #projectinfo p { padding:0.5em 0; float:left;/* border:1px solid transparent;   border-bottom:1px dotted #999;*/ width:calc(100% - 45.0381679389313%); word-wrap:break-word; } 

body.single-organisations #projectinfo h3 { float:left; width:45.0381679389313%; }


.dottytail {  line-height:1 !important; padding:0; position:relative; top:-2px; height:14px; margin:0 !important; padding:0 0 0 3.31858407079646% !important; }
.dottytail img { display:block;}

h3#spotlightheading {  color:#FFF; width:100%; padding-right:30px; background:#000 url(../images/spotlight.png) no-repeat right top; background-size:30px auto; line-height:2; font-size:2.8em; }
h3#spotlightheading span { padding-left:3.6319612590799%; }
.spotopen { background-color:#00ad4d !important;  }

@media all and (max-width: 500px) { 
h3#spotlightheading {  color:#FFF; width:92%; background:#000; background-size:30px auto; line-height:2; font-size:2.8em; }
}


.hasresults {background-color:#999 !important; ;}
.resultsopen { background-color:#666 !important;  }

#imagery { width:66.66666666666667%; float:left; }
#imagery p { float:left; margin:0 2.11864406779661% 2.11864406779661% 0; position:relative; overflow:hidden; font-family:TGC,sans-serif; font-weight:bold; } 
#imagery p img {width:100%; height:auto; display:block;}
#imagery .img452 { float:left; width:47.88135593220339%; margin:0 2.11864406779661% 0 0;}

#imagery .img452 p { margin:0 0 4.42477876106195% 0 !important;  }

#imagery .img334 { width:35.38135593220339%; }
#imagery .img570 { width:60.38135593220339%; }
#imagery .img924 { width:97.88135593220339%; }


#imagery .icap { position:absolute; width:100%; bottom:0; left:0; background:#1caf4d; background:rgba(28,175,77,0.8); color:#FFF;}
#imagery .icap b {padding:0.5em 0.5em 0.3em; display:block; font-weight:normal;}


@media all and (max-width: 500px) { 
#imagery { width:98.11%;}

}


/*#quote { width:31.92090395480226%; float:left; font-family:TGC, sans-serif; font-weight:bold; color:#FFF; background:rgba(255,0,200,0.4); padding-bottom:16.24293785310734%; background:#1caf4d url(../images/quote.png) no-repeat left bottom; background-size:100% auto; }
 #quote section {  background: black; height:0; padding-bottom:100%; position:relative; 
  height:200%;   background:green;
  }
 #quote blockquote { padding:2.21238938053097% 8.84955752212389% 2.21238938053097% 4.42477876106195%;
position:static; background:red;
position:absolute; top:0; left:0;  }
 
 #quote blockquote p {font-size:4.2em; line-height:1.14285714285714; }*/
 
#quote { width:31.92090395480226%; float:right; margin:0 1.41242937853107% 2em 0; font-family:TGC, sans-serif; font-weight:bold; color:#FFF;  
position:relative; margin-bottom:20%;
}
#quote section {  height:auto; width:100%; 
background:#1caf4d;
    background-size:100% auto !important;/* background:#1caf4d url(../images/quote.png) no-repeat left bottom; padding-bottom:10.88495575221239%;*/ min-height:452px;}
#quote blockquote {  padding:4.42477876106195% 8.84955752212389% 4.42477876106195% 6.63716814159293%; /*2.21238938053097*/
z-index:10; position:relative; }
#quote blockquote p {font-size:3.4em; line-height:1.14285714285714; line-height:1.1; margin:0 0 0.5em; }
#quote blockquote cite {font-size:2.8em; line-height:1; }
#quotetail {  position:absolute; top:100%; left:0; width:100%; height:0; padding-bottom:50.88495575221239%; background:#1caf4d url(../images/quote.png) no-repeat left bottom; z-index:8; background-size:100% auto; }


@media all and (max-width: 500px) { 
#quote { width:96%; margin:0 0 50.88495575221239%; float:none; clear:both;}

}




.proj {background:#666666; width:31.92090395480226%; float:left; margin: 0 1.41242937853107% 1.41242937853107% 0; color:#FFF; }


.proj img { display:block; width:100%; height:auto; }
.proj section { padding-bottom:126.10619469026549%; position:relative;  }
.proj section div { position:absolute; top:0; left:0;   }
.proj section div span{ display:block; padding:4.42477876106195%; position:relative;  }/**/
.proj a {color:#FFF;}
.proj h2 { font-size:2.4em; margin:0 0 0.5em;}
.proj p {/*font-family:TGC,sans-serif;*/}
.proj p { font-size:1.8em; margin:0 0 0.25em; line-height:1.3;}

.proj p.readarticle { font-family:TGC,sans-serif; font-weight:bold; font-size:2em; position:absolute; bottom:0; left:0; padding-bottom:4%; padding-left:4.42477876106195%; line-height:1; margin:0; }

.proj:hover {background:#1caf4d;}


body.search-results #searchprojects { display: flex; flex-wrap:wrap; }
body.search-results .proj{ width:23.58757062146893%; margin:0 1.41242937853107% 1.41242937853107% 0; font-size:1em;  color:#FFF;}
body.search-results .proj section { padding-bottom: 20px; height: auto; }
body.search-results .proj section div { position: static; }
body.search-results .proj section div span{ padding:20px;}



@media all and (max-width: 500px) { 
.proj { width:96%; margin:0 0 4%; float:none; clear:both;}
.proj section { padding-bottom:5px; height:auto; position:relative; }
.proj section div { position:static;}

.proj p.readarticle {   position:static;  }
    
    body.search-results .proj{ width:auto; margin:0 4% 4% 0; font-size:1em;  color:#FFF;}
}





#currently { clear:both; border:1px dotted #999; border-left:none; border-right:none; line-height:1; font-size:2.8em; font-family:TGC,sans-serif; font-weight:bold; padding:0.5em 0; margin:1em 0 1.5em !important; position:relative; top:0.5em; }


#newsnav { width:66.66666666666667%; float:right;}
#newsnav p {  font-size:5em; line-height:1; margin-bottom:0.4em; font-family:TGC, sans-serif; font-weight:bold; }
#newsnav p a {  color:#000;   text-decoration:underline; }
#newsnav p a:hover { color:#1caf4d; border-color:#1caf4d; }
 
#newsintro { width:31.92090395480226%; width:27.75423728813559%; float:left;  }
#newsintro p { font-family:TGC, sans-serif; font-weight:bold; font-size:3.2em; line-height:1;  }
#newsintro p a {color:#05AC4C; text-transform:uppercase;  } 

@media all and (max-width: 500px) { 
    #currently span {display: block;}
#newsnav, 
#newsintro { float:none;
width:96%;  margin:0 0 5px !important;	
}

#newsnav p {  font-size:3.2em; }
#newsnav p a { } 

}

.item { background:#cdcccc; }
.item * {margin:0; padding:0; color:#000 !important;  }
.watch { width:100%; position:relative; height:0; padding-bottom:77.03488372093023%; margin-bottom:2.90697674418605%; cursor:pointer; z-index:99; }
.watch section { position:relative; top:0; left:0 ; width:100%;  border-bottom:7px solid #ff009a; }
.iframeholder { width:100%; height:0;position:relative; padding-bottom:56.5%;  }
.iframeholder .thumb { width:100%; height:100%; position:absolute; top:0; left:0; z-index:98; background-position:center center; background-size:cover;   }

.iframeholder .thumb img.play { display:block; width:60px; height:60px; position:absolute; top:50%; left:50%; margin:-30px 0 0 -30px; }


.watch iframe { width:100%; height:100%; position:absolute; top:0; left:0; z-index:99; }

/*
#readcol { width:50%; float:left; margin:0 0 1.41242937853107% 0;  }
*/

#readcol h2, #watch h2 { font-size:4em; text-transform:uppercase; line-height:50px; color:#000; margin:0 0 0.25em;   }
#readcol h2 span, #watch h2 span { background-position:right center; background-repeat:no-repeat; background-size:135px auto; padding:10px 145px 10px 0; }
#readcol h2 span { background-image:url(../images/read.png); }
#watch h2 span { background-image:url(../images/watchlisten.png); }

/*

.readitem {float:left; width:47.17514124293785%; margin:0 2.82485875706215% 2.82485875706215% 0; position:relative; }
.readitem .ritem { width:100%; height:auto; padding-bottom: 158.68263473053892%;  position:relative; }
.readitem .ritem div { width:100%; height:100%; position:absolute; top:0; left:0; }

.readitem section {width:100%; height:0; padding-bottom:115.86826347305389%; padding-bottom:116.16766467065868%;  position:relative;  background-position:left top; background-size:100% 100%; border-bottom:7px solid #ff009a;  }
*/

/*.readitem .thumb {width:100%; height:100%; position:absolute; top:0; left:0; background:none;} */

/*

.readitem img {width:100%; height:100%; position:absolute; top:0; left:0; }
*/
/*
.readitem:hover img 
{ opacity:0; }*/

.item h3 a{ color:#000;} .item h3 a:hover{ text-decoration:none !important;} 
.item h3 {  line-height:1; padding:0.5em 5.98802395209581%; margin:0; font-size:2.4em; }
.watch h3 { padding:0.5em 2.90697674418605%; }

/*
.readitem:nth-child(2n+3){clear:both;}
*/

body.resources #readcol,
body.search-results #readingroom { width:100%; }
body.resources .readitem,
body.search-results #readingroom .readitem{ margin:0 1.41242937853107% 1.41242937853107% 0; width:23.58757062146893%; }

body.resources .readitem:nth-child(2n+3),
body.search-results #readingroom .readitem:nth-child(2n+3){clear:none;}
body.resources .readitem:nth-child(4n+5),
body.search-results #readingroom .readitem:nth-child(4n+5){clear:both;}
 

/*body.resources .readitem:nth-child(4n),
body.search-results #readingroom .readitem:nth-child(4n)
{margin-right:0 !important; }*/

/*body.resources .readitem section,
body.search-results #readingroom .readitem section {border:none;}*/

@media all and (max-width: 500px) {  
/*    body.search-results #readingroom {margin-right: 4%;width: auto; }
    
    body.search-results #readingroom .readitem{   width: 48%;  
    margin: 0 4% 4% 0; }  
    body.search-results #readingroom .readitem:nth-child(2n){  margin-right: 0;} 
    
    body.resources .readitem:nth-child(2n+3),
    body.search-results #readingroom .readitem:nth-child(2n+3){clear:both;}*/



    body.resources .readitem,
    body.search-results #readingroom .readitem{ width:100%; margin:0 1.41242937853107% 1.41242937853107% 0;  }



}




#filters { font-family: TGC, sans-serif; line-height:1; font-weight:bold; padding-bottom:2em; }
#filters p,
#filters div
{ margin:0 1.41242937853107% 0 0; float:left; width:23.58757062146893%; }

#filters p { line-height:1.8;  font-size:2.8em; }
#filters p.last {margin-right:0 !important;}
#filters a { display:block; background:#999999; color:#FFF;  padding:0 0 0 5.98802395209581%; }
#filters a.active, #filters a:hover { background:#1caf4d; text-decoration:none;   }

#filters div p {width:60% !important; margin-right:0; float:left; }
#filters div p:first-child {width:40% !important;   }

#filters div a { padding:0 0 0 8.55431993156544%; }


@media all and (max-width: 500px) { 
#readcol { width:100%; }
/*#readcol .oddmobile { clear:left; }
.readitem, body.resources .readitem { width:46%; margin:0 4% 20px 0;   }

.readitem .ritem { width:100%; height:auto; padding-bottom:5px; position:relative; }
.readitem .ritem div { width:100%; height:auto; position:relative; top:0; left:0; }
.readitem img {opacity:0 !important;}*/
.half {width:96%;}
.watch {  height:auto; padding-bottom:5px;  }
.item h3 {  line-height:1; padding:0.5em; margin:0; font-size:2em; }

#readcol h2, #watch h2 { font-size:3em; line-height:50px; margin:0 0 0.25em;   }
#readcol h2 span, #watch h2 span { background-position:right center; background-repeat:no-repeat; background-size:100px auto; padding:10px 108px 10px 0; }


#filters p,
#filters div
{ margin:0 0 0.2em 0; float:none; width:95%; }
 
#filters a {  padding:0 0 0 20px; }
#filters a.active, #filters a:hover { background:#1caf4d; text-decoration:none;   }

#filters div p {width:100% !important; margin-right:0; float:none; }
#filters div p:first-child {width:100% !important;   }

#filters div a { padding:0 0 0 20px !important; }


}
ul#thenews li {/* float:left;*/ width:23.58757062146893%; margin:0 1.41242937853107% 1.41242937853107% 0; font-size:1em;  color:#FFF; display: flex; flex-direction: column;}
ul#thenews li a {
    background: #333; display: block; flex: 1;
}
ul#thenews { display: flex; flex-wrap: wrap; }

ul#thenews li img {display:block; width:100%; height:auto;  }
ul#thenews li h3:not(img+h3) { margin-top:10px;}

ul#thenews li div { padding:2% 5.98802395209581%  ; position:relative; }

ul#thenews li a, ul#thenews li div {
    display: flex; flex: 1; flex-direction: column;

}

ul#thenews li.extra {}
ul#thenews li.extra p {
    font-family: TGC, sans-serif;
    font-weight: bold;
    color: #FFF;
    margin: auto 0; padding: 1em 0.5em;     color: #00ccff;
    font-size: 2.8em;    line-height: 1; text-align: center;
}

  ul#thenews li div p.date { padding-top:0.5em; margin-top:auto; }

body.search-results ul#thenews {display: flex; flex-wrap:wrap; justify-content: flex-start;}
body.search-results ul#thenews li section { padding-bottom:20px; height: auto;}


ul#thenews li p.cattitle {
    background-color: #00ccff;
    padding: 0 5.98802395209581% 0 5.98802395209581%;
    line-height: 2.8;
    font-family: TGC, sans-serif;
    font-weight: bold;
    color: #FFF;
    font-size: 1.8em;
    margin: 0;
}

ul#thenews li p.cattitle span {
    background-position: left center;
    background-size: 50px 50px;
    display: block;
    position: relative;
    padding-left: 45px;
}



ul#thenews li p.opportunities span::before{ background-image:url(../icons-white/opportunities.png); }
ul#thenews li p.events span::before{background-image:url(../icons-white/events.png); }
ul#thenews li p.sector-policy span::before{background-image:url(../icons-white/sector-policy.png); }
ul#thenews li p.portal-news span::before{background-image:url(../icons-white/portal-news.png); }
ul#thenews li p.portal-events span::before{background-image:url(../icons-white/portal-events.png); }
ul#thenews li p.guest-blogger span::before{background-image:url(../icons-white/guest-blogger.png); }


ul#thenews li p.cattitle span::before { content:"";
    position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 40px; height: 40px;background-repeat:no-repeat; background-position:center; background-size:40px auto; }

ul#thenews li a { color:#FFF;  }
ul#thenews li h3 { color:#00ccff; font-size:2.8em;  }
ul#thenews li a h3 { color:#00ccff; }
ul#thenews li a:hover { text-decoration:none;}

ul#thenews li a:hover { background:#00ccff; }
ul#thenews li a:hover *{ color:#000 !important; }


ul#thenews li a p.cattitle span::before { filter: invert(1);  }
ul#thenews li a:hover p.cattitle span::before { filter: none;  }
ul#thenews li a p.cattitle {    color: black;  }
ul#thenews li a p.cattitle span {    color: inherit !important;  }
ul#thenews li a:hover p.cattitle { background: #333; color: white !important;  }


/*
ul#thenews li.bignews { width:48.58757062146893% !important; } 

ul#thenews li.bignews div { padding:2% 21% 2.90697674418605%  2.90697674418605%; position:relative; }


ul#thenews li.bignews div .bigcattitle { font-family:TGC,sans-serif; font-weight:bold; position:absolute; top:10% ; right:2.90697674418605%; width:20%; font-size:2em;  }
ul#thenews li.bignews div .bigcattitle span {display:block; padding-top:35%; background-position:right top !important; text-align:right; background-repeat:no-repeat;background-size:30% auto;  }
*/

ul#thenews li p.readarticle { font-family:TGC,sans-serif; font-weight:bold; position:absolute; bottom:1%; left:5.98802395209581%; }
ul#thenews li.bignews p.readarticle {  left:2.90697674418605%; }

ul#thenews li p.readarticle a{ color:#FFF; }

.loader {clear:both;}
.loader .nextpage a {background:#cccccc; color:#FFF; display:block; line-height:2; padding-left:1.41242937853107%; margin-right:1.41242937853107%; }
.loader .nextpage a:hover {background:#666; text-decoration:none !important; }

.top-tail { position:absolute; bottom:100%; left:5%; margin:0 !important; width:54px; height:27px;background-size:54px 27px !important; background-repeat:no-repeat; background-position:0 100%; background-image:url(../images/topttail.png);}
.top-tail img{ display:block; width:54px !important; height:27px !important; }

.topttail_dark { background-image:url(../images/topttail_dark.png) !important;   }
.topttail_blue {   background-image:url(../images/topttail_blue.png) !important; }
.topttail_grey {   background-image:url(../images/topttail.png) !important; }
.topttail_green {   background-image:url(../images/topttail_green.png) !important; }



@media all and (max-width: 500px) { 
ul#thenews li{ background:#333; float:left; width:46%; margin:0 4% 4% 0; font-size:1em;  color:#FFF;}

    ul#thenews li{   width:96%; margin:0 4% 4% 0;  }

ul#thenews li.bignews { width:96% !important; }
ul#thenews li h3 { font-size:2em;  }
ul#thenews li h3 { color:#00ccff; font-size:2em;  }

ul#thenews li section div p { font-size:1.5em; display:none; }
ul#thenews li.bignews div p { font-size:1.5em; display:block; }

ul#thenews li.bignews div { padding:2% 30% 2.90697674418605% 2.90697674418605%;  }

ul#thenews li.bignews div .bigcattitle { font-family:TGC,sans-serif; font-weight:bold; position:absolute; top:1px ; right:2.90697674418605%; width:30%; font-size:1.5em;  }
ul#thenews li.bignews div .bigcattitle span {display:block; padding-top:38px; background-position:right top !important; text-align:right; background-repeat:no-repeat;background-size:35px auto;  }


ul#thenews li p.readarticle { font-size:1.8em;  display:block; position:static; padding-left:5.98802395209581%; }
ul#thenews li.bignews p.readarticle {   padding-left:2.90697674418605%; }

 .loader .nextpage a {  padding-left:1.41242937853107%; margin-right:4%; }
 
/*
ul#thenews li p.cattitle {  padding:0 5.98802395209581% 0 5.98802395209581%; line-height:2.8; font-size:1.6em; }
ul#thenews li p.cattitle span { background-position:left center; background-size:25px auto; background-repeat:no-repeat; display:block; padding-left:28px; }
*/

}

.searchheading { clear:both; color:#FFF; background:#CCC; line-height:2; padding-left:1.41242937853107%; margin-right:1.41242937853107%; margin-bottom:0.5em; background: #1caf4d; }

#searchprojects .searchheading { width: 100%; }
@media all and (max-width: 500px) { 
.searchheading { margin-right:4%; font-size:2.2em;}
}

.searchresults {  clear:both;  }

ul.searchother { display: flex; flex-wrap: wrap; }
ul.searchother li {    width: 48.58757062146893%; display: flex; flex-direction: column;
    margin: 0 1.41242937853107% 1.41242937853107% 0; }
ul.searchother li:nth-child(2n+2) { margin-right: 0;}

ul.searchother li a {display: block; flex: 1; padding: 20px;
    background: #cdcccc; color: #000; transition: all 0.2s ease;
}
ul.searchother li a:hover { background: #333; color: white; text-decoration: none !important;}
ul.searchother li a h3 {
    font-size: 1.6rem;     
}
ul.searchother li a p {
    font-size: 1rem;  margin: 0;
} 
@media all and (max-width: 500px) {  
    ul.searchother {  width: auto;
        margin-right: 4%;}
    ul.searchother li {    width:100%; margin: 0 0 14px; }
        
}

section.searchresults {margin-bottom: 30px;}


.submitbox .more{ margin:0 !important; font-size:2em !important;}
.submitbox {border-top:10px solid #00AD4D; margin:2em 16.66666666666667% 3em 15.25423728813559%; }
.submitbox .text { background:#ecf9f1; padding:2.0746887966805%; }
.submitbox h2 { color: #00AD4D; }
.submitbox h3 {background-color:#00AD4D; background-image:url(../images/whitetail.png); background-position:left bottom; background-size:auto 15px; background-repeat:no-repeat;  padding-bottom:15px; line-height:2.4; padding-left:2.0746887966805%; color:#FFF; }


.submitbox p a { font-weight:bold; color:#000; text-decoration:underline; }
.submitbox ul { margin-bottom:1.5em !important;   }
.submitbox ul li{ margin-left:25px; list-style-type:disc; }

.submitbox .form  { border:1px dotted #999; border-top:none; border-bottom:none;}
.submitbox .form p{ border-top:1px dotted #999; border-bottom:none; clear:both; font-family:TGC,sans-serif; font-weight:bold; font-size:2em; margin:0 !important;}
.submitbox .form p.first{ border-top:1px solid #ecf9f1 !important; }

.submitbox .form p strong{ display:block; float:left; width:34.54356846473029%; padding:2.0746887966805% 2.0746887966805% 0;  }

.submitbox .form p span{ display:block; float:left; width:61%;  }
.submitbox .form p span input.wpcf7-text, .submitbox .form p span input.wpcf7-email, .submitbox .form p span textarea { display:block; border:none; width:96%;
padding:3.93700787401575% 2%; border-left:1px dotted #999; font-size:1em; font-family:Georgia, "Times New Roman", Times, serif; }


.wpcf7-not-valid-tip { border-left:1px dotted #999; padding-left:2%; color:red; }

.submitbox .screen-reader-response {font-size:2em; font-family:TGC,sans-serif; font-weight:bold; background:#666; padding:2.0746887966805%;  } 
.submitbox .screen-reader-response {display:none; }
.submitbox .form p.accepting em{ display:block; float:left; width:60%; padding:2.0746887966805% 2.0746887966805% ; font-style:normal;  }
.submitbox .form p.accepting span{ display:block; float:left; width:25%; border:none;padding:2.3% 0;}
.submitbox .form p span input.wpcf7-text, .submitbox .form p span input.wpcf7-email { height:1em; }
.submitbox .form p span textarea { height:3em; }

.submitbox .form .wpcf7-response-output { }
.submitbox .form p.submitting img {display:none !important;}
.submitbox .form p.submitting {border:none;}
.submitbox .form p.submitting input.wpcf7-submit { background:#CCC; color:#FFF; font-family:TGC,sans-serif; font-weight:bold; border:none; width:100%; text-align:left;padding:2.0746887966805%; font-size:1em; text-transform:uppercase; cursor:pointer;}
 .submitbox .form p.submitting input.wpcf7-submit:hover { background:#666;  }


#submitnews .text { background:#edfbff; }
#submitnews {border-top:10px solid #00CCFF; }
#submitnews h2 { color:#00CCFF; }
#submitnews h3 { background-color:#00CCFF; }

.submitbox h3 a, .submitbox h3 a:hover { color:#FFF !important; text-decoration:none !important;}

.submitbox h3 a { display: block; background: url(../icons-white/download.png) no-repeat left 40%; background-size:40px 40px; padding-left:42px; }


@media all and (max-width: 500px) { 
.submitbox{
margin:2em 4% 3em 0%;
}
.submitbox .form p{  font-size:1.5em; line-height:1;}

.submitbox .form p strong{ width:40%; padding:2%;  }
.submitbox .form p span{ width:50%;  }
.submitbox .form p span input.wpcf7-text, .submitbox .form p span input.wpcf7-email, .submitbox .form p span textarea {width:100%;
padding:4% 2%; font-size:1em;   }

.submitbox .form p span input.wpcf7-text, .submitbox .form p span input.wpcf7-email { height:2em; }
.submitbox .form p span textarea { height:4em; }

}



#directorynav {float:left; width:31.92090395480226%; margin-right:0.70621468926554%;  }
#directorynav ul { margin-bottom:2em;}
#directorynav li {font-family:TGC,sans-serif; margin:0;  font-weight:bold; font-size:3em;}

#directorynav li a{ display:block; border-bottom:1px dotted #999; line-height:1; padding: 0 0 1em; color:#000; }
#directorynav li a:hover {text-decoration:none;}
#directorynav li a.cat { padding-left:2.33333333333333em; background-repeat:no-repeat; background-position:left center; background-size:auto 100%; line-height:3.53333333333333em; height:3.53333333333333em; padding:0 0 0 2.33333333333333em !important;}
#directorynav li a.national {background-image:url(../images/mapcat/national.png); }
#directorynav li a.local {background-image:url(../images/mapcat/local.png); }
#directorynav li a.training {background-image:url(../images/mapcat/training.png); }

#directorynav li a.currentdirectory {color:#1caf4d;}

#directorymap {float:left; width:65.96045197740113%; background:#CCC; height:900px; margin-bottom:20px; overflow:hidden;}


@media all and (max-width: 500px) { 
#directorynav, #directorymap{
width:98.58757062146893%;
}
#directorynav li { font-size:2.4em; }
#directorynav li a{padding: 1em 0;}
#directorymap {  height:600px;  }

}

.infobox-wrapper {
    display:none;
}
.ib div { background:url(../images/mapicon/ib.png) no-repeat right bottom; 
padding:20px 35px 35px 20px; }

.ib {font-family:Georgia, "Times New Roman", Times, serif;}
.ib p { font-size:1.5em;}

#recentnews h2 { color:#FFF; background:#000; padding:0.4em 5.98802395209581%; font-size:3.2em; margin:0;} 

#recentnews li {font-size:1em; padding: 5.98802395209581%;  border:1px dotted #999; margin:2.4em 0; }
#recentnews li:hover { background:#00ccff; border:1px dotted #00ccff;}
#recentnews li:hover *{ color:#FFF !important; }

#recentnews li h3 {font-size:2.9em; line-height:1.3; padding-right:3em; background-position:right top; background-size:2em auto; background-repeat:no-repeat; }

#recentnews li h3.opportunities { background-image:url(../icons-blue/opportunities.png); }
#recentnews li h3.events {background-image:url(../icons-blue/events.png); }
#recentnews li h3.sector-policy {background-image:url(../icons-blue/sector-policy.png); }
#recentnews li h3.portal-news {background-image:url(../icons-blue/portal-news.png); }
#recentnews li h3.portal-events {background-image:url(../icons-blue/portal-events.png); }
#recentnews li h3.guest-blogger {background-image:url(../icons-blue/guest-blogger.png); }

#recentnews li:hover h3.opportunities { background-image:url(../icons-white/opportunities.png); }
#recentnews li:hover h3.events {background-image:url(../icons-white/events.png); }
#recentnews li:hover h3.sector-policy {background-image:url(../icons-white/sector-policy.png); }
#recentnews li:hover h3.portal-news {background-image:url(../icons-white/portal-news.png); }
#recentnews li:hover h3.portal-events {background-image:url(../icons-white/portal-events.png); }
#recentnews li:hover h3.guest-blogger {background-image:url(../icons-white/guest-blogger.png); }
 
#recentnews li a{color:#000;  }
#recentnews li p {font-size:2.2em;}
#recentnews li .readarticle { font-family:TGC, sans-serif; font-weight:bold; margin:2em 0 0; }

#recentnews li a:hover {text-decoration:none;}

body.single-post #projectmeta #postmeta {position:relative; padding-top:131.5%; }
body.single-post #projectmeta #postmeta #projectinfo { position:absolute; top:0; left:0; width:100%;}

@media all and (max-width: 500px) { 
body.single-post #projectmeta #postmeta {position:relative; padding-top:0; }
body.single-post #projectmeta #postmeta #projectinfo { position:static; margin:50px 0; }


}
 


#resultspicker {  display: flex;  flex-wrap: wrap; margin: 10px 0 20px !important; font-family: TGC, sans-serif;
}


#resultspicker li {
    cursor: pointer; font-weight: 600;
    display: inline-block;
 
    font-size: 18px;
    line-height: 20px;
    margin: 0 0.5em 0.5em 0;
 
  
    transition: all 0.2s ease;
  
    padding: 0.5em 0.5em;
    display: block;
background:#999999; color:#FFF;
   /* border-radius: 300px;*/
}




#resultspicker li:hover {
    background:#1caf4d; 
}



@media all and (max-width: 500px) { 
   


    #resultspicker li:last-child {
        
    }

 


}