/* Font styles - Light: font-weight: 300; Regular: font-weight: 400; Semibold: font-weight: 600; Bold: font-weight: 700; Italic: font-style: italic; */

* { 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(--black); font-family: "myriad-pro", sans-serif; font-weight: 400; font-size: 100%; line-height: 1.2; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

ul, ol { padding: 0px; margin: 0px; height: auto;}
li { list-style-type: none; vertical-align: top; letter-spacing: 0.025em;}
.richtextcontent ul, .content ul, .richtextcontent ol { margin-bottom: 26px;}
.richtextcontent ul > li, .content ul > li {list-style-type: disc;margin-left: 30px; padding: 2px 0;}
.richtextcontent ol > li, .content ol > li {list-style-type: decimal; margin-left: 30px;}
.pagecontent > .pagecontent_inner .org-content ul  {padding-left: 30px; margin-bottom: 20px; margin-top: -10px;}
.pagecontent.content ul {margin-bottom: 20px;}
.pagecontent > .pagecontent_inner ul  li {list-style-type: unset; margin-bottom: 6px;}
.pagecontent.content ul li {margin-left: 20px;}
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select { font-size: 90%;  background: transparent; border: solid #000000 1px; padding: 8px 10px ; color: #000000; box-sizing: border-box;  font-family: "myriad-pro", sans-serif; }
label { font-family: "myriad-pro", sans-serif;}
input[type=text], input[type=password]  { height: 33px; font-weight: 400;}
input[type=button], input[type=submit] { cursor: pointer;  margin-top: 20px; background-color: var(--yellow); box-shadow: 4px 4px 0 var(--black); padding: 8px 16px; text-transform: uppercase; text-decoration: none; border-radius: 10px; outline: 2px solid var(--black); color: var(--black); font-weight: 500; display: inline-block; transition: all 0.1s ease-in-out; letter-spacing: 0.7px;  }
input[type=button]:hover, input[type=submit]:hover { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--black);}
input[type=button]:active, input[type=submit]:active { transform: translate(3px, 3px); box-shadow: 1px 1px 0 var(--black); }

.richtextcontent figure {width: min-content; color: gray; font-size: 0.8rem; font-style: italic; }
.richtextcontent figure[style*="float:right"], .richtextcontent img[style*="float: right"] { margin: 0 0 30px 30px;}
.richtextcontent figure[style*="float:left"], .richtextcontent img[style*="float: left"] { margin: 0 30px 20px 0;}
.richtextcontent figure.image:not([style]) { margin: 20px 0 20px 0;}
.richtextcontent {
  width: 100%;
  overflow-x: auto;
}

@media(max-width: 500px) {
  .richtextcontent figure { clear: both !important;  float: none !important; margin: 10px auto !important; }
}

select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }



.hidden, .layoutcredits { display: none; }
.spacer { clear: both; height: 0px; display: none; }
.message {font-weight: 600; margin-bottom: 30px; }

a { color: var(--black); text-underline-offset: 0.2em; text-decoration-color: var(--black); text-decoration: underline; }

strong, p>strong  {  font-weight: 600;}
em {font-style: italic;}


h1, h1>span, h2, h3, h4, h5, h6 { padding: 0px 0px 0px 0px; margin: 0px; line-height: 1.3; color: var(--black); font-weight: 400; clear: both; }
h1 {font-size: 2.5rem; margin-bottom: 1.2rem; }
h2 {font-size: 1.5rem; margin-bottom: 1rem; margin-top: 26px; }
h3 {font-size: 1.25rem; margin-bottom: 0.75rem; letter-spacing: 0.025em;}
p { font-size: 1rem; line-height: 1.3; letter-spacing: 0.025em; margin-top: 0;} 

/*
h1 {font-size: 40px; margin-bottom: 1.2rem; }
h2 {font-size: 24px; margin-bottom: 1rem;}
h3 {font-size: 20px; margin-bottom: 0.75rem;}
p { font-size: 16px; line-height: 1.3; letter-spacing: 0.4px;} 
*/

@media (max-width: 1000px) {
  h1 { font-size: 1.6rem; ; }
  h2 { font-size: 1.4rem;  }
  h3 { font-size: 1.3rem; }
  p { font-size: 0.9375rem;  }
}

:root 
{
    --background: #FFF9EA;
    --white: #FFFFFF;
    --yellow: #F9CA56;
    --blue: #8DCFCD;
    --orange: #FFC787;
    --black: #333333;
}

.page-not-found {padding: 20px;}
.page-not-found .content p {font-size: 16px;}


/*******************************************************
  Tables
*******************************************************/

table { border-spacing: 0px; max-width: 500px !important; width: 100%; overflow-x: auto; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
tr {height: 40px;}


/*******************************************************
  Header
*******************************************************/

.layoutmiddle  {min-height: 75vh; height: 100%; }
.layouttopmenu {border-bottom: 3px solid var(--black); display: flex; align-items: center; justify-content: center;}
.layouttopmenu_inner {display: flex; justify-content: space-between; height: 110px;  padding: 10px 20px 0px 20px; max-width: 1400px; width: 100%; }
.layouttopmenu_inner > .logo img {width: 138px; height: auto; position: relative; left: 60px; }
.layouttopmenu_inner .header .top-menu {padding-top: 6px;}
.layouttopmenu_inner .header .top-menu .items {display: flex; flex-direction: row; justify-content: flex-end; gap: 20px;}
.layouttopmenu_inner .header .top-menu .items .yellow-btn {position: relative; display: inline-block; height: 36px;}
.layouttopmenu_inner .header .top-menu .items .yellow-btn a {position: relative; z-index: 2; display: inline-block; text-decoration: none; padding: 6px 15px 4px 15px; background-color: var(--yellow); border-radius: 10px; text-transform: uppercase; font-size: 18px; font-weight: 500; border: 2px solid var(--black); transition: all 0.1s ease-in-out;}
.layouttopmenu_inner .header .top-menu .items .yellow-btn::after {content: ""; position: absolute; top: 3px; left: 3px; width: 100%; height: 100%; border-radius: 10px; background: var(--black); z-index: 1; transition: all 0.1s ease-in-out;}
.layouttopmenu_inner .header .top-menu .items .yellow-btn:hover a {transform: translate(2px, 2px);}
.layouttopmenu_inner .header .top-menu .items .yellow-btn:hover::after {top: 2px; left: 2px;}

.layouttopmenu_inner .top-menu .util_sitesearchbar .form form fieldset {display: flex; align-items: center; justify-content: center;  }
.layouttopmenu_inner .top-menu .util_sitesearchbar .form form fieldset input { height: 36px; background-color: var(--white);  font-family: "myriad-pro", sans-serif; border-right: none; width: 300px; border: 2px solid var(--black); border-radius: 10px 0 0 10px; padding: 0 10px; box-shadow: 4px 4px 0px 0px var(--black); }
.layouttopmenu_inner .top-menu .util_sitesearchbar .form form fieldset input:focus { outline: none; box-shadow: 4px 4px 0px 0px var(--black);}
.layouttopmenu_inner .top-menu .util_sitesearchbar .form form fieldset button {background-color: var(--white); height: 36px; margin-left: -5px; border: 2px solid var(--black); border-left: none; border-radius: 0px 10px 10px 0; box-shadow: 4px 4px 0px 0px var(--black); cursor: pointer;}
.layouttopmenu_inner .top-menu .util_sitesearchbar .form form fieldset button i {font-size: 20px;}



@media(min-width: 1001px) {

  .layouttopmenu_inner .toggle, .layouttopmenu_inner .search-icon {display: none;}
  .layouttopmenu_inner > .header {text-align: right; font-size: 18px; }
  .layouttopmenu_inner > .header .nav_sitemap ul {display: flex;}

  .layouttopmenu_inner > .header .nav_sitemap ul li a {  text-decoration: none !important;  text-transform: uppercase; font-size: 1rem; padding: 8px 11px 18px 11px; letter-spacing: 0.5px;}
  .layouttopmenu_inner > .header .nav_sitemap ul li .imagelink {display: none;}
  .layouttopmenu_inner > .header .nav_sitemap ul li.selected a { border-top: 3px solid var(--black); border-right: 3px solid var(--black); border-left: 3px solid var(--black); border-bottom: none; background-color: var(--background); padding-bottom: 5px; border-radius: 8px 8px 0px 0px;}
  .layouttopmenu_inner > .header .nav_sitemap ul li:not(.selected) a:hover {border-top: 3px solid var(--black); border-right: 3px solid var(--black); border-left: 3px solid var(--black);  border-radius: 8px 8px 0px 0px; padding: 8px 8px 2px 8px; background-color: var(--yellow); }
  .layouttopmenu_inner > .header .nav_sitemap > .links > .level1 > li:first-child, .layouttopmenu_inner > .header .nav_sitemap > .links > .level1 > li > .level2, .layouttopmenu_inner > .header .nav_sitemap > .links > .level1 > li:last-child {display: none;}
  .layouttopmenu_inner .header .items {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
  #nav-00000000000001220 {display: none;}
}

@media (min-width: 1001px) and (max-width: 1075px) {
  .layouttopmenu_inner > .logo a{width: 10px; display: block;}
  .layouttopmenu_inner {padding-right: 5px;}
  .layouttopmenu_inner > .logo img { width: 100px; margin-left: -10px; top: 28px;}
}

@media(max-width: 1122px) {
  /* .layouttopmenu_inner > .logo a{width: 10px; display: block;} */
  .layouttopmenu_inner > .logo img { left: 0;}
}

@media(max-width: 1000px) {
  .layouttopmenu_inner {height: 65px; padding: 5px 10px;}
  .layouttopmenu_inner .top-menu {display: none;}
  .layouttopmenu_inner > .logo img {width: 80px; position: relative; z-index: 99999;}


  .layouttopmenu_inner .toggleoff ul {display: none;}
  .layouttopmenu_inner .toggle i {font-size: 200%; color: var(--black); padding-top: 10px; }
  .layouttopmenu_inner > .logo {order: 2; width: 50%; text-align: center;}
  .layouttopmenu_inner .header {order: 1; width: 25%;}
  .layouttopmenu_inner .search-icon {order: 3; padding-top: 10px; width: 25%; text-align: right;}
  .layouttopmenu_inner .search-icon input { display: none;}
  .layouttopmenu_inner .search-icon button { height: 36px; border: none; background-color: transparent;  }
  .layouttopmenu_inner .search-icon button i {font-size: 25px;}
  .layouttopmenu_inner .toggleon .level1 { position: absolute; margin: 0; padding-top: 30px; left: 0; top: 68px; width: 100%; z-index: 9999; height: auto; background-color: var(--blue); height: 100vh;}
  .layouttopmenu_inner .toggleon .level1 li { border-bottom: 1px solid var(--background); height: 40px;}  
  /* .layouttopmenu_inner .toggleon .level2 {display: none;} */
  .layouttopmenu_inner .toggleon .level2 li{ border-bottom: 1px solid var(--background);  }
  .layouttopmenu_inner .toggleon .level3  li:last-child{ border-bottom: none;  }
  .layouttopmenu_inner .toggleon .level1 > li:first-child {display: none;}
  .layouttopmenu_inner .toggleon .links li a {text-decoration: none; font-size: 1rem;  }
  .layouttopmenu_inner .toggleon .links li a svg {width: 30px; margin-right: 14px;fill: var(--black);}

  .layouttopmenu_inner .toggleon .links .level2 a {padding: 5px 0px 0px 0px;}
  .layouttopmenu_inner .toggleon .links .level3 a {padding-left: 40px; display: flex;}
  .layouttopmenu_inner .toggleon .links .level2 li {padding: 8px 6px;}
  .layouttopmenu_inner .toggleon .level1 > li { text-transform: uppercase;  display: flex; flex-direction: row; align-items: center; height: 50px; padding: 0 0px 0 10px;}
  .layouttopmenu_inner .toggleon .level1 > li > a {display: flex; align-items: center;}

  .layouttopmenu_inner .toggleon .level1 > li .level2 li { text-transform: none; }
  .layouttopmenu_inner .toggleon .level1 > li .level2 li:first-child {border-top: 1px solid var(--background); margin-top: 10px;}
  .level2 {display: none;}
  .expand{float: left;  margin-right: 10px;}
  .level1 > li > .expand {padding-inline-start: 10px;}
  .expand i {font-size: 120%;}

  .util_sitesearch {width: 100%; margin-top: 20px; }
  .util_sitesearch .include {margin: 0 10px; }
  .util_sitesearch fieldset {display: flex; flex-direction: column;}
  .util_sitesearch fieldset input[type=text] {height: 36px; max-width: 400px;  background-color: var(--white);  font-family: "myriad-pro", sans-serif; border-right: none; border: 2px solid var(--black); border-radius: 10px ; padding: 0 10px; box-shadow: 4px 4px 0px 0px var(--black);}
  .util_sitesearch fieldset input:focus { outline: none; box-shadow: 4px 4px 0px 0px var(--black);}
  .util_sitesearch fieldset input[type=submit] {width: auto; width: fit-content;}

  #nav-00000000000000340 {display: none;}
  #nav-00000000000001220 .level1 > li:not(.selected) {display: none;}
  
}



/* .layouttopmenu_inner .toggleon .level2 {display: block;} */

/*******************************************************
  Footer
*******************************************************/

.layoutfooter {border-top: 1px solid var(--black); width: 100%;}
.layoutfooter .layoutfooter_inner {width: 100%; }
.layoutfooter .main-footer .items {display: flex; align-items: center; max-width: 1400px; width: 100%;  margin: 0 auto;}
.layoutfooter .main-footer .items .footer-menu {display: flex; width: 66%;}

.layoutfooter .footer-menu {padding: 10px; font-size: 16px; }
.layoutfooter .footer-menu ul {display: flex; justify-content: flex-start; align-items: center; gap: 20px; flex-wrap: wrap; width: 100%;}

.layoutfooter .footer-logos {width: 33%; display: flex; border-left: 1px solid var(--black);  justify-content: center; align-items: center; padding: 10px;}
.layoutfooter .footer-logos .links { display: flex; gap: 20px;}
.layoutfooter .footer-logos > ul > .link2 img {max-width: 95px !important;}
.layoutfooter .footer-logos img {max-width: 100px; width: 100%; height: auto;}

.layoutfooter .beachshore {border-top: 1px solid var(--black);  padding: 10px; font-size: 14px;}


@media(max-width: 600px) {
  .layoutfooter .main-footer .items {flex-direction: column; padding: 10px 0;}
  .layoutfooter .main-footer .items .footer-menu {width: 100%; order: 2;}
  .layoutfooter .footer-logos {width: 100%; border: none;}
  .layoutfooter .beachshore {text-align: center;}
  .layoutfooter .footer-menu ul {justify-content: center;}
}

/*******************************************************
  Left menu
*******************************************************/

@media(min-width: 1001px) {
  
  .condleft .layoutmiddle {display: flex; max-width: 1400px; justify-content: center; margin: 0 auto; width: 100%;}
  .condleft .layoutleft { background-color: var(--blue);}
  .condleft .layoutleft_inner {width: 300px; padding: 130px 20px;}
  .condleft .layoutcontent {max-width: 1100px; width: 100%;}
  .condleft .layoutleft_inner ul  { display: flex; flex-direction: column; gap: 18px;}
  .condleft .layoutleft_inner ul li {width: 100%; background-color: var(--background); padding: 8px 16px; border-radius: 10px; box-shadow: 4px 4px 0 var(--black); outline: 1px solid var(--black);}
  .condleft .layoutleft_inner li:hover {transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--black); }
  .condleft .layoutleft_inner li > a { text-decoration: none; white-space: normal; word-break: keep-all; overflow-wrap: normal; }
  .condleft .layoutleft_inner li.selected {all: unset; margin-top: 10px;}
  .condleft .layoutleft_inner .level1 li.selected, .condleft .layoutleft_inner .level2 li.selected {margin-top: 0;}
  .condleft .layoutleft_inner li.selected > a {width: 100%; display: block; background-color: var(--background); padding: 8px 16px; border-radius: 10px; box-shadow: 4px 4px 0 var(--black); outline: 1px solid var(--black);}
  .condleft .layoutleft_inner li.selected > a:hover {transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--black); }
  .condleft .layoutleft_inner li.selected .level2 {margin-top: 20px; margin-left: 30px; font-weight: 400;}
}


@media(max-width: 1000px) {
  #nav-00000000000001220 .level1 {width: 100%; background-color: var(--blue); padding-top: 20px; box-shadow: 0 4px 4px rgba(0,0,0,0.25);}
  #nav-00000000000001220 li {  border-bottom: 1px solid var(--background);  width: 100%; }
  #nav-00000000000001220 a {display: inline-block; padding: 10px 0;}
  #nav-00000000000001220 .expand { padding: 10px 0 0 10px;}
  #nav-00000000000001220 .level2 > li:not(:has(.expand)) > a {padding-left: 40px;}
  #nav-00000000000001220 .level3 > li > a {padding-left: 40px;}

  #nav-00000000000001220 .level2 li:first-child {border-top: 1px solid var(--background);}
  #nav-00000000000001220 .level2 li:last-child {border-bottom: none;}
  #nav-00000000000001220 .level1 > li > a{ text-transform: uppercase; }
  #nav-00000000000001220 .level2 > li:has(.expand) > a{ text-transform: uppercase; }

  .condleft .layoutleft .level1 li a { text-decoration: none;}
  #nav-00000000000001220 .level3 {display: none;}
}



/*******************************************************
  General
*******************************************************/
h1.pagetitle, .event_eventpage > h1.headline, .std_newsarticlea > .headline, .event_recurringpage > h1.headline  {min-height: 100px; height: 100%; border-bottom: 1px solid var(--black); display: flex; align-items: center; margin-bottom: 30px;}
h1.pagetitle .pagetitle_inner, .event_eventpage > h1.headline, .std_newsarticlea > .headline, .event_recurringpage > h1.headline  { padding: 10px 30px;}
.pagesubtitle {padding: 0 30px;}

.pagecontent, .page_standarda:not(.home) .pagecomponents {padding: 0 30px 30px 30px;}
.event_eventpage > :not(h1.headline), .std_newsarticlea > :not(.headline), .event_recurringpage > :not(h1.headline) { padding: 0 30px;}
.event_eventpage, .std_newsarticlea, .event_recurringpage {padding-bottom: 50px;}

@media(max-width: 1000px) {
  h1.pagetitle {min-height: 70px;}
  h1.pagetitle .pagetitle_inner {padding: 10px;}
  .pagesubtitle {padding: 0 10px;}
  .pagecontent, .page_standarda:not(.home) .pagecomponents  {padding: 0 10px 30px 10px;}
  .event_eventpage > :not(h1.headline), .std_newsarticlea > :not(.headline), .event_recurringpage > :not(h1.headline) { padding: 0 10px;}
}

/*******************************************************
  Home
*******************************************************/

/* Home - Welcome */
.home .home-title  {text-align: center; margin: 50px 0; text-transform: uppercase; padding: 0 10px;}
.home .home-title > .std_content_inner > .titletxt {margin-bottom: 0;}
.home .home-title > .std_content_inner > .content > h2 {font-size: 350%; font-weight: 600; letter-spacing: 2px;  margin-top: 0;}


/* Home - carousel */
.home .feat_carousel.home-carousel {height: 450px; padding: 0 10px;}
.home .feat_carousel.home-carousel ul {display: flex;justify-content: center;}
.home .feat_carousel.home-carousel ul li { height: 450px !important; max-width: 1000px; border-radius: 25px; background-size: cover; background-position: center center; position: absolute;top: 555px;left: 50%;transform: translate(-50%, -50%);}


/* Home - Intro */
.home .home-intro {max-width: 800px; width: 100%; margin: 30px auto 50px auto; text-align: center; padding: 0 10px;}

@media(max-width: 1000px) {
  .home .home-title > .std_content_inner > .content > h2 {font-size: 200%; margin-top: 0;}
  .home .feat_carousel.home-carousel, .home .feat_carousel.home-carousel ul li  {height: 300px !important;}
  .home .feat_carousel.home-carousel ul li {top: 370px;}

  .home .home-intro {margin: 20px auto 40px auto;}
}


/* Home - Boxes */
.home .home-boxes {background-color: var(--blue); padding: 60px 0; }
.home .home-boxes .items {display: flex; flex-direction: column; gap: 30px; padding: 0 10px;}
.home .home-boxes .items .home-box { background-color: var(--background); max-width: 1180px; width: 100%; height: 400px; margin: 0 auto; border-radius: 25px;}
.home .home-boxes .items .home-box:nth-child(odd) .util_textbox_inner {display: flex; flex-direction: row; }
.home .home-boxes .items .home-box:nth-child(even) .util_textbox_inner {display: flex; flex-direction: row-reverse; }
.home .home-boxes .items .home-box:nth-child(odd) .util_textbox_inner .imagetop {background-size: cover; width: 50%; height: 400px; border-radius: 25px 0px 0px 25px;}
.home .home-boxes .items .home-box:nth-child(even) .util_textbox_inner .imagetop {background-size: cover; width: 50%; height: 400px; border-radius: 0px 25px 25px 0px;}
.home .home-boxes .items .home-box .util_textbox_inner .content {width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 50px 40px;}
.home .home-boxes .items .home-box .util_textbox_inner > .content > h2 {font-size: 2.5rem; margin-bottom: 1rem;}
.home .home-boxes .items .home-box .util_textbox_inner > .content > h3 {font-size: 1.25rem;}
.home .home-boxes .items .home-box .util_textbox_inner > .content > p > a { margin-top: 20px; background-color: var(--yellow); box-shadow: 4px 4px 0 var(--black); padding: 8px 16px; text-transform: uppercase; text-decoration: none; border-radius: 10px; outline: 2px solid var(--black); color: var(--black); font-weight: 500; display: inline-block; transition: all 0.1s ease-in-out; }
.home .home-boxes .items .home-box .util_textbox_inner > .content > p > a:hover { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--black); }
.home .home-boxes .items .home-box .util_textbox_inner > .content > p > a:active { transform: translate(3px, 3px); box-shadow: 1px 1px 0 var(--black); }
#textbox697401 .imagetop {background-position: center bottom;}

@media(max-width: 700px) {
  .home .home-boxes .items .home-box  {height: auto;}
  .home .home-boxes .items .home-box:nth-child(odd) .util_textbox_inner  {flex-direction: column;}
  .home .home-boxes .items .home-box:nth-child(even) .util_textbox_inner  {flex-direction: column;}
  .home .home-boxes .items .home-box:nth-child(odd) .util_textbox_inner .imagetop {width: 100%; height: 200px; border-radius: 25px 25px 0px 0px;}
  .home .home-boxes .items .home-box:nth-child(even) .util_textbox_inner .imagetop {width: 100%; height: 200px; border-radius: 25px 25px 0px 0px;}
  .home .home-boxes .items .home-box .util_textbox_inner .content {width: 100%; padding: 20px;}
  .home .home-boxes .items .home-box .util_textbox_inner > .content > h2 {font-size: 1.875rem; margin-bottom: 0.5em;}
  .home .home-boxes .items .home-box .util_textbox_inner > .content > h3 {font-size: 1.25rem; margin-bottom: 0.5em;}
  .home .home-boxes .items .home-box .util_textbox_inner > .content > p {margin-top: 0; margin-bottom: 20px;}
}


/* Home - Events */

.home .home-events {max-width: 1000px; width: 100%; margin: 50px auto 80px auto; padding: 0 10px;}
.home .home-events > h2.titletxt {font-size: 2.5rem; margin-bottom: 1.2rem; }
.home-events ul {display: flex; flex-direction: column; gap: 20px;}
.home-events > ul > li {display: flex; border: 1px solid var(--black); border-radius: 15px;  box-shadow: 4px 4px 0 var(--black); }
.home-events > ul > li:hover { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--black); }
.home-events > ul > li:active { transform: translate(3px, 3px); box-shadow: 1px 1px 0 var(--black); }

.home-events > ul > li > .date {background-color: var(--orange); border-radius: 15px 0 0 15px; width: 120px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px;}
.home-events .date a {display: flex; flex-direction: column; justify-content: center; align-items: center; text-decoration: none;}
.home-events .date a .num {font-size: 40px;}

.home-events .event-details-inner {width: 100%; padding: 10px 10px 10px 20px;}
.event-details-inner .date, .home-events .divider, .past-events .divider {display: none;}

.home-events .event-details-inner .name a {text-decoration: none; font-size: 1.2rem;}
.home-events .event-details-inner .venue {margin-bottom: 10px;}
.home-events .event-details-inner .venue a {text-decoration: none; font-style: italic;}

.event_list .footerlinks a { margin-top: 30px; background-color: var(--orange); box-shadow: 4px 4px 0 var(--black); padding: 8px 16px; text-transform: uppercase; text-decoration: none; border-radius: 10px; outline: 1px solid var(--black); color: var(--black); font-weight: 500; display: inline-block; transition: all 0.1s ease-in-out; }
.event_list .footerlinks a:hover { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--black); }
.event_list .footerlinks a:active {transform: translate(3px, 3px); box-shadow: 1px 1px 0 var(--black); }


@media(max-width:425px) {
  .home .home-events > ul > li {flex-direction: column;}
  .home .home-events > ul > li > .date {width: 100%; border-radius: 15px 15px 0 0px; justify-content: flex-start; align-items: flex-start;}
  .home .home-events .date a {flex-direction: row; gap: 6px; justify-content: flex-start; padding-left: 10px;}
  .home .home-events .date a .num, .home .home-events .date a .day, .home .home-events .date a .month {font-size: 1.2rem; }
  .home .home-events .event-details-inner {padding: 16px;}
  .home .home-events .event-details-inner .name {margin-bottom: 10px;}
}




/*******************************************************
  Organisations
*******************************************************/
/* Organisations - list  and news list */
/* .organisations-list ul li {margin: 40px 0; border: 1px solid var(--black); border-radius: 10px; padding: 20px; } */
.organisations-list ul a li, .list_article .article, .list_archive .article { border-bottom: 1px solid var(--black); padding: 20px 10px 30px 10px; }
.organisations-list ul a:last-child li, .list_article .article:nth-last-child(2), .list_archive .article:last-child {border: none;}
.organisations-list ul a, .list_article .article a, .list_archive .article a {text-decoration: none;}
.organisations-list .org-list {display: flex; gap: 30px; width: 100%; justify-content: space-between;}
.organisations-list .org-list .org-list-logo {display: flex; justify-content: center; align-items: flex-start;}
.organisations-list .org-list .org-list-logo img {max-height: 100px; width: auto; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);}
.organisations-list .moreinfo span, .list_article .article .link a  { background-color: var(--yellow); box-shadow: 4px 4px 0 var(--black); padding: 4px 16px;  text-decoration: none; border-radius: 10px; outline: 1px solid var(--black); color: var(--black); font-weight: 500; display: inline-block; transition: all 0.1s ease-in-out; }
.organisations-list .moreinfo span:hover, .list_article .article .link a:hover { transform: translate(2px, 2px); box-shadow: 2px 2px 0 var(--black); }
.organisations-list .moreinfo span:active, .list_article .article .link a:active {transform: translate(3px, 3px); box-shadow: 1px 1px 0 var(--black); }

@media(max-width: 600px){
  .organisations-list .org-list {flex-direction: column; gap: 6px; }
  .organisations-list .org-list .org-list-logo {justify-content: flex-start; margin-bottom: 16px;}
}

/* Organisation page*/
.organisation .no-margin {margin-top: -16px;}
.organisation h2 {font-weight: 600;}
.organisation .org-details {display: flex; justify-content: space-between; gap: 20px;}
.organisation .org-details > ul { display: flex; flex-direction: column; gap: 16px;}
.organisation .org-details > ul li {display: flex; gap: 8px; align-items: flex-start; height: auto;}
.organisation .org-details > ul li i {font-size: 1.3rem; width: 24px; color: var(--black);}

.organisation .org-social ul {display: flex; gap: 18px; }
.organisation .org-social ul li .fa-square-facebook { font-size: 2.2rem; color: var(--blue); }
.organisation .org-social ul li .fa-instagram { font-size: 2.23rem; color: #C9A6E8; }
.organisation .org-social ul .org-fb { width: 29px; height: 33px; box-shadow: 5px 3px 0 var(--black); border-radius: 5px; padding-bottom: 20px;}
.organisation .org-social ul .org-fb:hover {box-shadow: 2px 1px 0 var(--background); transform: translate(3px, 2px);}
.organisation .org-social ul .org-ins { width: 29px; height: 33px; box-shadow: 5px 3px 0 var(--black); border-radius: 7px 9px 8px 7px; padding-bottom: 20px;   display: inline-block; }
.organisation .org-social ul .org-ins:hover { box-shadow: 2px 1px 0 var(--background); transform: translate(3px, 2px);}

.organisation .org-content {margin-top: 40px;}
.organisation .org-content img {box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);}

.org-images, .feat_image {display: flex; gap: 20px; flex-wrap: wrap; margin: 50px 0 50px 0;}
.feat_image .feat_image_inner {width: 100%;}
.org-images a, .feat_image a {background-size: cover; height: 200px; width: 300px;  display: block;}

.feat_image {margin-top: 0;}

@media(max-width:639px) {
  .feat_image {justify-content: center; margin-bottom: 20px;}
}

@media(max-width:600px) {
  .organisation .org-details {flex-direction: column;}
  .organisation .org-details .org-logo {margin-left: 30px; }
}


@media(max-width:425px) {
  .org-images {align-items: center; justify-content: center;}
}

/* Lighbox */
.pp_nav .pp_play {display: none; }
div.pp_default .pp_nav  {width: 50px !important;}
/* div.pp_default .pp_expand, .currentTextHolder {display: none !important;} */
.pp_description { font-size: 12px !important; margin-top: 13px !important; display: block !important; font-weight: 400 !important; text-align: left; margin-top: 5px !important;}


@media(max-width:639px) {
 
.pp_pic_holder {
    width: 95% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
}
 
.pp_content {
    width: 99% !important;
    height: auto !important;
}
 
.pp_fade, 
#fullResImage {
    width: 100% !important;
    height: auto !important;
}
 
.pp_hoverContainer {
    width: 95% !important;
    height: auto !important;
}
 
.pp_details {
    width: 95% !important;
}
 
  .pp_details, .pp_description  { float: none !important; width: 100% !important; margin: 0px !important; padding: 0px 0px 10px 0px;}
  .pp_description { padding: 10px 0px 0px 0px; }
}


/*******************************************************
  Events page
*******************************************************/
.event_eventpage > .abstract {display: none;}
.event_eventpage, .event_recurringpage {display: flex; flex-direction: column;}
.event_eventpage .date, .event_recurringpage .date {font-weight: 600; margin-bottom: 10px;}
.event_eventpage .venue, .event_recurringpage .venue {font-style: italic;}
.event_eventpage .image {order: 1; margin-top: 20px;}
.event_eventpage .image img {max-height: 500px; height: auto; width: auto; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);}
.event_eventpage .article {margin-top: 30px;}
.event_recurringpage .image {margin-top: 20px; }
.event_recurringpage .image img {max-width: 500px; height: auto; width: 100%; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); }

.past-events li {border-bottom: 1px solid var(--black); padding: 20px 0 30px 0; }
.past-events li:nth-last-child(2) {border-bottom: none;}
.past-events li a {text-decoration: none;}
.past-events .date a {display: flex; gap: 3px; }
.past-events .name {font-weight: bolder; margin: 6px 0 12px 0;}

.year-select select, #archiveform select {border-radius: 10px; height: 40px; padding: 10px; border-color: var(--black); font-size: 1rem; margin-bottom: 10px;}


/*******************************************************
  News
*******************************************************/
.list_article .article .created, .list_archive .created {margin-bottom: 6px;}
.list_article .article .link {margin-top: 20px;}

.std_newsarticlea .abstract {display: none;}
.std_newsarticlea .created {font-weight: bold; margin-bottom: 20px;}
.std_newsarticlea .image {max-width: 500px; height: auto; margin-bottom: 30px;}
.std_newsarticlea .image img {max-width: 500px; height: auto; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);}


/*******************************************************
  Contact us
*******************************************************/
.contact-us .form {max-width: 600px; width: 100%; background-color: var(--white); border: 1px solid var(--black); border-radius: 10px; padding: 20px; }
.contact-us .form .formbuilder {display: flex; flex-wrap: wrap; gap: 20px; width: 100%;  font-family: "myriad-pro", sans-serif; }
.contact-us .form .formbuilder .label {margin-bottom: 6px; padding-left: 4px;  font-family: "myriad-pro", sans-serif;}
.contact-us .form .formbuilder #fb-1-div, .contact-us .form .formbuilder #fb-5-div, .contact-us .form .formbuilder #fb-2-div, .contact-us .form .formbuilder #fb-3-div, .contact-us .form .formbuilder #fb-3-div input {width: 48%;}
.contact-us .form .formbuilder #fb-1-div .label, .contact-us .form .formbuilder #fb-5-div input, .contact-us .form .formbuilder #fb-3-div input, .contact-us .form .formbuilder #fb-1-div input, .contact-us .form .formbuilder #fb-2-div .label, .contact-us .form .formbuilder #fb-2-div input {width: 100%; border-radius: 10px;}
.contact-us .form .formbuilder #fb-3-div .label, .contact-us .form .formbuilder #fb-4-div, .contact-us .form .formbuilder #fb-4-div textarea, .contact-us .form .formbuilder #fb-4-div .label {width: 100%; border-radius: 10px;}

@media(max-width: 561px) {
  .contact-us .form .formbuilder #fb-1-div, .contact-us .form .formbuilder #fb-5-div, .contact-us .form .formbuilder #fb-2-div, .contact-us .form .formbuilder #fb-3-div, .contact-us .form .formbuilder #fb-3-div input {width: 100%;}
}

/*******************************************************
  Services
*******************************************************/

.services .pagecontent_inner.richtextcontent h2 {border-bottom: 1px solid var(--black); margin: 30px 0 10px 0;}

.services > .components .std_content_inner > h2 { padding: 10px; border-bottom: 1px solid var(--black);}
.services > .components .std_content_inner > .content {padding: 10px;}


/*******************************************************
  Search page
*******************************************************/

.util_sitesearch > .titletxt  {min-height: 100px; height: 100%; border-bottom: 1px solid var(--black); display: flex; align-items: center; margin-bottom: 30px; font-size: 2.5rem; margin-top: 0;  padding: 10px 30px;}

.util_sitesearch .include {padding: 0 30px 30px 30px;}
.util_sitesearch .include .searchtime {display: none;}
.util_sitesearch .include #result_report {font-weight: 600; margin-bottom: 20px;}
.util_sitesearch .include .result  {border-bottom: 1px solid var(--black); padding-bottom: 20px;}
.util_sitesearch .include .result .title, .util_sitesearch .showmore a { font-size: 1.2rem; margin-bottom: 15px; font-weight: 600;}

@media(max-width: 1000px) {
  .util_sitesearch .include {padding: 0 10px 30px 10px;}
  .util_sitesearch > .titletxt {min-height: 70px;}
}