/*
css parish - teal
v2.0 Split off font and colors
v2.1 Fix tab-into menu style and colour-style buttons and edit tabs
v2.2 Format important and higlight classes, format pager
Teal pallete:
BDD7D8
80B0B1
447E7F
356465
264B4B

334A4B;

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_color_names 

brantham 
5A5A5A
458081 
5A5A5A

Dark Green 264B4B -> 264B4B
Background light: BDD7D8 ->BDD7D8
Link Green: 316621; -> 334A4B; 
Menu hover: #A7D1A6 -> C4D6D7
*/

body {
  background-color: #264B4B;
}
body, input, textarea {
  color: #373737;
}

#wrapper {
  background-color: #BDD7D8;
}
/*******link color******/
a {
  color: #334A4B;
}
#navskiplink a {
  background-color: #f2f2f2;
  color: #090909;
}
.skiplink, a.skiplink:link, a.skiplink:visited, a.skiplink:hover, a.skiplink:focus, a.skiplink:active {
  background-color: #f2f2f2;
  color: #090909;
  
}
hr {
  background-color: #334A4B;
}

abbr, acronym, dfn {
  border-bottom: 1px dotted #666;
}
ins {
  background-color: #fff9c0;
  text-decoration: none;
}

table {
  background-color:#fefefe;
  border:1px dotted #334A4B;
}
th {
  background-color:#264B4B;
  color:#fefefe;
}
td{
  border:1px dotted #334A4B;
}


#header, #header img {
  background-color: #264B4B;
}
#site-name a {
  color: #111;
}
#site-name a:hover,
#site-name a:focus,
#site-name a:active {
  color: #1982d1;
}
#site-slogan {
  color: #264B4B;
}

#header #site-logo {
  background-color:#BDD7D8;  
}

.highlight {
color: #fefefe;
background-color:#264B4B;
font-weight: bold;
}
.important {
color:#264B4B;
font-size: 110%;
font-weight: bold;
}
.boxborder {
  border-style: double;
  border-color: #264B4B;
  border-width: 5px;
  padding: 0.5em;
  margin: 0.3em;
}



/*
#footer #block-block-10.content {
background-color:#fefefe;  
}
*/

/* =Menu
-------------------------------------------------------------- */

#header #navigation {
  background-color:#264B4B;
}
#main-menu > ul.menu{
}
#main-menu > ul.menu li {
  border-right: 1px solid #f2f2f2;
}
#main-menu > ul.menu a {
  color: #f2f2f2;
}

#main-menu > ul.menu a:focus {
  background-color: #C4D6D7;
  color: #001;
  text-decoration: underline;
}

#main-menu > ul.menu ul {
  -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
  box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}
#main-menu > ul.menu ul ul {
}
#main-menu > ul.menu ul a {
  background-color: #264B4B;
  color: #f2f2f2;
  border-bottom: 1px dotted #334A4B;
}
#main-menu > ul.menu li:last-child,
#main-menu > ul.menu ul li {
  border:none;
}
#main-menu > ul.menu li:hover > a,
  background-color: #C4D6D7;
  color: #001;
}
#main-menu > ul.menu li:hover > a,
#main-menu > ul.menu a:focus{
  background-color: #334A4B;
  color: #001;
  text-decoration: underline;
}
#main-menu > ul.menu li:hover > ul {
  background-color: #334A4B;
  color: #001;
  text-decoration: underline;
}
#main-menu > ul.menu li:focus-within > ul{
}
#main-menu a:hover,
#main-menu > ul.menu a:hover {
  background-color:#C4D6D7;
  color: #001;
  text-decoration: underline;
}
#main-menu > ul.menu a.active {
  font-weight: bold;
}


/* Featured Slider */
#slider {
    background-color: #BDD7D8;
    border-bottom: 2px solid #334A4B;
}
#slider-wrap .featured-text {
    color: #334A4B;
}

/* Mobile menu colours */

.dl-menuwrapper li a {
  color: #264B4B;
}
.dl-menuwrapper button {
  background: #264B4B;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
  background: #BDD7D8;
  color: #264B4B
}
.dl-menuwrapper li > a:not(:only-child):after {
  color: #264B4B;
}
.dl-menuwrapper li.dl-back:after {
  color: #264B4B;
}

/* =Content
----------------------------------------------- */

#main {
  background-color: #BDD7D8;
}

#content-wrap {
  background-color: #fefefe;
  border-bottom: 2px solid #334A4B;
}

#main #content .node-teaser {
  border-bottom:1px solid #334A4B;
}
.node-teaser img {
  border: 1px solid #334A4B;
}
.page-node img { /* #content-wrap */
  border: 1px solid #334A4B;
}
.view-content img {
 border: none;
}



#preface-area .block > h2,
.region-content-top .block > h2,
#footer-area .block > h2 {
  border-bottom: 2px solid #334A4B;
  color: #f2f2f2;
}
#sidebar .block {
  background-color: #fefefe;
  border-bottom: 2px solid #334A4B;
}
#header .block {
  background-color:#fefefe;
}
#sidebar #block-system-navigation
{background-color: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top, #F8B665 0%, #F8B665 10px, #fefefe ); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8B665), color-stop(10px,#F8B665), color-stop(#fefefe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #F8B665 0%,#F8B665 10px,#fefefe); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F8B665 0%,#F8B665 10px,#fefefe ); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #F8B665 0%,#F8B665 10px,#fefefe); /* IE10+ */
background: linear-gradient(to bottom, #F8B665 0%,#F8B665 10px,#fefefe); /* W3C  this has gradient*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8B665', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */}
 
#sidebar .block > h2 {
  color: #f2f2f2;
  background-color: #264B4B;
  border-bottom: 2px solid #334A4B;
}
#sidebar .block .contextual-links-wrapper{  
background-color:#fefefe;
}

#preface-area {
    background-color: #BDD7D8;
}

/* =Footer
----------------------------------------------- */

#footer-bottom {
  border-top: 1px solid #334A4B;
}
#footer-area {
    background-color: #fefefe;
}
#bottom {
  background-color: #fefefe;
  border-top: 1px solid #334A4B;
  border-bottom: 2px solid #aaa;
  color: #666;
}



/* -------------- Form Elements  ------------- */

fieldset { background-color: #fefefe; border: 1px solid #334A4B; }
fieldset legend { background-color: #dbdbdb; border: 1px solid #334A4B; }
fieldset.collapsed legend { -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
input.form-text, textarea.form-textarea, select.form-select { border: 1px solid #334A4B; }

/* Form Buttons */

button, input[type="submit"], input[type="reset"], input[type="button"] {
background-image: none;
background-color: #264B4B;
border: 2px solid #005270;
color: #fefefe;

}
button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
background-color: #BDD7D8; 
color:#264B4B; 
}
.submitted{
  background-color: #264B4B;
  color: #A7D2A7;

}

/*-------------------------------------------*
/* Admin Tabs
/*-------------------------------------------*/

.tabs-wrapper {
  border-bottom: 1px solid #b7b7b7;
  margin: 0 0 5px 0;
}

ul.primary li a {
 background-color: #BDD7D8;
}
ul.primary li a:hover, ul.primary li a.active {
  background-color: #264B4B;
  color: #f2f2f2;
}
ul.primary li a:hover {
  background-color: #264B4B;
}
ul.secondary {
  background-color: #264B4B;
}
ul.secondary li a, ul.secondary li a:link {
  color: #f2f2f2;
}
ul.secondary li a:hover, ul.secondary li a.active {
  background-color: #264B4B;
  color: #f2f2f2;
}

.field-label{
  color: 090909;
}
.item-list .pager li {
  background-color: #BDD7D8;
}
img.facebookside {
padding:6px; border:none; float:left;
}

/* =Responsive Structure
----------------------------------------------- */
@media screen and (max-width: 1060px) {
}

@media screen and (max-width: 960px) {
}
  
@media screen and (max-width: 767px) {
}
@media (max-device-width: 650px) {  
}

@media screen and (max-width: 479px) {
}

@media screen and (max-width: 319px) {
}