/* Change the background color of the navbar */
#navbar-main.navbar {
    text-align: left;background-color: #af251c !important; /* Dark red color */
}

#navbar-top.navbar {
    background-color: #F5F5F5 !important; /* Light Grey color */
}

/* Change the color of the navbar links */
#navbar-main .navbar-nav .nav-link {
    color: #ffffff !important;/* White color */
   
 
}

/* Change the color of the dropdown links to black with no underline */
#navbar-main .dropdown-menu .dropdown-item a {
    color: #000000 !important; /* Black color */
    text-decoration: none !important; /* Remove underline */
    padding: 5px 5px !important; /* Adjust as needed */
    cursor: pointer !important; /* Hand-like pointer cursor */
    display: block !important; /* Ensure full-width clickable area */
    width: 100% !important;   
}


/* Change the text color of the dropdown item when hovered */
#navbar-main .dropdown-menu .dropdown-item:hover {
    background-color: #af251c !important; /* Red background color */
    color: #000000 !important; /* Black text color */
}

/* Change the text color of the dropdown item when active (clicked) */
#navbar-main .dropdown-menu .dropdown-item:active {
    background-color: #af251c !important; /* Red background color */
    color: #000000 !important; /* Black text color */
}

/* Maintain the red background color when the link is focused */
#navbar-main .dropdown-menu .dropdown-item:focus {
    background-color: #af251c !important; /* Red background color */
    color: #000000 !important; /* Black text color */
}

/* Override the default Bootstrap active class to prevent it from showing blue */
#navbar-main .dropdown-menu .dropdown-item.active {
    background-color: #af251c !important; /* Red background color */
    color: #000000 !important; /* Black text color */
}

/* Styling for the image field */
.views-field-field-image {
    float: left;
    margin-right: 10px; /* Adds some space between the image and the text */
    margin-top: 20px; /* Adds space between each image */
}

/* Container for the title and read more link */
.views-field-content {
    display: inline-block;
    vertical-align: middle;
    margin-top: 20px; /* Aligns with the image */
    padding-top: 10px; /* Adjust padding to fine-tune vertical alignment */
}

/* Stack the title and "read more" link one below the other */
.views-field-title,
.views-field-view-node {
    display: block;
    margin: 0; /* Remove default margin */
    line-height: 1.5; /* Adjust line height if necessary */
}

/* Adjusting the vertical alignment to the image */
.views-field-title {
    margin-top: 40px; /* Increase margin to lower the title */
}

.views-field-view-node {
    margin-top: 10px; /* Increase margin to lower the "read more" link */
}


.views-element-container.contextual-region.block {
  background-color: transparent;
}

.custom-view-wrapper.contextual-region.view {
  background-color: transparent;
}

.contextual, .view-content.row {
  background-color: transparent;
}
/* Target the specific image class */
.img-fluid.d-inline-block.align-top {
    width: 200px; /* Adjust the width to your desired size */
    height: auto; /* Maintain aspect ratio */
    padding-left: 5px;
}

.block-content-basic > .content {
    background-color: transparent;
}
#block-bootstrap-barrio-subtheme-donatetoadr {
    background-color: transparent ;
}

#block-bootstrap-barrio-subtheme-adrspeakspodcast
{
	background-color: transparent ;
}

#block-bootstrap-barrio-subtheme-adrnewsletter
{
		background-color: transparent ;
}

#block-bootstrap-barrio-subtheme-amirkhanvoteappeal
{
		background-color: transparent ;
}

#block-bootstrap-barrio-subtheme-androidapplications
{
   background-color: transparent ;
}

#block-bootstrap-barrio-subtheme-socialtabblock
{
   background-color: transparent ;
	
}

.field-content img
{
	width: 100%;
  height: auto;
}





.field__label {
    display: none;
}

.btn-primary
{
	padding: 3px;
}

input[type="search"]
{
	padding: 3px; 

}


.nav-tabs.nav-justified > li > a {
    padding: 5px; /* Adjust the padding to your preference */
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-tabs.nav-justified > li > a > i {
    font-size: 24px; /* Increase the size of the favicons */
}

.nav-tabs.nav-justified > li {
    margin: 0 10px; /* Adjust the margin between the tabs */
}

.nav-link--user,
.nav-link--user-logout {
  color: blue !important; /* Use !important to override any other styles */
}

.nav-link--user:hover,
.nav-link--user-logout:hover {
  color: darkblue; /* Optional: Change color on hover */
}



/* Center the form container */
.content.container-inline {
  display: flex;
  justify-content: center;
}
.pagination
{
	text-align: center;
}

.adr-images
{
	width: 100%;
  height: auto;
}

/* Only change logo size for mobile devices */
@media (max-width: 767px) {
.region-secondary-menu .navbar-brand img {
  width: 100px !important;     /* or any size you want */
  height: auto !important;     /* maintain aspect ratio */
}

img[src*="Logo_myneta-removebg-preview"] {
    width: 150px !important;
    height: auto !important;
    padding-top: 0px !important;
  }
}

@media screen and (min-width: 769px) 
{
    iframe {  width:100%; height:600px; border:none; /* Set your desired height limit for desktops and larger screens */    }
}



@media screen and (max-width: 768px) 
{
    iframe { width:100%; height: 300px; border:none; /* Set your desired height limit here */   } 
}

.table {
  background-color: #ffffff; /* White background for the table */
}

.table th, .table td {
  background-color: #ffffff; /* White background for table headers and cells */
  border: 1px solid #ddd; /* Light grey border for table cells */
}

.table thead th {
  background-color: #ffffff; /* White background for table headers */
  color: #000000; /* Black text color for table headers */
}

.table-hover tbody tr:hover {
  background-color: #f5f5f5; /* Light grey background for hovered rows */
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #ffffff; /* Ensure odd rows have white background */
}

.table-striped tbody tr:nth-of-type(even) {
  background-color: #ffffff; /* Ensure even rows have white background */
}


.image-container {
    text-align: center;
}

.image-container img {
    display: inline-block;
    margin: 10px; /* Optional: Adds space between the images */
}
#view-field-city-table-column, #view-field-venue-table-column, #view-field-topic-table-column, #view-field-date-table-column, #view-title-table-column, #view-created-table-column
,#view-title-table-column--2
 {
    color: #af251c;
    text-align: center;
}
.contextual-region block-content-basic block block-block-content block-block-contente4d541d2-5078-49a7-b7a7-a37c173b4e9a {
    display: none; /* Hide the block */
}

/* Set text color for the ul and its child elements */
ul.clearfix nav {
    color: white; /* Sets the text color */
}

.nav-link--user-login {
    display: none;
}