/*
Theme Name:     UUA Congregation Child Theme
Description:    A basic child theme for a risk-free method to modify the UUA Congregation theme.
Author:         UUA
Author URI:     https://www.uua.org/communications/websites/wordpress-theme/documentation/technical/child-theme
Template:       uua-congregation
Version:        1.0
**
*/

/**
 * Below is a test to confirm this stylesheet is being applied.
 * It turns all text to all caps. DELETE this after confirmation.
body {
	text-transform: uppercase !important;
}
 */

/* These are the colors used on our site that override the colors used for the aqua-green theme setting
 * #d59f0f = Gold
 * #BC8600 = Dark Gold
 * #005c42 = Green
 * #004329 = Darker Green
 * #303a12 = Dark Olive Green
 * #77A1BB = Light Blue
 * #446E88 = Blue
 * #2A546E = Dark Blue
 */


/* These setting effect the style of the list of Events on the page https://www.wordpresstest.cedarsuuchurch.org/news/events/ */
.events-table {
	width:100%;
}
.event-time {
  	color: #446E88;	
}
.event-description {
  	color: #446E88;
	align-content: left;
}
.event-description a {
	align-content: left;
	padding-left:50px;
}


#n2-ss-margin {
margin: 0px 0px 0px 0px;
}

.staff_description {
    overflow: hidden;
    white-space: normal;
    height: 1.2em; /* exactly 2 lines */
    text-overflow: -o-ellipsis-lastline;
}

/* header utility menu size and color */
#menu-top-utility-menu.nav.nav-pills a {
  color: #BC8600;
  font-size: 16px
}

/* upcoming service section - set the color of the title and speaker */
#upcomingservice_widget-2 h3 a {
	color: white
}
#upcomingservice_widget-2 .speaker a {
	color: white
}

/* sets top utility Search colors */
.slide-search {
	background: #005c42;
}
.sitesearch .input-group .search-field {
	color: #004329;
	border-bottom: 2px solid #004329;
}
.sitesearch .input-group-btn > .btn, .sitesearch .input-group-btn input[type="submit"], .sitesearch .input-group-btn > .comment-form input[type="submit"] {
    background: #004329;
    border: 1px solid #004329;
}
/*.slide-search.active {
  height: 200px;
}*/


/* top utility menu layout */
.header-right {
	text-align: right;
	width:auto
}
.header-text-field h4 {
	text-align:center;
	margin-top:50px
}
.header-text-field {
    margin-left: 0px;
}

#menu-main-menu a {
	padding-left:6px;
	padding-right:6px;
} 

/* fixes newsletter sign-up field widths */
div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:last-of-type {
    max-width: 100%;
}

/* News posts list styling - adds space after each */
.cedars-post-layout.grid {
	display: grid;
	grid-gap: 20px; /* warning is a WordPress bug */
}

/* overrides aqua-green colors with Cedars colors and styles */
body.aqua-green a {
    font-weight: bold;
}
body.aqua-green .home-widget-2 {
  background: #77A1BB;
}
body.aqua-green .content-info {
  background:  #004329;
}
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: #446E88;
}
body.aqua-green .upcomingservice_widget ul li a:hover {
  background-color: #2A546E;
}
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:  #005c42;
}
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: #004329;
}
body.aqua-green .carousel .carousel-caption h4,
body.aqua-green .carousel .carousel-caption p {
  background: rgba(160, 195, 59, 0.95);
  color: #222;
}
body.aqua-green .carousel .carousel-caption h4 a {
  color: #303a12;
  border-bottom: 1px solid #303a12;
}
body.aqua-green .carousel .carousel-caption h4 a:hover {
  border-bottom: 3px solid #303a12;
}
body.aqua-green .upcomingservice_widget ul li a {
  color: white;
}

body.aqua-green .wp-caption:hover p.box-link,
body.aqua-green .wp-caption:hover p.box-link {
  border-color: #446E88;
  background: #446E88;
}
body.aqua-green .wp-caption:hover h4,
body.aqua-green .wp-caption:hover h4 {
  color: #005c42;
}
body.aqua-green .thumbnail:hover h4 {
  color: #005c42;
}
body.aqua-green .thumbnail h4 {
  color: #446E88;
}
body.aqua-green .thumbnail:hover p.box-link {
  border-color: #005c42;
  background: #005c42;
}
body.aqua-green .thumbnail p.box-link {
  border-color: #446E88;
  background: #446E88;
}

body.aqua-green a {
  color: #005c42;
}

body.aqua-green a.nav-toggle,
body.aqua-green .dropdown-menu > li > a:hover,
body.aqua-green .dropdown-menu > li > a:focus {
  color: white;
}
body.aqua-green .content-info a,
body.aqua-green .slide-location a {
  color: #d59f0f;
}

/* These are specific to Small Devices, Phones */
/* make the logo smaller on small devices */
.navbar-brand img {
    height: 100px;
}

/* this controls the "Find Us" slider height on small devices*/
.row.slide-location.active {
	height:710px;
}


/* These are specific to Medium Devices, Desktops */
@media only screen and (min-width: 992px) {

/* these 3 make the logo bigger on medium devices */
.navbar-brand {
    height: 170px;
}
.navbar-brand img {
    height: 150px;
}
.logo-area {
	width: 387px
}

/* this controls the "Find Us" slider height */
.row.slide-location.active {
	height:500px;
}
	
/* overrides aqua-green colors with Cedars colors, "Learn More" boxes and hovering */
body.aqua-green .thumbnail p.box-link,
  body.aqua-green .wp-caption p.box-link,
  body.aqua-green .wp-caption p.box-link {
    background: white;
    color: #446E88;
  }
  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 {
    color: white;
  }
	
} /* end Medium Devices, Desktops */