.abt-title h3::before {
  content: "";
  display: block;
  width: 150px;       /* length of the line */
  height: 3px;       /* thickness */
  background-color: #C00000;
  margin-bottom: 8px; /* space between line and title */
}

.abt-title h1 {
    font-size: 40px;
}
div#slick-30b7fe767d0 {
    padding: 50px;
}

.dialog-off-canvas-main-canvas {
    padding-top: 1px;
}
.banner-img .img-fluid {
    object-fit: cover;
    max-width: 100%;
    height: 500px;
}

/*.field.field--name-field-banner.field--type-image.field--label-hidden.field__item img {*/
/*  width: 100%;*/
/*  height: 450px !important;*/
/*  object-fit: cover;*/
/*}*/
/*spacing*/
.clearfix.text-formatted.field.field--name-field-description.field--type-text-long.field--label-hidden.field__item {
  margin-top: 3%;
}
.timeline-item.clearfix {
  margin-top: 3% !important;
}

.clearfix.text-formatted.field.fieldname-field-description.fieldtype-text-long.fieldlabel-hidden.field__item {
  margin-bottom: 1.4rem;
}

.clearfix.text-formatted.field.field--name-field-text-timeline.field--type-text-long.field--label-hidden.field__item {
  margin-bottom: 3%;
}

.clearfix.text-formatted.field.field--name-field-testimony.field--type-text-long.field--label-hidden.field__item {
  margin-bottom: 2%;
  margin-top:2%;
}

* {
	font-family: Roboto Condensed, sans-serif !important
}
li {
  text-align: justify;
}
p {
    text-align: justify;
    margin-bottom: 0.5rem !important;
}

.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item ul {
  list-style: disc !important;
  margin-left: 5%;
  position: relative
}

.text-align-right {
  direction: rtl;
}
.views-field.views-field-field-daily-notes {
  display: block !important;
}
.views-field.views-field-body ul {
  list-style: disc !important;
  margin-left: 5%;
  position: relative;
}
/*.clearfix.text-formatted.field.fieldname-body.fieldtype-text-with-summary.fieldlabel-hidden.field__item ul {*/
/*  list-style: disc !important;*/
/*  left: 5%;*/
/*  position: relative;*/
/*}*/



#block-usj-stickybuttons {
    position: fixed;
    bottom: 20px; /* Distance from the bottom of the page */
    right: 20px; /* Distance from the right of the page */
    z-index: 9999; /* High z-index to ensure it stays above other content */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sticky-icons {
    font-size: 24px;
    color: #c00000;
}

.fontawesome-icon {
    background-color: #031250;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    display: grid;
    justify-items: center;
    margin-bottom: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Optional: Add shadow for better visibility */
    cursor: pointer; /* Optional: Pointer cursor on hover */
    transition: transform 0.2s ease-in-out; /* Optional: Animation effect */
}

.fontawesome-icon:hover {
    transform: scale(1.1); /* Slight zoom effect on hover */
}


/*menu*/
a.hidden-xs.rs-search {
    display: none;
}

nav.rs-menu {
    background-color: #031250;
}

.rs-menu a {
    color: white !important;
}
.main-menu {
    width: max-content;
}


.field--name-node-title h2 {
	font-size: 26px;
  line-height: normal;
  margin-bottom: 20px;
  padding-bottom: 16px;
  text-transform: uppercase;
  position: relative;
}


.layout--onecol .layout__region .field.field--name-field-image.field--type-image.field--label-hidden.field__item .img-fluid.image-style-wide {
  width: 100%;
  object-fit: cover;
  height: 450px;
}

/*.views-field.views-field-field-images-news {*/
/*  padding-bottom: 3%;*/
/*}*/

/*.field-content .item-list {*/
/*  padding-top: 3%;*/
/*}*/

.paragraph.paragraph--type--testimonials.paragraph--view-mode--default {
    padding-top: 40px;
}

.views-label.views-label-field-daily-notes ,
.views-label.views-label-field-testimonials{
  font-size: 22px;
  font-weight: bold;
}

/*welcome*/
@media only screen (max-width: 540px) {
	h2 {
		font-size:18px !important;
	}
}

/*latest updates*/
.latest-updates .slick-slide img {
    display: block;
    height: 550px;
    width: 550px;
    object-fit: cover;
    padding: 20px;
    border-radius: 100%;
}

button.slick-prev.slick-arrow{
	margin-left: -20px;
}

button.slick-next.slick-arrow {
    margin-right: -40px;
}
/*Timeline*/
/*
#news .clearfix.text-formatted.field.field--name-field-text-timeline.field--type-text-long.field--label-hidden.field__item {
  padding-bottom: 2%;
}
*/
blockquote.image-field-caption {
    font-size: smaller;
}
ul.timeline-list.left li.timeline-item .timeline-item-wrapper{
	    padding-left: 2.5rem;
}

/* straight line */
ul.timeline-list:after{
	width: 2px;
	top: 8.5px;
}

/*li.timeline-item.clearfix.even {*/
/*    padding-top: 6%;*/
/*}*/

/*
.views-field.views-field-field-testimonials {
    padding-top: 2%;
}
*/

ul.timeline-list.left li.timeline-item .timeline-item-wrapper .timeline-marker {
    left: -9px;
    top: 8px;
}
ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker {
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 20px;
    background: #960124;
    border: 3px solid #960124;
    border-radius: 50%;
}


.paragraph.paragraph--type--monthly-news.paragraph--view-mode--default {
  padding-top: 1%;
}

.paragraph.paragraph--type--monthly-news.paragraph--view-mode--default:before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 17px;
    background: #960124;
    border: 3px solid #960124;
    border-radius: 50%;
    position: absolute;
    left: -7.6px;
    z-index: 2;
    margin-top: 9px;
}


.field.field--name-field-weekly-news::before {
  content: '';
    display: inline-block;
    width: 15px; 
    height: 15px; 
    background: #960124;
    border: 3px solid #960124;
    border-radius: 50%; 
    position:absolute;
    left: -6.5px;
    z-index: 2;
    margin-top: 0.5%;
    
}


.paragraph.paragraph--type--daily-notes::before {
  content: '';
    display: inline-block;
    width: 12px; 
    height: 12px; 
    background: #960124;
    border: 3px solid #960124;
    border-radius: 50%; 
    left: -5px;
    position:absolute;
    z-index: 2;
    margin-top: 7px;
}

.paragraph.paragraph--type--testimonials::before {
    content: '“';
    font-size: 85px;
    font-family: Georgia, serif;
    color: #960124;
    position: absolute;
    z-index: 2;
    background-color: white;
    left: -15px;
    margin-top: -2%;
    padding-top: 0%;
    font-style: normal;
    left: -16px;

}

.paragraph.paragraph--type--testimonials.paragraph--view-mode--default {
  font-style: italic;
}

/*team*/
#team {
  width: 101%;
}

.views-field.views-field-title {
  font-size: 24px;
  font-weight: bolder;
}
.views-field.views-field-field-team-picture .field-content img {
  border-radius: 50%;
    object-fit: cover;

}

/*#team .img-fluid.image-style-large {*/
/*  border-radius: 50%;*/
/*}*/

#team .field-content {
  padding-bottom: 3%;
}

.views-field.views-field-field-position {
  font-size: 17px;
  font-style: italic;
  font-weight: bolder;
}
.team-view-web {
    padding-top: 4%;
}
.team-view-mobile{   
	padding-top: 4%;
}
.slick-arrow::before{
	color: #C00000;
}
.slick-slide img {
    display: block;
    height: 280px;
    width: 280px;
    object-fit: cover;
}
/* For larger screens (Web/Desktop) */
@media (min-width: 1035px) {
.field.field--name-field-team-mobile.field--type-viewfield.field--label-hidden {
	display:none;
}
}

/* For smaller screens (Mobile) */
@media (max-width: 1034px) {
 .field.field--name-field-team.field--type-viewfield.field--label-hidden {
    display: none;
}
}

/*social media*/
ul.social-media-links--platforms.platforms.vertical {
    display: flex
;
    gap: 10px;
}

/*policy brief*/

#policy-brief {
  padding-top: 3%;
  padding-bottom: 3%;
}

svg.svg-inline--fa.fa-hashtag.sticky-icons {
    color: #dad1c4;
}
svg.svg-inline--fa.fa-users.sticky-icons{
	 color: #dad1c4;
}
svg.svg-inline--fa.fa-globe.sticky-icons{
	 color: #dad1c4;
}

.contact-desc {
  text-align: center;
}
/*
.fontawesome-icons {
  float: right;
}
*/


/*right menu*/
.rm{
	  position: fixed;
    right: 2px;  /* Adjust this value based on your layout */
    top: 80%;
    transform: translateY(-50%); /* Centers it vertically */
    padding: 10px;
    z-index: 1000; /* Ensures it stays above other elements */
}
.rm-link {
  color: #c00000 !important;
  padding: 2px;
  border: 2px solid #c00000;
  width: 100px;
  display: block;
  background-color: white;
}
.rmlink {
  padding: 5px;
  width: 100px;
}


@media screen and (max-width: 768px) {
	 /*#hamburger-menu {*/
        /*display: block; */
  /*  }*/

    .rm {
        position: fixed;
        right: 10px;
        bottom: 10px;
        padding: 10px;
        border-radius: 10px;
				top: 80%;
				transform: translateY(-50%);
				padding: 0px;
				z-index: 1000;
    }

    /*.rm.active {*/
    /*    display: block; */
    /*}*/

.rmlink {
	  padding: 1px;
}	
/*.rm-link{*/
/*	font-size: 13px;*/
/*}*/
}