/*Colour variables*/

:root{
	   --max-cont-width:1200px;
	   --grey-1:#f5f5f5;
	   --grey-2:#e7e7e7;
	   --black:#1E212B;
	   --blue:#33cdff;
	   --blue-hover:#5CD7FF;
	   --red:#ff3a56;
	   --red-hover:#FF4E67;
     --a-hover:#EBFAFF;
     --white: #FFFFFF;
   }

/* Set smoth scroll for anchor links. */

html {
  scroll-behavior: smooth;
}

/* Header */

.ContentRecordPageAnchor img{
	width:auto;
}

.header-top-container {
  min-height: 100px;
}

/* Search Behaviour */
@media(max-width: 1200px) {
  .header-top-container {
    min-height: 70px;
  }
}

.header-top-container .header-container{
    display:flex;
    justify-content: space-between;
}

.header-logo-container a[title="Home"] img{
    width:180px;
}

.header-logo-container a {
  display: inline-block;
}

/* Search Behaviour */
@media(max-width: 991px) {
  .header-top-container .header-container{
      display: block;
      justify-content: space-between;
  }
}


#aux-social .WTZone {
    display:flex;
    gap:10px;
}

.header-search input[type="text"].search-field{
    width:240px !important;
    height: 48px;
    transition: width 0.4s ease-in-out !important;
    background: #fff url("images/IMG_ICO_Search_Dark.svg") no-repeat;
    background-position: 8px center;
    background-size: 24px;
    padding-left:40px !important;
}

.header-search input[type="text"].search-field.Watermarked{
    width:30px !important;
    height: 48px;
    transition: width 0.4s ease-in-out !important;
}

/* Search Behaviour */

.aux-search {
  min-width:260px;
}


@media(max-width: 991px) {
  .aux-search {
    min-width:180px;
  }

  .header-search input[type="text"].search-field{
    height: 60px;
  }

  .header-search input[type="text"].search-field.Watermarked{
      width:240px !important;
      height: 50px;
      transition: width 0.4s ease-in-out !important;
  }

}


.UtilitySTEToggle a,
.obo-toggle-wrapper a{
    font-size:0;
}


.UtilitySection.UtilityAccountArea {
  margin-left: 15px;
  position: relative;
  top:1px;
}

.nav-auxiliary .UtilitySection a {
  padding: 9px;
}

@media(min-width: 992px) and (max-width: 1200px) {
  .nav-auxiliary .UtilitySection a {
    padding: 9px 2px;
  }
}

@media (max-width: 992px) {
  .search-container-sm, .auth-link-container-sm {
    display: none !important;
  }
}

@media(max-width: 768px) {
  .nav-auxiliary .UtilitySection a.account-toggle, .nav-auxiliary .nav-aux-button .NavigationLink {
    width:50px;
    height:50px;
  }
}

/* Cart Button */

.nav-auxiliary .nav-aux-cart {
  /* Spacing for the cart button the default cart button */
  margin-top: 4px;
}

.nav-auxiliary .nav-aux-cart a {
  /* Spacing for the cart button the default cart button */
  background-color: #1E212B;
  border-radius: 4px;
  padding: 12px 15px;
}

.nav-auxiliary .nav-aux-cart a:hover {
  background-color: var(--blue);
  color:var(--black);
}

.nav-auxiliary .nav-aux-cart .nav-text {
  /* Replace the default cart button */
  background-image: url(./images/IMG_ICO_Cart.svg);
  background-position: 0;
  background-size: 24px;
  height: 24px;
  display: inline-block;
  width: 60px;
  color: white;
  padding: 0 0 0 30px;
}

.nav-aux-cart .cartFull {
  top: 4px;
  left: 26px;
}

/* Account SignIn Login Button */

.account-menu .profile-picture-wrapper img {
  width: 30px;
}


.dropdown-toggle.account-toggle, .sign-in-link {
  background-color: #1E212B;
  border-radius: 4px;
  color: white !important;
}

.dropdown-toggle.account-toggle, .sign-in-link:hover {
  background-color: #var(--blue);
}


.dropdown-toggle.account-toggle {
    padding: 4px 20px;  
}

.sign-in-link {
    padding: 16px 20px 17px !important;
}

.account-toggle .nav-text {
  color: white;
  font-size: 15px;
  margin-top: 12px;
  line-height: 15px;
}

.account-toggle .caret {
  background-image: url(./images/IMG_ICO_Chevron-Down_Blue.svg);
  width: 10px;
  height: 10px;
  margin-left: 4px;
  vertical-align: middle;
  border-top: none;
  border-right: none;
  border-left: none;
  background-size:cover;
}

.account-toggle .nav-text::before {
  content: "Welcome";
  font-size: 10px;
  color: #e5e5e5;
  position: absolute;
  top: 8px;
  font-weight: 100;
}

/* Navigation Styling */

.header-bottom-container{
    background-color:#EBFAFF;
    margin-top: -2px;
}

.RadMenu .rmItem:first-child {
  border-left: 2px white solid;
}

.RadMenu .rmItem {
  border-right: 2px white solid;
}

.RadMenu .rmItem a.rmLink {
  padding: 12px 24px;
  color: #1E212B;
  font-weight:300;
  text-decoration: none;
}

.RadMenu .rmItem a.rmLink:hover {
  background-color: #1E212B;
  color: #46C7F4 !important;
}

.RadMenu .rmItem .rmSelected {
  font-weight: 600 !important;
}

.RadMenu .rmIcon {
  background-image:url(./images/IMG_ICO_Chevron-Down_Blue.svg);
  background-size: cover !important;
  margin: -6px 0 0 -6px;
  width: 15px;
  height: 15px;
}

.RadMenu .rmHorizontal .rmRootLink .rmToggle {
  margin-left: -4px !important;
  height: 24px;
  width: 24px;
}

.RadMenu .rmGroup {
  padding: 0px !important;
}

.RadMenu .rmGroup .rmText {
  padding: 0 54px 0 0 !important;
  margin: 0 !important;
}

/* Sub-Navigation Styling */

.RadMenu .rmSlide {
  background-color: #EBFAFF;
}

.RadMenu .rmGroup .rmItem a.rmLink {
  padding: 12px 24px;
}

.RadMenu .rmGroup .rmItem a.rmLink:hover {
  background:linear-gradient(to right, #46C7F4 0%, #46C7F4 4px, #1E212B 4px, #1E212B 100%) !important;
  color: #ffffff !important;
  border-right: none;
}

.RadMenu .rmGroup .rmItem {
  font-size: 16px;
}

.RadMenu .rmGroup .rmItem:first-child {
  border-left: none;
}

.RadMenu .rmGroup .rmItem {
  border-right: none;
}

.RadMenu .rmGroup .rmIcon {
  display: block;
  width: 15px;
  height: 15px;
  transform: rotate(-90deg);
}

.RadMenu .rmGroup .rmToggle {
  right: 10px !important;
}

.RadMenu .rmGroup .rmItem:hover .rmToggle {
  right: 4px !important;
}



/* Create some extra spacing for 1200px - 991px tablets */

@media(min-width: 992px) and (max-width: 1200px) {
  .RadMenu .rmItem a.rmLink .rmText {
    font-size: 16px;
  }
}

/* Mobile Navigation */

@media(max-width: 991px) {

  .Wrapper-FullWidth #masterContentArea {
    margin-top: -4px;
  }

  /* Display a mobile header */
  .header-logo-container a {
    background-image:url(./images/LOG_IEAA_Square-Transparent_60.svg);
    display: block;
    width: 70px;
    height: 70px;
    background-size: cover;
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.25));
    z-index: 99;
    position: relative;
    margin-bottom: -4px;

  }

  /* Hide the Primary Logo image on mobile */
  .header-logo-container img {
    display:none;
  }

  /* Hide navigation items */

  #ste_container_ciSocials, #ste_container_ciUtilityNavigation, .obo-toggle-wrapper {
    display: none !important;  
  }

}


@media(max-width: 992px) {

  /* Utility Havigation List */
  .UtilityNavigationList .nav-aux-cart {
    margin-top: -10px;
  }

}


/* Customise the Mobile Menu */
@media(max-width: 991px) {

  #auxiliary-container {
    position: absolute;
    top: 10px;
    right: 15px;   
  }

  .navbar-toggle.collapsed {
    padding: 15px;
    height: 50px;
    width: 50px;
    display:inline-block !important;
  }

  .sign-in-link {
      height: 50px !important;
      display: block;
      padding:14px 20px;
  }

  .navbar-toggle .icon-bar {
    background: var(--black);    
  }

  .dropdown-toggle.account-toggle {
    background-color: white;
    border: var(--black) solid 1px;  
  }

  .aux-search .navbar-toggle.collapsed {
      padding: 4px;  
  }

  .searchbar-collapse {
    background-color: var(--grey-2);
    margin-left: calc(-1 * ((100vw - 100%) / 2));
    padding: 10px 15px
  }

  .navbar-toggle:hover, .navbar-toggle:focus {
    background: var(--blue);
  }

  .searchbar-toggle:hover, .searchbar:focus {
    background: var(--white);
    border: var(--black) solid 1px;
    height:50px;
  }


  .nav-auxiliary .nav-aux-cart .NavigationLink {
    background: var(--black);   
    height: 50px;
    display: block;
    margin-bottom: -15px;
  }

  .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
    background-position: 0;
    background-image: url(./images/IMG_ICO_Cart.svg);
    margin-top:5px;
  }

  .nav-auxiliary .nav-aux-button .NavigationLink {
    background-color: var(--black);
  }

  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
    left: 36px;  
  }

  .nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    background-color: var(--blue);    
  }

  .navbar-toggle .icon-search {
    background: url("images/IMG_ICO_Search_Dark.svg") no-repeat;
    background-size: 20px;
  }

  .RadMenu .rmItem:first-child {
    border-left: none;
  }

  .RadMenu .rmItem {
    border-right: none;
  }  

  .RadMenu .rmToggle {
    position: absolute;
    right: 24px;
    top: 15px;
  }


  .RadMenu .rmHorizontal .rmItem {
    width: 100% !important;
  }

  .RadMenu .rmItem:first-child {
    padding: 0px !important;
  }

  .RadMenu .rmGroup .rmItem a.rmLink:hover {
    background: #46C7F4 !important;
  }

  .RadMenu .rmItem a.rmLink .rmText {
    width: calc(100% - 72px) !important;
    padding: 0 20px 0 0;
  }

  /* Mobile sub menu styles */

  .RadMenu .rmSlide {
    width: 100% !important;
    position: relative !important;
    height: inherit !important;
    top: 0px !important;
    left:0px !important;
  }

  .RadMenu ul.rmGroup {
    width: 100%;
    padding: 0px !important;
  }


  /* Hide Toggle */

  .RadMenu .rmGroup .rmToggle {
    display: none;
  }

  .RadMenu .rmGroup .rmItem:hover .rmToggle {
    right: 40px !important;
  }

  .RadMenu .rmItem a.rmLink {
    width: 100% !important;
    background-color: #1E212B !important;
    color: #ffffff !important;
  }

  .RadMenu .rmGroup a.rmLink {
    width: calc(100% - 30px) !important;
    background-color: #EBFAFF !important;
    color: #1E212B !important;  
  }

  .RadMenu .rmExpanded .rmIcon {
    color: #46C7F4;
    transform: rotate(180deg);
  }

  .RadMenu .rmExpanded .rmGroup .rmIcon {
    transform: rotate(0deg);
  }

  /* Second Tier arrow */

  .RadMenu .rmLevel1 .rmItem a:before {
    content: "";
    display: block;
    clear: both;
    width: 16px;
    height: 16px;
    background-image:url(./images/IMG_ICO_Chevron-Down_Dark.svg);
    background-size: cover !important;
    transform: rotate(-90deg);
    margin: 4px 25px;
    float:right;
  }


  /* Third tier */
  ul.rmLevel1 .rmItem .rmSlide {
    left: 20px !important;
    display: none !important;
  }

  .RadMenu ul.rmLevel1 .rmExpanded {
    background: #46C7F4 !important;
    color: #1E212B !important;
  }

  .RadMenu ul.rmLevel1 .rmExpanded .rmIcon {
    background-image:url(./images/IMG_ICO_Chevron-Down_Dark.svg);
  }

  /* Fix for missing item element */
  .RadMenu .rmVertical .rmLink, .RadMenu .rmHorizontal .rmVertical .rmLink {
    float: left !important!;
  }

}

/* RadWindow Control Buttons */

.RadWindow_MetroTouch .rwTable .rwControlButtons li a {
  background-size:auto;
}

/* Breadcrumb */

.breadcrumb {
  padding: 15px;
  font-size: 15px;
  color: #ffffff !important;
}

.breadcrumb a, .breadcrumb a:visited {
  color: #ffffff !important;
  font-weight:400;
}

.breadcrumb a:hover {
  text-decoration: underline 2px var(--black) !important;
  background-color: transparent;
  text-decoration: none !important;
}

li.breadcrumb-item.active {
  display:none;
}


/* Member Breadcrumb - displayed below the page header for logged in members */

.memberBreadcrumb {
  height: 60px !important;
}

.memberBreadcrumb a {
  color: var(--black) !important;
}

.memberBreadcrumb a:hover {
  color: var(--black) !important;
  background-color: var(--a-hover) !important;
}

.memberBreadcrumb .breadcrumb li:not(:last-of-type):after {
  color: var(--black) !important;  
}

.memberBreadcrumb a:visited {
  color: var(--black) !important;
}

/* Master content area */

.Wrapper-FullWidth #masterContentArea {
    padding: 0px 0px 60px !important;
}


/* Base Font Styles */

h2 {
  color: #70DCFF;
}

h3 {
  color: #1E212B;
}

h4 {
  font-size: 24px;
  font-family: Malva, Arial, sans-serif;
}

a {
  color: var(--black);
}

a:hover {
  color: var(--black) !important;
  background-color:#EBFAFF;
  background-size: 4px, 100%;
}

a:visited {
  color: var(--black) !important;
}

a.title {
  line-height: 1.25em;
}

.subTitle {
  font-family:Helvetica Neue;
  font-size: 20px;
  line-height:27px;
}

/* Quote */

quote {
  font-family: Helvetica Neue;
  font-size: 24px;
  line-height: 32px;
  padding: 15px 20px;
  margin: 20px 0;
  border-left: 10px solid var(--a-hover);
  display: inline-block;
}

/* When smaller text is needed */

.paragraphSmall {
  font-size: 0.8333em;
}

/* SEARCH */

.SearchResultSummary .ImageSection {
  display: none;
}
@media (min-width: 768px) {
  .SearchResultSummary .Description {
    margin-left: 0;
  }
}

/* FORM STYLES */

.standardForm {
  border-top:solid 1px #1E212B;
}

.standardForm .panelBody, .standardForm .container {
  padding: 0
}

.standardForm .container .row #Section_R1C1W12 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-fake {
  height: 50px;
  background-color: #F5F5F5;
  border: none;
  border-left: #33CDFF 4px solid;
  border-right:none;
  border-top:none;
  border-bottom:none;
  border-radius: 2px;
  box-shadow:none;
}

/* This takes all web parts with panels and sets the default to 0.

  .iMIS-WebPart .panel-body, .iMIS-WebPart .panel-body div * {
    padding: 0px;
    margin: 0px;
  }


@media only screen and (max-width: 768px) {
  .iMIS-WebPart .panel-body, .iMIS-WebPart .panel-body div * {
    padding: 0px;
    margin: 0px;
  }
}

*/

/* Make filter panels white background */

.FilterPanel {
  background: #fff;
  margin-bottom: 40px;
}

/* Identify the parent div for a set of panel search fields */

div[id*="ParametersContainer"] {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;

}

/* Default all forms, display field label top. */

/* .careersSearch div[id*="ParametersContainer"] .PanelField, .iMIS-WebPart .panel .node .PanelField { */

div[id*="ParametersContainer"] .PanelField, .iMIS-WebPart .panel .node .PanelField {
  display: flex;
  flex-direction: column;
  margin-right:40px;
  margin-bottom:12px;
  /* width: auto;*/
  /* float:left; */
  clear:inherit;
}
 
/* Grey form on a white page */

.publicFormGrey {
  background: var(--grey-1);

}

.publicFormGrey select,
.publicFormGrey textarea, 
.publicFormGrey input[type="text"], 
.publicFormGrey input[type="password"], 
.publicFormGrey input[type="datetime"], 
.publicFormGrey input[type="datetime-local"], 
.publicFormGrey input[type="date"], 
.publicFormGrey input[type="month"], 
.publicFormGrey input[type="time"], 
.publicFormGrey input[type="week"], 
.publicFormGrey input[type="number"], 
.publicFormGrey input[type="email"], 
.publicFormGrey input[type="url"], 
.publicFormGrey input[type="search"], 
.publicFormGrey input[type="tel"], 
.publicFormGrey input[type="color"], 
.publicFormGrey .uneditable-input, 
.publicFormGrey .input-fake {
  background-color: #FFFFFF;
}

/* Limit to Careers Search | Events Search | Member Directory Search */

.PanelField label, .PanelField .Label {
  margin-bottom: 6px;
}

div[id*="ParametersContainer"] .PanelField .PanelFieldValue {
  min-width:240px;
}

div[id*="ParametersContainer"] div input[type="submit"] {
    min-width: 180px;
    height:60px;
    float:left;
}

div[id*="ParametersContainer"] div input[type="text"] {
    min-width: 300px;
}

/**
 * Here trying to get form items to display as flex by setting the content to min width and forcing flex behaviour. 
 * Can't identify a common form.

.iMIS-WebPart .panel .node .PanelField .PanelFieldValue {
  width:min-content;
}

.iMIS-WebPart input[type="submit"] {
    width: 100%;
    margin-right: calc(100% - 240px);
}

**/

/* TABLE STYLES */

table {
  border-top:solid 2px #1E212B;
  border-bottom:solid 2px #1E212B;
  width: 100%;
}

tr {
  border-bottom:solid 1px #1E212B;
}

td, th {
  border:none;
  padding: 8px;
  text-align: left;
}

.FilterPanel tr {
  border-bottom:none;
}


/* 

RadGrid TABLE STYLES - Results Display 
Add class 'themeResult' to the iPart to implement.

*/



.themeResult .panelBody {
  padding:0px;
}

.themeResult .RadGrid.RadGrid_MetroTouch .rgMasterTable, .themeResult .RadGrid.RadGrid_Metro .rgMasterTable {
  border-top:solid 2px #1E212B;
  border-bottom:solid 2px #1E212B;
  width: 100%;
}

.themeResult .RadGrid.RadGrid_MetroTouch .rgMasterTable tr, .themeResult .RadGrid.RadGrid_Metro .rgMasterTable tr {
  border-bottom:solid 1px #1E212B;
}

.themeResult .RadGrid.RadGrid_MetroTouch .rgMasterTable th, .themeResult .RadGrid.RadGrid_Metro .rgMasterTable th {
  font-weight: bold;
}

.themeResult .RadGrid.RadGrid_MetroTouch .rgMasterTable td, .themeResult .RadGrid.RadGrid_MetroTouch .rgMasterTable th, .themeResult .RadGrid.RadGrid_Metro .rgMasterTable td, .themeResult .RadGrid.RadGrid_Metro .rgMasterTable th {
  border:none;
  padding: 8px;
  text-align: left;
  min-width: 50px;
}

.themeResult .RadGrid.RadGrid_MetroTouch .rgMasterTable .FilterPanel tr, .themeResult .RadGrid.RadGrid_Metro .rgMasterTable  .FilterPanel tr {
  border-bottom:none;
}


/* Overriding selected rows where links are transparent  */

.RadGrid.RadGrid_MetroTouch .rgSelectedRow a, 
.RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, 
.RadGrid.RadGrid_MetroTouch th.rgSorted a, 
.RadGrid.RadGrid_Metro .rgSelectedRow a, 
.RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, 
.RadGrid.RadGrid_Metro th.rgSorted a 
{
  color: var(--black) !important;
}

.clearQ .RadGrid_MetroTouch .rgSelectedRow a.title, 
.clearQ .RadGrid.RadGrid_MetroTouch .rgSelectedRow a
{
  color: var(--black) !important;
}


/* Temporary Fix for table layout  */

@media(max-width:767px){
  #ste_container_Logbook, #ste_container_ActiveGoals, #ste_container_AddGoals {
    width: 315px;
  }
}



/* Hide these table styles on panels */

.panel table {
  border-top:none;
  border-bottom:none;
}


/* Homepage Banner */
.HomePageFullWidthArea .panel-body, 
.HomePageFullWidthArea .PanelBody{
    padding:0;
}


.HomePageFullWidthArea .panel, 
.HomePageFullWidthArea .StandardPanel {
    border: 0px;
}

/* Row Classes */
.rowWrapper.grey,
.row.grey,
.row > *.grey{
    background-color:var(--grey-1);
}

.rowWrapper.darkGrey,
.row.darkGrey,
.row > *.darkGrey{
    background-color:var(--grey-2);
}

.rowWrapper.black,
.row.black,
.row > *.black{
    background-color:var(--black);
}

.rowWrapper.blue,
.row.blue,
.row > *.blue{
    background-color:var(--blue);
}

.highlightBlock{
	padding:30px 100px 30px 30px;
}

/* Custom Buttons */

.btnPrimary, .RedButton, .PrimaryButton, .btnNavigation, .btnOutline, .btnOutlineDark, .btnDownload {
  border-radius: 4px;
  padding: 15px 30px;
  font-weight: 700;
  display: inline-block;
  text-decoration: none;
  max-width: 420px;
  border-color: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  padding: 15px 30px;
}

.buttonPanel {
    max-width: var(--max-width);
    margin: 0px auto;
}

/* Set buttons on mobile device to 100% */

@media(max-width:767px){
  .btnPrimary, .RedButton, .PrimaryButton, .btnNavigation, .btnOutline {
    max-width: 100%;
  }
}


.btnPrimary, a.btnPrimary, a.btnPrimary:visited .RedButton,
a.RedButton:visited, .PrimaryButton, a.PrimaryButton:visited {
    background-color:var(--red);
    color:#fff !important;
    border-color:var(--red);
    text-decoration:none;
    border-color: none;
    max0width: 210px;
}

a.btnPrimary:hover, a.btnPrimary:active, a.RedButton:hover,
a.RedButton:active {
    background-color:var(--red-hover);
    color:#fff !important;
    border-color:var(--red-hover);
}

.btnNavigation {
    background-color:var(--blue);
    color:#fff !important;
}

a.btnNavigation:active, a.btnNavigation:visited, a.btnNavigation:hover {
    color:#fff !important;
}

a.btnNavigation:hover {
    background-color:var(--blue-hover);
}

.btnNavigation:before {
    color:#fff;
    content: "";
    display: block;
    background: url(./images/IMG_ICO_Chevron-Down_Dark.svg) no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    float: right;
    margin: 4px 6px 0 30px;
    transform:rotate(-90deg);
}

.btnOutlineDark {
    background-color:transparent;
    color: var(--black);
    border-color:var(--black);
}

.btnOutline, a.btnOutline:visited, .btn.WhiteButton,
.btn.WhiteButton:visited{
    background-color:transparent;
    color: #fff!important;
    border-color:#fff;
}

a.btnOutline:hover, a.btnOutline:active, a.btn.WhiteButton:hover,
a.btn.WhiteButton:active{
    background-color:#f5f5f5;
    color:var(--black)!important;
    border-color:#fff;
}

.buttonRow{
	display:flex;
	gap:10px;
	flex-wrap: wrap;
}

.btn.wide{
	max-width: 250px;
	width:100%;
}

.btn.full{
	width:100%;
}

/* List styles */
.linkStack ul,
.linkStack ol{
   list-style:none;
    padding:0px;
}

.linkStack li{
	margin-bottom:10px;
}

.linkStack a,
.linkStack a:visited{
    color: var(--black);
    text-decoration:none;
}

.linkStack a:hover,
.linkStack a:focus{
    color:var(--blue);
}

.footer-content .linkStack a,
.footer-content .linkStack a:visited{
    color: var(--grey-1);
    text-decoration:none;
}

.whiteText .linkStack a{
	color:#fff !important;
}

.linkStack.sandwich{
	border-top:1px solid var(--black);
	margin-top:30px;
}

.linkStack.sandwich li{
	padding: 8px 0px;
	border-bottom:1px solid var(--black);
	margin: 0;
}

.stackBorder ul,
.stackBorder ol{
	border-top:1px solid #fff;
	padding-top:15px;
	margin-top:20px;
}

.linkStack h3{
	margin:0;
	min-height: 1.5em;
}

@media(max-width:767px){
	.linkStack h3{
		min-height:auto;
		margin-top:30px;
	}

	
	.stackBorder ul,
	.stackBorder ol{
		border-top:0px;
		margin-top:0px;
	}

}

/* Animated Counters */

.counters{
	background:#fff;
	display: flex;
	padding:20px;
	align-items: flex-start;
  min-height:210px;
  margin-bottom: 20px;
  border-radius: 4px;
}

.counters img{
	max-width:120px;
  margin-right: 20px;
}

#counter{
	font-weight:bold;
	font-size: 36px;
	font-family: Malva;
}

.counter-value.plus:after{
	content:'+';
}

/* Homepage Events */

.noPaging .pagination{
	display:none;
}

.homeEvents .card-body {
    flex: 1 1 auto;
    padding: 0px;
}

.homeEvents .card{
	border:0;
}

.homeEvents a.image{
	display:block;
	width:100%;
	height:300px;
	background-size:cover;
	background-position:center;
}

.homeEvents .text{
	padding:40px;
	display:block;
	background-color:var(--grey);
}

.homeEvents h3{
	margin:0px 0px 30px 0px;
}

/*Tagged lists*/

.BlockTLItem.simpleHomepage{
	border-bottom:0;
	border-top:1px solid var(--black);
}

.simpleHomepage p{
	margin:10px 0px;
}

.BlockTLItem.featuredHomepage{
	padding:0;
	border:0;
}

.BlockTLItem.featuredHomepage .newsImage {
    height: 250px;
    margin: 0;
}

.BlockTLItem.featuredHomepage .text{
	background-color:var(--grey);
	display:block;
	padding: 20px;
}

.BlockTLItem.featuredHomepage h3{
	margin: 0px 0px 30px 0px;
}


/*Footer*/

.footer-join {
	background-color:#fff;
	color:var(--black);
	padding: 20px 0px;
}

.footer-join .col-sm-3{
	position:relative;
}

.footer-join img.joinImage {
	position:absolute;
	top: -60px;
	width: 300px;
	right: 0px;
  padding-right:20px;
}

@media only screen and (max-width: 1200px) {
  .footer-join img.joinImage {
    position:absolute;
    top: 0px;
    width: 100%;
    padding-right:0px;
  }
}

@media only screen and (max-width: 768px) {
  .footer-join img.joinImage {
    position:relative;
    top: -40px;
  }

}

.copyright ul{
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom:10px;
}

@media(min-width:768px){
	.copyright{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.copyright > span{
		display: flex;
	}
	
	.horizontalLinks ul{
		margin:0;
		padding:0;
	}
	
	.horizontalLinks li{
		display:inline-block;
		margin:0px 10px;
	}

}


/** Org Slider **/

.footer-orgSlider {
  background: linear-gradient(160deg, rgba(245,245,245,1) 0%, rgba(231,231,231,1) 100%);
  padding-top: 40px;
}

.orgMemberSlider {
  padding-top: 40px;
}

.orgMemberSlider .carousel-inner {
  padding-top: 40px;
}

.orgMemberSlider .carousel-indicators  {
  bottom: auto;
}

.orgMemberSlider .carousel-indicators li  {
  border: 2px solid var(--black);
  width: 20px;
  height: 20px;
}

.orgMemberSlider .carousel-indicators li.active  {
  background-color:var(--black);
}


.orgMemberSlider .carousel-control.right, .orgMemberSlider .carousel-control.left {
  background-image:none;
  display:none;
}

.orgSliderSlide {
  background-color: transparent !important;
  width: 1200px;
  transition: all 2s ease-in-out !important;
}


.orgSliderSlide h2, .orgSliderSlide p {
  color: #1E212B;
  text-shadow: none;
}

.orgSliderSlide h2 {
  line-height: 48px;
}

@media(max-width:991px){
  .orgSliderSlide h2 {
    font-size: 36px;
    line-height: 36px;
  }  
}


.orgSliderSlide .carousel-inner.bg-img > .item {
  background-color: #e7e7e7;
}

.orgSliderSlide .carousel-control .icon-next:before, .orgSliderSlide .carousel-control .icon-prev:before {
  color: #1E212B;
  font-family: 'Helvetica';
  font-size: 120px;
}

.orgSliderSlide .carousel-caption {
  bottom: unset;
  display:flex;
  flex-wrap: wrap;
  left: 0px;
  right: 0px;
  text-align: left;
}

.orgSliderSlide .orgSliderLeft {
  flex: 33.333%;
  padding-right: 100px;
}

.orgSliderSlide .orgSliderRight {
  flex: 66.667%;
}
.orgSliderSlide .orgSliderRightInner {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}

.orgSliderSlide.active {
  transition: all 1s ease-in-out !important;
}

.orgSliderRightInner .orgListItem {
  display: flex;
  justify-content: left;
  align-items: left;
  margin: 2px;
  width: 160px;
  height: 90px;
  background-color: #fcc;
}

 @media only screen and (max-width: 1200px) {
   .orgSliderSlide {
     width: 100%;
     background-color: #ccc;
   }

  .orgSliderRight .orgListItem {
    width: 120px;
    height: 75px;
  }
}

 @media only screen and (max-width: 768px) {

  .orgSliderSlide .orgSliderRight {
    flex:100%;
  }
  .orgSliderSlide .orgSliderLeft {
    flex:100%;
  }
  .orgSliderRight .orgListItem {
    width: 100px;
    height: 60px;
  }
}



/** Footer Content **/

.footer-content .linkStack li{
  margin-bottom:2px;
}

.footer-content .leadParagraph {
  background-color: transparent;
  padding-right: 60px;
}

  .footer-content .leadParagraph {
    padding-right: 0px;
  }
}

/** Placeholder Blocks **/

.placeHolderSection {
  background-color:#BAF9E2;
  display: block;
  min-height: 480px;
  padding: 20px;
}

.placeHolderBlock {
  background-color:#F4F686;
  display: block;
  min-height: 240px;
  padding: 20px;
}

/** Homepage Banner **/

.HomePageFullWidthArea .carousel-caption{
	text-align:left;
	background-color:rgba(30,33,43,0.95);
	padding: 40px;
	left: 0;
	right: 0;
	text-shadow: none;
	top: 12%;
  bottom: 12%;
  width: 840px;
  margin: 0px calc(50% - 585px);
  border-radius: 4px;
}

.HomePageFullWidthArea .carousel-control{
	display:none;
}

.HomePageFullWidthArea .carousel-indicators li{
	background-color:#fff;
	width: 15px;
	height: 15px;
	margin:0px 3px;
}

.HomePageFullWidthArea .carousel-indicators .active{
	background-color:var(--red);
	border-color:var(--red);
}

.HomePageFullWidthArea .carousel-indicators {
    position: absolute;
    bottom: 72px;
    z-index: 15;
    width: 50%;
    margin-left: 0px;
    padding-left: 0;
    list-style: none;
    text-align: left;
    left: calc(50% - 545px);
}

@media(min-width:768px) and (max-width:1200px) {
	.HomePageFullWidthArea .carousel-caption {
		right: 0;
		left: 0;
    width: 70%;
    margin: 15px;
    transform: none;
	}
}

@media(max-width:767px){
	.HomePageFullWidthArea .carousel-caption {
		right: 0%;
		left: 0%;
    width: calc(100% - 40px);
    margin: 0px 20px;
    transform: none;
	}

  .HomePageFullWidthArea .carousel-caption h1 {
    font-size: 27px;
    line-height:1.125em;
    margin-top:15px;
  }

  .HomePageFullWidthArea .carousel-caption p {
    font-size: 18px;
  }

  .HomePageFullWidthArea .carousel-control {
    width:15%;
    opacity: 0.3;
  }

  .HomePageFullWidthArea .carousel-indicators{
    left: calc(50% - 50px);
    bottom: 10px;
  }

  .carousel-control .icon-prev {
    margin-left: 0px;  
  }

  .carousel-control .icon-next {
    margin-right: 0px;  
  }

  .carousel-control .icon-prev, .carousel-control .icon-next {
    top: 75%;
  }

}

/** STANDARD PAGE ELEMENTS (iParts) **/

#masterMainBreadcrumb {
  height:80px;
  margin:0px auto !important;
  padding:20px 0px !important;
  position:relative;
  z-index:99;
}

/** Page Title Standard **/

.pageTitleStandard {
  background: linear-gradient(#1E212B 0%, #1E212B 300px, #F5F5F5 300px);
  height: 260px;
  margin-top:-80px;
  position: relative;
  z-index:10;
}

/* Changed to fit new theme */

@media(max-width:1200px) {
  .pageTitleStandard {
    margin-bottom:0px;
  }
}

.pageTitleStandardInner {
  background: linear-gradient(90deg, #46C7F4 0%, #46C7F4 50%, rgba(0,0,0,0) 50%);
  height: 270px;
}

.pageTitleBannerClip {
  background-color: #46C7F4;
  clip-path: path("m0,320h816.2c58.19-100.72,106.57-207.82,143.82-320H0v320Z");
  height: 270px;
  
}

.pageTitleStandard h1 {
  margin-top:60px;
  height: 180px;
  display: flex;
  align-items:end;
  color: white;
  width: 70%;
  line-height:1em;
}

@media only screen and (max-width: 768px) {
  .pageTitleStandardInner {
    background-color: #46C7F4;
    clip-path: path("m0,320h386.29c13.64-100.72,24.98-207.82,33.71-320H0v320Z");
    height: 270px;
  }
  .pageTitleStandard h1 {
    width: 100%;
  }
}

/** Page Title Small **/

.pageTitleSmall {
  background: linear-gradient(#1E212B 0%, #1E212B 300px, #F5F5F5 300px);
  height: 180px;
  margin-top:-80px;
  position: relative;
  z-index:10;
}

.smallTitle h1 {
  font-size: 48px !important;
  line-height: 48px !important;
}

@media(max-width:1200px){
  .pageTitleSmall {
    margin-bottom:60px;
  }

  .smallTitle h1 {
    font-size: 32px !important;
    line-height: 32px !important;
  }

}

.pageTitleSmallInner {
  background: linear-gradient(90deg, #46C7F4 0%, #46C7F4 50%, rgba(0,0,0,0) 50%);
  height: 190px;
}

.pageTitleBannerSmallClip {
  background-color: #46C7F4;
  clip-path: path("m0,320h816.2c58.19-100.72,106.57-207.82,143.82-320H0v320Z");
  height: 190px;
  
}

.pageTitleSmall h1 {
  margin-top:60px;
  height: 100px;
  display: flex;
  align-items:end;
  color: white;
  width: 70%;
  line-height:1em;
}

@media only screen and (max-width: 768px) {
  .pageTitleSmallInner {
    background-color: #46C7F4;
    clip-path: path("m0,320h386.29c13.64-100.72,24.98-207.82,33.71-320H0v320Z");
    height: 190px;
  }
  .pageTitleSmall h1 {
    width: 100%;
  }
}


.eventPageTitle {
  color:white;
}

/** Lead Paragraph Box **/

.leadParagraph {
  background: var(--grey-1);
  padding: 40px 0;
  margin-bottom: 30px;
}

.leadParagraph.small {
  background: var(white);
  padding: 0px;
  margin-bottom: 30px;
}

.leadParagraph p {
  margin: 0;
}

p.leadParagraph {
  padding: 10px;
}

.iMIS-WebPart .ContentItemContainer .leadParagraph {
  background: transparent;
}

.introParagraph .iMIS-WebPart .ContentItemContainer, .iMIS-WebPart .sectionLeadParagraph {
  width:80%;
}

.leadParagraph, .leadParagraph p, .sectionLeadParagraph {
  font-family:Helvetica Neue;
  font-size: 24px;
  line-height:32px;
}

@media only screen and (max-width: 768px) {
  .leadParagraph .iMIS-WebPart > .ContentItemContainer, .iMIS-WebPart .ContentItemContainer .leadParagraph {
    width:95%;
  }
  .leadParagraph,.leadParagraph p {
    font-size: 24px;
    line-height:27px;
  }
}



/** Page Title Hero **/

.heroTitleBackground {
  height:310px;
  margin-top: -80px;
  background-color: #F5F5F5;
  overflow:hidden;
}

.heroTitleBackground img {
  height: 370px !important;
  width: auto;
  max-width: inherit;
  position: absolute;
  left: 50%;
  clip-path: polygon(100% 0, 100% 300px, 0% 300px, 0% 0);
  }

@media only screen and (min-width:2280px) {
  .heroTitleBackground img {
    width: 50%;
    height: auto;
    max-width: inherit;
  }  
}

.heroTitleBanner {
  height:310px;
  position: relative;
  margin-top: -370px;
  background: linear-gradient(90deg, #46C7F4 0%, #46C7F4 50%, rgba(0,0,0,0) 50%);
}

/* Hero title banner for event page */
.eventBanner.heroTitleBanner {
  margin-top: -310px;
}


.eventBanner h1 {
  height: 180px !important;
}

.eventBanner .date, .eventBanner .city {
  color: var(--black);
  font-weight: 900;
}


@media only screen and (max-width: 992px) {
  .eventBanner h1 {
    font-size: 36px !important;
  }
}


.heroTitleBanner h1 {
  color: #fff;
  margin-top: 30px;
  display:flex;
  align-items:end;
  line-height: 1.125em;
  height:280px;
  line-height: 1em;
}

@media only screen and (min-width: 768px) {
  .heroTitleBanner h1 {
    width: 70%;
    height:240px;
  }
}

.pageTitleHeroClip {
  background-color: #46C7F4;
  clip-path: path("m1,480h734.27C822.56,328.92,895.13,168.27,951,0H1v480Z");
  height:370px;
  display: block;
}

.landingPageTitle {
  margin-top:60px;
}

/** In This Section **/

.inThisSection {
  padding: 40px 0;
}

.inThisSectionInner {
  border-top:solid 2px #1E212B;
  border-bottom:solid 2px #1E212B;
}

.inThisSectionInner > div {
  padding: 0px 6px;
}

.inThisSectionInner .iMIS-WebPart .ContentItemContainer {
  margin-bottom: 20px;
}

.inThisSectionInner .iMIS-WebPart .ContentItemContainer * {
  margin: 0;
  line-height:1.25em;
  padding: 0 12px;
  font-size: 18px;
}

.inThisSectionInner .iMIS-WebPart .ContentItemContainer br {
  display:none;
}

.inThisSectionInner .iMIS-WebPart .ContentItemContainer a {
  font-family: Helvetica Neue;
  font-size: 24px;
  line-height: 24px;
  text-decoration: none;
  width: 100%;
  display:block;
  padding: 18px 12px 12px;
  margin-left: -12px;
  min-height: 54px;
}

.inThisSectionInner .iMIS-WebPart .ContentItemContainer a:before {
  content: "";
  display: block;
  background: url(./images/IMG_ICO_Chevron-Down_Blue.svg) no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  float: right;
  margin: 0 6px 0 0;
  transform:rotate(-90deg);
}

.inThisSectionInner a:hover {
  background-color: var(--blue-hover);
  color: white;
}

.inThisSectionInner a:hover:before {
  margin: 0;
}

.inThisSectionInner br {
  display: none;
}

.inThisSectionInner .ContentItemContainer {
  padding: 0px 2px;
}

.inThisSectionInner .ContentItemContainer .iMIS-WebPart .ContentItemContainer {
  padding: 6px 0px;
  border-bottom:1px solid #e7e7e7;
}

.inThisSectionInner .ContentItemContainer .iMIS-WebPart .ContentItemContainer:has(.lastNav) {
  border-bottom:none;
}

.inThisSection.level1 .inThisSectionInner {
  border-bottom: none;
}

.inThisSection.level1 .iMIS-WebPart .ContentItemContainer {
  min-height:180px;
}

/** CONTENT LAYOUT **/

/** Reverse layout on mobile
 * Used for event pages, publications and more.
 **/

.parent {
  display: flex;
}

@media screen and (max-width: 600px) {
  .parent {
    display: flex;
    flex-direction: column-reverse;
  }
  .colReverse {
    width: auto;
    min-height: 100px;
  }
  .colReverse {
    width: auto;
    min-height: 100px;
  }
}


/** CONTENT BLOCKS **/

/** Sidebar Navigation **/

.sideBarNavigationInner {
  border-top:solid 2px #1E212B;
  border-bottom:solid 2px  #1E212B;
}

.sideBarNavigationInner p {
  margin: 0;
}

.sideBarNavigationInner a {
  font-family: Helvetica Neue;
  font-size: 21px;
  line-height: 24px;
  text-decoration: none;
  width: 100%;
  display:block;
  padding: 18px 0 15px 0;
  border-bottom: #f5f5f5 1px solid;
}

.sideBarNavigationInner a:before {
  content: "";
  display: block;
  background: url(./images/IMG_ICO_Chevron-Down_Blue.svg) no-repeat;
  background-size: cover;
  width: 16px;
  height: 16px;
  float: right;
  margin: 0 6px 0 0;
  transform:rotate(-90deg);
}

/*

Site Wide Custom Block Styling

*/

/* Profile Image */


.profileImage {
  clip-path: circle(50% at center);
  width: 200px;
}

/* Another Expand Collapse Field Simpler */

#masterContentArea details {
  width: calc(100% - 20px);
  min-height: 5px;
  max-width: 1000px;
  padding: 25px 70px 25px 15px;
  margin: 0;
  position: relative;
  font-family: 'Helvetica', Arial, sans-serif;
  font-size: 18px;
  line-height: 1.7;
  border-bottom: 1px solid rgba(0,0,0,.1);
  border-radius: 0px;
  box-sizing: border-box;
  transition: all .3s;
  background-color: var(--grey-1);
}

#masterContentArea summary {
  font-size: 21px;
  font-weight:600;
}

#masterContentArea details:hover {
  background: var(--a-hover);
}

#masterContentArea summary::after {
  padding: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  color: rgba(87, 205, 255, 1);
  font-size: 24px;
  font-style: normal;
  font-variant-caps: normal;
  font-variant-ligatures: normal;
  font-weight: 900;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\276F";
  transform: translateY(-50%) rotate(90deg);
  transition: .1s ease;}
}

#masterContentArea details[open] {
  min-height: 50px;
  background-color: #f6f7f8;
  box-shadow: 2px 2px 20px rgba(0,0,0,.2);
}

#masterContentArea details[open] summary {
  margin-bottom: 4px;
}

#masterContentArea details[open] summary::after {
  content: "\276F";
  font-size: 24px;
  top: 0;
  transform: translateY(-5px) rotate(-90deg);
  transition: .1s ease;
}

#masterContentArea summary::marker {
  content: "";
}

#masterContentArea summary::-webkit-details-marker {
  display: none;
}

/* Expand Collapse Fields */

.expandCollapse {
  margin-top:0px;
  margin-bottom:0px; 
}

@media(max-width:767px){
  .expandCollapse {
    margin-top:10px;
    margin-bottom:5px; 
  }
}

.expandCollapse input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

/* Accordion styles */
.expandCollapse .tabs {
  overflow: hidden;
  border-top: var(--a-hover) solid 2px;
  border-bottom: var(--a-hover) solid 2px;
}

.expandCollapse .tab {
  width: 100%;
  color: white;
  overflow: hidden;
  border-bottom: 1px solid var(--grey-1);
}

.expandCollapse .tab-label {
    display: flex;
    justify-content: space-between;
    padding: 15px 30px !important;
    background: #f5f5f5;
    font-weight: bold;
    cursor: pointer;
    color: #222;
}

@media(max-width:767px){
  .expandCollapse .tab-label {
      padding: 15px 30px !important;
  }
}



.expandCollapse .tab-label h3 {
  font-family: Helvetica Neue;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size:24px;
  color: var(--blue);
}

.expandCollapse .tab-label:hover {
  background: var(--a-hover);
}

.expandCollapse .tab-label:after {
  transform: rotate(90deg) translateY(-20px) translateX(-6px);
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all .35s;
  font-size:24px;
  padding: inherit;
}

.expandCollapse .tab-content {
    max-height: 0;
    padding: 0 1em;
    color: #222;
    background: white;
    transition: all .35s;  
}

.expandCollapse input:checked .tab-label {
    background-color: var(--grey-2);
}

.expandCollapse input[type="checkbox"]:checked ~ .tab-label:after {
    transform: rotate(-90deg) translateX(-15px) translateY(-20px);
    transition: all .35s;
}

.expandCollapse input[type="checkbox"]:checked ~ .tab-content {
    max-height: 100vh;
    padding: 1em;
    background-color: white;
}


/* Featured Links */

.featuredLinks .panel-body, .latestNews .panel-body {
  padding: 0px;
}

.featuredLinks a {
  color: var(--blue);
}

/* Stadnard Feature Block */

.featureBlock {
  padding: 0 30px 30px;  
  box-shadow: 0px 0px 24px 2px rgba(0,0,0,0.1);
  background-color: #f5f5f5;
}

/* Quick Fact */

.quickFact {
  margin:20px 0;
  box-shadow: 0px 0px 24px 2px rgba(0,0,0,0.1);
  border-radius: 4px;
}


/* File Download Block */

@media max-width(768px) {
  .fileDownloadBlock {
    margin-top: -60px;
  }
}

.fileDownloadBlock img {
  box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
  width: 100%;
}

.fileDownloadBlock a:hover img {
  opacity: 0.95;
}

.downloadLink .downloadSize {
  font-size:15px;
  font-weight: 300;
}

/* File Download List */

a.fileDownload {
  border-top:solid 2px #1E212B;
  border-bottom:solid 2px #1E212B;
  background-color:#fff;
  display:block;
  width: 100%;
  padding: 15px;
  margin-bottom: 30px;
  transition: background-color ease 0.5s !important;
}

a.fileDownload:hover {
  background-color:#EBFAFF;
}


a.fileDownload .fileDownloadTitle {
  font-family:Helvetica Neue;
  font-size: 24px;
  line-height:32px;
}

a.fileDownload::before {
  content:'';
  display:block;
  background-image:url("./images/ICO_Download.png");
  background-size: cover;
  width: 36px;
  height: 36px;
  float:right;
  margin-top: -4px;
  border-radius: 4px;
}


/* File Download Button */

.btnDownload {
  background-color: var(--red);
  color: white !important;
  width:100%;
  max-width: 420px;
  padding: 20px 30px;
  text-decoration: none;
  display:inline-block;
  line-height: 1.25em;
  font-weight:600;
}

.btnDownload:hover {
  background-color: var(--red-hover);
  text-decoration: none;
  color:white !important;
}

.btnDownload:active, .btnDownload:visited {
  color:white !important;
}

.btnDownload:before {
  content:'';
  display:block;
  background-image:url("./images/ICO_Download.png");
  background-size: cover;
  width: 36px;
  height: 36px;
  float:right;
  margin-top: -4px;  
}

.btnDownload:hover:before, .fileDownload:hover:before  {
  margin-top: 0px; 
  transition: 0.5s; 
}

.btnDownload em {
  display: inline-block;
  font-size:15px;
  font-weight: 300;
}

/**
 *  
 * FEATURE SECTIONS & COMPONENTS
 * 
*/


/* Tab Styles */

.contentTabs .RadTabStripTop_MetroTouch .rtsLevel1 .rtsLink {
  padding: 10px 15px;
}

/** Standard Content Row **/

.standardRow {
  padding: 40px 0px;  
}

/** Profile Block - Horizontal **/

.profileHorizonal {
  margin:20px 0px; 
  display: flex;
}

.profileHorizonal .image {
 float:left; 
 padding: 20px 20px 0 0;
}
.profileHorizonal img {
  width: 240px;
  clip-path: circle(50% at center);
  display: block;
}

.profileHorizonal .content {
  float:right;
  width:calc(100% - 280px)
}

@media(max-width:767px){
  .profileHorizonal .image, .profileHorizonal .content {
    float: none;
    width: 100%;
  }
}

/** 
 * Profile Block - Vertical - 3 Across
 * 
 * Display Network Convenors or Featured Speakers - Three Across using Flex
 * 
**/

.profilesVertical {
  display: flex; 
  flex-direction: row;
  flex-wrap: wrap; 
}

.profileVertical {
  margin: 10px;
}

.profileVertical img {
  clip-path: circle(50% at center);
  margin-bottom: 10px;
  max-width: 240px;
}

.profileVertical.threeAcross {
  width: 240px;
  text-align: center;
}

.profileVertical.fiveAcross {
  width: 150px;
  text-align: center;
}

.profileVertical.fiveAcross img {
  width: 100%;
}

/** About IEAA **/

.aboutIEAA {
  background: url(./images/IMG-Web-About-Background.jpg) no-repeat;
  background-size: cover;
}

/** Featured Sections **/

.featuredSection, .networkConvenors {
  background-color: #ffffff;
  padding: 20px 0px;
}

.standardContentSection, .newsInsights {
  padding: 40px 0;
}

.featuredSection .row {
  padding-bottom: 40px;
}


/** Section Overlap **/

.sectionOverlap {
  margin-top: -80px;
  padding-top: 120px;
  position: static;
  z-index:99;
}

/** Featured Blocks **/

.featuredBlock .ContentItemContainer {
  background-color: #F5F5F5;
  position: relative;
  z-index; 100;
  padding: 15px;
  margin-bottom: 15px;
}

.blockOverlap {
  margin-top: -80px;
}


.featuredBlock h2 {
  font-size: 32px;
}


/** Membership Types **/

.membershipBlock {
  padding: 30px;
  margin: 30px;
  width: calc(33% - 40px);
}

.membershipBlock .membershipDescription {
  min-height: 360px;
}

/** Hero Link **/

.heroLink {
  overflow: hidden;
  background-color: var(--blue);
}

.heroLink .ContentItemContainer, .heroLink .panel-body {
  padding: 0px;
}

.heroLink panel-body {
  padding: 0 !important;
}

.heroLinkBackground {
  height:600px;
  background-color: white;
  overflow: hidden;
}

.heroLinkBackground img {
  height: 600px !important;
  width: auto;
  position: absolute;
  left: 30%;
  max-width: inherit;
  }

@media (min-width:2280px) {
  .heroLinkBackground img {
    left: 40%;
    width: 50%;
    height: auto;
    max-width: inherit;
  }  
}

.heroLinkBanner {
  height:600px;
  position: relative;
  margin-top: -600px;
  background: linear-gradient(90deg, var(--blue) 0%, var(--blue) 30%, rgba(0,0,0,0) 30%);
}

.heroLinkBanner h2 {
  color: #fff;
  margin-top: 60px;
  display:flex;
  align-items:end;
  line-height: 1.125em;
}

@media (max-width:768px) {

  .heroLink{
    padding-bottom: 40px;
  }

  .heroLinkBackground {
    height:320px;
    background-color: white;
    overflow: hidden;
  }

  .heroLinkBackground img {
    left: 0%;
    /*width: 50%;*/
    height: auto;
    max-width: inherit;
    height:320px;
  }  

  .heroLinkBanner {
    height:auto;
    position: relative;
    margin-top: -80px;
    background: linear-gradient(90deg, var(--blue) 0%, var(--blue) 30%, rgba(0,0,0,0) 30%);
  }

}

.pageLinkHeroClip {
  background-color: var(--blue);
  clip-path: path("m0,600h442.34C551.45,411.15,642.16,210.34,712,0H0v600Z");
  height:600px;
}

.pageLinkHeroContent {
  background-color: var(--black);
  height: 420px;
  margin-top: -540px !important;
  z-index: 99;
  position: relative;
  width:70%;
  padding:60px;
  border-radius: 4px;
}

.pageLinkHeroContent h4, .pageLinkHeroContent p {
  color: white;
}

.pageLinkHeroContent h4 {
  font-size: 27px;
}

@media max-width(1200px) {
  .pageLinkHeroContent {
    margin-left: 30px;
    width:90%;
  } 
}

@media only screen and (max-width: 768px) {

  .heroLinkBanner h1 {
    width: 70%;
    height:240px;
  }

  .pageLinkHeroContent {
    margin-left: 15px;
    width:90%;
    padding:40px;
  } 

  .pageLinkHeroContent p {
    line-height: 1.5em;
  }

  .pageLinkHeroClip {
    background-color: var(--blue);
    clip-path: path("m0,600h106.34C215.45,411.15,306.16,210.34,376,0H0v600Z");
    height:370px;
  }

}

/** Testimonial Hero **/

.testimonialSlider {
  background-color: var(--blue);
  margin-top: 40px;
}

.networkPublicationsInner {
  border-top: solid 2px #1E212B;
  border-bottom: solid 2px #1E212B;
}


/** Featured News & Events, Insights & Publications **/

.publicationsList td {
  vertical-align: top;
}

.featuredBlock > div, .featuredEvent, .featuredPublication {
  background-color: #F5F5F5;
  box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.15);
  border-radius: 4px;
  padding: 20px 30px;
}

.featuredBlock.darkBlock {
  background-color: #1E212B;
  color: #ffffff;
}

.featuredInsight {
  background-color: #1E212B;
  color: #ffffff;
  box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.1);
  border-radius: 4px;
}

.featuredInsight .panel-body {
  padding: 0;
}

.featuredInsight .BlockTLItem, .heroLink .BlockTLItem {
  padding: 0px;
}

.featuredInsight a, .featuredInsight a:visited {
  color: var(--blue) !important;
  text-decoration: none;
}

.featuredInsight a:hover {
  color: var(--blue-hover);
}

.featuredInsight span, .featuredInsight h4 {
  padding: 12px 0;
}

.featuredLink {
  background-color: #1E212B;
  color: #ffffff;
  border-radius: 4px;
  padding: 0px;
}

.featuredLink a, {
  color:white;
}

.featuredLink p, .featuredInsight p {
  font-size:0.875em;
}

.featuredLink span.text, .featuredInsight span.text {
  padding: 0 20px;
  display: block;
}

.featuredLink span.text {
  height: 260px;
  overflow: hidden;
}

.featuredLink h3 {
  min-height: 80px;
  margin:0 0 10px;
  color: var(--blue);
}

/* Featured Link */



/* Custom Social Share - Remove Facebook*/

.socialShareCustom .sshShareOnFacebook {
  display: none !important;
}


/** Insights Styles **/

.insightTitleBackground {
  margin-top: -80px;
}

.insightTitleBackground img {
  width:100%;  
  clip-path: polygon(100% 0, 100% 420px, 0% 420px, 0% 0);
  min--height: 420px;
}

.insightTitle {
  background-color: var(--grey-1);
  box-shadow: 0px 0px 24px 2px rgba(0,0,0,0.1);
  margin-top: -100px;

}

.insightArticle.leadParagraph {
  padding:10px 0 50px;
}

.insightTitleInner {
  padding-bottom: 10px;
}

.insightTitleBox {
  border-left: 30px var(--blue) solid;
  display: block;
  margin-top: -60px;
}

.insightTitleTape {
  background-color: var(--blue);
  display: inline;
  color: var(--white);
  line-height: 1.2em;
}

.insightTitleTape span {
  background-color: var(--blue);
  color: var(--white);
  position: relative;
  left:-15px;  
}


@media only screen and (max-width: 768px) {
  .insightTitleBackground {
    margin-top: -80px;
  }

  .insightTitleBackground img {
    min-height: 280px;

  }

  .insightTitleBox {
    padding-top: 2px;
  }

  h1.insightTitleTape {
    font-size: 32px;
    line-height: 1.1em;

  }

  .insightTitleTape {
    padding: 4px 0;
  }

  .insightTitleTape span {
    top: 2px;
  }

  .insightsAuthor {
    margin-bottom: 20px;
  }

  .insightsAuthor .profileImage {
    width: 150px;
    float: left;
    margin-right: 15px;
  }

}


.insightDate {
  margin-top: 20px;
}

.insightBlock {
  background-color: #F5F5F5;
  box-shadow: 0px 0px 24px 2px rgba(0,0,0,0.1);
}

.insightDetails {
  background-color: var(--grey-1);
}

.insightAuthorList {
  margin-top:-40px;
}

.insightAuthorList .WebPartZone {
  display: flex;
  flex-direction: column;
}

.insightsAuthor {
  padding-right: 20px;
  line-height: 1.5em;

}

.insightsAuthor .profileImage {
  clip-path: circle(50% at center);
  margin-bottom: 20px;
}

/** Insights List Styles - Two Across **/

.insightsList {
  display: flex;
  flex-wrap: wrap;
}

.insightsList .BlockTLItem {
  display: flex;
  width: 50%;
  padding: 10px;
  margin-bottom: 30px;
  border-bottom:none;
}

@media only screen and (max-width: 768px) {
  .insightsList .BlockTLItem {
    width: 100%;
  }
}


/* EVENTS SEARCH LIST */

.eventsList {
  background-color:#f5f5f5;
}

.eventSearch {
  background-color: transparent;
}

.eventSearch div[id*="ResultsGrid_Grid1"].RadGrid_MetroTouch > table > tbody {
  display: flex;
  flex-wrap: wrap;
}

.eventSearch div[id*="ResultsGrid_Grid1"].RadGrid_MetroTouch > table > tbody > tr {
  display: flex;
  width: 50%;
  padding: 10px;
  margin-bottom: 30px;
  border-bottom:none;
}

.eventSearch div[id*="ResultsGrid_Grid1"].RadGrid_MetroTouch > table > tbody > tr > td {
  width:100% !important;
  border-bottom: #1E212B 1px solid;
}

.eventSearch .FilterPanel {
  background: #ffffff;
}

.eventSearch select, .eventSearch textarea, .eventSearch input[type="text"], .eventSearch input[type="datetime"], .eventSearch input[type="datetime-local"], .eventSearch input[type="date"], .eventSearch input[type="month"], .eventSearch input[type="time"], .eventSearch input[type="week"], .eventSearch input[type="number"], .eventSearch input[type="email"], .eventSearch input[type="url"], .eventSearch input[type="search"] {
  background: #f5f5f5;
}

/* Override the search field colours */


/* MEMBER DIRECTORY */

.memDir .image {
  display:none;
}

.memDir tr {
  border:none !important;
}

.memDir tr td {
  border:none !important;
  margin: 0px !important;
  padding: 0px !important;
  display: block !important;
}


.memDirOrgTitle {
  color: var(--blue);
}


/* Display event three across */




.eventSearch .FilterPanel {
  background-color: transparent;
}

@media only screen and (max-width: 768px) {
  .eventSearch div[id*="ResultsGrid_Grid1"].RadGrid_MetroTouch > table > tbody > tr {
    width: 100%;
  }
}
.eventSearch .eventList {
  background-color: #fff;
  border: none;
  border-radius: 2px;
  padding: 0px 0px 15px;
  box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
  margin-bottom: 0px;
}

.evenRegisterButton {
  margin:30px 0px;
}

.eventSpeakers .RadGrid.RadGrid_MetroTouch .rgMasterTable {
  border: none !important;
}

.eventSpeakers div {
  padding: 0px;
}

.eventSpeakers h2 {
  margin: 15px 0px;
}

.eventSpeakerBios td[role=gridcell] {
  background-color: #f5f5f5;
  border-bottom: 2px solid #e9e9e9 !important;  
  vertical-align: top;
}

/* Style fixes for event speaker bios */
/* Align closer bounding box */

.eventSpeakerBios.profileVertical {
  margin: 0px !important;
}

.eventSpeakerBios .panel-heading, .eventSpeakerBios .panel-description {
  padding: 8px 0px !important;
}

.eventSpeakerBios .panel-heading h2 {
  font-size: 36px;
}

.eventSpeakerBios table {
  border-bottom:none !important;
  border-top:solid 1px #e9e9e9 !important;
}

.eventSpeakerBios .panel-heading.Distinguish {
  border-color:#fff;
}

/* Smaller profile images */


/* Event Speakers */

/* Padding and width for the table cell */

.eventSpeakerBios tr td:first-child {
  padding: 6px !important;
  width: 150px;
  background-color: #f5f5f5;
  border-bottom: 2px solid #e9e9e9 !important; 
  vertical-align: top;   
}

.eventSpeakerBios img {
  width: 120px !important;
  margin: 10px 15px 5px;
}

.eventSpeakerBios details {
  min-height: 160px !important;
  border: none !important;
}

.eventSpeakerBios details p {
  margin: 0px;
}

.eventSpeakerBios details summary {
  font-size: 24px;   
  line-height: 36px;
}

.eventSpeakerBios details summary span {
  font-size: 20px;   
  line-height: 21px;
  font-weight: 400;
}

.eventSpeakerBios details summary span p {
  margin: 6px 0px !important;
}

.eventSpeakerBios details:open {
  min-height: 160px;
}

.eventSpeakerBios details[open] summary::after {
  padding: 60px 20px !important;
}

/* Mobile Version */

@media (max-width: 767px) {

  .eventSpeakerBios tr td:first-child {
    padding: 5px;
    width: 86px !important;
  }

   .eventSpeakerBios img {
    width: 80px !important;
    margin: 5px 5px 5px !important;
  }

 .eventSpeakerBios details {
    padding: 15px 42px 10px 3px !important;
    font-size: 15px !important;
    line-height: 20px !important;
    width: 100% !important;
  }

 .eventSpeakerBios details p {
    margin: 6px 0px !important;
  }

 .eventSpeakerBios details summary {
    font-size: 18px !important;   
    line-height: 21px !important;
 }
 .eventSpeakerBios details summary span {
    font-size: 16px;
    margin: 3px 0px !important;
 }

 .eventSpeakerBios details summary::after {
   padding: 15px;
 }

 .eventSpeakerBios details[open] summary::after {
   padding: 60px 15px;  
 }

}

.eventList .image {
  width: 100%;
  height: 240px;
}

.eventList .content {
  display: block;
  padding: 24px;
  max-width: 100%;
  margin: 0px;
  height: 320px;
}

.eventList .date {
  display:inline-block;
}

.eventList .title, .eventList .rgSelectedRow a.title {
  height: 90px;
  overflow: hidden;
  text-decoration-color: var(--a-hover) !important;
  color: var(--black) !important;
}

.eventList .title:hover, .eventList .rgSelectedRow a.title:hover {
  color: var(--black);
  text-decoration: underline !important;
  text-decoration-color: var(--blue) !important;
  text-decoration-thickness: 2px !important;
}

.eventList .clearQ .RadGrid_MetroTouch .rgSelectedRow a.title {
  color: var(--black);  
}

/* EVENT PAGES */

.eventBlocks {
  background-color: #F5F5F5;
  padding: 10px 0;
  margin-bottom: 0px;
}

.eventBlocks .eventBlock {
  background-color: #ffffff;
  padding: 20px;
  margin-top:-40px;
  margin-right: 20px;
  box-shadow: 0 0 10px 2px rgba(0,0,0,0.1);
}

.registrationBlock {
  margin-top: 10px;
}

.registrationBlock .eventDetails {
  display: block;
}

/* Override the two column layout */

.eventSocialShare {
  text-align:right;
}

.registrationBlock .RegistrationArea {
    width: 100% !important;
    padding: 0px;
}



.registrationBlock .feeVariations {
  background-color: #1E212B;
  color: #fff;
  margin-top: -48px;
  padding: 12px;
  /* border-top: 2px #ffffff solid; */
  /* border-bottom: 2px #ffffff solid; */

}

@media (max-width: 767px) {
  .registrationBlock .feeVariations {
    margin-top: 0px;
  }
}

.feeVariations .rgMasterTable tbody {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.feeVariations .rgMasterTable tbody tr {
  border-top: 1px #fff solid;
  padding: 4px 0;
}

.feeVariations .title {
  width:240px;
  font-weight:600;
  line-height:1.25em;
}

.feeVariations .title, .feeVariations .memFee {
  float: left;
}

.feeVariations .memFee, .feeVariations .nonMemFee {
  width:92px;
  text-align: right;
}

.feeVariations .feeSmall {
  font-size:15px;
  font-weight:300;
}

@media (max-width: 767px) {
  .feeVariations .title {
    width:180px;
  }

  .feeVariations .memFee, .feeVariations .nonMemFee {
    width:68px;
  }
}

.registrationBlock .registrationButton {
  background-color: #1E212B;
  color: #fff;
  padding: 12px;
}

#ste_container_ciEventDisplay {
  background-color: #1E212B;
  color: #fff;
}

.registrationBlock .feeVariations table {
  color: #fff;
}

.registrationBlock .HelperText {
  color: #78797F;
}

/* Informaton to diplay the quick event info  */
.quickContact {
  background-color: var(--grey-1);
  border-top: 2px #1E212B solid;
  border-bottom: 2px #1E212B solid;
}

.quickContact a, .contactRow {
  display: flex;
  padding: 10px;
  border-bottom: var(--grey-1) 1px;
}

.quickContact a {
  text-decoration: none;
  transition: background-color 0.5s ease;
}

.quickContact a:hover {
  background-color: var(--blue-hover);
}


/* Informaton to diplay the quick event info  */
.registrationBlock .eventQuickData {
  border-top: 2px #1E212B solid;
  border-bottom: 2px #1E212B solid;
}

/* Spans to show icons   */

.quickDataRow {
  display: flex;
  background-color: #F5F5F5;
  padding: 10px;
  border-bottom: 1px #1E212B solid;  
}

.footer-content .quickDataRow {
  background-color: var(--black);
  border-bottom: none;
  display: inline-block;
}


.quickIcon {
  width: 20px;
  height: 20px;
  background-size: cover;
  display: inline-block;
  margin-right: 10px;
}

.eventQuickData .quickIcon {
  width: 40px;
  height: 40px;
  margin-right: 20px;
}

.quickIcon.locationIcon {
  background-image: url("/images/icons/graphic/ICO_SQU_Location.png");
}

.quickIcon.datesIcon {
  background-image: url("/images/icons/graphic/ICO_SQU_Calendar.png");
}

.quickIcon.fellowshipIcon {
  background-image: url("/images/icons/graphic/ICO_SQU_Fellowship-Points.png");
  font-weight:900;
  text-align:center;
  padding:8px 0;
  color:white;
}

.quickIcon.quoteIcon {
  background-image: url("/images/icons/graphic/ICO_Quote_Light.png");
}

.quickIcon.phoneIcon {
  background-image: url("/images/icons/graphic/ICO_Phone_Dark.png");
}

.quickIcon.postIcon {
  background-image: url("/images/icons/graphic/ICO_Post_Dark.png");
}

.quickIcon.mailIcon {
  background-image: url("/images/icons/graphic/ICO_Mail_Dark.png");
}

.quickIcon.phoneIconLight {
  background-image: url("/images/icons/graphic/ICO_Phone_Light.png");
}

.quickIcon.postIconLight {
  background-image: url("/images/icons/graphic/ICO_Post_Light.png");
}

.quickIcon.mailIconLight {
  background-image: url("/images/icons/graphic/ICO_Mail_Light.png");
}

.quickIcon.locationIconLight {
  background-image: url("/images/icons/graphic/ICO_Location_Light.png");
}

/* Divide the sponsor information with a border */
.sponsorBlock {
  border-top: 1px #1E212B solid;  
  margin-top: 20px;
}


/* Sponsor List - Place Logos  */
.sponsorLogos {
  display:flex;
}

.sponsorLogos img {
  height: 100px
}


/* Hide the event details from the add to calendar page */

.addToCalendar .Section, .addToCalendar .EventSummary {
  display:none;
}

/* Hide the event description from registration section */

.eventRegistration {
  padding-top: 40px;
}

.eventRegistration .Section, .eventRegistration .EventSummary {
  display:none;
}


/* Print Version Rules */

@media print {
  .footer, .header {
    display: none;
  }
}


/* CAREERS ALERT DISPLAY  */

.careersList td {
  vertical-align: top;
  border-top:solid 1px #E7E7E7 !important;
}

.careersList img {
  margin-top: 15px;
}

.careersList table {
  border-bottom:solid 1px #E7E7E7;
}


.careerContent {
  padding: 10px 0px;
}

.careerContent .careerTitle {
  font-size: 21px;
  font-weight: 900;
  line-height: 1em;
}

.careerRow .careerOrganisation {
  font-size: 24px;
}

/* Apply to any query where row search where need to stack the searcj fields. 

CAREERS SEARCH, EVENTS SEARCH,  */

/* Note: Removed .iMIS-WebPart .panel .node .PanelField so that it defaults back to single column. Add rowSearch if you want to stack them.  */

@media only screen and (min-width: 768px) {
  .rowSearch div[id*="ParametersContainer"] .PanelField {
    padding-top: 0px;
    width:auto;
  }

  .rowSearch input[type="submit"] {
    margin-right: calc(100% - 180px);
  }

  .rowSearch .NextPrevAndNumeric input[type="submit"] {
    margin-right: auto;    
  }

}

.rowSearch .PanelField label {
  margin-bottom: 0px;
}

.rowSearch .PanelField .PanelFieldValue {

}

.rowSearch .PanelField .PanelFieldValue select, .rowSearch .PanelField .PanelFieldValue textarea,
.rowSearch .PanelField .PanelFieldValue input[type="text"] {
  height: 40px;
}




/* CAREER OPPORTUNITY  */

.careerOpportunity table {
  border-top: solid 1px #1E212B;
}


/* MEMBER PROFILE & ACCOUNT STYLES */

.accountBanner {
  background-color: #33cdff;
  height: 210px;
  margin-top: -80px;
}

.accountProfile {
  background:linear-gradient(var(--blue) 0%, var(--blue) 180px, var(--grey-1) 180px);
}

.accountProfile a, .accountProfile span  {
  color: white !important;
}

.accountProfile .accountProfileContainer {
  padding: 20px;
  background-color: #1E212B;
  margin-top: -180px !important;
  color: white;
  min-height: 300px;
  box-shadow: 0px 0px 10px 0px rgba(30,33,43,0.25);
  border-radius: 150px 0 0 150px;
  margin-right: 0 !important;
  max-width: calc(50% + 720px) !important;
}

@media only screen and (max-width: 768px) {
  .accountProfile .accountProfileContainer{
    margin-top: 40px;
    max-width: 100%;
    border-radius: 0px;    
  }
}

.accountProfile .accountProfileContainer * {
  background-color: transparent;
}

.accountBack {
  background-color: var(--grey-1);
  padding: 10px 0px;
}

.accountManager {
  padding-top: 40px;
}

.accountManager .RadTabStripLeft {
  border: none !important;
  padding-right: 20px;
}

.accountManager .RadTabStripLeft .rtsUL, .standardLeftTab .RadTabStripLeft .rtsUL {
  width: 300px;
}

.accountManager .RadTabStripLeft .rtsIn .rtsTxt {
  text-align: left;
  font-family: Helvetica Neue;
  font-size: 21px;
  line-height: 36px;  
  padding: 10px 0 8px;
}

.accountManager .RadTabStripLeft .rtsLI .rtsLink {
  border-bottom: none !important;
  border-left: none !important;
}

.commsPreferences {
  background-color: #F7F3ED;
  padding: 30px;
}

/* ORG PROFILE AND STYLES */

@media (min-width:992px) {
  .account-page-with-banner .mini-profile-banner-large {
    margin-top: 4px;
    margin-left: 4px;
  }
}

.account-page-with-banner input {
  background-color: var(--red);
}

.account-page-with-banner input:hover {
  background-color: var(--red-hover);
}

.account-page-with-banner .mini-profile-banner-large .mini-profile-picture-section, 
.account-page-with-banner .mini-profile-banner-small .mini-profile-picture-section,
.account-page-with-banner .mini-profile-banner-large .panel-heading, 
.account-page-with-banner .mini-profile-banner-small .panel-heading, 
.account-page-with-banner .account-page-top-area.account-page-top-area {
  background: transparent;
}


/* Customised Display for Error Messages  */

#ctl01_UserMessagesUpdatePanel {
  position: fixed;
  z-index: 99;
  top: 180px;
  margin: 15px;
  width: 50%;
  right: 15px;
}

@media (max-width:992px) {
  #ctl01_UserMessagesUpdatePanel {
    top: 80px;
    margin: 15px;
    width: 90%;
  }
}


/* Subscribe - Customised Display for Network Preferences */

#ctl01_TemplateBody_WebPartManager1_gwpciNewContentCollectionOrganizerCommon_ciNewContentCollectionOrganizerCommon_NewPanelEditorCommon_panelEditor_My_Demographics___NetworkSubscription, #ctl01_TemplateBody_WebPartManager1_gwpciMyAccount_ciMyAccount_NetworkPreferences_panelEditor_My_Demographics___NetworkSubscription {
  height:400px !important;
  border:none !important;
}

.networkPreferencesPanel .PanelFieldValue .CheckBoxList {
  height:400px !important;
  border:none !important;  
}
.networkPreferencesPanel .PanelFieldValue .CheckBoxList, .specialInterestsPanel .PanelFieldValue .CheckBoxList {
  width: 100% !important;
}

.networkPreferencesPanel span[id^="My_Demographics___NetworkSubscription_Holder_Label"] {
  display: none;
}

.specialInterestsPanel span[id^="My_Demographics___SpecialInterestGroups_Holder_Label"] {
  display: none;  
}

/**

.accountManager .RadTabStripLeft .rtsLI:nth-child(2) .rtsLink,
.accountManager .RadTabStripLeft .rtsLI:nth-child(5) .rtsLink,
.accountManager .RadTabStripLeft .rtsLI:nth-child(7) .rtsLink,
.accountManager .RadTabStripLeft .rtsLI:nth-child(9) .rtsLink,
.accountManager .RadTabStripLeft .rtsLI:nth-child(10) .rtsLink 
{ 
  border-top:none;
}

.accountManager .RadTabStripLeft .rtsLI:nth-child(2) .rtsOut,
.accountManager .RadTabStripLeft .rtsLI:nth-child(5) .rtsOut,
.accountManager .RadTabStripLeft .rtsLI:nth-child(7) .rtsOut,
.accountManager .RadTabStripLeft .rtsLI:nth-child(9) .rtsOut,
.accountManager .RadTabStripLeft .rtsLI:nth-child(10) .rtsOut 
{ 
  height: 36px;
}

.accountManager .RadTabStripLeft .rtsLI:nth-child(2) .rtsTxt,
.accountManager .RadTabStripLeft .rtsLI:nth-child(5) .rtsTxt,
.accountManager .RadTabStripLeft .rtsLI:nth-child(7) .rtsTxt,
.accountManager .RadTabStripLeft .rtsLI:nth-child(9) .rtsTxt,
.accountManager .RadTabStripLeft .rtsLI:nth-child(10) .rtsTxt
{ 
  font-size: 15px;
  padding: 4px 0 2px;
  font-family: Helvetica;
  font-weight: 100;
  line-height: 26px;
}

**/

.accountManager .tabs-right > .RadMultiPage, .accountManager .tabs-left > .RadMultiPage {
  border: none;
}


/* FELLOWSHIP MEMBER DISPLAY */

.activityLogbook .panel-body .RadGrid_MetroTouch table {
  font-size: 15px !important;
  line-height: 1.375em;
}

.activityLogbook .panel-body .RadGrid_MetroTouch table th, .activityLogbook .panel-body .RadGrid_MetroTouch table td {
  vertical-align: top !important;
}

.activityLogbook .panel-body .RadGrid_MetroTouch table .rgSelectedRow {
  color:var(--black) !important;
  background-color: #fff !important;
}

@media only screen and (min-width: 768px) {
  .activityLogbook .panel-body .RadGrid_MetroTouch table th:first-child {
    min-width:120px;
  }
}




/* LOGBOOK FORM STYLE */

.PanelEditorEditForm > div > .Evidence {
  background-color: var(--a-hover);
  padding: 10px 20px;
  margin: 30px auto 20px;  
}


/* ADMIN STYLES */

/***** IEAA myaccount - CPD Logbook add activity popup styling START *****/

form[action*="./PanelEditDialog.aspx?PanelDefinitionId=5c1bb8a2"] .ButtonPanel input[value="Save & Close"] {
  border-radius: 4px;
  padding: 15px 30px;
  font-weight: 700;
  display: inline-block;
  text-decoration: none;
  max-width: 420px;
  background: var(--red);
}

form[action*="./PanelEditDialog.aspx?PanelDefinitionId=5c1bb8a2"] .ButtonPanel input[value="Save & Close"]:hover {
  background: var(--red-hover);
}

form[action*="./PanelEditDialog.aspx?PanelDefinitionId=5c1bb8a2"] .ButtonPanel input[value="Cancel"] {
  border-radius: 4px;
  padding: 15px 30px;
  font-weight: 700;
  display: inline-block;
  text-decoration: none;
  max-width: 420px;
  background: var(--blue);
  border: 1px solid #fff0;
  color: #fff;
}

form[action*="./PanelEditDialog.aspx?PanelDefinitionId=5c1bb8a2"] .ButtonPanel input[value="Cancel"]:hover {
  background: var(--blue-hover);    
} 

form[action*="./PanelEditDialog.aspx?PanelDefinitionId=5c1bb8a2"] .PanelField {
  display: flex;
  align-items: flex-start;
}

form[action*="./PanelEditDialog.aspx?PanelDefinitionId=5c1bb8a2"] .PanelField label {
  min-width: 11.5em;
}

form[action*="./PanelEditDialog.aspx?PanelDefinitionId=5c1bb8a2"] .CalendarInput2 input[type="text"] {
      height: 50px;
  background-color: #F5F5F5;
  border: none;
  border-left: #33CDFF 4px solid;
  border-right: none;
  border-top: none;
  border-bottom: none;
  border-radius: 2px;
  box-shadow: none;
}

form[action*="./PanelEditDialog.aspx?PanelDefinitionId=5c1bb8a2"] .CalendarInput2 .rcCalPopup {
  border-radius: 0;
  background-color: #fff;
  box-shadow: none;
  border: none;
}

form[action*="./PanelEditDialog.aspx?PanelDefinitionId=5c1bb8a2"] input[type="text"]:active, form[action*="./PanelEditDialog.aspx?PanelDefinitionId=5c1bb8a2"] input[type="text"]:focus {
  border-color: var(--red) !important;
}

form[action*="./PanelEditDialog.aspx?PanelDefinitionId=5c1bb8a2"] select:active, form[action*="./PanelEditDialog.aspx?PanelDefinitionId=5c1bb8a2"] select:focus {
  border-color: var(--red) !important;
}

form[action*="./PanelEditDialog.aspx?PanelDefinitionId=5c1bb8a2"] textarea:active, form[action*="./PanelEditDialog.aspx?PanelDefinitionId=5c1bb8a2"] textarea:focus {
  border-color: var(--red) !important;
}

form[action*="./PanelEditDialog.aspx?PanelDefinitionId=5c1bb8a2"] span.ruFileWrap > input[type="text"] {
  height: 50px;
  background-color: #F5F5F5;
  border: none;
  border-left: #33CDFF 4px solid;
  border-right: none;
  border-top: none;
  border-bottom: none;
  border-radius: 2px;
  box-shadow: none;
}

form[action*="./PanelEditDialog.aspx?PanelDefinitionId=5c1bb8a2"] span.ruFileWrap > input[type="button"] {
  border-radius: 4px;
  padding: 0px 30px;
  font-weight: 700;
  display: inline-block;
  text-decoration: none;
  max-width: 420px;
  background: var(--red);
  height: 50px;
  color: #fff;
  border-color: #fff0;
}

form[action*="./PanelEditDialog.aspx?PanelDefinitionId=5c1bb8a2"] span.ruFileWrap > input[type="button"]:hover {
  background: var(--blue);
}


/***** IEAA myaccount - CPD Logbook add activity popup styling END *****/