@charset "UTF-8";

/******************   FONTS & TYPES  *******************/
@import url('https://fonts.googleapis.com/css?family=Heebo:400,500,700');

html {
  scroll-behavior: smooth;
}

body {
  font: 400 16px 'Heebo', Arial, Sans-serif;
  line-height: 24px;
  background: #e5e5e5;
}
h1 {
  font: normal 34px 'Encode Sans Regular', 'Encode Sans', arial, sans-serif;
  color: #1d1813;
}
h1:after {
  display: none;
}
h2 {
  font: normal 30px 'Encode Sans Regular', 'Encode Sans', arial, sans-serif;
}
.Wrapper-HomePage h2.panel-title:after {
  display: none;
}
h3 {
  font: normal 26px 'Encode Sans Regular', 'Encode Sans', arial, sans-serif;
  color: #135477;
}
h4 {
  font: normal 22px 'Encode Sans Regular', 'Encode Sans', arial, sans-serif;
  color: #135477;
}
a {
  text-decoration: none;
  color: #007670;
}
a:hover {
  text-decoration: underline;
}
.SearchField label {
  color: #fff;
}
header {
  background-color: #fff;
}
.InternalHeaderArea {
  display: none;
}

/*******************   NAVIGATIONS   ********************/
.header-bottom-container {
  position: static;
  background-color: #3d3d3d;
}
.Wrapper-HomePage .header-bottom-container {
  position: absolute; width: 100%;
}
.mainNavigationArea .RadMenu .topNavigationMenuItem {
  display: none;
}
.mainNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup {
  display: block;
  margin: 0;
  padding: 0;
}
.mainNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > .rmLink {
  padding: 10px 0;
  color: #fff;
  font-size: 18px;
  font-family: 'Encode Sans Medium', 'Encode Sans', arial, sans-serif;
  position: relative;
  background-color: #3d3d3d;
}
.mainNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > a.rmExpanded,
.mainNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > a.rmSelected,
.mainNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > a.rmLink:hover {
  background-color: #3d3d3d;
  position: relative;
}
@media(min-width:768px) {
  .mainNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > a.rmExpanded:before,
  .mainNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > a.rmSelected:before,
  .mainNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem > a.rmLink:hover:before {
    border-top: 4px solid #00a79f;
    background-color: #3d3d3d;
    height: 20px;
    content: ' ';
    display: block;
    width: 100%;
    position: absolute;
    top: -20px;
    left: 0;
  }
}


/**** Dropdown - 2nd level ****/
.mainNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rmGroup {
  background-color: #3d3d3d;
}
.mainNavigationArea .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink, /* Column titles */
.mainNavigationArea .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover,
.mainNavigationArea .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
  font-weight: bold;
  color: #fff !important;
}
.mainNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rsmColumnWrap .rsmLevel1 { /* Column Block */
  border-top: 1px solid rgba(255,255,255,0.3);
}
.mainNavigationArea .rsmTwoLevels > .rsmItem > .rsmLink:hover:before { /* Left Arrow effect */
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  display: block;
  border-left: 10px solid #00a79f;
  position: absolute;
  left: -15px;
}
/* Display main navigation sub menus on 1 column only */
.RadMenu.RadMenu_GreatBarrierReef  .rsmColumn { width: 100% !important; display: block;}
@media (min-width: 768px) {
  .RadMenu.RadMenu_GreatBarrierReef .LargerWidth14,
  .RadMenu.RadMenu_GreatBarrierReef .LargerWidth18,
  .RadMenu.RadMenu_GreatBarrierReef .LargerWidth22 { max-width: 280px !important; }
}
.mainNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rsmColumnWrap .rsmLevel1 {
  border: none!important;
}

/**** Dropdown - 3rd level ****/
/* link hover */
.mainNavigationArea .RadMenu_GreatBarrierReef .rmSlide .rmLink:hover, .RadMenu_GreatBarrierReef .rmSlide .rsmLink:hover {
  color: #fff;
}

/* TOP Navigation */

/* Hide on mobile */
@media(max-width:992px) {
  .topNavigationArea .RadMenu {
    display: none!important;
  }
}
.topNavigationArea .RadMenu {
  margin-top: 15px;
  text-align: right;
  font-size: 12px;
  z-index: 3000 !important;
}
.topNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rmRootGroup > .rmItem {
  display: inline-block;
  margin: 0 5px;
  float: none;
}
.topNavigationArea .RadMenu a.rmRootLink:not(.topNavigationMenuItem) {
  display: none !important;
}
.topNavigationArea .RadMenu_GreatBarrierReef .rmSlide .rmLink,
.topNavigationArea .RadMenu_GreatBarrierReef .rmSlide .rsmLink,
.topNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rmDisabled > .rmLink,
.topNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rsmDisabled > .rsmLink,
.topNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rmDisabled > .rmLink:hover,
.topNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rmDisabled > .rmLink:active,
.topNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rsmDisabled > .rsmLink:hover,
.topNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rsmDisabled > .rsmLink:active,
.topNavigationArea .topNavigationMenuItem.rmLink {
  display: inline-block !important;
  background-color: #d3d3d3 !important;
  border-radius: 3px;
  color: #000 !important;
  border: none !important;
}
.topNavigationArea .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink,
.topNavigationArea .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover,
.topNavigationArea .RadMenu_GreatBarrierReef .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
  font-weight: bold;
}
.topNavigationArea a.topNavigationMenuItem .rmText {
  color: #000;
  position: relative;
  margin: 0 25px 0 10px;
  padding: 0;
  text-transform: none;
  font-size: 16px;
  font-family: 'Heebo';
}
.topNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rmText,
.topNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rmHorizontal .rmText,
.topNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rmSlide .rmText {
  padding: 5px;
}
.topNavigationArea a.topNavigationMenuItem span.rmText:before {
  content: '';
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  display: block;
  border-left: 5px solid #000;
  position: absolute;
  right: 0;
  margin: 10px -10px 0 0;
}
.topNavigationArea a.topNavigationMenuItem.rmExpanded span.rmText:before {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.topNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rmGroup {
  background-color: #d3d3d3;
}

/*******************************************/
/* Full content width, triple columns */
/*******************************************/
.topNavigationArea .RadMenu ul.rmHorizontal ,
.topNavigationArea .RadMenu .rmItem,
.topNavigationArea  .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem {
  position: static !important;
}
.topNavigationArea .RadMenu .rmSlide {
  width: 1000px;
  margin: 0 auto;
}
.topNavigationArea .RadMenu .rmSlide .rmGroup {
  width: 1000px !important;
  margin: 0 auto;
}
.topNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rsmColumn {
  width:100%!important;
}
.topNavigationArea .RadMenu .rsmTwoLevels .rsmItem {
  width: 330px;
  float: left;
}
.topNavigationArea .RadMenu .rsmTwoLevels .rsmItem:nth-of-type(3n+1) {
  clear:both;
}
.topNavigationArea  .MegaDropDownMenu {
  width: 1000px;
  margin: 0 auto 0 auto;
}



/* Donate button */
.topNavigationArea .topNavigationMenuItem.donateButton {
  background-color: #19a8a0 !important;
}
.topNavigationArea .topNavigationMenuItem.donateButton:hover {
  background-color: #179a93 !important;
}
.topNavigationArea .topNavigationMenuItem.donateButton .rmText {
  color: #fff;
  margin-right: 10px;
}
.topNavigationArea .topNavigationMenuItem.donateButton .rmText:before {
  display: none;
}



/* Auxiliary Navigation (Login, Search, EasyEdit) */
.header-top-container {
  position: static;
  height: 125px;
}
.header-container .nav-auxiliary .UtilityAuthentication a { color: #191919; }
.UtilityNavigation { float: right; }
#masterHeaderImage {
  background: url("images/PHAP-logo.svg") top left no-repeat;
  width: 400px;
  height: 110px;
}
@media (max-width: 767px) {
  #masterHeaderImage {
    width: 320px;
    background-size: 100% auto;
  }
  .navbar {
    background-color: #fff;
  }
}


.header-search .search-field,
.header-search .search-field:hover {
  width: 200px;
  background-color: #e9e9e9;
}
.navbar-collapse, .searchbar-collapse {
  background-color: transparent;
}


/* Internal Navigation */
.RadTreeView { white-space: normal!important}

.nav-secondary {
  font-family: 'Encode sAns Regular', 'Encode Sans', arial, sans-serif;
}
.nav-secondary .sub-nav-head {
  background-color: #72c6c2;
  color:#000;
  font-size: 16px;
}
.RadTreeView a.rtIn {
  display: block;
  padding: 3px 0 3px 20px;
  font-size: 12px;
}
.RadTreeView a.rtIn:hover {
  background: #fff;
  position: relative;
}
.RadTreeView .rtSp,
.RadTreeView .rtMinus {
  display: none !important;
}
.RadTreeView .rtTop,
.RadTreeView .rtMid,
.RadTreeView .rtBot {
  padding: 0 !important;
}
.RadTreeView ul.rtUL .rtLI {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
}
.RadTreeView ul.rtUL ul.rtUL .rtLI {
  text-transform: none;
  font-weight: normal;
}
.RadTreeView a.rtIn:hover:before { /* Left Arrow effect */
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  display: block;
  border-left: 10px solid #72c6c2;
  position: absolute;
  left: 0;
}




/**************  FOOTER ****************/
.footer-content, .footer-nav-copyright {
  background-color: #515151;
  color: #fff;
}
#ft:before {
  content: '';
  display: block;
  width: 100%;
  height: 8px;
  background: #00a79f; /* fallback */
  background: -moz-linear-gradient(left, #6e6e6e 0%, #6e6e6e 23%, #00a79f 23%, #00a79f 40%, #135477 40%, #135477 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #6e6e6e 0%,#6e6e6e 23%,#00a79f 23%,#00a79f 40%,#135477 40%,#135477 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #6e6e6e 0%,#6e6e6e 23%,#00a79f 23%,#00a79f 40%,#135477 40%,#135477 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e6e6e', endColorstr='#135477',GradientType=1 ); /* IE6-9 */
}
.footer-social {
  float: right;
  text-align: right;
}
.footer-promo-container {
  float: left;
  text-align: left;
}
.footer ul {
  margin: 0;
  padding: 0;
}
.footer li {
  display: inline-block;
  list-style: none;
  margin: 0 20px 10px 0;
}
.footer li a {
  color: #fff;
  text-decoration: none;
}
.SocialSprite.FacebookIcon {
  background: url('/images/PHAP_Design/PHAP_iconSprite.png') -50px 0 no-repeat !important;
  width: 40px;
  height: 40px;
}
.SocialSprite.TwitterIcon {
  background: url('/images/PHAP_Design/PHAP_iconSprite.png') 0 0 no-repeat !important;
  width: 40px;
  height: 40px;
}
.SocialSprite.GPlusIcon {
  background: url('/images/PHAP_Design/PHAP_iconSprite.png') -100px 0 no-repeat !important;
  width: 40px;
  height: 40px;
}
.SocialSprite.LinkedInIcon {
  background: url('/images/PHAP_Design/PHAP_iconSprite.png') -150px 0 no-repeat !important;
  width: 40px;
  height: 40px;
}


/******************   CAROUSEL  *******************/
.internalHeaderArea {
  display: none;
}
.headerSlideshowArea {
  min-height: 70px;
  clear: both;
}
.Wrapper-HomePage .headerSlideshowArea {
  position: relative;
  min-height: 300px;
}
.headerSlideshowArea:before {
  content: '';
  display: block;
  width: 100%;
  height: 8px;
  background: #00a79f; /* fallback */
  background: -moz-linear-gradient(left, #6e6e6e 0%, #6e6e6e 23%, #00a79f 23%, #00a79f 40%, #135477 40%, #135477 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #6e6e6e 0%,#6e6e6e 23%,#00a79f 23%,#00a79f 40%,#135477 40%,#135477 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #6e6e6e 0%,#6e6e6e 23%,#00a79f 23%,#00a79f 40%,#135477 40%,#135477 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e6e6e', endColorstr='#135477',GradientType=1 ); /* IE6-9 */
}
@media(min-width:768px) {
  .carousel-caption {
    right: auto !important;
    left: 15% !important;
    text-align: left !important;
    bottom: 150px;
  }
}
.carousel-caption a {
  color: #fff;
  text-decoration: none;
  font: normal 17px 'Encode Sans Regular', 'Encode Sans', Arial, sans-serif;
}


/******************   BUTTONS AND LINKS  *******************/

html:not(.t-safari) .SaveAndClose,
html:not(.t-safari) .SaveAs,
html:not(.t-safari) .UsePrimaryButton .TextButton,
html:not(.t-safari) .UsePrimaryButton .TextButtonWithImage,
html:not(.t-safari) #masterHeaderActionArea a,
html:not(.t-safari) .RadGrid input.PrimaryButton,
html:not(.t-safari) .Spotlight .TextButton, html:not(.t-safari) a.TextButton,
html:not(.t-safari) .BigButtonPanelArea2 .btn,
html:not(.t-safari) .RadUpload .ruButton,
html:not(.t-safari) .ruButton,
html:not(.t-safari) .ruFileInput,
.SaveAndClose,
.SaveAs, .UsePrimaryButton .TextButton, a.TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a, .RadGrid input.PrimaryButton,
.Spotlight .TextButton, .BigButtonPanelArea2 .btn,
.RadUpload .ruButton, .ruButton, .ruFileInput {
  background: #135477 !important;
  color: #fff !important;
  border-radius: 5px;
  font-size: 18px;
}
html:not(.t-safari) .PrimaryButton, .PrimaryButton {
  background: #000 !important;
  color: #fff!important;
  border-radius: 5px;
}
.Wrapper-HomePage .FullWidthArea-StyleBg3 .TextButton {
  background: #000000;
}
.Wrapper-HomePage .FullWidthArea-StyleBg4 .TextButton,
.Wrapper-HomePage .FullWidthArea-StyleBg6 .TextButton {
  background-color: #3ed1cc;
  color: #000;
}


/******************   HOMEPAGE FULL WIDTH AREAS  *******************/
.Wrapper-HomePage .FullWidthArea-StyleBg1,
.Wrapper-HomePage .FullWidthArea-StyleBg2,
.Wrapper-HomePage .FullWidthArea-StyleBg3,
.Wrapper-HomePage .FullWidthArea-StyleBg4,
.Wrapper-HomePage .FullWidthArea-StyleBg5,
.Wrapper-HomePage .FullWidthArea-StyleBg6 {
  margin: 0 0 0 0;
  clip-path: none
}
.Wrapper-HomePage .FullWidthArea-StyleBg1 {
  background-color: #e5e5e5;
  min-height: 200px;
  padding: 20px 0 50px 0;
}
.FullWidthArea-StyleBg1 .col-sm-4 {
  margin-bottom: 20px;
}
.Wrapper-HomePage .FullWidthArea-StyleBg1 .homeAnchorLink a {
  text-decoration: none;
  color: #135477;
  padding: 50px 0 0 0;
  background-color: #fff;
  display: block;
  text-align: center;
  margin: -30px 0 0 0;
  min-height: 125px;
  position: relative;
}
.Wrapper-HomePage .FullWidthArea-StyleBg1 .homeAnchorLink a:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -35px;
  width: 25px;
  height: 25px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-bottom: solid 25px transparent;
  border-top: solid 25px transparent;
  border-left: solid 25px #fff;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.Wrapper-HomePage .FullWidthArea-StyleBg1 .homeAnchorLink strong {
  font-size: 18px;
}
.Wrapper-HomePage .FullWidthArea-StyleBg1 .homeAnchorLink img {
  display: block;
  margin: -85px auto -15px auto;
  position: relative;
}
.Wrapper-HomePage .FullWidthArea-StyleBg1 .homeAnchorLink:before {
  content: ' ';
  display: block;
  width: 80px;
  height: 80px;
  padding: 15px;
  border-radius: 50%;
  margin: 0 auto 0 auto;
  background-color: #fff;
}
.Wrapper-HomePage .FullWidthArea-StyleBg1 .homeAnchorLink:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -10px;
  width: 10px;
  height: 10px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  border-bottom: solid 15px transparent;
  border-top: solid 15px transparent;
  border-left: solid 15px #135477;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}


/* Homepage News Area */
.Wrapper-HomePage .FullWidthArea-StyleBg2 {
  background-color: #fff;
  background-image: none;
  color: #000;
}
.Wrapper-HomePage .FullWidthArea-StyleBg2 h2 {
  color: #1d1813;
  background: none;
  text-align: left;
}
.Wrapper-HomePage .FullWidthArea-StyleBg2 h2:before {
  display: none;
}
.Wrapper-HomePage .FullWidthArea-StyleBg2 h3 {
  margin: 0 0 10px 0;
  font-size: 20px;
  color: #135477;
}
.FeaturedNewsStory img {
  margin: 0 2%;
  width:100%;
}
.FeaturedNewsStory .FeaturedNewsStoryDesc:after {
  content: '...';
  display: inline-block;
}
.NewsBlockItem {
  background-color: #f2f2f2;
  padding: 0 2%;
  margin: 0 0 10px 0;
}
.NewsBlockItem:hover {
  background-color: #f5f5f5;
}
.NewsBlockItem a {
  color: #3c3c3c;
  text-decoration: none;
  font-size: 16px;
}
.NewsBlockItem em {
  font-size: 15px;
}

/* Events */
.Wrapper-HomePage .FullWidthArea-StyleBg3 {
  border-top: 10px solid #176691;
  background: #176691 url('/images/PHAP_Design/fullWidth_background1.gif') top center no-repeat;
  background-size: auto 100%;
  color: #fff;
}
@media(min-width:992px) {
  .Wrapper-HomePage .FullWidthArea-StyleBg3 {
    background-size: 100% auto;
  }
}
.Wrapper-HomePage .FullWidthArea-StyleBg3 h2 {
  color: #fff !important;
}
.Wrapper-HomePage .FullWidthArea-StyleBg3 a.TextButton {
  background: #000 !important;
}
.UpcomingEventsHome .RadGrid.RadGrid_MetroTouch .rgMasterTable thead {
  display: none!important;
}
.UpcomingEventsHome  .RadGrid_MetroTouch .rgAltRow {
  background: transparent;
}
.UpcomingEventsHome .RadGrid_MetroTouch,
.UpcomingEventsHome .RadGrid .rgNoRecords TD {
  border: none;
  color: #fff;
}
.UpcomingEventsHome .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child,
.UpcomingEventsHome .RadGrid.RadGrid_MetroTouch .rgRow td:first-child {
  border-top: 1px solid #ffffff !important;
}
.UpcomingEventsHome .RadGrid.RadGrid_MetroTouch .rgRow td,
.UpcomingEventsHome .RadGrid.RadGrid_MetroTouch .rgAltRow td {
  padding: 0 0 20px 0;
  border-collapse: collapse;
  margin: 0;
}
.UpcomingEventsHome .eventDay {
  text-transform: uppercase;
  background-color: #fff;
  color: #0a2e41;
  border-top: 1px solid #ffffff!important;
}
.UpcomingEventsHome .eventYear {
  background-color: #0a2e41;
  color: #fff;
  border-bottom-left-radius: 3px 3px;
  border-bottom-right-radius: 3px 3px;
}
.UpcomingEventsHome .eventDay,
.UpcomingEventsHome .eventYear {
  max-width: 70px;
  font-size: 15px;
  padding: 2px 5px;
  display: block;
  text-align: center;
}
.UpcomingEventsHome .RadGrid_MetroTouch,
.UpcomingEventsHome .RadGrid.RadGrid_MetroTouch .rgMasterTable,
.UpcomingEventsHome .RadGrid.RadGrid_Metro .rgMasterTable {
  background: transparent;
}


/* Resources */
.Wrapper-HomePage .FullWidthArea-StyleBg4 {
  border-top: 10px solid #7da4a1;
  background: #00736d url('/images/PHAP_Design/fullWidth_background2.jpg') top center no-repeat;
  min-height: 200px;
  background-size: auto 100%;
  text-align: center;
  font: 400 16px 'Heebo', arial, sans-serif;
}
@media(min-width:992px) {
  .Wrapper-HomePage .FullWidthArea-StyleBg4 {
    background-size: 100% auto;
  }
}
.Wrapper-HomePage .FullWidthArea-StyleBg4 h2,
.Wrapper-HomePage .FullWidthArea-StyleBg4 h3,
.Wrapper-HomePage .FullWidthArea-StyleBg4 a {
  color: #fff;
}
.Wrapper-HomePage .FullWidthArea-StyleBg4 h3 {
  font-size: 20px;
}
.Wrapper-HomePage .FullWidthArea-StyleBg4 em {
  font-size: 15px;
  display: inline;
  font-style: normal;
}
.Wrapper-HomePage .FullWidthArea-StyleBg4 .ResourcesSearchCategory {
  background-color: rgba(255, 255, 255, 0.3);
  min-height: 100px;
  padding: 10px 5%;
  margin: 10px 0 20px 0;
}
.Wrapper-HomePage .FullWidthArea-StyleBg4 .ResourcesSearchCategory a.TextButton {
  background: #000 url('/images/PHAP_Design/PHAP_iconSprite.png') 11px -41px no-repeat !important;
  color: #fff !important;
  padding-left: 45px !important;
  margin-top: 15px;
}
.Wrapper-HomePage .FullWidthArea-StyleBg4 a.TextButton {
  background: #3ed1cc !important;
  color: #000 !important;
}
@media(min-width:768px) {
  .HomeResourceBlogs .panel-body > div {
    width: 50%;
    float: left;
  }
}
.CommunityEntryItem {
  position: relative;
  padding-top: 0;
  text-align: left;
}
.CommunityParentLink {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
  border-radius: 3px;
  background-color: #00a79f;
  color: #000;
  font-size: 14px;
}
.CommunityItemTitle {
  border-top: 1px solid #00a79f;
  padding-top: 35px;
  display: block;
  margin-top: 15px;
  width: 95%;
}
.HomeResourceBlogs:after {
  display: block;
  content: ' ';
  clear: both;
}
.HomeResourceBlogs hr,
.CommunityItemBody,
.CommunityItemActionLinks,
.HomeResourceBlogs h2.panel-title,
.CommunityProfilePicture,
.CommunityDateLine {
  display: none;
}
/* Focus Issues */
.Wrapper-HomePage .FullWidthArea-StyleBg5 {
  background-color: #e8e8e8;
  border-bottom: 10px solid #c2c3c4;
}
.Wrapper-HomePage .FullWidthArea-StyleBg5 img {
  border: 6px solid #fff;
}
.Wrapper-HomePage .FullWidthArea-StyleBg5 h3 {
  margin: 0;
  font-size: 20px;
}
.Wrapper-HomePage .FullWidthArea-StyleBg5 h2 {
  color: #303030;
}
.Wrapper-HomePage .FullWidthArea-StyleBg5 h3 a {
  color: #135477;
}

/* Community */
.Wrapper-HomePage .FullWidthArea-StyleBg6 {
  background: #2b2b2b url('/images/PHAP_Design/fullWidth_background3.jpg') top center no-repeat;
  background-size: auto 100%;
  color: #fff;
}
@media(min-width:992px) {
  .Wrapper-HomePage .FullWidthArea-StyleBg6 {
    background-size: 100% auto;
  }
}
.Wrapper-HomePage .FullWidthArea-StyleBg6 .TextButton {
  background-color: #3ed1cc !important;
  color: #000 !important;
  float: right;
}
.Wrapper-HomePage .FullWidthArea-StyleBg6 h2 {
  margin-top: 30px;
  color: #fff;
}
.Wrapper-HomePage .FullWidthArea-StyleBg6 h3 {
  font-size: 28px;
  color: #fff;
}
.Wrapper-HomePage .FullWidthArea-StyleBg6 li {
  list-style: none;
  margin: 10px 0;
  padding: 0 0 0 30px;
  background: url('/images/PHAP_Design/PHAP_iconSprite.png') -50px -100px no-repeat;
}
.Wrapper-HomePage .OnBehalfOfContainer {
  background-color: #e5e5e5;
}
.Wrapper-HomePage #masterContentArea {
  margin-top: 0;
  }
.testimonial {
  margin-bottom: 150px;
  position: relative;
}
.testimonial blockquote {
  background: #bac2c1;
  font: italic 20px 'Heebo', Arial, Sans-Serif;
  border-radius: 3px;
  padding: 15px;
  margin-bottom: 50px;
}
.testimonial blockquote:after {
  content: ' ';
  display: block;
  width: 100px;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 50px solid #bac2c1;
  position: absolute;
  left: 50%;
  right: 50%;
  transform: skewX(55deg);
  -ms-transform: skewX(55deg);
  -webkit-transform: skewX(55deg);
}
.testimonial img {
  border: 5px solid #ffffff;
  width: 140px;
  height: 140px;
  position: absolute;
  bottom: 0;
  right: 20px;
}

/* Display copyright on top of images */
.imageCopyrightSmall {
  position: relative;
  width: 50%;
}
.imageCopyrightLarge {
  position: relative;
  width: 100%;
}
.imageCopyrightSmall img,
.imageCopyrightLarge img {
  width: 100%;
}

.imageCopyrightSmall p,
.imageCopyrightLarge p {
  position: absolute;
  bottom: 0;
  padding: 0 5px;
  left: 0;
  margin: 0;
  background-color: rgba(255,255,255,0.5);
  font-size: 10px;
}

/* Promotional banners (internal pages) */
.promoBanner1, .promoBanner2,.WebinarSideBanner{
  text-align: center;
  font-size: 14px;
  color: #fff;
  overflow: hidden;
  padding: 10px 5px;
  width: 214px;
}
.promoBanner1 {
  background: url('/images/PHAP_Design/promoBannerBackground1.gif') no-repeat;
  height: 253px;
}
.promoBanner1 h5 {
  color: #3ed1cc;
  font-size: 17px;
}

.WebinarSideBanner h5 {
  font-size: 17px;
  color: black;
}

.promoBanner1 a {
  background: #3ed1cc !important;
  color: #000 !important;
  display: inline-block;
  border-radius: 3px;
  padding:5px 10px;
}
.WebinarSideBanner .button {
  position: relative;
  margin-top: 5px;
  margin-bottom: 10px;
  background: #3ed1cc !important;
  color: #000 !important;
  display: inline-block;
  border-radius: 3px;
  padding:5px 10px;
}
.promoBanner1 strong, .promoBanner2 strong {
  font-size: 12px;
}

.promoBanner2 {
  background: url('/images/PHAP_Design/promoBannerBackground2.gif') no-repeat;
  height: 266px;
}
.promoBanner2 h5 {
  color: #fff;
  font-size: 18px;
}
.promoBanner2 a {
  background: #262626;
  color: #fff;
  display: inline-block;
  border-radius: 3px;
  padding: 5px 10px;
}



















/******************   MF EDITS  *******************/

/* Page headings */

h1 .PreTitle {
  display: block;
  font-size: 26px;
}
h1 .MainTitle {
  font-weight: bold;
}
h1 .SubTitle {

}

/* Centered download links with clickable image */
.CenteredImageLink {
  text-align: center;
}
.CenteredImageLink img {
  max-height: 350px;
  max-width: 350px;
}

/* Social share section */
/* For 25% social share boxes */
.col-sm-3 .SocialShare .panel-body {
  border: 1px solid black;
  padding: 0 5px 10px 15px;
  /*! background-color: lightgray; */
  box-shadow: 2px 3px gray;
}
.col-sm-3 .SocialShare .PanelFieldLabel {
  font-size: 15px;
  margin-bottom: -7px;
  font-weight: bold;
}

/* Banner images with credit */
.imageCopyrightLarge.imageBanner img {
  max-height: 200px;
  object-fit: cover;
}
.imageCopyrightLarge.imageBanner {
  margin: 10px 0;
}


/* General SurveyGizmo embedded form styling */
.sg-header {
  display: none;
}
.sg-question-number {
  display: none;
}
.sg-progress-bar {
  display: none;
}
.sg-required-icon {
  display: none;
}
.sg-question-title label {
  font-weight: normal;
}
#sg_SubmitButton {
  background-color: #FFEF00 !important;
  color: #666666 !important;
  font-size: 26px;
  min-width: 150px
}
.sg-survey h2 {
  padding-left: 40px !important;
  background-repeat: no-repeat;
  background-size: 35px;
  min-height: 35px;
  font: normal 30px 'Encode Sans Regular', 'Encode Sans', arial, sans-serif !important;
  color: #888 !important;;
}
#sg-skipnav-target {
  padding: 0;
}
.sg-type-instruction.sg-question {
  margin: 0;
}
.sg-type-instruction.sg-question .sg-instructions {
  margin: 0;
}
.sg-survey .sg-question {
  border: none;
}
/* have sg custom groups on same line */
.sg-type-group .sg-group .sg-row-break {
  clear: unset;
}
.ui-widget.ui-autocomplete {
  background-color: white;
}

/* ===========HOME PAGE============ */
/* News listing */
/* Hide first entry in news list to not duplicate highlighed news story */
#ctl01_TemplateBody_WebPartManager1_gwpciTaggedListNewsLatest_ciTaggedListNewsLatest_ListTitle_Body .TaggedListPanel div:first-child {
  display:none;
}
/* Remove border from last entry in news list */
#ctl01_TemplateBody_WebPartManager1_gwpciTaggedListNewsLatest_ciTaggedListNewsLatest_ListTitle_Body .TaggedListPanel div:nth-last-child(2) {
  border: none;
}
/* Hide next button for highlight news item */
#ctl01_TemplateBody_WebPartManager1_gwpciTaggedListNewsHighlight_ciTaggedListNewsHighlight_TaggedListRepeater_ctl01_NextButton {
  display: none;
}
/* Remove border from bottom of highlight news item */
#ctl01_TemplateBody_WebPartManager1_gwpciTaggedListNewsHighlight_ciTaggedListNewsHighlight_ListTitle_Body .BlockTLItem {
  border: none;
}
/* Hide Issues section */
.Wrapper-HomePage .FullWidthArea-StyleBg5 {
  display: none;
}
/* Hide Emergencies and Issues resources */
.Wrapper-HomePage #WebPartZone11_Page1,
.Wrapper-HomePage #WebPartZone13_Page1 {
  display: none;
}

/* Temporary content listing on front page */

.Wrapper-HomePage .BlockTLItem table tr td:first-child {
  width: 30%;
  padding: 0 5px;
  text-align: center;
}
.Wrapper-HomePage .BlockTLItem table tr td:nth-child(2) {
  width: 70%;
  padding: 0 5px;
  text-align: left;
}
.Wrapper-HomePage .BlockTLItem .thumbIMG {
  max-height:100px!important;
  min-height: 50px;
  padding: 0;
  border-radius: 50%;
  float: unset;
  display: block;
  margin: 0 auto;
}
.Wrapper-HomePage #ste_container_ciTaggedPhapContent .PublicationTitle {
  font-size: 22px;
}
.Wrapper-HomePage #ste_container_ciTaggedPhapContent .PublishDate {
  font-size: 16px;
  color: gray;
  white-space: nowrap;
}
.Wrapper-HomePage #ste_container_ciTaggedPhapContent .AuthorName {
  font-size: 20px;
}
.Wrapper-HomePage #ste_container_ciTaggedPhapContent .SummaryDescription {
  display: none;
}
/* hide emergencies and issues menus */
#ctl01_ciNewPrimaryNavigationCommon_NavControl_NavMenu .rmLink.rmRootLink.topNavigationMenuItem.donateButton {
  display: none !important;
}


/* Reduce height of front page banner */
.Wrapper-HomePage .HomePageFullWidthArea .carousel-inner .item {
  height: 30em !important;
}
.contentPage {
}
.Box {
}
#Resources {
}

/* News stories */
.newsstory-wrapper .MainImage {
  object-fit: cover;
  max-height: 250px;
  width: 100%;
  margin-bottom: 15px
}
.newsstory-wrapper h4 {
  margin-bottom: 20px;
}

/* CONTENT PAGES BOX HEADER IMAGES */
.Box h2, .ContentPage h2 {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-size: 35px;
  min-height: 35px;
}
#Resources.Box h2 {
  background-image: url("images/PHAP-content-resources.svg");
}
#AdvancedResources.Box h2 {
  background-image: url("images/PHAP-content-specialized-resources.svg");
}
#InformationResources.Box h2 {
  background-image: url("images/PHAP-content-information-resources.svg");
}
#LearningResources.Box h2,
#ste_container_ciUpcomingPHAPCourses h2 {
  background-image: url("images/PHAP-content-learning-resources.svg");
}
#OrganizationalResources.Box h2 {
  background-image: url("images/PHAP-content-organizational-resources.svg");
}
#ToolkitResources.Box h2 {
  background-image: url("images/PHAP-content-toolkit-resources.svg");
}
#PHAPCP.Box h2 {
  background-image: url("images/PHAP-content-CP.svg");
}
#Actors.Box h2 {
  background-image: url("images/PHAP-content-actors.svg");
}
#RSS-feed.Box h2 {
  background-image: url("images/PHAP-content-feed.svg");
}
#AID.Box h2 {
  background-image: url("images/PHAP-content-AIDbw.svg");
}
#Crosscutting.Box h2 {
  background-image: url("images/PHAP-content-crosscutting.svg");
}
#Twitter-feed.Box h2 {
  background-image: url("images/PHAP-content-twitter.svg");
}
#Contributors.Box h2 {
  background-image: url("images/PHAP-content-contributors.svg");
}
#VideoBox.Box h2 {
  background-image: url("images/PHAP-content-video.svg");
}
#ExternalBlogs.Box h2 {
  background-image: url("images/PHAP-content-blog.svg");
}
#ste_container_ciTaggedPhapContent h2 {
  background-image: url("images/PHAP-content-contributions.svg");
}
#FeedbackForm h2 {
  background-image: url("images/PHAP-content-alert.svg");
}


/* CONTENT PAGES BOX STYLING */
#Resources.Box ul,
#AdvancedResources.Box ul,
#InformationResources.Box ul,
#LearningResources.Box ul,
#OrganizationalResources.Box ul,
#ToolkitResources.Box ul,
#Actors.Box ul,
#AID.Box li,
#Crosscutting.Box li,
#PHAPCP.Box li,
#ExternalBlogs.Box li {
  margin-bottom: 0;
  margin-left: -30px;
  list-style-type: square;
}
#Resources.Box li a,
#AdvancedResources.Box li a,
#InformationResources.Box li a,
#LearningResources.Box li a,
#OrganizationalResources.Box li a,
#ToolkitResources.Box li a,
#Actors.Box li a,
#AID.Box li a,
#Crosscutting.Box li a,
#PHAPCP.Box li a,
#ExternalBlogs.Box li a {
  font-weight: bold;
}
#Resources.Box p,
#AdvancedResources.Box p,
#InformationResources.Box p,
#LearningResources.Box p,
#OrganizationalResources.Box p,
#ToolkitResources.Box p,
#Actors.Box p,
#ExternalBlogs.Box p,
#Crosscutting.Box p {
  font-style:italic;
  font-size:80%;
  margin-left:10px;
}
#PHAPCP img {
  max-width: 100px;
}
#PHAPCP tr:first-child td {
  text-align: center;
}
#PHAPCP p {
  font-size: 12px;
}
#titleImage {
  object-fit: cover;
  max-height: unset;
}
.AID-1pg p, .AID-1pg ul {
  text-align: center;
}
.AID-2pg td {
  width: 50%;
  padding: 3px;
}
.AID-3pg td {
  width: 33%;
  padding: 3px;
}


/* Custom tagged list thumbnails - NOTE: Currently styled only for author pictures*/
.BlockTLItem .thumbTag span {
  display:none;
}
.BlockTLItem .thumbIMG {
  float:left;
  display:block;
  max-height:50px!important;
  padding-left: 10px;
  padding-right:7px;
  border-radius: 50%;
}
#ste_container_ciTaggedPhapContent .PublishDate {
  font-size: 12px;
  color: black;
  white-space: nowrap;
}
#ste_container_ciTaggedPhapContent .AuthorName {
  font-size: 13px;
  display: block;
  text-align: center;
}
#ste_container_ciTaggedPhapContent .SummaryDescription {
  font-size: 13px;
}

/*Latest content page*/
.Wrapper-ContentListPage .BlockTLItem td:first-child {
  width: 80px;
}

/* Reduce spacing between thematic quick menu items */
.RadMenu.RadMenu_GreatBarrierReef .rsmItem {
  padding-top: 0;
}
.topNavigationArea .RadMenu.RadMenu_GreatBarrierReef .rsmTwoLevels .rsmItem .rsmItem {
  font-size:11px;
}

/* SIGNIN PAGE */
.TextButton.Facebook,
.TextButton.LinkedIn {
  border: none;
}



/* Styling for event listing on homepage */
.eventDescription a {
  font-size: 24px;
  color: white !important;
  font-weight: bold;
  text-decoration: unset;
}
.eventDescription a:visited {
  color: white !important;
}
.eventDescription a:hover {
  color: gray !important;
}
/* Styling for PDP event listing (using content pages and a tagged list) */
.eventList {
  margin-bottom: 10px;
}
.eventList .eventListLeft {
  vertical-align: top;
  border-top: 1px solid white;
  padding-top: 15px;
  padding-right: 10px;
}
.eventList .eventListRight {
  vertical-align: top;
}
.eventList .eventListRight .eventDay,
.eventList .eventListRight .eventYear{
  min-width:80px
}

/* Special styling for event listing on thematic pages (with image) */
.ContentPage .eventList .eventListImage img,
.CalendarPage .eventList .eventListImage img {
  max-width: 100px;
  object-fit: cover;
  margin-right: 10px;
}
.ContentPage .eventList .Dates,
.CalendarPage .eventList .Dates {
  font-weight: bold;
}
.ContentPage .eventList .eventDescription a,
.CalendarPage .eventList .eventDescription a {
  font-size: 18px;
  font-weight: unset;
  color: teal !important;
}
.ContentPage .eventList .eventListLeft,
.CalendarPage .eventList .eventListLeft{
  border-top: 1px solid lightgray;
}



/* PDP event pages */
.EventSection.MainImage img {
  object-fit: cover;
  max-height: 175px;
  width: 100%;
}
.EventSection.DeadlineAlert {
  background-color: pink;
  padding: 5px;
  text-align: center;
}
.EventSection.BasicEventInfo,
.EventSection.Testimonials {
  background-color: teal;
  color: white;
  padding: 5px;
}
.EventSection.BasicEventInfo .Label,
.EventSection.Testimonials .Label {
  color: lightgray;
  display: block;
}
.EventSection.BasicEventInfo .Value,
.EventSection.Testimonials .Value {
  display: block;
  margin-left: 10px;
}
.EventSection.BasicEventInfo a,
.EventSection.Testimonials a {
  color: white;
  text-decoration: underline;
}
.EventSection.LinkedCoursesInLocation {
  border: 1px solid black;
  padding: 5px;
}
.EventSection .Button,
.ContentPage .Button {
  margin: 0 auto;
  width: 90%;
  max-width: 250px;
  text-align: center;
  background: #555555;
  border: 5px solid teal;
  font-size: 24px;
  padding: 10px;
  box-shadow: 2px 3px grey;
  color: white;
}
.EventSection .Button a:visited,
.ContentPage .Button a:visited {
  color: white;
}
.EventSection .Button:hover,
.ContentPage .Button:hover {
  background: #666666;
}
.EventSection a:hover,
.ContentPage a:hover {
  text-decoration: unset;
}
.EventSection.Brochure,
.EventSection.Agenda {
  text-align: center;
}
.EventSection.Brochure img,
.EventSection.Agenda img {
  max-width: 250px;
}
.EventSection.Venue img {
  object-fit: cover;
  width: 100%
}
.EventSection.Venue .Address {
  background-color: teal;
  color: white;
  padding: 5px
}
.EventSection.Venue .Address a {
  color: white;
  text-decoration: underline;
}
.EventSection.Fees td {
  border-bottom: 3px double black;
  padding: 5px;
}
.EventSection.Fees table {
  margin-bottom: 10px;
}



/* Speaker section */
.EventSection.Speakers {
}
.EventSection.Speakers h3 {
  clear: left;
  padding: 5px 10px 0 10px;
}
.EventSection.Speakers .SpeakerDiv {
  clear: left;
  margin: 0 10px 5px 10px;
  overflow: auto;
}
.EventSection.Speakers img {
  max-width: 125px;
  float: left;
  margin: 0 10px 10px 0;
  box-shadow: 3px 4px gray;

}
.EventSection.Speakers .SpeakerName {
  display: block;
  font-weight: bold;
  font-size: 18px;
}
.EventSection.Speakers .SpeakerTitle {
  font-style: italic;
  font-size: 16px;
}


/*Event page Credentialing Program box */
.EventSection.CredentialingProgram  {
  background-color: lightgray;
  padding: 0 10px 0px 10px;
}
.EventSection.CredentialingProgram h3 {
  padding-top: 5px;
}
.EventSection.CredentialingProgram p:last-child {
  padding-bottom: 10px;
}
.EventSection.CredentialingProgram img {
  max-width: 70px;
  float: left;
  margin: 0 10px 5px 0;
}

.EventSection.EventTime table {
    background-color: lightgray;
}
.EventSection.EventTime td {
  padding: 2px 0;
}
.EventSection.EventTime td:first-child {
  width: 100px;
  text-align: right;
  font-style: italic;
}
.EventSection.EventTime td:last-child {
  width: 150px;
  padding: 0 10px;
}
.EventSection.EventTime table tr {
  border-bottom: yellow solid 3px;
}
.EventSection.EventTime table tr:first-child {
  border-top: yellow solid 3px;
}


/* Event page misc text boxes */
.EventSection.RecommendResources,
.EventSection.MiscTextBox,
.EventSection.TargetAudience,
.EventSection.HowToApply,
.EventSection.Fees {
  background-color: lightgray;
  padding: 0 10px 5px 10px;
}
.EventSection.RecommendResources h3,
.EventSection.MiscTextBox h3,
.EventSection.TargetAudience h3,
.EventSection.HowToApply h3,
.EventSection.Fees h3 {
  padding-top: 5px;
}


/* Webinar registration section customizations */
.webinar-container .PrimaryButton {
  font-size: 26px !IMPORTANT;
}

.webinar-container .PricingData th:nth-child(2),
.webinar-container .PricingData td:nth-child(2) {
  display: none;
}

.webinar-container [id*="EventProgramDisplay_CaptionHeader"].TitleBarCaption {
  display: none;
}

.webinar-container .WhenColumn {
  display: none;
}
.webinar-container .EventQuestions .PanelField {
  background-color: lightgrey;
  margin-bottom: 15px;
  padding: 10px 10px 0 10px;
}
.webinar-container .PanelFieldLabel .Label {
  font-weight: normal;
}
[id*="RegistrantInfoLabel"],
[id*="RegistrantInfoEditImage"] {
  display: none;
}
.IconSprite.AddIcon {
  zoom:1.5;
  -moz-transform:scale(1.5);
  -moz-transform-origin: 0 0;
  position: relative;
  left: -10px;
  top: -10px;
}
[id*="AddGuestLabel"] {
  font-size: 24px;
}
[id*="WebinarRegistration"] .EventDisplay .EventSummary,
[id*="WebinarRegistration"] .PanelHead {
  display: none;
}
[id*="WebinarRegistration"] [id*="WhenDiv"] {
  display: none;
}
#ctl00_TemplateBody_ContactAccountCreator_DivMiddleName,
#ctl00_TemplateBody_ContactAccountCreator_DivSuffix,
#ctl00_TemplateBody_ContactAccountCreator_DivDesignation,
#ctl00_TemplateBody_ContactAccountCreator_DivInformalName,
#ctl00_TemplateBody_ContactAccountCreator_PostalCodeLookup_PostalCodeLookup_Border,
#ctl00_TemplateBody_ContactAccountCreator_AddressPanel,
#ctl00_TemplateBody_ContactAccountCreator_PrimaryClubUpdatePanel
{
  display: none !important;
}


/*=========USER PROFILE============*/
/*Remove background and adjust for placement of mini profile */
.mini-profile-banner-large .mini-profile-picture-section, .mini-profile-banner-large .panel-heading, .mini-profile-banner-small .mini-profile-picture-section, .mini-profile-banner-small .panel-heading {
  background-color: unset;
  margin-top: -10px;
}
.mini-profile-banner-large .mini-profile-name-section, .mini-profile-banner-large .mini-profile-address-section {
  background-color: unset;
}
/*Hide mobile phone field from mini profile edit*/
#ctl00_TemplateBody_contactNameDisplay1_tableRowMobilePhoneLabel,
#ctl00_TemplateBody_contactNameDisplay1_txtMobilePhone {
  display: none;
}
/*Hide phone, fax, and email from address editor */
.AddressEditor a[id*="LinkEmail"],
.AddressEditor span[id*="LabelPhoneNumber"],
.AddressEditor span[id*="LabelFaxNumber"] {
  display:none;
}
#ctl00_TemplateBody_AddressEdit_LabelPhonePrompt,
#ctl00_TemplateBody_AddressEdit_TextPhone,
#ctl00_TemplateBody_AddressEdit_RowFaxNumber,
#ctl00_TemplateBody_AddressEdit_LabelEmailPrompt,
#ctl00_TemplateBody_AddressEdit_TextEmail {
  display: none;
}

/* Style profile panel */
.PanelEditorReadOnlyForm .ReadOnly.PanelField {
  border-top: 1px dotted black
}
/* Ensure that all fields have height whether filled in or not */
.PanelEditorReadOnlyForm .PanelFieldValue {
  min-height: 16pt;
}

/* Increase size of edit icon 150% */
.about-page-container .EditIcon,
.MiniProfile .sysicon-edit {
  zoom:1.5;
  -moz-transform:scale(1.5);
  -moz-transform-origin: 0 0;
  display: block;
  position: relative;
  left: -5px;
}
.about-page-container .EditIcon:after {
  display: block;
  position: relative;
  content: "edit";
  font-size: 8px;
  color: gray;
  top: 12px;
  left: -7px;
}
.MiniProfile .sysicon-edit:after {
  display: block;
  position: relative;
  content: "edit";
  font-size: 8px;
  color: gray;
  top: 10px;
  left: 3px;
}
.mini-profile-edit-wrapper a {
  text-decoration: none !important;
}
/* Increase size of edit icon 150% */
.about-page-container  .AddIcon {
  zoom:1.5;
  -moz-transform:scale(1.5);
  -moz-transform-origin: 0 0;
  display: block;
  position: relative;
  right: 5px;
  top: 15px
}
.about-page-container  .AddIcon:after {
  display: block;
  position: relative;
  content: "add";
  font-size: 8px;
  color: gray;
  top: 12px;
  left: -6px;
}
/* Hide the panel collapse icons on the About page */
.about-page-container .panel-heading-collapse-img {
  display: none;
}
/* Style disclaimer on About page */
.about-page-container .Disclaimer {
  font-size: 13px;
  padding: 10px;
  background-color: lightgray;
}
#SignInHeaderSection {
  display: none;
}



/* Custom event summary section styling */
.EventRegistrationTime {
  font-style: italic;
}
.EventRegistrationImageTextSection {
  margin: 10px 0;
}
.EventRegistrationImageSection {
  float: left;
  margin-right: 10px;
  max-width: 350px;
}
.EventRegistrationDescription {
  margin-bottom: 10px;
}
.EventRegistrationDescription ul,
.EventRegistrationDescription ol {
  list-style-position: inside;
}


/* Change the color from white for the account page link */
@media (min-width: 768px) {
  .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text {
    color: black;
  }
}

/* Certification program enrollment - hide heading elements*/
div[id*="CertificationProgramHistory"] .CommandBar,
div[id*="CertificationProgramHistory"] .panel-title
{
  display: none;
}




/* Thematic notes common styling */
.ExpertByline {
  background-color: lightgray;
  padding: 3px 10px;
  margin: 0 20px 20px 20px;
  overflow: auto;
  font-family: "Encode Sans";
  box-shadow: 3px 4px gray;
}
.ExpertByline .ExpertImage {
  float: left;
}
.ExpertByline .ExpertImage img {
  border-radius: 50%;
  max-width: 100px;
  margin-right: 10px;
  padding: 10px;
}
.ExpertByline .ExpertName {
  font-size: 24px;
  margin-top: 10px;
}
.ExpertByline .ExpertBylineText {
  margin-top: 5px;
}
.ExpertByline .ExpertBylineBio {
  display: none;
}

.PageTypeDescription,
.DisclaimerSection {
  background: lightgray;
  padding: 15px;
  font-style: italic;
}
.DisclaimerSection {
  margin: 60px 0 40px 0;
}


/* Q&A page styling */
.QuestionAnswerSection {
  margin-top: 20px;
}
.QuestionAnswerSection .Question .QuestionText {
  font-size: 18px;
  font-style: italic;
}
.QuestionAnswerSection .Question .QuestionAuthor {
  font-size: 24px;
  font-weight: bold;
  text-align: right;
  margin-right: 70px;
}
.QuestionAnswerSection .Answer {
  margin-top: 50px;
}

/* Community update page styling */

.RecommendedResourcesSection .ResourceItem {
  border-top: 3px solid teal;
  border-left: 10px solid teal;
  background-color: lightgray;
  margin-bottom: 15px;
  padding: 20px 5px 20px 45px;
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: 5px;
  min-height: 35px;
}
.ResourceTypeReport {
  background-image: url("images/PHAP-content-resources.svg");
}
.ResourceTypeWeb {
  background-image: url("images/PHAP-content-information-resources.svg");
}
.ResourceTypeOther {
  background-image: url("images/PHAP-content-specialized-resources.svg");
}
.ResourceTypeVideo {
  background-image: url("images/PHAP-content-video.svg");
}
.ResourceTypeLearning {
  background-image: url("images/PHAP-content-learning-resources.svg");
}

.UpcomingDevelopments h3 {
  margin-top: 40px;
}
.UpcomingDevelopments div {
  padding-left: 40px;
  background-image: url("images/PHAP-content-alert.svg");
  background-repeat: no-repeat;
  background-size: 35px;
  min-height: 35px;
}

/* Special styling for content pages with box shadow elements (keep??)  */
.ContentPage .col-primary [id*="ste_container_ci"] {
  background-color: #DDDDDD;
  padding: 10px;
  box-shadow: 5px 7px #CCCCCC;
}
.ContentPage .col-primary [id*="ste_container_ciMainImage"] {
  padding: 0;
}
.ContentPage .col-primary [id*="ste_container_ciTitleImagesizingandthumbnailscripts"] {
  background-color: unset;
  box-shadow: none;
}
#ste_container_ciSocialShare {
  padding: 0;
  box-shadow: none;
  background-color: transparent;
}
#ste_container_ciSocialShare .panel-body {
  box-shadow: none;
  background-color: transparent;
  border: none;
}
.ContentPage .col-primary .ContentBorder {
  border: none;
}



/* TEMP Webinar listing on calendar page */
.CalendarPage .WebinarCalendar .eventDescription a {
  color: teal !important;
}

.CalendarPage .RadGrid.RadGrid_MetroTouch .rgMasterTable thead {
  display: none!important;
}
.CalendarPage  .RadGrid_MetroTouch .rgAltRow {
  background: transparent;
}
.CalendarPage .RadGrid_MetroTouch,
.CalendarPage .RadGrid .rgNoRecords TD {
  border: none;
  color: #fff;
}
.CalendarPage .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child,
.CalendarPage .RadGrid.RadGrid_MetroTouch .rgRow td:first-child {
  border-top: 1px solid #ffffff !important;
}
.CalendarPage .RadGrid.RadGrid_MetroTouch .rgRow td,
.CalendarPage .RadGrid.RadGrid_MetroTouch .rgAltRow td {
  padding: 0 0 20px 0;
  border-collapse: collapse;
  margin: 0;
}
.CalendarPage .WebinarCalendar .eventDay {
  text-transform: uppercase;
  background-color: #fff;
  color: #0a2e41;
  border-top: 1px solid #ffffff!important;
}
.CalendarPage .WebinarCalendar .eventYear {
  background-color: #0a2e41;
  color: #fff;
  border-bottom-left-radius: 3px 3px;
  border-bottom-right-radius: 3px 3px;
}
.CalendarPage .WebinarCalendar .eventDay,
.CalendarPage .WebinarCalendar .eventYear {
  max-width: 70px;
  font-size: 15px;
  padding: 2px 5px;
  display: block;
  text-align: center;
}
.CalendarPage .RadGrid_MetroTouch,
.CalendarPage .RadGrid.RadGrid_MetroTouch .rgMasterTable,
.CalendarPage .RadGrid.RadGrid_Metro .rgMasterTable {
  background: transparent;
}


/* ORDER CONFIRMATION PAGE - Hide error message for failed confirmation message and possibility to send another copy */
#ctl01_TemplateBody_WebPartManager1_gwpciOrderConfirmation_ciOrderConfirmation_ErrorsLabel,
#ctl01_TemplateBody_WebPartManager1_gwpciOrderConfirmation_ciOrderConfirmation_EmailConfirmationDiv {
  display: none;
}


/*Hide middle name from mini profile edit - CHECK IF WORKS */
.user-account-view #ctl00_TemplateBody_contactNameDisplay1_tableRow3 td:nth-child(3) {
  display: none !important;
}



/* CSS Fallback from Modernizr for object-fit: cover */
.imageCover.compat-object-fit {
    background-size: cover;
    background-position: center;
}
.imageCover.compat-object-fit img {
    opacity: 0;
}


/* Sections with borders (used for Affinity Program pages) */
.DivWithBorder {
  padding: 10px 20px;
  border: 5px dotted #3D3D3D;
}
.AlertPink {
  background-color: pink;
  background-clip: padding-box;
}
.AlertCentered {
  text-align: center;
  font-size: 24px;
  padding: 10px;
}

/* SurveyGizmo PDP application form */

.application-form .sg-question {
  margin: 0;
}
.application-form .sg-question .sg-input {
  margin-top: -6px;
}


.application-form .sg-question .sg-input-text {
  width: 250px;
}
@media(min-width:768px) {
  .application-form .sg-question .sg-input-text {
    width: 400px;
 }
}

.application-form .sg-question .sg-input-text[title="First name"],
.application-form .sg-question .sg-input-text[title="Last name"]{
  width: 250px
}
.application-form .sg-question .sg-input-text[title="Primary email"],
.application-form .sg-question .sg-input-text[title="Alternate email"],
.application-form .sg-question .sg-input-text[title="Enter at least one phone number on which we can reach you."] {
  width: 300px
}
.application-form .sg-question .sg-input-text[title="Date of birth"] {
  width: 110px
}
.application-form .sg-question .sg-input-text[title="Years of professional experience (total)"],
.application-form .sg-question .sg-input-text[title="Years of professional experience (humanitarian)"] {
  width: 60px;
}
.application-form .sg-question .sg-list-vertical li {
  padding-top: 5px;
  padding-bottom: 5px;
}
.application-form .sg-button-bar .sg-button {
  width: 150px;
  height: 50px;
  font-size: 24px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.div-button {
  background-color:#E1E1E1;
  display: inline-block;
  text-align:center;
  padding:10px 20px;
  border=1px solid #d1d1d1;
  box-shadow: 2px 3px darkgrey;
  margin: 10px 0;
}

.sg-question.sg-type-media.divider-yellow {
  max-width: 500px;
  margin: 30px auto;
}

/*Spanish bilingual PDP pages */
.EventSection .EN {
  color:gray;
}
.EventSection.BasicEventInfo .EN {
  color:lightgray;
}
.EventSection.BasicEventInfo .ES {
  color:lightyellow;
}
.EventSection h3.EN{
  color: green;
}
.sg-question .EN {
  display: block;
  color:gray;
}


/*HigherLogic Community Widget*/
.hl-widget.latest-discussion {
//width: 370px;
padding: 5px;
color: black;
}

.hl-widget.latest-discussion,
.hl-widget.latest-discussion #login-information-container{
background-color: #3276b1;
}

.hl-widget.latest-discussion #login-information-container{
float: right;
padding: 5px 10px;
margin-right: -5px;
color: #fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

.hl-widget.latest-discussion #login-information-container a {
color: #ddd;
}

.hl-widget.latest-discussion #login-information-container .error-message {
color: #cc0000;
}

.hl-widget.latest-discussion .container{
background-color: #eeeeee;
font: 13px/1.22 arial,helvetica,clean,sans-serif;
overflow: auto;
padding: 0 10px;
}

.hl-widget.latest-discussion ul{
padding-left: 0;
}

.hl-widget.latest-discussion li {
list-style-type: none;
padding-bottom: .5em;
margin-bottom: .5em;
border-bottom: dotted 1px #afb1b3;
padding: 10px;
background: none;
}

.hl-widget.latest-discussion .item-image-container{
float: left;
width: 60px;
height: 60px;
padding-top: 2px;
}

.hl-widget.latest-discussion .item-title-container{
margin-top: 2px;
}

.hl-widget.latest-discussion .item-title-container a{
text-decoration: none;
font-weight: bold;
font-size: 1.1em;
font-family: arial;
}

.hl-widget.latest-discussion .item-by-line-container{
color: #808080;
font-style: italic;
margin-top: 2px;
}

.hl-widget.latest-discussion .item-by-line-container span{
font-size: 0.85em;
}

.hl-widget.latest-discussion .item-posted-in-container{
color: #808080;
margin-top: 2px;
}

.hl-widget.latest-discussion .item-posted-in-container span{
font-size: 0.85em;
}

.hl-widget.latest-discussion .item-body-container{
margin-top: 15px;
}

.hl-widget.latest-discussion .footer-container{
margin: 0px 10px;
}

.hl-widget.latest-discussion .footer-item-more{
float: left;
}

.hl-widget.latest-discussion .footer-item-post{
float: right;
}

.hl-widget.latest-discussion .footer-item-more,
.hl-widget.latest-discussion .footer-item-post{
padding-bottom: 10px;
}

.hl-widget .error-message{
color: #cc0000;
padding: 10px;
}
.ContentPage .Button {
  margin-top: 40px;
}



/* Event discussion section */
.EventDiscussion li {
  margin: 10px 0px;
}
.EventDiscussion li a {
  font-weight: bold;
  font-size: 120%;
}
.EventDiscussion .author {
  display: block;
  font-style: italic;
}



/* Bilingual functionality */
.FRtext,
.FRtext h1,
.FRtext h3{
  color: maroon;
}
.EventSection.LanguageButtons {
  text-align: justify;
}

.EventSection.LanguageButtons:after {
  content: '';
  width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
  display: inline-block;
}

.EventSection.LanguageButtons .Button {
  width: 25%;
  display: inline-block;
  font-size: 18px;
  background-color: black;
  border-color: white;
}

.EventSection.LanguageButtons .Button:hover {
  background-color: #555555;
}