:root
{
    --blue: rgb(64,172,226);
    --orange: rgb(239,121,0);
    --grey: rgb(240,240,240);
    --yellow: rgb(253,198,47);
    --red: rgb(232,70,89);
    --darkgrey: rgb(123,123,123);
    --black: rgb(43,43,43);
    --tgrey: rgb(169,169,169);
    --steps: rgb(224, 223, 220);
    --menutop: #cbcaca;
    --search: rgb(230,230,230);

}

@font-face { font-family: UrbaneRoundedLight; src: url("/library/fonts/UrbaneRounded/Light.otf") format("opentype"); }
@font-face { font-family: UrbaneRoundedMedium; src: url("/library/fonts/UrbaneRounded/Medium.otf") format("opentype"); }
@font-face { font-family: UrbaneRoundedDemiBold; src: url("/library/fonts/UrbaneRounded/DemiBold.otf") format("opentype"); }
@font-face { font-family: GlyphiconsHalflingsRegular; src: url(/library/fonts/GlyphiconsHalflings/Regular.otf) format("opentype"); }

* { background-repeat: no-repeat; background-position: center center; box-sizing: border-box; }
body { margin: 0px; padding: 0px; width: 100%; height: auto; background-color: #ffffff; color: #000000; font-family: UrbaneRoundedLight; font-weight: 400;font-style: normal; font-size: 100%; line-height: 1.4; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
a { color: #000000; text-decoration: none; font-weight: normal; }
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { padding: 0px 10px 10px 0px; margin: 0px; font-size: 100%; font-weight: normal; color: #000000; }
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: 35px; }
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; }
p { padding: 0px 0px 0px 0px; margin: 0px; margin-bottom: 15px; font-weight: 400; font-family: UrbaneRoundedLight; line-height: 1.4;}
strong { font-weight: 800; font-family: UrbaneRoundedLight; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden { display: none; }
.spacer { clear: both; height: 0px; display: none; }
table { border-spacing: 0px; }
figure { margin: 0px; }
figcaption { background: var(--grey); }
.divider  {display: none;}
h1 {font-family: UrbaneRoundedDemiBold;}
h3 {font-family: UrbaneRoundedDemiBold;}
h2 {font-family: UrbaneRoundedDemiBold;}

.whitetext a { color: #ffffff; text-decoration: underline; }

/* Header */

/* Menu */

/* .headerlogo {width: 210px;}
.headerlogo img {width: 230px; height: 130px; text-align: left;position: relative;top: 2px;}
.headerlogo {margin-bottom: 15px;}

.headercontent {border-bottom: 14px solid var(--grey); max-width: 1230px; margin: 30px auto 0px auto; padding: 0px 10px;}

.nav_multilevel ul li {margin: 0px auto;}
.nav_multilevel .level1 .link565, .nav_multilevel .level1 .link587, .nav_multilevel .level1 .link1827 {background: none; background-repeat: no-repeat; background-image: none; padding: 0px;}
.nav_multilevel .level1 .link12 a{padding-left: 0px;}

.nav_multilevel .level1 ul li a:hover{
  background: var(--search);
  transition: 0.3 ease-in;
}


@media(min-width: 930px){

  .headercontent>.items {display: flex;justify-content: space-between;}
  .nav_multilevel { margin-top: 77px; margin-left: auto; font-family: UrbaneRoundedMedium; padding-right: 10px;}
  .nav_multilevel ul {display: flex; justify-content: space-evenly;}
  .nav_multilevel ul.level2 li  { padding: 0px 0px;background: none; }
  .nav_multilevel .expand {display: none;}

  .headercontent>.items>.util_sitesearchbar, .headercontent>.items>.nav_multilevel { display: none; }
  .headercontent .right { display: block; }
  .headercontent .right .nav_multilevel { margin: 50px auto 0px auto; padding: 0px; }
  .nav_multilevel .level1 .link1827 a { color: white; background-color: black; }

  .headercontent .right .util_sitesearchbar { margin-left: auto; width: fit-content; position: relative; }
  .headercontent .right .util_sitesearchbar input[type=text] { border: 0px; background-color: lightgrey; border-radius: 30px; padding: 0px 10px; }
  .headercontent .right .util_sitesearchbar button  { position: absolute; background: lightgrey; border: none; right: 5px; bottom: 8px; font-size: 100%; cursor: pointer; }

  .nav_multilevel .level1 li {background-image:url(/images/XDTSLPyGPuV4f0AFQNlB04j035.png); background-size: 14px auto; background-position: right center; padding-right: 10px;}
  .nav_multilevel .level1 .link9 {background: none; padding-right: 0px;}
  
  .layoutheader .toggle {display: none;}
  .nav_multilevel ul li a {font-family: UrbaneRoundedMedium; display: block; padding: 10px;}
  .nav_multilevel .level2, .nav_multilevel .level3{ position:absolute; display:none; background-color:white; box-shadow: 0px 0px 7px 1.5px lightgrey; width:300px;z-index: 1;}
  .nav_multilevel .level1 li:hover .level2{ display:block;}
  .nav_multilevel .level2 {margin: 0px 0px 0px -10px;}
  .nav_multilevel .level3 {margin: -40px 0px 0px 300px;}
  .nav_multilevel .link254 {display: none;}

  .headersearchbar {max-width: 250px; margin-top: 80px;}
  .headersearchbar .query {border: none; width: 160px;}
  .headersearchbar fieldset {background: var(--grey); border-radius: 15px; width: 240px;}
  .headersearchbar input[type="text"]::placeholder{ padding-left: 15px;}
  .headersearchbar button {float: right; border: none; font-size: 15px ; margin-top: 8px; padding: 0px 10px 0px 0px; border-radius: 50%;}
  .headersearchbar form {float: left; max-width:70%;}
  .headersearchbar {max-width: 250px; margin-top: 80px;}
  .headersearchbar fieldset {background: var(--grey); border-radius: 15px; width: 200px;}
  .headersearchbar input[type="text"]::placeholder{ padding-left: 15px;}
  .headersearchbar button {float: right; border: none; font-size: 15px ; margin-top: 8px; padding: 0px 10px 0px 0px; border-radius: 50%;}

  }  */
  
  /* Mobile / tablet */
  /* @media (max-width: 929px)
  {
  
    .headerlogo img {margin-left: 20px;}
    .layoutheader .toggle {position:absolute;top:65px;right:20px;cursor:pointer;}
    .layoutheader .toggleon li a { display: block; padding: 10px; color: white; font-family: UrbaneRoundedMedium;}
	  .layoutheader .toggleon li span { position: absolute; right: 5px; margin-top: -30px; }
	  .layoutheader .toggleoff ul.level1 {display:none;}
    .layoutheader .toggle img {width: 60px; height: auto;}
    .nav_multilevel .link254 {display: block;}
    .nav_multilevel li { text-align: center;}

    .layoutheader .toggleon ul.level1 {display:block;position: absolute;top: 180px;right: 0px;width: 100%;background-color: gray;z-index: 50;text-align: center;}
    .layoutheader .toggleon .level2 {display: none; background: var(--level2);}
    .layoutheader .toggleon .level3 {display: none; background-color: var(--level3);}

    .headersearchbar{display: none;}
  
  }
  
  @media(max-width: 399px){
    .layoutheader .toggleon ul.level1 {top: 190px; background: gray;}
    .headercontent .items {display: block;}
    .layoutheader .toggleon ul{top: 225px;}
    .startexploring h3 {text-align: center; margin-right: 40px;}
  }
  
  @media(max-width: 1130px){

    .headersearchbar {position: absolute; right: 20px; top: -20px;}

  } */



/* new header */

.layoutheader .logos, .layoutheader .bottom-container{display: block !important;}
.layoutheader {border-bottom: none; padding: 0; position: fixed; left: 0; width: 100%; top: 0; background-color: white; z-index: 9999; transition: all .3s ease-in-out; }
.scroll .layoutheader .logos ul li{max-width: 120px; transition: .5s ease-in-out;}
.layoutheader .layoutheader_inner{all:unset}

.layoutheader .logos{ max-width: 1400px; margin: 0 auto; padding: 10px 20px;}
.scroll .layoutheader .logos{padding: 0px 20px;}
.layoutheader .logos ul{display: flex; justify-content: space-between; align-items: center; gap: 20px;}
.layoutheader .logos ul li{max-width: 200px; width: 100%;}
.layoutheader .logos ul li img{max-width: 100%; height: auto;}
.layoutheader .logos ul li:not(.link1) img{filter: grayscale(100%); transition: .5s ease-in-out;}
.layoutheader .logos ul li:hover img{filter: none;}

.layoutheader .bottom-container{background-color: var(--blue); padding: 0px 20px; box-shadow: 0 4px 4px -1px rgba(0,0,0,0.2);}
.layoutheader .bottom-container > .items{max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; height: 50px;}
.layoutheader .bottom-container .nav_sitemap ul li a{font-family: UrbaneRoundedMedium; font-size: 14px; color: black;}
.layoutheader .bottom-container .nav_sitemap .links > .level1{display: flex; gap: 5px; margin: 0; padding: 0;}
.layoutheader .bottom-container .nav_sitemap .level1 > li{display: flex; align-items: center; position: relative; padding: 14px 8px; cursor: pointer; }
.layoutheader .bottom-container .nav_sitemap .level1 > li > a{margin-right: 3px; white-space: nowrap; border-bottom: 1px solid transparent;}
.layoutheader .bottom-container .nav_sitemap .level1 > li > a:hover{border-bottom: 1px solid black;}
.layoutheader .bottom-container .nav_sitemap .level1 > li > .expand{display: none;}
.layoutheader .bottom-container .nav_sitemap .level2{position: absolute; display: none; top: 100%; left: 0; background-color: white; box-shadow: 0px 0px 7px 1.5px lightgrey; min-width: 220px; z-index: 100;}
.layoutheader .bottom-container .nav_sitemap .level1 > li:hover > .level2{display: block;}
.layoutheader .bottom-container .nav_sitemap .level2 > li{padding: 8px 15px; display: block !important;}
.layoutheader .bottom-container .nav_sitemap .level2 > li:hover{background: var(--search);}
.layoutheader .bottom-container .nav_sitemap .level2 > li > a{display: block; white-space: nowrap;}
.layoutheader .bottom-container .nav_sitemap .level3, .layoutheader .bottom-container .nav_sitemap .link254, .layoutheader .bottom-container .nav_sitemap .link204 .expand{display: none !important;}
.layoutheader .bottom-container .nav_sitemap .level1 > li.link10:hover > .level2 { display: none; }
.layoutheader .bottom-container .util_sitesearchbar input[type=text]{display: none;}
.layoutheader .bottom-container .util_sitesearchbar button{background: none; border: none; padding: 0;}
.layoutheader .bottom-container .util_sitesearchbar button i{display: inline-block; color: black; font-size: 16px; padding: 3px; cursor: pointer;}
.layoutheader .bottom-container .util_sitesearchbar button:hover i{color: var(--search);}

@media (min-width: 1150px){ 
  .layoutheader .bottom-container .nav_sitemap .toggle{display: none;} 
  body{padding-top: 180px;}
}

@media (max-width: 1150px)
{
    .layoutheader{position: relative;}
    .layoutheader .bottom-container{padding: 0px 20px; position: relative;}
    .layoutheader .bottom-container > .items{flex-direction: row-reverse; justify-content: end; gap: 15px;}
    .layoutheader .bottom-container .nav_sitemap .toggle{display: block; padding: 5px 0 0 0; cursor: pointer;}
    .layoutheader .bottom-container .nav_sitemap .toggle img{width: 32px; height: auto;}
    .layoutheader .bottom-container .nav_sitemap .toggle svg{pointer-events: none;}
    .layoutheader .bottom-container .nav_sitemap.toggleoff .links{display: none;}
    .layoutheader .bottom-container .nav_sitemap.toggleon .links{display: block; background-color: white; position: absolute; left: 0; width: 100%; top: 52px; padding: 10px 0; z-index: 100; box-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.2);}
    .layoutheader .bottom-container .nav_sitemap.toggleon .links > .level1{flex-direction: column; gap: 0;}
    .layoutheader .bottom-container .nav_sitemap.toggleon .level1 > li{flex-direction: column; align-items: center; padding: 8px 0; justify-content: center;}
    .layoutheader .bottom-container .nav_sitemap .level1 > li > .expand{display: inline-block !important; cursor: pointer;}
    .layoutheader .bottom-container .nav_sitemap .level2{position: static; box-shadow: none; width: 100%; background-color: #f5f5f5; padding: 5px 0; text-align: center;}
    .layoutheader .bottom-container .nav_sitemap .level2 > li{padding: 6px 15px;}
}

@media (max-width: 600px)
{
    .layoutheader .logos{padding: 10px;}
    .layoutheader .logos ul{gap: 10px;}
    .layoutheader .logos ul .link1{min-width: 120px;}
    .layoutheader .bottom-container{padding: 0px 10px;}
}



/*  Footer */

.footersocial {background-color: var(--grey); padding: 70px;}
.footersocial ul {display: flex; justify-content: center;}
.footersocial ul li {margin-left: 20px;}
.footersocial .link a{color: white;margin: 0px auto;display: block;background-color: var(--blue);border-radius: 100%;height: 50px;width: 50px;padding: 5px;}
.footersocial .link a i {margin: 0px auto; text-align: center; font-size: 140%; padding: 10px 0px 0px 10px; }
.footersocial .link a i.fa-bluesky { padding-left: 8px;  }

.footersocial a:hover{animation: spin; animation-duration: 0.4s; animation-timing-function: linear; animation-iteration-count: 1;}

@keyframes spin{
  from {
      transform:rotate(0deg);
  }
  to {
      transform:rotate(360deg);
  }
}


.footersocial .link {padding: 5px;width: 50px;/* height: 50px; */border-radius: 100%;}
.footersocial .link1 a{background: var(--blue);}
.footersocial .link2 a{background: var(--orange);}
.footersocial .link3 a{background: var(--red);}
.footersocial .link1 i {padding-left: 9px; padding-top: 4px;}
.footersocial .link2 i {padding-top: 5px; padding-left: 5px;}
.footersocial .link3 i {padding-top: 4px; padding-left: 6px;}

.beachshore {display: none;}

.legal {background-color: #030303 ;padding: 25px 15px 15px 15px;font-size: 13px;}
.legal p, .legal a {color: white; font-family: UrbaneRoundedLight; font-weight: normal; }
.legal .items {/* display: flex; */justify-content: center;flex-wrap:wrap;gap: 30px;}
.legal .util_textbox {height: 20px;}

.legal>.items { max-width: 1240px; margin: 0px auto; text-align: center; }
.legal .animatedlogos>.items { display: flex; }
.legal .privacy { height: 100%; width: 100%;  }
.copyright, .credit { display: inline-block;}
.copyright { padding-right: 20px; }

/* Animated logos */

.animatedlogos {width: 100%;}
.animatedlogos img{width: 200px; height: auto;}

.rus .links, .fhf .links, .fhb .links, .pcl .links{
  position: relative;
  width: 200px; 
  max-width: 100%;
}

.nap .links{
  margin-top: 35px;
}

.fmp{
  width: 170px;
}

.fmp img{
  width: 170px;
  height: 70px;
}

.fmp .links{
  margin-top: 18px;
}

.rus .link2, .fhf .link2, .fhb .link2, .pcl .link2{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  object-fit: contain;
  opacity: 0;
  transition: opacity .2s;
}
.rus:hover .link2, .fhf:hover .link2, .fhb:hover .link2, .pcl:hover .link2 {
  opacity: 1;
}

/* SubMenu */

.subsectionmenu {
  max-width: 1400px;
  margin: 0px auto;
}

.subsectionmenu  ul {
  max-width: 100%;
  margin: 40px auto;
  padding: 0px 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.subsectionmenu ul li {
  padding: 15px 30px;
  font-size: 140%;
  margin: 20px 10px;
  text-align: center;
}


.subsectionmenu img{
  width: 100%;
  height: 350px;
  object-fit: cover;
}

.subsectionmenu .textlink {
  padding: 0px 0px 10px 0px;
}

.subsectionmenu ul li a{
  color: white;
  font-family: UrbaneRoundedDemiBold;
}

.subsectionmenu ul li:nth-child(3n+1) {
  background: var(--blue);
}

.subsectionmenu ul li:nth-child(3n+2) {
  background: var(--orange);
}

.subsectionmenu ul li:nth-child(3n+3) {
  background: var(--red);
}

.subsectionmenu ul li{position: relative; top: 0; transition: top ease 0.3s; }
.subsectionmenu ul li:hover{top: -10px;}

.std_contentpage:not(.newscontainer) .list_article {margin: 40px auto; max-width: 1400px;}
.std_contentpage:not(.newscontainer) .list_article .list {display:flex; flex-wrap:wrap; gap: 40px; justify-content: center; }
.std_contentpage:not(.newscontainer) .list_article h3 {padding:0px;}
.std_contentpage:not(.newscontainer) .list_article .article a {padding: 15px 30px; color:white; font-size: 140%; text-align: center; display:block; text-transform: uppercase;}
.std_contentpage:not(.newscontainer) .list_article .article:nth-child(3n+1) a {background: var(--blue);}
.std_contentpage:not(.newscontainer) .list_article .article:nth-child(3n+2) a {background: var(--orange);}
.std_contentpage:not(.newscontainer) .list_article .article:nth-child(3n+3) a {background: var(--red);}
.std_contentpage:not(.newscontainer) .list_article .article:hover {opacity: 0.5;}



/* Home Page */

.homebanner {background-color: var(--orange); text-align: center;max-width: 2000px; margin: 60px auto 40px auto;}
.homebanner .titletxt { font-size: 175%; }
.homebanner .util_textbox_inner {max-width: 818px; margin: 0px auto; padding: 48px 10px 48px 10px;}
.homebanner p {padding: 0px; font-size: 105%; font-family: UrbaneRoundedLight; line-height: 1.4; }

.nav_dropdown {margin: 0px auto; padding: 0px 10px 40px 10px; max-width: 1120px; } 
.nav_dropdown select {text-align: left; padding: 15px 0px 15px 40px; font-size: 130%; height: auto; border: 1px solid #D3D3D3; width: 100%;} 

.startexploring h3{ font-size: 120%; padding-bottom: 20px; margin-left: 45px;}
.startexploring {max-width: 1100px; margin: 0px auto; padding: 40px 0px 0px 0px;}


/**************************************************************************************************/

/*Home page - newsletter */
.home .int_newsletter h2 {font-size: 120%;}
.home .int_newsletter form {max-width: 1100px ; margin: 0px auto; width: 100% ;}
.home .int_newsletter form fieldset {max-width: 1100px ; margin: 0px auto; width: 100% ; padding: 0 50px;}
.home .int_newsletter .form { display: flex; flex-wrap: wrap; gap: 10px;  }  
.home .int_newsletter .field { display: flex; flex-direction: column; flex: 1; min-width: 150px; }  
.home .int_newsletter .input input { width: 100%; padding: 5px; box-sizing: border-box; }  
.home .int_newsletter .buttons { width: 100%; text-align: center; }  

@media(max-width:728px) {
  .home .int_newsletter form fieldset {padding: 0 10px;}
}

/*Home page news*/

.home .news {max-width: 1100px !important; margin: 0px auto 80px auto;}
.home .news .titletxt {text-transform: uppercase; font-size: 175%; text-align: center; background-color: var(--blue); padding-top: 7px; color:white;}
.home .news .list { padding: 20px 0px 50px 0;}
.home .news .list .article {width: 340px; background-color: var(--grey);  border-left: 8px solid var(--blue);}
.home .news .list .article h3 {font-size: 80%;}
.home .news .list .article h4 {font-size: 70%;}
.home .news .list .article a { text-transform: uppercase; padding: 15px !important; min-height: 80px; justify-content: center; align-items: center; background: none !important; color: var(--black); }


@media (max-width:1074px){
  .home .news {max-width: 830px !important;}
}
@media (max-width:830px){
  .home .news {max-width: 750px !important;}
}


/* Homepage Boxes */

.homeboxes {max-width: 1100px; margin: 0px auto 80px auto;}
.homeboxes .box {position: relative; top: 0; transition: top ease 0.3s;}
.homeboxes .box:hover {top: -10px;}
.homeboxes .items {display: flex; flex-wrap: wrap; justify-content: space-evenly; gap: 29px; }
.homeboxes .box {height: 290px; width: 345px;}


.bluebox {border-top:18px solid var(--blue);}
.redbox{border-top: 18px solid var(--red);}
.orangebox{border-top: 18px solid var(--orange);}

.box {margin-bottom: 20px; background-size: cover;}
/* .homeboxes .box1 h3,.homeboxes .box5 h3,.homeboxes .box6 h3 {padding-top: 20px;} */
.box h3 {color: white; text-align: center; text-transform: uppercase; font-size: 120%; padding: 0px; font-family: UrbaneRoundedMedium;}
.box .util_textbox_inner {padding-top: 210px;}

@media (max-width:1000px){

.homeboxes .items {justify-content: space-evenly;}

}

@media (max-width:1578px){
  .homeboxes .items {justify-content: space-evenly; gap: 20px;}
}
/* Content pages */

.std_contentpage, .event_eventpage {
  min-height: 350px;
}

.std_contentpage .pagetitle, .event_eventpage .headline, .std_newsarticlea .headline{ text-transform: uppercase; font-size: 220%; text-align: center;padding: 10px;  background: var(--grey);  max-width: 750px; opacity: .8; margin: 0px auto; border-left: solid 8px var(--blue); padding: 25px 20px; }
.std_contentpage .contributor { max-width: 750px; margin: 15px auto; text-align: center; }

/* Banner styling */
.contentpage .pagebanner {width: 100%; text-align: center;}
.pagesubtitle { font-size: 100%;text-align: center;padding: 10px;background: var(--grey);max-width: 750px;opacity: .8;margin: 0px auto;border-left: solid 8px var(--blue);padding: 10px 10px 20px 10px; }
.pageabstract { font-size: 100%;text-align: center;padding: 10px;background: var(--grey);max-width: 750px;opacity: .8;margin: 0px auto;border-left: solid 8px var(--blue);padding: 10px 10px 20px 10px; }

.story .pagetitle, .contentpage .pagetitle {font-size: 220%; text-align: center; padding: 10px; background: var(--grey); max-width: 750px; opacity: .8; margin: 0px auto; border-left: solid 8px var(--blue);padding: 25px 20px;}

.banner .pagebanner {text-align: center;}
.pagebanner img {height: auto; width: 100%; max-width: 750px; display: block; margin: 0px auto;}

/* Icon styling */

.std_contentbox.circle ul{
  display: none;
}

/* .story .std_contentbox.rectangle ul li{
  list-style-type: disc;
} 

.story .std_contentbox.rectangle ul{
  margin-left: 17px;
} */

/* Rectangle textbox styling &  Newsletter form */

.std_contentbox_inner, .int_newsletter form {
  border-left: solid 8px var(--blue); 
}

.std_contentbox.rectangle .std_contentbox_inner, .int_newsletter form {
  padding: 30px 0px; 
  background: rgb(240,240,240,0.92);
  max-width: 750px;
}

.int_newsletter form { width: 100%; }

.std_contentbox.rectangle .content, .int_newsletter form fieldset {
  padding: 35px 80px 35px 65px;
}

.std_contentbox.rectangle, .int_newsletter {
  padding: 15px 10px;
}

.int_newsletter { text-align: center; }
.int_newsletter fieldset { max-width: 600px; margin: 0px auto 0px; }
.int_newsletter div.text {padding-bottom: 15px;font-size: 88%;}
.int_newsletter .field, .int_newsletter .buttons { /* float: left; */ }
.int_newsletter .field.firstname { /* margin-right: 35px; */ }
.int_newsletter fieldset input[type=submit] {margin: 22px auto 0px auto;}
.int_newsletter .field input { width: 100%; background: #ffffff; }
.int_newsletter .label {/* display: none; */}

.int_newsletter .field { /* float: none; */ margin: 0px 0px 10px 0px;  }
/*
.int_newsletter .field.firstname {margin-right: 0px;}
*/
.int_newsletter .field input { width: 100%; }

/* General textbox styling */

.feat_lbgallery {max-width: 1000px; margin: 40px auto;}
.feat_lbgallery h2, .std_content .titletxt {text-align: center; color: black;padding: 0px 0px 30px 0px;font-size: 130%;}
.feat_lbgallery ul { display: flex; justify-content: center; gap:40px; flex-wrap:wrap; }

.std_contentbox, .int_newsletter {
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 30px 0px;
}

.std_contentbox td{
  padding: 5px;
}

.std_contentbox h2, .std_stepsbox h2, .std_contentpage .pagecontent_inner h2{
  font-size: 160%;
}

.std_contentbox h3, .std_stepsbox h3, .std_contentpage .pagecontent_inner h3{
  font-size: 150%;
}

.std_contentbox h4, .std_stepsbox h4, .std_contentpage .pagecontent_inner h4{
  font-size: 140%;
  font-weight: bold;
}

.std_contentbox h5, .std_stepsbox h5, .std_contentpage .pagecontent_inner h5{
  font-size: 130%;
  font-weight: bold;
}

.std_contentbox h6, .std_stepsbox h6, .std_contentpage .pagecontent_inner h6{
  font-size: 120%;
  font-weight: bold;
}

.std_contentbox ol li, .std_stepsbox .content ol li, .std_contentpage .pagecontent_inner ol li{
  list-style-type:decimal;
  list-style-position: inside;
  margin: 7px 0px;
}

.std_contentbox p img{
  padding: 5px;
  height: auto;
  max-width: 100%;
}

.std_contentbox.smallimage p img {
width: auto;}

.std_contentbox ul li, .std_stepsbox .content ul li, .std_contentpage .pagecontent_inner ul li{
  list-style-type: disc;
  list-style-position: inside;
  margin: 7px 0px;
}

.std_contentbox blockquote, .std_contentpage .pagecontent_inner blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
.std_contentbox blockquote:before, .std_contentpage .pagecontent_inner blockquote:before {
  color: grey;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.std_contentbox blockquote p, .std_contentpage .pagecontent_inner blockquote p {
  display: inline;
}

.std_contentbox table{
  max-width: 500px;
}

.std_contentbox .titletxt {
  padding-top: 20px;  
  font-size: 150%;
}

.std_contentbox.circle .titletxt{
  color: white;
}

.std_contentbox p{
  padding: 0px;
  margin: 13px 0px 13px 0px;
  line-height: 1.4;
}

.std_contentbox ul li a{
  color: black;
}

.std_contentbox a{
  color: var(--red);
  text-decoration: underline;
}

.std_contentbox .std_contentbox_inner{
  border-left: solid 8px var(--red); 
}

.std_contentbox:nth-child(3n) .std_contentbox_inner{
  border-left: solid 8px var(--blue); 
}

.std_contentbox:nth-child(3n+1) .std_contentbox_inner, .int_newsletter form {
  border-left: solid 8px var(--orange); 
}

/* Image top */

.std_contentbox.imagetop .topimage{
  padding: 90px 20px 20px 20px;
}

.std_contentbox.imagetop img{
  width: 100%;
  max-width: var(--standwidth);
  height: auto;
}

/* Textbox image right styling */
@media (max-width:720px){
.std_contentbox.imageright .std_contentbox_inner {flex-wrap: wrap;}
.std_contentbox.imageright .std_contentbox_inner .content {width: 100%;}
.std_contentbox.imageright .std_contentbox_inner .image {width: 100%;}
}

.std_contentbox.hasimage {
  min-height: 600px;
}

.std_contentbox.imageright .titletxt{
  color: black;
  font-size: 150%;
  padding: 15px 0px;
}

.std_contentbox.imageright .text{
  padding: 0px 10px 20px 0px;
  text-align: justify;
}

.std_contentbox.imageright .std_contentbox_inner{
  display: flex;
  max-width: 900px;
}

.std_contentbox.imageright .image, .std_contentbox.imageright .content{
  width: 50%;
}

.std_contentbox.imageright .content{
  padding: 0px 15px 0px 25px;
  margin: auto 0px;
}

.std_contentbox.imageright .image img{
  max-width: 100%;
    height: auto;
    max-height: 100%;
    width: auto;
}

.std_contentbox.imageright .image{
  margin: auto 0px;
  padding-right: 20px;
  display: flex;
  justify-content: center;
  align-items: start;
}

/* Circle textbox styling */

.std_contentbox.circle .std_contentbox_inner {
  border-radius: 100%;
  border: none;
  height: 405px;
  width: 405px;
  background: var(--blue);
  text-align: center;
  color: white;
}

.std_contentbox.circle .content {
  padding-top: 25px;
}

.std_contentbox.circle{
  font-family:UrbaneRoundedMedium ;
}

.std_contentbox.circle p{
  font-family: UrbaneRoundedLight;
}

/* Makes text warp inside circle */
.std_contentbox.circle i.left
 {
  float: left;
  height:100%;
  width: 50%;
  shape-outside: radial-gradient(farthest-side at right, transparent calc(100% - 10px), #fff 0);
}

.std_contentbox.circle i.right {
  float: right;
  height:100%;
  width:50%;
  shape-outside: radial-gradient(farthest-side at left,  transparent calc(100% - 10px), #fff 0);
}

/* Steps component */

.std_stepsbox .circle {
  border-radius: 50%; 
  width: 115px; 
  height: 115px;
  text-align: center;
  margin: 0px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.std_stepsbox span {
  font-size: 400%; 
  color: white;
  font-family: UrbaneRoundedMedium;
}

.std_stepsbox li:nth-child(3n+1) .circle {background: var(--blue);}
.std_stepsbox li:nth-child(3n+2) .circle {background: var(--orange);}
.std_stepsbox li:nth-child(3n+3) .circle {background: var(--red);}

.std_stepsbox .content p{text-align: center;}


.std_stepsbox.vertical {max-width: 450px; margin: 0px auto; padding-left: 10px;}
.std_stepsbox.vertical .content {margin: 40px 0px 0px 20px; max-width: 800px; padding-right: 5px;}
.std_stepsbox.vertical li { display: flex; justify-content: center; }
.std_stepsbox.vertical .bullet {min-height: 200px; background-image: url(/images/Y9uMSZHf2yWZWr8AFLgb00r08v.png);}

.std_stepsbox.horizontal ol { display: flex; justify-content: center; margin: 0px auto; }
.std_stepsbox.horizontal li { max-width: 300px; }
.std_stepsbox.horizontal .bullet { max-width: 300px; background-image: linear-gradient(to right, var(--steps), var(--steps));background-size: 800px 15px; }
.std_stepsbox.horizontal li:first-child .bullet {background-image: linear-gradient(to right, transparent 0%,transparent 50%, var(--steps) 50%, var(--steps) 100%); }
.std_stepsbox.horizontal li:last-child .bullet {background-image: linear-gradient(to right, var(--steps) 0%,var(--steps) 50%, transparent 50%, transparent 100%); }
.std_stepsbox.horizontal .content {width: 260px; margin: 0px auto; padding: 40px 7px 0px 7px}


/* Rectangle content box content page */

.contentpage .std_contentbox{
  max-width: 750px;
  margin: 40px auto;
}

.contentpage .std_contentbox .std_contentbox_inner{
  min-width: 750px;
}

.contentpage .std_contentbox .content{
  padding: 0px 20px 0px 30px;
}

.contentpage .std_contentbox .titletxt{
  color: black;
  padding: 0px 0px 30px 0px;
  font-size: 130%;
}

/* Textbox with links */

.contentpage .std_contentbox .icons{
  display: flex;
  width: 100px;
  justify-content: space-evenly;
}

.contentpage .std_contentbox .content{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.contentpage .std_contentbox .text{
  width: 100%;
}

.contentpage .std_contentbox ul{
  margin-left: 30px;
  display: block;
}

/* breadcrumb */

.sectionlevel1 .nav_breadcrumb {display: none;}
.nav_breadcrumb {max-width: 1200px; margin: 10px auto 10px auto; padding: 10px; box-sizing: border-box;  }
.nav_breadcrumb span {padding: 0px 5px;}



/* overlay */

.layoutoverlay { position: fixed; background: #00000077; width: 100%; height: 100%; top: 0px; z-index: 0;}
.popup { z-index: 100; background-color: #ffffff; padding: 10px; position: fixed; width: 700px; height: 50%;  }
.ui-widget-content .ui-dialog-titlebar{background: none; border: none;}
.ui-dialog-titlebar .ui-button-text {display: none;}

/* Gallery */

.gallery .thumbnails {  
  max-width: 1200px; 
  margin: 0px auto; 
  display: flex; 
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding: 10px 0px 40px 0px; 
}

.gallery .introduction{
  text-align: center;
  margin: 20px 0px 0px 0px;
}

.gallery .thumbnails li{
  margin-top: 50px;
}

.thumbnails .image {
  display: flex;
  top: 0;
  transition: top ease 0.3s;
  background-image: none;
  width: 300px;
  height: 200px;
  box-sizing: border-box;
  box-shadow: 0 0 10px lightgray;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
}

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

.gallery ul li img { 
  max-width: 260px;
  height: 260px;
  margin: 0px 10px; 
} 

.thumbnails img:hover { 
  top: -10px;
}

.gallery .titletxt {
  margin: 0px auto;
  text-align: center;
  padding: 60px 0px 20px 0px;
  font-size: 170%;
  border-bottom: 7px solid var(--grey);
  max-width: 730px;
}

.feat_gallery img{
  width: 600px;
  height: auto;
}

.feat_gallery .image{
  text-align: center;
  padding: 20px 0px;
}

.rectangleimg .thumbnails li img{
  width: 400px;
  height: 150px;
}

.tools .items ul li img{
  width: 500px;
  height: 350px;
}

.tools .items ul li {
  width: 550px;
  height: 400px;
}

.hardread .thumbnails li img{
  width: 300px;
  height: 450px;
}

.hardread .thumbnails li{
  width: 350px;
  height: 500px;
  text-align: center;
}

/* Large text pages */

.textpage .pagecomponents{
  line-height: 1.4;
}

.textpage img{
  max-width: 500px;
  height: auto;
}

.textpage .pagetitle{
  text-align: center;  
  padding: 20px;
  font-size: 150%;
}

.textpage .util_textbox a{
  color: red; 
  text-decoration: underline;
}

.textpage .util_textbox{
  max-width: 1100px;
  margin: 20px auto;
  width: 60%;
}

.pagelinks{
  width: 25%;
  background-color: var(--grey);
  font-family: UrbaneRoundedLight;
  margin: 20px auto 20px auto;
}

.pagelinks a{
  font-family: UrbaneRoundedLight;
  text-align: center;
}

.pagelinks h2{
  font-size: 130%;
  padding: 20px 0px 20px 0px;
  background: var(--grey);
  text-align: center;
}

.pagelinks li{
  padding: 15px 0px;
}

.pagelinks ul{
  padding: 0px 20px 30px 40px;
}

/* Standfirst Block */

.pagecontent, .std_content, .blurb
{
  margin: 50px auto;
  max-width: 1100px;
  padding: 0px 10px;
  text-align: justify;
}

.section219 .nav_breadcrumb
{
  display: none;
}

/* Video pages general styling */

.videogallery .items ul li:hover { top: -10px; }

.vidlib .thumbnails {display: flex; justify-content: space-evenly; flex-wrap: wrap; max-width: 1000px; margin: 40px auto 80px auto;}
.vidlib ul li:hover {top: -10px;}

.vidlib .description {text-align: center; font-size: 125%; font-family: UrbaneRoundedMedium; width: 300px; margin-top: 5px;}

.feat_lbgallery .introduction{
  text-align: center;
  margin-top: 40px;
} 

.videopage .singlevid img{
  max-width: 500px; 
  height: auto;
}

.videopage .introduction {
  text-align: center;
  margin: 30px 0px 0px 0px;}

iframe{
  width: 100%;
  height: 600px;
}

/* Standfirst */

.standfirst{
  max-width: 1050px ;
  font-size: 125%;
  margin: 30px auto;
  padding: 20px 15px;
  border-top: 4px solid var(--red);
  line-height: 1.4;
}

/* Search page  */

.util_sitesearch {
  margin: 0px auto;
  padding-bottom: 20px;
  min-height: 350px;
}

.util_sitesearch fieldset input[type=submit]{
  display: inline-block;
  margin: 0px;
  padding: 9px 35px;
}

.util_sitesearch .include{
  max-width: 1200px;
  margin: 0px auto;
}

.util_sitesearch #result_report{
  text-align: center;
  padding: 15px;
  font-size: 110%;
}

.util_sitesearch h2{
  font-size: 150%;
  max-width: 100%;
  height: auto;
  margin: 0px auto;
  text-align: center;
  padding: 20px;
  background-position: center center;
  background-size: cover;
}

.util_sitesearch .result .title{
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 20px;
}

.util_sitesearch fieldset{
  margin: 0px auto;
  width: 280px;
  padding: 20px 0px;
  display: flex;
}

.util_sitesearch a{
  font-family: UrbaneRoundedDemiBold;
}

.util_sitesearch b{
  font-family: UrbaneRoundedLight;
}

.util_sitesearch .title>b{
  font-size: 36px;
  display: none;
}

.util_sitesearch .title>b::after{
  font-size: 36px;
  content: ".";
}

.util_sitesearch .description{
  line-height: 1.4;
}

/* Birth certificate */

.birthcertificate .thumbnail1 img{ 
  max-width: 500px; 
  height: auto;
}

.contentpage .list li{
  list-style-type: disc;
  margin-top: 10px;
}

/* Podcast */

.podpage .pagecomponents {margin: 60px 0px;}
.podpage .link> a{color: white; font-size: 23px; font-family:UrbaneRoundedDemiBold; display: block; margin: 20px auto; max-width: 900px; padding: 15px; border-radius: 15px;}
/* .podpage .link >a {background-image: url(/images/PuiPavC5831Z4xdnaUzX0e807w.png); background-size: 35px; background-position: 96%;} */


.podpage .link:nth-of-type(1) a { background-color:var(--blue); }
.podpage .link:nth-of-type(2) a { background-color: var(--orange) }
.podpage .link:nth-of-type(3) a { background-color:var(--red)}
.podpage .link:nth-of-type(4) a { background-color:var(--blue); }
.podpage .link:nth-of-type(5) a { background-color: var(--orange) }


.podpage .pagecomponents_inner{
  padding: 0px 10px;
}

.podpage .subtitle{
  margin: 0px auto;
  max-width: 750px;
}

.utils_audioplayer {
  background: black;
  margin: 20px auto;
  padding: 20px;
  color: white;
  max-width: 900px;
  border-radius: 15px;
}

.podpage .pagecomponents_inner .utils_audioplayer:nth-child(3n+1){
background: var(--blue);
}

.podpage .pagecomponents_inner .utils_audioplayer:nth-child(3n+2){
background: var(--orange);
}

.podpage .pagecomponents_inner .utils_audioplayer:nth-child(3n+3){
background: var(--red);
}

.utils_audioplayer .content{
  max-width: 100%;
}

.utils_audioplayer h3, .utils_audioplayer h2{
  font-family: UrbaneRoundedDemiBold ;
  font-size: 145%;
}

.utils_audioplayer h2{
  color: white;
}

.utils_audioplayer p{
  font-family: UrbaneRoundedLight;
  font-size: 18px;
  color: black;
}

.utils_audioplayer h3{
  padding-bottom: 20px;
  color: white;
}

.utils_audioplayer a{
  color: var(--blue);
}

.utils_audioplayer audio{
  width: 100%;
  margin: 20px auto 0px auto; 
}

.utils_audioplayer img{
  margin-bottom: 10px;
  
}

.utils_audioplayer h2  {
	font-family: UrbaneRoundedDemiBold;
	transition: 0.3s ease;
}

.utils_audioplayer a{
  color: black;
  font-family: UrbaneRoundedDemiBold;
  transition: 0.3s ease;
  text-decoration: underline;
}

/*  Contribute */

.feat_visualcreator {padding: 0px 5px; margin-top: 5%; min-height: 350px;}
.feat_visualcreator .cancelled {text-align: center; max-width: 600px; margin: 20px auto; }
.feat_visualcreator .cancelled a:hover {background: rgb(65, 161, 208);}
.feat_visualcreator .cancelled a {color: white; display: inline-block; max-width: 600px; background: var(--blue); padding: 20px 172px;}
.formbuilder {margin: 0px auto; max-width: 600px;}
.formbuilder div {text-align: center;}
.formbuilder input {width: 90%; background: white;}
.formbuilder #fb-pagename {width: 90%;}
.formbuilder div .label {margin: 15px 0px 5px 0px;}
fieldset input[type=submit] { margin: 20px auto; text-align: center; display: flex; background: var(--blue); padding: 10px 35px; border: none;}
fieldset input[type=submit]:hover {background: rgb(65, 161, 208);}
.formbuilder .help-block {width: 90%; color: black; margin: 10px auto; padding: 5px;}
.formbuilder .input {padding: 0px 5px;}
.feat_visualcreator .introduction, .feat_visualcreator .saved, .feat_visualcreator .submitted {text-align: center; max-width: 600px; margin: 0px auto; background: rgb(240,240,240,0.92); border-left: solid 8px var(--blue); padding-bottom: 40px;}
.feat_visualcreator h1 {font-size: 220%;text-align: center;padding: 10px;background: rgb(240,240,240,0.92);;max-width: 600px;margin: 20px auto 0px auto;border-left: solid 8px var(--blue);padding: 25px 20px;}
.feat_visualcreator .errors {text-align: center; color: var(--red); max-width: 600px; margin: 0px auto; padding: 10px;padding-bottom: 40px; background: rgb(240,240,240,0.92); border-left: solid 8px var(--blue);}
.field_group > .label { font-size: 24px; text-align: center; font-family: UrbaneRoundedMedium; color: black; }
.formbuilder .field_group {background: rgb(240,240,240,0.92); padding: 20px; margin: 20px 0px; padding-bottom: 40px; border-left: 8px solid var(--red);}
.formbuilder .description {font-size: 14px;}
.formbuilder .field_group:nth-of-type(3n+1) {border-left:8px solid var(--red);}
.formbuilder .field_group:nth-of-type(3n+2) {border-left:8px solid var(--orange);}
.formbuilder .field_group:nth-of-type(3n+3) {border-left:8px solid var(--blue);}

.feat_visualcreator .saved {margin-bottom: 5%; line-height: 1.4;}
.feat_visualcreator .saved .button {background: var(--blue); padding: 15px 20px; color: white; margin: 20px 0px;}
.feat_visualcreator .saved .button:hover {background: rgb(65, 161, 208);}

/* Category lists 
.categorylist{
  margin: 40px auto;
  max-width: 750px;
}

.categorylist .titletxt{
  text-align: center;
  font-size: 22px;
  border-left: 8px solid var(--blue);
  background: rgb(240,240,240,0.92);
  padding: 10px;
}

.categorylist .article{
  /* max-width: 750px; */
  /* margin: 5px auto 20px auto; */
  /* background: rgb(240,240,240,0.92); */
  /* border-left: solid 8px var(--blue); */
  /* padding: 30px 20px 30px 30px; 
}

.categorylist .link{
  text-decoration: underline;
}

.categorylist .article:nth-of-type(3n+1) {/* border-left:8px solid var(--blue); }
.categorylist .article:nth-of-type(3n+2) {border-left:8px solid var(--orange);}
.categorylist .article:nth-of-type(3n+3) {border-left:8px solid var(--red);}
*/


/* Bulletins */

.bulletin {
  max-width: 350px;
  margin: 20px;
  border-radius: 15px;
  background: var(--grey);
}

.bulletin img{
  width: 100%;
  height: auto;
  max-width: 300px;
}

.bulletin .imagebottom{
  text-align: center;
}

.bulletin:nth-child(3n+1){
  color: var(--blue);
} 
  
.bulletin:nth-child(3n+2) p{
  color: var(--orange);
}
  
.bulletin:nth-child(3n+3){ 
  color: var(--red);
} 

.bulletin p{
  text-align: center;
  font-size: 30px;
  font-family: UrbaneRoundedDemiBold;
}

@media(min-width:501px){

  .bulletin{
    padding: 20px;
    padding-bottom: 30px;
  }

  .bulletin p{
    font-size: 30px;
  }

}
@media(max-width:500px){
  
  .bulletin{
    padding: 15px;
    padding-bottom: 30px;
  }
  
  .bulletin p{
    font-size: 20px;
  }


}

.bulletins .pagecomponents_inner{
  padding: 0px 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* Visual image */

.visual-image{max-width: 900px; margin: 20px auto;}
.visual-image img {max-width: 900px; height: auto;}
.visual-image .image {text-align:center;}



/* Really useful bulletin */

.rub { display: block; margin: 0px auto 50px auto; border-left: solid 8px var(--orange); padding: 30px 40px; background: rgb(240,240,240); max-width: 1100px;}
.rub p { text-align: center; font-size: 88%; }
.rub .formbuilder { display: flex; justify-content: space-between; max-width: 100%; }
.rub .formbuilder .field_text { width: 300px; }
.rub .formbuilder .input { float: none; width: 100%; max-width: 100%; }
.rub .formbuilder .label { float: none; width: 100%; text-align: center; padding: 20px 0px 10px 0px;}
.rub .formbuilder input { width: 100%; }

.rub .buttons { width: fit-content; margin: 20px auto 0px auto; float: none; padding: 0px;  }
.rub .buttons input[type=submit]:hover { opacity: 0.8; }
.rub .titletxt { font-size: 120%; font-family: UrbaneRoundedDemiBold; text-align: center; padding-bottom: 10px; }

@media ( max-width: 1006px )
{
	.rub .formbuilder { flex-wrap: wrap; }
	.rub .formbuilder .field_text{ width: 49%; }
	.rub .formbuilder .field_text:last-of-type  { width: 100%; }
}
@media ( max-width: 480px )
{
	.rub .formbuilder .field_text{ width: 100%; }
	.rub .formbuilder .label { text-align: left; padding: 10px 0px; }
}


/* News and events */

.newscontainer .util_tabbed .ui-widget-content { border: 0px;}
.newscontainer .util_tabbed .ui-tabs-nav { padding: 0px; }
.newscontainer .util_tabbed .ui-corner-all, .newscontainer .util_tabbed .ui-corner-bottom, .newscontainer .util_tabbed .ui-corner-right, .newscontainer .util_tabbed .ui-corner-br { border: 0px; border-radius: 0px; padding: 0px; }
.newscontainer .util_tabbed .ui-widget-header { background: none; color: black}

.newscontainer .util_tabbed {  margin: 50px auto; max-width: 1240px; padding: 0 20px;}
.newscontainer .util_tabbed ul.ui-widget-header { display: flex; }
.newscontainer .util_tabbed ul.ui-widget-header li { width: 50%; text-align: center !important;  border-radius: 15px 15px 0px 0px; background-color: var(--steps);  float: none; position: static; margin: 0px; border: none;  }
.newscontainer .util_tabbed ul.ui-widget-header li a {display: block;height: 100%;padding: 10px !important;float: none !important; font-weight: 600;;}
.newscontainer .util_tabbed ul.ui-widget-header li.ui-tabs-active  { background-color: var(--blue); margin: 0px; padding: 0px; float: none; position: static; border: 0px;  }
.newscontainer .util_tabbed ul.ui-widget-header li.ui-tabs-active a { color: black; cursor: default !important; float: none; }
.newscontainer .util_tabbed ul.ui-widget-header li:nth-child(1).ui-tabs-active  { background-color: var(--blue);}
.newscontainer .util_tabbed ul.ui-widget-header li:nth-child(2).ui-tabs-active  { background-color: var(--orange);}
.newscontainer .util_tabbed ul.ui-widget-header li:nth-child(3).ui-tabs-active  { background-color: var(--red);}
.newscontainer .util_tabbed ul.ui-widget-header li:nth-child(4).ui-tabs-active  { background-color: var(--yellow);}

.newscontainer .event_list ul li  {display: flex; justify-content: space-between; gap:20px; border-bottom: 2px solid white; align-items: center;  transition: all .3s ease-in; padding: 20px; background-color: var(--grey); }
.newscontainer .event_list ul li:hover, .newscontainer .list_rssreader .article:hover { background-color: var(--steps);  }

.newscontainer .event_list>h2 { display: none; }
.newscontainer .event_list .details { text-align: center; width: 85px;}
.newscontainer .event_list .date, .event_list .month, .event_list .year { background-color: white; font-weight: 700; text-transform: uppercase;  }
.newscontainer .event_list .date {font-size: 150%;border-radius: 20px 20px 0px 0px;padding-top: 10px;}
.newscontainer .event_list .month { font-size: 120%; }
.newscontainer .event_list .year { border-radius:  0px 0px 20px 20px; padding-bottom: 10px; font-size: 90%; }
.newscontainer .event_list .time { padding-top: 10px;}
.newscontainer .event_list ul li .info { width: 70%; }
.newscontainer .event_list ul li .info h3, .event_list ul li .info h4 { padding-bottom: 5px; }
.newscontainer .event_list ul li .info h3 { font-size: 150%; }
.newscontainer .event_list ul li .info h4 { font-weight: 500; }
.newscontainer .event_list ul li .description p { padding: 0px; }
.newscontainer .event_list ul li a, .newscontainer .list_rssreader .article .link a { color: var(--blue); font-size: 90%; font-weight: 600;}
.newscontainer .event_list ul li .bgimage { height: 100px;width: 100px;background-size: contain;visibility: hidden; background-color: white; }
.newscontainer .evnt_icalreader ul li .bgimage { visibility: visible; }
.newscontainer .event_list ul li .link {}





.newscontainer .list_rssreader .article {background-color: var(--grey); padding: 20px; min-height: 180px; border-bottom: 2px solid white; transition: all .3s ease-in;  cursor: pointer;}
.newscontainer .list_rssreader .article .feedtitle, .newscontainer .list_rssreader .article .image, .newscontainer .list_rssreader .article .headline, .newscontainer .list_rssreader .article .published, .newscontainer .list_rssreader .article .link{display: block !important;}
.newscontainer .list_rssreader .article .feedtitle {color: var(--darkgrey); font-size: 14px; margin-bottom: 10px; font-style: italic;}
.newscontainer .list_rssreader .article .image a{float:right; width: 150px; height: 150px; display: flex; align-items: center; justify-content: center;}
.newscontainer .list_rssreader .article .image img{max-width: 100%; max-height: 120px; height: auto;}
.newscontainer .list_rssreader .article .headline{font-size: 20px;}
.newscontainer .list_rssreader .article .published::before { content: 'Published: ';  } 

.noarticles p, .noevents p{ text-align: center; font-weight: 700; font-size: 90%; padding: 20px 0; }



@media ( max-width: 900px )
{
    .newscontainer .util_tabbed .event_list ul li .info { width: 50%; }
}

@media ( max-width: 600px )
{
    .newscontainer .util_tabbed ul.ui-widget-header li a {font-size: 14px;display: flex; align-items: center; justify-content: center; white-space: normal;  text-align: center;}
    .newscontainer .util_tabbed .event_list ul li { flex-direction: column; gap: 20px; }
    .newscontainer .util_tabbed .event_list ul li .info { width: 100%;  }
    .newscontainer .util_tabbed .event_list ul li .bgimage{display: none;}
    .newscontainer .util_tabbed .list_article .article { min-height: 180px; height: 100%;  }
    .newscontainer .util_tabbed .list_article .article .bgimage { margin: 0px auto 20px auto; }

   .newscontainer .list_rssreader .article .image a{float:unset; margin: 0 auto 20px auto; height: auto; min-height: 80px;}
}




/* News and Events page*/

.std_newsarticlea, .event_eventpage{ margin: 50px auto; max-width: 1100px; padding: 0px 10px;}
.std_newsarticlea .created, .event_eventpage .info { text-align: center; color: var(--blue); font-weight: 500; font-size: 110%; margin: 20px 0; }
.std_newsarticlea .created::before { content: 'Published: ' }
.std_newsarticlea .abstract { display: none; }

.std_newsarticlea .image img, .event_eventpage .image img { display: block; max-width: 100%; height: auto; text-align: center; margin: 10px auto 30px auto; }


@media ( max-width: 1040px )
{
    .event_eventpage .image img { max-width: 100%; height: auto; }
}



/* Surname interests */

.surname{max-width: 1200px; margin: 40px auto;}

.np_memberinterests .introduction p:first-of-type { background-color: var(--blue);max-width: 1000px;padding: 40px 200px;text-align: center;margin: 40px auto 20px auto;font-weight: 700;font-size: 100%;line-height: 1.5;}
.np_memberinterests .introduction p:last-of-type { font-weight: 700;  }

.surname .nameandplace { background-color: var(--lightgrey); border-top: 10px solid var(--yellow); padding: 30px; }
.surname .nameandplace h2 { text-align: center; font-size: 150%; padding-bottom: 20px;  }
.surname .nameandplace form { max-width: 300px; margin: 0px auto; }
.surname .nameandplace form .field { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

.surname .buttons { text-align: center; }
.surname .buttons input[type=submit] { background-color: var(--yellow); border-radius: 5px; }


@media ( max-width: 1040px )
{
    .np_memberinterests .introduction p:first-of-type { padding: 20px; }
}

/* dataTable */

.np_memberinterests h2 { display: none; }

.np_memberinterests .loginrequired, .np_memberinterests .contact { text-align: center; font-weight: 700; }

.np_memberinterests .contact form { padding: 30px 0px;}

.surname .buttons button, .surname .buttons a{ cursor: pointer; padding: 10px 30px; font-size: 100%; margin: 20px 10px; text-align: center; background-color: var(--orange); border: none; color: white; font-family: UrbaneRoundedDemiBold; position: relative; top: 0; transition: top ease 0.3s;}

.surname .buttons button:hover, .surname .buttons a:hover {top: -5px;} 

.surname .dataTables_processing {color: white; text-align: center; padding: 5px 5px 5px 5px ; margin-left: 65px; margin-top: 10px; background: var(--yellow); max-width: 200px;}
.surname table.dataTable {border: none;}
.surname table.dataTable th, table.dataTable td { border: none; }
.surname table.dataTable th { border-bottom: solid var(--darkgrey) 2px;  padding: 5px;}
.surname table.dataTable td { border-bottom: solid var(--grey) 1px; }

.surname table.dataTable a {display: block;}
.surname table.dataTable a:hover { text-decoration: underline; }
.surname table.dataTable tr td {padding: 10px 10px;}
.surname table.dataTable .summary {font-size: 80%; color: var(--blue);}
.surname table.dataTable td.price {padding: 10px 20px 10px 7px;}
.surname table.dataTable .buybutton a{text-align: center; background: none;}
.surname table.dataTable .buybutton a:hover {background: none; color: black;}
.surname table.dataTable .buybutton {background: var(--blue);}
.surname table.dataTable tr:hover { background-color: var(--tgrey); }
.surname table.dataTable select{padding-right: 0px; }
.surname table.dataTable a{overflow-wrap:break-word;}
.surname table.dataTable .addbutton a{display: block;}
.surname .dataTables_filter label {padding: 10px 0px;}

.surname .dataTable { padding: 30px 0px; }
.surname .dataTables_length { float: right; } 
.surname .dataTables_filter {padding-right: 15px;}
.surname .dataTables_filter input[type=search] { margin-left: 10px; height: 35px;}

.surname .np_memberinterests .dataTables_wrapper {margin:20px 0px;}
.surname .np_memberinterests .dataTables_info { float: left; width:50%;}
.surname .np_memberinterests .dataTables_paginate { float: right; width:50%; text-align: right; cursor: pointer;}
.surname .np_memberinterests .dataTables_paginate .paginate_button { padding: 0px 5px;}
.surname .np_memberinterests .dataTables_paginate .paginate_button:hover {text-decoration: underline;}
.surname .np_memberinterests .dataTables_wrapper td { padding: 5px 0px;}
.surname .np_memberinterests .dataTables_wrapper th { background-color: var(--grey); padding: 5px 0px; color:black;}
.surname .np_memberinterests .dataTable td a {background: var(--blue); display: block; text-align: center; transition: all .3s ease-in-out}
.surname .np_memberinterests .dataTable td a:hover { background-color: rgb(51, 132, 172); color: white;  }
.surname .np_memberinterests .contact .formbuilder  .field_readonly .label {   width: 100%; padding: 13px 10px 0px 10px; text-align: center; }
.surname .np_memberinterests .contact .formbuilder  .field_readonly .input {border: solid 3px var(--grey);  width: 100%; padding: 10px; text-align: center;}
.surname .np_memberinterests .contact .formbuilder .label, .np_memberinterests .contact .formbuilder .input {font-size: 20px;margin:15px 0px;}
.surname .np_memberinterests .contact .formbuilder .label:first-of-type { margin-top: 0px; }
.surname .np_memberinterests .add fieldset .formbuilder {display: flex; justify-content: center; gap: 10px; flex-wrap: wrap;}
.surname .np_memberinterests .add .formbuilder{ background: var(--lgreen); padding: 40px; max-width: 500px; margin: 40px auto;}
.surname .np_memberinterests .add .field_text {display: flex; justify-content: center; align-items: center; text-align: left; gap: 10px;}
.surname .np_memberinterests .add .field_text .label {width: 90px; font-size: 20px; font-weight: bold; margin: 10px 0px;}
.surname .np_memberinterests .add .buttons {text-align: center;}

.surname .np_memberinterests .search .formbuilder { background-color: var(--grey); margin-bottom: 20px; max-width: unset;}

@media( min-width: 800px )
{
    .surname .np_memberinterests .search .formbuilder { display: flex; justify-content: space-between; background-color: var(--grey); padding: 10px; margin-top: 20px;}
    .surname .np_memberinterests .search .formbuilder .field_group { width: 49%; margin: 0; padding: 10px;}
}

.surname .np_memberinterests .search .formbuilder .label { font-weight: bold; padding: 0 0 10px 0; font-size: 100%; margin-top: 0;}
.surname .np_memberinterests .search .formbuilder .input .label{display: none;}
.surname .np_memberinterests .search .formbuilder .field_text { padding: 0px 0px 5px 0px; }
.surname .np_memberinterests .search .formbuilder .field_text input { width: 100%; margin-bottom: 15px;}
.surname .np_memberinterests .search .formbuilder .field_radio .radio { display: inline-block; margin-right: 10px; }
.surname .np_memberinterests .search .formbuilder .field_radio .radio label{display: flex; gap:3px; font-size: 90%;}
.surname .np_memberinterests .search .formbuilder .field_radio .radio input[type=radio]{width: 12px;}
.surname .np_memberinterests .search .buttons { text-align: center; }

.surname .dataTable tr.even { background-color: #f3f3f3;}
.surname .dataTables_length { float: right; }
.surname .dataTables_length select { border: 1px solid black; width: 70px; padding: 5px 0px 5px 5px; height: 30px;  font-size: 90%; }
.surname .dataTables_paginate a { transition: all .3s ease-in-out; color: var(--green); font-weight: 700;}
.surname .dataTables_paginate a.disabled { cursor: default; }
.surname .dataTables_paginate a:hover { background-color: var(--grey); }

.surname 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;}
.surname table.dataTable thead .sorting_asc:after { content: "\e155"; }
.surname table.dataTable thead .sorting_desc:after { content: "\e156"; }
.surname table.dataTable thead .sorting:after { opacity: 0.2; content: "\e150" ; } 
.surname 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 
.surname .sorting_desc_disabled:after { position: absolute; bottom: 8px;right: 8px; display: block; font-family: GlyphiconsHalflingsRegular; opacity: 0.5;}