/*
Theme Name: Youth Represent Theme
Theme URI: https://designtlc.com
Version: 1.12
Description: A child theme for Youth Represent
Author: Design TLC
Author URI: https://designtlc.com
template: bb-theme
*/

/* Add your custom styles here... */ 
/* Put @import here for loading fonts */

/* ------------------ ROOT VARIABLES ------------------ */
:root {

/* ------------------ Colors ------------------ */
	--white: #FFFFFF;
	--link-color: #B32227;
	--link-hover: #434343;
	--bg-color-dark: #000000;
	--bg-color-light: #e5e5e5;
	--red: #D2242C;
	--dark-red: #B32227;
	--charcoal: #434343;
	--linen: #F4EFEA; 
	--wheat: #E2D3B9;
	--light-teal: #99C7C7;
/* ------------------  Typefaces ------------------ */
	--font-heading: 'Oswald', sans-serif;
	--font-body: 'proxima-nova', sans-serif;
	--font-alt: 'trade-gothic-next', sans-serif;

/* ------------------ Type Sizes ------------------ */
	--size-default: 1rem;
}


/* ---- Fix fonts that render as bold in Firefox ------------------ */

    @-moz-document url-prefix() {
      body {
        font-weight: lighter !important;
      }
    }

/* WP HELP DOCS */
#cws-wp-help-listing-wrap ul.children.ui-sortable a {
    font-weight: 400!important;
    color: #2271b1!important;
}

#cws-wp-help-listing ul li a {
    text-decoration: none;
    font-weight: 600!important;
    color: #000!important;
}

/* ------------------ FONT STYLES and HEADINGS ------------------ */
	html {
	  	-moz-osx-font-smoothing: grayscale;
	  	-webkit-font-smoothing: antialiased;
	  	font-smoothing: antialiased;
	  	font-weight: 400;
	  	font-size: 16px !important;
	  	hanging-punctuation: first last;
	}
    .fl-builder-content .fl-button {
    }
    html body {
		font-family: var(--font-body), Helvetica, Arial, sans-serif;
		font-weight: 500;
		font-style: normal;
		font-size: 18px;
    }
	.eyebrow-heading h2.pp-heading-prefix {
		color: #000;
		font-family: var(--font-body);
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1.1;
		letter-spacing: 0.1rem;
		text-transform: uppercase;
		text-align: left;
	}
	.eyebrow-heading h3.heading-title {
		color: var(--red);
		/* YR Page Title */
		font-family: var(--font-heading);
		font-size: 2.5rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.1; /* 4.125rem */
		text-transform: uppercase;
		text-align: left;
	}
	.eyebrow-heading.center h2.pp-heading-prefix,
	.eyebrow-heading.certer h3.heading-title {
		text-align: center;
	}
	.eyebrow-heading.eb-heading-black h3.heading-title {
		font-size: 3.75rem;
		color: #000;
	}
	h2.fl-heading {
		color: var(--red, #D2242C);
		font-family: var(--font-heading);
		font-size: 2.5rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.1;
		letter-spacing: -0.1rem;
		text-transform: uppercase;
	}
	h2.fl-heading.heading-black {
		color: #000; 
		font-size: 3.75rem;
	}
	.fl-rich-text.eyebrow p {
		font-weight: 600;
		font-size: 1.25rem;
		letter-spacing: 0.08em;
		text-transform: uppercase!important;
	}
	.page-title h2.fl-heading {
		font-size: 3.125rem;
/* 		color: #000; */
	}
/* SUB PAGE EYEBROW TITlE */
.sub-page-eyebrow  {
	margin-top: 30px;
	margin-bottom: 0;
}
.sub-page-eyebrow p {
	font-family: var(--font-body);
	font-size: 1.25rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1.1;
	color: #333;
	font-weight: 600;
	font-style: normal;
}

/* POPUP */

#pum-23488 .gform_footer input[type="submit"] {
    background: #fff !important;
    color: #B32227 !important;
    border: 2px solid #D6AD46!important;
}

/* ------------------ HEADER ------------------ */
/* Header Donate Button */

li#menu-item-22602 {
    margin-left: 5px;
}

li#menu-item-22602 a {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    border-radius: 100px;
    border: 1px solid #000;
    padding: 8px 20px;

    text-transform: uppercase;
    font-family: var(--font-heading);
    font-size: 16px;

    background: #EADDD3 !important;
    color: #000 !important;
    text-decoration: none;
}

li#menu-item-22602 a:hover {
    background: rgb(211, 175, 55) !important;
    color: #000 !important;
}

/* Icon inside the clickable link */
li#menu-item-22602 a::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("https://yr.designtlc.com/wp-content/uploads/2026/02/image.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex: 0 0 16px;
}

/* Donate Button on Pages */
a.every-embedded-button-0.every-embedded-button-1.every-embedded-button-2.every-embedded-button-3.every-embedded-button-4.every-embedded-button-5.every-embedded-button-6.every-embedded-button-7.every-embedded-button-8.every-embedded-button-9.every-embedded-button-a.every-embedded-button-b.every-embedded-button-c.every-embedded-button-d.every-embedded-button-e.every-embedded-button-f.every-embedded-button-g.every-embedded-button-h {
    background: #EADDD3!important;
    color: rgb(0,0,0)!important;
    border-radius: 100px;
    font-size: 18px;
    padding: 8px 20px 12px 20px!important;
    border: 1px solid #000!important;
}
a.every-embedded-button-0.every-embedded-button-1.every-embedded-button-2.every-embedded-button-3.every-embedded-button-4.every-embedded-button-5.every-embedded-button-6.every-embedded-button-7.every-embedded-button-8.every-embedded-button-9.every-embedded-button-a.every-embedded-button-b.every-embedded-button-c.every-embedded-button-d.every-embedded-button-e.every-embedded-button-f.every-embedded-button-g.every-embedded-button-h:hover {
	background: rgb(211, 175, 55)!important;
	text-decoration: none!important;
}
svg.every-embedded-button-i.every-embedded-button-j.every-embedded-button-k.every-embedded-button-l {
    fill: rgb(0,0,0)!important;
}

.every-embedded-button-m {
    /*transform: translateY(0.08em);*/
    text-transform: uppercase;
    font-family: var(--font-heading)!important;
	font-weight: bold;
}

a.donate-button-red a[class*="every-embedded-button"] {
    background: var(--red)!important;
    color: #fff !important;
    border-radius: 2.5rem !important;
    text-transform: uppercase !important;
    font-family: var(--font-heading) !important;
    font-size: 1.5rem !important;
    font-style: normal !important;
    font-weight: normal !important;
    padding: 10px 40px 16px 40px!important;
    border: none !important;
    line-height: 1.2 !important;
}

.donate-button-red a[class*="every-embedded-button"]:hover {
    background: var(--charcoal) !important; 
    color: #fff !important;
}

.donate-button-red a.every-embedded-button-0.every-embedded-button-1.every-embedded-button-2.every-embedded-button-3.every-embedded-button-4.every-embedded-button-5.every-embedded-button-6.every-embedded-button-7.every-embedded-button-8.every-embedded-button-9.every-embedded-button-a.every-embedded-button-b.every-embedded-button-c.every-embedded-button-d.every-embedded-button-e.every-embedded-button-f.every-embedded-button-g.every-embedded-button-h {
    background: var(--red)!important;
    color: #fff !important;
    border-radius: 2.5rem !important;
    text-transform: uppercase !important;
    font-family: var(--font-heading) !important;
    font-size: 1.5rem !important;
    font-style: normal !important;
    font-weight: normal !important;
    padding: 10px 40px 16px 40px!important;
    border: none !important;
    line-height: 1.2 !important;
}

.donate-button-red a.every-embedded-button-0.every-embedded-button-1.every-embedded-button-2.every-embedded-button-3.every-embedded-button-4.every-embedded-button-5.every-embedded-button-6.every-embedded-button-7.every-embedded-button-8.every-embedded-button-9.every-embedded-button-a.every-embedded-button-b.every-embedded-button-c.every-embedded-button-d.every-embedded-button-e.every-embedded-button-f.every-embedded-button-g.every-embedded-button-h span,
.donate-button-red a.every-embedded-button-0.every-embedded-button-1.every-embedded-button-2.every-embedded-button-3.every-embedded-button-4.every-embedded-button-5.every-embedded-button-6.every-embedded-button-7.every-embedded-button-8.every-embedded-button-9.every-embedded-button-a.every-embedded-button-b.every-embedded-button-c.every-embedded-button-d.every-embedded-button-e.every-embedded-button-f.every-embedded-button-g.every-embedded-button-h svg,
.donate-button-red a.every-embedded-button-0.every-embedded-button-1.every-embedded-button-2.every-embedded-button-3.every-embedded-button-4.every-embedded-button-5.every-embedded-button-6.every-embedded-button-7.every-embedded-button-8.every-embedded-button-9.every-embedded-button-a.every-embedded-button-b.every-embedded-button-c.every-embedded-button-d.every-embedded-button-e.every-embedded-button-f.every-embedded-button-g.every-embedded-button-h path {
    color: #fff !important;
    fill: currentColor !important;
}

.donate-button-red a.every-embedded-button-0.every-embedded-button-1.every-embedded-button-2.every-embedded-button-3.every-embedded-button-4.every-embedded-button-5.every-embedded-button-6.every-embedded-button-7.every-embedded-button-8.every-embedded-button-9.every-embedded-button-a.every-embedded-button-b.every-embedded-button-c.every-embedded-button-d.every-embedded-button-e.every-embedded-button-f.every-embedded-button-g.every-embedded-button-h:hover,
.donate-button-red a.every-embedded-button-0.every-embedded-button-1.every-embedded-button-2.every-embedded-button-3.every-embedded-button-4.every-embedded-button-5.every-embedded-button-6.every-embedded-button-7.every-embedded-button-8.every-embedded-button-9.every-embedded-button-a.every-embedded-button-b.every-embedded-button-c.every-embedded-button-d.every-embedded-button-e.every-embedded-button-f.every-embedded-button-g.every-embedded-button-h:focus {
    background: var(--charcoal) !important;
    color: #fff !important;
}

.donate-button-red a.every-embedded-button-0.every-embedded-button-1.every-embedded-button-2.every-embedded-button-3.every-embedded-button-4.every-embedded-button-5.every-embedded-button-6.every-embedded-button-7.every-embedded-button-8.every-embedded-button-9.every-embedded-button-a.every-embedded-button-b.every-embedded-button-c.every-embedded-button-d.every-embedded-button-e.every-embedded-button-f.every-embedded-button-g.every-embedded-button-h:hover span,
.donate-button-red a.every-embedded-button-0.every-embedded-button-1.every-embedded-button-2.every-embedded-button-3.every-embedded-button-4.every-embedded-button-5.every-embedded-button-6.every-embedded-button-7.every-embedded-button-8.every-embedded-button-9.every-embedded-button-a.every-embedded-button-b.every-embedded-button-c.every-embedded-button-d.every-embedded-button-e.every-embedded-button-f.every-embedded-button-g.every-embedded-button-h:hover svg,
.donate-button-red a.every-embedded-button-0.every-embedded-button-1.every-embedded-button-2.every-embedded-button-3.every-embedded-button-4.every-embedded-button-5.every-embedded-button-6.every-embedded-button-7.every-embedded-button-8.every-embedded-button-9.every-embedded-button-a.every-embedded-button-b.every-embedded-button-c.every-embedded-button-d.every-embedded-button-e.every-embedded-button-f.every-embedded-button-g.every-embedded-button-h:hover path,
.donate-button-red a.every-embedded-button-0.every-embedded-button-1.every-embedded-button-2.every-embedded-button-3.every-embedded-button-4.every-embedded-button-5.every-embedded-button-6.every-embedded-button-7.every-embedded-button-8.every-embedded-button-9.every-embedded-button-a.every-embedded-button-b.every-embedded-button-c.every-embedded-button-d.every-embedded-button-e.every-embedded-button-f.every-embedded-button-g.every-embedded-button-h:focus span,
.donate-button-red a.every-embedded-button-0.every-embedded-button-1.every-embedded-button-2.every-embedded-button-3.every-embedded-button-4.every-embedded-button-5.every-embedded-button-6.every-embedded-button-7.every-embedded-button-8.every-embedded-button-9.every-embedded-button-a.every-embedded-button-b.every-embedded-button-c.every-embedded-button-d.every-embedded-button-e.every-embedded-button-f.every-embedded-button-g.every-embedded-button-h:focus svg,
.donate-button-red a.every-embedded-button-0.every-embedded-button-1.every-embedded-button-2.every-embedded-button-3.every-embedded-button-4.every-embedded-button-5.every-embedded-button-6.every-embedded-button-7.every-embedded-button-8.every-embedded-button-9.every-embedded-button-a.every-embedded-button-b.every-embedded-button-c.every-embedded-button-d.every-embedded-button-e.every-embedded-button-f.every-embedded-button-g.every-embedded-button-h:focus path {
    color: #fff !important;
    fill: currentColor !important;
}

/* GRAVITY FORMS */
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search], input[type=url], textarea {
    -moz-border-radius: 20px!important;
    -webkit-border-radius: 20px!important;
    border-radius: 20px!important;
}

/*-------------HERO VIDEO--------------------*/
.dtlc-hero__content {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: end!important;
    align-items: center;
    min-height: inherit;
    padding: 2rem;
}


/* ------------------ FOOTER ------------------ */
.footer-divider {
	padding: 0;
}

.footer-divider > .fl-row-content-wrap {
    background-size: cover!important;
    height: 5px;
    max-width: 1200px;
    text-align: center;
    margin: 0 auto;
}
/* ------------------ INTERIOR-SIDEBAR NAVIGATION ------------------ */

/* ------------------ BUTTONS ------------------ */
	.red-button .fl-button-wrap a.fl-button, 
	.red-button.fl-button-wrap a.fl-button {
		color: #FFF;
		text-align: center;
		/*font-family: var(--font-body);*/
		font-size: 0rem !important;
		font-style: normal;
		font-weight: 500 !important;
		line-height: normal !important;
		border-radius: 50px;
		background-color: var(--red);
		padding: 5px 20px 8px 20px;
	}
	.red-button.fl-button-wrap a.fl-button .fl-button-text,
	.red-button.fl-button-wrap a.fl-button .fl-button-icon.fl-button-icon-after:before,
	.red-button .fl-button-wrap a.fl-button .fl-button-text,
	.red-button .fl-button-wrap a.fl-button .fl-button-icon.fl-button-icon-after:before {
		font-size: 1.375rem !important;
	}
	.red-button.fl-button-wrap a.fl-button:hover, .red-button .fl-button-wrap a.fl-button:hover {
		background-color: var(--linen);
	}
	.red-button.fl-button-wrap a.fl-button:hover .fl-button-text,
	.red-button.fl-button-wrap a.fl-button:hover .fl-button-icon.fl-button-icon-after,
	.red-button .fl-button-wrap a.fl-button:hover .fl-button-text,
	.red-button .fl-button-wrap a.fl-button:hover .fl-button-icon.fl-button-icon-after {
		color: #000;
	}
	.red-button.fl-button-wrap a.fl-button .fl-button-icon.fl-button-icon-after,
	.red-button .fl-button-wrap a.fl-button .fl-button-icon.fl-button-icon-after {
		font-size: 2.1rem !important;
		color: #fff;
	}
/* ---------------- LINEN BUTTON ---------------------- */
	.linen-button.fl-button-wrap a.fl-button {
		text-align: center;
		font-family: var(--font-body);
		font-size: 0rem !important;
		font-style: normal;
		font-weight: 500 !important;
		line-height: normal !important;
		border-radius: 1.75rem;
		background-color: var(--linen);
		padding: 4px 20px 8px 20px;
	}
	.linen-button.fl-button-wrap a.fl-button .fl-button-text {
		color: #000;
	}
	.linen-button.fl-button-wrap a.fl-button .fl-button-text,
	.linen-button.fl-button-wrap a.fl-button .fl-button-icon.fl-button-icon-after:before,
	.linen-button .fl-button-wrap a.fl-button .fl-button-text,
	.linen-button .fl-button-wrap a.fl-button .fl-button-icon.fl-button-icon-after:before {
		font-size: 1.375rem !important;
		color: #000;
	}
	.linen-button.fl-button-wrap a.fl-button:hover {
		background-color: var(--charcoal)!important;
		color: #fff!important;
	}
.linen-button.fl-button-wrap a.fl-button:hover .fl-button-text,
.linen-button.fl-button-wrap a.fl-button:hover .fl-button-icon.fl-button-icon-after:before {
    color: #fff !important;
}
	.linen-button.fl-button-wrap a.fl-button .fl-button-icon.fl-button-icon-after,
	.linen-button .fl-button-wrap a.fl-button .fl-button-icon.fl-button-icon-after{
		font-size: 2.1rem !important;
		color: #000;
	}

.policy-cta {
	
}


/* --------------------BUTTON WITH RED BORDER -------------------- */

input[type="button"], input[type="submit"] {
    background-color: var(--red)!important;
    color: rgb(255, 255, 255);
    font-size: 16px;
    line-height: 1.2;
    font-weight: normal;
    text-shadow: none;
    box-shadow: none;
    padding: 6px 12px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--red)!important;
    border-image: initial;
    border-radius: 20px!important;
}

input[type="button"]:hover, input[type="submit"]:hover {
	background-color: var(--charcoal)!important;    
	border-color: var(--charcoal)!important;
}


	.fl-module-button.red-border-button > a.fl-button {
		text-align: center;
		font-family: var(--font-body);
		font-size: 1.375rem !important;
		font-style: normal;
		font-weight: 500 !important;
		line-height: normal !important;
		border-radius: 30px;
		background-color: transparent;
		padding: 5px 30px;
		border: 2px solid var(--red, #D2242C) !important;
	}
	.fl-module-button.red-border-button > a.fl-button .fl-button-icon.fl-button-icon-after {
		font-size: 2.1rem !important;
		color: var(--red);
	}
	.fl-module-button.red-border-button > a.fl-button .fl-button-icon.fl-button-icon-after::before {
		font-size: 1.3rem !important;
	}
	.fl-module-button.red-border-button > a.fl-button:hover {
		background-color: #fff;
	}
	.fl-module-button.red-border-button > a.fl-button .fl-button-text {
		color: var(--red);
	}
	.fl-module-button.red-border-button > a.fl-button:hover .fl-button-text {
		/* color: #000; */
	}
	.fl-module-button.red-text-button > a.fl-button {
		padding: 0;
		font-family: var(--font-body);
		font-size: 0rem;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		background-color: transparent;
  		border: none;
	}
	.fl-module-button.red-text-button > a.fl-button .fl-button-text {
		font-size: 1.5rem;
		color: var(--red);
	}
	.fl-module-button.red-text-button > a.fl-button .fl-button-icon.fl-button-icon-after {
		font-size: 1.5rem !important;
		color: var(--red);
		line-height: 1.7;
		vertical-align: top;
	}
	.fl-module-button.red-text-button > a.fl-button:hover .fl-button-icon.fl-button-icon-after:before {
		color: #000;
	}
	.fl-module-button.red-text-button a.fl-button:hover {
	  	background: transparent;
	}
/* 	------------- DONATE BUTTON --------------- */
	.donate-button a.fl-button {
		border-radius: 2.5rem !important;
		text-transform: uppercase;
		color: #FFF;
		font-family: var(--font-heading);
		font-size: 1.5rem !important;
		font-style: normal;
		font-weight: normal !important;
		padding-left: 40px;
  		padding-right: 40px;
	}
	.donate-button a.fl-button .fl-button-icon {
		font-size: 22px;
		margin: 0;
	}

/* HOTLINE BUTTON */
.btn-yr-hotline {
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 0;
	z-index: 9999;
}

/* works for both <a> and <button> */
.btn-yr-hotline .fl-button {
	border-radius: 1.25rem 1.25rem 0 0 !important;
	border-top: 1px solid #000 !important;
	border-right: 1px solid #000 !important;
	border-left: 1px solid #000 !important;
	border-bottom: 0 !important;
	background-color: #ED7332 !important;
	padding: 14px 22px !important;
	margin: 0 !important;
}

/* text */
.btn-yr-hotline .fl-button .fl-button-text {
	color: #000 !important;
	font-family: var(--font-body) !important;
	font-size: 1.375rem !important;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

/* icon */
.btn-yr-hotline .fl-button .fl-button-icon.fl-button-icon-before::before {
	color: #000 !important;
	font-size: 1.3rem !important;
}

/* hover */
.btn-yr-hotline .fl-button:hover {
	background-color: var(--red) !important;
}

.btn-yr-hotline .fl-button:hover .fl-button-text,
.btn-yr-hotline .fl-button:hover .fl-button-icon.fl-button-icon-before::before {
	color: #fff !important;
}
/* ------------------ ICON WITH TEXT   ------------------ */
.custom-iconbox {
	border: 1px solid var(--charcoal, #434343);
	margin-left: 10px;
 	margin-right: 10px;
}
.custom-iconbox .pp-infobox.layout-5 {
	text-align: left;
}
.custom-iconbox .pp-infobox-image {
	text-align: left;
}
.custom-iconbox .pp-infobox-title {
	color: #434343;
	font-family: var(--font-heading);
	font-size: 1.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.075rem;
}
.custom-iconbox .pp-more-link.pp-button {
	color: var(--red);
	font-family: var(--font-body);
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: 145%;
}
.custom-iconbox .pp-button-icon.pp-button-icon-right {
	color: #B32227;
	font-family: "Proxima Nova";
	font-size: 1.125rem !important;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	padding-left: 0;
  	padding-right: 0;
}
/* ------------------ ACCORDION STYLES ------------------ */
.custom-accordion {
	background: #F4EFEA;   
	padding: 10px 25px;
}
.custom-accordion .fl-accordion-item {
	border: none;
	border-bottom: 2px solid #000;
	padding-bottom: 10px;
}
.custom-accordion .fl-accordion-button-icon.fl-accordion-button-icon-right.fl-content-ui-button {
	opacity: 1
}
/* ----------------------- ACCORDION STYLE 2 ------------- */
.accordian-style-2 {
	width: 100%;
}
.accordian-style-2 .fl-accordion-item {
	border: 0px solid var(--charcoal);
	width: 100%;
}
.accordian-style-2 .fl-accordion-item .fl-accordion-button-label {
	color: var(--charcoal);
	font-family: var(--font-heading);
	font-size: 1.725rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.075rem;
}
.accordian-style-2 .fl-accordion-item button.fl-accordion-button-icon {
	color: var(--dark-red, #B32227);
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.075rem;
	opacity: 1;
}
/* -------------------ROW STYLE ---------------------- */
.page-body-col {
	padding: 0 30px;
}

	.fl-row.red-bg-row {
		background-color: var(--red);
	}
	.fl-row.wheat-bg-row {
		background-color: #E6D9C7;
	}
	.fl-row.red-bg-row *,
	.fl-row.red-bg-row .eyebrow-heading h2.pp-heading-prefix {
		color: #fff;
	}
	.fl-row.red-bg-row .eyebrow-heading h3.heading-title {
		font-size: 2.5rem;
		text-transform: initial;
	}
	.fl-row.red-bg-row .linen-button.fl-button-wrap a.fl-button:hover {
		background-color: var(--linen);
	}
	.fl-row.red-bg-row .linen-button.fl-button-wrap a.fl-button:hover .fl-button-text,
	.fl-row.red-bg-row .linen-button.fl-button-wrap a.fl-button:hover .fl-button-icon.fl-button-icon-after {
		color: #000;
	}
	.fl-row.linen-row {
		background-color: var(--linen);
	}
/* --***************************************************** ----- */
/* -------------infoBox style--------------------- */
.custom-infobox span.pp-icon::before {
  	font-size: 73px;
}
.custom-infobox .pp-infobox-title {
	color: #000;
	text-align: center;
	font-family: var(--font-heading);
	font-size: 4.875rem;
	font-style: normal;
	font-weight: 700;
	line-height: 5.625rem;
	letter-spacing: -0.0975rem;
}
.custom-infobox .pp-infobox-description {
	color:  #000;
	text-align: center;
	font-family: var(--font-body);
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.custom-infobox .fl-module-content.fl-node-content {
	margin: 0;
}
.custom-infobox .pp-infobox.layout-5 {
	background-color: transparent;
}
/* ------------- TOP LEVEL PAGE--------------------- */
/*.top-level-page-row {
	background: url('/wp-content/uploads/2026/03/toplevel-page-boho-watercolor-background.png') lightgray -195.942px 0px / 127.214% 100% no-repeat;
}*/

.top-level-page-row, .sub-page-row-linen-bg  {
background-image:linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.4)),
        url(https://yr.designtlc.com/wp-content/uploads/2026/03/toplevel-page-boho-watercolor-background.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}

.top-level-page-row .fl-row-content-wrap {
	padding-top: 56px;
	padding-bottom: 56px;
}
.top-level-page-row .fl-row-content-wrap .fl-row-content.fl-row-fixed-width.fl-node-content {
	background-color: #fff;
	padding: 0px;
	max-width: 990px;
}
.top-level-page-row-linen > .fl-row-content-wrap {
	background-color: var(--linen);
}
 .top-level-page-row-linen .fl-row-content-wrap .fl-row-content.fl-row-fixed-width.fl-node-content {
	background-color: #fff;
	padding: 0px;
	max-width: 990px;
}
.sub-page-row-linen > .fl-row-content-wrap {
	background-color: var(--linen);
	padding-top: 56px;
	padding-bottom: 56px;
}
.sub-page-row-linen .fl-row-content-wrap .fl-row-content.fl-row-fixed-width.fl-node-content, .sub-page-row-linen-bg .fl-row-content-wrap .fl-row-content.fl-row-fixed-width.fl-node-content {
	background-color: #fff;
	padding: 0px;
	max-width: 990px;
}
.full-bg-col .fl-col-content.fl-node-content {
	margin-right: -0px;
	margin-left: -0px;
	background-color: var(--light-teal);
	padding: 30px;
}
.linen-col-bg, .page-body-col-tan, .gold-bg-col page {
	background-color: var(--linen);
	padding: 20px 30px;
}

.page-body-col-left-content {
	padding-left: 30px;
}

.page-body-col-right-content {
	padding-right: 30px;
}

/* NUMBER ICON EYRBROW HEADING TEXT BORDER COLUMN */
/* eyebrow-style-one */
	.bordered-col {
/* 		padding: 2.5rem 1rem 2.5rem 2.5rem; */
	}
	.bordered-col .fl-col-content.fl-node-content {
		border: 2px solid var(--charcoal, #434343);
/* 		padding: 1.875rem; */
	}
	.bordered-col h2.fl-heading {
		color: var(--charcoal, #434343);
		font-family: var(--font-heading);
		font-size: 3.75rem;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: -0.1rem;
		text-transform: uppercase;
	}
	.bordered-col .fl-icon i:before {
		font-size: 83px;
		color: var(--red);
	}
	.bordered-col-style-1 > .fl-col-content.fl-node-content {
		border: 2px solid var(--charcoal, #434343);
		margin-top: 40px;
	}
	.eyebrow-heading-style-one h3.pp-heading-prefix {
		font-family: var(--font-body);
		text-align: left;
		color: var(--red, #D2242C);
		font-size: 1rem;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		letter-spacing: -0.04rem;
		line-height: 1;
	}
	.eyebrow-heading-style-one h4.heading-title {
		color: #000;
		font-family: var(--font-heading);
		text-align: left;
		font-size: 1.875rem;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		letter-spacing: -0.075rem;
		line-height: 1;
	}
	.bordered-col .fl-module-button.red-text-button > a.fl-button {
		font-weight: 700;
	}
	.bordered-col .fl-module-button.red-text-button > a.fl-button:hover .fl-button-text {
		color: #000;
	}
	.bordered-col .fl-module-button.red-text-button > a.fl-button .fl-button-text {
		font-size: 1.25rem;
	}
	.bordered-col .fl-module-button.red-text-button > a.fl-button .fl-button-icon.fl-button-icon-after {
		font-size: 1.25rem !important;
		line-height: 1.89;
	}
/* --------------join our communoity---------------- */
#field_1_2 {
	grid-column: span 6;
	-ms-grid-column-span: 6;
}
#field_1_1 {
	grid-column: span 4;
	-ms-grid-column-span: 4;
}
#field_submit {
	grid-column: span 2;
	-ms-grid-column-span: 2;
}
#field_submit #gform_submit_button_1 {
	align-self: center;
}
/* ------------------ RESPONSIVE STYLES ------------------ */
/* Mobile Styles -  Special Sizes*/
@media only screen and (min-width: 1025px) and (max-width: 1160px) {

}

/* Mobile Styles - Tablet 1024 */
@media only screen and (max-width: 1024px) {

}

/* Mobile Styles - Lg Mobile 768 */
@media only screen and (max-width: 768px) {
	.red-button.fl-button-wrap a.fl-button, .linen-button.fl-button-wrap a.fl-button {
		text-align: center;
		font-size: 0rem !important;
		border-radius: 50px;
		padding: 5px 20px 8px 20px;
	}
	
	.dtlc-hero__content {
		padding: 0 20px 40px 20px!important;
	}

	.red-button.fl-button-wrap a.fl-button .fl-button-text,.linen-button.fl-button-wrap a.fl-button .fl-button-text  {
		font-size: 1rem !important;
	}

	.red-button.fl-button-wrap a.fl-button .fl-button-icon.fl-button-icon-after, 
	.linen-button.fl-button-wrap a.fl-button .fl-button-icon.fl-button-icon-after {
		font-size: 1.5rem !important;
		color: #fff;
	}
	
	#field_1_2, #field_1_1, #field_submit {
		grid-column: span 12;
		-ms-grid-column-span: 12;
	}
	h2.fl-heading {
		font-size: 36px;
	}
	
	.page-title h2.fl-heading {
		font-size: 36px;
	}
	
   	.fl-module-button.red-text-button > a.fl-button .fl-button-text {
		font-size: 18px;
		color: var(--red);
	    margin-top: -5px !important;
        display: inline-block;
   	 }
	
	.fl-module-button.red-text-button > a.fl-button .fl-button-icon.fl-button-icon-after {
		font-size: 1.5rem !important;
		color: var(--red);
		line-height: 1;
		vertical-align: middle;
	}
	
	h2.fl-heading.heading-black {
			color: #000; 
		font-size: 44px;
	}

	/* hotline text */
	.btn-yr-hotline .fl-button .fl-button-text {
		color: #000 !important;
		font-family: var(--font-body) !important;
		font-size: 1rem !important;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}

	/* hotline icon */
	.btn-yr-hotline .fl-button .fl-button-icon.fl-button-icon-before::before {
		color: #000 !important;
		font-size: .875rem !important;
	}
	a.fl-button {
		display: inline-flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		justify-content: center !important;
		align-items: center !important;
		align-content: stretch !important;
		gap: 0;
	}
	.red-button a.fl-button .fl-button-icon.fl-button-icon-after.fi-arrow-right {
		margin-top: 4px;
	}
	.linen-button a.fl-button .fl-button-icon.fl-button-icon-after.fi-arrow-right {
		margin-top: 4px;
	}
	nav[aria-label="Navigation Menu"] .fl-menu-mobile-flyout {
		background-color: #d2242c;
	}
	.donate-button-red a {
		margin: auto !important;
	}
}
	
/* Mobile Styles - Small */
@media only screen and (max-width: 468px) {	
	.hero-header-row .fl-row-content-wrap {
		background-image: none;
	}
}