/*
 Theme Name:   Jade_Child
 Description:  Jade Child Theme

 Author:       Liberty Bank Foundation
 Author URI:   http://libertybankfoundation.com

 Template:     Jade
 Version:      1.2.0

*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/* YOUR CUSTOM CODES GOES HERE */

#accordions-6950 .accordion-content {
	font-size: 15px !important;
	font-weight: 400;
	font-family: Open Sans;
	line-height: 22px;
}


div.met_content_grid_4_miscs {
	display: none;
}

/* Beginning to code rollover/hover states on the module on homepage */

/* hover on left bucket homepage */
.dslc-modules-area #dslc-module-7 .met_simple_box:hover {
	background: #8166bd !important;
	display: block;
	cursor: pointer;
}
/* hover on middle bucket homepage */
.dslc-modules-area #dslc-module-8 .met_simple_box:hover {
	background: #8166bd !important;
	display: block;
	cursor: pointer;
}
/* hover on education (3rd) bucket homepage */
.dslc-modules-area #dslc-module-9 .met_simple_box:hover {
	background: #8166bd !important;
	display: block;
	cursor: pointer;
}
/* hover on right (globe) bucket homepage */
.dslc-modules-area #dslc-module-574 .met_simple_box:hover {
	background: #8166bd !important;
	display: block;
	cursor: pointer;
}
.dslc-modules-area .met_simple_box:hover h5 {
	color: rgba(255,255,255,.7) !important;
}
.dslc-modules-area .met_simple_box:hover .dslc-icon {
	/*opacity: .7;*/
}
#dslc-content #dslc-module-7 .met_simple_box>i {
    width: 90px !important;
    height: 83px !important;
}
#dslc-content #dslc-module-8 .met_simple_box>i {
    width: 95px !important;
    height: 83px !important;
}
#dslc-content #dslc-module-9 .met_simple_box>i {
    width: 107px !important;
    height: 83px !important;
}
#dslc-content #dslc-module-574 .met_simple_box>i {
    width: 81px !important;
    height: 80px !important;
}

.dslc-icon-home:before {
    content: "" !important;
    display: inline-block;
    width: 90px !important;
    height: 83px !important;
    background: url(images/homepage-icon-housing.png) no-repeat center center;
	background-size: 90px;
}
.dslc-icon-comments:before {
    /*content: "\f086";*/
    content: "" !important;
    display: inline-block;
    width: 95px !important;
    height: 83px !important;
    background: url(images/homepage-icon-community.png) no-repeat center center;
}
.dslc-icon-mortar-board:before {
    content: "" !important;
    display: inline-block;
    width: 107px !important;
    height: 83px !important;
    background: url(images/homepage-icon-education.png) no-repeat center center;
    background-size: 107px;
}
.dslc-icon-globe:before {
    content: "" !important;
    display: inline-block;
    width: 81px !important;
    height: 80px !important;
    background: url(images/homepage-icon-globe.png) no-repeat center center;
    background-size: 81px;
}
#dslc-content #dslc-module-7 .met_simple_box>i {
	font-size: 1px;
}

@media screen and (min-width: 901px) {
	#dslc-content .met_simple_box {
		min-height: 230px;
	}

}

/* small screens homepage reduce size of the affordable housing, community partnerships, etc */
@media screen and (max-width: 900px) {
	#dslc-content #dslc-module-7 .met_simple_box.with_padding,
	#dslc-content #dslc-module-8 .met_simple_box.with_padding,
	#dslc-content #dslc-module-9 .met_simple_box.with_padding,
	#dslc-content #dslc-module-574 .met_simple_box.with_padding	
	{
		padding-top: 15px !important;
		padding-bottom: 15px !important;
		
	}
	.dslc-icon-home:before {
		width: 60px !important;
		height: 55px !important;
		background-size: 60px;
	}
	.dslc-icon-comments:before {
		width: 63px !important;
		height: 55px !important;
		background-size: 63px;
	}
	.dslc-icon-mortar-board:before {
		width: 71px !important;
		height: 55px !important;
		background-size: 71px;
	}
	.dslc-icon-globe:before {
		width: 61px !important;
		height: 60px !important;
		background-size: 61px;
	}	
}



/* top header bar */
.met_header_bar {
	background: #fff !important;
	/*color: #FFCA07;*/
}


.footer_wrap .footer .met_footer_socials { /* hide social icons in footer */
	display: none;
}
.met_flat_footer .footer .met_footer_menu a{
	font-size:   14px;
	font-weight: 600;
	color:       #fff;
	padding:     0 20px;
	line-height: 30px;
}


.met_header_wrap,
.footer_wrap.met_flat_footer,
.blog .footer_wrap.met_flat_footer
{
	background: #f58120 !important; /* orange */
}


.met_fullwidth_item {
	margin-bottom: 0;
}
.met_footer_bar .met_flat_copyright {
	font-weight: 500 !important;
	color: #8e3a07 !important;
	line-height: 165% !important;
	font-size: .8em !important;
}
.met_footer_bar .met_flat_copyright a {
	text-decoration: underline;
	color: #8e3a07 !important;
	
}
.met_footer_bar .met_flat_copyright a:hover {
	text-decoration: none;
	background-color: #ff9656;
}
.met_footer_bar {
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 1000px) {
	.met_footer_bar {
		width: 50% !important;
	}
}

.met_footer_bar .met_flat_copyright .first_para {
	color: #7e421d !important;
	font-size: 1.1em !important;
}
.met_footer_bar .met_flat_copyright .first_para b a {
	color: #60351b !important;
	text-decoration: none;
}

a.council-logo {
	display: block;
	width: 70px;
	height: auto;
	float: right;
	margin-left: 5px;
}
a.council-logo img {
	display: block;
	width: 70px;
	/*opacity: .7;*/
}
a.council-logo:hover img {
	/*opacity: 1;*/
}
/**
 * ----------------------------------------------------------------------------------------
 * 18.0 - Page Information Bar
 * ----------------------------------------------------------------------------------------
 */
.met_page_head_wrap .met_fullwidth_item{
	border: none;
}

body:not(.met_boxed_layout) .met_page_head h1:before,
body:not(.met_boxed_layout ) .met_page_head:before
{
	background-color: transparent;
}
.met_page_head h1{
	padding-left: 20px;
}

@media screen and (max-width: 800px) {
	.met_page_head h1{
		line-height: 150%;
	}
	.met_blog_masonry_item_details h2 {
		font-size: 24px;
		line-height: 140%;
	}
}


/* slickfish. PIB Page Info Bar Background Colors */

/* PIC Option 1 */
body.about-us .met_page_wrapper .met_fullwidth_item {
	background-color: rgb(232, 110, 37); /* dark orange */
}
body.news-and-events .met_page_wrapper .met_fullwidth_item {
	background-color:rgb(162, 23, 132); /* dark purple */
}
body.grants .met_page_wrapper .met_fullwidth_item {
	background-color:rgb(17, 74, 148); /* dark blue */
}
body.programs .met_page_wrapper .met_fullwidth_item {
	background-color:rgb(163, 210, 134); /* lime green */
	background-color: rgb(91, 175, 39); /* deeper lime green */
}
body.initiatives .met_page_wrapper .met_fullwidth_item {
	background-color: rgb(232, 110, 37); /* dark orange */
}
body.contact .met_page_wrapper .met_fullwidth_item {
	background-color: rgb(232, 110, 37); /* dark orange */
}

/* option 2: generic full stretch blue PIB */
body .met_page_wrapper .met_fullwidth_item {
  background: linear-gradient(
    to right,
    #0094db 0%,
    #0094db 50%,
    #46b6d6 50%,
    #46b6d6 100%
  );
}


/* some reference colors */
/*

orange e86e25

yellow f7c222

green 5baf27
light green a3d286

magenta a21784
light magenta d76ec0

light blue 4491d0
medium contrast blue 2a7ec4

purple 422072

*/
/* slickfish EVENTS */
#tribe-events-header {
	display: none;
}
#tribe-events-content h1,
#tribe-events-content .tribe-events-schedule h2
{
	margin-left: 25px;
}
.single .met_page_wrapper .met_content ul.tribe-events-sub-nav .tribe-events-nav-previous a {
	padding-left: 2em;
}
.single .met_page_wrapper .met_content ul.tribe-events-sub-nav .tribe-events-nav-next a {
	padding-right: 2em;
}

#tribe-events .tribe-events-cal-links a:first-child /* calendar widget stuff like Google Calendar button */ 
{
	margin-left: 2em;
}
.single-tribe_events .met_content.met_page_head_wrap .met_fullwidth_item .met_content {
	display: none;
}
.single-tribe_events .tribe-events-before-html .met_content.met_page_head_wrap .met_fullwidth_item .met_content {
	display: block;
}
.single-tribe_events .met_breadcrumb li {
	line-height: 60px;
	margin-bottom: 0;
}
.single-tribe_events #tribe-events .tribe-events-before-html .met_page_head h2 {
	color: #fff;
}

/* slickfish. remove comments thumbnail and icon from tiles on blog landing page. */
.met_blog_masonry_item_comments {
	display: none;
}

/* slickfish. remove bullets in ul */
.dslc-text-module-content ul {
	list-style-type: none !important;
}

/* slickfish. logo in nav bar situation */
header.met_content a.met_logo img {
	height: 58px;
}
header.met_content a.met_logo {
	float: left;
	display: inline-block;
	padding-top: 10px;
}
header.met_content a.liberty-bank_btn {
	display: inline-block;
	float: left;
	width: 100px;
	height: 53px;
	margin: 20px 20px 0 0;

	padding: 0;

	outline: none;
	border: 0;

	background-image: url(images/liberty_back_home_button.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100px;

	overflow: hidden;
}
header.met_content a.liberty-bank_btn:hover {
	background-position: left -53px;
}
header.met_content a.liberty-bank_btn span {
	display: none;
}

/**
 * ----------------------------------------------------------------------------------------
 * BLOG
 * ----------------------------------------------------------------------------------------
 */

.blog .met_page_wrapper, /* blog page background color */
.single .met_page_wrapper /* single post background color */
 {
	background: #6950a1 !important; /* purple */
 }
.single .met_page_wrapper .met_content  /* white content in single posts */
 {
	background: #fff !important;
 }
.single .met_page_wrapper .met_content p, /* post paragraphs */
.single .met_page_wrapper .met_content .met_blog_detail_info  /* meta info along top of post text */
{
	padding-left: 2em;
}

/*
This is breaking layout */
/*.blog #blog_masonry.row {
    margin-top: 30px;
}
.met_sidebar_box > ul li a {
	margin-right: 20px;
	display: block;
}
*/

 .staff_form {
 background-color: rgba(246, 245, 242, 1);
 	color: #888381;
 	width: 100%;
 	margin: 20px 0;
    text-shadow: -1px -1px 0 #FFFFFF;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
 }
  .staff_form header {
    padding-left: 15px;
    padding-bottom: 10px;
 }
.met_full_size_input { width: 100%; }

.met_staff_member section:hover {
	background-color: #fff6dd !important;
}
.met_staff_member section:hover a.title,
.met_staff_member section:hover .position
{
	color: #ffc210 !important;
}

.single-dslc_staff .met_content .met_blog_detail_preview,
.single-dslc_staff .met_content .met_blog_detail_info
{
	display: none;
}

.met_content .met_blog_detail #dslc-theme-content #dslc-theme-content-inner p a img {
	max-width: 740px;
	height: auto;
	margin-bottom: 30px;
}

/* STAFF PAGES - IMAGES TO SCALE ETC. */
.single-dslc_staff #dslc-theme-content-inner p img {
	width: 100%;
	height: auto;
	margin-bottom: 1em;
	
}
.single-dslc_staff .met_page_wrapper .met_content p {
	margin-right: 2em;
}
@media screen and (min-width: 991px) {
	.single-dslc_staff .met_page_wrapper .met_content p {
		margin-right: 0em;
	}
}

/* prevent staff phone numbers from wrapping */
.met_staff_member section span.position b {
	white-space: nowrap;
}

/* ipad only - Our Organization - get titles and phone numbers on one line for ipad so things line up. */
@media screen and (min-width: 770px) and (max-width: 1160px) {
	.met_staff_member section span.position {
		font-size: .9em !important;
	}

}

#dslc-module-148 .dslc-text-module-content p strong {
	white-space: nowrap;
	font-weight: normal;
}
/* menu: hide funding priorities page from flyout menu on desktop */
.met_primary_nav > li.menu-item > ul li.menu-item-4048 {
	display: none;
}
@media screen and (max-device-width: 2000px) {
	.met_primary_nav > li.menu-item > ul li.menu-item-4048 {
		display: block;
	}
}

/* remove side wall padding on smaller screens and devices */ 
/* no white gutter */
.met_page_wrapper,
.met_page_wrapper > .single-page
{
	padding-left: 0 !important; 
	padding-right: 0 !important; 
}
/* add some padding on sides so text doesn't always go to the edge - but background color bleeds */
.met_page_wrapper .single-page .dslc-content .dslc-modules-section {
	padding-left: 1em !important; 
	padding-right: 1em !important; 
}
/* remove left margin on UL in Staff page Awards center aligned content */
#dslc-content #dslc-module-352 .dslc-text-module-content ul {
	margin-left: 0 !important;
	padding-left: 0 !important;
}
/* add side padding to quote boxes for smaller screens */
#dslc-content .met_banner .met_banner_part_1 {
	padding-left: 3em !important;
	padding-right: 3em !important;	
}
/* quote boxes get pic to center and scale */
.dslc-modules-section {
	background-position: 50% 50% !important;

}


/* allow less padding for smaller devices on grant quote box */
@media screen and (max-width: 1000px) {
	#dslc-content #dslc-module-160 .dslc-text-module-content {
		padding-left: 2em !important; 
		padding-right: 2em !important;
	}
}

/* take out padding on sides of affordable housing module for smaller screens - icon list */
#dslc-content #dslc-module-81 .dslc-text-module-content,
#dslc-content #dslc-module-64 .dslc-text-module-content /* Education for Economic Success PAge */
{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
@media screen and (max-width: 800px) {
	#dslc-content #dslc-module-81 .dslc-text-module-content ul,
	#dslc-content #dslc-module-64 .dslc-text-module-content ul
	{
		margin-left: 0 !important;
	}
}


/* odd spacing and line-height etc on About > Results page Return on investment para */
#dslc-module-106 .dslc-text-module-content h1,
#dslc-module-106 .dslc-text-module-content p,
#dslc-module-312 .dslc-text-module-content, /* press releases */
#dslc-content #dslc-module-294 .dslc-accordion-title /* press releases page */
{
	line-height: normal !important;
}
/* press releases page reduce margin top and bottom on first module */
#post-3490 #dslc-content .dslc-modules-section:first-of-type {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
#dslc-content #dslc-module-294 .dslc-accordion { /* press releases */
	padding-left: 1em !important;
	padding-right: 1em !important;
}

/* programs page : fix h1 as it won't wrap properly */
#dslc-module-350 .dslc-text-module-content h1 {
	font-size: 44px !important;
}

/* community building blocks in white space are overlapping. Fix this */
@media screen and (max-width:770px) {
	#post-3498 #dslc-module-226,
	#post-3498 #dslc-module-228,
	#post-3498 #dslc-module-229 
	{
		margin-bottom: 80px !important;
	}
}



/* STEP STYLING and COLUMN REORGANIZATION ON Funding Priorities Page */
.sf-step .met_image_step_box:after {
	background-color: #EFEDE9;
}
#post-3484 .dslc-4-col:last-child .sf-step .met_image_step_box:after {
	display: none;
}
.sf-step:hover .met_image_step_box:after {
	background-color: #FFCA07;
}
.sf-step .met_image_step_box img {
	display: block;
	width: 100% !important;
	/*min-width: 373px; */
	
border-right-width: 6px;
border-right-color: #EFEDE9;
border-right-style: solid;
	
}
#dslc-content #dslc-module-50 .dslc-text-module-content p,
#dslc-content #dslc-module-51 .dslc-text-module-content p,
#dslc-content #dslc-module-52 .dslc-text-module-content p {
	padding-right: 5%;
}


.sf-step:hover .met_image_step_box img {
	border-right-color: #FFCA07;
}
.sf-step .met_image_step_bottom {
	margin-top: 30px;
}

.sf-step .met_image_step_order {
	width: 40px;
	height: 40px;
	background-color: #EFEDE9;
	color: #000000;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	margin-right: 10px;
	font-weight: 700;
}
.sf-step .met_image_step_order:after {
	width: 2px;
	height: 30px;
	background-color: #EFEDE9;
	font-weight: 700;
	position: absolute;
	display: block;
	content: '';
	bottom: 100%;
	left: 50%;
	-webkit-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;	
}
.sf-step .met_image_step_title {
	font-size: 16px;
	line-height: 40px;
	font-weight: 700;
	text-align: left;
	color: #fff;
}
.sf-step:hover .met_image_step_title {
	color: #FFCA07;
}
.sf-step:hover .met_image_step_order,
.sf-step:hover .sf-step .met_image_step_bottom,
.sf-step:hover .met_image_step_order:after
{
	background-color: #FFCA07;
}


#post-3484 .dslc-4-col {
	width: 33%;
	margin-right: 0px;
}


/* Slickfish Popup */
[id^="slickfish-popup-"] {
  color: white;
  padding: 20px;
  text-align: left;
  max-width: 1000px;
  margin: 40px auto;
  position: relative;
}
[id^="slickfish-popup-"] img {
	max-width:100%;
	height:auto;
	margin-bottom: 1rem;
}
[id^="slickfish-popup-"] h1,
[id^="slickfish-popup-"] h2,
[id^="slickfish-popup-"] h3 {
	color:white;
}
.mfp-close-btn-in .mfp-close {
    color: #BABABA!important;
}
/* remove subtle outer border on tiles */
.met_gallery_thumb_grid li{
	border:   none;
}
[id^="slickfish-popup-"] a {
  color: #FFCA07; /* yellow */
}
[id^="slickfish-popup-"] a:hover {
  color: #9F4641; /* red */
}



/* EVENTS - UPCOMING EVENTS PAGE */
/* Hard programming in the header/titles and breadcrumbs -- see HTML in Events > Settings > Display */
body.post-type-archive-tribe_events .met_page_head_wrap {
	display: none;
}
body.post-type-archive-tribe_events .tribe-events-before-html .met_page_head_wrap {
	display: block;
}
body.post-type-archive-tribe_events .tribe-events-before-html .met_page_head_wrap h2.hidden-360 {
	color: #fff !important;
	font-family: Sintony;
	font-weight: normal;
	font-style: normal;
	text-transform: capitalize;
}
body.post-type-archive-tribe_events .tribe-events-before-html .met_page_head_wrap .met_breadcrumb li {
	color: #fff;
	line-height: 60px;
	margin-bottom: 0;
	font-weight: normal;
}
/* add padding on the left side for ipad only */
@media screen and (min-width: 770px) and (max-width: 1160px) {
	#tribe-events-content 	{
		margin-left: 2%;
	}
	#tribe-events-bar {
		width: 98%;
		margin-left: 2%;
	}

}

/* SLIDESHOWS FIX HEIGHT on SINGLE PAGES */
.single.single-post .bx-wrapper div.bx-viewport {
	height: 500px !important;
}
.single.single-post .met_blog_block_slider_wrapper img {
	display: block;
	width: auto;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
}
.single.single-post .met_blog_block_slider_container {
	background-color: rgba(0,0,0,0.03);
}
@media screen and (max-width: 770px) {
	.single.single-post .bx-wrapper div.bx-viewport {
		height: 300px !important;
	}
	.single.single-post .met_blog_block_slider_wrapper img {
	height: inherit;
	max-width: 100%;
	max-height: 300px;
	}
}






/* CONSTANT CONTACT FORM */
.ctct-embed-signup {
	width: 100%;
}
.ctct-embed-signup .surround-form {
	color: #5b5b5b; 
	background-color: #F8F7F5; 
}
.ctct-embed-signup .surround-form header.met_title_with_subtitle {
	background-color: #edecea; 
}
.ctct-embed-signup header h3 {
	color: #000; 
	font-size: 19px;
	line-height: 55px;
	font-family: Sintony;
	font-weight: normal;
	font-style: normal;
	padding-left: 15px;
}
.ctct-embed-signup .surround-form .ctct-custom-form input[type="text"] {
    width: 76%;
    padding: 5px 10px;
    border: 1px solid #b0b6bb;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #394856;
    font-size: 14px;
    line-height: 1.5; 
}
.ctct-custom-form {
    font-size: 14px !important;
	text-shadow: -1px -1px 0 #FFFFFF;
	color: #888381 !important;
	font-family: Sintony !important;
}
.ctct-embed-signup .surround-form .ctct-custom-form .ctct-button {
    color: #fff;
    background-color: #0078c1;
    display: block;
    width: 76%; 
}
.ctct-embed-signup .surround-form #success_message {
	background: rgba(71,184,49,1);
	overflow: auto;
	display: block;
	color: #fff;
	padding: 40px 0;
	font-size: 1.2em;
}


/* VOTING BOXES - Row - Return them on September 5th */
#voteBoxes {
	/*display: none !important;*/ /* hide temporarily 08.22.17 */
}


/* remove reCAPTCHA badge from all pages except Contact. */
body:not(.contact):not(.volunteerism) .grecaptcha-badge{
    visibility: collapse !important;  
}