/*
Theme Name:   Customify Child - Light
Theme URI:    https://pressmaximum.com/customify/
Description:  Light variant of the BBBS Customify child theme
Author:       Kim H
Template:     customify
Version:      3.0
*/

@import url("../customify/style.css");

/* SITE BODY */
body {
	font-family: "Zilla Slab" !important;
	color: #333 !important;
	background-color: #f5f5f5 !important;
}

/* Sticky footer — push footer to bottom on short pages */
#page {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

#content {
	flex: 1 0 auto;
	background-color: #ffffff;
}

p {
	margin-bottom: 14px;
}

.bbbs-green {
	color: #49bc8d;
}
a.bbbs-green:hover {
	color: #00fc87;
}

.site-content, .page-titlebar {
	background-color: #ffffff;
}
.page-titlebar {
	border-bottom: none;
}

ul.list {
	margin-top: 0px !important;
}

/* BRANDING */
.bbbs-pattern {
	width: 1200px;
}

.arrows {
	height: 35px !important;
	transform: rotate(90deg);
}

/* NINJA FORMS */
.nf-field-label label, .nf-field label {
	color: #333;
}

input[type="button"]:not(.components-button):not(.customize-partial-edit-shortcut-button) {
	background: #00fc87;
	color: #242424;
}

.nf-form-content {
	margin: 0 !important;
}

/* Wishlist */
section.wpgr-wishlist .wpgr-m_card__figure {
	display:none !important;
}

/* TYPOGRAPHY */
@font-face {
  font-family: 'steelfish';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local('steelfish'), local('steelfish'),
       url('https://www.bbbs4kids.org/wp-content/themes/customify-child/fonts/steelfish/steelfish.woff2') format('woff2'),
       url('https://www.bbbs4kids.org/wp-content/themes/customify-child/fonts/steelfish/steelfish.woff') format('woff');
}

h1, h2, h3, h4, h5, h6, h3 a {
	color: #222222 !important;
	font-family: 'steelfish', sans-serif !important;
	text-transform: uppercase !important;
}

.white-text, .posts-layout .entry-title a:hover, .ctct-label-top label {
	color: #fff !important;
}

.posts-layout .entry-title a {
	font-size: 30px !important;
	color: #222222 !important;
}

.black-text {
	color: #000 !important;
}

h1.newsletter {
	font-size: 1.6em !important;
}

/* NAV STYLES */
nav#site-navigation-main-desktop {
	font-family: 'steelfish', sans-serif !important;
	font-size: 26px;
}

.sub-menu {
	background-color: #ffffff !important;
}

p a, ul.list li a {
	color: #49bc8d !important;
}

p a:hover, ul.list li a:hover {
	color: #00fc87 !important;
}

.nav-menu-desktop .sub-menu .link-before:hover {
	color: #49bc8d !important;
}

.nav-menu-desktop .sub-menu .link-before {
	color: #333;
}

.nav-menu-desktop .menu > li > a {
	font-weight: 400;
	font-size: 1em;
	color: #ffffff !important;
}

.nav-menu-desktop .menu > li > a:hover {
	color: #49bc8d !important;
}

/* BLOG ENTRIES */
.entry-excerpt p, .entry-meta a {
	color: #333 !important;
	font-size: 14px !important;
}

.entry-excerpt p {
	font-size:18px !important;
}

.post-grid .content, .announcements {
	padding-left: 0px !important;
	padding-bottom:0px !important;
	padding-top:0px !important;
}

.post-title-alt {
	font-weight: 400 !important;
}

/* PAGINATION */
.pagination .nav-links span {
	border-color: #00fc87 !important;
	background: #00fc87 !important;
	color: #242424 !important;
}

.pagination .nav-links > * {
	border: 1px solid #49bc8d !important;
	color: #49bc8d !important;
}

.pagination .nav-links > *:hover {
	background: #00fc87 !important;
	color: #242424 !important;
}

/* Footer */
.dark-mode.footer--row-inner.footer-main-inner .customify-container, .dark-mode.footer--row-inner.footer-main-inner {
	padding:0px;
}

/* White areas, black text */
.black-text p a, .black-text h1 {
	color: #000 !important;
}

.black-text p a:hover {
	font-weight: bold;
}

/* Buttons */
.wp-block-button__link,
button.submit, input[type="submit"] {
	background-color: #00fc87 !important;
	color: #000000 !important;
}

/* ===== GUTENBERG CONTENT LAYOUT ===== */
/* Override Customify's content-sidebar layout since we have no sidebar */
#site-content .content-area {
	width: 100% !important;
	max-width: 100% !important;
	flex: 0 0 100% !important;
}

/* Center page content with a readable max-width */
.entry-content {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2em;
	padding-right: 2em;
}

/* Allow alignwide blocks to stretch beyond content width */
.entry-content > .alignwide {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

/* Allow alignfull blocks to go edge-to-edge */
.entry-content > .alignfull {
	max-width: none;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	width: 100vw;
}

/* Cover blocks should go full-width by default */
.entry-content > .wp-block-cover {
	max-width: none;
	margin-left: calc(-50vw + 50%);
	margin-right: calc(-50vw + 50%);
	width: 100vw;
}

/* Gutenberg columns: constrain within content area */
.entry-content > .wp-block-columns {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* Gutenberg images: constrain large images */
.entry-content > .wp-block-image {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* Buttons block centering */
.entry-content > .wp-block-buttons {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* Footer CTA section */
.bbbs-footer-cta {
	width: 100%;
}

.bbbs-footer-cta .wp-block-cover {
	min-height: 400px;
}

.bbbs-footer-cta h1.wp-block-heading {
	color: #ffffff !important;
}

.bbbs-footer-cta .customify-builder-btn {
	background-color: #00fc87;
	color: #000000;
	text-decoration: none;
}
/* ===== END GUTENBERG CONTENT LAYOUT ===== */

/* Mobile Menu */
div#header-menu-sidebar {
	font-family: 'steelfish', sans-serif !important;
	font-size: 24px !important;
	color: #333 !important;
}

div#header-menu-sidebar a {
	color: #333 !important;
}

div#header-menu-sidebar a:hover {
	color: #00fc87 !important;
}

/* Gallery */
ul.foogallery-album-gallery-list.alignment-left li {
	margin-left: 0px;
}

@media only screen and (max-width: 768px) {
	p {
		margin-bottom: 12px;
	}

	.entry-content {
		padding-left: 1em;
		padding-right: 1em;
	}

	.entry-excerpt p {
		font-size:16px !important;
	}

	aside#sidebar-primary {
		display: none;
	}
}