@charset "UTF-8";

/*
Theme Name: Habitat PGW 2021
Theme URI: https://habitatpgw.org
Author: Consociate
Author URI: https://consociatemedia.com
Text Domain: habitatpgw
*/

body { font-family: neue-haas-grotesk-display, sans-serif; font-weight: 400; text-align: center; font-size: 24px; line-height: 1.35; padding-top: 75px }

h1, h2, h3, h4, h5, h6 { font-weight: 700; margin-bottom: 1rem }
h1 { font-size: 64px }
h2 { font-size: 54px }
h3 { font-size: 43px }
h4 { font-size: 34px }
h5 { font-size: 28px }
h6 { background-color: #a4343a; padding:25px; font-size:30px }

.center {text-align: center; margin: 0 auto }
	
.thin { font-weight: 100; }
.light { font-weight: 300; }
b, strong { font-weight: 700; }
.thick { font-weight: 900; }

.neue {font-family: neue-haas-grotesk-display, sans-serif; font-weight: 200; font-weight: 500; font-weight: 700; font-weight: 900; font-style: normal;}
.txt-white { color:#fff !important }
.txt-red { color:#A4343A !important }

hr { margin: 25px auto }
hr.alignfull { max-width: 100% !important }
.post-titles hr { max-width: 150px }

#header { border-bottom: 10px solid #43b02a; background-color: #fff }

.navbar { padding-top: 1.5rem; padding-bottom: 1.5rem }
.navbar-brand img { width: 300px; height: auto }
.navbar-light .navbar-nav .nav-link { color: rgba(0, 47, 108, 1)}
.navbar-light .navbar-nav .nav-link:hover { color: #43b02a}
.navbar-expand-lg .navbar-nav .nav-link { padding-right: .75rem; padding-left: 1rem }
.nav-link { text-transform: uppercase; font-size: 18px; font-weight: 700 }
.dropdown-menu { background-color: #002f6c }
.dropdown-item { color: #fff; text-transform: uppercase; padding: .4rem 1rem; letter-spacing: .05rem }

.sub-menu-toggle {display: none} /* Navwalker Boostrap 5 hack for dropdowns */

#blocks .row>* { padding-right: 0; padding-left: 0; }

#slider { background-color: #002f6c }
#news { padding: 50px 0 }
#follow { background: url("images/bg-fade-white-down-shoveling.jpg") center top no-repeat; width: 100%; height: auto; background-size: contain; padding: 100px 0 }

.js-marquee::before { /* content: url(images/logo-icon-50.png) */ }

#latest { background: url("images/bg-fade-white-left-paul-saw.jpg") right center no-repeat; height: auto; background-size: cover; text-align: left; }
#latest .news { padding: 100px; color: #002f6c }
h3.wp-show-posts-entry-title { margin-bottom:10px !important }
.title { font-size: 36px; font-weight: 700; margin-bottom: 15px }
.blurb { font-size: 22px; margin-bottom: 25px }

.blue, .lime, .teal, .white { padding: 100px 0 }
.blue { background-color: #002f6c }
.green { background-color: #43b02a; color: #fff }
.white { background-color: #fff; font-size: 60px; font-weight: 700; color: #fff }
#restore { background-color: #002f6c }
#restore .blue { font-size: 60px; font-weight: 700; color: #fff }

.lime { background-color: #c4d600; font-size: 60px; font-weight: 700; color: #fff }
.teal { background-color: #00afd7; color:#002f6c }
.teal h3 { color: #fff; font-weight: 700}
.teal img { margin-bottom: 15px }
.info { width: 300px; float: right; padding-right: 25px }
.lime ul, .white ul, .blue ul { text-align: left; margin-top: 25px }
.lime ul li, 
	#main .white ul li, .blue ul li { text-align: left; border-bottom: 7px solid #00afd7; display: table; line-height: 1 }

#subfooter { background: url("images/bg-fade-white-down-shoveling.jpg") center top no-repeat; width: 100%; height: auto; background-size: contain; padding: 100px 0 }

footer { background-color:#002f6c; padding: 50px 0; color: #fff; font-size: 20px }
footer img { padding: 15px }
footer .middle { border-left: 1px solid rgba(255,255,255,.5); border-right: 1px solid rgba(255,255,255,.5) }
footer .links { margin: 15px auto }
footer .links i { font-size: 30px; font-weight: 700; margin: 0 5px 10px 5px }

.copyright { margin-top: 25px }

#mc_embed_signup form { padding-left: 0 !important }
#mc_embed_signup label { text-align: center }
#mc_embed_signup input.email, 
	#mc_embed_signup input.button  { margin: 5px auto !important }

.subhead { font-size: 54px; font-weight: 900; margin-bottom: 15px; color: #002f6c }
.subhead.line { padding-bottom: 10px; width: 100%; border-bottom: 5px solid #888b8d }

.row .row { margin-left: 15px; margin-right: 15px }

.teal img { 
	-webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,.25);
     -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,.25);
          box-shadow: 0 10px 6px -6px rgba(0,0,0,.25);
}

/* PAGES */

.home #subfooter { display: none }

#main { text-align: left; padding: 0 0 100px 0;  }

#main h2, #main h3, #main h5 { color: #002f6c }
.fade-top { background: url(images/bg-fade-dark-top.png) 0 0 repeat-x; width: 100%; height: 100px; background-size: contain }

.staff { text-align: center }
.staff img { height: 250px; width: auto }

.red { background-color:#A4343A; padding: 25px }

.blue-pad { padding: 25px 25px 10px 25px; background-color: #002f6c }
.white-pad { padding: 25px 25px 10px 25px; background-color: #fff }
#main .white-pad ul { padding-left: 0 }

.wp-block-image figcaption { color: #fff; }

/* Logo Carousel */

.wpls-logo-slider.wpls-center .slick-slide { width: auto !important }
.sliderimage_hide_border .wpls-logo-cnt.slick-slide img { padding: 20px !important }

.page-id-107 .wpls-logo-showcase-slider-wrp,
	.page-id-1412 .wpls-logo-showcase-slider-wrp { background: #fff; padding: 25px } /* Raise the Roof */

/* Accordion (Gutenberg ) */

.wp-block-coblocks-accordion-item {
    border-radius: 4px;
    margin: 0 0 .25em;
}
.wp-block-coblocks-accordion-item__title {
    background: #A4343A !important; font-size: 26px
}

/* Spacing tweaks */

.mar-btm-0 { margin-bottom: 0 }

.wp-block-columns,
	.blocks-cols-even { margin-top:1.75rem; margin-bottom:.5rem }

.pad-25 {padding:25px}

.board em { padding-left:15px; display: inline-block }

/* Lists */

ul { list-style-type: none; padding-left: 0 }
ul li { text-align: left }

#main ul { list-style-type:disc; padding-left: 25px }
#main ul li { margin-bottom:10px }
#main .wp-block-gallery ul { padding-left:0 }

/* WPForms */

div.wpforms-container-full .wpforms-form .wpforms-field-label { font-size: 22px}

div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
    max-width: 100%;
}

/* Icons */

#main i, #main .wp-block-coblocks-icon { margin-bottom: 15px; color: #002f6c }
#main i { font-size: 40px }

.page-id-121 #main i { margin-bottom: 15px; color: #A4343A } /* Red Icons */

/* ReStore */

.page-id-156 .green { background-color: #00afd7 }
.page-id-156 .lime ul li, .page-id-156 .white ul li { font-size: 56px; display: table; margin-bottom: 10px}

/* IMAGES */

img { width: 100%; height: auto }

/* LINKS / BUTTONS */

a { text-decoration: none; color: #43b02a }
a img:hover {opacity: .75}

#subfooter a:hover { color: #002f6c }

#news a,
	#main .wp-show-posts-entry-title a,
	.search-results #main a{ color: #002f6c }

.lime a { color: #fff }
.lime a:hover { color: #00afd7 }

.post-titles a { color: #888b8d}

footer a { color: #43b02a }

#main a { color:#ffd100; font-weight: 700 }
#main a:hover { color:#fff }

#restore .blue a { color: #fff }
#restore .blue a:hover { color: #43b02a }

a.btn { font-size: 22px; color: #fff; font-weight: 700; margin-bottom: 1rem }
a.btn-gray { background-color: #888b8d }
a.btn-green { background-color: #43b02a }

#main a.btn-dark,
	#main a.wp-block-button__link,
	#main a.wp-show-posts-read-more,
	div.wpforms-container-full .wpforms-form button[type=submit] { background-color:#A4343A; font-size: 22px; color: #fff; border: 0 }
#main a.btn-dark:hover, 
	#main a.wp-block-button__link:hover,
	#main a.wp-show-posts-read-more:hover,
	div.wpforms-container-full .wpforms-form button[type=submit]:hover{ background-color:#002f6c; border: 0 }

#main a.btn-blue { background-color: #002f6c; color: #fff }

/* BLOG */

.post-thumb img { text-align: center; margin: 15px auto 25px auto; max-width: 100% !important }

.wp-block-embed.aligncenter { text-align: center }
iframe.wp-embedded-content { width:100% }

.wp-show-posts-inner :last-child { margin-bottom: 15px }
.wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child) { margin-bottom: 1em; }
.wp-block-coblocks-accordion { margin-bottom: 15px }

/* Visual Portfolio plugin tweaks */

.vp-portfolio__item { border: 1px solid #fff }
.vp-portfolio__item-img img { height: 100% !important }
.vp-portfolio__item-meta-title { font-size: 47px !important; font-weight: 700 !important }
.vp-portfolio__items-style-fade .vp-portfolio__item-meta { padding: 25px !important }

.vp-portfolio__items-style-fade .vp-portfolio__item-uid-8c749a5b .vp-portfolio__item-overlay { background-color: rgba(255, 103, 31, .85) } /* GET INVOLVED orange */
.vp-portfolio__items-style-fade .vp-portfolio__item-uid-6693eb00 .vp-portfolio__item-overlay { background-color: rgba(67, 176, 42, .85) } /* DONATE green */
.vp-portfolio__items-style-fade .vp-portfolio__item-uid-13d265cf .vp-portfolio__item-overlay { background-color: rgba(0, 47, 108, .85) } /* ADVOCACY blue */
.vp-portfolio__items-style-fade .vp-portfolio__item-uid-4c18be31 .vp-portfolio__item-overlay { background-color: rgba(255, 209, 0, .85) } /* SHOP yellow */

.donation-widget.tabs .tabs-footer .dw-btn.basic-color-background {
    background-color: #000 !important;
    box-shadow: 0 2px 0 0 #007e9c;
}

.hide-field input { display: none !important }
.wpforms-container .border-top { margin-top: 25px !important; padding-top: 25px !important; border-top: 1px solid #fff !important }
.wpforms-field-description { font-size: 20px !important }

/* RESPONSIVE */

/*=====================================================
=            Bootstrap 2.3.2 Media Queries            =
=====================================================*/
@media only screen and (max-width : 1200px) {
	
	body { padding-top: 70px }
	
	.nav-link { font-size: 17px }
	.navbar-brand img { width: 200px; height: auto }
	.navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem;}
	
	.vp-portfolio__item-meta-title { font-size: 42px !important }

}

@media only screen and (max-width : 992px) {
	
	.hide-mobile { display: none }
	.hide { display: block }
	
	body { padding-top: 55px; font-size: 20px }
	
	h1 { font-size: 55px }
	h2 { font-size: 46px }
	h3 { font-size: 33px }
	h4 { font-size: 26px }
	h5 { font-size: 24px }
	
	.navbar-brand img { width: 200px; height: auto }
	
	.staff img { height: 150px }
	
	.blue, .lime, .teal, .white, #subfooter { padding: 50px 0 }
	#main {  padding: 0 0 50px 0;  }
	.fade-top { background: url(images/bg-fade-dark-top.png) 0 0 repeat-x; width: 100%; height: 50px; background-size: contain }
	
	#latest .news { padding: 50px 25px }
	
	.subhead { font-size: 44px }
	
	#restore .blue { font-size: 50px }
	
	.vp-portfolio__item-meta-title { font-size: 32px !important }

}

@media only screen and (max-width : 767px) {
	
	/* Breaks WP BLOCK columns early w/ tweaks */
	.wp-block-columns { display:block } 
	.wp-block-column:nth-child(2n) { margin-left: 0 }
	
	#latest { background: url(images/bg-fade-white-left-paul-saw.jpg) center center no-repeat }
	
	.info { float: none; margin: 0 auto }
	
	.location { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.5) }
	
	footer .middle { border-top: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid rgba(255,255,255,.5); border-left: 0; border-right: 0; padding: 25px 0; margin: 25px 0 }
	
	.wp-block-columns,
		.blocks-cols-even { margin-top:.75rem }
	
	.vp-portfolio__item-meta-title { font-size: 38px !important }
	
}

@media only screen and (max-width : 576px) {

}