/*! Theirworld > 2021/11/15 ---------------- */

:root {

 --sn: 90rem;

 --c_dx: 8,34,59; --c_dxt: var(--c_dx); /* base color */
 --c_d1: #08223B; --c_d1t: var(--c_d1); /* default: dark navy */

 --c_a1: #1A70B8; --c_a1t: var(--c_a1); /* accent: blue */
 --c_a2: #83DDDB; --c_a2t: var(--c_a2); /* accent: light blue */
 --c_a3: #08223B; --c_a3t: var(--c_a3); /* accent: dark navy */
 --c_a4: #08223B; --c_a4t: var(--c_a4); /* accent: dark navy */
 --c_a5: #83DDDB; --c_a5t: var(--c_a5); /* accent: teal */
 --c_a6: #00A360; --c_a6t: var(--c_a6); /* accent: dark green */
 --c_a7: #08223B; --c_a7t: var(--c_a7); /* accent: dark navy */
 --map_marker: #215EAC;
 --map_marker_hover: #08223B;
 --map_list_border: var(--c_a2);
}

@media screen and (max-width:  719px) { :root { --sn: 70rem; } }

/*   ______  _______ _______ _______
 *   |_____] |_____| |______ |______
 *   |_____] |     | ______| |______
*/


/*   _______  _____  ______  _     _ _      _______ _______
 *   |  |  | |     | |     \ |     | |      |______ |______
 *   |  |  | |_____| |_____/ |_____| |_____ |______ ______|
*/


/**
 * @name .card2
 * @description Bio card with photo
 * @example { }
 */

.card2-wrap { text-align: left; }
 .card2-image .img1 { --i1or: 0; background: var(--c_a1t); }

/**
 * @name .card7
 * @description 50/50 big card
 * @example { }
 */

.card7-main { border-color: var(--c_a1t); }

/**
 * @name .featured2
 * @description Pulled block
 * @example { }
 */

.featured2-subtitle { color: var(--c_a1t); }

@media print, (min-width: 1024px) {
.featured2a { margin-left: calc(var(--f2iw) * -1 - var(--s1) * 2); padding: var(--s1); padding-right: 0; box-shadow: inset 2px 2px var(--c_a1t); }
.body1 .-grid .featured2a { margin-left: calc(var(--s1) * -1); }
}

/**
 * @name .filters1
 * @description Map filters
 * @example { }
 */

.filters1-entries > [aria-current] > a { --atcn: var(--c_i1); }

/**
 * @name .follow1
 * @description Following section trigger
 * @example { }
 */

 .follow1-toggle { background: var(--c_a6); color: var(--c_i1t); }

 @media screen and (max-width: 1023px) {
.follow1 { border-top: 10px solid var(--c_a6);  }
}

/**
 * @name .footer1
 * @description Global footer
 */

.footer1:before { border-color: var(--c_d1t); }
.footer1-links > ul { columns: 1; }
.footer1-author .icon-heart { color: var(--c_a1t); }

/**
 * @name .header3
 * @description Team member header
 * @example { }
 */

.header3 { display: flex; margin-bottom: var(--s3); }
 .header3-image { flex: none; width: 42%; max-width: 600px; margin: 0 var(--s3) 0 0; }
  .header3-image .img1 { background: var(--c_a1t); }

/**
 * @name .header8
 * @description Homepage header
 * @example { }
 */

.header8 h1 { color: var(--c_i1); }

/**
 * @name .icon1
 * @description Circular icon
 * @example { }
 */

.icon1[class] { border-radius: 0; }

/**
 * @name .line1
 * @description Thick short line
 * @example { }
 */

.line1 { color: var(--c_a6t); }

/**
 * @name .logo1
 * @description Scallable logo wrapper
 * @example { }
 */

.logo1 { --hl: 60rem; --hm: 40rem; }

/**
 * @name .question1
 * @description Question header
 * @example { }
 */

.question1 { border-color: var(--c_a1t); }
.question1:before { content: '\e949'; color: var(--c_a6t); }

/**
 * @name .quote1
 * @description Large quote
 * @example { }
 */

.quote1 {  }
 .quote1:before { content: '\e947'; color: var(--c_a6t); }

/**
 * @name .play1
 * @description Play button
 * @example { }
 */

.play1[class] { background: var(--c_a2); }

@media(hover: hover) and (pointer: fine){
a:hover .play1, a[adjacent]:hover ~ * .play1 { background: var(--c_i1); }
}

/**
 * @name .stat1
 * @description Big stat
 * @example { }
 */

.stat1 { color: var(--c_a1t); }
 .stat1 > span:not([class]) { color: var(--c_d1t); }

/**
 * @name .stream3
 * @description Projects stream
 * @example { }
 */

@media print, (min-width: 1024px) {
.stream3 { padding-left: 0; }
 .stream3-header { position: relative; left: auto; top: auto; width: auto; padding: 0; border-bottom-width: 0; }
 .stream3-entries > * { --w: 8; }
}

/**
 * @name .subnav1
 * @description Tabbed nav
 * @example { }
 */

.subnav1-main [aria-current] > a {  --atcn: var(--c_i1); }

/**
 * @name .tabs1
 * @description About tabs
 * @example { }
 */

.tabs1-nav [aria-current] > a { --atcn: var(--c_i1);  }

/**
 * @name .tape2
 * @description Twitter highlight
 * @example { }
 */

.tape2 { --aown: 0; background: var(--c_a2t); }

/*   ______  _     _ _______ _______  _____  __   _ _______
 *   |_____] |     |    |       |    |     | | \  | |______
 *   |_____] |_____|    |       |    |_____| |  \_| ______|
*/

.button1, [type="submit"], [type="button"], [type="reset"] { --orn: 0; }
.nav1-actions li.-fundraiseup-match .button1 { border-radius: 50px; }

/*   ______  _______ _______ _______ _     _ _      _______ _______
 *   |     \ |______ |______ |_____| |     | |         |    |______
 *   |_____/ |______ |       |     | |_____| |_____    |    ______|
*/

/*   _    _ _______  ______ _______
 *    \  /  |_____| |_____/ |______
 *     \/   |     | |    \_ ______|
*/

:root {
	--c_a8: #1A9DD8; --c_a8t: var(--c_a8); /* accent: light blue */
}

@media screen and (max-width:  719px) { :root { --sn: 70rem; } }

/* colors */

.-c\:d1, a.-c\:d1h:hover, a:hover .-c\:d1h { color: var(--c_d1); } .-c\:d1t, a.-c\:d1th:hover, a:hover .-c\:d1th, html { color: var(--c_d1t); }
.-c\:d2, a.-c\:d2h:hover, a:hover .-c\:d2h { color: var(--c_d2); } .-c\:d2t, a.-c\:d2th:hover, a:hover .-c\:d2th { color: var(--c_d2t); }
.-c\:a1, a.-c\:a1h:hover, a:hover .-c\:a1h { color: var(--c_a1); } .-c\:a1t, a.-c\:a1th:hover, a:hover .-c\:a1th { color: var(--c_a1t); }
.-c\:a2, a.-c\:a2h:hover, a:hover .-c\:a2h { color: var(--c_a2); } .-c\:a2t, a.-c\:a2th:hover, a:hover .-c\:a2th { color: var(--c_a2t); }
.-c\:a3, a.-c\:a3h:hover, a:hover .-c\:a3h { color: var(--c_a3); } .-c\:a3t, a.-c\:a3th:hover, a:hover .-c\:a3th { color: var(--c_a3t); }
.-c\:a4, a.-c\:a4h:hover, a:hover .-c\:a4h { color: var(--c_a4); } .-c\:a4t, a.-c\:a4th:hover, a:hover .-c\:a4th { color: var(--c_a4t); }
.-c\:a5, a.-c\:a5h:hover, a:hover .-c\:a5h { color: var(--c_a5); } .-c\:a5t, a.-c\:a5th:hover, a:hover .-c\:a5th { color: var(--c_a5t); }
.-c\:a6, a.-c\:a6h:hover, a:hover .-c\:a6h { color: var(--c_a6); } .-c\:a6t, a.-c\:a6th:hover, a:hover .-c\:a6th { color: var(--c_a6t); }
.-c\:a7, a.-c\:a7h:hover, a:hover .-c\:a7h { color: var(--c_a7); } .-c\:a7t, a.-c\:a7th:hover, a:hover .-c\:a7th { color: var(--c_a7t); }
.-c\:a8, a.-c\:a8h:hover, a:hover .-c\:a8h { color: var(--c_a8); } .-c\:a8t, a.-c\:a8th:hover, a:hover .-c\:a8th { color: var(--c_a8t); }
.-c\:i1, a.-c\:i1h:hover, a:hover .-c\:i1h { color: var(--c_i1); } .-c\:i1t, a.-c\:i1th:hover, a:hover .-c\:i1th { color: var(--c_i1t); }
.-c\:i2, a.-c\:i2h:hover, a:hover .-c\:i2h { color: var(--c_i2); } .-c\:i2t, a.-c\:i2th:hover, a:hover .-c\:i2th { color: var(--c_i2t); }
.-c\:b1, a.-c\:b1h:hover, a:hover .-c\:b1h { color: var(--c_b1); } .-c\:b1t, a.-c\:b1th:hover, a:hover .-c\:b1th { color: var(--c_b1t); }
.-c\:b2, a.-c\:b2h:hover, a:hover .-c\:b2h { color: var(--c_b2); } .-c\:b2t, a.-c\:b2th:hover, a:hover .-c\:b2th { color: var(--c_b2t); }
.-c\:o1, a.-c\:o1h:hover, a:hover .-c\:o1h { color: var(--c_o1); } .-c\:o1t, a.-c\:o1th:hover, a:hover .-c\:o1th { color: var(--c_o1t); }
.-c\:o2, a.-c\:o2h:hover, a:hover .-c\:o2h { color: var(--c_o2); } .-c\:o2t, a.-c\:o2th:hover, a:hover .-c\:o2th { color: var(--c_o2t); }
.-c\:e1, a.-c\:e1h:hover, a:hover .-c\:e1h { color: var(--c_e1); } .-c\:e1t, a.-c\:e1th:hover, a:hover .-c\:e1th { color: var(--c_e1t); }
.-c\:ix { color: inherit; }
.-c\:ux { color: unset; }

@media screen and (max-width: 1023px) {
.-c\:d1t\<l { color: var(--c_d1t); }
}

/* non-link hovers */

:where(.-cs\:d1) .-hs\:2 { box-shadow: inset 0 -1px var(--c_a2t); }  /* remove underline on hover */

@media(hover: hover) and (pointer: fine){
:where(.-cs\:d1) a.-hs\:1:hover, :where(.-cs\:d1) a:hover .-hs\:1, :where(.-cs\:d1) a[adjacent]:hover ~ * .-hs\:1, :where(.-cs\:d1) a.-hs\:1a:hover, :where(.-cs\:d1) a:hover .-hs\:1a { box-shadow: inset 0 -1px var(--c_a2t); }
}

.map1-focus-filters .filters1 .filters1-entries > [aria-current] > a {
	--abcn: var(--c_a3);
	--abch: var(--c_a3);
}

.-promo .featured3-title .-c\:a6t {
	color: var(--c_a7t);
}