/* cmsms stylesheet: bandb modified: 04/11/26 08:48:51 */
 /* previos # b16b01*/
 /* previos #d2d2d0*/
 /* previos #d9d9d9*/


body {
  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  color: #006268;
}


:focus {outline:none !important;}
::-moz-focus-inner {border:0 !important;}

a {
  color: #0000ff;
  transition: all 0.2s ease;
}

a:hover, a.menuactive {
  color: #000000;
}

h1 {
  font-family:  'Raleway', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  font-size: 3rem;
  margin-top: 0.8rem;
  margin-bottom: 0;
color: #000000;
}

h2 {
  font-family:  'Raleway', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.5rem;
font-weight: bold;
  margin-top: 0rem;
  margin-bottom: 0.5em;
color: #000000;
}


/*h1 a, h1 a:hover {
  color: #006268;
}*/
 h4 {
  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.2rem;
font-weight: bold;
color: #006268;
}

h3 {
  font-size: 2rem;
  margin-top: 1rem;
 /* text-transform: lowercase;*/
color: #006268;
}

.contentbg {
background-color: #c6e8ef;
}
#sticky-logo a {
  transition: all 0.3s ease;
  font-family: 'Raleway', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  font-size: 0rem;
  line-height: 1rem;
  color: #ffffff;
}

.is-stuck #sticky-logo a {
  display: block;
  font-size: 1rem;
  padding-top: 1rem;
}

#sticky-logo {
  float: left;

}

#menu-toggle {
  float: left;
}

.top-bar, .top-bar ul, .is-drilldown-submenu {
  background-color: #006268;
  z-index: 999;
}
#top-menu {
 border-bottom: 2px solid #c6e8ef;
}

.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
  border-color: #ffffff transparent transparent;

}

.top-bar ul a {
  color: #ffffff;
  transition: all 0.2s ease;
  font-size: 1.0rem;

}

.top-bar ul a:hover, a.menuactive {
  color: #0000ff;

}


.divider {
  background: #c6e8ef;
  margin: 1rem 0;
  padding: 0.5rem;
  font-size: 2rem;
}

.divider a {
  color: #006268;
  margin: 0 0.5rem;
}

.divider a:hover {
  color: #ffffff;
}

.card-divider {
  background: #006268;
  color: #c6e8ef;
}

.button {
  background: #c6e8ef;
  color: #006268;
  border-radius: 5px;
}

.button:hover {
  background: #006268;
  color: #c6e8ef;
}

.divider .button {
  background: #006268;
  color: #c6e8ef;
  margin-bottom: 0.2rem;
}

.divider .button:hover {
  background: #ffffff;
  color: #006268;
}

.clear {
  clear: both;
}

footer {
  background: #006268;
  color: #c6e8ef;
}

footer .column {
  padding: 0 2rem;
}

footer h4 {
  margin-top: 1rem;
  color: #c6e8ef;
  font-size: 1rem;
  padding-bottom: 0.2rem;
  border-bottom: 0.5px dotted #c6e8ef;
}

footer i {
  margin-right: 0.5rem;
}

#copyright {
  border-top: 0.5px solid #c6e8ef;
}

#copyright span {
  margin: 0 1rem;
}

#content-columns h4 {
  text-align: center;
  font-size: 1.1rem;
  text-transform: uppercase;
}

form {
  padding: 1rem;
}

/* Small only */
@media screen and (max-width: 39.9375em) {

  .is-stuck #sticky-logo {
    font-size: 1.6rem;
    padding-top: 0.5rem;
  }

}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and ( max-width: 74.9375em) {}
/* cmsms stylesheet: bandb-extra modified: 04/11/26 09:24:00 */
 /* previos #f2f2f2*/

#bar {
	width: auto;
	height: 40px;
	padding-right: 1em;
	padding-left: 1em;
color: #006268;
}

body {
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	
	line-height: 1em;


background-color:#e5f4f7;
}
.background {
background-color:#c6e8ef
}

#header {
border-top:solid 1.5em;

color: #006268;
height:150px;
}

#header img {
padding-top: 1em;
margin-left:2em; 
	float:left;}


.sub-header {

}
.style1 {
color: #006268;
	font-size: 1.6em;
	line-height:25px;
font-style:italic;
/* top: 50px; */
test-align:center;
}

div#homelinks {
padding-left: 1em;
}
div#gallery {
margin-left:0em; 
}

/* Menu settings -----------------------------------------------*/
div#main ul li {
font-size: 1em;
list-style:outside square;
	padding: 10px 15px 10px 15px;
	margin-left: 30px;
margin-bottom: 5px;

}
div#projects ul li {
font-size: 1em;
display: block;
	background: #f8f8f8 url(https://barrowuponsoarheritage.org.uk/uploads/images/papers.gif) no-repeat bottom right;
	border: 1px solid #cccccc;
	padding: 0px 0px 0px 5px;
	margin: 0px 0;
height: 45px;
}

div#articles ul li {
font-size: 1em;
display: block;
	background: #f8f8f8 url(https://barrowuponsoarheritage.org.uk/uploads/images/papers.gif) no-repeat bottom right;
	border: 1px solid #cccccc;
	padding: 0px 0px 0px 5px;
	margin: 0px 0;
        min-height: 45px;
}
.subtitle{
padding-left: 15px;
font-size: 0.8em;
font-style: italic;
line-height: 1.0em;
margin-bottom: 4px;
}
div#main ul li a {
	padding: 10px;
	background: url(https://barrowuponsoarheritage.org.uk/uploads/images/link.gif) no-repeat center right
}

/* End menu */

#google_translate_element{
float:right;
padding: 0.5em 0 0.2em 0;
	margin: 0 1em;
}
/* ------------ Header - Search ------------ */
div#search {
	width: 200px;
	height: 30px;
	margin-top: 0px;
	margin-right: 20px;
}
div#search label {
	text-indent: -9999em;
	height: 0pt;
	width: 0pt;
	display: none;
}
div#search input.search-input {
/* specific size for image, your image may need these adjusted */
	width: 200px;
	height: 30px;
/* removes default borders, allows use of image */
	border-style: none;
/* text color */
	color: #999;
/* padding of text */
	padding: 7px 0px 4px 10px;
	float: left;
/* set all font properties at once, weight, size, family */
	font: bold 0.9em Arial, Helvetica, sans-serif;
/* left input image, set your own here */
	background: url(https://barrowuponsoarheritage.org.uk/uploads/NCleanBlue/search-heritage-bu.png) no-repeat left top;
}
div#search input.search-button {
/* specific size for image, your image may need these adjusted */
	border: none; /* added */
	width: 53px;
	height: 22px;
	margin-left: 5px; /* added */
	padding: 0px 2px 2px 0px; /* added */
/* removes default borders, allows use of image */
	border-style: none;
/* hides text, image has text */
	text-indent: -9999em;
	float: left;
	margin: 0;
/* provides positive hover effect */
	cursor: pointer;
/* removes default size/height */
	font-size: 0px;
	line-height: 0px;
/* submit button image, set your own here */
	background: transparent url(https://barrowuponsoarheritage.org.uk/uploads/NCleanBlue/search-2.png) no-repeat right top;
}

.align-right{
float:right;
}

.align-left{
float:left;
}

.floatrh{
float:right;
padding:10px;
}

.floatlh{
float:left;
padding:10px;
}

.borderbot{
border-bottom: 1px solid #006268;
}
.border{
border: 1px solid #006268;
}

img.framed {
	border: 3px solid #006268;
}

p.text-hisenrec strong, .text-hisenrec strong {
	color: #450376;
font-size: 80%;
}
div.text-hisenrec ul strong {
	color: #800080
}
div.text-hisenrec a {
	color: #003aff
}
p.italic {
font-style: italic;
}

.text-white {
color:#ffffff;
}
div.left49 {
/* combined percentages of left+right equaling 100%  might lead to rounding error on some browser */
	width: 70%;
}
div.footback {
/* keep footer below content and menu */
	clear: both;
/* this sets 10px on right to let the right image show, the balance 10px left on next div */
	padding: 0px 10px 0px 0px;
/* you can set your own image here */
	background: url(https://barrowuponsoarheritage.org.uk/uploads/ngrey/mainrt-2.gif) no-repeat left top;
}
table.table {
	margin: 10px 0
}
table.table caption {
	color: #52664D;
	font-size: 130%;
	font-style: italic;
	margin: 0;
	padding: 5px
}
table.table th {
	background-color: #bfbfbf;
	color: #333;
	vertical-align: top;
	padding: 5px;
	text-align: left;
	border-bottom: 2px solid #DDD
}
table.table td {
	background-color: #ececec;
	color: #333;
	vertical-align: top;
	padding: 0px;

}
table.table td p {
	text-align: inherit;
font-size: 100%;
padding: 0px;
padding-left: 5px;
}

table.table p {
	text-align: inherit
}
.center {
margin: auto;
width: 46%;

}
#lib ul {
text-align: center;
  padding: 0;
  margin: 0;
}

#lib li {
 float:left;
  position: relative;
    width: 6em;
 display: block;
  background-color: #;
  color: #999;
  font-size: 120%;

  margin-right: 0.1em;
list-style: inline;

}

#lib a:link, #lib a:visited {
list-style: none;
  text-decoration: none;
  padding-left: 0.0em;
  color: #b16b01;

}

#lib li:hover {
  display: block;
text-decoration: underline;
color: #cc7e07;
}
/* cmsms stylesheet: bandb-footer modified: 02/13/20 13:43:24 */
 /* previos #f2f2f2*/




#footheritage {

color: #e5f4f7;
height: 65px;
}
.footer_links .gutter, .columns {
	clear: both;
	width: 960px;
margin: 0 auto;	

}


.skiptag {display:none;}


.gutter {
	height: 60px;
	position: relative
}
.footer_links {
	

	border-top: 3px solid ;
color: #006268;
	background: #e5f4f7 url(https://barrowuponsoarheritage.org.uk/uploads/images/footer-bu.gif) repeat-x top left;

}


.columns .footer_links {
	border: none
}
.footer_links div.footer_logos {
	

	right: 50px;
	top: 20px
}
.footer_links div.footer_logos p {
	display: none
}
.footer_links a {
	color: #999;
	text-decoration: none
}
.footer_links a:hover {
	color: #000;
text-decoration: underline;

}
#cplink1_331910 {
	border: none;
	padding-left: 0
}
.footer_links ul.footer_logos {
	list-style-type: none
}
.footer_links ul.footer_logos li {
	display: inline
}
.footer_links .footer_logos a {
	padding: 0 10px
}
.footer_links .footer_logos a img {
	filter: alpha(opacity=50);
	opacity: 0.5;
	filter: alpha(opacity = 50);
	zoom: 1;
	border-left: 2px solid #999;
	padding-left: 20px
}
.footer_links .footer_logos a:hover img {
	opacity: 1;
	filter: alpha(opacity = 100);
	zoom: 1;
	filter: none
}
.footer_links p.hosted {
	position: absolute;
	top: 110px;
	left: 5px;
	color: #CCC;
	font-family: Arial;
	font-size: 76%
}
.footer_links div.developer {
	position: absolute;
	top: 110px;
	right: 5px
}
.footer_links ul.developer {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0
}
.footer_links ul.developer li {
	display: inline
}
.footer_links .hosted a {
	color: #FFF
}
.footer_links ul.developer a {
	color: #FFF;
	font-family: Arial;
	font-size: 76%;
	text-decoration: none
}
.footer_links .hosted a:hover, .footer_links ul.developer a:hover {
	text-decoration: underline;
	color: #FFF
}
.footer_links .footer_group {
	margin-top: 18px;
margin-left: 50px;
	width: 120px;
	float: left;
	font-size: 40%;
	color: #999;
	line-height: 150%;
	padding-left: 10px
}
.footer_links .footer_group ul {
	margin-left: 0px
}
.footer_links .footer_group .footer_heading {
	font-size: 120%
}
.footer_title {font-size: 50%;
	color: #999;}
