@font-face { font-family: InterLight; src: url(/library/fonts/Inter/Light.otf) format("opentype"); }
@font-face { font-family: InterRegular; src: url(/library/fonts/Inter/Regular.otf) format("opentype"); }
@font-face { font-family: InterMedium; src: url(/library/fonts/Inter/Medium.otf) format("opentype"); }
@font-face { font-family: InterBold; src: url(/library/fonts/Inter/Bold.otf) format("opentype"); }
@font-face { font-family: InterExtraBold; src: url(/library/fonts/Inter/ExtraBold.otf) format("opentype"); }
@font-face { font-family: InterItalic; src: url(/library/fonts/Inter/Italic.otf) format("opentype"); }

@font-face { font-family: MerriweatherLight; src: url(/library/fonts/Merriweather/Light.otf) format("opentype"); }
@font-face { font-family: MerriweatherRegular; src: url(/library/fonts/Merriweather/Regular.otf) format("opentype"); }
@font-face { font-family: MerriweatherMedium; src: url(/library/fonts/Merriweather/Medium.otf) format("opentype"); }
@font-face { font-family: MerriweatherSemiBold; src: url(/library/fonts/Merriweather/SemiBold.otf) format("opentype"); }
@font-face { font-family: MerriweatherBold; src: url(/library/fonts/Merriweather/Bold.otf) format("opentype"); }
@font-face { font-family: MerriweatherItalic; src: url(/library/fonts/Merriweather/Italic.otf) format("opentype"); }

@font-face {
 font-family: "GlyphiconsHalflingsRegular";
 src: url("	/library/fonts/GlyphiconsHalflings/Regular.otf")
   format("opentype");
}




/*
| Element         | px   | rem      | Suggested `margin-bottom`  |
| --------------- | ---- | -------- | -------------------------- |
| H1              | 40px | 2.5rem   | 32px / 2rem                |
| H2              | 36px | 2.25rem  | 24px / 1.5rem              |
| H3              | 30px | 1.875rem | 20px / 1.25rem             |
| H4              | 24px | 1.5rem   | 16px / 1rem                |
| H5              | 20px | 1.25rem  | 
| buttons         | 18px | 1.125rem | Typically inline 
| Paragraph `<p>` | 16px | 1rem     | 20px / 1.25rem *(padding)* |
| Small text      | 14px | 0.875rem | Usually inline 
*/


.layouttopmenu { position: fixed; z-index: 9999; top: 0; }


* { background-repeat: no-repeat; background-position: center center; box-sizing: border-box; }
body { margin: 0px; padding: 0px; width: 100%; height: auto; background-color: var(--background); color: var(--text); font-family: InterRegular, sans-serif;  font-size: 100%; line-height: 1.2; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
body { margin-top: 110px;}
h1, h1>span, h2, h3, h4, h5, h6, .util_customhtml .titletxt  { padding: 0px 0px 0px 0px; margin: 0px; font-weight: 400; line-height: 1.2; color: var(--darkblue); font-family: MerriweatherMedium;  }
h1, .util_sitesearch h2 {font-size: 2rem; margin-bottom: 2rem; border-bottom: 5px solid var(--darkblue);}
h2, .util_customhtml .titletxt  {font-size: 1.4rem; margin-bottom: 1.25rem; }
h3 {font-size: 1.15rem;margin-bottom: 1rem; font-family: 'InterMedium';}
h4 {font-size: 1rem; margin-bottom: 1rem;}
p {font-size: 1rem; padding-bottom: 10px; line-height: 1.3; margin: 0px; font-family: InterRegular;}
p>strong { font-weight: 700; }

.home h2 {font-size: 2rem;}

@media ( max-width: 1000px )
{
  body { margin-top: 0px;}
}

@media (max-width: 599px) {
  h1, .util_sitesearch h2 { font-size: 2rem; margin-bottom: 1.5rem; }
  h2, .util_customhtml .titletxt { font-size: 1.5rem; margin-bottom: 1.25rem; }
  h3 { font-size: 1rem; margin-bottom: 1rem;  }
  h4 { font-size: 0.9rem; margin-bottom: 0.75rem; }
  p { font-size: 0.9375rem; padding-bottom: 1rem; }
}

.titletxt, .util_customhtml .titletxt  {border-bottom: 3px solid var(--darkblue); padding-bottom: 8px;}

img { max-width: 100%; height: auto; }

a { color: var(--links); text-decoration: none; font-weight: 400; transition: color 0.2s ease; font-family: InterMedium;}
ol>li>a {text-decoration: underline;}
a:hover, a:focus { color: var(--darkblue); text-decoration: none;}

.layoutmiddle a { text-decoration: underline; }

#caloundra, #ireland, #newfoundland, #liverpool, #brunswick { position: absolute; margin-top: -200px; }


ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; font-size: 1rem; margin-bottom: 0.5rem; }
li:last-child { margin-bottom: 0;}

.pagecontent {}
.pagecontent_inner ul, .content ul  {margin-left: 35px;}
.pagecontent_inner ul li, .content ul li {list-style-type: disc;}

table { width: 100% !important; }
tr td, tr th { border-bottom: 1px solid var(--cream); padding: 5px 0px;}



fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select { font-size: 90%; background: transparent; border: solid #000000 1px; padding: 5px; color: #000000; box-sizing: border-box; font-family: Arial; }
input[type=text], input[type=password]  { height: 30px; }
input[type=button], input[type=submit] { cursor: pointer; background-color: #000000; color: #ffffff; padding: 10px 20px 10px 20px; }
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }

input::placeholder { color: var(--lightblue); opacity: 1; }

table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden, .layoutcredits, .pagespacer  { display: none !important; }
.spacer { clear: both; height: 0px; display: none !important; }

hr { height: 1px; border: none;background-color: grey; }

figure[style*="float:right"] {width: min-content; font-style: italic; font-size: 93%; color: gray; line-height: 1.1;}
figure[style*="float:left"] {width: min-content; font-style: italic; font-size: 93%; color: gray; line-height: 1.1; margin-left: 0; margin-bottom: 40px;}

input[type="text"], input[type="password"], input[type="number"], select, textarea {max-width: 300px; width: 100%; border-radius: 10px; border-color: var(--black);  height: 35px; padding: 0 10px ; }
input[type="number"] {margin-top: 6px;}
#fb-IntStartYear-div, #fb-IntExtType-div, #fb-IntLocation-div, #fb-IntEndYear-div {margin-top: 10px;}
input:focus {border-color: var(--blue);}
input[type="submit"], input[type=button] {min-width: 200px; max-width: 100%; width: auto; box-sizing: border-box;  background-color: var(--darkblue); text-align: center; border-radius: 6px; font-weight: 400; font-size: 1rem; margin: 20px 0; border: none;}
input[type="submit"]:hover, input[type=button]:hover {background-color: var(--lightblue);}
input[type="checkbox"] {width: auto; margin: 0 6px;}
textarea { resize: vertical; height: 60px; min-height: 60px; padding-top: 7px;}
select { padding: 0px 5px; }

.errors {color: var(--links); font-weight: 400; margin-bottom: 26px; padding: 10px;}

:root {
  --background: #fefdf8;
  --cream:#F2EDEB;
  --white: #ffffff;
  --text: #2f2f2f;
  --lightblue: #486284;
  --darkblue: #003153;
  --links: #732C2C;
}

/* ==========================================================================
Nav bar
========================================================================== */

.layouttopmenu {width: 100%;  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); border-bottom: 1px solid #ddd;  background-color: var(--cream);}
.scroll .layouttopmenu { background-color: rgba(242, 237, 235, 1); }

.layouttopmenu .layouttopmenu_inner {max-width: 1200px; margin: 0 auto; padding: 0px 10px; height: 110px;}
.layouttopmenu .layouttopmenu_inner .topmenu .items {display: flex; justify-content: flex-end; align-items: center; overflow: hidden; width: 100%; height: 100%; gap: 20px; }

.layouttopmenu .layouttopmenu_inner .topright {width: 100%;justify-content: center; display: flex; height: 100%; }
.layouttopmenu .layouttopmenu_inner .topright>.items {display: flex; flex-direction: column; width: 100%; align-items: flex-end;}
.layouttopmenu .layouttopmenu_inner .topright  .topright_inner .items { display: flex; flex-direction: row; gap: 20px; align-items: center;}
.layouttopmenu .layouttopmenu_inner .topright .topright_inner .nav_linklist.loggedout .links .link { background-color: var(--darkblue); width: 150px; text-align: center; display: flex; align-items: center; justify-content: center; height: 35px; border-radius: 6px; }
.layouttopmenu .layouttopmenu_inner .topright .topright_inner .nav_linklist.loggedout .links > .link > a { color: white;}
.layouttopmenu .layouttopmenu_inner .topright .topright_inner .nav_linklist.loggedout .links > .link:hover { background-color: var(--lightblue); }
.layouttopmenu .layouttopmenu_inner .topmenu {height: 100%;}
.layouttopmenu .layouttopmenu_inner .topmenu .social-media .links {display: flex; }
.layouttopmenu .layouttopmenu_inner .topmenu-links>.items>.nav_linklist>.links>.link {display: flex; align-items: center; justify-content: center;}
.layouttopmenu .layouttopmenu_inner .topmenu-links>.items>.nav_linklist>.links>.link>a { display: flex; align-items: center; justify-content: center; color: var(--white); background-color: var(--darkblue); padding: 0px 18px; border-radius: 6px; letter-spacing: 0.03em; transition: background-color 0.2s ease;  height: 36px }
.layouttopmenu .layouttopmenu_inner .topmenu-links>.items>.nav_linklist>.links>.link>a:hover {background-color: var(--lightblue);}
.layouttopmenu .layouttopmenu_inner .social-media .links {gap: 10px;}
.layouttopmenu .layouttopmenu_inner .social-media .links i {font-size: 30px; color: var(--darkblue);}
.layouttopmenu .layouttopmenu_inner .social-media .links i:hover {color: var(--lightblue);}


/* ==========================================================================
Accessibility
========================================================================== */

.feat_textsize { display: flex; }
.feat_textsize ul { display: flex; flex-direction: row-reverse; padding-left: 10px; gap: 5px;  }
.feat_textsize ul li { margin: 0px; cursor: pointer; }
.feat_textsize ul li.button1 { font-size: 110%;}
.feat_textsize ul li.button3 { font-size: 90%; }
.feat_textsize h2 { font-size: 90%; margin: 0px; border: none; padding: 0px; }
html {
  font-size: 100%; /* 16px */
  transition: font-size .5s ease; /* smooth scaling */
}

/* Accessibility sizes */
html.size1 { font-size: 112.5%; } /* 18px */
html.size2 { font-size: 100%; }   /* 16px */
html.size3 { font-size: 87.5%; }  /* 14px */



/* .util_sitesearchbar {width: 500px;} */
.util_sitesearchbar fieldset {display: flex; border: 1px solid var(--darkblue); border-radius: 6px; }
.util_sitesearchbar button { background-color: var(--white); border: none; border-radius: 0 5px 5px 0; width: 35px;height: 35px;}
.util_sitesearchbar button .fa-magnifying-glass {color: var(--darkblue); font-size: 20px;}
.util_sitesearchbar input {background-color: var(--white);border: none;height: 35px;line-height: 35px; border-radius: 6px 0 0 6px;}
.util_sitesearchbar input:focus { outline: none; box-shadow: none; }
.layouttopmenu .nav_multilevel.toggleoff .links .level1 {display: flex; justify-content: flex-end; gap: 40px;}
.layouttopmenu .nav_multilevel.toggleoff .links .level1>li>a {font-size: 1rem; text-transform: uppercase; color: var(--text); font-weight: 500;padding: 10px 0; font-family: InterRegular; font-weight: 700; }

.layouttopmenu .nav_multilevel.toggleoff .links .level1>li.link210>a { color: white; background-color: var(--darkblue); padding: 5px 10px; border-radius: 5px; }
.layouttopmenu .nav_multilevel.toggleoff .links .level1>li.link210>a:hover { color: white; opacity: .8; }

.layoutmiddle {min-height: 50vh;}
.layoutmiddle:not(:has(.home)) .pageheader_inner, .layoutmiddle:not(:has(.home)) .event_eventpage .headline, .layoutmiddle:not(:has(.home)) .news_stylea .headline, .layoutmiddle:not(:has(.home)) .shop_donate .pageheader_inner, .layoutmiddle:not(:has(.home)) .shop_basketpage .titletxt, .util_sitesearch .titletxt, .shop_category h1, .shop_product h1 {min-height: 92px; height: 100%; padding: 15px 0 5px 0; display: flex; flex-direction: column; justify-content: center; border-bottom: 5px solid var(--darkblue); margin-bottom: 50px;  }
.pageheader_inner .pagetitle.title {border-bottom: none; margin: 0; }
.pageheader_inner .pagetitle.title::first-letter { text-transform: uppercase;}
.layoutmiddle:not(:has(.home)) .pagecomponents_inner { margin-right: 15px;}


.layoutmiddle:not(:has(.home)) .pagecomponents_inner { margin-right: 15px;}

@media(min-width: 1001px) {
  .pagecontent_inner {padding: 0 40px 0 0;}
  .layoutcontent:not(:has(.home)) { max-width: 1200px; margin: 0px auto; }
  .condright .layoutmiddle { margin-bottom: 50px; display: flex; width: 100%; margin: 0px auto;  justify-content: space-between;position: relative; max-width: 1200px; width: 100%; padding: 0 10px;}
  .condright .layoutcontent {max-width: 900px; width: 100%; }
  .layoutright { width: 300px; background-color: var(--darkblue); height: 100%; }
  .layoutright ul { padding: 30px 30px 20px 30px;}
  .layoutright ul li {margin-bottom: 15px;}
  .layoutright ul li a { color: var(--white); text-transform: uppercase; font-weight: 200;}

  .layoutright ul li.selected a { position: relative; display: inline-block; text-decoration: none; padding-bottom: 4px; }
  .layoutright ul li.selected a::after { content: ""; position: absolute; left: 0; bottom: -4px; width: 50px; height: 2px; background: var(--white);}
  .layoutright ul li.selected a { font-weight: 400;}
  
  
  .layouttopmenu .layouttopmenu_inner .toggle {display: none;}
  .layouttopmenu .layouttopmenu_inner .topmenu .logo a img {max-width: 100px; height: auto; transition: all .3s ease-in-out;}
  .layouttopmenu .util_sitesearchbar input[type=text]{width: 300px;}
  
  
  .nav_multilevel .level2, .nav_multilevel .level3 { display: none; }
  .layouttopmenu .nav_multilevel .level1>li:hover a {color: var(--links);}
  .layouttopmenu .nav_multilevel .level1  li:hover .level2 { margin-left: -5%; overflow: hidden; display: block;  position: absolute; z-index: 9999; background-color: var(--cream); top: 110px; min-width: 200px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); border-top: 2px solid var(--links); }
  .layouttopmenu .nav_multilevel .level1  li:hover .level2 li { display: flex;  align-items: center; height: auto; }
  .layouttopmenu .nav_multilevel .level1  li:hover .level2 a{ color: var(--text) !important; padding: 10px 10px;}
  .layouttopmenu .nav_multilevel > .links > .level1  li:hover .level2 li:hover a {color: var(--links); font-weight: bold;}
  
  .layoutright .expand { color: white; }

  
  .layoutright .nav_multilevel .level1>li:hover a {  color: var(--white) !important; font-weight: 400;}
  
  /* .layoutmain {margin-top: 145px;} */
    /* .scroll .nav_sitemap {padding-top: 0;} */
    /* .scroll .layouttopmenu .layouttopmenu_inner .topmenu .logo a img {max-width: 80px; height: auto; transition: all .3s ease-in-out;} */
    /* .scroll .layouttopmenu .layouttopmenu_inner .topright>.items {gap: 10px;} */
}

@media(max-width: 1000px) {
    .layoutmiddle:not(:has(.home)) .pagecomponents_inner { margin-right: 0;}
    .layoutmiddle:not(:has(.home)) {padding: 0 10px;}
    .layoutmain {margin-top: 0px;}
    .layouttopmenu { position: static; }
    
    .nav_linklist.loggedout {margin-right: 35px;}
    .nav_sitemap ul li {text-align: left; }
    .layouttopmenu .layouttopmenu_inner .toggleoff .links, .layouttopmenu .layouttopmenu_inner .social-media, .layouttopmenu .util_sitesearchbar {display: none;}
    .layouttopmenu .layouttopmenu_inner .topmenu .items {display: flex; align-items: center; justify-content: center; gap: 0;}

    .layouttopmenu .layouttopmenu_inner .toggle {position:absolute; top: 39px; right:15px; cursor:pointer; max-width: 300px;  }
    .layouttopmenu .layouttopmenu_inner .toggle i {font-size: 35px; color: var(--darkblue);}
    .layouttopmenu .layouttopmenu_inner .toggleon .level1  {display:block; position: absolute;top: 110px;right: 0px;width: 100%;background-color: var(--darkblue);z-index: 10000; text-align: end;  padding-top: 2%; padding-right: 25px;  max-width: 320px;}

    .layouttopmenu .layouttopmenu_inner .topmenu .logo a img {max-width: 80px; height: auto;}
    .layouttopmenu .toggleon .links li a {color: var(--white); text-decoration: none; font-size: 120%; }
    .layouttopmenu .toggleon .level1 {position: absolute;padding: 20px;margin: 0;right: 0;top: 0;min-width: 340px;background-color: var(--darkblue);z-index: -10; display: flex;flex-direction: column;overflow-y: auto; padding-top: 135px;}
    .scrolled .layouttopmenu .toggleon .level1 {position: absolute;padding: 20px;margin: 0;right: 0;top: 0;min-width: 300px;background-color: var(--blue);opacity: 0.9;z-index: -10;height: 100vh;display: flex;flex-direction: column;overflow-y: auto;margin-top: 115px; }
    .layouttopmenu .toggleon .level1>li {border-bottom: 2px solid var(--white); padding: 6px 0px 12px 0px;}
    .layouttopmenu .toggleon .level1>li>a {text-transform: uppercase; }
    .layouttopmenu .toggleon .level2, .layouttopmenu .toggleon .level3 {padding: 10px 0 8px 10px; display: none; }
    .layouttopmenu .toggleon .level1 a, .layouttopmenu .toggleon .level2 a, .layouttopmenu .toggleon .level3 a {font-weight: 300 !important; }
    .layouttopmenu .toggleon .level2 li {height: 30px;}

    .layouttopmenu .toggleon .links .level1>li {}
    .layouttopmenu .expand i { color: white; position: absolute; right: 30px;  }

    .pageheader_inner .pagetitle.title {font-size: 1.4rem;}
    .layoutmiddle:not(:has(.home)) .pageheader_inner {border-bottom: 3px solid var(--darkblue); min-height: 60px;}

    .layoutright {  background-color: var(--darkblue); height: 100%; }
    .layoutright ul { padding: 30px 30px 20px 30px;}
    .layoutright ul li {margin-bottom: 15px;}
    .layoutright ul li a { color: var(--white); text-transform: uppercase; font-weight: 200;}

    .layoutright ul li.selected a { position: relative; display: inline-block; text-decoration: none; padding-bottom: 4px; }
    .layoutright ul li.selected a::after { content: ""; position: absolute; left: 0; bottom: -4px; width: 50px; height: 2px; background: var(--white);}
    .layoutright ul li.selected a { font-weight: 400;}

    .condright .layoutmiddle { display: flex; flex-direction: column-reverse; }

}

@media(max-width: 650px) {
    .util_sitesearchbar {display: none;}
}
@media ( max-width: 550px )
{
  .layouttopmenu .layouttopmenu_inner .topmenu .items {  }
  .layouttopmenu .layouttopmenu_inner .topright  .topright_inner .items  { flex-wrap: wrap; }
}
@media ( max-width: 350px ) 
{
  .layouttopmenu .toggleon .links li a { font-size: 14px;}
}


/* ==========================================================================
   Footer
========================================================================== */
.layoutfooter {background-color: var(--darkblue); margin-top: 50px;  }
.layoutfooter .layoutfooter_inner .items {padding: 10px;}
.layoutfooter, .layoutfooter h2, .layoutfooter a {color: var(--background);}
.layoutfooter h2 {font-size: 1.25rem;  text-transform: uppercase; margin-bottom: 16px; border-bottom: none;}
.layoutfooter p, .layoutfooter p a, .layoutfooter .content li {font-weight: 300; font-size: 0.875rem; text-decoration: none;}

.layoutfooter > .layoutfooter_inner > .util_container { position: relative; z-index: 1; min-height: 200px;}
.layoutfooter > .layoutfooter_inner > .util_container::before {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('/images/30IhYsKQqMvdnkqW84yN2691c9.png'); background-size: cover; background-position: center bottom; background-repeat: no-repeat; opacity: 0.1; z-index: -1; pointer-events: none;}



/* Social media */
.layoutfooter .social-media {padding: 15px 0;}
.layoutfooter .social-media ul {display: flex; justify-content: center;  gap: 20px;}
.layoutfooter .social-media ul li a i {font-size: 35px; color: var(--white);}
.layoutfooter .social-media ul li a i:hover { color: var(--white); transform: scale(1.2); transition: transform 0.3s ease;}

/* Middle */
.layoutfooter .footermiddle, .layoutfooter .footercredits {max-width: 1200px;  margin: 0 auto;  }
.layoutfooter .footercredits { padding: 80px 0px 20px 0px; }
.layoutfooter .footermiddle .items {display: flex; justify-content: center; flex-wrap: wrap; }
/* .layoutfooter .footermiddle .items > div {  max-width: 400px; } */
.footermiddle > .items > .util_simpletextbox {flex: 1}
.footermiddle > .items > .std_content  {flex: 2}
.footermiddle > .items > .footerlogo {flex: 1}


@media ( max-width: 400px )
{
  .footermiddle > .items > .std_content h2 { font-size: 100%;}
}


/* Newsletter */
.layoutfooter .footermiddle .int_newsletter .form .label {display: none;}
.layoutfooter form > fieldset .titletxt {text-align: center; border-bottom: none; margin-bottom: 16px;}
.layoutfooter form > fieldset > .form .field.firstname,
.layoutfooter form > fieldset > .form .field.surname {float:left;width:50%;box-sizing:border-box;}
.layoutfooter form > fieldset > .form .field.firstname {padding-right:5px;}
.layoutfooter form > fieldset > .form .field.surname {padding-left:5px;}
.layoutfooter form > fieldset > .form .field.email {float:left;width:73.66%;box-sizing:border-box;margin-top:15px;margin-right:4%;}
.layoutfooter form > fieldset > .form .buttons {float:left;width:22.34%;box-sizing:border-box;margin-top:15px;}
.layoutfooter form > fieldset > .form .input input, .layoutfooter form > fieldset > .form .buttons input {width:100%!important; max-width: none; box-sizing:border-box;height:40px; border: 2px solid var(--background); border-radius: 6px;}
.layoutfooter form > fieldset > .form .input input {color: var(--background);}
.layoutfooter form > fieldset > .form .input input:focus { outline: none; box-shadow: none;border: 3px solid var(--background); }
.layoutfooter form > fieldset > .form .buttons input[type="submit"] {background-color:var(--background);text-transform:uppercase; color: var(--darkblue); font-weight: 600; padding: 0; margin: 0; min-width: unset;}
.layoutfooter form > fieldset > .form input.text::placeholder { color: var(--cream); opacity: 1; }










/* Logo */
.layoutfooter .footerlogo .links li {display: flex; justify-content: flex-end;}
.layoutfooter .footerlogo .links .link > a > img {max-width: 150px; width: 100%; height: auto;}

/* Credits */
.layoutfooter .footercredits .content {display: flex; justify-content: space-between;}
.layoutfooter .footercredits .content p { font-size: 0.875rem; font-weight: 200; padding-bottom: 0; margin-bottom: 0; padding-left: 10px;}

@media (max-width: 700px) {
  .layoutfooter .footermiddle .items { display: flex; flex-wrap: wrap; flex-direction: column; }
  .layoutfooter .footermiddle .items .int_newsletter { width: 100%; order: 1; margin-bottom: 30px; }
  .layoutfooter .footermiddle .items .util_simpletextbox, .layoutfooter .footermiddle .items .footerlogo {  order: 2; box-sizing: border-box;}
  .layoutfooter .footermiddle .items .footerlogo { padding-left: 5px;}
  .layoutfooter .footerlogo .links .link > a > img {position: absolute; top: 275px; right: 10px; max-width: 100px;}
  .layoutfooter .footercredits .content{flex-direction: column; text-align: center;}
}



/* ==========================================================================
   Home
========================================================================== */

.home {min-height: 100vh;}

/* Banner carousel */
.home .banner{position: relative; z-index: 1000;}
.home .banner .carousel {overflow: hidden;width: 100%;height: 70vh;position: relative;margin: 0 auto;}
.home .banner .carousel ul { width: 20000em; position: relative;}
.home .banner .carousel li {float: left;max-width: 100% !important; position: absolute;}
.home .banner .carousel .carousel_slide { z-index: 0; width: 100vw; height: 65vh; background-size: cover; background-position: center bottom; display: flex; align-items: end; justify-content: center; position: relative; }
.home .banner .carousel .content { max-width: 800px; width: 100%; background-color: var(--darkblue); min-height: 80px; position: absolute; z-index: 9998; display: flex; justify-content: center; align-items: center; padding: 10px 20px; bottom: -40px;}
.home .banner .carousel .content a{ display: block;  height: auto; text-align: center; text-decoration: none; }
.home .banner .carousel .content h2 { color: var(--white);  font-size: 1.25rem; padding-bottom: 5px; margin: 0;}
.home .banner .carousel .content h3 { color: var(--white);  font-size: 1rem; font-weight: 300; margin-bottom: 0;}

/* .home .banner .jcarousel-control{text-align: center; position: absolute; left:50%; bottom: 10px}
.home .banner .jcarousel-control a { display: inline-block; width: 10px; height: 10px; margin: 0 4px; border-radius: 50%; border: 2px solid white; background-color: transparent; text-indent: -9999px; overflow: hidden;}
.home .banner .jcarousel-control a.active {background-color: white; } */


/* Home intro */
.home .home-intro {max-width: 800px; margin: 30px auto; padding: 0 10px; text-align: center; background-size: contain; min-height: 250px; display: flex; justify-content: center; align-items: center; position: relative; z-index: 0; background-size: 80% auto;}
.home .home-intro h2.titletxt {border-bottom: none; font-size: 2.25rem;}
.home .home-intro p {margin-bottom: 0; max-width: 700px; font-weight: 400;}

/* Scroll down animation */

.scrolldown .html { position: relative; top: -50px; z-index: 99999;  }
.scrolldown .container.left {  position: absolute; left: 30px;  }
.scrolldown .container.right {  position: absolute; right: 67px;   }
.scrolldown .chevron { position: absolute; width: 2.1rem; height: 0.48rem; opacity: 0; transform: scale(0.3); animation: move-chevron 4s ease-out infinite;}
.scrolldown .chevron:first-child { animation: move-chevron 4s ease-out 2s infinite;}
.scrolldown .chevron:nth-child(2) { animation: move-chevron 4s ease-out 3s infinite;}
.scrolldown .chevron:before, .scrolldown .chevron:after { content: ''; position: absolute; top: 0; height: 100%; width: 50%; background: var(--darkblue);}
.scrolldown .chevron:before { left: 0; transform: skewY(30deg); }
.scrolldown .chevron:after { right: 0; width: 50%; transform: skewY(-30deg);}

@keyframes move-chevron {
  25% { opacity: 1; }
  33.3% { opacity: 1; transform: translateY(2.28rem);}
  66.6% { opacity: 1; transform: translateY(3.12rem); }
  100% { opacity: 0; transform: translateY(4.8rem) scale(0.5); }
}

@media(max-width: 1000px){
  .scrolldown {display: none;}
}

/* Home boxes */
.home .home-boxes { background-color: var(--cream);}
.home .home-boxes .items { display: grid; grid-template-columns: auto auto; grid-template-rows: auto auto; gap: 10px; max-width: 800px; margin: 0 auto; padding: 80px 10px;}
.home .home-boxes .items > :nth-child(1) { grid-column: 1; grid-row: 1 / span 2; height: 600px; background-size: cover; background-position: center bottom; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); }
.home .home-boxes .items > :nth-child(2) { grid-column: 2; grid-row: 1; background-size: cover; background-position: center top; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);}
.home .home-boxes .items > :nth-child(3){ grid-column: 2; grid-row: 2; background-size: cover; background-position: center bottom; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);}

.home .home-boxes .items > :nth-child(1) .util_textbox_inner,
.home .home-boxes .items > :nth-child(2) .util_textbox_inner,
.home .home-boxes .items > :nth-child(3) .util_textbox_inner { display: flex; flex-direction: column; justify-content: flex-end; height: 100%; }

.home .home-boxes .items > .util_textbox { position: relative; overflow: hidden;}

.home .home-boxes .items > .util_textbox::before {content: "";position: absolute; inset: 0; background-image: inherit; background-size: cover; background-position: center; background-repeat: no-repeat; transition: transform 0.6s ease; z-index: 0; }
.home .home-boxes .items > .util_textbox:hover::before { transform: scale(1.1);}
.home .home-boxes .items > .util_textbox .util_textbox_inner { position: relative; z-index: 1;}


.home .home-boxes .items > :nth-child(1) .util_textbox_inner > h2,
.home .home-boxes .items > :nth-child(2) .util_textbox_inner > h2,
.home .home-boxes .items > :nth-child(3) .util_textbox_inner > h2 { position: relative; z-index: 2; margin-bottom: 0; text-align: center;  font-weight: 400; font-size: 1.2rem; text-transform: uppercase; background-color: rgba(0, 49, 83, 0.9); color: var(--white); padding: 10px 0; }
.home .home-boxes .items  .util_textbox_inner > h2 a { color: var(--white); }

@media (max-width: 500px) {
  .home .home-boxes .items { display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto auto; gap: 10px; max-width: 100%; margin: 0 auto; padding: 50px 10px; }
  .home .home-boxes .items > :nth-child(1), .home .home-boxes .items > :nth-child(2), .home .home-boxes .items > :nth-child(3) { grid-column: 1; grid-row: auto; height: 200px; background-position: center center; }
}

/* Home event list */

.event_list, .list_archive {max-width: 1200px; margin: 50px auto 70px auto; padding: 0 10px;}

.event_list  a, .event_list .name  { padding: 0px ; }


/* Home event list */
/* .event_list, .list_archive {max-width: 1200px; margin: 50px auto 70px auto; padding: 0 10px;}
.event_list ul .event {display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; border-bottom: 1px solid var(--darkblue); padding-bottom: 20px; padding-top: 12px;}
.event_list .date {float: left; padding: 10px 0; text-transform: uppercase; font-weight: 200; font-size: 14px; }
.event_list .date a{color: var(--text) !important; font-weight: 500; }
.event_list .time {padding: 10px 0; font-size: 14px;  font-weight: 500;}
.event_list .date::after {content: '|'; padding: 0 10px; }
.event_list .name {padding-top: 10px; padding-left: 6px;}
.event_list .name a {font-size: 20px; color: var(--darkblue); }
.event_list ul .event .abstract, .event_list ul .event .link {padding-left: 6px;}
.event_list ul .event .abstract, .event_list ul .event .name, .event_list ul .event .link, .event_list ul .event .venue  {width: 100%; margin-bottom: 10px; }
.event_list .venue { padding-bottom: 10px; padding-left: 6px;}
.event_list .venue a { color: var(--text); font-style: italic; font-weight: 300;}
.event_list .link {text-transform: uppercase; margin-top: 8px; font-size: 90%;  }


@media (max-width: 1000px) {
  body:not(:has(.home .event_list)) .event_list,
  body:not(:has(.home .list_archive)) .list_archive {
    margin-top: 10px;
  }
} */

/* Home news list */
.home .home-news {background-color: var(--cream);  padding: 50px 10px;}
.home .home-news h2 {max-width: 1200px; margin: 10px auto; padding: 0px 10px;}
.home .home-news .list, .event_list ul { max-width: 1200px; margin: 50px auto;  display: flex; justify-content: space-between; gap: 20px; }
.home .home-news .article, .event_list ul li  {max-width: 340px; width: 100%; height: 420px; background-color: var(--background); border-radius: 6px; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column;}
.home .home-news .article .bgimage, .news .article .bgimage, .event_list ul li .bgimage { background-size: cover; height: 240px; border-radius: 6px 6px 0 0;}
.home .home-news .created, .news .created, .event_list .date a, .event_list .time {font-size: 90%; color: gray; padding: 10px 0px 0px 10px;}
.home .home-news .article .headline, .news .article .headline, .event_list ul li .name  {font-size: 1.2rem;  padding: 10px 10px 0 10px;   font-weight: 800 !important; margin-bottom: 0; line-height: 1;}
.home .home-news .article .headline a, .news .article .headline a, .event_list ul li .name a {font-weight: 500 !important; color: var(--text); font-size: 1rem; }
.home .home-news .article .shortheadline, .news .article .shortheadline, .event_list ul li a {font-size: 1rem; padding: 10px; font-weight: 400; margin-bottom: 0; }
.home .home-news .article .shortheadline a, .news .article .shortheadline a {  color: var(--text) !important; font-weight: 300; text-decoration: none;}
.home .home-news .article .link, .news .article .link {margin-top: auto; text-transform: uppercase; padding: 10px; font-size: 90%;}
.home .home-news .article .link i, .event_list .link i {font-size: 80%;}


@media ( min-width: 721px ) and ( max-width: 850px )
{
  .home .home-news .list, .home .event_list ul { flex-wrap: wrap; }
}
@media(max-width: 720px) {
  .home .home-news .list, .home .event_list ul {flex-direction: column; justify-content: center; align-items: center;}
}


/* ==========================================================================
   Event pages
========================================================================== */

.past-events > .pagecomponents > .pagecomponents_inner > .event_list > form { padding-bottom: 30px; border-bottom: 1px solid var(--darkblue); margin-bottom: 20px; border-color: var(--darkblue);}
#dropdown, select[name="archivemonth"]  {border-radius: 6px; font-size: 100% !important; height: 35px; padding-right: 15px; color: var(--text); }

.event_list .time  { padding: 3px 0px 0px 0px; }
.event_list .date a { padding: 0px; text-decoration: none; }

.event_list ul li a { padding: 0px; }
.event_list ul li .name { padding: 0px 8px; font-weight: 700; }
.event_list ul li .abstract { padding: 8px;  font-size: 90%;}
.event_list .group { display: flex; align-items: center; padding: 10px 8px 5px 8px;; gap: 7px; }
.event_list .link { padding: 0px 8px;}

.event_eventpage .info .date, .news_stylea .created {font-weight: bolder; padding-bottom: 10px;}
.event_eventpage .info .venue { font-style: italic; padding-bottom: 10px;}
.event_eventpage .abstract { display: none;}
.event_eventpage .image {margin: 10px 0;}
.event_eventpage .image img, .news_stylea .image img{ max-width: 600px; width: 100%; height: auto; }
.event_eventpage .formbuilder .field { padding: 5px 0px;}
.event_eventpage .formbuilder .field .label { padding-bottom: 5px;}
.event_eventpage .formbuilder .removelink { padding-bottom: 20px; }
.event_eventpage .formbuilder .addlink { padding-bottom: 20px;}

.event_list ul { flex-wrap: wrap; }
.event_list ul li { max-width: 100%; width: 31%; height: 470px; }

.event_eventpage .booklogin { padding: 20px 0px 30px; }
.event_eventpage .memb_loginbox .hidden { display: block !important; padding-bottom: 20px; }
.event_eventpage .memb_loginbox .label { width: 130px; display: inline-block; text-align: left; }


@media ( max-width: 750px)
{
  .event_list ul li { width: 48%; }
}
@media ( max-width: 530px )
{
  .event_list ul li { width: 100%; }
}

.layoutcontent img { border: 2px solid var(--lightblue); }


/* ==========================================================================
   Account
========================================================================== */

/* Login, Register */

.memb_loginbox, .register {text-align: center;}
.login .forgotpw, .login .register, .register .memb_account .field {display: block; margin-top: 16px;}
.login .forgotpw a, .login .register a {text-decoration: underline; text-decoration-color: var(--red);}
.login .pagecomponents, .register .pagecomponents {  min-height: 60vh; padding: 50px 0;}
.login .memb_loginbox, .register .memb_account { background-color: var(--background); max-width: 500px; margin: 0 auto; border-radius: 10px; border: 2px solid var(--darkblue);}
.login .memb_loginbox .introduction img {max-width: 150px; height: auto; border: none; }
.login .memb_loginbox fieldset {padding: 30px 10px;}
.login .memb_loginbox .fieldemail, .login .memb_loginbox .fieldpw {display: flex; flex-direction: column; gap: 6px;}
.login .memb_loginbox .fieldemail {margin-bottom: 16px;}
.login .memb_loginbox .stayloggedin {display: flex; justify-content: center ; margin: 16px 0 0 0;}
.register .errors {margin-bottom: 16px;}
.register .memb_account fieldset {padding-top: 0;}
.register .memb_account .text { padding: 20px; }


.login .util_container.hidden { display: block !important; padding: 40px 0px; }
.login .util_container .items { display: flex;  flex-wrap: wrap; }
.login .util_container .items>div { width: 49%; }
.login .util_container .items>div.memb_subscriptionstatus { background-color: var(--darkblue); color: white; padding: 20px; margin-bottom: 30px; width: 100%; }
.login .util_container .items>div.memb_subscriptionstatus h3 { color: white; }
.login .util_container .items>div.memb_subscriptionstatus a { color: white; }
.login .util_container .items>div.memb_subscriptionstatus .payment { padding-bottom: 20px; }
.login .util_container .items>div.memb_subscriptionstatus .buttons { padding: 20px 0px 10px 0px; }

.login .util_container .items>div.disclaimer { width: 100%; max-width: 800px; margin: 0px auto; padding-bottom: 40px;}

.login .util_container .items>div.util_customhtml { width: fit-content; margin: 0px auto; }
.login .util_container .items>div.util_customhtml:has(+ div.links) { border-right: 3px solid var(--darkblue); padding-right: 10px; margin-right: 10px; width: 49%;  }
.login .util_container .items>div.util_customhtml .html>div { text-align: left; }
.login .util_container .items>div.util_customhtml .field { display: flex; padding-bottom: 10px; }
.login .util_container .items>div.util_customhtml .field .label { width: 150px; font-weight: bold; }
.login .util_container .items>div.util_customhtml ul { display: flex; justify-content: center; gap: 20px; padding-top: 20px; }

@media ( max-width: 860px )
{
  .login .util_container .items>div.util_customhtml:has(+ div.links) { border-right: none; width: 100%; margin: 0px auto 20px auto;  }
  .login .util_container .items>div.links { margin: 0px auto; width: 100%; }
}
@media ( max-width: 400px )
{
  .login .util_container .items>div.util_customhtml ul { flex-direction: column; }
}


/* ==========================================================================
   News pages
========================================================================== */

.news .list { display: flex; justify-content: flex-start; gap: 20px; margin: 50px 0; flex-wrap: wrap;}
.news .article  {max-width: 280px; width: 100%; height: 420px; background-color: var(--background); border-radius: 6px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column;}

#archiveform > fieldset {padding-bottom: 30px; margin-bottom: 20px; border-color: var(--darkblue);}
.news-archive .list .article { border-bottom: 1px solid var(--darkblue); padding-top: 15px;  }
.news-archive .list .article:hover a { color: var(--links) !important;}
.news-archive .list .article:first-child {border-top: 1px solid var(--darkblue);}
.news-archive .list .article .headline {margin-bottom: 15px; padding-left: 6px; }
.news-archive .list .article .headline a {color: var(--text); font-size: 1.2rem;}

@media(max-width: 1152px) {
  .news .article {max-width: 350px;}
}

@media(max-width: 768px) {
  .news .list {justify-content: center;}
  .news .article {max-width: 350px; height: 350px; width: 100%;}
  .news .article .bgimage {height: 200px;}
}

@media(max-width: 768px) {
  .news .article {max-width: 270px; height: 420px;}
}

@media(max-width: 768px) {
  .news .article {max-width: 230px; height: 420px;}
}

@media(max-width: 514px) {
  .news .article { max-width: 100%; height: auto;}
}


/* ==========================================================================
   About
========================================================================== */

/* Officers */
.officers > .pagecontent ul {margin-left: 0;}
.officers > .pagecontent ul li {list-style: none !important; }
.officers > .pagecontent {  }
.officers > .pagecontent ul { padding-bottom: 30px; }









/* ==========================================================================
   Membership
========================================================================== */

.rates td {width: 250px; padding: 5px 0;}


/* Textbox */

.flexed { padding: 20px 0px; }
.flexed:not(:has(.imagebottom)):not(:has(.imagetop)) .util_textbox_inner { display: flex; gap: 20px; }
.flexed .util_textbox_inner img { height: auto; width: auto; }
.flexed .util_textbox_inner .imagetop { padding-bottom: 10px; }
.flexed .util_textbox_inner .imagebottom {  padding-top: 10px;}


/* Tiles */

.genericcontainer { padding: 10px 0px; }
.genericcontainer .items, .fourboxes .items { display: flex; justify-content: center; gap: 40px; }
.genericcontainer .items a, .fourboxes .items a { display: block; }
.genericcontainer .items .imagetop, .fourboxes .items .imagetop { padding-bottom: 0px; height: 200px; width: 200px; }
.genericcontainer .items h2, .fourboxes .items h2, .topbox h2 { background-color: var(--darkblue); color: white; font-size: 120%; padding: 5px; text-align: center;  margin: 0px auto; }
.genericcontainer .items p { padding: 5px; background-color: var(--cream); text-align: center;}

.fourboxes .items { gap: 20px; }
.fourboxes .items>div { width: 20%; }
.fourboxes .items .imagetop { height: 100%; width: 100%; padding-bottom: 0px; }
.fourboxes .items .imagetop img { height: 100%;}

.topbox { margin: 0px auto; width: fit-content; }

@media ( max-width: 712px )
{
  .fourboxes .items { flex-direction: column;   }
  .fourboxes .items>div { width: 170px; margin: 0px auto;}
  .fourboxes .items a {  text-align: center; }
}

@media ( max-width: 500px )
{
  .genericcontainer .items { flex-wrap: wrap;}
}


/* Shop Donation */

.shop_donate, .shop_basketpage { max-width: 1200px; margin: 0px auto;  }
.shop_donate .introduction { text-align: center; }
.shop_donate form, .shop_basketpage form { background-color: var(--cream); margin-top: 20px; padding: 30px; }
.shop_donate form .formbuilder, .shop_basketpage form .formbuilder { max-width: 100%; width: fit-content; margin: 0px auto; }
.shop_donate form .formbuilder .label, .shop_basketpage form .formbuilder .label { padding: 30px 0px 20px 0px; font-family: MerriweatherSemiBold; color: var(--darkblue); }
.shop_donate form .formbuilder #fb-donate-DonAmounts-div .label { padding-top: 0px; }
.shop_donate form .formbuilder .radio { padding-bottom: 10px; }
.shop_donate form .formbuilder .radio:last-of-type { padding-bottom: 0px; }
.shop_donate form .formbuilder textarea, .shop_basketpage form .formbuilder input[type=text], .shop_basketpage form .formbuilder textarea, .shop_basketpage form .formbuilder select { background-color: white; border: 1px solid var(--lightblue); border-radius: 7px; resize: vertical; }
.shop_donate form .buttons { width: fit-content; margin: 30px auto 0px auto; }
.shop_donate form .buttons input { margin-bottom: 0px; }

/* Shop Basket */

.shop_basketpage .introduction { text-align: center; padding-bottom: 10px;}
.shop_basketpage th { padding: 8px 5px; }
.shop_basketpage th, .shop_basketpage td { text-align: right; vertical-align: middle; }
.shop_basketpage td {  padding: 5px; }
.shop_basketpage .headingrow th:nth-child(1), .shop_basketpage td:nth-child(1) { text-align: left; }
.shop_basketpage select { border-radius: 7px; border: 1px solid var(--lightblue); width: fit-content; padding: 0px 10px 0px 2px;  }
.shop_basketpage .buttons { margin: 0px auto; width: fit-content;  }
.shop_basketpage .buttons input { margin-left: 20px; }
.shop_basketpage .buttons input:nth-child(1) { margin-left: 0px; }

.shop_basketpage .checkout h2 { text-align: center; font-size: 180%; }
.shop_basketpage .checkout .field_group>.label, .shop_basketpage .checkout .field_section>.label { font-size: 150%; text-align: center; padding: 50px 0px 20px 0px; }
.shop_basketpage .checkout .field_group:first-of-type>.label { padding-top: 0px;  }
.shop_basketpage .checkout .field input[type=text], .shop_basketpage .checkout .field textarea, .shop_basketpage .checkout .field select { max-width: 400px; width: 100%; margin: 0px auto; }

.shop_basketpage .confirm {  }
.shop_basketpage .confirm .details { display: flex; justify-content: center; gap: 40px; padding: 50px 0px; }



/* PDF Browse */

.feat_pdfbrowse ul { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin-top: 20px; }
.feat_pdfbrowse ul li { position: relative; top: 0; transition: all .3s ease-in-out; }
.feat_pdfbrowse ul li:hover { top: -10px; }
.feat_pdfbrowse ul li .image { height: 200px;  background-size: contain; }
.feat_pdfbrowse ul li .name { color: white; background-color: var(--darkblue); padding: 5px; width: 180px; line-height: 1.5; }

/* PDF Search */

.feat_pdfsearch .formbuilder { display: flex; gap: 40px; flex-wrap: wrap; }
.feat_pdfsearch .formbuilder .label { padding-bottom: 10px; }
.feat_pdfsearch .status { padding-bottom: 30px; }
.feat_pdfsearch .results li { border-bottom: 2px solid var(--lightblue); padding-bottom: 10px; margin-bottom: 10px; }
.feat_pdfsearch .results li:last-of-type { border: none; margin: 0px;}
.feat_pdfsearch .results li .name { font-weight: 600; padding-bottom: 5px; color: var(--darkblue)}

/* Search */

.util_sitesearch { max-width: 1200px; margin: 0px auto;  }
.util_sitesearch #result_report { font-size: 110%; padding-bottom: 30px; }
.util_sitesearch .result .title { padding-bottom: 10px; }
.util_sitesearch .result .url { display: none;}

@media ( max-width: 1240px )
{
  .util_sitesearch { max-width: 98%; }
}


/* Join online */

.join .label { padding: 10px 0px 5px 0px; }


.pagecomponents_inner>div { padding-bottom: 30px; }


/* Shop */

.shop .introduction { padding-bottom: 20px; }
.shop ul { display: flex; gap: 40px; flex-wrap: wrap; }
.shop ul li { border-radius: 6px; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); padding: 20px; cursor: pointer; }
.shop ul li .description { padding-top: 5px; }
.shop ul li .description a { color: var(--text); font-size: 90%;  }

.shop_category .description { text-align: center; font-size: 120%; }
.shop_category .shop_productlist ul { display: flex;  flex-wrap: wrap; gap: 20px; justify-content: center; padding-top: 40px;  }
.shop_category .shop_productlist ul li { width: 200px; }
.shop_category .shop_productlist ul li .image {  text-align: center;background-color: #e6e5e5; }
.shop_category .shop_productlist ul li .image img { height: 200px; width: auto; border: none; }
.shop_category .shop_productlist ul li .price { padding: 10px; text-align: center; background: var(--darkblue); color: white; }
.shop_category .shop_productlist ul li .name { background: var(--darkblue); padding: 0px 10px 10px 10px; font-size: 90%; text-align: center;  }
.shop_category .shop_productlist ul li .name a { color: white; }

.shop_product .details { display: none; }
.shop_product .price { padding-bottom: 10px; }
.shop_product .quantity { display: flex; align-items: center; gap: 10px; }
.shop_product .quantity select { width: fit-content; height: 30px; ; }


/* Exchange journals */

.exchange .content ul { margin: 20px 0px 0px 0px; display: flex; flex-wrap: wrap; gap: 20px; }
.exchange .content ul li { list-style: none; }
.exchange .content ul li a { color: white; background-color: var(--darkblue); padding: 5px; border-radius: 5px; text-decoration: none; }
.exchange .content ul li a:hover, .exchange form button:hover { opacity: .8; }

.exchange form button { border: none; color: white; background-color: var(--darkblue); padding: 5px; cursor: pointer; border-radius: 5px; font-size: 1rem; font-family: InterMedium; }

/* Articles */


.articles .news-archive .article { padding: 15px; border: none; border-left: 5px solid var(--darkblue); margin-bottom: 40px; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 5px;}
.articles .news-archive .article:first-child { border-top: none; }
.articles .news-archive .article:last-child { margin-bottom: 0px;  }
.articles .news-archive .article:hover { box-shadow: 4px 4px 4px rgba(0, 49, 83, 1); }
.articles .news-archive .article .created { padding-bottom: 5px; font-size: 90%;  }
.articles .news-archive .article .created::before { content: 'Published: '; }
.articles .news-archive .article .headline { padding: 0px; margin: 0px; color: var(--darkblue); }
.articles .news-archive .article .headline a { text-decoration: none; }

/* Surname Interests */

.dataTables_length { float: left; margin: 20px 0px; width: 50%; }
.dataTables_filter { float: right; }
.dataTables_filter input[type=search] { margin-left: 10px; }
.dataTables_length select, .dataTables_filter input[type=search] { max-width: fit-content; }
.dataTables_wrapper .dataTables_info { padding-top: 20px; float: left; width: 50%; font-weight: bold; }
.dataTables_wrapper .dataTables_paginate { padding-top: 20px; float: right; }

.gen_memberinterests table td, .gen_memberinterests table th { text-align: left; }
.gen_memberinterests table tr td:last-of-type { text-align: right;}
.gen_memberinterests .form { max-width: 300px; }
.gen_memberinterests table.form tr td:last-of-type { text-align: left; }

.gen_memberinterests .results { padding-top: 20px; }



.dataTables_wrapper .dataTable, .ui-widget table  { width: 100%; padding-top: 20px; }
.dataTables_wrapper thead tr, .gen_interesteditor thead tr { background-color: #cccccc; }
.dataTables_wrapper thead tr th, .gen_interesteditor thead tr th { padding: 10px 5px;}
.dataTables_wrapper tbody tr.even, .ui-widget table tr:nth-child(even), .gen_interesteditor tbody tr:even { background-color: 	#cccccc; }
.dataTables_wrapper tbody tr:hover, .gen_interesteditor tbody tr:hover { background-color: #b3b3b3; }
.dataTables_wrapper tbody tr td, .gen_interesteditor tbody tr td { padding:  10px 5px; font-size: 90%; }
.dataTables_wrapper .dataTables_info { padding-top: 20px; float: left; width: 50%; font-weight: bold; }
.dataTables_wrapper .dataTables_paginate { padding-top: 20px; float: right; }
.dataTables_wrapper .dataTables_paginate a, .dataTables_wrapper .dataTable td a { cursor: pointer; padding: 2px 5px; border: 2px solid white; text-decoration: none; }
.dataTables_wrapper .dataTable td a, .gen_interesteditor td a { font-size: 90%;  border: none; }
.dataTables_wrapper .dataTable td a:hover, .gen_interesteditor th td a:hover { border: none; }
.dataTables_wrapper .dataTables_paginate a:hover, .dataTable td a:hover { border: 2px solid var(--darkblue); }
.dataTables_wrapper .dataTables_paginate a.disabled { cursor: not-allowed;}
.dataTables_wrapper .dataTables_paginate span { padding: 0px 10px;}
.dataTables_wrapper .dataTables_paginate span a { margin-right: 5px; }
.dataTables_wrapper .dataTables_paginate span a:hover {  }
.dataTables_wrapper .dataTables_paginate span a:last-of-type { margin: 0px; }
.dataTables_wrapper .dataTables_paginate span span { padding: 0px 5px 0px 0px; }
.dataTables_wrapper .dataTables_paginate a.current { background-color: var(--darkblue); color: white; }
.ui-widget table  { padding-top: 0px;  }
.ui-widget table tr th, .ui-widget table tr td { padding: 5px 0px; }

.gen_memberinterests tr td:first-of-type {  width: 100%;}
.gen_interesteditor tr td:first-of-type { width: 91%;}


@media ( max-width: 680px )
{
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { width: 100%; float: none; text-align: center; }
}
@media ( max-width: 587px )
{
    .dataTables_wrapper   { overflow-x: scroll; width: 100%; }
}
@media ( max-width: 510px )
{
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { width: fit-content; float: none; margin: 0px auto;  }
    .dataTables_wrapper .dataTables_length { margin: 0px auto 20px auto;  }
}



table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled { cursor: pointer;  position: relative;}
table.dataTable thead .sorting_asc:after { content: "\e155"; }
table.dataTable thead .sorting_desc:after { content: "\e156"; }
table.dataTable thead .sorting:after { opacity: 0.2; content: "\e150" ; } 
table.dataTable thead th:last-of-type.sorting_asc:after, table.dataTable thead th:last-of-type.sorting_desc:after { display: none;  }
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { position: absolute; bottom: 12px; display: inline; font-family: GlyphiconsHalflingsRegular; opacity: 0.5; font-size: 80%; margin-left: 5px;}

/* Mnaage Surname Interest */

.gen_interesteditor { padding-top: 20px; max-width: 600px; width: 100%; margin: 0 auto; text-align: center; border: 2px solid var(--darkblue); border-radius: 10px;}
.gen_interesteditor a { display: block; width: fit-content; }
.gen_interesteditor > a {margin-bottom: 20px; margin-left: 20px;}
.gen_interesteditor .add form { padding-top: 30px;}
/* .gen_interesteditor .add input[type=submit] { font-family: MontserratLight; font-size: 100%; padding: 7px 15px;} */
.gen_interesteditor .add a { margin-bottom: 0px; }

.gen_interesteditor .results { padding-bottom: 20px; }

.gen_interesteditor h2 { margin: 0px; }

.gen_interesteditor table a:hover, .gen_memberinterests table a:hover { background: none; }

.gen_interesteditor .field_text .label { padding-bottom: 10px; }

.gen_interesteditor .buttons { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: center;}
.gen_interesteditor th { font-size: 90%;}
.gen_interesteditor tr th:first-of-type, .gen_interesteditor tr td:first-of-type { text-align: left; }
.gen_interesteditor tr td a { display: inline; color: var(--darkblue); background: none; padding: 0px; border-radius: 0; padding: 2px 5px; }

/* New stuff */

.gen_memberinterests .contact {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
}

.gen_memberinterests .contact h3 {
    padding: 0px 0px 0px 0px;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.2;
    color: var(--darkblue);
    font-family: MerriweatherMedium;
    text-align: center;
    
}

.gen_memberinterests .contact {
  border: 2px solid var(--darkblue); border-radius: 10px;
}

.gen_memberinterests .contact .formbuilder {
  display: flex;
  flex-direction: column;

}

.gen_memberinterests .contact .field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.gen_memberinterests .contact .field .label label {
  color: var(--darkblue);
  font-size: 0.9rem;
}

.gen_memberinterests .contact .field_readonly .input {
  font-style: italic;
  color: var(--lightblue);
  font-size: 0.9rem;
  padding: 0 10px;
}

.gen_memberinterests .contact textarea {
  background-color: white;
  border: 1px solid var(--lightblue);
  border-radius: 7px;
  resize: vertical;
  max-width: 100%;
  width: 100%;
  height: 100px;
  padding: 10px;
}

.gen_memberinterests .contact .buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 10px;
}

.gen_memberinterests .contact .buttons input[type="submit"] {
  margin: 0;
  min-width: 140px;
}

.gen_memberinterests .contact .buttons .button {
  color: var(--links);
  font-size: 1rem;
  text-decoration: underline;
}

.gen_memberinterests .contact .buttons .button:hover {
  color: var(--lightblue);
}

.addinterest .content .pagecontent_inner > p {text-align: center; margin-bottom: 10px; width: 100%;}

a[href="/member-interest"], a[href="/add-interest"] {color: var(--darkblue);}

a[href="/member-interest"]:hover, a[href="/add-interest"]:hover {color: var(--lightblue);}

@media(max-width: 1000px ) { p.surnameinterest {padding-left: 0px !important;}}