/*
 Theme Name:   Rainbow Child
 Theme URI:    http://uucpa.dreamhosters.com/wp-content/themes/rainbow-child/
 Description:  UUA Congregation Child Theme for UUCPA
 Author:       Eric Bier
 Author URI:   http://uucpa.dreamhosters.com
 Template:     uua-congregation
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         uucpa, 2015
 Text Domain:  rainbow-child
*/
.uucpahome a {
	color: #5D2222 !important;
}
.wp-block-cover__inner-container {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: white !important;
}
.wp-block-cover__inner-container a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: white !important;
}
.main.uucpahome * {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.site-notice  {
    background-color: inherit !important;
    color: #5D2222 !important;
}

.rounded {
  border-radius: 10px; /* All four corners will have a radius of 10 pixels */
  padding-left: 10px;
  padding-right: 10px;
}
.uucpabutton {
  text-align: center;
  padding: 5px;
  min-width: 100px;
  min-height: 50px;
}

.uucpabutton p {
  text-align: center;
  line-height: 1em;
}


.center-flex {
    display: flex;
    justify-content: center; /* horizontally center items */
    align-items: center; /* vertically center items */
}

td.em-bookings-ticket-table-spaces {
	padding: 5px;
	text-align: left;

}
td.em-bookings-ticket-table-price {
	padding: 5px;
	text-align: right;
}
th.em-bookings-ticket-table-price {
	padding: 5px;
	text-align: right;
}
td.em-bookings-ticket-table-type {
	padding: 5px
}

span.fc-title {
            padding: 5px !important;
                text-overflow: ellipsis !important;
                    white-space: pre-line;
            }
            .fc-day-grid-event .fc-content {
                    white-space: pre-wrap;
                    overflow: hidden;
            }

/*
  background-color: #bbbd98;
  */
body.aqua-green .content-info {
  background-color: #c9bcaf;
  color: #000000;
}

body.aqua-green .content-info a {
  color: #000000;
}
body.aqua-green .home-widget-2 {
  background: #cbd0e7;
}

a.buttonlink:link, a.buttonlink:visited {
  background-color: #08606c;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}
a.buttonlink:hover, a.buttonlink:active {
  background-color: teal;
}

a {
color: #428bca;
}
a:hover {
  text-decoration: underline;
}

body.aqua-green .content-info .footer-widgets .affiliation-logos .uua-flag {
  width: 174px;
  height: 84px;
}

body.aqua-green .content-info .footer-widgets .affiliation-logos {
  text-align: right;
}

body.grey-red {
}

body.aqua-green {
	background: white;
}
body.aqua-green .thumbnail:hover h4,
body.aqua-green .wp-caption:hover h4,
body.aqua-green .sidebar-nav-collapse a,
body.aqua-green .widget a,
body.aqua-green .dropdown-menu a,
body.aqua-green .wp-caption:hover h4 {
  color: black;
}
body.aqua-green .dropdown-toggle {
	color: white;
}

body.aqua-green a {
	color: #428bca;
}
body.aqua-green .navbar-default .navbar-nav > .active.menu-item-2525 >  a {
}
body.aqua-green .navbar-default .navbar-nav > .active.menu-item-2695 >  a {
  background-color: #cd5a2b;
}
body.aqua-green .navbar-default .navbar-nav > :not(.active).menu-item-2695 > a {
  background-color: #cd5a2b;
}
body.aqua-green .navbar-default .navbar-nav > .active.menu-item-2404 >  a {
  background-color: #781e20;
}
body.aqua-green .navbar-default .navbar-nav > :not(.active).menu-item-2404 > a {
  background-color: #781e20;
}

body.aqua-green .navbar-default .navbar-nav > .active.menu-item-2406 >  a {
  background-color: #787c32;
}
body.aqua-green .navbar-default .navbar-nav > :not(.active).menu-item-2406 > a {
  background-color: #787c32;
}

body.aqua-green .navbar-default .navbar-nav > .active.menu-item-2408 >  a {
  background-color: #10562e;
}
body.aqua-green .navbar-default .navbar-nav > :not(.active).menu-item-2408 > a {
  background-color: #10562e;
}

body.aqua-green .navbar-default .navbar-nav > .active.menu-item-2407 >  a {
  background-color: #45587F;
}
body.aqua-green .navbar-default .navbar-nav > :not(.active).menu-item-2407 > a {
  background-color: #45587F;
}

body.aqua-green .navbar-default .navbar-nav > .active.menu-item-2411 >  a {
  background-color: #1482B5;
}
body.aqua-green .navbar-default .navbar-nav > :not(.active).menu-item-2411 > a {
  background-color: #1482B5;
}

body.aqua-green .nav.nav-pills > li.menu-item-4685 > a,
body.aqua-green .nav.nav-pills > li.menu-item-2399 > a,
body.aqua-green .nav.nav-pills > li.menu-item-2400 > a,
body.aqua-green .nav.nav-pills > li.menu-item-2523 > a,
body.aqua-green .nav.nav-pills > li.menu-item-2524 > a
{
  color: #000000;
}

.masthead-header {
	background: #cbd0e7;
}

.masthead-header.uucpahome {
	background: #ffffff !important;
}

.logo-area {
  margin-top: 4px;
}


.navbar-brand .site-title h1 {
	      color: black;
}

.navbar-brand .site-title { /* mobile devices */
  position: relative;
  top: 0px;
}

.navbar-brand .site-title h1 { /* mobile devices */
  margin-left: 63px;
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 5px;
}

.header-right .social-media-links { /* mobile devices */
  margin-top:3px;
  margin-bottom:3px;
}

.header-right .menu-utility-menu-container .menu-item { /* mobile devices */
  margin-left: 0px;
  font-size: 9px;
}

.header-text-field {
  margin-top: 6px;
}

.header-text-field h4 {
  font-size: 12px;
  margin-top: 0px;
}

.carousel .carousel-caption h4 {
  padding-top: 3px;
  line-height: 110%;
}

.upcomingservice_widget {
  padding-top: 4px;
}

@media only screen and (min-width: 768px) { /* larger screens */
  .navbar-brand .site-title {
    position: relative;
    top: 0px;
  }

  .navbar-brand .site-title h1 { /* larger screens */
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .navbar-brand .site-title { /* larger screens */
    margin-left: 93px;
  }

  .header-right .social-media-links { /* larger screens */
    margin-top:4px;
    margin-bottom: 4px;
  }

  .header-right .menu-utility-menu-container .menu-item { /* mobile devices */
    margin-left: 2px;
    font-size: 11.5px;
  }

  .header-text-field h4 {
    font-size: 14px;
    margin-top: 0px;
  }

  .carousel .carousel-caption h4 {
    padding-top: 10px;
    line-height: 130%;
  }

  .upcomingservice_widget {
    padding-top: 20px;
  }
}


body.aqua-green .upcomingservice_widget ul li a,
body.aqua-green .thumbnail p.box-link,
body.aqua-green .wp-caption p.box-link,
body.aqua-green .wp-caption p.box-link {
  background-color: #07616c;
}
body.aqua-green .upcomingservice_widget ul li a:hover {
  background-color: #3897a4;
  text-decoration: none;
}

body.aqua-green .thumbnail:hover p.box-link,
body.aqua-green .wp-caption:hover p.box-link,
body.aqua-green .wp-caption:hover p.box-link {
  border-color: #3897a4;
  background: #3897a4;
  text-decoration: none;
}

/*
body.aqua-green .thumbnail:hover h4,
body.aqua-green .wp-caption:hover h4,
body.aqua-green a,
body.aqua-green .wp-caption:hover h4 {
  color: #e11218;
}
*/

body.aqua-green .thumbnail p.box-link,
body.aqua-green .wp-caption p.box-link,
body.aqua-green .wp-caption p.box-link {
  border-color: #1D6166;
    background: #1D6166;
    color: #ffffff;
}

body.aqua-green .carousel .carousel-caption h4,
body.aqua-green .carousel .carousel-caption p {
  background: #cbd0e7;
}

.slide-location {
  background: #07616c;
  color: white;
}
body.aqua-green .navbar-default,
body.aqua-green .container > .navbar-header,
body.aqua-green .container-fluid > .navbar-header,
body.aqua-green .container > .navbar-collapse,
body.aqua-green .container-fluid > .navbar-collapse,
body.aqua-green .slide-location,
body.aqua-green .dropdown-menu > .active > a,
body.aqua-green .dropdown-menu > .active > a:hover,
body.aqua-green .dropdown-menu > .active > a:focus,
body.aqua-green .navbar-toggle {
  background-color: #07616c;
  text-decoration: none;
}
/*
body.aqua-green .navbar-default .navbar-nav > .active > a,
body.aqua-green .navbar-default .navbar-nav > .active > a:hover,
body.aqua-green .navbar-default .navbar-nav > .active > a:focus,
body.aqua-green .navbar-default .navbar-nav > li > a:hover,
body.aqua-green .navbar-default .navbar-nav > li > a:focus,
body.aqua-green .navbar-default .navbar-nav > .open > a,
body.aqua-green .navbar-default .navbar-nav > .open > a:hover,
body.aqua-green .navbar-default .navbar-nav > .open > a:focus,
body.aqua-green .navbar-default .navbar-toggle:hover,
body.aqua-green .navbar-default .navbar-toggle:focus,
body.aqua-green .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
body.aqua-green .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
body.aqua-green .nav-toggle {
  background-color: #0dc9db;
color; #e11218;
}*/
.content-info .spacer:after {
  background: #07616c;
}
.page .main ul.lcp_catlist {
	list-style: none;
	padding: 0;
}
.page .main ul.lcp_catlist a {
	display: block;
	font-weight: normal;
}
.lcp_date {
	display: block;
	font-style: italic;
}
ul.uucpa_feature img {
	filter: drop-shadow(3px 1px 4px #dedede);
}
figure.uucpa_image img {
	filter: drop-shadow(3px 1px 4px #dedede);
}
/*
  .navbar-brand img {
  width: 25vw;
  height: auto;
}
*/

.events-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.event-item {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.event-thumbnail {
    flex: 1 1 33%;
    max-width: 33%;
    padding-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.event-details {
    flex: 2 1 67%;
    max-width: 67%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.event-title {
    font-size: 1.25rem;
    margin: 0 0 10px;
}

.event-date {
    font-size: 1rem;
    margin: 0 0 5px;
    color: #555;
}

.event-excerpt {
    font-size: 1rem;
    color: #333;
}

/* Responsive Styles */
@media (max-width: 768px) {
    .event-item {
        flex-direction: column;
    }

    .event-thumbnail {
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 15px;
    }

    .event-thumbnail img {
        width: 100%;
        height: auto;
        max-width: 100%; /* Ensure the image stays contained */
        border-radius: 5px;
    }

    .event-details {
        max-width: 100%;
        flex: 1 1 100%; /* Ensure details take full width */
        padding: 0; /* Remove any extra padding */
    }
}