@font-face {
font-family: "Outfit";
src: url(//global-tipping-points.org/wp-content/themes/gtpreport25/fonts/Outfit-Thin.ttf) format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Outfit";
src: url(//global-tipping-points.org/wp-content/themes/gtpreport25/fonts/Outfit-Light.ttf) format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Outfit";
src: url(//global-tipping-points.org/wp-content/themes/gtpreport25/fonts/Outfit-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Outfit";
src: url(//global-tipping-points.org/wp-content/themes/gtpreport25/fonts/Outfit-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "Outfit";
src: url(//global-tipping-points.org/wp-content/themes/gtpreport25/fonts/Outfit-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
} :root {
--color-light-blue: #008094; --color-dark-blue: #0D4D5E; --color-green: #86BC25; --color-orange:#db5d00;
--color-dark-gray: #434343; --color-mid-gray: #898989; --color-light-gray: #F5F5F5; --color-seperator-gray:#B4B4B4;
--color-panel-gray:#D5D5D5; }
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
font-size: 56.3%;  };
body {margin: 0;background: #fff;}
main {display: block;} h1 {font-size: 2em;margin: 0.67em 0;} a {background-color: transparent;} button,input,optgroup,select,textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;} button,input {overflow: visible;} button,select {	text-transform: none;} button,[type="button"],[type="reset"],[type="submit"] {	-webkit-appearance: button;} button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {	border-style: none;	padding: 0;} button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;} fieldset {padding: 0.35em 0.75em 0.625em;} legend {box-sizing: border-box;	color: inherit;	display: table;	max-width: 100%;padding: 0;	white-space: normal;} progress {vertical-align: baseline;} textarea {overflow: auto;} [type="checkbox"],[type="radio"] {box-sizing: border-box;padding: 0;} [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;} [type="search"] {-webkit-appearance: textfield;	outline-offset: -2px;} [type="search"]::-webkit-search-decoration {-webkit-appearance: none;} ::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;} *,*::before,*::after {box-sizing: inherit;}
html {box-sizing: border-box;} body,
button,
input,
select,
optgroup,
textarea {
color: var(--color-dark-blue);
font-family: "Outfit", sans-serif;
font-weight: 400;
font-size: 1.6rem;
line-height: 1.2;
}
h1,h2,h3,h4,h5,h6 {
clear: both; margin:1.2rem 0;
font-size: 4.0rem; 	line-height: 1.2; 
font-weight: 400;
text-transform: uppercase;
}
h2 span, h3 span {font-weight: 300}
p { margin:1em 0;font-size: 2rem;line-height: 1.4;}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p {margin-top:0;}
ul,ol {
margin: 0 0 1.5em 0;
}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
img {height: auto;max-width: 100%;}
figure {margin: 0;}
body {margin: 0;} a {
color: var(--color-light-blue);
}
a:visited {
color: var(--color-light-blue);
}
a:hover,
a:focus,
a:active {
color: var(--color-dark-blue);
}
a:focus {outline: thin dotted;}
a:hover,a:active {outline: 0;} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
} .main-navigation {
display: block; }
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul { position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
--submenu-left: auto; left: var(--submenu-left);
}
.main-navigation li {
position: relative;height: 65px; display: flex; align-items: center;
}
.main-navigation a {
display: flex;
align-items: center;
height: 100%;
text-decoration: none;
font-size: 1.4rem;
font-weight: bold; 
color: var(--color-dark-blue);
text-transform: uppercase;
letter-spacing: 0.025rem;
}
.main-navigation #primary-menu > li > a {
white-space: nowrap;
}
.main-navigation a:hover, 
.main-navigation a:active, 
.main-navigation a:focus {
color: var(--color-light-blue);
} .menu-toggle,
.main-navigation.toggled ul {display: block; padding: 30px 20px 30px 50px}
.menu-main-menu-container {position: absolute; right: 0; top: 72px}
.nav-button-bg {display: flex; align-items: center; padding: 0;  float: right; margin-right: 15px}
.menu-toggle {width:30px;height: 30px;border:none;background: transparent;position: relative;padding:0;border-radius: 0;z-index: 30;cursor:pointer}
.menu-toggle span {position: absolute;top:1px;left:0;width:30px;height:3px;background: var(--color-dark-blue);
-webkit-transition: width 0.5s ease, transform 0.5s ease;
-moz-transition: width 0.5s ease, transform 0.5s ease;
-o-transition: width 0.5s ease, transform 0.5s ease;
transition: width 0.5s ease, transform 0.5s ease;
}
.menu-toggle span.bar1 {transform-origin:top right;}
.menu-toggle span.bar2 {top:12px;background: var(--color-dark-blue);left:auto;right:0;
-webkit-transition: width 0.5s ease, transform 0.5s ease;
-moz-transition: width 0.5s ease, transform 0.5s ease;
-o-transition: width 0.5s ease, transform 0.5s ease;
transition: width 0.5s ease, transform 0.5s ease;
}
.menu-toggle span.bar3 {top:23px;background: var(--color-dark-blue);transform-origin:bottom right;}
.toggled .menu-toggle span.bar1 {transform: rotate(-45deg);width:32px;}
.toggled .menu-toggle span.bar2 {width:0;}
.toggled .menu-toggle span.bar3 {transform: rotate(45deg);width:32px; }
.toggled .menu-toggle span.bar1.centered {transform: rotate(-45deg) translate(-4.5px,-4.5px);}
.toggled .menu-toggle span.bar2.centered {transform: translate(-4px,0);}
.toggled .menu-toggle span.bar3.centered {transform: rotate(45deg) translate(-4.5px,4.5px);}  
.blurbox {
display: flex;
align-items: center;
justify-content: space-between;
background-color: rgba(255,255,255,1);
padding: 15px 20px;
} @media screen and (min-width:1280px ) { 
.menu-toggle, .nav-button-bg {display: none}
.main-navigation ul, .main-navigation.toggled ul {display: flex; gap: 10px}
.menu-main-menu-container {position: relative; right: 0; top: 0}
.nav-button-bg {height: 65px; padding: 3px 20px 0 30px; border-radius: 35px;background-color: rgba(20,20,20,0.5); width: 90px;} .blurbox {
border-radius: 15px;
background-color: rgba(255,255,255,0.5);
backdrop-filter: blur(10px);
position: fixed;
width: calc(100% - 40px);
max-width: calc(1800px - 80px); left: calc(50% - 900px + 40px);
top: 25px;
padding: 0px 40px;	
}
@media screen and (max-width:1800px ) {
.blurbox {left: 20px;}		
}
}
@media screen and (min-width:1510px) { 
.main-navigation ul, .main-navigation.toggled ul {gap: 25px}
} .page-content,.entry-content,.entry-summary {margin:0;} .custom-logo-link {display: inline-block;margin-right:20px;} .screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;clip-path: none;color: #21759b;display: block;font-size: 0.875rem;font-weight: 700;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;}
#primary[tabindex="-1"]:focus {outline: 0;}  .contentinner, .contentinnersmaller, .contentinnerfull, .contentmaxwidth, .entry-content > .wp-block-group > .wp-block-group__inner-container {
width:1640px;padding:0px 20px 0 20px;margin:0 auto; max-width: 100%;position: relative;}
.contentinnersmaller {width:1580px;padding:0px 50px 0 50px;}
.contentinnerfull {width:1600px;padding:0;}
.contentmaxwidth {width:1800px;padding:0;} 
.entry-content > .wp-block-group.row-full > .wp-block-group__inner-container {width: 100%;padding: 0;} #header-hero {width:100%;height:calc(100vh - 150px);position:relative;min-height:800px;}
.home #header-hero, .page-about-us #header-hero {height:100vh;min-height:800px;}
#header-hero.fixed {position:fixed;top:0;left:0;z-index:-100;}
#header-hero-image, #header-hero-image > img {width: 100%;height:100%;object-fit:cover;object-position: right bottom;}
.home #header-hero-image, .home #header-hero-image > img {object-position: center bottom;}
.page-about-us #header-hero-image,
.page-case-studies #header-hero-image {object-position: center bottom;}
.page-positive-tipping-points #header-hero-image, #header-hero-image > img {object-position: right 40% bottom 0px;} .page-governance #header-hero-image, #header-hero-image > img {object-position: right 23% bottom 0px;} #header-hero-video {width: 100%;height:100%;position:absolute;top:0;left:0;  }
#header-hero-video-waiting {width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;}
#herovideo {width: 100%;max-width: 100%;height: 100%; 
object-fit: cover;
object-position: right bottom;}
.home #herovideo {object-position: center bottom;}
#header-hero.no-img {background-color: var(--color-dark-blue);}
#header-hero.alt-header {height:auto;}
.alt-header #header-hero-image {position:absolute;top:0;height:auto;object-fit:contain;}
.alt-header #header-hero-video {background-color: var(--color-dark-blue);}
.alt-header #herovideo {height: auto;object-fit: contain;position: absolute;top:0;max-width: 100%;}
.alt-header .pageintro {height:auto; }
@media only screen and (min-width: 1800px) { #header-hero.fixed { left:calc(50% - (1800px / 2)); max-width:1800px; }
}
@media only screen and (max-width: 1707px) { #header-hero {aspect-ratio: 1920/900; height: auto; min-height: 0;}
}
@media only screen and (max-width: 1279px) { #header-hero { max-width: 100%; aspect-ratio: unset; min-height: 728px; height: calc(100vh - 96px); }
#herovideo, .page-governance #header-hero-image, #header-hero-image > img {object-position: right bottom;} 
.page-positive-tipping-points #herovideo {object-position: right 40% bottom 0px;} .page-governance #herovideo {object-position: right 23% bottom 0px;} }
@media only screen and (max-width:991px) { 
#header-hero.fixed { aspect-ratio:auto; min-height:100vh; min-width:100vw; height: 100vh; height: auto;}
#herovideo {height: auto;}
#header-hero-image { height: auto;aspect-ratio: unset; min-height: 400px;}
.page-positive-tipping-points #herovideo,
.page-positive-tipping-points #header-hero-image {  object-position: right 20% bottom 0px;} #header-hero-video-waiting { min-height: 400px; height: auto; aspect-ratio: 1920/900; }
} 
@media only screen and (max-width:860px) { 
#herovideo, #header-hero  {min-height: 400px;}
.page-governance #header-hero-image, #header-hero-image > img { min-height: 400px;}
}
.mainlogo { position: absolute;top:20px;left:30px;display: block; z-index: 200;} .br-20 {border-radius: 20px;}
.show-on-mobile {display: none}
@media only screen and (max-width: 600px) {
.hide-on-mobile {display: none}
.show-on-mobile {display: inherit}
}
.show-on-touch {display: none}
@media (pointer:coarse), ((pointer:fine) and (hover:none)) { .hide-on-touch {display: none}
.show-on-touch {display: inherit}
}
.bg-white {background-color:#fff;color:var(--color-dark-blue);}
.bg-light-blue {background-color:var(--color-light-blue);color:#fff}
.bg-dark-blue {background-color:var(--color-dark-blue);color:#fff}
.bg-green {background-color:var(--color-green);color:#fff}
.bg-dark-gray {background-color:var(--color-dark-gray);color:#fff}
.bg-mid-gray {background-color:var(--color-mid-gray);color:var(--color-dark-blue);}
.bg-light-gray {background-color:var(--color-light-gray);color:var(--color-dark-blue);}
.bg-seperator-gray {background-color:var(--color-seperator-gray);color:var(--color-dark-blue);}
.bg-panel-gray{background-color:var(--color-panel-gray);color:#0D4D5E;} 
.bg-orange{background-color:var(--color-orange);color:#FFF;} 
.bg-dark-blue a,
.bg-dark-blue a:visited {
color: #fff;
}
.bg-light-blue a,
.bg-light-blue a:visited {
color: var(--color-dark-blue);
}
.bg-light-blue .btn a,
.bg-light-blue .btn a:visited {
color: #fff;
} .fs-100 {font-size: 95px; line-height: 0.9}
.fs-50 {font-size:5.0rem;line-height:1.2;}
.fs-30 {font-size:3.0rem;line-height:1.2;}
.fs-25 {font-size:2.5rem;line-height:1.2;}
.fs-20 {font-size:2.0rem;line-height:1.2;}
.fs-18 {font-size: 18px; line-height: 1.4}
.fs-16 {font-size: 16px; line-height: 1.4}
.fs-15, .fs-15 > p {font-size:15px;line-height:1.2;}
.intro-20 {font-size:2.25rem;line-height:3.0rem; font-weight: 500;}
.mw-1170 {width:1170px;max-width:100%;}
.mw-790 {width:790px;max-width:100%;}
.mw-500 {width:500px;max-width:100%;}
.ls-200 {letter-spacing: 0.200em;}
.ls-100 {letter-spacing: 0.100em;}
.ls-40 {letter-spacing: 0.040em;}
.ls-20 {letter-spacing: 0.020em;}
.display-none {display:none!important;}
.site-header {
position: relative;
top: 0;
z-index: 100;
}
.pageintro {
position: relative;
height: calc(100vh - 150px); min-height:800px;
padding: 180px 50% 124px 70px ;
color:#fff;
}
.home .pageintro, .page-about-us .pageintro {  }
.home .pageintro {
padding: 180px 20px 124px 20px;
width: 930px;
margin: 0 auto;
text-align: center;
max-width: 100%;
}
.home .pageintro .wp-block-separator.separator-short-thick {margin-left:auto!important;margin-right:auto!important;}
.pagecontent {background-color: #fff;}
.panel-pad {padding:50px 70px 70px;}
.panel-pad-h-only {padding-left:70px;padding-right:70px;}
.panel-inner-pad {padding:50px;}
.panel-inner-pad-small {padding:30px;}
.panel-move-up {position:relative;top:-200px;margin-bottom:-200px;}
.panel-move-up-about {position:relative;top:-375px;margin-bottom:-375px;}
.panel-move-up-casestudies {position:relative;top:-300px;margin-bottom:-315px;}
.panel-move-up-conf {position:relative;top:-285px;margin-bottom:-285px;}  @media only screen and (max-width: 1707px) { .pageintro {aspect-ratio: 1920/900; height: auto; min-height: 0;}
.home .pageintro {aspect-ratio:unset;height: calc(100vh - 150px);}
}
@media only screen and (max-width: 1600px) {
.panel-move-up-conf {position:relative;top:-10vw;margin-bottom:-10vw;}
}
@media only screen and (max-width: 1350px) {
.page-conferences .pageintro {padding-top: 130px;}
.panel-move-up-conf { }
}
@media only screen and (max-width: 1279px) { .pageintro {  height: calc(100vh - 168px); max-width: 100%; aspect-ratio: unset;}
.page-conferences .pageintro {padding-top: 100px;}
} @media only screen and (max-width:991px) { .panel-pad {padding:50px 45px 45px;}
.panel-pad-h-only {padding-left:45px;padding-right:45px;}
.panel-inner-pad {padding:35px;}
.pageintro {
margin-top: calc(((900 / 1920) * 100vw) - 72px);
background: var(--color-dark-blue);
min-height: 0;
height: auto;
padding: 50px 45px 45px;
}
.panel-move-up, .panel-move-up-about , .panel-move-up-casestudies,
.panel-move-up-conf {top:0;margin-bottom:0;}
.page-conferences .pageintro { margin-top: 0;}
.home .pageintro {
padding: 30px 20px;
height: auto;
min-height: 0;
background:none;
}
.home .pageintro .header_titletext > div {
background: var(--color-dark-blue);
padding: 25px 20px 5px 20px;
border-radius: 20px;
margin-top: 40px !important;
}
}
@media only screen and (max-width:860px) { 
.pageintro {margin-top: 328px;}
}
.mh-500 {min-height: 500px;}
.b-top {border-top:1px solid var(--color-seperator-gray);}
#amazon, #coral, #amoc, #moutainglaciers {scroll-margin-top: 2000px; } .case-studies-tabs.wp-block-themeisle-blocks-tabs .wp-block-themeisle-blocks-tabs__header {padding: 0 70px;gap: 10px;}
.case-studies-tabs.wp-block-themeisle-blocks-tabs .wp-block-themeisle-blocks-tabs__header_item {
border:none!important; 	background-color: var(--color-dark-gray); flex-grow: 1;justify-content: center;width: 25%;border-top-left-radius: 11px;border-top-right-radius: 11px;
color:#fff;padding-top: 45px;  padding-bottom: 60px;
align-items: flex-start; min-height: 240px;
}
.case-studies-tabs.wp-block-themeisle-blocks-tabs .wp-block-themeisle-blocks-tabs__header_item > *,
.wp-block-themeisle-blocks-tabs__footer_item > * {text-align: center;font-size:2.5rem;letter-spacing: 0.02em;font-weight: 500;text-transform: uppercase;}
.case-studies-tabs.wp-block-themeisle-blocks-tabs .wp-block-themeisle-blocks-tabs__header_item > div::before,
.wp-block-themeisle-blocks-tabs__footer_item > div::after {content:'';display: block;width:60px;height: 60px;position: relative;  left: calc(50% - 30px);margin-bottom: 20px;}
.case-studies-tabs.wp-block-themeisle-blocks-tabs .wp-block-themeisle-blocks-tabs__header_item:nth-child(1) > div::before,
.wp-block-themeisle-blocks-tabs__footer_item:nth-child(1) > div::after {content:'';background: url(//global-tipping-points.org/wp-content/themes/gtpreport25/images/tab-icons-amazon.png) bottom center no-repeat;background-size: 60px 120px;}
.case-studies-tabs.wp-block-themeisle-blocks-tabs .wp-block-themeisle-blocks-tabs__header_item:nth-child(2) > div::before,
.wp-block-themeisle-blocks-tabs__footer_item:nth-child(2) > div::after {content:'';background: url(//global-tipping-points.org/wp-content/themes/gtpreport25/images/tab-icons-amoc2.png) bottom center no-repeat;background-size: 60px 120px;}
.case-studies-tabs.wp-block-themeisle-blocks-tabs .wp-block-themeisle-blocks-tabs__header_item:nth-child(3) > div::before,
.wp-block-themeisle-blocks-tabs__footer_item:nth-child(3) > div::after {content:'';background: url(//global-tipping-points.org/wp-content/themes/gtpreport25/images/tab-icons-coral.png) bottom center no-repeat;background-size: 60px 120px;}
.case-studies-tabs.wp-block-themeisle-blocks-tabs .wp-block-themeisle-blocks-tabs__header_item:nth-child(4) > div::before,
.wp-block-themeisle-blocks-tabs__footer_item:nth-child(4) > div::after {content:'';background: url(//global-tipping-points.org/wp-content/themes/gtpreport25/images/tab-icons-glaciers.png) bottom center no-repeat;background-size: 60px 120px;}
.case-studies-tabs.wp-block-themeisle-blocks-tabs .wp-block-themeisle-blocks-tabs__header_item.active > div::before {background-position: top center;}
.case-studies-tabs.wp-block-themeisle-blocks-tabs .wp-block-themeisle-blocks-tabs__header_item.active {background-color: var(--color-light-gray);color:var(--color-dark-blue);}
.case-studies-tabs .wp-block-themeisle-blocks-tabs-item__content {padding:0!important;border:none!important;}
.case-studies-tabs.wp-block-themeisle-blocks-tabs:not(.has-pos-left) .wp-block-themeisle-blocks-tabs__header_item { word-break: break-word;}
.case-studies-tabs.wp-block-themeisle-blocks-tabs {margin-top: 0;  padding-top: 15px;}
@media only screen and (max-width:1240px) { 
.case-studies-tabs.wp-block-themeisle-blocks-tabs .wp-block-themeisle-blocks-tabs__header_item > * {min-height: 135px!important;}
}
@media only screen and (max-width:834px) { 
.case-studies-tabs.wp-block-themeisle-blocks-tabs .wp-block-themeisle-blocks-tabs__header_item > * {min-height: 115px!important;}
}  .panel-cs .wp-block-cover {height: 1100px; padding: 130px 0 100px 0}
.panel-cs h2 {margin: 0 5%; color: #FFF}
.panel-cs h2 span {font-weight: 100}
.panel-cs p.btn {margin-right: 5%}
.panel-cs2 h2 {margin: 0 auto;max-width: 1480px;padding:0 40px;}