/******2024*****/
/**************/

/* GREY TEXT CHANGE */
p,
.stat p,
p.sign-off,
nav ul li a,
.world-map p,
.welcome-letter p,
.expander-panel p,
.tab-buttons .inner a,
.logo-text-container p,
.two-col-text-section p,
.two-col-text-section ul,
.two-col-text-section ol,
.content-container-left p,
.intro-text-section-values p,
.quote-stats .testimonial p.p1,
.intro-text-section-values .panel.icon h2,
.tci-year-ahead.two-col-intro .testimonial p,
.two-col-intro .inner .col-3.span-2 .text-panel p	{color:#333333}

/* HIDE */
.stat:after,
.map .inner:before,
.line-block .inner:after,
.listing-panel-hover .lockup,
.line-block.dot .inner:before,
.quote-stats .col-container:before,
.listing-panel-hover .lockup:before,
.pullout-stat.with-line .inner:after,
.two-col-intro.with-line .inner:after,
#page1 .four-pillars-2022 .inner:before,
.pullout-stat.with-images .inner:before,
.pullout-stat.with-images .col-3:before,
.intro-text-section.with-line .inner:after,
.listing-panel-2020 .listing-panel-hover:before,
.content-page-hero-container .icon-circle:after,
.content-page-hero-container .icon-circle:before,
.hero-container.content-page-hero-container:before,
.listing-panel-2020 .listing-panel-image-outer:after,
#page1 .four-pillar-cell:first-child .icon-circle:after	{display: none}
/*******/

.stat h3,
.stat h3 strong,
.pullout-stat h2,
.welcome-letter h2,
.country-container h2,
.expander-panel-logo h2,
.two-col-text-section h2,
.explore-carousel-section h2,
.logo-text-container p strong,
.stat h3 strong .hero-container h2,
.quote-stats .testimonial p:last-child,
.quote-stats .testimonial p:last-child em	{color: #243508 !important}

/* HOME HERO */
.hero-container		{position: relative}
.hero-container-image-2024	{position: absolute; top: 0; left: 0; background-size: cover; background-position: top left; width: 100%; height: 100% }
.home-hero-right	{margin-left: auto;}
.welcome-letter		{padding: 40px 55px}

.hero-container.content-page-hero-container:after		{position:absolute; z-index: 10; left: 0; bottom: 0; width: 100%; height: 186px; content: ''; display: block;
														background: rgb(53,70,71); background: linear-gradient(0deg, rgba(53,70,71,1) 0%, rgba(236,238,238,1) 74%, rgba(255,255,255,1) 100%); mix-blend-mode: multiply;}
.hero-container.content-page-hero-container .inner		{position: relative; z-index: 5}

.hero-container	video {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; z-index: 0;}

.next-prev-buttons	{z-index: 15}

.listing-panel-2020			{overflow: hidden}
.listing-panel-hover		{background-color: transparent !important; background-size: cover;}
.listing-panel-2020 .listing-panel-text	{z-index: 10}

.listing-panel-2020:hover .listing-panel-text	{opacity: 1;}
.listing-panel-2020:hover .listing-panel-text p	{color:#ffffff}
.listing-panel-2020:hover .listing-panel-hover	{transform: scale(1.1)}

#page1 .tile-section	{padding-top: 70px;}

.listing-panel-2020			{position: relative;}
.listing-panel-2020:after   {position: absolute; left: 0; bottom: 0; z-index: 20; width: 100%; height: 70%; content: ''; mix-blend-mode: multiply; background: rgb(53, 70, 71); background: linear-gradient(0deg, rgba(53, 70, 71, 1) 0%, rgba(53, 70, 71, 0) 100%);}	
.listing-panel-2020 .listing-panel-text	{z-index: 21; border: none;}
.listing-panel-2020 a.cover	{z-index: 22}


.col.span-1.filler .listing-panel-2020:hover .listing-panel-image    {transform: none !important}
.col.span-1.filler .listing-panel-2020:after    {display: none}


/* FOUR PILLARS */
.four-pillars-heading							{position: relative; top: auto; padding: 10px; margin-bottom: 30px;}
.four-pillars-heading img						{display: none}
section.four-pillars-2022						{background-position: top center; text-align: left; padding: 50px 0 180px}
section.four-pillars-2022 h2					{font-size: 25px;}
section.four-pillars-2022 .cols					{padding: 0 !important; justify-content: space-between}
section.four-pillars-2022 .col-left,
section.four-pillars-2022 .col-right			{width: 500px; display: inline-flex; gap:10px;}
section.four-pillars-2022 .four-pillar-cell		{width: 50%}

section.four-pillars-2022 .four-pillar-cell p	{width: auto; font-size: 16px;}
section.four-pillars-2022 .col-right								{justify-content: flex-end}
section.four-pillars-2022 .col-right .four-pillar-cell:nth-child(1)	{}
section.four-pillars-2022 .col-right h3,
section.four-pillars-2022 .col-right p				{color:#ffffff}
section.four-pillars-2022 .col-right .icon-circle	{border-color:#3487BB}

/* CONTENT PAGE */

.hero-container.content-page-hero-container .hero-container-image	{background-position: center}

.content-page-hero-container .inner	{padding-left: 20px; padding-right: 20px}

.two-col-text-section	{background-color: #ffffff; padding:100px 0 50px}
.text-indent			{width: 520px; max-width: 100%;}
.testimonial:before		{background-image: url(/_uploads/2024-images/2024-quotemark.svg) !important; background-size: cover; width: 65px; height: 50px;}
.stat					{padding-top: 60px; text-align: left;}
.stat.stat-one			{padding-left: 5px;}

.two-col-text-section h2, .two-col-text-section h3, .two-col-text-section h4, .two-col-text-section h5	{font-size: 20px;}

.expander-panels .col-4	{margin-bottom: 20px;}

.listing-panel-2020.active 	{box-shadow: 0 0 0 3px #BFF355;}

.carousel-arrows .col-4.active .listing-panel-2020 .listing-panel-image-outer	{border: none}

/* EXPLORE CAROUSEL */
.explore-carousel-section					{padding-top: 0; background-color: #ffffff; text-align: left;}
.explore-carousel-section .inner			{width: 1270px;}
.carousel-nav								{display: flex; gap: 20px}
.carousel-nav .slick-arrow					{position: relative; left: auto; top: auto; font-size: 0; margin: 0; background-image: url(/_assets/icon-arrow-right-blue.svg) !important;}

.carousel-nav .slick-arrow.slick-prev,
.carousel-arrows .slick-arrow.slick-prev	{left: auto}

.carousel-nav .slick-arrow.slick-next,
.carousel-arrows .slick-arrow.slick-next	{right: auto}

/* OUR VALUES */
.tab-buttons .inner a	{display: flex; align-items: center; padding:22px 25px;}

.tab-icon				{width: 86px; height: 86px; flex-shrink: 0; margin-right: 20px; background-image: url(/_uploads/2024-images/icon-diversity-inclusion.svg); background-repeat: no-repeat; background-size: cover;}
.tab-buttons .inner a	{text-align: left}

#page25 .tab-outer:first-of-type a .tab-icon	{background-image: url(/_uploads/2024-images/icon-diversity-inclusion-active.svg);}
#page25 .tab-outer:last-of-type a .tab-icon		{background-image: url(/_uploads/2024-images/icon-pro-bono.svg);}
#page26 .tab-outer:last-of-type a .tab-icon		{background-image: url(/_uploads/2024-images/icon-pro-bono-active.svg);}

#page25 .tab-outer a::after,
#page26 .tab-outer a::after			{border-color: #243508 transparent transparent transparent;}
#page26 .tab-outer:last-of-type a,
#page25 .tab-outer:first-of-type a	{background-color:#243508}

.intro-text-section.with-line .inner	{padding:60px 20px;}

.intro-text-section-values .cols.span-2			{width: calc(100% + 20px); margin-left: -10px;}
.intro-text-section-values .cols.span-2 .col	{width: 50%;}
.intro-text-section-values p					{font-size: 16px; line-height: 1.4em; font-family: Georgia, Times New Roman, serif; margin-bottom: 1.2em;}
.intro-text-section-values .panel.icon h2		{font-size: 20px; margin-bottom: 0.5em}
.intro-text-section-values .panel.icon p		{margin-bottom: 1.2em}
.logo-text-container p strong					{font-size: 18px; font-weight: 500; font-family: 'Roobert';}
.logo-row										{border-color:#B7B7B7}


/* YEAR AHEAD */
.two-col-intro.with-line .inner	{padding: 0 20px;}

.tci-year-ahead.two-col-intro .inner .col-3.span-2 .text-panel	{background-color: transparent !important; padding: 0}
.tci-year-ahead.two-col-intro .testimonial						{padding: 0}
.tci-year-ahead.two-col-intro .testimonial p					{font-size: 29px;}

/* PARTNERS & COUNSEL */
.map					{background-color: #ffffff; padding: 70px 0}
.map .inner				{padding: 0 20px;}
.country-container h2	{}
.pullout-stat.with-images .col-3	{padding-top: 0}

/**************/
/**************/

/* 2025 */
.icon-nav li.nav-download img   {width: 35px;}
.carousel-nav .slick-arrow              {}
.carousel-nav .slick-arrow.slick-next   {background-image: url(/_assets/slick-next-2025.png) !important; width: 40px; height: 40px}
.carousel-nav .slick-arrow.slick-prev   {background-image: url(/_assets/slick-prev-2025.png) !important; transform: none; width: 40px; height: 40px}
.testimonial:before                     {width: 82px; height: 75px; background-image: url(/_assets/quotemark-2025.jpg) !important}

section.four-pillars-2022 { background-position: top left; text-align: left; padding: 50px 0 180px; background-repeat: repeat-x; background-size: 100% 100%;}

section.four-pillars-2022 .cols {gap:30px; flex-wrap: wrap}
section.four-pillars-2022 .four-pillar-cell {width: calc(25% - 25px);}
.four-pillars-heading   {padding: 0}

.listing-panel-2020 .listing-panel-text p   {font-size: 18px;}

@media (min-width: 1390px) 
{
	/* HOME HERO */
	
	.hero-container	{height: 48vw}

}
	
@media (max-width: 1270px) 
{
	.welcome-letter		{padding: 40px}
	.hero-container		{height: auto; min-height: 48vw; padding: 20px 0;}
	.home-hero-right  	{width: calc(100% - 430px);}
	
	
}

@media (max-width: 1245px) 
{
	.explore-carousel-section .inner	{width: 990px;}
}

@media (max-width: 1040px) 
{
	section.four-pillars-2022 .col-left,
	section.four-pillars-2022 .col-right 	{width: 50%;}
	
	section.four-pillars-2022 .col-right .icon-circle		{border-color:#bed600}
	section.four-pillars-2022 .col-right .icon-circle img	{filter: brightness(100)}
	section.four-pillars-2022 .col-right h3,
	section.four-pillars-2022 .col-right p		{color: #ffffff}
	
	section.four-pillars-2022		{position: relative;}
	section.four-pillars-2022 .inner	{position: relative; z-index: 2}
	
	section.four-pillars-2022 .four-pillar-cell	{padding-left: 0; padding-right: 0; margin: auto;}
}

@media (max-width: 1010px) 
{
	.explore-carousel-section .inner	{padding-left: 20px; padding-right: 20px;}
}

@media (max-width: 960px) 
{
	.hero-container				{display: flex; flex-direction: column; padding: 0}
	.hero-container-image-2024	{position: relative; padding-top: 48.5%;}
	.home-hero-right			{width: 100%;}
	.welcome-letter				{padding-left: 5px; padding-right: 25px;}
	.home-hero-container:after	{display: none !important}
	
	.four-pillars-2022 .four-pillar-cell	{justify-content: flex-start}
	
    section.four-pillars-2022 h2                {margin-bottom: 0.5em; text-align: center;}
    section.four-pillars-2022 .cols            {gap: 15px;}
    section.four-pillars-2022                   {padding-bottom: 50px;}
	#page1 .four-pillars-2022 .four-pillar-cell	{justify-content: flex-start; padding-left: 0; padding-right: 0; text-align: left !important; width: 100%;}  
    .four-pillar-cell-text                      {width: 100%; text-align: center;}
	section.four-pillars-2022 .four-pillar-cell {width: 100%;}
	
	
    
	/*section.four-pillars-2022:after	{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-color: rgba(0,0,0,0.2);}*/
}

@media (max-width: 942px) 
{
	.explore-carousel-section .inner	{width: 664px;}
}

@media (max-width: 800px) 
{
	.close-btn-new			{right: 0; top: 0}
	.welcome-letter			{padding-left: 5px; padding-right: 40px; padding-top: 10px;}
	#page1 .tile-section 	{padding-top: 20px;}
	
}

@media (max-width: 700px) 
{
	.buttons-np		{padding: 0 20px;}
	.logo-listing	{padding-top: 0}
	
	section.four-pillars-2022 .cols			{flex-direction: column;}
	section.four-pillars-2022 .col-left,
	section.four-pillars-2022 .col-right	{width: 100%;}
}
	
@media (max-width: 640px) 
{
	.intro-text-section-values .cols.span-2			{flex-direction: column}
	.intro-text-section-values .cols.span-2 .col	{width: 100%;}
	
	.explore-carousel-section				{overflow: hidden}
	.explore-carousel-section .inner		{width: 340px; margin-left: 0}
	.explore-carousel-section .slick-list	{overflow: visible}
	.explore-carousel-section .slick-slide.slick-current	{opacity: 1}
	.explore-carousel-section .slick-slide		{opacity: 0.5}
}

@media (max-width: 600px) 
{
	.logo-row:first-child	{border-top: 1px solid #B7B7B7 !important;}
	.logo-row:last-child .logo-text-container,
	.logo-text-container	{border-bottom: 1px solid #B7B7B7; border-top: none}

	.tab-buttons .inner a	{padding:20px 11px; flex-direction: column; justify-content: flex-start; align-items: flex-start}
	.tab-icon				{width: 45px; height: 45px; margin-bottom: 10px;}
	
}

@media (max-width: 550px) 
{
	.hero-container.content-page-hero-container .header-text	{flex-direction: column; align-items: flex-start; justify-content: flex-start; padding-left: 00px;}
	.hero-container.content-page-hero-container .header-text h1	{font-size: 25px;}
	.content-page-hero-container .icon-circle	{margin: 0 0 15px 0}
	
}

@media (max-width: 500px) 
{
	.logo-text-container			{flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 30px 0}
	.logo-text-container .logo		{margin-bottom: 20px; width: 120px;}
	.logo-text-container .logo img	{width: 100%;}
	.logo-text-container .logo-text	{padding-left: 0 !important}
	
	section.four-pillars-2022	{padding: 30px 0}
	
	section.four-pillars-2022 .col-left,
	section.four-pillars-2022 .col-right		{width: 100%; flex-direction: column}
	
	#page1 .four-pillars-2022 .four-pillar-cell,
	section.four-pillars-2022 .four-pillar-cell	{width: 100%; flex-direction: row; align-items: flex-start; justify-content: flex-start; text-align: left; padding-bottom: 0; padding-left: 0; padding-right: 0; gap: 15px;}
	.four-pillars-heading						{margin-bottom: 0}
	
	
	
}

@media (max-width: 414px) 
{
	.explore-carousel-section .inner	{width: 100%;}
	.listing-panel-2020					{height: auto; padding-top: 100%}
	.listing-panel-2020 .listing-panel-image-outer	{position: absolute;}
}










