/*
Theme Name: United Church of Beloit
Version: 1.0
Description: Child theme Enfold
Author: Resonate Web Marketing
Author URI: http://www.resonatedev.com
Template: enfold
*/


/*Add your own styles here:*/

.ubc-shadow h2{
     text-shadow: 1px 5px 14px black;
}
.ubc-shadow h3{
     text-shadow: 1px 5px 14px black;
}
.ubc-shadow p {
     text-shadow: 1px 5px 14px black;
}
.ubc-shadow {
	 text-shadow: 1px 5px 14px black;
}
span.credit-link {
	float:right;
  margin-left: .50rem;
}
/* TRANSPARENT (top): white menu links */
#header.av_header_transparency #avia-menu > li > a,
#header.av_header_transparency #avia-menu > li > a span {
  color: #fff !important;
}

/* SCROLLED (after scroll): black menu links */
#header.header-scrolled #avia-menu > li > a,
#header.header-scrolled #avia-menu > li > a span {
  color: #111 !important;
}

/* Optional: hover/active color when scrolled */
#header.header-scrolled #avia-menu > li > a:hover,
#header.header-scrolled #avia-menu > li.current-menu-item > a,
#header.header-scrolled #avia-menu > li.current_page_item > a {
  color: #009999 !important;
}

/* Optional: burger icon (mobile) */
#header.av_header_transparency .av-burger-menu-main a { color: #fff !important; }
#header.header-scrolled .av-burger-menu-main a { color: #111 !important; }

/* SCROLLED: force search + social icons to dark */
#header.header-scrolled .social_bookmarks a,
#header.header-scrolled .social_bookmarks a:before,
#header.header-scrolled .header_color .social_bookmarks a,
#header.header-scrolled .header_color .social_bookmarks a:before,
#header.header-scrolled .av-social-link a,
#header.header-scrolled .av-social-link a:before,
#header.header-scrolled .av-header-search a,
#header.header-scrolled .av-header-search a:before,
#header.header-scrolled .menu-item-search-dropdown > a,
#header.header-scrolled .menu-item-search-dropdown > a:before,
#header.header-scrolled .av-icon-char,
#header.header-scrolled .av-icon-char:before {
  color: #111 !important;
}
#header.header-scrolled .social_bookmarks svg,
#header.header-scrolled .social_bookmarks svg path {
  fill: #111 !important;
}
/* SCROLLED: make the SVG search icon dark */
#header.header-scrolled #menu-item-search svg,
#header.header-scrolled #menu-item-search svg path,
#header.header-scrolled #menu-item-search svg use {
  fill: #111 !important;
  stroke: #111 !important;
}

/* (Optional) also force the clickable link to dark */
#header.header-scrolled #menu-item-search > a,
#header.header-scrolled #menu-item-search > a:before {
  color: #111 !important;
}
/* -----------------------------------------
   NON-HOMEPAGE: make header/nav look like the scrolled version
------------------------------------------ */

/* menu links */
body:not(.home) #header #avia-menu > li > a,
body:not(.home) #header #avia-menu > li > a span {
  color: #111 !important;
}

/* social icons (icon font) */
body:not(.home) #header .social_bookmarks a,
body:not(.home) #header .social_bookmarks a:before {
  color: #111 !important;
}

/* search icon (SVG) */
body:not(.home) #header #menu-item-search svg,
body:not(.home) #header #menu-item-search svg * {
  fill: #111 !important;
  stroke: #111 !important;
}