@font-face {
    font-family: 'EngenderCWPCaps';
	src: url('../templates/fonts/engendercwpcaps-regular-webfont.woff2') format('woff2'),
		 url('../templates/fonts/engendercwpcaps-regular-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}

:root {
	--cwp-dark: #000;
	--cwp-light: #f1e0d5;
	--cwp-green: #276557;
	--cwp-red: #c05346;
	--cwp-orange: #f28250;
	--cwp-purple: #6b497c;
}
.sect-cwp .pagetop, .sect-cwp .rhs, .sect-cwp .dptw { display: none; }
.sect-cwp .lhs { display: block; width: auto; margin: 0; padding: 0; background: transparent; }
.sect-cwp footer { background: var(--cwp-dark); color: var(--cwp-light); }
.sect-cwp footer a { color: inherit; }
.sect-cwp b, .sect-cwp strong { font-weight: 700; }
.sect-cwp .lhs, .sect-cwp footer { font-family: 'Cossette Texte', sans-serif; }

.sect-cwp-green main { background: var(--cwp-green); }
.sect-cwp-red main { background: var(--cwp-red); }
.sect-cwp-orange main { background: var(--cwp-orange); }
.sect-cwp-purple main { background: var(--cwp-purple); }

.sect-cwp h1, .sect-cwp h2, .sect-cwp h3, .sect-cwp h4, .sect-cwp h5 { font-family: EngenderCWPCaps, Impact, sans-serif; font-weight: bold; color: inherit; text-transform: uppercase; }
.sect-cwp h2 { font-size: 56px; line-height: 60px; }
.sect-cwp .sectbox { margin-top: 50px; }
.sect-cwp .lhs ul li:before { color: inherit; opacity: 0.5; font-size: 2em; margin-top: 1px; }

.sect-cwp .lhs>div>div:first-child { background: url('../gfx/cwp/cwp-top-green-desktop-updated.png') no-repeat top center / 100% auto; height: 0; padding-bottom: 50%; position: relative; margin: 0; text-align: center; }
.sect-cwp .lhs>div:first-child>div:first-child .sectboxcont { padding: 0 18%; align-content: center; position: absolute; top: 0; bottom: 0; padding-top: 5%; }
.sect-cwp-red .lhs>div>div:first-child { background-image: url('../gfx/cwp/cwp-top-red-desktop-updated.png'); }
.sect-cwp-orange .lhs>div>div:first-child { background-image: url('../gfx/cwp/cwp-top-orange-desktop-updated.png'); }
.sect-cwp-purple .lhs>div>div:first-child { background-image: url('../gfx/cwp/cwp-top-purple-desktop-updated.png'); }

.sectboxcwp-ss-11 { display: none; }

.sectbox .headsleft, .sectbox .headsright { position: absolute; top: 23%; left: 7%; bottom: 11%; width: 11%; }
.sectbox .headsright { left: auto; right: 7%; }

.sectbox .heads .head { position: absolute; left: 0; right: 0; background-size: contain; background-repeat: no-repeat; background-position: top left; transition: all 0.5s; }

.sectbox .headsleft .head:first-child { top: 1%; left: 6%; height: 27%; background-image: url('../gfx/cwp/head-green-3a.png'); }
.sectbox .headsleft .head:nth-child(2) { top: 22%; left: 8%; height: 29%; background-image: url('../gfx/cwp/head-green-2a.png'); transition-delay: 0.15s; }
.sectbox .headsleft .head:nth-child(3) { top: 42%; left: 2%; height: 29%; background-image: url('../gfx/cwp/head-green-2.png'); transition-delay: 0.3s; }
.sectbox .headsleft .head:nth-child(4) { top: 62%; height: 38%; left: -14%; background-image: url('../gfx/cwp/head-green-1.png'); transition-delay: 0.45s; }
.sectbox .headsright .head { background-position: top right; }
.sectbox .headsright .head:first-child { top: 1%; right: 6%; height: 27%; background-image: url('../gfx/cwp/head-green-6a.png'); transition-delay: 0.1s; }
.sectbox .headsright .head:nth-child(2) { top: 22%; right: 8%; height: 29%; background-image: url('../gfx/cwp/head-green-5a.png'); transition-delay: 0.25s; }
.sectbox .headsright .head:nth-child(3) { top: 42%; right: 2%; height: 29%; background-image: url('../gfx/cwp/head-green-5.png'); transition-delay: 0.4s; }
.sectbox .headsright .head:nth-child(4) { top: 62%; height: 38%; right: -14%; background-image: url('../gfx/cwp/head-green-4.png'); transition-delay: 0.65s; }

.sect-cwp-red .sectbox .headsleft .head:first-child { background-image: url('../gfx/cwp/head-red-3a.png'); }
.sect-cwp-red .sectbox .headsleft .head:nth-child(2) { background-image: url('../gfx/cwp/head-red-2a.png'); }
.sect-cwp-red .sectbox .headsleft .head:nth-child(3) { background-image: url('../gfx/cwp/head-red-2.png'); }
.sect-cwp-red .sectbox .headsleft .head:nth-child(4) { background-image: url('../gfx/cwp/head-red-1.png'); }
.sect-cwp-red .sectbox .headsright .head:first-child { background-image: url('../gfx/cwp/head-red-6a.png'); }
.sect-cwp-red .sectbox .headsright .head:nth-child(2) { background-image: url('../gfx/cwp/head-red-5a.png'); }
.sect-cwp-red .sectbox .headsright .head:nth-child(3) { background-image: url('../gfx/cwp/head-red-5.png'); }
.sect-cwp-red .sectbox .headsright .head:nth-child(4) { background-image: url('../gfx/cwp/head-red-4.png'); }

.sect-cwp-orange .sectbox .headsleft .head:first-child { background-image: url('../gfx/cwp/head-orange-3a.png'); }
.sect-cwp-orange .sectbox .headsleft .head:nth-child(2) { background-image: url('../gfx/cwp/head-orange-2a.png'); }
.sect-cwp-orange .sectbox .headsleft .head:nth-child(3) { background-image: url('../gfx/cwp/head-orange-2.png'); }
.sect-cwp-orange .sectbox .headsleft .head:nth-child(4) { background-image: url('../gfx/cwp/head-orange-1.png'); }
.sect-cwp-orange .sectbox .headsright .head:first-child { background-image: url('../gfx/cwp/head-orange-6a.png'); }
.sect-cwp-orange .sectbox .headsright .head:nth-child(2) { background-image: url('../gfx/cwp/head-orange-5a.png'); }
.sect-cwp-orange .sectbox .headsright .head:nth-child(3) { background-image: url('../gfx/cwp/head-orange-5.png'); }
.sect-cwp-orange .sectbox .headsright .head:nth-child(4) { background-image: url('../gfx/cwp/head-orange-4.png'); }

.sect-cwp-purple .sectbox .headsleft .head:first-child { background-image: url('../gfx/cwp/head-purple-3a.png'); }
.sect-cwp-purple .sectbox .headsleft .head:nth-child(2) { background-image: url('../gfx/cwp/head-purple-2a.png'); }
.sect-cwp-purple .sectbox .headsleft .head:nth-child(3) { background-image: url('../gfx/cwp/head-purple-2.png'); }
.sect-cwp-purple .sectbox .headsleft .head:nth-child(4) { background-image: url('../gfx/cwp/head-purple-1.png'); }
.sect-cwp-purple .sectbox .headsright .head:first-child { background-image: url('../gfx/cwp/head-purple-6a.png'); }
.sect-cwp-purple .sectbox .headsright .head:nth-child(2) { background-image: url('../gfx/cwp/head-purple-5a.png'); }
.sect-cwp-purple .sectbox .headsright .head:nth-child(3) { background-image: url('../gfx/cwp/head-purple-5.png'); }
.sect-cwp-purple .sectbox .headsright .head:nth-child(4) { background-image: url('../gfx/cwp/head-purple-4.png'); }


.sectbox:hover .headsleft .head { transform: translateX(10px); }
.sectbox:hover .headsright .head { transform: translateX(-10px); }

.subsections ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; margin: 0; grid-template-rows: auto; }
.subsections li { display: flex; margin: 0; background: var(--cwp-dark); }
.subsections li:before { display: none; }
.subsections a { display: block; background: var(--cwp-dark); text-align: center; color: var(--cwp-green); text-decoration: none; align-content: center; font: bold 24px/28px EngenderCWPCaps, Impact, sans-serif; text-transform: uppercase; flex-grow: 1; padding: 10px; }
.subsections a:hover { transform: scale3d(0.95,0.95,1); }
.subsections a.curpage { color: var(--cwp-light)!important; transform: none!important; cursor: default; }

.sect-cwp-red .subsections a { color: var(--cwp-red); }
.sect-cwp-orange .subsections a { color: var(--cwp-orange); }
.sect-cwp-purple .subsections a { color: var(--cwp-purple); }

.sect-cwp .lhs>div>.sectbox:nth-child(3), .sect-cwp-green .lhs>div>.sectbox:nth-child(4), .sect-cwp-purple .lhs>div>.sectbox:nth-child(4) { padding: 30px 50px 30px; background: var(--cwp-light); font-size: 18px; line-height: 26px; }
.sect-cwp .lhs>div>.sectbox:nth-child(3)>*:first-child, .sect-cwp-green .lhs>div>.sectbox:nth-child(4)>*:first-child, .sect-cwp-purple .lhs>div>.sectbox:nth-child(4)>*:first-child { margin-top: 20px; }
.sect-cwp .lhs>div>.sectbox:nth-child(3)>*:last-child, .sect-cwp-green .lhs>div>.sectbox:nth-child(4)>*:last-child, .sect-cwp-purple .lhs>div>.sectbox:nth-child(4)>*:last-child { margin-bottom: 20px; }

.sectbox:nth-child(5):last-child { padding-bottom: 50px; }

.sect-cwp-green .sectbox.sectboxcwp-ss-3 { background: url('../../gfx/cwp/cwp-grid-desktop.png?') no-repeat top center / 100% auto; height: 0; padding-bottom: 100%; position: relative; }
.sectboxcwp-ss-3 .box:first-child { position: absolute; top: 4%; left: 27%; width: 22%; height: 21%; }
.sectboxcwp-ss-3 .box:nth-child(2) { position: absolute; top: 4%; left: 74%; width: 21.5%; height: 21%; }
.sectboxcwp-ss-3 .box:nth-child(3) { position: absolute; top: 27%; left: 4.5%; width: 21.5%; height: 21%; }
.sectboxcwp-ss-3 .box:nth-child(4) { position: absolute; top: 27%; left: 51%; width: 21.5%; height: 22%; }
.sectboxcwp-ss-3 .box:nth-child(5) { position: absolute; top: 50%; left: 27%; width: 22%; height: 21%; }
.sectboxcwp-ss-3 .box:nth-child(6) { position: absolute; top: 50%; left: 73.5%; width: 22%; height: 21%; }
.sectboxcwp-ss-3 .box:nth-child(7) { position: absolute; top: 72.5%; left: 4%; width: 22%; height: 21%; }
.sectboxcwp-ss-3 .box:nth-child(8) { position: absolute; top: 72%; left: 51%; width: 45%; height: 22%; }

.sectboxcwp-ss-3 .box p { align-content: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0; padding: 15px; text-align: center; }
.sectboxcwp-ss-3 a:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; }
.sectboxcwp-ss-3 a { color: var(--cwp-light); font: bold 32px/36px EngenderCWPCaps, Impact, sans-serif; text-decoration: none; padding: 0; display: inline-block; text-transform: uppercase; transition: all 0.5s; background: transparent!important; }
.sectboxcwp-ss-3 a:hover { font-size: 36px; line-height: 40px; }

.boxslides { overflow: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; display: flex; flex-direction: row; padding-bottom: 40px; counter-reset: section; scroll-behavior: smooth; }
.boxslide { display: block; width: 400px; background: var(--cwp-light) url('../gfx/cwp/boxslide.png') no-repeat bottom / contain; vertical-align: top; white-space: wrap; margin-right: 50px; box-sizing: border-box; padding: 5px 25px 98px; flex-shrink: 0; position: relative; }
.boxslide:last-child { margin-right: 0; }
.boxslide .boxslider { position: absolute; bottom: -20px; left: 0; right: 0; height: 16px; background: var(--cwp-dark); border-radius: 8px; cursor: pointer; font-size: 10px; line-height: 16px; color: var(--cwp-light); }
.boxslide:last-child .boxslider { cursor: default; }
.boxslide .boxslider:before { counter-increment: section; content: counter(section) '/x'; margin-left: 10px; }
.boxslide .boxslider:after { position: absolute; right: 10px; content: '>>>'; }
.boxslide:last-child .boxslider:after { display: none; }

.boxslides:has(> :last-child:nth-child(1)) .boxslide .boxslider:before { content: counter(section) '/1'; }
.boxslides:has(> :last-child:nth-child(2)) .boxslide .boxslider:before { content: counter(section) '/2'; }
.boxslides:has(> :last-child:nth-child(3)) .boxslide .boxslider:before { content: counter(section) '/3'; }
.boxslides:has(> :last-child:nth-child(4)) .boxslide .boxslider:before { content: counter(section) '/4'; }
.boxslides:has(> :last-child:nth-child(5)) .boxslide .boxslider:before { content: counter(section) '/5'; }
.boxslides:has(> :last-child:nth-child(6)) .boxslide .boxslider:before { content: counter(section) '/6'; }
.boxslides:has(> :last-child:nth-child(7)) .boxslide .boxslider:before { content: counter(section) '/7'; }
.boxslides:has(> :last-child:nth-child(8)) .boxslide .boxslider:before { content: counter(section) '/8'; }
.boxslides:has(> :last-child:nth-child(9)) .boxslide .boxslider:before { content: counter(section) '/9'; }
.boxslides:has(> :last-child:nth-child(10)) .boxslide .boxslider:before { content: counter(section) '/10'; }

.sectbox:nth-child(5):last-child p { margin: 0; text-align: center; }
.sectbox:nth-child(5):last-child a { display: inline-block; vertical-align: top; background: var(--cwp-dark); color: var(--cwp-light); font: bold 32px/36px EngenderCWPCaps, Impact, sans-serif; text-decoration: none; text-transform: uppercase; padding: 20px; transition: all 0.5s; }
.sectbox:nth-child(5):last-child a:hover { transform: scale3d(1.05,1.05,1); }

.boxvslide { max-height: 100px; background: var(--cwp-light); overflow: hidden; transition: max-height 0.5s; margin-top: 50px; position: relative; padding: 0 50px 50px; box-sizing: border-box; }
.boxvslide.slideshown { max-height: 1000px; }
.boxvslide h3 { font: bold 28px/50px EngenderCWPCaps, Impact, sans-serif; margin: 0; padding: 25px 0 25px 50px; background: url('../gfx/cwp/cwp-slider-header.svg') no-repeat left / auto 25%; cursor: pointer; transition: font-size 0.5s; position: relative; }
.boxvslide h3:hover { font-size: 32px; }
.boxvslide h3:after { content: '\25bc'; position: absolute; right: 0; transition: transform 0.5s; }
.boxvslide.slideshown h3:after { transform: rotate(180deg); }

/* Firefox */
.boxslides {
  scrollbar-width: thin;
  scrollbar-color: var(--cwp-dark) var(--cwp-red);
}

/* Chrome, Edge, and Safari */
.custom-scrollbar::-webkit-scrollbar {
  height: 8px;
}

.boxslides::-webkit-scrollbar-track {
  background: var(--cwp-red);
  border-radius: 4px;
}

.boxslides::-webkit-scrollbar-thumb {
  background-color: var(--cwp-dark);
  border-radius: 4px;
}

.boxslides::-webkit-scrollbar-thumb:hover {
  background-color: var(--cwp-dark);
}

/* Remove Arrows/Buttons */
.boxslides::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

#scrollleft, #scrollright { bottom: 40px; background: rgba(192,83,70,0.8); }
#scrollleft:before, #scrollright:before { background-color: var(--cwp-dark); }

.cwp-reports { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; }
.cwp-reports a { display: block; background: var(--cwp-light)!important; padding: 5px; color: inherit!important; font: inherit!important; text-align: left!important; max-width: none!important; }
.cwp-reports a h3 { margin-top: 0; padding-left: calc(50% + 10px); }
.cwp-reports a p { font: inherit!important; text-transform: none; margin-bottom: 0; text-align: left!important; padding-left: calc(50% + 10px); }
.cwp-report-image { float: left; width: 50%; height: 0; padding-bottom: 70.7%; background: #fff; position: relative; }
.cwp-report-image img { display: block; align-items: center; }

@media (max-width: 1239px) {
	.sect-cwp .sectbox { margin-left: 50px; margin-right: 50px; }
	.sect-cwp .sectboxcwp-ss-3, .sect-cwp .sectbox.sectboxcwp-intersectionality-ss-3 { margin-left: 0!important; margin-right: 0!important; }
	.boxslides { padding-left: 50px; padding-right: 50px; }
}
@media (max-width: 1119px) {
	.sectboxcwp-ss-3 .box p { font-size: 14px; line-height: 20px; }
}
@media (max-width: 949px) {
	.sectboxcwp-ss-3 .box p { padding: 5px; font-size: 12px; line-height: 18px; }
}
@media (max-width: 799px) {
	.subsections ul { grid-template-columns: 1fr; }
	.cwp-reports { grid-template-columns: 1fr; }
}
@media (max-width: 789px) {
	.sectboxcwp-ss-3 .box p { font-size: 10px; line-height: 14px; }
	.sect-cwp h2 { font-size: 48px; line-height: 52px; }
}
@media (max-width: 699px) {
	.sect-cwp h2 { font-size: 36px; line-height: 40px; }
	.sectboxcwp-ss-3 a { font-size: 28px; line-height: 32px; }
	.sectboxcwp-ss-3 a:hover { font-size: 32px; line-height: 36px; }

}
@media (max-width: 639px) {
	.sectboxcwp-ss-3 .box p { font-size: 10px; line-height: 12px; }
}
@media (max-width: 599px) {
	.sect-cwp .lhs>div>div:first-child { background: url('../gfx/cwp/cwp-top-green-mobile-updated.png') no-repeat top left / 101% auto; height: 0; padding-bottom: 89%; position: relative; margin: 0; }
	.sect-cwp .lhs>div:first-child>div:first-child .sectboxcont { padding-top: 9%; }
	.sect-cwp-red .lhs>div>div:first-child { background-image: url('../gfx/cwp/cwp-top-red-mobile-updated.png'); }
	.sect-cwp-orange .lhs>div>div:first-child { background-image: url('../gfx/cwp/cwp-top-orange-mobile-updated.png'); }
	.sect-cwp-purple .lhs>div>div:first-child { background-image: url('../gfx/cwp/cwp-top-purple-mobile-updated.png'); }
	
	.sect-cwp .sectbox { margin: 25px 25px 0; }
	.sect-cwp .lhs>div>.sectbox:nth-child(3), .sect-cwp-green .lhs>div>.sectbox:nth-child(4), .sect-cwp-purple .lhs>div>.sectbox:nth-child(4) { padding: 5px 25px; font-size: 14px; line-height: 22px; }
	.boxslide { width: 250px; margin-right: 25px; padding-bottom: 68px; }
	.sectbox:nth-child(5):last-child a { font-size: 24px; line-height: 28px; max-width: 90%; box-sizing: border-box; }
	
	.boxvslide { padding: 0 25px 25px; margin-top: 25px; }
	.boxslides { padding-left: 25px; padding-right: 25px; }

	.sect-cwp-green .sectbox.sectboxcwp-ss-3 { background-image: url('../gfx/cwp/cwp-grid-mobile.png?'); padding-bottom: 360%; }
	
	.sectboxcwp-ss-3 .box:first-child { top: 2%; left: 51%; width: 40%; height: 11%; }
	.sectboxcwp-ss-3 .box:nth-child(2) { top: 14%; left: 8.5%; width: 40%; height: 11%; }
	.sectboxcwp-ss-3 .box:nth-child(3) { top: 25.5%; left: 51%; width: 40%; height: 11%; }
	.sectboxcwp-ss-3 .box:nth-child(4) { top: 37.5%; left: 8.5%; width: 40%; height: 11%; }
	.sectboxcwp-ss-3 .box:nth-child(5) { top: 49%; left: 50%; width: 40%; height: 11%; }
	.sectboxcwp-ss-3 .box:nth-child(6) { top: 61%; left: 7.5%; width: 40%; height: 11%; }
	.sectboxcwp-ss-3 .box:nth-child(7) { top: 72.5%; left: 50%; width: 40%; height: 11%; }
	.sectboxcwp-ss-3 .box:nth-child(8) { top: 84.5%; left: 8%; width: 83%; height: 11%; }

	.sectboxcwp-ss-3 .box p { font-size: 14px; line-height: 18px; }
	
	.sect-cwp .lhs>div>div:first-child{ overflow: hidden; }
	.sectbox .headsleft { display: none; }
	.sectbox .headsright { right: 0; width: 15%; }
	.sectbox .headsright .head { background-position: top left; }
	.sectbox .headsright .head:first-child { top: 1.5%; left: 35%; right: -10%; height: 26%; }
	.sectbox .headsright .head:nth-child(2) { top: 23%; left: 32%; right: -10%; height: 28%; }
	.sectbox .headsright .head:nth-child(3) { top: 42%; left: 35%; right: -20%; height: 29%; }
	.sectbox .headsright .head:nth-child(4) { top: 63%; left: 20%; right: -50%; height: 38%; }
	
	.subsections a { font-size: 18px; line-height: 22px; }
	.cwp-reports { gap: 25px; }

}
@media (max-width: 499px) {
	.boxvslide { max-height: 60px; }
	.boxvslide h3 { font-size: 18px; line-height: 40px; padding: 10px 0 10px 50px; } 
	.boxvslide h3:hover { font-size: 22px; }
	.sectboxcwp-ss-3 .box p { font-size: 12px; line-height: 16px; }
}

@media (max-width: 459px) {
	.sectboxcwp-ss-3 .box p { font-size: 12px; line-height: 16px; }
}
@media (max-width: 439px) {
	.boxvslide h3:hover { font-size: 20px; }

	.cwp-reports a p , .cwp-reports a h3 { padding-left: calc(30% + 10px); }
	.cwp-report-image { float: left; width: 30%; height: 0; padding-bottom: 42.4%; background: var(--cwp-dark); position: relative; }

}
@media (max-width: 399px) {
	.sectboxcwp-ss-3 .box p { font-size: 10px; line-height: 14px; }
	.boxvslide h3 { padding-left: 30px; } 
	.boxvslide { padding-left: 15px; padding-right: 15px; }
	.boxvslide h3:hover { font-size: 16px; } 

}
@media (max-width: 349px) {
	.sect-cwp h2 { font-size: 28px; line-height: 32px; }
	.sectboxcwp-ss-3 .box p { font-size: 10px; line-height: 12px; }
}