.viewas {}


#viewas h3{ position:relative; display:block; width:100%;  font-size:2.8em !important; margin:0 0 1em; }
#viewas a{
   display:block; line-height:1; position:relative; padding-right:3.2em; color:#000;  
}

#viewas a.currentview { color:#05AC4C; }

#viewas a:hover{ text-decoration:none;}
#viewas a::after{ content:""; position:absolute; right:1em !important; transform:translateY(-50%); top:50%; 
   display: block; width:2em; height:1em;    
   background: url(../images/map/list.svg) no-repeat center center;
 }
#viewas a.viewaslist::after { background-image: url(../images/map/list.svg) }
#viewas a.viewaslist.currentview::after { background-image: url(../images/map/list_green.svg) }
 
#viewas a.viewasmap::after { background-image: url(../images/map/map.svg) }
#viewas a.viewasmap.currentview::after { background-image: url(../images/map/map_green.svg) }
@media all and (min-width: 840px) { 
#viewas h3{ width:calc(49.5% - 20px); display:inline-block;  }
#viewas h3:first-child { margin-right:20px; }  
#viewas a{ display:inline-block; padding-right:3.1em; }
#viewas a::after{  right:0 !important;  }
}  
#dnavholder {clear:both; position:relative;  }

#directory_map { width:100%; min-height:80vh; min-height:400px; position:relative; }
.closedmap { position:fixed !important; top:-2000px;}
#directorynav_new { width:100%; position:relative; }
#directorynav_new ul {  width:96%; margin-bottom:2rem; }
@media all and (min-width: 501px) { 
#dnavholder { height:0; overflow:visible;   }
#directorynav_new { height:0; position:absolute; /*width:100%;*/ top:4.32rem; width:calc(100% - 1.43266475644699%); left:1.43266475644699%; z-index:200; }
#directorynav_new ul { width:32.6271186440678%; width:31.19445388762081%;  }
#directory_map { height:80vh;}
}

#directorynav_new li { margin:0 0 3px; font-family:'TGC',sans-serif; font-weight:bold; font-size:2.4em !important; line-height:1.2; position:relative; } 


#directorynav_new li a { display:block; background:#e7e7e7; background:#e0e0de; padding:0.75em 3.5em 0.75em 1em; color:black; margin-right:1rem; -webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.4);
box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.4); position:relative;  z-index:40;   } 
#directorynav_new li a:hover {text-decoration:none;}


@media all and (max-width: 500px) { 
#directorynav_new li { font-size:2em !important; }
#directorynav_new li a { padding-left:0.75em; }
}

#directorynav_new li a.currentdirectory { background:#c9c7c8 !important; margin-right:0; z-index:50; }

#directorynav_new li a::after{ content:""; height:2.2rem; width:2.2rem; display:block; background:rgba(0,0,0,0.2); border-radius:50%; position:absolute; top:50%; right:0.5em; transform:translateY(-50%);  z-index:60; 
border:1px solid rgba(0,0,0,0);} 
/*#directorynav_new li:first-child a::after{ display:none; } */
#directorynav_new li a.currentdirectory::after { right:calc(1rem + 0.5em); }

#directorynav_new li b.opener {display:block; width:2.4rem; height:2.4rem; width:3.6rem; height:3.5rem; 
position:absolute; top:50%; right:calc(0.5em  - 0.6rem); transform:translateY(-50%); z-index:62; text-align:center; }
#directorynav_new li a.currentdirectory b.opener { right:calc(1rem + 0.5em - 0.6rem); }

#directorynav_new b.opener::after { display:inline-block; font-size:1rem;color:white; font-weight:normal; font-family:'fa'; content:"\f067"; line-height:2.4rem; line-height:3.5rem; /*border-left:1px solid rgba(255,255,255,0);*/ } 

#directorynav_new b.opener.opened::after {  content:"\f068"; }

#directorynav_new li ul li a { }
#directorynav_new li ul li a::after{ content:""; height:1.8rem; width:1.8rem; display:block; border-radius:0; position:absolute; top:50%; right:calc(0.5em + 0.2rem); transform:translateY(-50%);  z-index:60; 
border:1px solid rgba(0,0,0,0);} 
/*#directorynav_new li:first-child a::after{ display:none; } */
#directorynav_new li.currentdirectory ul li a::after {  /*right:calc(0.5em + 1.2rem);*/ right:calc(0.5em + 1.2rem);  }


#directorynav_new li.local a::after {
	background:#ffc60b;
	background:rgba(131,206,1,1); border-color:rgba(131,206,1,1);} 
#directorynav_new li.national a::after {
	background:#f47920;
	background:rgba(0,179,212,1); border-color:rgba(0,179,212,1);} 
/*#directorynav_new li.arts-in-education-initiatives a::after {
	background:#d0dd28;
	background:rgba(0,36,186,1); border-color:rgba(0,36,186,1);} */
#directorynav_new li.residency-opportunities a::after {
	background:#8fc73e; 
	background:rgba(246,35,148,1); border-color:rgba(246,35,148,1);}  
#directorynav_new>ul>li:nth-child(4) a::after {
	background:#1bb24b; 
	background:rgba(255,127,3,1); border-color:rgba(255,127,3,1); } 
 
 	
#directorynav_new li ul {  margin:0 0 6px calc(1rem + 1em); width:calc(100%  - calc(1rem + 1em)); -webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.4); 
-moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.4);
box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.4);}

#directorynav_new li ul li { background:white; }
#directorynav_new li ul li a{ display:block; }
 #directorynav_new li ul li a { background:none !important;
 -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#directorynav_new li.local ul li a { background:rgba(131,206,1,0.2)!important;} 
#directorynav_new li.national ul li a { background:rgba(0,179,212,0.2)!important; } 
/*#directorynav_new li.arts-in-education-initiatives ul li a { background:rgba(0,36,186,0.2)!important;} */
#directorynav_new li.residency-opportunities ul li a { background:rgba(246,35,148,0.2)!important; }  
#directorynav_new>ul>li:nth-child(4) ul li  a { background:rgba(255,127,3,0.2)!important; }
 
#directorynav_new li a .chevron { padding-left:0.2em; position:relative; display:inline-block;  }
#directorynav_new li a .chevron::before{ content:"."; color:rgba(255,255,255,0); }	
#directorynav_new li a .chevron::after { position:absolute; top:50%; transform:translateY(-50%); font-size:1.2em; font-family:'fa'; content:"\f105";  content:"\f054";font-weight:normal;}
	
#directorynav_new li ul li {  font-size:inherit !important; margin:0; }

 
#directorynav_new li ul li a:not(.currentdirectory)::after { background:white !important;   }
 
#directorynav_new li ul li a.currentdirectory {  margin-right:0; z-index:50; }


#directorynav_new li ul li {border-bottom:1px dotted rgba(0,0,0,0.9); }
#directorynav_new li ul li:last-child { border-bottom:none; }

#directorynav_new li ul li a,
#directorynav_new li.currentdirectory ul li a{ margin-right:0 !important; }

#directorynav_new li ul { right:1rem !important; position: relative;}
#directorynav_new li.currentdirectory ul {  right:0 !important;  }


body.page-template-template_watch #maincontent .bigtext p ,body.page-template-template_watch .bigtext p ,
body.page-id-3117 #maincontent .bigtext p, .bigtext p { font-size:1.6rem;    }

#directory_list { background:#eeeeee; width:100% !important; /*padding-top:4.32rem;*/ margin-bottom:2rem;
min-height:40rem;}

 

#directory_list .ib p { display:none;} 
#directory_list ul { margin-left:0;  }


body.hasjs #directory_list ul.listing { display:none; }
body.hasjs #directory_list ul.listing:first-of-type{display:block;}


#directory_list li {  margin:0 0 3px 0 !important; font-family:'TGC',sans-serif; font-weight:bold; font-size:1em;line-height:1.2; }
#directory_list li h3 {line-height:1.2; font-family:'TGC',sans-serif; font-weight:bold; font-size:2.4em !important; margin:0;}
#directory_list li h3 a { display:block; padding:0.75em 0; color:black; position:relative;   }

#directory_list .pagination::before,
#directory_list li h3 a::before { content:""; display:block; width:100%; height:0; position:absolute; top:-1px; border:1px solid transparent; border-top:1px dotted #ccc;}

#directory_list .pagination { position:relative; padding:0.75em 0; font-family:'TGC',sans-serif; font-weight:bold; font-size:1.6rem !important;line-height:1.2; }


#directory_list #resultcount {line-height:1.2; font-family:'TGC',sans-serif; font-weight:normal; margin:0; margin:0 0 3px 0 !important; }
#directory_list #resultcount h2 {line-height:1.2; font-family:'TGC',sans-serif; font-weight:normal; font-size:2.4em !important; margin:0; margin:0 0 3px 0 !important; padding:0.75em 0; color:#717275;}
#directory_list #resultcount h2 span#section_name { display:none;}

.ibox { background:white; width:250px; padding:20px; -webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.4);
box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.4);}
img[src$="close.svg"] { width:20px; height:20px;}

.ibox h3 { font-size:1.6rem; padding-right:20px; }
.ibox h3 a { color:black; }  .ibox h3 a:hover {text-decoration:none !important;}
.ibox p.cta { margin:0; }
.ibox p.cta a { padding:0.5em 3em; display:inline-block; background:#05AC4C; color:white; font-family:'TGC',sans-serif; font-weight:bold; font-size:1.4rem; line-height:1; } 
.ibox p.cta a:hover { text-decoration:none !important; background:black; } 


#directory_list .pagination li { color:#AAA; float:left; font-size:1.4rem !important; padding-right:1em !important; margin:0.5em 0 !important;   }
#directory_list .pagination li::after { content:"/"; position:relative; left:0.5em;}
#directory_list .pagination li:last-child::after {content:"";}
#directory_list .pagination li a { color:black;  }
#directory_list .pagination li a.current { color:#05AC4C; }




body.single.organisations #maincontent {position:relative;top:-0.1rem;}


#survey_popup  { background:rgba(0,0,0,0.4); position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; pointer-events:none;}
#survey_popup>div { background:white; max-width:280px; width:100%; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); padding:20px; pointer-events:auto;

	box-shadow:
			0 2.8px 2.2px rgba(0, 0, 0, 0.034),
			0 6.7px 5.3px rgba(0, 0, 0, 0.048),
			0 12.5px 10px rgba(0, 0, 0, 0.06),
			0 22.3px 17.9px rgba(0, 0, 0, 0.072),
			0 41.8px 33.4px rgba(0, 0, 0, 0.086),
			0 100px 80px rgba(0, 0, 0, 0.12)
;

	/*box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);*/

}

#survey_popup>div p:last-child { margin:0;}
#survey_popup>div p>a:only-child { background:#1caf4d; color:white; display:inline-block;  font-family: TGC, sans-serif; font-weight:600; padding:0.5em 1em; }

#survey_popup h2 { font-size:28px; line-height:1.2; letter-spacing:-0.02em;}
#survey_popup p { font-size:18px; margin-bottom:24px;}


#survey_popup>div p>a:only-child { background:#1caf4d; color:white; display:inline-block;  font-family: TGC, sans-serif; font-weight:600; padding:0.5em 1em; font-size:24px; }
#survey_popup>div p>a:only-child:hover { background:#000; }

#survey_popup>div p:last-child { cursor:pointer; display:inline-block; border-bottom:1px solid rgba(0,0,0,0.666); color:rgba(0,0,0,0.666); }
#survey_popup>div p:last-child:hover {  border-bottom:1px solid rgba(0,0,0,1); color:rgba(0,0,0,1); }



.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;  /* 2 */
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;            /* 3 */
}