/* ===================================== css 11/03/2026 start =============================================== */
/* BLOG GRID */
.blog-items .blog-item:nth-last-child(-n+3) {
    display: none!important;
}

.custom-blog-post{
    display:grid!important;
    grid-template-columns: repeat(2,1fr)!important;
    gap:40px!important;
    margin-top:40px!important;
}
/* BLOG CARD */
.custom-blog-post .blog-item{
    background:#fff!important;
    padding:25px!important;
    border-radius:8px!important;
    box-shadow:0 3px 10px rgba(0,0,0,0.08)!important;
    transition:0.3s!important;
}
.custom-blog-post .blog-item:hover{
    transform:translateY(-5px)!important;
}
/* TITLE */
.custom-blog-post .page-header h2{
    font-size:26px!important;
    font-weight:600!important;
    margin-bottom:15px!important;
    line-height:1.4!important;
}
/* IMAGE */
.custom-blog-post .item-image{
    display:block!important;
    margin-bottom:15px!important;
}
.custom-blog-post .item-image img{
    width:100%!important;
    height:auto!important;
    border-radius:6px!important;
}
/* CONTENT */
.custom-blog-post .introtext{
    font-size:16px!important;
    line-height:1.7!important;
    color:#555!important;
    margin-bottom:20px!important;
}
/* READ MORE BUTTON */
.custom-blog-post .readmore a{
    display:inline-block!important;
    padding:10px 18px!important;
    background:#222!important;
    color:#fff!important;
    font-size:14px!important;
    border-radius:4px!important;
    text-decoration:none!important;
}
.custom-blog-post .readmore a:hover{
    background:#000!important;
}
/* MOBILE RESPONSIVE */
@media(max-width:768px){
.custom-blog-post{
    grid-template-columns:1fr!important;
}
.custom-blog-post .page-header h2{
    font-size:22px!important;
}
}
/* ===================================== css 11/03/2026 end =============================================== */



h1, h2, h3, h4, h5, h6 {
	font-family: "Titillium Web", serif;
	font-weight:normal
}
#before_top_row1_inner, #before_top_row2_inner, #before_top_row3_inner, #before_bottom_row1_inner, #before_bottom_row2_inner, #before_bottom_row2_inner {
	padding: 30px 0px;
}

p {
	margin-bottom: 20px;
}
.s5_custom34_right_50, .s5_custom4_right_50 {background-attachment: fixed !important;}
@media (min-width: 1400px) {

	.s5_wrap2 {
		max-width: 1600px;
		margin: 0px auto;
	}
}

#s5_menu_wrap.s5_wrap_fmfullwidth, #s5_menu_wrap.s5_wrap_fmfullwidth #s5_menu_wrapitems {
	background: transparent !important;
	box-shadow: none !important;
}

#s5_logo_wrap {
	max-height: 80px !important;
}

#s5_menu_wrap.s5_wrap_fmfullwidth #s5_menu_wrapitems {
	min-height: 40px !important;
	height: auto !important;
	background: transparent !important;
}

#s5_menu_wrap.s5_wrap_fmfullwidth {
	padding: 0px !important;
	background: rgba(0,0,0,0.5) !important;
}

#top-right {
	background: rgba(0,0,0,0.5) !important;
	color: #fff;
	padding: 5px 20px 0px 20px;
	margin-top:1px;
}

#top-right a {
	color: #fff;
}


#s5_menu_wrap.s5_wrap_fmfullwidth ul#s5_nav li a {
	color: #fff !important;
}


#s5_bottom_row3_area_inner h3.s5_mod_h3 , #s5_bottom_row3_area_inner .s5_h3_first, #s5_bottom_row3_area_inner .s5_h3_last{
  color: #eee !important;
}

#s5_bottom_row3_area_inner, #s5_bottom_row3_area_inner h3, #s5_bottom_row3_area_inner a, #s5_bottom_row3_area_inner p , #s5_bottom_row3_area_inner div, #s5_bottom_row3_area_inner h3.s5_mod_h3{
	color: #eee;
}


#s5_footer_area1 {
  background: #252525
}

#s5_footer_area1, #s5_footer_area1 h3, #s5_footer_area1 a, #s5_footer_area1 p , #s5_footer_area1 div, #s5_footer_area1 h3.s5_mod_h3{
	color: #eee;
}


.come-in-right {
  transform: translateX(300px);
  animation: come-in-right 1.4s ease forwards;
}


.module-transition-from-right.come-in-right:nth-child(odd) {
  animation-duration: 0.8s; /* So they look staggered */
}

@keyframes come-in-right {
  to { transform: translateX(0); }
}



.come-in-left {
  transform: translateX(-300px);
  animation: come-in-left 1.4s ease forwards;
}


.module-transition-from-left.come-in-left:nth-child(odd) {
  animation-duration: 0.8s; /* So they look staggered */
}

@keyframes come-in-left {
  to { transform: translateX(0); }
}



.come-in-bottom {
  transform: translateY(300px);
  animation: come-in-bottom 1.4s ease forwards;
}


.module-transition-from-bottom.come-in-bottom:nth-child(odd) {
  animation-duration: 0.8s; /* So they look staggered */
}

@keyframes come-in-bottom {
  to { transform: translateY(0); }
}


.s5_wrap_fmfullwidth #s5_logo_wrap {margin-top: -4px;}
.s5_wrap_fmfullwidth #s5_logo_wrap p {padding-top: 8px !important;}
.s5_wrap_fmfullwidth #s5_logo_wrap img {width: 65px !important;}
 .s5_module_box_2 a.readon{background-color:#43C2C8;}
 .s5_module_box_2 .customlargetitle a.readon{background-color:#ffffff;}
  
 .page745 .slideElement{background-size:cover;}
 .page746 .slideElement{background-size:cover;}
 .page747 .slideElement{background-size:cover;}
 
 
 #s5_top_row3 {text-align: center;}
 #s5_top_row3 .module_round_box h3.s5_mod_h3 {font-size: 40px;}
 #s5_top_row3 .s5_tab_show_outer_wrap {margin-top: 30px;}
 #s5_top_row3 .s5_tab_show_slides_container_wrap_outer {margin-top: 0;}
 #s5_top_row3 .s5_tab_show_slide_inner p:last-child {margin: 0;}
 #s5_top_row3 .s5_tab_show_slide_button_inactive, #s5_top_row3 .s5_tab_show_slide_button_active {margin: 0;padding: 0:}
 #s5_menu_wrap {z-index: 9999;}
 
 
 @media only screen and (max-width: 767px) {
	 #s5_pos_custom_1 .ls-layers .ls-wrapper .ls-layer {display: none !important;}
	 #s5_body #s5_body_padding #s5_menu_wrap {position: relative;top: 0 !important;}
	 #top-right p {margin: 0;}
	 #s5_responsive_mobile_sidebar_body_wrap #s5_responsive_mobile_bar_active {display: none;}
	 .s5_responsive_mobile_present #s5_responsive_mobile_top_bar {position: absolute;width: auto;background: none;}
	 .s5_responsive_mobile_present #s5_responsive_mobile_bottom_bar, .s5_responsive_mobile_present #s5_responsive_mobile_top_bar, .s5_responsive_mobile_present #s5_responsive_mobile_top_bar_spacer {height: auto;}
	 .s5_responsive_mobile_present #s5_responsive_mobile_top_bar_wrap {width: auto;top: 30px !important;z-index: 999999 !important;background: none;}
	 #s5_responsive_mobile_toggle_click_menu, #s5_responsive_mobile_toggle_click_menu span {border: none !important;}
	 .s5_module_box_2 a.readon {display: inline-block;margin: 5px;width: 120px;}
 }
 @media only screen and (max-width: 567px) {
	 #s5_top_row3 .module_round_box h3.s5_mod_h3 {font-size: 25px;}
 }
@media only screen and (max-width: 474px) {
  .customlargetitle .readon.right {margin: 10px;}
}
.item-pageseomenu h1{margin-bottom:0px !important;padding-top:10px !important;}
.item-pageseomenu h2{margin-top:0px !important; font-size:1.5em  !important;padding-top:20px !important;text-transform: lowercase;}
body #colorbox {opacity: 1;}
#cboxClose {display: none;}



.custom li {
  list-style: disc;
 margin-left :15px
}

.blog-items {
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 1em;
  margin-left: -.5em;
  margin-right: -.5em;
  padding: 0;
  display: flex;
}

@media (width >= 992px) {
  .blog-items.columns-2 > div {
    width: 50%;
  }

  .blog-items.columns-3 > div {
    width: 33.3333%;
  }

  .blog-items.columns-4 > div {
    width: 25%;
  }
}

.blog-item {
  flex-direction: column;
  padding: 0 .5em 1em;
  display: flex;
  overflow: hidden;
}

.boxed .blog-item {
  box-shadow: 0 0 2px #3339421a, 0 2px 5px #33394214, 0 5px 15px #33394214, inset 0 3px 0 var(--cassiopeia-color-primary);
  background-color: #fff;
}

.boxed .blog-item .item-content {
  padding: 25px;
}

.blog-item .item-image {
  margin-top: 3px;
  margin-bottom: 15px;
  overflow: hidden;
}

.boxed .blog-item .item-image {
  margin-bottom: 0;
}

@media (width >= 992px) {
  .image-right .blog-item .item-image {
    order: 1;
  }
}

.image-bottom .blog-item .item-image {
  order: 1;
  margin-top: -15px;
}

.image-left .blog-item .item-content {
  padding-left: 25px;
}

.image-right .blog-item .item-content {
  padding-right: 25px;
}

.image-left .blog-item, .image-right .blog-item {
  flex-direction: column;
}

@media (width >= 992px) {
  .image-left .blog-item, .image-right .blog-item {
    flex-direction: row;
  }

  .image-left .blog-item .item-image, .image-right .blog-item .item-image {
    flex: 1 0 40%;
  }

  .image-left .blog-item .item-content, .image-right .blog-item .item-content {
    flex: 1 0 60%;
  }
}

.article-info dd {
  padding: 0;
}

@supports (display: grid) {
  .blog-items {
    grid-gap: 1em;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    margin: 0 0 1em;
    display: grid;
  }

  .blog-items .blog-item {
    padding: 0;
  }

  .blog-items[class^="columns-"] > div, .blog-items[class*=" columns-"] > div {
    flex: 0 auto;
    width: auto;
    max-width: none;
  }

  @media (width >= 992px) {
    .blog-items.columns-2 {
      grid-template-columns: 1fr 1fr;
    }

    .blog-items.columns-3 {
      grid-template-columns: 1fr 1fr 1fr;
    }

    .blog-items.columns-4 {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
  }
}

.blog-items[class^="masonry-"], .blog-items[class*=" masonry-"] {
  column-gap: 1em;
  display: block;
}

.blog-items[class^="masonry-"] .blog-item, .blog-items[class*=" masonry-"] .blog-item {
  page-break-inside: avoid;
  break-inside: avoid;
  margin-bottom: 1em;
  display: inline-flex;
}

@media (width >= 992px) {
  .blog-items.masonry-2 {
    column-count: 2;
  }

  .blog-items.masonry-3 {
    column-count: 3;
  }

  .blog-items.masonry-4 {
    column-count: 4;
  }
}

.image-alternate .blog-item:nth-of-type(odd) .item-image {
  order: 0;
}

.image-alternate.image-left .blog-item:nth-of-type(odd) .item-image {
  order: 1;
  margin-left: 25px;
  margin-right: 0;
}

.image-alternate.image-top .blog-item:nth-of-type(odd) .item-image {
  order: 1;
}

.breadcrumb {
  background-color: #00000008;
  margin-bottom: 0;
}

.no-card .newsflash-horiz li {
  border: 1px solid #dfe3e7;
  border-radius: 0 0 .25rem .25rem;
  padding: 0 1rem 1rem;
  box-shadow: 1px 1px 4px #0000001a;
}

.no-card .newsflash-horiz li figure {
  margin: 0 -1rem 1rem;
}

ul.pagination li {
	display: inline
}

.mod-breadcrumbs li {
  padding-right: 10px
}


input::placeholder, select::placeholder, textarea::placeholder {
  color: #333 !important;
  opacity: 0.7 !important;
}
