/* -------------------------------------
		FONTS
------------------------------------- */

@font-face {
  font-family: 'Metronic Pro';
  src: url('../fonts/Metronic Pro Light.eot');
  src: url('../fonts/Metronic Pro Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Metronic Pro Light.woff') format('woff'),
      url('../fonts/Metronic Pro Light.ttf')  format('truetype'),
      url('../fonts/Metronic Pro Light.svg#421865350cc9d7d3e65170e7a1b160c7') format('svg');

  font-style:   normal;
  font-weight:  200;
}

@font-face {
  font-family: 'Metronic Pro';
  src:url('../fonts/Metronic Pro Light Italic.eot');
  src:url('../fonts/Metronic Pro Light Italic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Metronic Pro Light Italic.woff') format('woff'),
      url('../fonts/Metronic Pro Light Italic.ttf')  format('truetype'),
      url('../fonts/Metronic Pro Light Italic.svg#2d3cd912f2aac60bccf5153c5166ad45') format('svg');

  font-style:   italic;
  font-weight:  200;
}

@font-face {
  font-family: 'Metronic Pro';
  src:url('../fonts/Metronic Pro Regular.eot');
  src:url('../fonts/Metronic Pro Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Metronic Pro Regular.woff') format('woff'),
      url('../fonts/Metronic Pro Regular.ttf')  format('truetype'),
      url('../fonts/Metronic Pro Regular.svg#642753058bcd22f8996acaebf7d5f2ce') format('svg');

  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Metronic Pro';
  src:url('../fonts/Metronic Pro Regular Italic.eot');
  src:url('../fonts/Metronic Pro Regular Italic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Metronic Pro Regular Italic.woff') format('woff'),
      url('../fonts/Metronic Pro Regular Italic.ttf')  format('truetype'),
      url('../fonts/Metronic Pro Regular Italic.svg#240232d49a64fd203cebb6e16c7ff648') format('svg');

  font-style:   italic;
  font-weight:  400;
}


@font-face {
  font-family: 'Glober';
  src:url('../fonts/GloberRegular.eot'); /* IE9 Compat Modes */
  src:url('../fonts/GloberRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../fonts/GloberRegular.woff') format('woff'), /* Modern Browsers */
      url('../fonts/GloberRegular.ttf')  format('truetype'), /* Safari, Android, iOS */
      url('../fonts/GloberRegular.svg#1fd684ab40f37a5cb194fab3613adc14') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Glober';
  src:url('../fonts/GloberRegularItalic.eot'); /* IE9 Compat Modes */
  src:url('../fonts/GloberRegularItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../fonts/GloberRegularItalic.woff') format('woff'), /* Modern Browsers */
      url('../fonts/GloberRegularItalic.ttf')  format('truetype'), /* Safari, Android, iOS */
      url('../fonts/GloberRegularItalic.svg#52d1c09642c0d06ccf78b4fafb713a17') format('svg'); /* Legacy iOS */

  font-style:   italic;
  font-weight:  400;
}


@font-face {
  font-family: 'Glober';
  src:url('../fonts/GloberBoldItalic.eot'); /* IE9 Compat Modes */
  src:url('../fonts/GloberBoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../fonts/GloberBoldItalic.woff') format('woff'), /* Modern Browsers */
      url('../fonts/GloberBoldItalic.ttf')  format('truetype'), /* Safari, Android, iOS */
      url('../fonts/GloberBoldItalic.svg#806f497fca9861573b5835bc2752e00f') format('svg'); /* Legacy iOS */

  font-style:   italic;
  font-weight:  700;
}

@font-face {

  font-family: 'Glober';
  src:url('../fonts/GloberBold.eot'); /* IE9 Compat Modes */
  src:url('../fonts/GloberBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../fonts/GloberBold.woff') format('woff'), /* Modern Browsers */
      url('../fonts/GloberBold.ttf')  format('truetype'), /* Safari, Android, iOS */
      url('../fonts/GloberBold.svg#48da405192839f058a86d40bf8f46141') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  700;
}

/* -------------------------------------
		TYPOGRAPHY
------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	line-height: 140%;
	margin: 0px 0px 15px 0px;
	color: #000000;
	text-transform:uppercase;
}
h1 {
	font-family: "Metronic Pro",sans-serif;
	font-size: 4.6vw;
	font-weight: 100;
	line-height: 110%;
}
h2 {
	font-family: "Metronic Pro",sans-serif;
    font-size: 3vmin;
	font-weight: 100;
	line-height: 110%;
	margin-bottom:45px;
}
h3 {
	font-family: "Metronic Pro",sans-serif;
	font-size: 35px;
	font-weight: 100;
	line-height: 110%;
    margin-bottom: 2.5vh;
}
h4 {
	font-family: "Metronic Pro",sans-serif;
	font-size: 25px;
	font-weight: 100;
	line-height: 110%;
	margin-bottom:30px;
}
h5 {
	font-family: 'Glober';
	font-style:italic;
    font-size: 13px;
	font-weight: 400;
	margin-bottom:30px;
}
h6 {
	font-family: 'Glober';
	font-style:italic;
	font-size: 20px;
	font-weight: 400;
	margin-bottom:30px;
}
p, ul, ol, td {
	color: #000000;
	margin-top: 0px;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 16px;
	line-height: 150%;
	font-family: "Glober",sans-serif;
}
ul, ol {
	padding:0 0 0 20px;
}
ul li, ol li {
	margin: 0px 0px 10px 5px;
}
a, a:link, a:visited {
	text-decoration:underline;
	color:#00989a;
}
a:hover {
	text-decoration:none;
}
.logo {
	text-align: right;
	margin: 0;
    position: relative;
    top: 25%;
    transform: translateY(-40%);
}
.logo img.header-logo {
	width: 50px;
    height: inherit;
}
/* -------------------------------------
		SECTION ID STYLES
------------------------------------- */

/*  id-75 - intro */
section.id-75 h1 {
	color:#00989a;
}

/*  id-16 - our-collective-vision */
section.id-16 h1 {
	color:#d4e15b;
}
section.id-16 h3 {
	color:#000000;
    font-size: 6vmin;
}
section.id-16 h5 {
	color:#ffffff;
}

/*  id-103 - we-will-do-this-together-by */
section.id-103 h3 {
	color:#d4e15b;
}
section.id-103 ul li, section.id-103 p {
	color:#ffffff;
	font-size: 18px;
    margin-bottom: 15px;
}

section.id-103 img {
	padding:10vh 0vw;
}



/*  id-18 - foreword */
section.id-18 h2 {
	color:#00989a;
	font-size: 30px;
}
section.id-18 h6 {
	text-transform:none;
}

@media screen and (min-width: 768px) {
    section.id-18 img.alignleft {
        float: left;
        margin: 0 20px 30px 0;
    }

    section.id-18 img.alignright {
        float: right;
        margin: 0 0 30px 20px;
    }

    section.id-18 p.img {
        display:inline;
    }
}




/*  id-20 - understanding-our-community */
section.id-20 h2 {
	color:#000000;
}
section.id-20 h3 {
	color:#00989a;
	margin-top:150px;
}
section.id-20 h5 {
	text-transform: none;
}

/*  id-22 - listening-and-responding-to-our-community */
section.id-22 h2 {
	color:#000000;
	font-size: 30px;
}
section.id-22 h3 {
	color:#ffffff;
    margin-top: 150px;
}

/*  id-22 - listening-and-responding-to-our-community */
section.id-22 h2, section.id-472 h2 {
	color:#000000;
	font-size: 45px;
}

@media screen and (min-width: 965px) {
    section.id-22 h2, section.id-472 h2 {
        font-size: 30px;
    }
}

section.id-22 h3 {
	color:#ffffff;
}
section.id-22 h5 {
	color:#ffffff;
	text-transform:none;
}
section.id-22 h6 {
	color:#ffffff;
	text-transform:none;
}
section.id-22 ul li, section.id-22 p {
	color:#ffffff;
}

/*  id-24 - our-story-so-far */
section.id-24 h2 {
	font-size: 30px;
}
section.id-24 h3 {
    margin-top: 150px;
	color:#00989a;
}
section.id-24 h5 {
	text-transform:none;
}

/*  id-177 - what-we-do-on-a-typical-day */
section.id-177 h2 {
	color:#ffffff;
}
section.id-177 div.day {
	background: #004049;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
    vertical-align: top;
    margin: 0px 1% 1% 0;
}

@media screen and (min-width: 768px) {
    section.id-177 div.day {
        display:inline-block;
        width: 48%;
        height: 20vh;
    }
}

@media screen and (min-width: 965px) {
    section.id-177 div.day {
        width: 23%;
    }
}

.ie section.id-177 div.day {
    height: 260px;
}

section.id-177 div.day h3 {
	color:#d4e056;
	font-family: 'Glober';
	font-size: 50px;
    font-weight: 600;
    margin-bottom: 5px;
}
section.id-177 div.day p {
	font-family: 'Glober';
	font-style:italic;
	font-size: 19px;
	font-weight: 600;
	color:#ffffff;
	line-height: 130%;
}

/*  id-179 - what-we-have-achieved-to-date */
section.id-179 h3 {
	color:#00989a;
    margin-top: 150px;
}
section.id-179 h5 {
	text-transform:none;
}

/*  id-26 - strategic-aim-s */
section.id-26 h2 {
	font-size:60px;
}
section.id-26 h4 {
	color:#00989a;
    margin-top: 150px;
}

/*  id-184 - strategic-aim-2 */
section.id-184 h2 {
	font-size:60px;
}
section.id-184 h4 {
	color:#00989a;
    margin-top: 150px;
}

/*  id-186 - strategic-aim-3 */
section.id-186 h2 {
	font-size:60px;
}
section.id-186 h4 {
	color:#00989a;
    margin-top: 150px;
}

/*  id-188 - strategic-aim-4 */
section.id-188 h2 {
	font-size:60px;
}
section.id-188 h4 {
	color:#00989a;
    margin-top: 150px;
}

/*  id-190 - strategic-aim-5 */
section.id-190 h2 {
	font-size:60px;
}
section.id-190 h4 {
	color:#00989a;
    margin-top: 150px;
}
section.id-190 table.table10 td.text h3, section.id-190 table.table10 td.text p, section.id-190 table.table10 td.text ul li {
	color: #ffffff;
}

/*  id-28 - next-steps */
section.id-28 h2 {
	color:#ffffff;
	font-size: 30px;
}
section.id-28 p {
	color:#ffffff;
}

/*  id-30 - appendix */
section.id-30 h2 {
	font-size: 30px;
}
section.id-30 h3 {
	color:#00989a;
    margin-top: 150px;
}

/*  id-194 - outcomes-from-engagement */
section.id-194 h4 {
	font-size: 20px;
	font-weight:400;
}
section.id-194 p {
	color:#ffffff;
}



/* -------------------------------------
		TABLE STYLES
------------------------------------- */

table.table01 td {
	border: 1px solid #ffffff;
	padding: 20px;
	vertical-align:top;
}
table.table01 td.tabletitle {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 600;
}
table.table01 td.rowtitle {
	text-transform: uppercase;
	font-weight: 600;
}


table.table02 td {
	border: 1px solid #ffffff;
	padding: 20px;
	vertical-align:top;
}
table.table02 td.tabletitle  {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 600;
}


table.table03 td {
	border: 1px solid #ffffff;
	padding: 20px;
	vertical-align: top;
}
table.table03 td.tabletitle  {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 600;
}
table.table03 td span.uppercase {
	text-transform:uppercase;
	font-weight:600;
}


table.table04 td {
	border: 1px solid #ffffff;
	padding: 20px;
	vertical-align: top;
}
table.table04 td.tabletitle  {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 600;
}
table.table04 td span.uppercase {
	text-transform: uppercase;
	font-weight: 600;
}


table.table05 td {
	border: 1px solid #ffffff;
	padding: 20px;
	vertical-align: top;
}
table.table05 td.tabletitle  {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 600;
}
table.table05 td span.uppercase {
	text-transform: uppercase;
	font-weight: 600;
}


table.table06 td {
	border: 1px solid #ffffff;
	padding: 20px;
	vertical-align: top;
}
table.table06 td.tabletitle  {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 600;
}
table.table06 td span.uppercase {
	text-transform: uppercase;
	font-weight: 600;
}


table.table07 td {
	border: 1px solid #ffffff;
	padding: 20px;
	vertical-align: top;
}
table.table07 td.tabletitle  {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 600;
}
table.table07 td span.uppercase {
	text-transform: uppercase;
	font-weight: 600;
}


.title {
	float: left;
	width: 50%;
}
table.table08 td {
	vertical-align: top;
}
table.table08 td.what-we {
	padding: 20px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom: 10px;
}
table.table08 td.how-we {
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-bottom: 10px;
}


table.table09 td {
	vertical-align: top;
}
table.table09 td.icon {
	width: 23%;
    padding: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom: 10px;
}
table.table09 td.text {
	width:77%;
	padding: 40px 30px;
	color: #ffffff;
    font-family: 'Glober';
    font-style: italic;
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-bottom: 10px;
}


div.table09 {
	vertical-align: top;
	background:#006e6f;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 2.5vh;
	padding: 2.5vh 1.5vw;
	float: left;
	width: 100%;
	height: 12.7vh;
	overflow: hidden;
}
div.table09 .icon {
    margin-right: 30px;
    float: left;
    height: calc(12.7vh - 5vh);
    text-align: center;
}
div.table09 .icon img {
    width: 100%;
    max-height: calc(12.7vh - 5vh);
}

div.table09 .text {
	color: #ffffff;
	font-family: 'Glober';
	font-style: italic;
	font-size: 110%;
	font-weight: 400;
	position: relative;
}


table.table10 td {
	vertical-align: top;
}
table.table10 td.icon {
	width: 23%;
	padding: 25px;
	vertical-align: top;
}
table.table10 td.text {
	width: 77%;
	padding: 25px;
	color: #ffffff;
	vertical-align: top;
}


table.table11 td {
	vertical-align: top;
}
table.table11 td.icon {
	width: 23%;
	padding: 25px;
}
table.table11 td.text {
	width: 77%;
	padding: 25px;
}


table.aimstitle td {
	vertical-align:top;
}
table.aimstitle td.icon {
	padding:0 20px 0 0;
}