/* ALL */

/* flaghead */
body main .mod-custom div.flaghead > div:nth-of-type(1) { padding: 33% 0; background-size: cover; background-position: center }

body main .mod-custom div.flaghead > div:nth-of-type(2) { padding-bottom: 50px }

/* flagdark */
body main .mod-custom div.flagdark { padding: 10px 0 30px; margin-bottom: 10px; background-color: var(--dark) }

body main .mod-custom div.flagdark h2, body main .mod-custom div.flagdark p, body main .mod-custom div.flagdark h3 { color: #FFFFFF }

/* flagtxtimg */
body main .mod-custom div.flagtxtimg > div:nth-of-type(1) { padding: 33% 0; margin-bottom: 20px; background-size: cover; background-position: center }

/* flagctr */
body main .mod-custom div.flagctr { flex: 1 1 100% }

/* flaglist */
body main .mod-custom div.flaglist { padding-bottom: 50px }

body main .mod-custom div.flaglist ul { padding-bottom: 40px }

/* conditional */
div.flagctr + div.flagtxtimg { padding-top: 50px !important}

@media (min-width:1160px) {
	
	/* flaghead */
	body main .mod-custom div.flaghead { display: flex; flex-flow: row wrap; flex: 1 1 98%; padding: 0; margin: 1% }

	body main .mod-custom div.flaghead > div:nth-of-type(1) { flex: 0 0 50%; padding: 0 }

	body main .mod-custom div.flaghead > div:nth-of-type(2) { flex: 0 0 50%; display: flex; flex-flow: row wrap; align-content: center; padding: 100px 75px }
	
	body main .mod-custom div.flaghead > div:nth-of-type(2) h1 { flex: 1 1 100%; padding: 0 0 25px }
	
	body main .mod-custom div.flaghead > div:nth-of-type(2) p { flex: 1 1 100%; font-style: italic; padding: 0 }
	
	/* flagdark */	
	body main .mod-custom div.flagdark { flex: 0 0 98%; padding: 100px 75px; margin: 0 1% 1% }
	
	body main .mod-custom div.flagdark h2 { color: #FFFFFF; max-width: 1000px; text-align: center; padding: 0 0 20px; margin: 0 auto }

	body main .mod-custom div.flagdark p { color: #FFFFFF; max-width: 1000px; text-align: center; padding-right: 0; padding-left: 0; margin: 0 auto }

	body main .mod-custom div.flagdark h3 { color: #FFFFFF; max-width: 1000px; text-align: center; padding: 25px 0 0; margin: 0 auto }

	/* flagtxtimg */
	body main .mod-custom div.flagtxtimg { display: flex; flex-flow: row wrap; align-content: center; flex: 0 0 98%; padding: 0; margin: 0 1% }
	
	body main .mod-custom div.flagtxtimg > div:nth-of-type(1) { flex: 0 0 50%; padding: 0; margin-bottom: 0 }
	
	body main .mod-custom div.flagtxtimg > div:nth-of-type(2) { flex: 0 0 50%; padding: 100px 75px }
	
	body main .mod-custom div.flagtxtimg > div:nth-of-type(2) h2 { padding: 0 0 20px }
	
	body main .mod-custom div.flagtxtimg > div:nth-of-type(2) h3 { padding: 0 0 20px }
	
	body main .mod-custom div.flagtxtimg > div:nth-of-type(2) p { padding-right: 0; padding-left: 0 }
	
	body main .mod-custom div.flagtxtimg > div:nth-of-type(2) p.caption span svg { transform: rotate(90deg) }

	/* flagctr */	
	body main .mod-custom div.flagctr { text-align: center; justify-content: center; padding: 100px 75px 0 }
	
	body main .mod-custom div.flagctr h2 { max-width: 1000px; text-align: center; padding: 0 0 20px; margin: 0 auto }

	body main .mod-custom div.flagctr p { max-width: 1000px; text-align: center; padding-right: 0; padding-left: 0; margin: 0 auto }

	body main .mod-custom div.flagctr h3 { max-width: 1000px; text-align: center; padding: 25px 0 0; margin: 0 auto }
	
	/* flaglist */
	body main .mod-custom div.flaglist { display: flex; flex-flow: row wrap; max-width: 1600px; padding-bottom: 100px; margin: 0 auto }
	
	body main .mod-custom div.flaglist ul { display: flex; flex-flow: row wrap; justify-content: space-between; flex: 1 1 100%; padding: 50px; list-style: none }
	
	body main .mod-custom div.flaglist ul li { display: flex; flex: 1 1 auto; list-style: none; font-size: 0.9em; text-align: center; align-content: center; align-items: center; padding: 25px 50px; border: 1px solid var(--blue) }
	
	body main .mod-custom div.flaglist p { flex: 1 1 100%; text-align: center; max-width: 1000px; padding: 0 50px; margin: 0 auto }

	/* conditional */
	div.flagctr + div.flagtxtimg { padding-top: 75px !important}}


@media (min-width:1560px) { 
	
	/* flaghead */
	body main .mod-custom div.flaghead > div:nth-of-type(2) { padding: 150px 100px }

	/* flagdark */
	body main .mod-custom div.flagdark { padding: 125px 50px }

	/* flagtxtimg */ 
	body main .mod-custom div.flagtxtimg > div:nth-of-type(2) { padding: 150px }

	/* flagctr */
	body main .mod-custom div.flagctr { padding: 125px 50px 0 }
	
	body main .mod-custom div.flagctr h2 { padding: 0 0 30px }
	
	body main .mod-custom div.flagctr h3 { padding: 35px 0 0 }
	
	/* flaglist */
	body main .mod-custom div.flaglist { padding-bottom: 150px }

	body main .mod-custom div.flaglist ul { padding: 50px 50px 100px }

	/* conditional */
	div.flagctr + div.flagtxtimg { padding-top: 100px !important }}


/* FLAGSHIP 1 */

/* flaghead */
body.flag-one main .mod-custom div.flaghead > div:nth-of-type(1) { background-image: url("../../../images/stock/conservation-finance.webp") }

@media (min-width:1160px) {
	
	body.flag-one main .mod-custom div.flaghead > div:nth-of-type(1) { order: 2 }
	
	body.flag-one main .mod-custom div.flaghead > div:nth-of-type(2) { order: 1 }}


/* nature loss */
body.flag-one main .mod-custom div.flaxtxtimg.nature-loss > div:nth-of-type(1) { background-image: url(../../../images/stock/nature_loss.webp) }

@media (min-width:1160px) {	body.flag-one main .mod-custom div.flaxtxtimg.nature-loss > div:nth-of-type(1) { margin-top: 1% }}


/* 21st-century realities */
@media (min-width:1160px) { body.flag-one main .mod-custom div.flaglist.century-realities ul li { flex: 0 0 24% }}


/* usfica */
body.flag-one main .mod-custom > div.usfica > div:nth-of-type(1) { background-image: url(../../../images/stock/congress_2.webp) }

@media (min-width:1160px) {
	
	body.flag-one main .mod-custom div.flagtxtimg.usfica > div:nth-of-type(2) { padding: 0 75px }
	
	body.flag-one main .mod-custom div.flagtxtimg.usfica > div:nth-of-type(1) { order: 2 }
	
	body.flag-one main .mod-custom div.flagtxtimg.usfica > div:nth-of-type(2) { order: 1 }}

@media (min-width:1560px) { body.flag-one main .mod-custom div.flagtxtimg.usfica > div:nth-of-type(2) { padding: 0 200px 0 100px }}


/* usfica */
@media (min-width:1160px) { body.flag-one main .mod-custom div.flaglist.foundation ul li { flex: 0 0 32% }}



/* FLAGSHIP 2 */

/* flaghead */
body.flag-two main .mod-custom div.flaghead > div:nth-of-type(1) { background-image: url("../../../images/stock/tanzania.webp") }


/* miombo */
body.flag-two main .mod-custom div.flagtxtimg.miombo > div:nth-of-type(1) { background-image: url(../../../images/bestof/miombo.webp) }

@media (min-width:1160px) {	
	
	body.flag-two main .mod-custom div.flagtxtimg.miombo > div:nth-of-type(1) { order: 2 }
	
	body.flag-two main .mod-custom div.flagtxtimg.miombo > div:nth-of-type(2) { padding: 0 75px; order: 1 }}

@media (min-width:1560px) { body.flag-two main .mod-custom div.flagtxtimg.miombo > div:nth-of-type(2) { padding: 0 200px 0 100px }}


/* keystones */
body.flag-two main .mod-custom div.flagtxtimg.keystones > div:nth-of-type(1) { background-image: url(../../../images/bestof/keystones.webp) }

body.flag-two main .mod-custom div.flagtxtimg.keystones { margin-bottom: 50px }

@media (min-width:1160px) {	
	
	body.flag-two main .mod-custom div.flagtxtimg.keystones { margin-bottom: 1% }
	
	body.flag-two main .mod-custom div.flagtxtimg.keystones > div:nth-of-type(2) { flex: 0 0 49%; padding: 50px; margin-left: 1%; background-color: var(--darkv2) }

	body.flag-two main .mod-custom div.flagtxtimg.keystones > div:nth-of-type(2) p.caption { color: #FFFFFF; padding: 0 }

	body.flag-two main .mod-custom div.flagtxtimg.keystones > div:nth-of-type(2) p.caption span svg { transform: rotate(270deg) }}

@media (min-width:1560px) { body.flag-two main .mod-custom div.flagtxtimg.keystones > div:nth-of-type(2) { padding: 75px }}


/* FLAGSHIP 3 */

/* FLAGSHIP 4 */

/* MORE ABOUT OUR FLAGSHIPS */
body main .mod-custom div.our-flagships > div:nth-of-type(1) { padding-bottom: 25px; margin-bottom: 10px; background-color: var(--darkv2) }

body main .mod-custom div.our-flagships > div:nth-of-type(1) h2, body main .mod-custom div.our-flagships > div:nth-of-type(1) p { color: #FFFFFF }

body main .mod-custom div.our-flagships > div img { margin-bottom: 10px }


@media (min-width:1160px) {
	body main .mod-custom div.our-flagships { display: flex; flex-flow: row wrap; padding: 0 1% 1% }
	
	body main .mod-custom div.our-flagships > div { flex: 0 0 50%; padding: 100px 50px }
	
	body main .mod-custom div.our-flagships > div:nth-of-type(1) { padding-bottom: 0; margin: 0 0 10px }
	
	body main .mod-custom div.our-flagships > div:nth-of-type(1) h2 { padding: 0 0 20px }
	
	body main .mod-custom div.our-flagships > div:nth-of-type(1) p { padding: 0 }
		
	body main .mod-custom div.our-flagships h3 { flex: 1 1 100%; padding: 0 0 0 15px }
	
	body main .mod-custom div.our-flagships a.btn { align-self: flex-end; margin-bottom: 0; margin-left: 15px }
	
	body main .mod-custom div.our-flagships > div:nth-of-type(2), body main .mod-custom div.our-flagships > div:nth-of-type(3), body main .mod-custom div.our-flagships > div:nth-of-type(4) { display: flex; flex-flow: row wrap }
	
	body main .mod-custom div.our-flagships > div:nth-of-type(2) p, body main .mod-custom div.our-flagships > div:nth-of-type(3) p, body main .mod-custom div.our-flagships > div:nth-of-type(4) p { flex: 1 1 100%; padding: 20px 50px 0 15px }
	
	body main .mod-custom div.our-flagships > div img { margin-bottom: 20px }
	
	body main .mod-custom div.our-flagships > div:nth-of-type(2), body main .mod-custom div.our-flagships > div:nth-of-type(3), body main .mod-custom div.our-flagships > div:nth-of-type(4) { padding: 0 0 50px 1% }}


@media (min-width:1560px) {
	body main .mod-custom div.our-flagships { padding: 0 1% 1% }

	body main .mod-custom div.our-flagships > div { flex: 0 0 25%; padding: 100px 50px }
	
	body main .mod-custom div.our-flagships > div:nth-of-type(1) { padding: 100px; margin-bottom: 0 }}