body {
  font-family: "sintony", sans-serif, "Tahoma", "Geneva", "Arial";
  font-weight: 400;
  font-size: 14pt;
  color: #666;
  background: #eee;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0;
  margin: 0; }

#mod-custom150 {
  background-image: url("https://centire.org/images/Join-Centire-darkened.jpg");
  background-color: #000;
  color: #fff;
  padding: 50px;
   background-size: cover;
  background-position: center;
}

#mod-custom150 a {
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  color: #000;
  padding: 15px;
  margin-top: 10px;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 1px;
}

#header_right {
  position: relative;
  min-height: 100px;
}

#mod-custom162 {
  position: absolute;
  right: 0;
  width: fit-content;
}

#contentwrapper {
  
  background-color: #fff;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  min-height: 250px; 
  padding: 25px !important;
}

#site-logo {
  margin-right: 25px;
  margin-left: 25px;
}

#site-logo img{
  max-width: 75px;
}

#slideshow_main {
  position: relative;
}

#navigation_main {
    position: absolute;
    top: 0;
    z-index: 2;
    margin-top: 1rem;
  width: 100%;
}

#navbarwrapper {
  padding: 3rem 17%;
}

#nav_bar {
   align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  background-color: #000;
}

#menu {
  padding: 25px;
}

#slideshow {
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}

#slideshow_content {
  width: 100%;
  padding: 25px;
      pointer-events: none;
    position: absolute;
    z-index: 1;
    text-align: center;
    top: 42%;
    background-color: rgba(0, 0, 0, 0.25);
  margin-left: -25px; 
}

#slideshow_content h1, #slideshow_content {
  color: #fff;
}

#bottom {
  background-color: #000;
  color: #fff;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  min-height: 250px; 
  padding: 25px !important;
}

#bottom a:link, #bottom a:visited {
  color: #f3600f;
}

#universities {
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
}

#copyright_logos {
  display: flex;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 25px;
}

#copyright_logos div {
  flex: 1
}

#copyright_logos div img {
  max-height: 130px;
  width: auto;
}

#copyright_menu .nav {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

#copyright_menu .nav li {
  display: inline-block;
  margin: 0 10px;
}

#copyright_menu .nav li a {
  color: #f3600f;
  font-weight: 700;
  text-decoration: none;
}

#copyright {
  text-align: center;
}

.com-users-login form fieldset{
  border: none;
}

.com-users-login form fieldset input {
  line-height: 1.5;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
}

.com-users-login form fieldset input[type="checkbox"] {
  width: auto;
}

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

/* Main menu background */
.maximenuck {
    background: #000 !important;
}

/* Top-level menu items */
.maximenuck > ul > li {
    background: #000 !important;
}

/* Links */
.maximenuck > ul > li > a {
    background: #000 !important;
    color: #ebebeb !important;
}

/* Hover state */
.maximenuck > ul > li:hover > a,
.maximenuck > ul > li.active > a {
    background: transparent !important;
    color: #fff !important;
}

/* Dropdown menus */
.maximenuck ul ul {
  border-top: 2px solid #f3600f !important;
  background-color: #fff !important;
}

.maximenuck ul ul li {
  background-color: #fff !important;
}

.maximenuck ul ul li a {
  background-color: #fff !important;
    color: #000 !important;
}

.maximenuck ul ul li:hover > a {
background-color: #f3600f;
}

div#maximenuck214 div.floatck
 {
    position: absolute;
    display: none;
    padding: 0;
    margin: 0;
    /* width: 180px; */
    text-align: left;
    width: auto;
    z-index: 9999;
    cursor: auto;
    background: #fff;
    padding: 15px 20px;
    border-top: 4px solid #f3600f !important;
   width: 240px;
}

div#maximenuck214 ul.maximenuck li.maximenuck.level1 > a .titreck-text .titreck-title, div#maximenuck214 ul.maximenuck li.maximenuck.level1 > span.separator {
    color: rgba(255, 255, 255, 0.7) !important;
  text-transform: uppercase;
}


div#maximenuck214 ul.maximenuck li div.floatck ul.maximenuck2, div#maximenuck214 ul.maximenuck2 z{
  width: 240px;
}

div#maximenuck214 ul.maximenuck li.maximenuck.level1 > a:hover .titreck-text .titreck-title {
      color: #fff !important;
  background-color: transparent;
}

div#maximenuck214 {
    font-size: inherit;
    line-height: 21px;
    /* text-align: left; */
    zoom: 1;
}

div#maximenuck214 div.floatck {
  padding: 0 !important;
}

div#maximenuck214 div.floatck ul.maximenuck2 li {
  padding: 5px 25px;
}

div#maximenuck214 div.floatck ul.maximenuck2 li a {
  background-color: transparent !important;
}

div#maximenuck214 div.floatck ul.maximenuck2 li:hover a {
  color: #fff !important;
}

div#maximenuck214 ul.maximenuck2 > li:hover {
  background-color: #f3600f !important;
  color: #fff;
}

div#maximenuck214 ul.maximenuck2 li:hover div ul li {
  color: #000;
}

div#maximenuck214 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck215 ul.maximenuck2 li.maximenuck {
  color: #000;
}

div#maximenuck214 ul.maximenuck li.maximenuck ul.maximenuck2 li > a, div#maximenuck214 ul.maximenuck2 li > a {
  color: #000 !important;
}


div#maximenuck214 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, div#maximenuck214 ul.maximenuck2 li:hover > a {
  color: #fff !important;
}

h1, h2, h3, h4, h5, h6 {
  color: #f3600f;
}

a {
  color: #f3600f;
  transition: transform 0.2s ease-in-out;
}

a:hover {
  transform: scale(1.1); 
}

button {
  background: #111;
    color: #fff;
      margin: 0 0 0.5rem 0;
    padding: 0.5rem 0.9rem;
    border-radius: 0.4rem;
    border: 1px solid transparent;
    vertical-align: middle;
}

ul.pagination {
  list-style: none;
}

ul.pagination li {
  display: inline-block;
  background-color: #f3600f;
  padding: 5px;
  margin: 5px;
}

ul.pagination li a {
  color: #fff;
  text-decoration: none;
}

ul.pagination li.active {
  background-color: #fff;
  border: 1px solid #000;
}

ul.pagination li.active a {
  color: #000;
}

.com-content-category-blog__items.blog-items.columns-2, .com-content-category-blog__items.blog-items.columns-3 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; /* Allows items to wrap to the next line */
  gap: 25px;       /* Adds space between columns and rows (optional) */
}

.com-content-category-blog__items.blog-items.columns-2 div {
  flex: 1 1 calc(50% - 13px); /* 50% width minus half of the gap size */
  box-sizing: border-box;    /* Ensures padding doesn't break the layout */
}

.com-content-category-blog__items.blog-items.columns-3 div {
  flex: 1 1 calc(33% - 13px); 
  box-sizing: border-box;
}

.com-content-category-blog__items.blog-items.columns-2 img {
  height: 200px;
  width: auto;
}

@media screen and (max-width: 480px) {
 #header_left div div, #header_left div div a, #copyright_logos {
   display: block !important;
   max-width: 100% !important;
   padding: 0 !important;
 }
  #slideshow {
    overflow: hidden;
  }
  #slideshow img {
    height: 550px;
    width: auto;
  }
  #mod-custom209 div {
    margin: 0 !important;
  }
}