/*
 Theme Name:   Storefront Child 2.0
 Theme URI:    http://www.healingheats.com/storefront-child/
 Description:  Child theme, based on Storefront. 2.0 reskins the site chrome to match the /stories, Pastor's Launchpad and Bible Study Preview pages (ivory + watercolor, seal, navy ribbon, burgundy accents).
 Author:       Allan Miller
 Author URI:   http://helloimallan.com
 Template:     storefront
 Version:      2.0.0
 Text Domain:  storefront-child
*/
@import url(https://fonts.googleapis.com/css?family=Tangerine);

/* Palette shared with /stories/_head.php and pastors_launchpad.php, plus
   --navy for the menu ribbon and footer. The Storefront Customizer colors are
   pinned to these same values in functions.php (hh_sf2_theme_colors). */
:root {
	--ivory:#f6f2ea; --paper:#fffdf8; --ink:#2b2a26; --slate:#5c6672;
	--sage:#7d8a6f; --sage-pale:#eef1e9; --slate-pale:#ecedf1;
	--burgundy:#6d2b39; --burgundy-soft:#8a4552; --line:#e6e0d5;
	--navy:#20456a; --navy-soft:#2e5a85; --navy-deep:#142f4a; --navy-text:#f1ede4;
}
html {
	font-size: inherit !important;
}
body {
	margin-top: 0px !important;
	background-color: var(--ivory);
	color: var(--ink);
}
/* Body text at 16px, as on the Launchpad and /stories. Bootstrap 3 sets body to
   14px; the content area (page + sidebars) is raised so relative sizes like
   .small follow, while the tuned header, ribbon and footer stay as they are. */
.site-content {
	font-size: 16px;
}
/* The mountain-sunrise watercolor behind every page, as on /stories/. Fixed so
   it stays put while the page scrolls; the light ivory scrim keeps text legible.
   It is drawn again inside ShiftNav's .shiftnav-wrap, which wraps the whole page
   in its own stacking context (position:relative; z-index:250): blend modes
   such as the Leadership Team map's mix-blend-mode:multiply only blend within
   that context, so without a copy inside it they have nothing to blend with. */
body::before,
.shiftnav-wrap::before {
	content: "";
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: -1;
	background-image: linear-gradient(rgba(246,242,234,.22),rgba(246,242,234,.22)), url(assets/bg-light.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Masthead above the ribbon: seal + the wordmark half of the old logo */
#hh_top-header {
	position: relative;
}
#hh_top-header .hh-brand {
	float: left;
	display: flex;
	align-items: center;
	margin: 0 0 0 -14px;
	line-height: 0;
	text-decoration: none;
}
#hh_top-header .hh-seal {
	width: 70px;
	height: 70px;
	margin: 2px 6px -4px 0;
	opacity: .7;
	transition: opacity .2s;
}
#hh_top-header .hh-brand:hover .hh-seal {
	opacity: 1;
}
/* The 2016 logo PNG leads with its own hearts graphic; crop it off and keep
   the "Healing Hearts / Ministries International" lettering. */
#hh_top-header .hh-wordmark {
	display: block;
	width: 226px;
	height: 50px;
	overflow: hidden;
}
#hh_top-header .hh-wordmark img {
	display: block;
	width: 300px;
	max-width: none;
	height: 60px;
	margin: -5px 0 0 -74px;
}
#eclientcount {
	font-size: 1.1em;
	float: right;
	clear: right;
}
/* Live count under the top-right links: a sage dot whose ring slowly expands
   and fades, then a quiet italic line. Plain text on purpose -- it isn't a link. */
.hh-live-count {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-top: 2px;
	font-size: 13px;
	font-style: italic;
	color: var(--slate);
	cursor: default;
}
.hh-live-dot {
	position: relative;
	flex: 0 0 auto;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--sage);
}
.hh-live-dot::after {
	content: "";
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	border-radius: 50%;
	background: var(--sage);
	animation: hh-live-pulse 2.4s ease-out infinite;
}
@keyframes hh-live-pulse {
	0% { transform: scale(1); opacity: .55; }
	70%, 100% { transform: scale(2.6); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.hh-live-dot::after {
		animation: none;
	}
}

a:focus, .button:focus, .button.alt:focus, .button.added_to_cart:focus, .button.wc-forward:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
    outline: none !important;
}

nav a:focus, nav a:hover {
	text-decoration: none;
}

/* Links as on /stories and pastors_launchpad.php: burgundy, underlined on
   hover. This also replaces Bootstrap 3's a:hover/a:focus (#23527c blue). */
a {
	color: var(--burgundy);
	text-underline-offset: .15em;
}
a:hover, a:focus {
	color: var(--burgundy);
	text-decoration: underline;
}
/* Links inside page text stay underlined so they read as links, as on the
   Launchpad. On hover they lighten instead of losing the underline the way
   Storefront's default does. Buttons, carousel arrows,
   video thumbnails and Bootstrap collapse/tab toggles are left alone. */
.hentry .entry-content a:not(.btn):not(.button):not(.carousel-control):not(.fancybox-youtube):not([data-toggle]) {
	color: var(--burgundy);
	text-decoration: underline;
}
.hentry .entry-content a:not(.btn):not(.button):not(.carousel-control):not(.fancybox-youtube):not([data-toggle]):hover,
.hentry .entry-content a:not(.btn):not(.button):not(.carousel-control):not(.fancybox-youtube):not([data-toggle]):focus {
	color: var(--burgundy-soft);
	text-decoration: underline;
}

/* Menu ribbon and its dropdowns. Selectors start at #masthead / #hh_top-header
   so they outrank Storefront's Customizer inline CSS, which otherwise derives
   the dropdown and cart colors from whatever header color is saved (or, in
   Live Preview, from Storefront's white default). */
#masthead.site-header,
#masthead .main-navigation ul.menu > li.menu-item-has-children:after {
    background-color: var(--navy);
	border-bottom: 2px solid var(--navy-deep);
}
#masthead .main-navigation ul.menu > li > a,
#masthead .main-navigation ul.nav-menu > li > a,
#masthead .site-header-cart .cart-contents,
#masthead .site-header-cart .cart-contents .amount {
	color: var(--navy-text);
	transition: color .15s, box-shadow .15s;
}
#masthead .site-header-cart .cart-contents .count {
	color: var(--navy-text);
	opacity: .65;
}
#masthead .main-navigation ul.menu > li:hover > a,
#masthead .main-navigation ul.menu > li.focus > a,
#masthead .site-header-cart .cart-contents:hover {
	color: #fff;
}
/* thin ivory underline marks the section you're in */
#masthead .main-navigation ul.menu > li.current-menu-item > a,
#masthead .main-navigation ul.menu > li.current-menu-ancestor > a,
#masthead .main-navigation ul.menu > li.current-page-ancestor > a {
	color: #fff;
	box-shadow: inset 0 -2px 0 rgba(241, 237, 228, .7);
}

/* dropdowns (ribbon, top-right links and cart): paper panels with a burgundy
   top edge, like the cards on /stories */
#masthead .main-navigation ul.menu ul,
#masthead .main-navigation ul.nav-menu ul,
#hh_top-header .secondary-navigation ul.menu ul,
#masthead .site-header-cart .widget_shopping_cart {
	background-color: var(--paper);
	border: 1px solid var(--line);
	border-top: 3px solid var(--burgundy);
	border-radius: 0 0 8px 8px;
	box-shadow: 0 10px 24px rgba(20, 47, 74, .18);
	color: var(--ink);
}
#masthead .main-navigation ul.menu ul ul,
#hh_top-header .secondary-navigation ul.menu ul ul {
	border-radius: 8px;
}
#masthead .main-navigation ul.menu ul li a,
#masthead .main-navigation ul.nav-menu ul li a {
	color: var(--ink);
	background: transparent;
}
#masthead .main-navigation ul.menu ul li:hover > a,
#masthead .main-navigation ul.menu ul li.focus > a,
#masthead .main-navigation ul.nav-menu ul li:hover > a,
#hh_top-header .secondary-navigation ul.menu ul li:hover > a {
	background-color: var(--sage-pale);
	color: var(--burgundy);
}
#masthead .main-navigation ul.menu ul li.current-menu-item > a,
#masthead .main-navigation ul.menu ul li.current-menu-ancestor > a {
	color: var(--burgundy);
	font-weight: 600;
}
/* "Bible Study Login" and any other item flagged menu-item-highlighted */
#masthead .main-navigation ul.menu ul li.menu-item-highlighted {
	background-color: var(--slate-pale) !important;
	border-top: 1px solid var(--line);
}
#masthead .main-navigation ul.menu ul li.menu-item-highlighted > a {
	color: var(--navy);
	font-weight: 600;
}
#masthead .site-header-cart .widget_shopping_cart a:not(.button) {
	color: var(--burgundy);
}

.secondary-navigation ul.menu a, .secondary-navigation ul.menu li.current-menu-item > a {
    color: var(--navy) !important;
}

.secondary-navigation::after {
	clear: none!important;
}

.site-header {
    box-shadow: rgba(20, 47, 74, .25) 0px 2px 6px 0px;
	padding-top: 0.1em !important;
	padding-bottom: 0em !important;
}

.site-footer {
	background-color: var(--navy);
}
.site-footer small {
	white-space: nowrap;
}

/* ShiftNav's phone toggle bar stands in for the ribbon under 768px; its colors
   come from the plugin's settings, so override them here. */
body #shiftnav-toggle-main {
	background: var(--navy);
	color: var(--navy-text);
	border-bottom-color: var(--navy-deep);
	box-shadow: rgba(20, 47, 74, .25) 0px 2px 6px 0px;
}

@media screen and (min-width: 768px)	 {
	.sd-header-inline .site-header {
		padding-top: 0em !important;
		padding-bottom: 0em !important;
	}
	.main-navigation {
		padding-top: .5em;
	}
	.secondary-navigation {
		margin: 0px;
	}
	.woocommerce-active .site-header .site-header-cart {
		padding-top: .5em;	
	}
	.storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header {
		padding: 0 0 0em;
	}
	.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a  {
		padding: 0 .75em .75em;
	}
	.site-header-cart .cart-contents {
		padding: 0 .75em .75em !important;
	}
	.main-navigation ul ul, .secondary-navigation ul ul {
		top: 101%;
	}
}

.site-header .site-logo-link img {
	max-width: 80% !important;
	margin-top: 1em;
}

.site-header .menu-toggle {
	margin: 1em auto;
}

.site-search {
    margin-bottom: 0px!important;
}

.storefront-breadcrumb {
	margin-bottom: 0 !important;
	border: none !important;
	background-color: transparent;
}

/* Accent text from pastors_launchpad.php / the /stories hero. Use in page
   content as <p class="eyebrow"> above a heading and <p class="lede"> below it. */
.eyebrow,
.storefront-breadcrumb .woocommerce-breadcrumb {
	font-size: 13px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--burgundy);
	font-weight: 700;
	margin: 0 0 12px;
}
.lede {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-size: 23px;
	line-height: 1.45;
	color: var(--burgundy);
	max-width: 680px;
	margin: 0 0 16px;
}
@media (max-width: 640px) {
	.lede {
		font-size: 19px;
	}
}
/* The breadcrumb doubles as the eyebrow above every page title. */
.storefront-breadcrumb .woocommerce-breadcrumb {
	padding: 0;
	margin: 0;
}
.storefront-breadcrumb .woocommerce-breadcrumb a {
	color: var(--burgundy);
	text-decoration: none;
}
.storefront-breadcrumb .woocommerce-breadcrumb a:hover {
	text-decoration: underline;
}
.storefront-breadcrumb .woocommerce-breadcrumb a:first-of-type::before {
	content: none;
}
/* Storefront hides the " / " text and draws an icon instead; show the text. */
.storefront-breadcrumb .breadcrumb-separator {
	display: inline;
	text-indent: 0;
	padding: 0 .35em;
	opacity: .55;
}
.storefront-breadcrumb .breadcrumb-separator::after {
	content: none;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments {
    margin-bottom: 1em !important;
}

.woocommerce-Input:disabled {
	opacity: .5;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--donations a:before {
	content: '\f004';
}

.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
	font-size: 1.75em !important;
	color: #dd8500 !important;
    opacity: 1.0 !important;
}
.give-form-wrap {
	padding-bottom: 20px;
}
.give-input.required, .give-select.required {
    border: 1px solid #ccc !important;
}
[id*=give-form] .give-recurring-donors-choice label{
	font-size: 14px !important;
}
[id*=give-form] .give-recurring-donors-choice-period {
    font-size: 13px!important;
}
[id^="give-register-account-fields"] {
    padding: 6px 10px 0px 10px !important;
    background-color: #ededed !important;
    color: #002d5a !important;
}
[id^="give-create-account-wrap-"], .give-login-account-wrap {
    width: auto !important;
	float: left !important;
}
#give_offline_payment_info {
	border: 1px solid #e5e5e5;
	padding: 10px;
	margin: 16px 0px 6px;
}
.give-card,.btn {
	text-decoration: none!important;
}
.give-checkout-login {
	color: #fff;
	line-height: 1.50em;
	background-color: #1e73be;
	border-color: #1e73be;
	display: inline-block;
	margin-bottom: 0px;
	padding: 0px 5px;
	border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
	border-radius: 4px;
}
.give-checkout-login:hover {
	background-color: #055aa5;
	border-color: #055aa5;
	color: #ffffff;
	text-decoration: none;
}
#give_to_walker {
	color: var(--burgundy);
	font-weight: bold;
}
div.hh-walk-intro {
	font-style: italic;
	color: #757575;
	padding-bottom: 8px;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCC;
}
div.hh-walk-details {
	font-size: 1.15em;
	font-weight: bold;
    margin-bottom: 12px;
}
.give-form-content-wrap {
	color: #002d5a;
}

.hentry .entry-header {
    border: none !important;
    margin: 0em 0 1.5em;
}
.hentry .entry-header h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-weight: 600;
	font-size: 2.6em;
	line-height: 1.1;
	letter-spacing: 0;
	color: var(--ink) !important;
	border-bottom: none;
	margin: .3em 0 0;
	padding-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--ink) !important;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 600;
    margin: 10px 0 10px;
}
h1, h2 {
    font-style: italic;
}

nav#bottom_nav li {
	margin: 10px;
    float: left;
    list-style-type: none;
}
nav#bottom_nav ul.menu {
    margin: 0;
    padding-left: 0;
}
nav#bottom_nav ul.menu > li > a{
    padding: 0 1em 0 1em;
	font-size: 0.9em;
}

nav#bottom_nav ul.menu li ul.sub-menu {
	margin-left: 1em;
}
nav#bottom_nav ul.menu li ul.sub-menu li {
    float: none;
    padding-left: .75em;
	font-size: 0.857em;
}
nav#bottom_nav a {
    font-weight: normal;
	color: var(--navy-text);
}
nav#bottom_nav a:hover {
    color: #fff;
}
nav#bottom_nav ul.menu > li:first-child {
    margin-left: -1em;
}
#bind-up {
	color: var(--navy-text);
	font-family: "Tangerine";
	font-size: 2.4em !important;
	line-height: 1em;
	-webkit-text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
	-moz-text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}
.menu-item-highlighted {
	background-color: rgba(0, 0, 0, 0.2) !important;
}
.main-navigation ul.menu > li.menu-item-has-children > a:after, .main-navigation ul.menu > li.page_item_has_children > a:after, .main-navigation ul.nav-menu > li.menu-item-has-children > a:after, .main-navigation ul.nav-menu > li.page_item_has_children > a:after {
	content: none;
}

.clear-both {
	clear: both;
}

/*RESPONSIVE YOUTUBE VIDEOS*/
#containingBlock {
	width: 100%;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* END */

.iframelist {
	width: 100%;
	height: auto;
	min-height: 220px;
}

.groupme { white-space: nowrap; }

select {
background: none;
background-color: #ffffff;
margin-bottom: 15px;
padding: 8px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
outline: none;
transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
border: none;
border: 2px solid #A3A5A1;
margin-top: 10px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}

.hh_earlybird { background: url('/wp-content/uploads/2014/02/EarlyBirdSavings.png') no-repeat top center; width: 114px; height: 104px; margin-left: 12px; float: left; }
.hh_earlybird > div:first-child { font-size: 1.25em; text-align: center; color: #FBF293; background-color: #A22E22; padding: 2px; }
.hh_earlybird > div { font-size: 11px; font-weight: bold; text-align: center; position: relative; top: 50px; left: 4px; }
del { color: #A22E22; }
.hh_tickets { width: 300px; margin: 0px 0px 10px 18px; float: left; }
.hh_tickets td { vertical-align: middle; border: none; white-space: nowrap; }
.hh_tickets label { font-weight: bold; }
.hh_tickets .ebprice { font-weight:bold; padding: 3px; color: #FBF293; background-color: #A22E22; }
.hh_tickets select, .hh_info select {
	min-width: 60px;
	margin: 0px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
    padding: .618em;
    background-color: #efefef;
    color: #60646c;
    line-height: 1;
    outline: none;
    border: 0;
    border-radius: 0;
    box-sizing: border-box;
    font-weight: normal;
}
.hh_ticketinfo, .hh_info { width: 100%; float: left; padding: 14px 0px;}
.hh_ticketinfo > div:first-child, .hh_info > div:first-child { font-weight: bold; }
.hh_ticketinfo label, .hh_info label { display: none; }
.hh_ticketinfo input, .hh_info input { width: 100%; }
.hh_ticketinfo input.age { width: 60px; }
#tickets_info > div { border: none; border-top: 1px solid #dddddd; clear:both; }
.hh_address { margin-left: 2%; width: 66%; float: left; }
.hh_ticket_primary { color: #002ccd; font-size: 0.9em; }
.hh_hide { display: none; }
.hh_indent { margin-left: 141px !important; }
#modelrelease-error { display: inline !important; }
#yousaved { color: green; }

.hh_mdctabs {margin:15px 0px 12px 0px;}
.hh_mdctabs>li>a:hover, .hh_mdctabs ol>li>a:hover {line-height: 1.428571429;}
.hh_mdctabs>li>a {font-weight:bold;}
.hh_mdctabs>li:nth-child(2)>a {background:#002ccd;color:white;}
.hh_mdctabs>li:last-child>a {background:orangered;color:white;}

.nav-tabs { border-bottom: 1px solid #999; }
.nav>li>a:hover, .nav>li>a:focus {
	color: #000;
	background-color: #ccc;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color: #555;
	cursor: default;
	background-color: transparent;
	border: 1px solid #999;
	border-bottom-color: #EFFAFD;
}
.nav-tabs>li>a:hover { border-color: #999 #999 #999; }

input[type=text].qty { width: 60px !important; }

/* FOR SCREENS SMALLER THAN 640px */
@media only screen and (max-width: 640px) {
	body { background: url('//www.healinghearts.org/wp-content/uploads/2013/05/clearPart2-e1368747171427.png') no-repeat center top; }
	.message_center_sermon { width: 100%; }
	.hh_ticketinfo input, .hh_info input { width: 100%; }
	.hh_tickets { width: 100%; margin-left: 0px;}
	.hh_address { width: 100%; margin: 0; }
	.hh_ticketinfo div:first-child, .hh_info div:first-child { width: 100%; float: none; margin-left: 0px; padding-top: 0px; }
	.hh_indent { margin-left: 0 !important; }
	select { width: 100%; }
	#rightMenu { margin: 0px !important; width: 100% !important; }
	#verse { display: none; }
	#footer_purelife { position: relative;right: 0;bottom: 0; }
}
@media only screen and (max-width: 320px) {
	.message_center_sermon { width: 100%; }
	.hh_ticketinfo input, .hh_info input { width: 100%; }
}

.cart .group_table .label {
	display: block;
	padding: .857em 1.387em;
	font-size: 1em;
	font-weight: 700;
	line-height: 1.42857143;
	color: #60646c;
	text-align: center;
	white-space: normal;
	vertical-align: baseline;
	border-radius: .25em;
}
.carousel {
	padding: 0px 0px 55px 0px;
}
@media screen and (min-width: 992px) {
	.carousel {
		margin: 0px;
		padding: 0px 9px 50px 0px;
	}
}

.carousel-control {
	width: 10%;
}
.carousel-indicators {
	bottom: 0px;
}
.carousel-indicators .active {
	background-color: var(--burgundy);
	border-color: var(--burgundy);
}
.carousel-indicators li {
	border: 1px solid var(--navy);
	background-color: var(--paper);
}
/* The strip under the homepage slides: navy fading in from the edges, like
   the ribbon, with ivory arrows. */
.carousel-control {
	top: auto;
	bottom: 0px;
	width: 50%;
	height: 50px;
	color: var(--navy-text);
	text-shadow: none;
	opacity: 1;
}
.carousel-control.right {
	background-image: linear-gradient(to right, rgba(32, 69, 106, 0) 0, rgba(32, 69, 106, .9) 100%);
}
.carousel-control.left {
	background-image: linear-gradient(to left, rgba(32, 69, 106, 0) 0, rgba(32, 69, 106, .9) 100%);
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	right: 10%;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	left: 10%;
}

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 0em !important;
}
.mmt_container .reveal-modal {
	z-index: 1000;
}
.mmt_member_img img {
	display: inline-block;
}
@media (min-width: 768px)
.col-mmt-4 {
    width: 28.9%!important;
}

/* Sidebar links: burgundy, underlined on hover, like links elsewhere. The
   #secondary ID outranks Storefront's inline ".widget-area .widget a" color. */
#secondary .widget a {
	color: var(--burgundy);
	text-decoration: none;
}
#secondary .widget a:hover,
#secondary .widget a:focus {
	color: var(--burgundy-soft);
	text-decoration: underline;
}
/* the page you're on: bold and underlined */
#secondary .widget_nav_menu ul.menu li.current-menu-item > a,
.widget_nav_menu ul.menu li.current-menu-item > a {
	color: var(--burgundy) !important;
	font-weight: 600;
	text-decoration: underline;
}

a.button, a.button:hover {
	color: #FFF;
	text-decoration: none;
}

/* .btn-alt: the secondary button, as the Launchpad's ".btn.ghost" -- a paper
   pill with ink text and a soft border, which firms up to burgundy on hover.
   Pair it with a burgundy .btn-success for the main action. */
.btn.btn-alt {
	background-color: var(--paper);
	color: var(--ink);
	border: 1px solid #cfc7b8;
	border-radius: 999px;
	font-weight: 600;
}
.btn.btn-alt:hover,
.btn.btn-alt:focus,
.btn.btn-alt:active,
.btn.btn-alt.active {
	background-color: #fff;
	color: var(--burgundy);
	border-color: var(--burgundy);
}

/* Some pages also load Bootstrap's bootstrap-theme.css (from page head code,
   not this theme), which lays a gradient image, inset shadow and text-shadow
   over these buttons and slides the gradient up 15px on hover -- showing half
   the old green over our color. Flatten it for the restyled buttons. */
.btn.btn-success, .btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active,
.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active,
.btn.btn-alt, .btn.btn-alt:hover, .btn.btn-alt:focus, .btn.btn-alt:active {
	background-image: none;
	text-shadow: none;
	box-shadow: none;
}

/* Bootstrap 3's green .btn-success (the homepage "Get Help Now" buttons) as
   the burgundy pill used on pastors_launchpad.php. */
.btn.btn-success {
	background-color: var(--burgundy);
	border-color: var(--burgundy);
	color: #fff;
	border-radius: 999px;
	font-weight: 600;
}
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success:active,
.btn.btn-success.active,
.btn.btn-success:active:hover,
.btn.btn-success:active:focus {
	background-color: var(--burgundy-soft);
	border-color: var(--burgundy-soft);
	color: #fff;
}

/* Bootstrap 3's blue .btn-primary ("Join Newsletter!", the study "GET HELP
   NOW!" buttons) as a navy pill to match the ribbon. */
.btn.btn-primary {
	background-color: var(--navy);
	border-color: var(--navy);
	color: #fff;
	border-radius: 999px;
	font-weight: 600;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary:active:hover,
.btn.btn-primary:active:focus {
	background-color: var(--navy-soft);
	border-color: var(--navy-soft);
	color: #fff;
}

.secondary-navigation ul.menu .nav-donate a {
	color: var(--burgundy) !important;
}

.hentry {
	margin: 20px 0 0;
	padding: 0 0 20px;
}

.panel-scroll-300 {
	max-height: 300px;
	overflow-y: scroll;
	padding: 10px;
	border-bottom: 1px solid #CCC;
}

.carousel h1, .carousel h2, .carousel h3 {
	margin-top: 0;
}

span.gfxbutton_mp3j.play-mjp, span.gfxbutton_mp3j.pause-mjp, span.gfxbutton_mp3j.play-mjp:hover, span.gfxbutton_mp3j.pause-mjp:hover, span.vol_mp3j .ui-slider-handle, span.vol_mp3j .ui-slider-handle:hover, span.posbarB_mp3j .ui-slider-handle, span.posbarB_mp3j .ui-slider-handle:hover, .loadB_mp3j, .s-graphic .Smp3-tint {
	background-color: #9B285A !important;
}

span.gfxbutton_mp3j.play-mjp, span.gfxbutton_mp3j.pause-mjp, span.gfxbutton_mp3j.play-mjp:hover, span.gfxbutton_mp3j.pause-mjp:hover, span.vol_mp3j .ui-slider-handle, span.vol_mp3j .ui-slider-handle:hover, span.posbarB_mp3j .ui-slider-handle, span.posbarB_mp3j .ui-slider-handle:hover, .loadB_mp3j, .s-graphic .Smp3-tint {
	width: 28%;
	margin-right: 5%;
}

.single-product div.product .images .thumbnails a.zoom {
	position: relative;
	width: 31%;
	float: left;
	margin-right: 3.5%;
}

.play-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100% !important;
	width: 100% !important;
	margin: 0 !important;
}

.onsale {
	border-color: #3c763d;
	background-color: #dff0d8;
	color: #3c763d;
}

.wccc-content-block > .sharedaddy {
	display: none;
}

@media screen and (min-width: 768px)
.single-product div.product .images .thumbnails a.zoom {
	
}

.wc-nested-category-layout-category-title {
	font-size: 1.5em;
	font-weight: normal;
	border-top: 4px solid #ecf1f9;
	padding-top: 10px;
	margin-top: 0;
}

.size-shop_catalog {
	width: 60%;
}

#secondary {
	background-color: aliceblue;
	border: 1px solid #deebf7;
	padding: 9px;
	margin-top: 24px;
}

.widget.woocommerce.widget_product_search {
	margin-bottom: 0;
}

.widget.woocommerce.widget_product_search .search-field {
	background-color: #deebf7;
}

.widget.woocommerce.widget_product_search form {
	margin-bottom: 8px;
}

.widget h3.widget-title {
	border-bottom: 3px solid #deebf7;
	padding: 0 0 .25em;
	margin-bottom: .5em;
	margin-top: .5em;
}

.preorder-info {
	font-style: italic;
	font-weight: normal;
	color: #8b4b7e;
	margin-top: -10px;
	margin-bottom: 10px;
}

.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button, .woocommerce-noreviews .button, p.no-comments .button {
	padding: .2em .5em !important;
}

.woocommerce-error form, .woocommerce-info form, .woocommerce-message form, .woocommerce-noreviews form {
	margin-bottom: 0 !important;
}

a.reset_variations:before {
	content: "\f021\A0";
	font-weight: 400;
}

.stock:before, a.reset_variations:before {
	font-family: FontAwesome;
}

.single-product div.product table.variations td.label {
	color: #8b4b7e;
	font-size: 1em;
	text-align: left;
}

.single-product div.product table.variations td.value input[type="radio"] {
	margin-right: 3px;
}

/*Hide variations from cart...*/
.cart_item dl.variation > dt, .cart_item dl.variation > dd {
    display: none;
}
/*...except for Payment Plan variation*/
.variation-PaymentPlan {
    display: inline !important;
}

.hh-remove-sidebar.single-product.right-sidebar .content-area {
	float: none;
	margin-right: 0;
	width: 100%;
}

.single_variation span {
	font-size: 1.5em;
	font-weight: 700;
}

.cart_item.chained_item {
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #e5e5e5;
}

.chained_item td {
	padding-top: 0 !important;
}

.chained_item .product-thumbnail .size-shop_thumbnail {
	display: none !important;
}

.cart_item dl.variation, .cart_item dl.variation dd {
	margin-bottom: 0;
}

#wpfront-notification-bar.wpfront-fixed {
	top: 60px !important;
}

#wpfront-notification-bar .wpfront-close {
	width: 24px;
	height: 24px;
	font-size: 18px !important;
	line-height: 12px !important;
}

/*Product Documents CSS*/
.woocommerce-tabs > ul.tabs {
	width: 29.5%!important;
	margin-right: 5%!important;
}
.woocommerce-tabs > .panel {
	width: 65%!important;
	background-color: transparent;
}
h3.woocommerce-product-documents-title {
	margin-bottom: 10px !important;
}

.woocommerce-product-documents {
	font-size: 1em !important;
}

.woocommerce-product-documents h3 {
	background-color: #efefef;
	font-weight: 700;
}

.woocommerce-product-documents ul li a {
	color: var(--burgundy);
	font-weight: 500;
}

.woocommerce-product-documents ul li a:hover, .woocommerce-product-documents ul li a:focus {
	color: #23527c;
}

.woocommerce-product-documents a::before {
	font-family: FontAwesome;
	content: "\f0c1\A0";
}

.woocommerce-product-documents a[href$=".pdf"]::before {
	font-family: FontAwesome;
	content: "\f1c1\A0";
}

.woocommerce-product-documents a[href$=".doc"]::before, .woocommerce-product-documents a[href$=".docx"]::before {
	font-family: FontAwesome;
	content: "\f0f6\A0";
}

.woocommerce-product-documents a[href$=".gif"]::before, .woocommerce-product-documents a[href$=".jpg"]::before, .woocommerce-product-documents a[href$=".jpeg"]::before {
	font-family: FontAwesome;
	content: "\f1c5\A0";
}

.woocommerce-product-documents ul {
	margin: 0;
	list-style: none;
}

.woocommerce-product-documents ul li {
	font-size: 100%;
	font-family: "Roboto Slab", serif;
}

.emoji-search-icon {
	z-index: 1 !important;
}
.pswp__top-bar, .pswp__button {
	z-index: 1000;
}

/*Adjust shipping display on Checkout*/
.shop_table tr li {
   display: flex !important;
}
ul#shipping_method {
    width: 200px;
}
.shipping input[type=radio] {
   display: table;
   margin-right: 10px;
}

/*END Product Documents CSS*/
@media screen and (min-width: 768px) {
	#wpfront-notification-bar.wpfront-fixed {
		top: 0 !important;
	}
	
	#wpfront-notification-bar .wpfront-close {
		width: auto;
		height: auto;
		font-size: 10px !important;
		line-height: 0;
	}
}

.g-recaptcha {
	overflow: hidden;
}

/* Carried over from Appearance > Customize > Additional CSS on the original
   child theme. That CSS is stored per theme and does not follow a theme switch.
   Its h1-h3 "Asul" rule is deliberately left behind; headings are Georgia now. */
/* Page width in px, not em: .site-content runs at 16px and the header/footer at
   14px, so em sizes gave the content a wider container (and gutters) than the
   masthead. 1120px matches the /stories masthead; the gutters keep Storefront's
   old 14px-based values (1.41575em / 2.617924em). */
.col-full {
    max-width: 1120px;
    padding-left: 20px;
    padding-right: 20px;
}
@media screen and (min-width: 768px) {
	.col-full {
		padding-left: 36px;
		padding-right: 36px;
	}
}
.give-donor-container-variation__name {
    font-family: 'Source Sans Pro';
    font-size: max(1.3rem,20px);
}
.give-wrap .give-card {
    background-color: #f9faff;
}
span.give.\-.donor.\-.details__amount_donated {
    text-align: right;
    padding-right: 6px;
}
span.give-donor-container__image__name_initial {
    font-size: 2em;
}

/* "Ready to Enroll?" on the women's study pages: the Small Group / Online
   pills are Bootstrap tabs that swap the content below, so they're drawn as
   folder tabs on a paper panel -- the selected tab joins the panel under a
   burgundy top edge, the other sits back in sage. #enroll-types outranks the
   blue .btn-enroll styles in those pages' head code; the "-OR-" item is
   hidden since the tabs already read as either/or. */
#enroll-types > h4:nth-of-type(2) {
	margin: 6px 0 0;
	font-family: "Source Sans Pro", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#enroll-types .nav-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 !important;
	padding: 0 0 0 16px;
}
#enroll-types .nav-pills > li {
	float: none;
	margin: 0;
}
#enroll-types .nav-pills > li:nth-child(2) {
	display: none;
}
#enroll-types .nav-pills > li > a.btn-enroll {
	position: relative;
	top: 1px;
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	margin: 0;
	padding: 11px 22px 10px;
	font: 600 16px/1.2 "Source Sans Pro", HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: var(--slate);
	background: var(--sage-pale);
	border: 1px solid #cfd6c6;
	border-bottom: 0;
	border-radius: 10px 10px 0 0;
	box-shadow: none;
	text-shadow: none;
	text-decoration: none;
}
#enroll-types .nav-pills > li > a.btn-enroll:hover,
#enroll-types .nav-pills > li > a.btn-enroll:focus {
	background: #e3e8dc;
	color: var(--ink);
}
#enroll-types .nav-pills > li.active > a.btn-enroll,
#enroll-types .nav-pills > li.active > a.btn-enroll:hover,
#enroll-types .nav-pills > li.active > a.btn-enroll:focus {
	z-index: 2;
	padding-top: 9px;
	background: var(--paper);
	color: var(--burgundy);
	border-color: var(--line);
	border-top: 3px solid var(--burgundy);
}
#enroll-types > .row {
	margin: 0;
}
#enroll-types .tab-content {
	position: relative;
	z-index: 1;
	padding: 18px 20px 8px;
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: 12px;
}

/* Bootstrap info panels, alerts and default buttons in page content (the
   side cards on the study pages and elsewhere), redrawn in the palette.
   bootstrap-theme.css, which some pages load from their head code, adds
   gradients and shadows to all three; those are flattened here too. */
.panel.panel-default {
	background-color: var(--paper);
	border: 1px solid var(--line);
	border-radius: 12px;
	box-shadow: none;
}
.panel.panel-default > .panel-heading {
	background-image: none;
}
.alert.alert-info {
	background-color: var(--sage-pale);
	background-image: none;
	border: 1px solid #cfd6c6;
	border-radius: 12px;
	color: var(--ink);
	box-shadow: none;
	text-shadow: none;
}
.alert.alert-info .fa {
	color: var(--sage);
}
.btn.btn-default,
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active {
	background-image: none;
	text-shadow: none;
	box-shadow: none;
}
.btn.btn-default {
	background-color: var(--paper);
	color: var(--ink);
	border: 1px solid #cfc7b8;
	border-radius: 999px;
	font-weight: 600;
}
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active {
	background-color: #fff;
	color: var(--burgundy);
	border-color: var(--burgundy);
}

/* "Meet Our Leadership Team" (/regional-directors/leadership-team/), hand-built
   in page content in place of the Meet My Team plugin. Feature cards for
   ministry leadership, a card grid for regional directors (region + states
   first), bios in Bootstrap modals, and links into /contact_director.php. */
.hh-team {
	margin: 0 0 2.5em;
}
.hh-team .lede {
	margin-bottom: 10px;
}
.hh-team-cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px 24px;
	margin: 22px 0 36px;
	padding: 18px 22px;
	background: var(--sage-pale);
	border: 1px solid #cfd6c6;
	border-radius: 12px;
}
.hh-team-cta p {
	margin: 0;
	max-width: 620px;
}
.hh-team-section {
	margin: 0 0 40px;
}
.hh-team-section > .eyebrow {
	margin-bottom: 14px;
}
.hh-team-intro {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px 28px;
	margin: 0 0 22px;
}
.hh-team-intro p {
	flex: 1 1 320px;
	margin: 0;
}
/* No frame: the map GIF's white background is multiplied away so the map
   prints straight onto the watercolor. */
.hh-team-intro .hh-team-map {
	flex: 0 0 auto;
	display: block;
	line-height: 0;
}
.hh-team-intro .hh-team-map img {
	mix-blend-mode: multiply;
	display: block;
	width: 300px;
	max-width: 100%;
	height: auto;
}

/* cards */
.hh-team-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}
@media (max-width: 900px) {
	.hh-team-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 600px) {
	.hh-team-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}
.hh-person {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 24px 22px 20px;
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: 14px;
}
.hh-person__photo {
	width: 132px;
	height: 132px;
	margin: 0 0 14px;
	border-radius: 50%;
	object-fit: cover;
	object-position: 50% 20%;
	border: 4px solid #fff;
	box-shadow: 0 2px 10px rgba(43, 42, 38, .18);
	transition: transform .2s ease, box-shadow .2s ease;
}
/* the photo opens the bio, like "Read bio" */
.hh-person__photo-link {
	display: block;
	margin: 0 0 14px;
	line-height: 0;
	border-radius: 50%;
	text-decoration: none !important;
}
.hh-person__photo-link .hh-person__photo {
	margin: 0;
}
.hh-person__photo-link:hover .hh-person__photo,
.hh-person__photo-link:focus-visible .hh-person__photo {
	transform: scale(1.04);
	box-shadow: 0 0 0 3px var(--burgundy), 0 6px 18px rgba(43, 42, 38, .22);
}
.hh-person__photo-link:focus-visible {
	outline: none;
}
.hh-person__name {
	margin: 0 0 4px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-style: normal !important;
	font-size: 22px !important;
	line-height: 1.2;
}
.hh-person__role {
	margin: 0 0 8px;
	font-size: 12px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--burgundy);
	font-weight: 700;
	line-height: 1.45;
}
.hh-person__states {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--slate);
}
.hh-person__blurb {
	margin: 0 0 12px;
	font-size: 15px;
	line-height: 1.55;
}
.hh-person__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px 16px;
	margin-top: auto;
	padding-top: 8px;
}
.hh-person__actions .hh-bio-link {
	font-weight: 600;
	font-size: 15px;
}
/* feature cards (ministry leadership): larger photos */
.hh-person--feature .hh-person__photo {
	width: 150px;
	height: 150px;
}
.hh-person__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1 1 auto;
}
.hh-team-thanks {
	margin: 0;
	padding: 14px 18px;
	font-size: 15px;
	color: var(--slate);
	border-top: 1px solid var(--line);
}
.hh-team-thanks a {
	font-weight: 600;
}

/* bio pop-ups (Bootstrap 3 modal) */
.hh-bio .modal-dialog {
	max-width: 640px;
	margin-top: 70px;
}
.hh-bio .modal-content {
	background: var(--paper);
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 18px 50px rgba(20, 47, 74, .28);
}
.hh-bio .modal-header {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px 24px 16px;
	border-bottom: 1px solid var(--line);
}
.hh-bio .modal-header img {
	width: 72px;
	height: 72px;
	flex: 0 0 auto;
	border-radius: 50%;
	object-fit: cover;
	object-position: 50% 20%;
	border: 3px solid #fff;
	box-shadow: 0 1px 4px rgba(43, 42, 38, .2);
}
.hh-bio .modal-title {
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px !important;
	line-height: 1.2;
}
.hh-bio .modal-header .hh-person__role {
	margin: 4px 0 0;
}
.hh-bio .modal-header .close {
	margin-left: auto;
	align-self: flex-start;
	font-size: 28px;
	opacity: .5;
}
.hh-bio .modal-body {
	padding: 18px 24px 8px;
	font-size: 16px;
	line-height: 1.65;
}
.hh-bio .modal-body .hh-person__states {
	margin-bottom: 14px;
}
.hh-bio .modal-footer {
	padding: 14px 24px 20px;
	border-top: 0;
	text-align: left;
}
.modal-backdrop.in {
	opacity: .45;
}