.welcomeblock {
	border-radius:5px;
	background-color:#5387ce;
	padding:10px;
	color:#ffffff;
	line-height:1.5;
}
.welcomeblock2 {
	border-radius:5px;
	background-color:#5387ce;
	padding-top:25px;
	color:#ffffff;
	font-size:13px;
	margin:auto;
	height:175px;
	background-image:url(../images/nigeria.png);
}
.welcomeblock2 a {
	color:#ffffff;
	text-decoration:underline;
}
.welcomeblock3 {
	border-radius:5px;
	background-color:#5387ce;
	padding:15px 5px 5px 5px;
	color:#ffffff;
}
.welcomeblock3 h3 {
	color:#ffffff;
}
.button2 {
	border-radius:5px;
	background-color:#5387ce;
	padding:5px;
	height:45px;
	display:inline-block;
}
.buttondiv {
	display:block;
	overflow:hidden;
	height:45px;
	margin-right:auto;
	margin-left:auto;
}
.buttondiv2 {
	display:block;
	overflow:hidden;
	width:100%;
	height:45px;
	margin-right:auto;
	margin-left:auto;
}
/* Table setup */
.tblbuttons {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* ensures equal-width columns */
}

.tblbuttons td {
  width: 33.3%; /* 3 equal columns */
  padding: 0.5rem;
  text-align: center;
  vertical-align: middle;
}

/* Shared button styles */
.tblbuttons td a {
  display: flex;                  /* flexbox for centering */
  align-items: center;            /* vertical centering */
  justify-content: center;        /* horizontal centering */
  width: 100%;                    /* fill table cell */
  min-height: 65px;               /* consistent button height */
  padding: 0.75rem 1rem;
  font-weight: 600;
  font-size: 1rem;
  border-radius: 6px;
  text-align: center;
  text-decoration: none;
  color: #fff;                    /* readable text */
  background-size: cover;         /* makes image responsive */
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: background 0.2s ease;
}

/* Individual button background styles */
.buttoncal a {
  background-image: url(/sites/default/files/tara/calendarbutton.jpg);
}

.buttoncrl a {
  background-image: url(/sites/default/files/tara/crlbutton.jpg);
}

.buttoncp a {
  background-image: url(/sites/default/files/tara/cpbutton.jpg);
}

/* Mobile: stack buttons vertically */
@media (max-width: 600px) {
  .tblbuttons,
  .tblbuttons tr,
  .tblbuttons td {
    display: block;
    width: 100%;
  }

  .tblbuttons td {
    margin-bottom: 0.75rem;
  }
}
/* Shared add1 button styles */
.add1 a {
  display: flex;                  /* flexbox for centering */
  align-items: center;            /* vertical centering */
  justify-content: center;        /* horizontal centering */
  width: 100%;                    /* full width of table cell */
  min-height: 55px;               /* slightly smaller than main buttons */
  padding: 0.6rem 1rem;
  font-weight: 600;
  font-size: 0.95rem;
  border-radius: 6px;
  text-align: center;
  text-decoration: none;
  color: #fff;                    /* adjust if background is light */
  background: #444;               /* default background (replace as needed) */
  cursor: pointer;
  transition: background 0.2s ease;
}

/* Optional: give each add1 button its own color */
.add1:nth-child(1) a {
  background: #006699; /* Submit Event */
}
.add1:nth-child(2) a {
  background: #9933cc; /* Add Listing */
}
.add1:nth-child(3) a {
  background: #ff6600; /* Add Post */
}

/* Mobile: stack vertically */
@media (max-width: 600px) {
  .tblbuttons,
  .tblbuttons tr,
  .tblbuttons td {
    display: block;
    width: 100%;
  }
  .tblbuttons td {
    margin-bottom: 0.75rem;
  }
.buttoncal p,
.buttoncrl p,
.buttoncp p,
.add1 p {
  margin: 0;       /* remove extra spacing */
  padding: 0;
}
}
.space {
	margin-top:30px;
}
.buttoncal a, .buttoncrl a, .buttoncp a, .button2 a {
	color:#ffffff;
}
.block-facetapi {
	border-radius:5px;
	background-color:#5387ce;
	color:#ffffff;
	line-height:1.5;
	padding:10px;
	font-size:14px;
	margin-bottom:5px;
}
.block-facetapi a {
	color:#ffffff;
}
.block-facetapi h2 {
	color:#ffffff;
}
.blocktitle2 {
	border-radius:5px;
	background-color:#5387ce;
	color:#ffffff;
	line-height:1.5;
	padding:10px;
	font-weight:bold;
	margin-bottom:-20px;
}
.blocktitle3 {
	font-size:14px;
	padding:10px;
	font-weight:bold;
	margin-bottom:-25px;
}
.blocktitle3 a {
	color:#5387ce;
	text-decoration:underline;
}
.page-calendar-events .item-list {
	margin-top:10px;
}
.upcoming-events {
  border-radius: 5px;
  background-color: #dd821d;
  margin-bottom: 20px;
  padding: 5px;
  width: 100%;
  min-height: 95px;

  display: flex;          /* make left (time) + right (content) sit in a row */
  align-items: stretch;   /* both columns same height */
}
.upcoming-1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;  /* push time to the bottom */
  margin-right: 7px;          /* spacing between time and text */
  width: 25px;                /* match the time width */
}
.upcoming-2 {
  display: block;  /* inline-block not needed in flex context */
  flex: 1;         /* take remaining width */
  min-width: 0;    /* prevents overflow issues with long titles */
}
.upcoming-2-posting {
	display:inline-block;
	width:88%;
	vertical-align: text-top;
}
.upcoming-event-photo {
	margin-bottom:5px;
	width:100%;
}
.upcoming-event-photo img {
	width:100%;
	margin:auto;
	border-radius:5px;
	border:solid #dd821d 3px;
}
.upcoming-event-photo-link {
	margin-bottom:5px;
}
.upcoming-event-photo-link img {
	margin:auto;
	border-radius:5px;
	border:solid #5387ce 3px;
	width:260px;
	height:150px;
}
.upcoming-event-time {
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
  color: #dd821d;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #ffffff;
  border-radius: 0 0 5px 5px;
  font-weight: bold;
  font-size: 16px;
  width: 25px;
  margin: 0;              /* let .upcoming-1 handle spacing */
  margin-bottom: -7px;
}
.upcoming-event-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;  /* pushes last child to bottom */
}

.upcoming-event-title {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	line-height:1.2;
	padding:3px;
}
.upcoming-event-title a {
	color:#fff;
}
.upcoming-event-title-posting {
	text-align:center;
	font-size:26px;
	font-weight:bold;
	line-height:1.2;
	padding:3px;
}
.upcoming-event-title-posting a {
	color:#fff;
}
.upcoming-event-date, .upcoming-event-address {
	color:#FFFFFF;
	line-height:1.2;
	font-size:14px;
	text-align:center;
}
.upcoming-event-address-label {
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	margin-right:5px;
	display:inline;
}
.upcoming-event-date-posting {
	color:#FFFFFF;
	line-height:1.2;
	font-size:16px;
	text-align:center;
}
.upcoming-event-date-posting-day {
	color:#FFFFFF;
	line-height:1.2;
	font-size:24px;
	text-align:center;
	font-weight:bold;
	margin-bottom:5px;
}
.upcoming-event-date-repeat {
	color:#FFFFFF;
	line-height:1.2;
	font-size:14px;
	text-align:center;
}
.upcoming-event-date div, .upcoming-event-address div {
}
.aboutbox {
	padding:5px;
	border-radius:5px;
	width:200px;
	background-color:#5387ce;
	float:left;
	text-align:center;
	color:#ffffff;
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
	border:3px #000000 solid;
}
.eventright {
	padding-left:3px;
}
.eventleft {
	padding-right:3px;
}
#admin-menu {
	z-index:9999;
}
.drop-down-login-container {
	height:20px;
	position:absolute;
}
.block-user {
	border-radius:5px;
	background-color:#f9f9f9;
	padding:8px;
}
.block-user h2 {
	color:#5387ce;
	font-weight:bold;
}
.block-user a {
	color:#5387ce;
}
.collapsiblockCollapsed {
	background-color:#009933;
	border-radius:5px;
	padding:8px;
	margin-left:-10px;
	margin-right:-10px;
}
.collapsiblockCollapsed h2 {
	color:#ffffff;
	font-weight:bold;
}
.collapsiblockCollapsed a {
	color:#ffffff;
}
.my-content {
	border-radius:5px;
	background-color:#5387ce;
	padding:10px;
	margin-bottom:10px;
}
.my-content a {
	color:#fff;
}
.region1 {
	display:inline-block;
}

.region2 {
	display:inline-block;
}

.layout1 {
	display:grid;
}

.group-location, .group-media, .group-orginfo, .group-details, .group-description, .group-contact {
	width:95%;
	border-bottom:10px solid #1070bb;
	border-top:10px solid #1070bb;
	border-right:1px solid #1070bb;
	border-left:1px solid #1070bb;
	border-radius:5px;
}

.field-name-field-services-provided, .field-name-field-organization-type, .form-item-field-parent-organization-und-0-value {
	display:inline-block;
	float:left;
}
.community-post {
	margin-bottom:15px;
	border-bottom:2px dotted #000000;
}
.community-post-title {
	margin-left:125px;
	background-color:#5387ce;
	padding:5px 0px 5px 10px;
	margin-bottom:5px;
	border-radius:5px;
	font-size:26px;
}
.community-post-title-block {
	background-color:#5387ce;
	padding:5px 0px 5px 10px;
	margin-bottom:5px;
	border-radius:5px;
	font-size:26px;
}
.community-post-title div {
}
.community-post-title a {
	color:#FFF;
}
.community-post-title-block a {
	color:#FFF;
}
.community-post-photo-block {
	float:left;
	margin-right:5px;
}
.community-post-photo {
	margin-left:125px;
	float:left;
	margin-right:5px;
}
.community-post-photo img {
	border-radius:5px;
}
.community-post-photo-block img {
	border-radius:5px;
}
.community-post-body {
	overflow:hidden;
	height:110px;
	margin-bottom:5px;
}
.community-post-body div {
	float:right;
}
.community-post-email {
	float:right;
}
.community-post-email a {
	color:#fff;
}
.community-post-email-label {
	float:left;
	font-weight:bold;
	margin-right:5px;
}
.community-post-email-wrapper {
	background-color:#5387ce;
	float:left;
	border-radius:5px;
	padding:5px;
	display:inline-block;
}
.community-post-phone {
	color:#fff;
	float:right;
}
.community-post-phone a {
}
.community-post-phone-label {
	float:left;
	font-weight:bold;
	margin-right:5px;
}
.community-post-phone-wrapper {
	background-color:#5387ce;
	border-radius:5px;
	padding:5px;
	display:inline-block;
	margin-left:5px;
}
.submitted {
	background-color:#5387ce;
	border-radius:5px;
	padding:5px;
	color:#FFF;
	font-size:16px;
}
.submitted a {
	color:#FFF;
	text-decoration:underline;
}
.post-date {
	position:absolute;
	width:120px;
	background-color:#5387ce;
	height:200px;
	padding-left:20px;
	border-radius:5px;
}
.posted {
	padding-top:10px;
	color:#fff;
	font-weight:bold;
	font-variant:small-caps;
	margin-left:-10px;
}
.post-date-month {
	color:#FFFFFF;
	font-size:26px;
	text-transform:uppercase;
	line-height:1.2;
}
.post-date-day {
	padding-top:5px;
	color:#FFFFFF;
	font-size:40px;
	font-weight:bold;
	line-height:1.2;
}
.post-date-year {
	color:#FFFFFF;
	font-size:30px;
	font-weight:bold;
	line-height:1.2;
}
.community-post-node-photo {
}
.community-post-node-body {
}
.community-post-node-email {
	background-color:#5387ce;
	border-radius:5px;
	padding:5px;
	width:33%;
	min-width:310px;
	margin-left:1px;
	margin-right:1px;
	display:inline-block;
}
.community-post-node-phone {
	background-color:#5387ce;
	border-radius:5px;
	padding:5px;
	width:33%;
	min-width:310px;
	margin-left:1px;
	margin-right:1px;
	display:inline-block;
}
.community-post-node-links {
	background-color:#5387ce;
	border-radius:5px;
	padding:5px;
	width:33%;
	min-width:310px;
	margin-left:1px;
	margin-right:1px;
	display:inline-block;
}
.community-post-node-links a, .community-post-node-email a {
	color:#ffffff;
}
.community-post-node-photos {
}
.attachments2 {
	background-color:#5387ce;
	border-radius:5px;
	padding:8px;
	margin-top:5px;
}
.attachments2 a {
	color:#ffffff;
}
.attachments {
	background-color:#5387ce;
	border-radius:5px;
	padding:8px;
	margin-top:-5px;
	margin-bottom:5px;
}
.attachments a {
	color:#ffffff;
}
.calendar-link {
}
.calendar-link a {
	color:#5387ce;
}
.calendar-link-wrapper {
}
.view .date-nav-wrapper .date-prev {
	right:80px;
}
.collapsible {
  background-color:#5387ce;
  color: white;
  cursor: pointer;
  padding: 8px;
  border-radius:5px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 15px;
  margin-top:5px;
}

.active3, .collapsible:hover {
  background-color:#9CBAE2;
}

.content3 {
  padding: 10px 18px;
  display: none;
  overflow: hidden;
  margin-bottom:10px;
  background-color:#E0E0E0;
  border-radius:0px 0px 5px 5px;
}
.content3 a {
	color:#5387ce;
}
.main-calendar-photo {
	margin-right:10px;
	float:left;
}
.main-calendar-photo img {
	border:solid #ffffcc 5px;
}
.main-calendar-photo-link {
	margin-right:10px;
	float:left;
	width:35px;
	height:35px;
	object-fit:none;
}
.main-calendar-photo-link img {
	border:solid #ffffcc 5px;
	width:35px;
	height:35px;
	object-fit:none;
}

/* BLOG */
.blogpost {
	width:375px;
	float:left;
	padding:10px;
	align-content: start;
	margin:auto;
}
.blogimage img {
	border-radius: 5px 5px 0px 0px;
}
.blogpostdate {
	color:#FFFFFF;
}
.bloginfo {
	font-size:16px;
	color:#FFFFFF;
	text-align:center;
	margin-top:0px;
}
.blogbody {
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
}
.blogstuff {
	background-color:#5387ce;
	padding:10px;
	text-align:center;
	border-radius: 0px 0px 5px 5px;
	margin:auto;
	height:140px;
}
.blogpost a {
	padding-top:50px;
	color:#FFFFFF;
}
.bloginfo a {
	color:#FFFFFF;
	font-weight:600;
}
.blogbody a {
	color:#FFFFFF;
}
.blogstuff a {
	color:#FFFFFF;
}
.fblogpost {
	margin-top:10px;
}
.fblogpost div {
}
.fblogimage {
	float:left;
	margin-top:-5px;
}
.fblogimage img {
	border-radius: 5px 0px 0px 5px;
}
.fblogimage div {
}
.fblogpostdate {
	color:#FFFFFF;
	font-size:13px;
}
.fbloginfo {
	color:#FFFFFF;
	text-align:center;
}
.fblogbody {
	color:#FFFFFF;
	text-align:center;
	font-size:13px;
}
.fblogstuff {
	background-color:#5387ce;
	text-align:center;
	border-radius: 5px 5px 5px 5px;
	height:130px;
	padding:10px;
}
.fblogstuff div {
}
.fblogpost a {
	color:#FFFFFF;
}
.fbloginfo a {
	color:#FFFFFF;
	font-weight:600;
}
.fblogbody a {
	color:#FFFFFF;
}
.fblogstuff a {
	color:#FFFFFF;
}
.blog-page-image {
	float:left;
	margin:0px 10px 10px 0px;
	border:solid 5px;
	border-radius:5px;
}
.blogtitle {
	background-color:#000000;
	padding:8px;
	border-radius:3px;
}
.blog-post-date {
	background-color:#5387ce;
	padding:5px 5px 5px 0px;
	border-radius:0px 3px 3px 0px;
	margin-bottom:20px;
	color:#FFFFFF;
	font-size:10px;
	font-weight:400;
}
.blog-post-date-label {
	background-color:#5387ce;
	padding:5px 2px 5px 5px;
	border-radius:3px 0px 0px 3px;
	margin-bottom:20px;
	color:#FFFFFF;
	float:left;
	font-size:10px;
	font-weight:400;
}
.blog-post-div {
	margin-top:-15px;
	margin-bottom:20px;
}
.blog-image {
	margin:auto;
}
.blog-page-body {
}
.registerblock {
	color:#FFFFFF;
	background-color:#dd821d;
	padding:10px;
	border-radius:10px;
}
.region-content-top {
	margin-top:-50px;
	margin-bottom:-50px;
}
.quicklinks, .quickcommunitylinks .block-title {
	background-color:#dd821d;
	padding:.5em;
	color:#fff;
	border-radius:5px;
	border-left:3px solid #000;
	font-size:22px;
	font-weight:bold;
}
.quickcommunitylinks .block-title {
	margin-top:.5em;
}

#block-tara-views-block-content-field-event-date-s-on-calendar-block-3 {
	margin-top:-3em;
}
