:root {
--color-red: #B30031;
--color-tan: #BB9F75;
--work-sans: 'Work Sans',san-serif;
--open-sans: 'Open Sans',san-serif;
--heading-font: 'Roboto Serif', serif;
}

#header, #page >  hr {
	display:none;
}


.pm-container {
	width:100%;
	max-width:1320px;
	padding:0 60px;
	display:flex;
}

.pm-fluid {
	max-width:1920px;
	padding:0;
}

.pm section {
	display:flex;
	flex-direction:column;
	align-items:center;
	width:100%;
	max-width:100%;
	margin:0 auto;
	background-position:center top;
	background-size:cover;
	position: relative;
}

.pm-row {
	flex-direction:row;
	justify-content: space-between;
}

.pm-col {
	flex-direction:column;
	align-items: center;
}

.pm-rounded {
	border-radius:30px;
}

.pm-round {
	width:275px;
	height:275px;
	object-fit:cover;
	border-radius:50%;
}

.pm img {
	max-width:100%;
}

.pm-who img {
	max-width:276px;
}

.pm h2 {
	font-family:var(--work-sans);
	font-family:var(--heading-font);
	font-size:64px;
	line-height:1.1;
	margin-bottom:24px;
}

.pm h3 {
	font-size:36px;
	font-weight:700;
	line-height:1.1;
	margin-bottom:24px;
	font-family:"source sans pro", sans-serif;
	margin-bottom:6px;
	color:var(--color-red);
}

.pm p {
	margin-top:0;
	line-height:1.4;
	color:#000;
}

.pm-button {
	padding:7px 40px;
	font-size:16px;
	line-height:1;
	border-radius:17px;
	color:#000;
	text-decoration:none;
	text-transform: uppercase;
	font-weight:600;
	border:1px solid;
	margin-right:6px;
	text-align: center;
}

.btn-solid {
	background-color:var(--color-tan);
	border-color: var(--color-tan);
}

.btn-solid:hover {
	background-color:#000;
	border-color:#000;
	color:#fff;
}

.btn-outline {
	border-color: var(--color-tan);
	color: var(--color-tan);
}

.btn-outline:hover {
	background-color:var(--color-tan);
	border-color:var(--color-tan);
	color:#000;
}

.pm-p-m {
	font-size:24px;
	line-height:1.65;
}

.pm-p-l {
	font-size:36px;
	line-height:1.65;
}

.pm-col-2 {
	width:100%;
	max-width:50%;
}

.pm-col-3 {
	width:100%;
	max-width:33.3%;
	display:flex;
	align-items:center;
	flex-direction: column;
}

.pm-col-4 {
	width:100%;
	max-width:25%;
}

.pm-col-2-3 {
	width:100%;
	max-width:66.6%;
}

.pm-gap-20 { gap:20px; }
.pm-gap-40 { gap:40px; }
.pm-gap-60 { gap:60px; }
.pm-gap-80 { gap:80px; }

.pm .mb-40 {
	margin-bottom:40px;
}

.pad-left {
	padding-left:60px;
}

.pm-col h2, .pm-col p {
	text-align: center;
	max-width:960px;
}

.jc-center {
	justify-content:center;
}

.hr {
	background-color:var(--color-tan);
	width:100%;
	height:1px;
	margin-bottom:34px;
}

.text-center h2, .text-center p {
	text-align:center;
}

.text-white p, .text-white h2 {
	color:#fff;
}

h2.text-red  {
	color:var(--color-red);
}

p.text-tan  {
	color:var(--color-tan);
	margin-bottom:40px;
}


.pm-hero .pm-hero-content {
	width:100%;
	max-width:45%;
	position:absolute;
	left:5%;
	top:50%;
	transform:translateY(-50%);
	color:#fff;
}

.pm-hero .hero-centered {
	width: 100%;
    max-width: 66.6%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    text-align:center;
}

.pm-hero .hero-centered h1 {
	font-size:64px;
	line-height:1.1;
	color:var(--color-red);
	font-weight:700;
	font-family:"source sans pro",sans-serif;
}

.pm-hero .hero-centered h2 {
	font-size:36px;
	line-height:1.1;
	color:#000;
	font-family:"source sans pro",sans-serif;
	font-weight:400;
}

.pm-hero .hero-centered p {
	font-size:20px;
	line-height:1.4;
	color:#000;
	font-family:"source sans pro",sans-serif;
}

.notch {
	clip-path: polygon(
    0 0%,            /* top-left indentation start */
    48% 0%,          /* start of arrow base */
    50% 5%,            /* arrow tip (downward point) */
    52% 0%,          /* other side of arrow base */
    100% 0%,         /* right top edge */
    100% 100%,        /* bottom-right corner */
    0 100%            /* bottom-left corner */
  );
}

.pm-gift {
	padding:100px 0;
}

.pm .gift-heading {
	font-size:48px;
	line-height:1.2;
	margin-bottom:42px;
	font-family:var(--heading-font);
	
}

.pm .gift-heading.red {
	color:var(--color-red);
	text-transform: uppercase;
	font-size:64px;
	line-height:.9;
}


.pm .pm-who {
	background-size:cover;
	background-image:url('https://www.thecenterforchildren.org/wp-content/uploads/2025/10/Who-We-Are-BG.jpg');
	padding:100px 0;
	margin-bottom:90px;
}

.pm-child-first .col-2:first-child {
	position:relative;
}

.pm-abs-content {
	top:50%;
	transform:translateY(-50%);
	left:100px;
	width:420px;
	position:absolute;
}

.pm .pm-impact {
	padding:130px 0 60px;
	background-color:#f9f8f5;
	margin:80px 0;
}

.pm-testimonial-card {
	background:#fff;
	border-radius:15px;
	padding:80px 80px;
	position: relative;
	margin-top:40px;
}

.pm-testimonial-card p {
	font-size:24px;
	font-weight:700;
	line-height:1.2;
}

.pm-testimonial-card cite {
	color:var(--color-red);
	font-size:32px;
	line-height:1;
	font-style:normal;
	font-weight:700;
}

.pm .quote {
	position: absolute;
	left:50%;
	top:-50px;
	transform:translateX(-50%);
	max-width:110px;
}

.pm .pm-get-involved {
	margin-bottom:80px;
}

.pm .involved-content {
	position: absolute;
	left:50%;
	transform: translatex(-50%);
	top:130px;
	text-align:center;
	width:100%;
	max-width:720px;
}

.give-cards {
	gap:20px;
	margin-top:-90px;
}

.give-card {
	border-radius:15px;
	clip-path: polygon(
    0 0%,            /* top-left indentation start */
    45% 0%,          /* start of arrow base */
    50% 5%,            /* arrow tip (downward point) */
    55% 0%,          /* other side of arrow base */
    100% 0%,         /* right top edge */
    100% 100%,        /* bottom-right corner */
    0 100%            /* bottom-left corner */
  );
	background:#D5C39F;
	padding:60px 55px 90px;
	position: relative;
}

.give-card:nth-child(2n+2){
	background:#BB9F75;
}

.give-card .pm-button {
	position:absolute;
	left:50%;
	bottom:60px;
	transform:translateX(-50%);
	min-width:200px;
}

.btn-light {
	background-color:#D5C39F;
}

.bg-tan-design {
	background-image:url('/wp-content/uploads/2025/10/Bottom-Donation-BG.jpg');
	border-radius:30px;
	background-position:top right;
	padding:120px 120px 120px;
	color:#fff;
}

.pm-img-center {
	margin:20px auto 0;
}

.ai-stretch {
	align-items:stretch;
}

.ai-center {
	align-items:center;
}

.br-30 {
	border-radius:30px;
}

.gap-30 {
	gap:30px;
}

.pm-latest-press {
	padding:75px 0;
}

.fwrap {
	flex-wrap:wrap;
}

.post-tile {
	width:100%;
	margin:0 0 6rem;
	align-items:flex-start;
	text-align:left;
}

.pm-all-posts .post-tile {
	max-width:calc(33.3% - 20px);
}

.post-image {
	border-radius:20px;
	width:100%;
	height:auto;
	margin-bottom:26px;
	border:1px solid #f7f7f7;
	overflow:hidden;
}

.post-image img {
	display:block;
	width:100%;
}

.post-content {
	padding:0 2rem;
}

.post-tile a {
	color:var(--color-red);
}

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

	.pm h2 {
		font-size:50px;
		line-height:1.1;
		margin-bottom:24px;
	}

	.pm .gift-heading.red {
		font-size:50px;
	}

	.pm-child-first .pm-col-2:first-child > img, .pm-donate .pm-col-2:first-child > img {
		height:100%;
		overflow:hidden;
		border-radius:15px;
		object-fit:cover;
	}

	.pm .involved-content {
	    top: 100px;
	}

	.bg-tan-design {
	    padding: 80px;
	}

}

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

	.pm section > img {
		height:100%;
		object-fit:cover;
	}

	.pm-button {
		width:225px;
		margin:0 0 10px;
		display: inline-block;
		align-self: center;
	}

	.pm-container {
	    width: 100%;
	    max-width: 1320px;
	    padding: 0 40px;
	    display: flex;
	}

	.pm-row, .row {
		flex-direction:column;

	}

	.pm-col-2, .pm-col-3, .pm-col-4, .pm-col-2-3 {
		max-width:100%;
	}

	.pm h2 {
		font-size:44px;
	}

	.pm-p-l {
		font-size:30px;
	}

	.pm-p-m {
		font-size:20px;
	}

	.pm .pm-hero {
		background:#000;
		height:600px;
		border-radius:15px;
		overflow:hidden;
	}

	.pm .pm-hero > img {
		opacity:.76;
	}

	.pm .pm-hero-content {
		max-width:90%;
	}

	.pm-gift .pm-col-2 {
		margin-bottom:30px;
	}

	.pm-gift .pm-col-2:last-child {
		margin-bottom:0;
		display: flex;
		flex-direction: column;
	}

	.pm-gift .pm-col-2:last-child .pm-img-shadow {
		order:2;
	}

	.pm-gift .pm-col-2:last-child a {
		order:3;
	}

	.pm .gift-heading.red {
	    color: var(--color-red);
	    text-transform: uppercase;
	    font-size: 48px;
	    text-align:center;
	    line-height: .9;
	}

	.pm .pm-who {
		border-radius:15px;
		padding:160px 20px 60px;
	}

	.pm-col-2:first-child {
		margin-bottom:30px;
	}

	.pad-left {
	    padding-left: 0px;
	}

	.pm-abs-content {
		position: relative;
        transform: none;
        color: #000 !important;
        top: auto;
        left: auto;
        width:100%;
	}

	.text-white .pm-abs-content p, .text-white .pm-abs-content h2 {
		color:#000!important;
	}

	.pm .pm-impact {
	    padding: 60px 0 60px;
	    background-color: #f9f8f5;
	    margin: 80px 0;
	}

	.pm-testimonial-card {
	    padding: 70px 30px 30px;
	    position: relative;
	    margin-top: 30px;
	    max-width:90%;
	    align-self: center;
	    margin: 30px auto 0;
	}

	.jc-center {
		align-items:center;
	}

	.give-cards {
		flex-direction:column;
		margin-top:-20px;
	}

	.pm-get-involved .pm-container:first-child {
		height:510px;
		border-radius:15px;
		overflow: hidden;
		background:black;
	}

	.pm-get-involved .pm-container > img {
		height:100%;
		object-fit: cover;
		object-position: top left;
		opacity: .76;
	}

	.pm-get-involved > .pm-container:first-child h2, .pm-get-involved > .pm-container:first-child p  {
		color:#fff!important;
	}

	.pm .involved-content {
	   padding:0 30px;
	}

	.give-cards {
		align-items:center;
	}

	.give-card {
	    padding: 40px 25px 70px;
	    position: relative;
	    max-width:66.6%;
	}

	.give-card .pm-button {
	    bottom: 30px;
	}

	.bg-tan-design {
	    padding: 60px 30px 60px;
	    color: #fff;
	}

}


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

	.pm section > img {
		height:100%;
		object-fit:cover;
	}

	.pm-button {
		width:80%;
		margin:0 0 10px;
		display: block;
		align-self: center;
		padding: 17px 40px;
		border-radius:27px;
	}

	.pm-container {
	    width: 100%;
	    max-width: 1320px;
	    padding: 0 20px;
	    display: flex;
	}

	.pm-row, .row {
		flex-direction:column;

	}

	.pm-col-2, .pm-col-3, .pm-col-4, .pm-col-2-3 {
		max-width:100%;
	}

	.pm h2 {
		font-size:44px;
	}

	.pm-p-l {
		font-size:30px;
	}

	.pm-p-m {
		font-size:20px;
	}

	.pm .pm-hero {
		background:#000;
		height:600px;
		border-radius:15px;
		overflow:hidden;
	}

	.pm .pm-hero > img {
		opacity:.76;
	}

	.pm .pm-hero-content {
		max-width:90%;
	}

	.pm-gift {
		padding:60px 0;
	}

	.pm-gift .pm-col-2 {
		margin-bottom:30px;
	}

	.pm-gift .pm-col-2:last-child {
		margin-bottom:0;
		display: flex;
		flex-direction: column;
	}

	.pm-gift .pm-col-2:last-child .pm-img-shadow {
		order:2;
	}

	.pm-gift .pm-col-2:last-child a {
		order:3;
	}

	.pm .gift-heading {
	    font-size: 48px;
	    line-height: 1.2;
	    margin-bottom: 42px;
	    font-family: var(--heading-font);
	    text-align:center;
	}

	.pm .gift-heading.red {
	    color: var(--color-red);
	    text-transform: uppercase;
	    font-size: 48px;
	    text-align:center;
	    line-height: .9;
	}

	.pm .pm-who {
		border-radius:15px;
		padding:160px 20px 60px;
	}

	.pm-col-2:first-child {
		margin-bottom:30px;
	}

	.pad-left {
	    padding-left: 0px;
	}

	.pm-abs-content {
		position: relative;
        transform: none;
        color: #000 !important;
        top: auto;
        left: auto;
        width:100%;
	}

	.text-white .pm-abs-content p, .text-white .pm-abs-content h2 {
		color:#000!important;
	}

	.pm .pm-impact {
	    padding: 60px 0 60px;
	    background-color: #f9f8f5;
	    margin: 80px 0;
	}

	.pm-testimonial-card {
	    padding: 70px 30px 30px;
	    position: relative;
	    margin-top: 30px;
	    max-width:90%;
	    align-self: center;
	    margin: 30px auto 0;
	}

	.jc-center {
		align-items:center;
	}

	.give-cards {
		flex-direction:column;
		margin-top:-20px;
	}

	.pm-get-involved .pm-container:first-child {
		height:510px;
		border-radius:15px;
		overflow: hidden;
	}

	.pm-get-involved .pm-container > img {
		height:100%;
		object-fit: cover;
		object-position: top left;
	}

	.pm-get-involved > .pm-container:first-child h2, .pm-get-involved > .pm-container:first-child p  {
		color:#fff!important;
	}

	.give-card {
	    padding: 40px 25px 70px;
	    position: relative;
	}

	.give-card .pm-button {
	    bottom: 30px;
	}

	.bg-tan-design {
	    padding: 60px 30px 60px;
	    color: #fff;
	}

}