/*
    Theme Name: Dare To Breathe
    Template: neve
    Theme URI: https://wordpress.org/themes/neve/
    Description: A custom child theme for the Dare To Breathe campaign
    Author: NewWorld
    Author URI: https://newworld.inc/
	Text Domain: neve
    Version: 1.0
    */


@charset "UTF-8";
/* CSS Document */
/* Global */
@import url('https://fonts.cdnfonts.com/css/neue-haas-grotesk-display-pro');
* {
  box-sizing: border-box;
}
body {
	font-family: 'Neue Haas Grotesk Display Pro', sans-serif;
	font-weight: 500;
	overflow-wrap: normal;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
}
.centered {
	text-align: center;
}
.bold {
	font-weight:bold;
}
.site-header {
	padding: 0 25px;
	background: #00D64F;
}
.home .site-header, .home .header-main, .home .site-header a {
	background: none;
	--bgcolor: none;
	color: #F8F8ED !important;
}
.home header {
	position: absolute;
	top:0;
	left:0;
	z-index:1;	
	width: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
}
.home .site-logo {
		color: #F8F8ED
}
.home .site-logo img {
	filter: brightness(0) saturate(100%) invert(98%) sepia(3%) saturate(9%) hue-rotate(42deg) brightness(101%) contrast(101%);

}
.site-header a {
	font-weight: bold;
	text-transform: uppercase;
	color: #171717;
}

.site-logo, .site-header button {
	transition: transform 0.3s ease;
}
.site-logo:hover, .site-header button:hover {
	transform: scale(1.05);
}
#content {
	z-index:0;
}

.wp-block-columns {
	margin-bottom: 0;
}
body .is-layout-grid {
  column-gap: 20px;
	row-gap: 20px;
}

.main-wrapper {
	padding: 0 40px !important;
	width: 100%;
	flex-wrap: wrap; 
}
.wp-block-group-is-layout-flex, .wp-block-group-is-layout-flex .wp-block-heading {
	display: flex;
	flex-wrap: wrap; 
}

.wp-block-cover {
  max-width: 100vw;      /* ignore theme container limits */
  margin-left: calc(-50vw + 50%); /* recenter against viewport */
	min-height: 700px !important;
}
.wp-block-cover p {
	max-width: 1200px;
	margin: 0 auto;
}
.wp-block-cover p.has-text-align-left {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.is-type-video, .wp-block-video {
	margin: 120px;
} 
.is-type-video iframe, .wp-block-video video {
	border-radius: 20px !important;
}
.stacked-videos {
	margin: 40px;
}
.small-margin.wp-block-video {
	margin: 0 0 40px !important;
}
.wp-block-columns .small-margin {
	column-gap:0 !important;
}
.wp-block-gallery img {
	border-radius: 20px;
}
.wp-block-gallery {
	gap: 1rem !important;
}
.wp-block-gallery figure {
	flex: 1 1 calc(25% - 1rem);
	min-width: 200px;
}
p {
	margin-bottom:20px !important
}
.quotes p:nth-child(2n) {
	padding-bottom: 40px !important;
}
.wp-block-latest-posts__featured-image img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.wp-block-latest-posts__featured-image img {
   width: 100%;
  height: auto;
  object-fit: cover;         /* crops to fill */
  display: block;
}
.nv-meta-list a[href*="/category/featured/"] {
  display: none !important;
}
.nv-meta-list a:after {
  content: none !important;
}

/* Headings, Buttons */
h1, h2 {
  border-top: 10px solid #000; 
  border-bottom: 10px solid #000;
  padding: 20px 0 !important; 
	margin: 40px 0 20px 0 !important;
	display: block !important;
	max-width:100% !important;
	min-width:100% !important;
}
.blog-entry-title {
	border: none;
	padding-top:10 !important;
	margin:0 !important;
}
h3 {
	padding: 10px 0;
}
.wp-block-button {
	margin-bottom:20px !important;
	gap: none !important;
	align-items: left;
	text-align: left;
}
.wp-block-button a {
	letter-spacing: -1.4px !important;
	font-size: 24px !important;
}
.wp-block-button.is-style-secondary {
	margin: 0 !important;
	align-items: left;
	text-align:left;
  display: inline-flex;
}
.wp-block-button.is-style-secondary::after {
	content: "";
  display: inline-block;
	background-image: url("wp-content/uploads/2025/09/arrow.png");
	background-size: contain;
  background-repeat: no-repeat;
  margin: 3px 0 0 10px;
  vertical-align: middle;
	height: 20px;
	width:20px;
}

.nv-meta-list li.meta:not(:last-child):after {
	content: none !important;
}
.nv-meta-list li {
	margin-right: 20px !important;
}
body.category {
	background: #F8F8ED !important; 
}
.category {
	background: #00D64F;
	border-radius: 20px;
	padding: 2px 12px 0;
}

/* Blog*/
.posts-wrapper {
	margin: 20px !important;
}
.layout-grid .nv-post-thumbnail-wrap {
	margin: 0;
}
.nv-index-posts {
	--padding:0 !important;
}
.nv-post-thumbnail-wrap{
	margin-bottom: 10px !important;
}
.nv-post-thumbnail-wrap img {
	border-radius: 20px;
}
ul.page-numbers {
	justify-content: center;
}
.page-numbers a {
	text-transform: uppercase;
}

/* Metaslider */
#metaslider-id-524 img {
  filter: brightness(65%) !important; 
}
.metaslider .caption-wrap {
	background:0 !important;
	color: #F8F8ED !important;
	opacity: 1 !important;
	margin: 0 auto;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
	bottom: auto !important;
  transform: translate(-50%, -50%) !important;
}
.metaslider .caption-wrap .caption div {
	font-family: 'Neue Haas Grotesk Display Pro', sans-serif;
	font-size: 120px !important;
	font-weight:600;
	color: #F8F8ED !important;
	line-height:0.9 !important;
	letter-spacing:-3px !important;
	background: 0 !important;
	padding: 0 40px !important;
}
a.flex-prev {
	left: 0 !important;
}
a.flex-next {
	right: 0 !important;
}

/*Metaslider Quotes */
#metaslider_1703 li {
	background: none;
}
#metaslider_1703 .caption-wrap {
		top: 25% !important;
}
#metaslider_1703 li img {
	width: 60%;
	margin: 0 auto;
	border-radius: 20px;
}
#metaslider_1703 .caption-wrap {
	color: #171717 !important;
	border: none;
}
#metaslider_1703 .flex-pauseplay {
	display: none;
}
#metaslider_1703 h3 {
	text-transform: none;
}
#metaslider_1703 .flex-direction-nav a {
	margin: 20px;
	text-shadow: none !important;
}
#metaslider_1703 .flex-control-paging li a {
	background: rgb(23, 23, 23, 0.5) !important;
	width: 16px;
	height: 16px;
	margin: 0 4px;
	box-shadow: none !important;
}
#metaslider-id-1703 .flexslider .flex-direction-nav li a {
	border-color: none !important;
}




/* FOOTER */
footer {
	margin-top:0px;
  padding-top: 0px; !important;
	background: #00D64F;
}
.page-id-118 footer .hfg_footer {
  border-top: 10px solid #000;
	padding-top:10px;
}
.hfg_footer {
	margin: 20px 40px 0px 40px 
}
footer .hfg-grid-main p {
	font-size: 120px;
	letter-spacing: -7px;
	line-height:0.8 !important;
}
footer .container {
	margin:0;
	padding:0;
}
footer p, footer a {	
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1.1 !important;
	font-weight: bold;
}
footer #block-9 img {
	width: 150px;
	height:auto;
	margin-left:-5px;
}
.footer-main {
	margin-top: 200px;
}
footer #block-10 img {
	width: 100%;
	height:auto;
}
footer #block-9 img {
	position:relative;
	background: #F8F8ED;
	padding: 10px;
	left:5px;
	border-radius: 10px;
}
.builder-item cr {
	margin:0 !important;
}
#menu-footer-2 li {
	margin-top:0;
}
.widget {
    margin-bottom: 0px;
}
ul#footer-menu {
	flex-direction: column;
}
.builder-item--footer-three-widgets .widget-area {
	display: flex;     
	justify-content: space-between;
	align-items: flex-start; 
}
.footer-top-inner .row {
    grid-template-columns: 6fr 1fr 1fr !important;
}
footer .component-wrap {
	margin: 0 !important;
}

/* FONTS */
strong {
	font-weight: 600;
}
.wp-block-group-is-layout-flex p {
	line-height: 1.1 !important;
	margin-bottom:10px;
}
.has-small-font-size {
	font-size: 20px !important;
	line-height: 1 !important;
	font-weight:600;
}
.has-medium-font-size {
	font-size: 24px !important;
	line-height: 1.1 !important;
}
.take-action .has-medium-font-size, .about .has-medium-font-size {
	font-size: 42px !important;
	line-height: 1.1 !important;
}
.wp-block-cover .has-large-font-size {
	font-size: 80px !important;
	letter-spacing: -2px;
	font-weight: 700;
	line-height:0.9 !important;
}
.has-large-font-size, .principles .has-large-font-size {
	font-size: 48px !important;
	letter-spacing: -1px;
	font-weight: 700;
	line-height:0.9;;
  hyphens: none;
}
.has-x-large-font-size {
	font-size: 120px !important;
	letter-spacing: -3px;
	font-weight: 600;
	line-height:0.9;
}
.entry-content a:hover, .entry-content a:active {
	--linkdeco: none;	
	text-decoration: none;
	--hovercolor: #171717;
		color: #171717;
}
.resources p {
	max-width: 800px;
	padding:20px;
}
.principles a {
	color: #F8F8ED;
	text-decoration:underline;
}
.principles a:hover, .principles a:active {
	color: #F8F8ED;
}
main a {
	font-weight: bold;
}
main a:active, main a:hover {
	text-decoration: underline;
}
.site-header a:active, .site-header a:hover {
	--hovercolor: #171717;
		color: #171717;
		text-decoration: underline;
}
.wp-block-button.is-style-secondary a:link {
  --linkdeco: none;
	text-decoration: none;
}
.wp-block-button.is-style-secondary a:hover, .wp-block-button.is-style-secondary a:active {
  --linkdeco: underline;
	text-decoration: underline;
}
.wp-block-latest-posts__post-title {
	text-transform: uppercase;
	font-size: 24px;
	line-height:0 !important;
}
a:hover.wp-block-latest-posts__post-title, a:active.wp-block-latest-posts__post-title  {
	text-decoration: underline;
}
p.leading {
	line-height:1.5 !important;
}

/* INDIVIDUAL PAGE STYLES */
body {
	background: #F8F8ED;
}
body.page-id-118 {
	background: #00D64F;
}
.issue-areas .wp-block-cover {
	min-height: 300px !important;
}
.issue-areas .wp-block-cover .has-large-font-size {
	font-size:60px !important;
	letter-spacing:-1px;
}
.issue-areas .wp-block-cover p.has-large-font-size {
	display: flex;
	justify-content: center;
	text-align: center;
}
.issue-areas .wp-block-cover p.has-small-font-size {
	display: flex;
	justify-content: center;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px !important;
}
.issue-areas .wp-block-button a {
	background: #00D64F !important;
	border-radius: 30px !important;
	font-size: 18px !important;
	color: #000;
}
.principles .wp-block-cover__inner-container {
	display: flex;
	justify-content: flex-start;
  flex-direction: column;
	height: 600px;
}
.principles p:first-of-type {
  margin-top: auto;
}
.principles p:last-of-type {
  margin:0 0 20px 0;       
}
.wp-block-latest-posts__featured-image img {
	border-radius: 20px;
	margin-bottom: 10px;
}
.error404 .container-fluid {
	margin: 0 20px !important;
}
.error404 .container-fluid>div {
	margin: 0 !important;
}

.take-action, .wp-block-columns, .wp-block-columns.is-layout-flex {
	column-gap: 80px !important;
	row-gap: 10px !important;
}
/* 1) Turn off native bullets (beats the theme’s ::marker) */
.take-action ul {
  list-style: none !important;   /* hides the marker */
  padding-left: 0;               /* we’ll add our own indent */
  margin-left: 0;                /* optional, for tight layouts */
}

/* 2) Add your image with ::before */
.take-action ul > li {
  position: relative;
  padding-left: 30px;            /* space for the icon */
  min-height: 20px;              /* at least icon height */
}

.take-action ul > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;                    /* vertical align; tweak as needed */
  transform: translateY(-50%);
  width: 20px;                   /* icon size */
  height: 20px;
  background: url("/wp-content/uploads/2025/09/check.png") no-repeat center;
  background-size: contain;
}

@media (max-width: 1080px) {
	.neve-main > .single-post-container .nv-single-post-wrap.col {
	max-width: 100% !important;
}
.has-x-large-font-size {
    font-size: 100px !important;
	}
	.principles.wp-block-group.is-layout-grid, .issue-areas.wp-block-group.is-layout-grid  {
		grid-template-columns: 1fr !important;
	}
	.issue-areas hr.wp-block-separator {
		grid-column: span 1 !important;
	}
	.partners.wp-block-group.is-layout-grid, .video-thumbs.wp-block-group.is-layout-grid {
		grid-template-columns: 1fr 1fr !important;
	}
	.small-margin.wp-block-video {
		margin: 0 !important;
	}
	.metaslider .caption-wrap .caption div {
		font-size: 90px !important;
	}	
	.footer-top-inner .row {
    grid-template-columns: 4fr 1fr 1fr !important;
	}
	  .single-post-container .nv-single-post-wrap.col {
		margin: 0 40px !important;
	}
	.right .builder-item {
		margin:0 !important;
		padding:0 !important;
	}
	.menu-mobile-toggle button, .close-sidebar-panel button.hamburger.is-active.navbar-toggle.active, .navbar-toggle {
		border: none !important;
	}
	.navbar-toggle:focus { outline: 0 !important;
	}
	.icon-bar {
		width:40px;
		height:6px;
		margin: 5px 0;
	}
	.home .icon-bar {
		color:#F8F8ED;
	}
	.is-menu-sidebar .navbar-toggle .icon-bar:nth-child(3){
		bottom: 10px;
	}
	.is-menu-sidebar .navbar-toggle .icon-bar:nth-child(1){
		top: 12px;
	}
	footer .hfg-grid-main p {
	font-size: 80px;
	letter-spacing: -5px;
	line-height:0.8 !important;
}
	#metaslider_1703 .slides li {
		max-width: 500px !important;
		min-width: 300px;
	}
	#metaslider_1703 .caption-wrap 	{
		top: 35% !important;
	}
} 


@media (max-width: 959px) {
.home .site-header, .home .header-main, .home .site-header a {
	background: none;
	--bgcolor: none;
	color: #171717 !important;
	}
	.about.wp-block-columns {
		display: grid;
		grid-template-columns:1fr !important;
	}
	.about .has-large-font-size {
		margin-top:40px;
	}
	
}


@media (max-width: 800px) {
	.is-type-video, .wp-block-video  {
	margin: 40px;
} 
.has-x-large-font-size {
    font-size: 80px !important;
	}
	ul.wp-block-latest-posts.columns-3 {
		margin:10px 0 0;
	}
	  .wp-block-latest-posts.columns-3 li {
        width: 100%;
				margin: 0 0 20px;
    }
	.metaslider .caption-wrap .caption div {
		font-size: 60px !important;
	}	
	#metaslider_1703 .caption-wrap 	{
		top: 40% !important;
	}
}
@media (max-width: 730px) {
	.metaslider .caption-wrap .caption div {
		font-size: 40px !important;
	}	
.partners.wp-block-group.is-layout-grid {
	grid-template-columns: 1fr !important; }
	.partners.wp-block-group.is-layout-grid img {
	width: 100%;
	}
.footer-top-inner .row { 
	grid-template-columns: 1fr  !important;
	}
	footer p {
		margin-bottom: 10px !important;
	}
	footer .nav-ul li > .wrap {
		padding: 0;
	}	
	.footer-top .hfg-slot {
		margin-bottom: 40px;
	}
	.footer-main {margin:0;}
	.footer-bottom .builder-item.cr {display:none;
	}
	.builder-item--footer-three-widgets .widget-area {
		flex-direction: column; 
    justify-content: flex-start;
	}
}