.card {
  --card-cap-bg: #C3AE9F;
}
.pagination {
  --pagination-active-bg: #6E5747;
  --pagination-active-border-color: #433c37;
  --pagination-active-color: #FFF;
  --pagination-hover-color: #FFF;
  --pagination-hover-bg: #433c37;
  --pagination-hover-border-color: #433c37;
}
.page-link {
  color: var(--pagination-hover-bg);
}
.page-link:hover { 
  color: var(--pagination-hover-color) !important; 
}
.w-20 {width: 20%;}
.w-40 {width: 40%;}

/* header styling */
.container-header {
  background: #6E5747;
}
.container-header .navbar-brand {
  display: none;
}
.container-header #mod-custom121 {
  width: 204px;
  padding: 25px 10px 0 10px;
  background: #FFF;
  color: #009dc8;
  text-align: center;
  font-size: 90%;
  line-height: 100%;
  height: 100%;
  min-height: 150px;
}
@media only screen and (max-width: 1320px) {
  .container-header #mod-custom121{
    display: none;
  }
}
.container-header .container-below-top {
  padding-bottom: 0;
}
.container-below-top p {
  margin-bottom: 0;
}
.list-style-none li {
  list-style: none;
  margin-left: -30px;
}
.home .djslider .slide-title {
  margin-bottom: 0 !important;
}
.home .djslider .slide-desc {
  height: 215px;
}
.home .djslider .slide-desc-in {
  height: 100%;
}
.home .djslider .slide-desc-text {
  height: 215px;
}
.djslider .slide-desc-bg {
  background: unset !important;
}
.home .djslider .slide-desc-bg {
  background: #000000A6;
}
.btn-header {
  background-color: #E84E0E;
  opacity: 1;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.copyright-header {
  position: absolute;
  bottom: 10px;
  right: 15px;
  font-size: 0.6rem;
  background: #FFB27B;
  color: #6e5747;
  padding: 5px;
}

@media only screen and (max-width: 992px) {
  header .djslider-loader {
    display: none;
  }
}
#mod-custom139 {
  background: #FFF;
  height: 215px;
}
#mod-custom139 a img {
  border-bottom: 1px solid #009DC8;
  margin-bottom: 4px;
}

/* Main menu styling */
.metismenu.mod-menu .metismenu-item {
  line-height: 1.1;
  font-size: 1rem;
  padding: .5em .75em;
}
.metismenu.mod-menu ul.mm-show {
  padding-top: 0.5em;
}
.metismenu.mod-menu .metismenu-item.active, 
.zzmetismenu.mod-menu .metismenu-item.active > button, 
.metismenu.mod-menu .metismenu-item:hover, 
.zzmetismenu.mod-menu .metismenu-item > button:hover {
  color: #FFF;
  background-color: #433C37;
}
.metismenu.mod-menu .metismenu-item.active > a, 
.metismenu.mod-menu .metismenu-item.active > button, 
.metismenu.mod-menu .metismenu-item > a:hover, 
.metismenu.mod-menu .metismenu-item > button:hover {
  color: #FFF;
  text-decoration: none;
  background-color: #433C37;
}

.metismenu.mod-menu .metismenu-item:hover a {
  color: #FFF;
}
/* not sure why this was needed, but causes truncation of longest submenu item text
.metismenu.mod-menu .metismenu-item:hover ul {
  width: 100%;
}
*/
.metismenu.mod-menu .metismenu-item:hover .metismenu-item {
  background: #FFF;
}
.metismenu.mod-menu .metismenu-item:hover .metismenu-item a {
  color: #6E5747;
}
.metismenu.mod-menu .metismenu-item:hover .metismenu-item.active,
.metismenu.mod-menu .metismenu-item:hover .metismenu-item:hover {
  background: #433C37;
}
.metismenu.mod-menu .metismenu-item:hover .metismenu-item.active a, 
.metismenu.mod-menu .metismenu-item:hover .metismenu-item:hover a {
  color: #FFF;
}

.metismenu.mod-menu {
  width: 100%;
}

/* External links menu styling */
ul.mod-menu.external-links {
  background-color: #FFF;
  padding-left: 10px;
  max-width: 320px;  
  /* max-height: 276px; */
}
ul.mod-menu.external-links > li > a > img {
  margin-right: 4px;
}
ul.mod-menu.external-links li {
  color: #202080;
}
ul.mod-menu.external-links li a:hover {
  color: #ccc;
}
/* */
.blog-featured {
  font-size: 120%;
}
.sponsors {
  background-color: #6E5747;
  color: #FFF;
}
.layout-blog .item-content dd.createdby {
  float: left;
  padding-right: 10px;
}

.sightings-blog button,
.join-abo button {
  width: 100%;
  border-radius: 10px;
  height: 40px;
  background-color: #6e5747;
  color: #fff;
}
.sightings-blog button:hover,
.join-abo button:hover {
  background-color: #433c37;
}
/* Sightings blog styling */
.com-content-category-blog span.wf_caption,
.com-content-article span.wf_caption {
  border: 10px solid #FFF;
  box-shadow: #00000080 1px 1px 5px 0;
  display: block !important;
  margin: 0 auto;
}
/*
.com-content-category-blog span.wf_caption > span,
.com-content-article span.wf_caption > span */
span.wf_caption > span {
  text-align: center;
  padding-top: 5px;
  font-size: 80%;
}
.com-content-category-blog ul.fields-container {
  list-style-type: none;
  padding-left: 0;
}
.com-content-category-blog .mod-articlesnews__item,
.com-content-category-blog .blog-item {
  padding-bottom: 20px;
  border-bottom: 6px solid #C3AE9F;
  margin-bottom: 20px;
}
/***
li.trektellen-url-3924 a {
 visibility: hidden;
}
li.trektellen-url-3924 a:before {
  content: "View Millcombe / St John's ringing totals on Trektellen";
  visibility: visible;
}
li.trektellen-url-3647 a {
  visibility: hidden;
}
li.trektellen-url-3647 a:before {
  content: 'View other ringing totals on Trektellen';
  visibility: visible;
}
***/
/* year list styling */
.yearlist ol {
  font-size: 0.8rem;
}
/* People blog styling */
.layout-cassiopeiablogperson .item-image img {
  border-radius: 10px;
  border: 1px solid #6E5747;
  max-width: 200px;
  max-height: 200px;
  margin-left: 10px;
  float: right;  
}

.main-top.card,
.main-bottom.card {
  --card-border-width: 0;
}
form.mod-finder {
  float: right;
}
/***************/
.button {
  -webkit-appearance: button;
/*
  text-decoration: none;
  border: 1px solid #222;
  border-radius: 5px;
  background-color: #888;
  padding: 5px;
  color: #000;
*/
}
.modified80 {
  font-size: 80%;
}

.footer div.grid-child {
  padding: 10px 8px 0 8px;
}
.footer div.mod-custom {
  width: 100%;
}
.footer div.mod-custom span.float-right {
  float: right;
}
#specieslist thead th,
#yeartotalslist thead th,
#yeartotalslist tfoot tr:first-child th,
#yeartotalslist tfoot tr:first-child td {
  background-color: #6E5747;
  color: #fff;
}
.footer {
  background-color : #6E5747;
  background-image: none;
}