@charset "utf-8";
/* CSS Document 

* {
 line-height: 1.5 !important;
 letter-spacing: 0.12em !important;
 word-spacing: 0.16em !important;
}

p{
 margin-bottom: 2em !important;
}*/

#supercontainer { position: relative; padding: 0; margin: 0; height: 100%; }
#adminbar {
	height: 44px;
	width: 100%;
	padding: 5px 180px 5px 180px;
	background: #586875 url(/images/cakepresstiny.jpg) no-repeat 15px center;
	border-bottom: 1px solid #D5D8C2;
	z-index: 999;
	position:fixed;
	color: #ffffff;
	top:0;
}

#adminbar h1 {
	font-family: 'myriad-pro';
	font-size: 170%;
	float: left;
	color: #ffffff;
	margin: 0;
	padding: 2px 0 0 0;
}
@media (max-width: 520px){
#adminbar h1{ display: none;}
}

#adminbar a {
	color: #ffffff;
	text-decoration: underline;
}
#adminbar a{ text-decoration: none;}
#adminbar p.page{
	width: 200px;
	margin: 0 auto 0 auto;
	text-align: center;
	border: 2px dashed #FFF;
}
#adminbar p.page a{ display: inline-block; width:100%; height:100%; padding: 4px 0px 4px 0px; background: #8797A5;}
#adminbar p.page a:hover{
	background: #517A80;
}
#adminbar p.logout{ position: absolute; top:3px; right:10px; background:url(/images/icon-exit.png) no-repeat left center; padding:7px 10px 10px 40px;}


@media (max-width: 880px){
#adminbar .name{ display: none;}
}
@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans.woff2') format('woff2'),
         url('fonts/OpenSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSansBold.woff2') format('woff2'),
         url('fonts/OpenSansBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}
@font-face {
  font-family: 'PlayfairDisplay';
  src: url('fonts/PlayfairDisplay.woff') format('woff'), url('fonts/PlayfairDisplay.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'PlayfairDisplay';
  src: url('fonts/PlayfairDisplayItalic.woff') format('woff'), url('fonts/PlayfairDisplayItalic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: auto;
}
@font-face {
  font-family: 'PlayfairDisplay';
  src: url('fonts/PlayfairDisplayBold.woff') format('woff'), url('fonts/PlayfairDisplayBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'PlayfairDisplay';
  src: url('fonts/PlayfairDisplayBoldItalic.woff') format('woff'), url('fonts/PlayfairDisplayBoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: auto;
}


html { height: 100%; scroll-behavior: smooth; }

.table     { display: table; }
.tablerow  { display: table-row; }
.tablecell { display: table-cell; }
.invisible { position: absolute; width:0; height:0; overflow: hidden; }

* { margin: 0; padding: 0; box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; }

img { border: none; }

*:not{.featuredimage} + h2, h3, h5, h6 { font-weight: normal; clear: both; }
h1, h2, h3, h5, h6 { font-weight: normal;  }

table { border-collapse: collapse; }

article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary { display: block; }

.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table;
}
.clearfix:after {
    clear: both;
}

.clear{ clear: both;}


body{ font-family: "OpenSans"; 
	overflow-x: hidden;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	line-height: 150%;
	color:#262730;
	
}

#topcookie {
	padding: 10px 20px;
	color: #ffffff;
	text-align: center;
	background-color: #3C6E71;
	font-size:80%;
	margin-bottom:20px;
}

#topcookie a {
	color: #ffffff;
}

#topcookie a:hover {
	color: #ffffff;
	text-decoration: none;
}






#topnav{
	height:124px; 
	padding:35px 0 45px 0;
	position:relative;
}
.gazetteChild #topnav{padding: 20px 0 45px 0;}

#topnav .logo{ width:250px; float: left; margin: -40px 0 0 50px;}
.gazetteChild #topnav .logo{ float: none; margin: 0 auto;}
.gazetteChild #topnav .logo img{ height: 90px !important; width: auto !important;}
#topnav .logo img{ max-width: 100%; height:auto !important; display: inline-block;}
#topnav .logo a {display: block; height:auto;}
#topnav .search{ width:50px; position:absolute; right:50px; top: 48px; text-align: right;}
.gazetteChild #topnav .search{display: none;}
#topnav .search a{ display: inline-block; border: 2px solid transparent; outline: none;}
#topnav .search a:focus{ border: 2px solid #2A9CAE; }

#respnav-button {
	display: none;
}

#respnav-button a{ 
	text-decoration: none; 
	display:block; 
	width:100%; 
	height:100%;
	background: url(/userfiles/images/icon_burger.svg) no-repeat left center;
}
#respnav-button a span{ position:absolute; width:0; height:0; overflow: hidden;}
#navonecontainer{ display:block; float: right;  max-width:1050px; margin: 0 150px 0 0;}
.gazetteChild #navonecontainer{ display:none;}
#navonecontainer ul{ display:table;  margin: 0 0 0 0; padding:0 0 0 0px;}
#navonecontainer li{
	text-align:center; 
	display: table-cell; 
	transition: all 0.5s; 
	height:90px;  
	position:relative; 
	vertical-align:top; 
	padding: 0 20px;
}
#navonecontainer a{ color: #262730; text-decoration: none; font-weight:500; height:100%; display: inline-block; text-transform: uppercase; font-size: 14px; line-height: 18px; padding-top: 10px; border-top: solid 6px transparent; }
#navonecontainer a:hover{ text-decoration: underline; outline: none;}
#navonecontainer a:focus{ border-top: solid 6px #2A9CAE;  outline: none; padding-top: 10px;}
#navonecontainer ul > li:hover > ul{ display:block;}
#navonecontainer ul ul{ display: none; position:absolute; left:-60px; top:90px; background:#262730; z-index:1000; width:250px; padding: 20px 0; 	-webkit-box-shadow: 6px 7px 35px -16px rgba(0,0,0,0.45);
	-moz-box-shadow: 6px 7px 35px -16px rgba(0,0,0,0.45);
	box-shadow: 6px 7px 35px -16px rgba(0,0,0,0.45);}
#navonecontainer ul ul li{width:100%; text-align:left; display:block; height: auto;}
#navonecontainer ul ul li a{ color: #fff; display:block; padding:15px; border-bottom: #fff 1px solid; font-weight: 400;}
#navonecontainer ul ul li:last-of-type a{border-bottom: none;}
#navonecontainer ul ul li a:hover{ text-decoration:none; background: #545456;}
#navonecontainer ul ul li a:focus{ text-decoration:none; background: #207885; border-top: solid 6px #207885; padding-top: 15px;}
#navonecontainer-responsive{ display: none;}

@media (max-width: 1300px){
	#navonecontainer{ display: none;}
	#navonecontainer-responsive{ position: absolute; width:280px; background:#47494B; left:0; z-index:1000; top: 124px; }
	#navonecontainer-responsive ul{ 
	display:table; width: 100%; padding: 0 25px 0 20px; margin:0;}
	#navonecontainer-responsive ul ul{ display: none; position: absolute; width:0; height:0; overflow: hidden;}
	#navonecontainer-responsive li{
		transition: all 0.5s; position:relative; vertical-align:top;
		 width:100%; text-align:left; display:block; height:auto;}
	#navonecontainer-responsive a{ 
	color: #fff; text-decoration: none; font-weight:500; height:100%; 
	display:block; padding:15px; border-bottom: #fff 1px solid;}
	#navonecontainer-responsive a:hover{ text-decoration: none; background: #207885;}
	#navonecontainer-responsive a:focus{ text-decoration: underline;}

	#navonecontainer-responsive li:last-of-type a{ border-bottom: none;}
	#respnav-button { position:absolute; left:50px; top:35px; height:50px; width:50px; display:block; text-align: left;}
	#topnav .logo{  position:relative; margin: -40px auto 0 auto; float: none; }	
}

@media (max-width: 650px){
	
	#respnav-button { position:absolute; left:20px; height:50px; width:50px; display:block;    }
	#topnav .search{ width:50px; position:absolute; right:20px;}
	/*#topnav .logo{  left: 20px;}*/
}
@media (max-width: 550px){
	#topnav{
		height:50px; padding: 20px 0 60px 0;
	}
	#navonecontainer-responsive{ top: 80px; }
	#respnav-button {    top: 16px;}
	#topnav .search{  top: 33px;}

	#topnav .logo{ margin-top: -20px; width: 160px;}
	#topnav .logo img{ max-width: 160px; }

}


.floatleft{ float:left; }

.imagecol{
	float: left;
	width:30%;
	margin-top:10px;
}
.imagecol img{ max-width: 100%;}
.textcol{
	float: left;
	width:55%;
	margin: 0 0 0 10%;
}


#intro{ margin:80px 0 40px 0;}
@media (max-width: 850px){
.imagecol{
	float: none;
	width:100%;
	margin:10px 0 50px 0;
	text-align:center;
}
@media (max-width:500px){
	.imagecol{
	display: none;
	}
}
.textcol{
	float: none;
	width:100%;
	margin: 0;
}
#intro{ margin:40px 0 40px 0;}
}
#intro p { margin: 0 0 40px 0; font-size:26px; line-height: 38px;}
.container { width:1200px; margin: 0 auto;}
.centerednowidget #breadcrumb .container {width:750px;}
.smallcontainer { width:700px; margin: 0 auto; text-align: center;}
.testimonials .smallcontainer { width:900px; margin: 0 auto; text-align: center;}
@media (max-width: 950px){.testimonials .smallcontainer { width:100%; padding: 0 50px;}}
@media (max-width: 750px){
	.smallcontainer { width:100%; padding: 0 50px;}
	.testimonials .smallcontainer { width:80%; padding: 0 !important; margin: 120px auto;}
}
.smallcontainer p{ font-size: 18px !important; line-height: 30px !important; margin-bottom: 60px !important;}
@media (max-width: 1300px){
	.container { width:100%; padding:0 4.5%;}
}

#introlist{ background:#207885; color: #fff; padding:80px 0;}
#introlist p { margin: 0 0 40px 0; text-align: center;}
#introlist h2 { margin: 0 0 60px 0; text-align: center;}
#introlist ol {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
	column-gap:10%;
	counter-reset: list-counter;
}
#introlist li{ font-size:18px; margin: 0 0 2em 0; list-style-type: none; position: relative; padding:0 0 0 4em;}
#introlist li:last-of-type{margin: 0 0 0 0;}
#introlist ol li:before {
    margin: 0 20px 10px 0;
    content: counter(list-counter, decimal-leading-zero);
    counter-increment: list-counter;
    font-size: 2.2em;
	display:inline-block;
	position:absolute;
	top: 10px;
	left:0;
}
@media (max-width: 750px){
	#introlist{padding:40px 0 60px 0;}
	#introlist ol {
    columns: 1;
	}
}

#content {padding :60px 0 60px 0; background: #2A9CAE;  margin: 0 0 0px 0;}
.gazetteChild #content{ background: #217C8A; padding :60px 0 20px 0;}
#content h1{font-family: 'PlayfairDisplay'; color: #fff;  }
.index #content{padding :120px 0 60px 0; background: none; margin: 0;} 
#captionText{ margin-top: 40px;}

#content h1{ font-size: 55px; line-height: 80px; text-align: center;}
#content h1::after{
    content: " ";
    width: 300px;
    border-bottom: 1px solid #fff;
    bottom: 0;
    display: block;
    margin: 30px auto;
}

.newsChild #content h1{ font-size: 40px; line-height: 50px; text-align: center;}
@media (max-width: 750px){
	#content h1{ font-size: 40px; line-height: 60px;}
}
#content img, #supportpanel img{ max-width:100%;}
#content p, #content ul, #content ol{ margin: 0 0 40px 0; font-size:16px; line-height: 28px;}
#content ul, #content ol { margin:  0 0 40px 40px;}
#content p.centre{margin: 0 0 60px 0;}


.index #navcontent{ margin: 0 0 120px 0; padding: 0; }
#navcontent{ padding: 120px 0 120px 0; }

.index .navcontent { float:left; width: 25%; margin: 0 0 0 0; text-align:center;}

@media (max-width: 1050px){
	.index .navcontent { float:left; width: 50%; margin: 0 0 0 0; text-align:center;}
}

/* .navcontent { float:left; width: 47.5%; margin: 0 5% 0 0; text-align:center;}
.navcontent:nth-of-type(2n+2){margin: 0 0 0 0;}
*/


.navcontent { float:left; width: 30%; margin: 0 5% 0 0; text-align:center;}
.navcontent:nth-of-type(3n+3){margin: 0 0 0 0;}
.navcontent:nth-of-type(3n+4){ clear: left;}
.index .navcontent:nth-of-type(3n+4){ clear: none;}


.childrenCount2 .navcontent, .childrenCount4 .navcontent{ float:left; width: 47.5%; }
.childrenCount2 .navcontent:nth-of-type(3n+3), .childrenCount4 .navcontent:nth-of-type(3n+3){margin: 0 5% 0 0;}
.childrenCount2 .navcontent:nth-of-type(3n+4), .childrenCount4 .navcontent:nth-of-type(3n+4){ clear: none;}
.childrenCount2 .navcontent:nth-of-type(2n+2), .childrenCount4 .navcontent:nth-of-type(2n+2){margin: 0 0 0 0;}
.childrenCount2 .navcontent:nth-of-type(2n+3), .childrenCount4 .navcontent:nth-of-type(2n+3){ clear: left;}

.childrenCount5 .navcontent:nth-of-type(1) { float:left; width: 47.5%; margin: 0 5% 0 0; text-align:center;}
.childrenCount5 .navcontent:nth-of-type(2) { float:left; width: 47.5%; margin: 0 0 0 0; text-align:center;}
.childrenCount5 .navcontent:nth-of-type(3n+3){margin: 0 5% 0 0;}
.childrenCount5 .navcontent:nth-of-type(3n+5){margin: 0 0 0 0;}
.childrenCount5 .navcontent:nth-of-type(3n+4){ clear: none;}
.childrenCount5 .navcontent:nth-of-type(3n+3){ clear: left;}

@media (max-width: 900px){
.navcontent { float:left; width: 47.5%;}
.navcontent:nth-of-type(3n+3){margin: 0 5% 0 0;}
.navcontent:nth-of-type(2n+2){margin: 0 0 0 0;}
.navcontent:nth-of-type(3n+4){ clear: none;}
.navcontent:nth-of-type(2n+3){ clear: left;}
.index .navcontent:nth-of-type(2n+3){ clear: none;}
.index .navcontent:nth-of-type(3n+3) {margin: 0;}
}

.index .navcontent a{ font-size:27px; color:#47494B; text-decoration: none; transition:all 0.5s; font-weight: 500; line-height: 35px;}
.index .navcontent a:hover{ text-decoration: underline;}


.navcontent a{font-size:24px; color:#262730; text-decoration: none; transition:all 0.5s; font-weight: 500;}
.index .navcontent{position: relative;}
.index .navcontent a span.image{ 
	width: 100%; 
	padding-top:70%; 
	display:block; 
	transition:all 0.5s; 
	background-position: center center; 
	background-repeat: no-repeat; 
	background-size: 100%; 
}
.navcontent a span.image{ 
	width: 100%; 
	padding-top:70%; 
	display:block; 
	transition:all 0.5s; 
	background-position: center center; 
	background-repeat: no-repeat; 
	background-size: cover; 
	position: relative;
}
.The-Guthrie-Gazette .navcontent a span.image{
		background-image: url(/userfiles/images/guthriegazette.svg) !important;
}
.The-Guthrie-Gazette .navcontent a span.image:nth-of-type(4n+0){
	background-color: #2A9CAE;
}
.The-Guthrie-Gazette .navcontent a span.image:nth-of-type(4n+1){
	background-color: #262730;	
}
.The-Guthrie-Gazette .navcontent a span.image:nth-of-type(4n+2){
	background-color: #217C8A;	
}
.The-Guthrie-Gazette .navcontent a span.image:nth-of-type(4n+3){
	background-color: #666666;	
}
.index .navcontent a:hover span.image, .index .navcontent a:focus span.image{ background-size: 110%;}
.index .navcontent div.text{ 
	position: absolute; 
	left: 0; 
	top: 0%; 
	padding: 25% 30px 30px 30px; 
	width: 100%; 
	height: 100%; 
	background: rgba(0,0,0,.61); 
	color: #fff; 
	font-family: 'PlayfairDisplay';
	transition:all 0.5s; 
}
.index .navcontent a:hover div.text, .index .navcontent a:focus div.text{background: rgba(0,0,0,.7); }

.index .navcontent a span.readmore, .navcontent a span.readmore{ 
display: none;
transition: background 0.5s;
	position: absolute; 
	left: 0; 
	top: 0%; 
	padding: 33% 30px 30px 30px; 
	width: 100%; 
	height: 100%; 
	background: rgba(0,0,0,.61); 
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
}
.index .navcontent a:hover span.readmore{ 
	display: none;
}
.navcontent a:hover span.readmore, .navcontent a:focus span.readmore{ 
	display: block;
}
.navcontent a span.readmore span{border: 1px solid #fff; padding: 10px 20px;}
.navcontent div.text{ 
	
	padding: 30px 30px 30px 30px; 
	width: 100%; 
	height: 100%;  
	color: #262730; 
	font-family: 'PlayfairDisplay';
	display: block;
	background: #fff;
}

@media (max-width: 650px){
	.index .navcontent div.text{ padding-top: 22%;}
}
@media (max-width: 500px){
	.navcontent, .childrenCount2 .navcontent, .childrenCount4 .navcontent, .childrenCount5 .navcontent, .childrenCount5 .navcontent:nth-of-type(1) , .childrenCount5 .navcontent:nth-of-type(2)  {
		float: none;
		width: 100%;
		margin: 0 0 0 0;
		text-align: center;
	}
	.index .navcontent {
		float:none; 
		width: 100%; 
		margin: 0 0 0 0; 
		text-align:center;
	}
	.index .navcontent a span.image{ 

		float: none;
		margin-right: 0px;
		margin-top: 0;
		background-size: cover !important;
		width: 100%;
		padding-top: 70%;
		background-repeat: no-repeat;
		position: relative;
	}
	.index .navcontent div.text{ padding-top: 30%;}

}







#maincontent{ background: #F2F2F2; padding:60px 0 20px;}
.gazetteChild #maincontent{ background: #217C8A; padding:0px; text-align: center; color: #fff;}
@media (max-width: 870px){
	#maincontent{ background: #F2F2F2; padding:40px 0 40px;}
}
#maincontent.hidemaincontent{padding:0;}
#maincontent.hidemaincontent .container{ height:0 !important;}
.searchresults #maincontent.hidemaincontent, .Sitemap #maincontent.hidemaincontent{padding:80px 0 20px;}
.searchresults #maincontent.hidemaincontent .container, .Sitemap #maincontent.hidemaincontent .container{ height: auto !important;}

#maincontent p { font-size:16px; line-height:27px; margin-bottom:30px; clear:both;}
#maincontent table p{ margin-bottom:0px; font-size:14px; line-height:20px;}

#maincontent main ol, #maincontent main ul, .gazettecontent ul, .gazettecontent  ol{ margin:0 0 30px 0px;}
#maincontent main ol ol, #maincontent main ul ul, #maincontent main ol ul, #maincontent main ul ol, .gazettecontent ul ul, .gazettecontent  ul ol, .gazettecontent  ol ol, .gazettecontent ol ul{ margin:30px 0 30px 0px;}

#maincontent main li, .gazettecontent li { font-size:16px; line-height:27px; margin-bottom:10px; color: #207885;}


#maincontent main ol li, .gazettecontent  ol li{ list-style-type: none; padding:0 0 0 25px;}
#maincontent main ol, .gazettecontent ol, #maincontent ol.searchresultslist {
	counter-reset: list-counter;
}

#maincontent main > ol > li, #maincontent ol.searchresultslist li, .gazettecontent #maincontent main > ol > li { font-size:16px; margin: 0 0 20px 0; list-style-type: none; position: relative; padding:0 0 0 4em;}
#maincontent main > ol > li:before, #maincontent ol.searchresultslist > li:before, .gazettecontent ol > li:before {
    margin: 0 20px 10px 0;
    content: counter(list-counter, decimal-leading-zero);
    counter-increment: list-counter;
    font-size: 2.2em;
	display:inline-block;
	position:absolute;
	top: 0px;
	left:0;
	font-family: 'PlayfairDisplay';
	color: #207885;
}

#maincontent ol.searchresultslist li:before {
    margin: 0 20px 10px 0;
    content: counter(list-counter, decimal);
    counter-increment: list-counter;
    font-size: 2.2em;
	display:inline-block;
	position:absolute;
	/*top: 10px;*/
	left:0;
}
#maincontent ol.searchresultslist a{ text-decoration: none;}
#maincontent main .moreinfo-container ol {
	counter-reset: list-counter;
}
#maincontent main .moreinfo-container ol li:before {
    margin: 0 10px 10px 0;
    content: counter(list-counter, decimal-leading-zero);
    counter-increment: list-counter;
    font-size: 1.5em;
	display:inline-block;
	position:absolute;
	top: 0px;
	left:0;
}
#maincontent main .moreinfo-container ol li{font-size:16px; margin: 0 0 1.2em 0; list-style-type: none; position: relative; padding:0 0 0 2.5em;}


#maincontent main > ul > li, .gazettecontent ul > li{ list-style-type: none; padding:0 0 0 2em; position:relative;}

#maincontent main > ul > li:before, .gazettecontent #maincontent main ul > li:before{ content: ""; display: inline-block; position: absolute; width:20px; height:20px; background: #207885; border-radius: 50%; left:0; top: 5px;}

#maincontent main > ul > li > ul > li, #maincontent main > ol > li > ul > li, .gazettecontent ul > li > ul > li { border-left: 3px solid #2A9CAE; padding-left: 20px; list-style-type:  none; margin-bottom: 0;}

.gazettecontent ol + p{ margin-top: 40px;}

#maincontent main h2{ 
	color:#262730; 
	font-size:24px; 
	font-weight: normal; 
	margin:60px 0 10px 0;  
	text-align: left; 
	font-family: 'OpenSans';
	line-height: 1.5 !important;
    letter-spacing: 0.12em !important;
    word-spacing: 0.16em !important;
	}
#maincontent main > h2:first-of-type{ margin: 0 0 10px 0 ;}
#maincontent main h3{ color:#333; font-size:18px; font-weight: bold; margin:30px 0 10px 0; line-height:27px;}

#maincontent a, #tracksharemodal a, .gazettecontent a{ color:#207885; }
#maincontent a:hover, #tracksharemodal a:hover, .gazettecontent a:hover { color:#207885; text-decoration: none; }
#maincontent a:visited, #tracksharemodal a:visited{ color:#262730; }
.sitemap #maincontent a{ text-decoration: none;}
.sitemap #maincontent a:visited{ text-decoration: none; color: #666;}
.sitemap #maincontent a:hover{ color: #262730; text-decoration: underline;}
#maincontent main a:focus, #tracksharemodal a:focus, .sitemap #maincontent main a:focus, .cog-helptext a:focus{ 
background: #207885 !important; 
color:#fff !important; 
text-decoration: none !important;
border: none !important;
outline: none !important;}





main{ width:63%; float:left;}
.contact main{width:48%; float:left;}
.gazetteChild #maincontent main{ width:100%; float:none; }
.gazetteChild #maincontent main p{font-size: 18px; font-weight: 700;}
.gazetteChild #maincontent main p:nth-of-type(2){ text-transform:  uppercase; font-size: 20px; font-weight: 400;}
.centerednowidget main { width: 750px;    float: none;    margin: 0 auto; }
@media (max-width: 870px){
	main, .centerednowidget main { width:100%; padding: 0; float: none;}
	.contact main { width:48%; float: left !important;}
}
@media (max-width: 750px){
	.contact main { width:100%; padding: 0; float: none;}
}


.centerednowidget aside { display: none;}


main img{ max-width: 100% !important; height: auto !important;  margin: 0 auto; display: block; background: #E6E6E6;}

.Bursary-Partnerships-on-the-island-of-Ireland main img, .Opportunities-Funded-by-Bequest-Donation main img, .International-Residencies-and-Exchanges main img{display: inline; margin: -4px -4px -4px 0px; max-height: 100px !important; width: auto !important;}
#maincontent main .moreinfo-block:last-of-type{ margin-bottom:30px;}
#maincontent main .moreinfo-block h2, #maincontent .moreinfo-block h3{
	background:#47494B;
	margin: 0 0 10px 0;
	font-size:16px;
	border-left: 20px solid #207885;
	transition:all 0.5s;
	font-weight: normal;
	line-height:24px;
}
.moreinfo-container{ padding:20px 0 0 0;}


#maincontent .moreinfo-block h2:focus, #maincontent .moreinfo-block h3:focus, #maincontent .moreinfo-block h2 a:focus, #maincontent .moreinfo-block h3 a:focus{background: #000;}

#maincontent main .moreinfo-block .moreinfo-container h2, #maincontent .moreinfo-block .moreinfo-container h3{
	background: none;
	color: #47494B;
	font-size:18px;
	margin: 0 0 20px 0;
	border: none;
}
#maincontent main .moreinfo-block .moreinfo-container h2:hover, #maincontent .moreinfo-block .moreinfo-container h3:hover{ background: none;}

#maincontent .moreinfo-block h2 a, #maincontent .moreinfo-block h3 a{
	color: #fff;
	 text-decoration: none;
	 display:block;
	 width:100%;
	 height:100%;
	 padding:10px;
	 transition:all 0.5s;
	 position:relative;
	 padding-right:50px; 
}


#maincontent .moreinfo-block h2 a::after, #maincontent .moreinfo-block h3 a::after {
    content: url(/userfiles/images/icon_arrow_accord.png);
    -moz-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    -webkit-transform-origin: 50% 45%;
    -moz-transform-origin: 50% 45%;
    transform-origin: 50% 45%;
	position:absolute;
	right:12px;
	top:12px;
}
#maincontent .moreinfo-block h2 a:hover::after, #maincontent .moreinfo-block h3 a:hover::after {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

#maincontent .moreinfo-container p, #maincontent .moreinfo-container li { font-size:16px;}

#maincontent table, .gazettecontent table{ 
font-size:16px; background: #fff; margin: 0 0 30px 0;  
-webkit-box-shadow: 6px 7px 35px -16px rgba(0,0,0,0.45);
-moz-box-shadow: 6px 7px 35px -16px rgba(0,0,0,0.45);
box-shadow: 6px 7px 35px -16px rgba(0,0,0,0.45);
 width:100%;
 max-width: 100%;
 }


#maincontent table p, .gazettecontent table p{ font-size:14px; margin-bottom: 0px !important; }
#maincontent table th, .gazettecontent table th{ color: #fff; padding: 20px; text-align:left; vertical-align:top;  font-weight:500; background: #207885;}
#maincontent table td, .gazettecontent table td{  padding: 20px; text-align:left;  vertical-align:top;}
#maincontent table td h3, .gazettecontent table td h3{ margin:0;  font-size:16px;}
#maincontent table td:first-of-type, .gazettecontent table td:first-of-type{border-left: none;}
#maincontent table tr:nth-of-type(odd), .gazettecontent table tr:nth-of-type(odd){
	background-color: #DEE0DE;
}
#maincontent table thead tr:nth-of-type(n+1), .gazettecontent table thead tr:nth-of-type(n+1){background: #1B7E83;
    /*background: linear-gradient(90deg, rgba(28,133,139,1) 0%, rgba(67,109,148,1) 41%, rgba(115,80,160,1) 100%);*/}

@media (max-width: 500px){
	#maincontent table, #maincontent table th, #maincontent table td, .gazettecontent table, .gazettecontent table th, .gazettecontent table td{ 
		display:  block;
		background: none;
		padding: 0;
		-webkit-box-shadow:  none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#maincontent table thead tr, .gazettecontent table thead tr{ position:absolute; width:0; height:0; overflow: hidden;}
	#maincontent table tr:nth-of-type(odd), .gazettecontent table tr:nth-of-type(odd){ 	background: none !important;}
	#maincontent table tr td:last-of-type, .gazettecontent table tr td:last-of-type{ padding:0;}
	#maincontent table tr td:last-of-type p:last-of-type, .gazettecontent table tr td:last-of-type p:last-of-type{ margin-bottom:0;}
	#maincontent table td h3, .gazettecontent table td h3{ margin:30px 0 10px 0;  font-size:18px;}
}

aside{ width:27%; float:right;}
.contact aside{ width:48%;}
@media (max-width: 870px){
	aside{ width:100%; padding: 1px 4.5% 0 0; float: none;}
	.contact aside{ width:48%; float:right; padding: 0;}
}
@media (max-width: 750px){
	.contact aside{ display: none;}
}
#maincontent aside li{ list-style-type: none;}
#maincontent aside h2{ color:#207885; font-size:30px; font-weight: normal; margin:30px 0 15px 0; line-height:45px;}
#maincontent aside h3{ color:#333; font-size:18px; font-weight: bold; margin:15px 0 10px 0; line-height:27px;}
#maincontent aside ul.sectionsiblings{ margin-left: -30px;}
#maincontent aside ul.sectionsiblings li { position:relative; transition: all 0.5s;}
#maincontent aside ul.sectionsiblings li a{ color: #47494B; text-decoration: none; padding:13px 20px; display:inline-block; transition: all 0.5s; margin:0 0 0 8px; width:100%; border-bottom-left-radius: 25px; border-top-left-radius: 25px;}
#maincontent aside ul.sectionsiblings li.current a{ background: #207885; color: #fff;}
#maincontent aside ul.sectionsiblings li span{ display:none; width:8px; position:absolute; left:0; top: 15px; transition: all 0.5s;}
#maincontent aside ul.sectionsiblings li.current span{ 
	border-top: 8px solid transparent;
	border-right: 8px solid #207885;  
	border-bottom: 8px solid transparent;
	width:0;
	height:0;	
}


#maincontent aside ul.tags li { display:inline-block; margin: 4px 8px 4px 0; position:relative; transition: all 0.5s;}
#maincontent aside ul.tags li a{ display:block; color: #207885;  padding:0; transition: all 0.5s; margin:0 8px 0 0; text-decoration: none; font-size:14px;}
#maincontent aside ul.tags li a:after {
    content: " \203A";
    font-size: 18px;
}
#maincontent aside ul.tags li span{ display:none; position:absolute; right:0; top: 15px;
	border-top: 8px solid transparent;
	border-left: 8px solid #47494B;  
	border-bottom: 8px solid transparent;
	width:0;
	height:0;
	transition: all 0.5s;
}


#maincontent aside ul li.current:hover a{ background: #146B73; color: #fff; text-decoration: none;}
#maincontent aside ul li a:hover{text-decoration: underline; }
#maincontent aside ul li a:focus{text-decoration: none; outline:none; background: #207885; color: #fff;  }
#maincontent aside ul li.current:hover span{border-right: 8px solid #146B73;}




#breadcrumb{ padding:20px 0;}
.gazetteChild #breadcrumb{ display: none;}
#breadcrumb.grey{ background: #f2f2f2;}
#breadcrumb li{ list-style: none; display: inline; margin:0 6px 0 0; color: #666; font-size:14px;}
#breadcrumb li a{ color: #666666; text-decoration: none;}
#breadcrumb li a:hover, #breadcrumb li a:focus{ outline: none; background: #337A85; color: #fff;}
#breadcrumb li:first-of-type span{ display: none;}
#breadcrumb li:first-of-type a { background:url(/userfiles/images/icon_home.svg) no-repeat center center; width: 20px; height:15px; display: inline-block; margin-bottom: -1px;}
#breadcrumb li:after {content: "\002F";}
#breadcrumb li:first-of-type:before, #breadcrumb li:last-of-type:after {content: "";}
#breadcrumb li:first-of-type a:hover, #breadcrumb li:first-of-type a:focus{background:url(/userfiles/images/icon_home_hover.svg) no-repeat center center; outline: none; }


.widget { margin: 0 0 30px 0;}
.widget img{max-width: 100% !important; height: auto !important;}

@media (max-width: 870px){
	.widget:nth-of-type(odd) { float:left; width: 44%; margin:0 4.5% 30px 0;}
	.widget:nth-of-type(even) { float:left; width: 50%; margin:0 0 30px 0;}
	.contact .widget:nth-of-type(odd){float: none; width: 100%;}
}
@media (max-width: 550px){
	.widget:nth-of-type(odd), .widget:nth-of-type(even) { float:none; width: 100%; margin:60px 4.5%;}
	.widget:first-of-type { margin:30px 4.5%;}
}

.col50{ width:45%; float:left; margin: 0 5% 0 0;}

@media (max-width: 700px){
.col50{ width:100%; float:none; margin: 0 0 0 0;}
}
#signup{background: #47494B; color: #fff; padding:80px 0;}
#signup h2, #signup p{ text-align:center; margin-bottom:30px;}
#signupform{
	width: 50%;
	min-width:350px;
	margin:0 auto;
}

#searchmodalcontent {
	height: 100vh;
}
#searchmodalform {

	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	/*margin-left: -20px;*/
  	color: #ffffff;
	width: 275px;
}
#searchmodalform label{ 
	text-align:left; 
	color: #fff;
	clear:both;
	display:block;
	margin:0 0 20px 0;
}
#searchmodalform input[type="text"], #signupform input[type="text"]{
	padding: 14px;
	border: 1px solid #fff;
	width: 100%;
	margin:0 0 20px 0;
	background: #fff;
	color:#333;
	font-size:18px;
}

#searchmodalform input[type="submit"], #signupform button[type="submit"] {
    padding: 15px;
    background: #337A85;
    color: #FFF;
    text-transform: uppercase;
     border: none;
    width: 100%;
	transition: all 0.5s ease;
}

#searchmodalform input[type="text"]:focus, #signupform input[type="text"]:focus{
	background: #eeeeee;
}

#searchmodalform input[type="submit"]:hover, #searchmodalform input[type="submit"]:focus, #col1 input[type="submit"]:hover,#col1 input[type="submit"]:focus {
      background: #207885;
}
#signupform button[type="submit"]{
	background: none;
	cursor: pointer;
}
#signupform button[type="submit"]:hover, #signupform button[type="submit"]:focus{
	background: #207885;
}

#searchmodalclose span{ position:absolute; width: 0; height:0;overflow: hidden;}
#searchmodalclose{width: 50px; height:50px; display:block; margin: 0 auto; background:url(/userfiles/images/icon_close.svg) no-repeat center center;}


#searchmodalclose {
	position: absolute;
	top: 100px;
	left: 50%;
	/*margin-left: -25px;*/
	transform: translate(-50%, -50%);
	color: #ffffff;
}

#searchmodalbg {

position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #333;
visibility: hidden;
opacity: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
z-index: 2000;
}

#searchmodalbg.open {
visibility: visible;
opacity: 0.95;
}



body.searchresults .navcontent {
	width: 100%;
	float: none;
	margin: 0 0 0 0;
	clear: both;
	border-bottom: 1px solid #fff;
	padding: 0 0 0 0;

	text-align: left;
}
body.searchresults .navcontent:nth-of-type(odd){}
body.searchresults .navcontent:last-child{ border-bottom: none;}
body.searchresults .navcontent img{ float:left; width: 100px; margin:0 20px 0 0; }
body.searchresults .navcontent h2{ 
	position:relative; 
	top:auto;  
	font-size:16px; 
	float: none;
	width: 100%; 
	border: none;
	clear:none;
	margin:0;
	padding: 10px 10px 10px 130px;

}

body.searchresults .navcontent a{ display:block; width:100%; height:100%; color: #207885;}
body.searchresults .navcontent a:hover{
	background-color: #FCFCFC;
}
body.searchresults .navcontent .links{ display: none;}
body.searchresults .navcontent .excerpt{ display: none;}
body.searchresults .navcontent .navcontent_date{ display:block; font-style:italic; color:#666; font-size:85%; margin-bottom:5px;}
body.searchresults #col2{ display:none;}
body.searchresults #col1{ width:100%; float: none;}
body.searchresults #col1+p{ margin:20px 0; font-style:italic;}

#tracksharemodal{
	width: 500px;
	max-width:100%;
}




#tracksharemodal input[type="submit"] {
    padding: 14px 10px;
    background: #15757D;
    color: #FFF;
    text-transform: uppercase;
     border: solid 2px #fff;;
    width: 100%;
	font-size:18px;
	transition: background 0.5s;
	cursor: pointer;
}
#tracksharemodal input[type="submit"]:hover, #tracksharemodal input[type="submit"]:focus {
      background: #207885;
}


#skiplink a{ position:absolute; width:0; height: 0; overflow: hidden; display:block;}
#skiplink a:focus{ width: auto; height:auto; padding:10px; text-align:center; color: #fff; background: #333; border: 2px dashed #fff; text-decoration: none; z-index:1001; }



.logos{ width:150px !important; height: auto !important; float:right; margin: 0px 0 30px 30px;}

#signupform label { display: block; margin: 10px 0; }
#signupform input { width: 100%; margin: 10px 0; }
#signupform button { display: block; margin: 10px 0; }
.formError {
	font-size: 16px;
	padding: 5px 10px;
	display: inline-block;
	background: #1f1f1f;
	color: #fff;
}

.formErrorContent, .formError span.arrow{ position:relative;}
.formErrorContent span.arrow, .formError span.arrow{ 
	border-right: 8px solid transparent;
	border-bottom: 8px solid #1f1f1f;  
	border-left: 8px solid transparent;
	height:0;
	position:absolute;
	top:-10px;	
	display: inline-block;
    width: 8px;
    left: 15px;
    transition: all 0.5s;	
}
.smallicon{ width: 64px !important; height:auto !important;}

.socmed{ width: 30%; float:left; margin:0 5% 0 0; text-align:center;}
.socmed:nth-of-type(3n+3){  margin:0 0 0 0;}
.socmed h2{ margin-bottom: 30px;}


#socialmedia{ background:#207885; padding:60px 0 20px 0; color:#fff;}
#socialmedia p{ margin: 0 0 40px 0; font-size:16px; line-height: 28px;}
#socialmedia a{ color:#fff;}
#socialmedia a:hover{ text-decoration: none;}

@media (max-width: 800px){
.socmed{ width: 50%; min-width:350px; float:none; margin:0 auto 40px auto; text-align:left;}
.socmed:nth-of-type(3n+3){   margin:0 auto 40px auto;}
.socmed h2{ margin-bottom: 20px;}
#socialmedia p{ margin: 0 0 20px 0; font-size:16px; line-height: 24px;}
#socialmedia .socmed p.iconimage{ float:left; width:64px; margin:0 30px 0 0;}
}


#responsemsg{background: #337A85; padding:20px 40px; width:70%; margin: 30px auto 0 auto; text-align: center;}
.responsemsgfail, #rnmsg{background: #262730; padding: 20px; margin-bottom: 60px;}
#responsemsg a{color: #fff;}

.captchaStyle{width: 304px; margin:0px 20px 20px 0; float: left;}

a#backtotop{ 
	background: #333 url(/userfiles/images/icon_scroll.svg) no-repeat center center;
	width:45px;
	height:45px;
	display:inline-block;
	border-radius:22.5px;
	position:fixed;
	right:20px;
	bottom: 20px;
	border: none;
	display: none;
	
}
a#backtotop span{
	position:absolute;
	width:0;
	height:0;
	overflow: hidden;
}
a#backtotop:focus{background: #207885 url(/userfiles/images/icon_scroll.svg) no-repeat center center;}
#__ba_launchpad{ height: 50px; background:#fff; margin:10px 0; text-align: center;}
#__ba_launchpad button:focus, .logo a:focus{ border: 2px solid #2A9CAE; outline: none;}
.navcontent a:focus{ text-decoration: underline; outline: none;}

#searchmodalcontent a:focus{ border: 2px solid #fff;}

.media_embed {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin:0 0 20px 0;
}

.sound_embed {
    position: relative;
    padding-bottom: 20%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin:0 0 20px 0;
}

.media_embed iframe, .media_embed object, .media_embed embed,
.sound_embed iframe, .sound_embed object, .sound_embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: none;
}

h2.media_embed, h2.sound_embed{ padding:0; height:auto;}

#contactcaptchacontainer {
	width: 304px; 
	margin:12px 20px 0 0;
	float: left;
}

#contactsubmitcontainer {
	width: calc(100% - 324px); 
	margin: 12px 0 0 0;
	float: left;
}

textarea[name="g-recaptcha-response"] {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}

@media (max-width: 950px){

	#contactcaptchacontainer {
		width: 100%; 
		margin: 0 0 20px 0;
		float: none;
		background: #222;
	}

	#contactsubmitcontainer {
		width: 100%; 
		margin: 0;
		float: none;
	}

}

.textDiv{
    background: #CD4518 !important;
    border: #CD4518;
    color: white;
	font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
	position: relative;
    display: inline-block;
    font-family: "OpenSans";
	padding: 10px 20px !important;
    height: 44px;
    min-width: 15px;
	border-radius: 22px;
	text-align: center;
	margin: 10px auto;
}
.textDiv:hover{
	background: #A13612 !important;
    border: #A13612;
	}
#__ba_panel{ text-align: center !important;}


a.button, .gazetteChild a.bluebutton, .newsChild a.bluebutton{ text-decoration: none; display: inline-block; padding: 10px 20px; border: 1px solid transparent; color: #262730; text-align: center; min-width: 200px; text-transform: uppercase; font-size: 14px; margin: 10px 20px 10px 20px; transition: all 0.5s;}
.gazetteChild a.button,  .gazetteChild a.bluebutton, .newsChild a.bluebutton{margin: 0 !important}
a.button.outline{border: 1px solid #262730;}
a.button.filled, .gazetteChild a.bluebutton, .newsChild a.bluebutton{border: 1px solid #207885; background: #207885; color: #fff !important;}
a.button.filled.black{border: 1px solid #262730; background: #262730;}
a.button.arrow:after{content: " \203A"; font-size: 18px;}
a.button:hover, a.button:focus, .gazetteChild a.bluebutton:hover, .gazetteChild a.bluebutton:focus, .newsChild a.bluebutton:hover, .newsChild a.bluebutton:focus{border: 1px solid #262730; background: #262730; color: #fff;}
a.button.black:hover, a.button.black:focus{border: 1px solid #207885; background: #207885;}
a.button.filled:focus, #maincontent a.button.filled:focus, .cog-button:focus{
	border: 1px solid #262730 !important; 
	background: #262730 !important; 
	color: #fff !important;
	outline: none !important;
}
a.button.outline.white{border: 1px solid #fff; color: #fff;}
#news { margin-bottom: 120px;}
#news .newsitem{ margin-bottom: 30px;}
.news .newsitem{ margin-bottom: 60px;}
#news .newsitem div, .news .newsitem div{float: left; width: calc(100% - 300px);}
#news .newsitem a.button, .news .newsitem a.button{float: right; margin-top: 60px;}
.newsitem a.headingLink{ color: #262730;}
.newsitem a.headingLink:hover{ color: #207885; text-decoration:  none;}
.newsitem a.headingLink:focus{ color: #fff; background: #207885; text-decoration:  none; outline: none;}

#news h2{margin-bottom: 60px !important;}
time{color: #207885; text-transform: uppercase; font-size: 14px; }
#maincontent time{display: none;}
.newsChild #maincontent time{display: block; margin-bottom: 60px; color: #207885;}

#news h2, #contactpanel h2, .news #contactpanel h2{font-size:30px; line-height: 30px; text-align: left; margin-bottom: 0px; text-transform: capitalize; font-family: 'PlayfairDisplay';}
#news h3, .news h3, .news h2{font-size:16px; line-height: 24px; font-weight: 700; text-transform: uppercase; font-family: 'OpenSans'; text-align: left; line-height: 30px; margin-bottom: 0px; }

#news p{font-size:16px; line-height: 30px;}
.news p{font-size:16px; line-height: 26px;}
.newsPageImg{ background-repeat: no-repeat;  background-size:160px auto; background-position: left 8px; padding-left: 200px;}

@media (max-width: 950px){
	.newsitem a.button {display: none;}
	#news .newsitem div, .news .newsitem div {
		float: none;
		width: 100%;
	}
}

@media (max-width: 560px){
.newsPageImg{ background-repeat: no-repeat; background-size:100% auto; background-position: center top; padding-left: 0px; padding-top: 65%;}
.newsPageImg time{ background: #fff; display: block; width: 100%; padding-top:20px;}
.newsPageImg h3, .newsPageImg h2{ background: #fff; display: block; width: 100%;}
.newsPageImg p{background: #fff; display: block; width: 100%;}
}

#contactpanel{ background: #207885; padding:80px 0 40px 0; color: #fff; text-align:center;}
#contactpanel p{ margin: 0 0 40px 0;}
/*#contactpanel a{ width:270px; display:block; margin: 0 auto 0 auto; padding:20px; border: 1px solid #fff; color: #fff; text-decoration: none; text-transform: uppercase; transition:all 0.5s;}*/
#contactpanel a{color: #fff;}
a.notbutton{display: inline !important; border: none !important; text-decoration: underline !important; padding: 0 !important;}
#contactpanel a:hover{ background: #207885;}
#contactpanel form{ width: 40%; float: left;}
#contactpanel p{float: right; width: 40%; max-width: 480px; margin: 60px 10% 0 0; font-size: 18px; line-height: 30px;}

input{width: 300px; padding: 15px 15px 15px 15px; border: 2px solid transparent; display: block; margin: 0 0 20px 0;}

input[type=checkbox]{width: auto !important; display: inline; padding: 5px;}
input[type=submit]{background: #262730; color: #fff; text-transform: uppercase;cursor: pointer; transition: all 0.5s;  border-bottom: 3px solid #207885; padding: 18px 15px 15px 15px;}
input[type=submit]:hover{ border-bottom: 3px solid #fff}
input[type=submit]:focus{ border-bottom: 3px solid #fff; outline: none;}
input[type="text"]:focus, input[type="email"]:focus{
    border: 2px solid #262730;
    background: #F1FEFF;
	outline: none;
}
label{display: block; text-align: left; font-size: 14px; line-height: 21px; margin: 20px 0 10px 0; }

@media (max-width: 800px){
	#contactpanel h2{text-align: center;}
	#contactpanel form{ width: 300px; float: none; margin: 0 auto;}
	#contactpanel p{float: none; width: 100%; max-width: 100%; margin: 60px 0 60px 0;}
}
@media (max-width: 500px){
	#contactpanel h2 em{display: block}
}



#supportpanel, #donatepanel{ text-align:center; padding:60px 0 60px 0; }
#donatepanel {background: #207885; color: #fff; }
#donatepanel  h2, #donatepanel p{color: #fff;}
#donatepanel p:not(:last-of-type){ margin-bottom: 60px;}
#supportpanel img{
	-webkit-filter: saturate(100%);
    filter: saturate(100%);
	margin: 10px 20px;
	width: auto !important;
	max-height: 60px !important;
}
#supportpanel img:hover{
	-webkit-filter: saturate(0%);
    filter: saturate(0%);
}

footer{ background:#262730; color: #fff; padding:60px 0; font-size: 14px;}
footer li a{ text-decoration: none;  }
footer a{ color: #fff; transition: all 0.5s; }



footer a:hover{ text-decoration: underline;}
footer a:focus{ text-decoration: underline; background: #207885;}
footer a span{ position:absolute; width:0; height:0; overflow:hidden;}
footer li{ list-style-type: none; line-height:200%;}
footer #footercol2 #sociallinks li{ display: inline-block;}
footer #tgnumbers li{ display: inline-block; margin: 0 20px 0 0;}
footer #footercol2 #sociallinks a{  display:inline-block; width:50px; height:50px; text-align:center; border-radius:50%; transition: all 0.5s; margin:0 0 0 10px;}
footer a.sm_twitter{ background: #fff url(/userfiles/images/icon_tw.svg) no-repeat center center;}
footer a.sm_linkedin{ background: #fff url(/userfiles/images/icon_li.svg) no-repeat center center;}
footer a.sm_email{ background:#fff url(/userfiles/images/icon_em.svg) no-repeat center center;}
footer a.sm_facebook{ background:#fff url(/userfiles/images/icon_fb.svg) no-repeat center center;}
footer a.sm_youtube{ background:#fff url(/userfiles/images/icon_yt.svg) no-repeat center center;}
footer a.sm_instagram{ background:#fff url(/userfiles/images/icon_in.svg) no-repeat center center;}
footer a:focus{outline: none;}
footer a.sm_twitter:hover, footer a.sm_twitter:focus{ background: #2A9CAE url(/userfiles/images/icon_tw_hover.svg) no-repeat center center !important;}
footer a.sm_linkedin:hover, footer a.sm_linkedin:focus{ background: #2A9CAE url(/userfiles/images/icon_li_hover.svg) no-repeat center center !important;}
footer a.sm_email:hover, footer a.sm_email:focus{ background: #2A9CAE url(/userfiles/images/icon_em_hover.svg) no-repeat center center !important;}
footer a.sm_facebook:hover, footer a.sm_facebook:focus{ background: #2A9CAE url(/userfiles/images/icon_fb_hover.svg) no-repeat center center !important;}
footer a.sm_youtube:hover, footer a.sm_youtube:focus{ background: #2A9CAE url(/userfiles/images/icon_yt_hover.svg) no-repeat center center !important;}
footer a.sm_instagram:hover, footer a.sm_instagram:focus{ background: #2A9CAE url(/userfiles/images/icon_in_hover.svg) no-repeat center center !important;}

footer #footercol2 #footerlinks li{ margin: 0 0 0 20px ;}
.gazetteChild #footerlinks{ display: none;}
footer ul, footer p{ margin:0px 0 40px 0;}
#footercol1{ width:50%; float:left;}
#footercol2{ width:50%; float:left; text-align:right;}
@media (max-width: 800px){
#footercol1{ width:100%; float:none; text-align:center;}
#footercol2{ width:100%; float:none; text-align:center;}
}
.imageright{ float: right; margin: 0 0 40px 100px;}
.centre{ text-align:center;}
.topspace{margin-top: 60px;}

.editthispage{

}
.editthispage a{
	background: #33689b;
	color: #ffffff; 
	font-weight: normal; 
	width: 270px; 
	display: block;
	margin: 0 auto; 
	padding: 4px 8px !important; 
	border: 1px solid #fff;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.5s;
	clear: both;
}
.editthispage a:hover{background: #000 !important}

#heroimage{ height:25vw;  position:relative; min-height:200px;

}
#heroimage h1{  color: #fff; font-weight:900; font-size:6vw; position: absolute; left:45%; top:45%; line-height:6vw; margin-top:-5%;}
#heroimage h1 span{ font-weight:500; font-size:4vw;}

.index #heroimage{ height:calc(100vh - 124px);  position:relative; min-height:110px; padding: 35vh 0 0 0;}

#homeslider {
	background: #333;
	color: #fff;
	height: calc(100vh - 120px);
}
.herotext {
	color: #fff;
	padding: 35vh 0 0 0;
	position: relative;
	z-index: 1;
}
@media (max-width: 650px){
	.herotext {	padding: 25vh 0 0 0;}
}
#homeslider h2, .herotext h2, h2{font-size:50px; line-height: 50px; font-family: 'PlayfairDisplay'; text-align: center;  font-weight: 700; margin-bottom: 60px;}
#homeslider h2, .herotext h2{margin: 0 50px 20px 50px}

#homeslider h2::after, .herotext h2::after{
content:" ";
	width: 300px;
	border-bottom: 1px solid #fff; 
	bottom : 0;
	display: block;
	margin: 30px auto;
}

.bx-prev{ background: #262730 url(/userfiles/images/arrow_back.svg) no-repeat center center; width: 50px; height: 50px; display: block; position: absolute; left: 0; top: 45%; z-index: 100;}
.bx-next{ background: #262730 url(/userfiles/images/arrow_next.svg) no-repeat center center; width: 50px; height: 50px; display: block; position: absolute; right: 0; top: 45%; z-index: 100;}

.bx-prev:focus, .bx-prev:hover{background: #337A85 url(/userfiles/images/arrow_back.svg) no-repeat center center; outline: none;}
.bx-next:focus, .bx-next:hover{background: #337A85 url(/userfiles/images/arrow_next.svg) no-repeat center center; outline: none;}
@media (max-width: 900px){
.bx-prev, .bx-next{top: auto; bottom: 20px;}
}

.downarrow {background: url(/userfiles/images/arrow_down.svg) no-repeat center top; width: 50px; height: 100px; display: block; position: relative; bottom: 50px;  z-index: 100; margin: 0 auto 0 auto;}


h2 i, h2 em{font-weight: 400; font-style: italic;}
.herosubtext{padding:0px 20px 0px 20px; text-align: center;   font-size: 14px;  	position: relative;
	z-index: 2; max-width: 700px;}
.herosubtext li{display: inline-block; padding: 0 20px 20px 20px;}
.herosubtext a{color: #fff;text-transform: uppercase; text-decoration:  none;}
.herosubtext a.button{border: 1px solid #fff; margin-top: 20px;}
.herosubtext a:after{content: " \203A"; font-size: 18px;}
.herosubtext a:hover{text-decoration: underline;}
.herosubtext a:focus{ background: #337A85; outline: none; }
.herosubtext a.button:hover{text-decoration: none; border: 1px solid #262730;}


@media (max-width: 1300px){
	.index #heroimage span{font-size:35px; line-height: 37px; padding:7px 17px 12px 17px; }
	#heroimage span{ font-size:35px; line-height: 37px; padding:7px 17px 12px 17px;}
	.index #heroimage{ height:35vw;}
	#heroimage span:first-child{ bottom:100px;}
}

@media (max-width: 900px){	p.hometext{ font-size: 30px; line-height:45px;}}
@media (max-width: 750px){	p.hometext{ font-size: 25px; line-height:32px;  }}

#homeslider{overflow: hidden;}
#slider{
	height: calc(100vh - 124px);
	width: 100%;
    margin: 0 auto;
	
}
.bx-viewport, .bx-wrapper {
    position: relative;
    width: 100%;
    height: 100% !important;
    top: 0;
    left: 0;
    border: none !important;
}
.bxslider, .bxslider li {
    height: 100% !important;
}


#homeslider .overlay{ 
position: absolute;
width: 100%;
padding-top: 100%;
background: rgba(0,0,0,0.5);
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 0;
}

#smfooter{
	background: #F2F2F2;
    padding: 60px 0;
}
#smfooter h2{font-size:30px; line-height: 30px;  margin-bottom: 30px;}
#twitter, #instagram, #facebook  {
    width: 30%;
    float: left;
    margin: 30px 5% 30px 0;    
    text-align: center;
}
#facebook  {    margin: 30px 0% 30px 0;    }
#twitterfeed, #instagramfeed, #facebookfeed{height: 500px; overflow: auto; max-width: 340px; margin: 0 auto;}

@media (max-width: 1280px){
	#twitter, #instagram, #facebook  {
		width: 100%;
		float: none;
		margin: 30px 0 30px 0;  
	}


}
.bursaries .testimonials{ background: #207885; padding: 1px;}
.testimonials{position: relative;}
.testimonials .smallcontainer{
	border-left: 10px solid #207885; 
	margin: 120px auto;
	background: #fff url(/userfiles/images/icon_quote.svg) no-repeat top left;	
} 

.bursaries .testimonials .smallcontainer{
	border-left: 10px solid #fff; 
	margin: 120px auto;
	background: #207885 url(/userfiles/images/icon_quote.svg) no-repeat top left;	
} 


main blockquote{
	border-left: 10px solid #207885;
	margin:60px auto;
	background: url(/userfiles/images/icon_quote.svg) no-repeat top left;
	font-size: 30px;
    line-height: 35px;
}
#maincontent blockquote p{	font-size: 28px;     line-height: 36px;}

blockquote{ 
	padding: 30px 30px 1px 90px; 
	margin: 20px 0 0px 0; 
	clear: both;
	color: #207885;
	font-family: 'PlayfairDisplay';
	font-size: 26px;
	line-height: 30px;
	text-align: left;
}
.bursaries blockquote{ 
	color: #fff;
	background: url(/userfiles/images/icon_quote_white.svg) no-repeat top left;
}
.testimonials p{
	font-size: 14px !important; 
	text-transform: uppercase; color: #262730; text-align: left;
	padding:30px 20px 30px 90px;
}


.bursaries .testimonials p{
	font-size: 14px !important; 
	text-transform: uppercase; color: #fff; text-align: left;
	padding:30px 20px 30px 90px;
}

/* Slideshow container */
.testimonials .slideshow-container {
  position: relative;
}

/* Slides */
.testimonials .mySlides {
  display: none;
  text-align: center;
}
.testimonials .mySlides:first-of-type {
  display: block;
}

/* Next & previous buttons */
.testimonials .prev, .testimonials .next {
  cursor: pointer;
  position: absolute;
  top: 100px;
  margin-top: -30px;
  padding: 16px;
  color: #888;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  z-index: 101;
  width: 50px;
  height: 50px;
  display: block;
  background: #262730 url(/userfiles/images/arrow_next.svg) no-repeat center center;

}

/* Position the "next button" to the right */
.testimonials .prev {

  left: 0;
  border-radius: 3px 0 0 3px;
  background: #262730 url(/userfiles/images/arrow_back.svg) no-repeat center center;
}
.testimonials .next {

  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.testimonials .prev:hover, .testimonials .next:hover {
  background-color: rgba(0,0,0,0.8);
  color: white;
}
/* On focus, add a blue  background color */
.testimonials .prev:focus, .testimonials .next:focus {
  background-color: #207885;
  color: white;
  outline: none !important;
}

/* The dot/bullet/indicator container */
.testimonials .dot-container {
  text-align: center;
  padding: 20px;
}

/* The dots/bullets/indicators */
.testimonials .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.testimonials .active, .testimonials .dot:hover {
  background-color: #717171;
}

/* Add a blue color to the author */
.testimonials .author {color: cornflowerblue;}




.gallery{ 
	background: #262730;
	padding: 60px 0;
	margin: 0 0 0 0;
}
.gallery h2{ color: #fff;}
.gallery .free-wall {
	margin: 15px;
}
.gallery .brick img {
	margin: 0;
	display: block;
}
#applyres{
padding: 120px 0 60px 0;
background: #F2F2F2;
}
.gazetteChild #applyres{
background: #207885;
}
.gazetteChild #applyres h2{ color: #fff;}
/* cookie styles */

.gazetteChild a.button {
    color: #fff;
}
.gazetteChild #applyres a.button.filled {
    background: #fff;
	color:#262730 !important;
}
.gazetteChild #applyres a.button.outline {
    border: 1px solid #fff;
}

.gazetteChild #applyres a.button:hover {
    border: 1px solid #262730;
	background: #262730;
	color: #fff;
}
.gazetteChild #applyres a.button.filled:hover {
	color:#fff !important;
}
.blocker { z-index: 998 !important; }
#tracksharemodal { z-index: 999; }

#tracksharemodal h1 { margin: 0 0 20px 0; font-size: 28px; margin-top: -27px}
#tracksharemodal p { margin: 0 0 10px 0; }
#tracksharemodal label { display: block; margin: 10px 0; }
#tracksharemodal input { width: auto; margin: 10px 5px 10px 0; }
#tracksharemodal input[type='submit'] { width: 100%; margin: 10px 0; }




#contactformpanel{ background: #262730; padding:60px 0 60px 0; color: #fff; z-index: 1; position: relative; margin: 0px 0 0 0;}

#contactformpanel h2{
	color: #fff; 
	font-size: 30px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 0px !important;

	}
.contacttext{ margin-top: 60px;}
.contactform{}

#contactformpanel .contacttext{ margin-top: 0px; float: left; width: 40%;}
#contactformpanel .contactform{float: right; width: 50%;}
@media (max-width: 960px){
	#contactformpanel .contacttext{ margin-top: 0px; float: none; width: 100%;}
	#contactformpanel .contactform{float: none; width: 100%;}
}

#contactformpanel textarea {
    min-height: 150px;
	width: 100%;
    margin: 10px 0;
	padding: 14px;
    border: 1px solid #2D5A87;
    background: #fff;
    color: #333;
    font-size: 18px;
}
#contactformpanel input[type="text"]{
	padding: 14px;
    border: 1px solid #2D5A87;
    width: 100%;
    margin: 0 0 20px 0;
    background: #fff;
    color: #333;
    font-size: 18px;
}
#contactformpanel input[type="text"]:focus, #contactformpanel textarea:focus{
    border: 2px solid #2A9CAE;
    background: #F1FEFF;
	outline: none;
}
#contactformpanel button[type="submit"]{
    background: #337A85;
	width: 275px;
	max-width: calc(100% - 330px);
    padding: 30px 15px 30px 15px;
    border: none;
	border-bottom: 3px solid #262730;
    display: block;
    margin: 0 0 20px 0;
    float: right;
    cursor: pointer;
	color: #fff;
    text-transform: uppercase;
	transition: all 0.5s;
}
@media (max-width: 1000px){
	.form-landing-block, #contactformpanel button[type="submit"]{
		width: 100% !important;
		max-width: 100% !important;
	}
}
#contactformpanel button[type="submit"]:hover, #contactformpanel button[type="submit"]:focus {
   border-bottom: 3px solid #fff;
   outline: none;
}

#contactformpanel #contactform {
    float: right;
    width: 50%;
	padding: 80px 0 60px 0;
}
#contactformpanel .contactformtext{
	float: left;
    width: 40%;
	padding: 160px 0 60px 0;
    max-width: 480px;
    margin: 60px 10% 0 0;
    font-size: 18px;
    line-height: 30px;
	text-align: center;
}
@media (max-width: 700px){
#contactformpanel .contactformtext, #contactformpanel #contactform{
	float: none;
    width: 100%;
	padding: 0;
	margin: 20px 0 0 0;
	max-width: 100%;
}
}
#gazettecontent{ margin: 0 0 0 0;}
.gazettecontent{ clear: both; padding: 80px 0 0 0; background: #fff;}
.gazettecontent:first-of-type{padding: 80px 0 80px 0;}

.gazettecontent:nth-of-type(2n+2){ background: #F2F2F2;}

.gazettecontent .image{ width: 373px; height: auto !important; display: block; float: left; margin: 0 120px 80px 0;  }
.gazettecontent:nth-of-type(2n+2) .image { margin: 0 0 80px 120px; float: right;}
.gazettecontent:first-of-type .image{ width: 100%; float: none !important; margin: 0 0 80px 0;}

.gazettecontent h1, .gazettecontent h2{ font-size: 18px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; padding:0; font-family: 'OpenSans'; text-align: left; line-height: 24px;}
.gazettecontent h2{color: #1C6773;}
.gazettecontent p, .gazettecontent ul, .gazettecontent ol{ margin-bottom: 20px;}
.gazettecontent p:last-of-type{margin-bottom: 80px;}
.gazettecontent:first-of-type p:last-of-type{margin-bottom: 0;}



.newspaging {
    
	color: #666;
    margin: 120px 0 0px 0;
}
.newspaging ul{
	margin: 0 auto;
	text-align: center;
}
.newspaging li{
	display: inline-block; 
	padding: 0 5px 0 0 !important; 
	margin:0 0 10px 0;
}
.newspaging li a{
    display: block;
    padding: 5px 14px;
    margin-right: 4px;
    border: 1px solid #262730;
    text-decoration: none;
    color: #262730;
	transition: background 0.5s; 
}
.newspaging li a.newspaging_selected{ background: #262730; color: #fff;}
.newspaging li span{
    display: block;
    padding: 5px 14px;
    margin-right: 4px;
    text-decoration: none;
	color: #424242; 
	background: #cccccc; 
}

.newspaging li a:hover, .newspaging li a:focus {
    background: #2A9CAE;
	border: 1px solid #2A9CAE;
	color: #fff;
}
.newspaging li.current a {
    border: solid 1px #f72479;
    background: #DC0058;
    color: #fff;
	
}
#navcontent {
	scroll-margin-top: 100px;
}

#nextprev{ background: #207885;}
.nextprevlinks{ width: 250px; max-width: 40%; float: left; text-align: left; margin-top: 60px; margin-bottom: 60px;}
#newspage_next_link.nextprevlinks{ float: right; text-align: right;}
.nextprevlinks h2{    
	font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'OpenSans';
	text-align: left;
	margin-bottom: 0px;
	color: #fff;
}


#newspage_next_link h2{text-align: right;}
#nextprev span.arrow{display: block; padding: 20px 0; width: 100%; color: #fff; font-size: 30px;}

.nextprevlinks a{ color: #fff; text-decoration: none; display: inline-block; border: 1px solid transparent;}
.nextprevlinks a:hover span.title{text-decoration: underline;}
.nextprevlinks a:focus {border: 1px solid #fff; outline: none;}

p.aligncentre{ text-align: center;}


html .cog-form__container, :root:root:root:root:root .cog-form__container{ background: none !important;}

html .cog-cognito--styled .el-input__inner, html .cog-cognito--styled .el-textarea__inner, :root:root:root:root:root .cog-cognito--styled .el-input__inner, :root:root:root:root:root .cog-cognito--styled .el-textarea__inner{border-color: #666 !important;}

html .cog-page-progress--steps a::before, :root:root:root:root:root .cog-page-progress--steps a::before{ background: #207885 !important; color: #fff;}

html .cog-page-progress--steps .is-active ::before, :root:root:root:root:root .cog-page-progress--steps .is-active ::before{
background: none !important; 
border-color: #207885 !important; ;
color: #207885 !important; ;
}
.cog-page-progress__page-title{ font-size: 16px !important;}

.appformh2 {margin-top: 60px;}

html .cog-helptext, :root:root:root:root:root .cog-helptext{ font-size:16px !important; color: #333; font-family: 'OpenSans'; line-height: 24px; margin-top: 10px !important;}
html .cog-label, :root:root:root:root:root .cog-label{font-family: 'PlayfairDisplay' !important; font-size:20px !important;  }

.cog-row{ margin: 20px 0 !important;}

html .cog-error-message, :root:root:root:root:root .cog-error-message{ font-size: 16px !important;}

html .cog-form legend, :root:root:root:root:root .cog-form legend {margin-bottom: 10px !important;}
html .cog-form legend, :root:root:root:root:root .cog-form legend {margin-bottom: 10px !important;}

html .cog-cognito--styled .el-input__inner:focus, html .cog-cognito--styled .el-input__inner.StripeElement--focus, html .cog-cognito--styled .el-input__inner.c-square-input--focus, html .cog-cognito--styled .el-textarea__inner:focus, html .cog-cognito--styled .el-textarea__inner.StripeElement--focus, html .cog-cognito--styled .el-textarea__inner.c-square-input--focus, :root:root:root:root:root .cog-cognito--styled .el-input__inner:focus, :root:root:root:root:root .cog-cognito--styled .el-input__inner.StripeElement--focus, :root:root:root:root:root .cog-cognito--styled .el-input__inner.c-square-input--focus, :root:root:root:root:root .cog-cognito--styled .el-textarea__inner:focus, :root:root:root:root:root .cog-cognito--styled .el-textarea__inner.StripeElement--focus, :root:root:root:root:root .cog-cognito--styled .el-textarea__inner.c-square-input--focus{
	border-color: #207885 !important;
    background: #F1FEFF !important;
}

html .cog-dialog .el-dialog, :root:root:root:root:root .cog-dialog .el-dialog{ background: #F1FEFF !important;}

html .cog-cognito--styled .cog-button--primary, :root:root:root:root:root .cog-cognito--styled .cog-button--primary {background: #262730 !important;}


.feed-powered-by-es{color: #333 !important;}

#homepageh1{position:absolute;

left:-10000px;

top:auto;

width:1px;

height:1px;

overflow:hidden;
}


html .cog-page[data-page]::after, :root:root:root:root:root .cog-page[data-page]::after{ content: "" !important;}


.skipSocial {

	width: 0;
	height: 0;
	overflow: hidden;
	display: block;
}

.skipSocial:focus {

	width: auto;
	max-width: 500px;
	height: auto;
	padding: 10px;
	text-align: center;
	color: #fff;
	background: #207885;
	text-decoration: none;
	z-index: 1001;
	outline: none;
	margin: 0 auto;
}


#supportpanel a:focus{display: inline-block; outline: 2px solid #207885;}

#cognito_embed_container{ margin: 0 20px;}


.gazettecontent p img{ margin: 0 0 80px 120px; }




.cmsbutton_subcontent {

margin-top: -20px;
margin-bottom: 20px;

}

.cmsbutton_subcontent a {
color: #FFF;
text-decoration: none;
background: #72AEB6;
border: 1px solid #586875;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 7px;
}

.cmsbutton_subcontent a:hover {
	background: #333333;
	color: #ffffff;
}