:root {
  --color-yellow: #E5BF2A;
  --color-white: #fff;
  --color-black: #000;
  --blue-dark: #1B1732;
 --sun: #F2C766;
 --font-heading: "Lora", serif;
  /*Commented out until needed */
  /* Theme Colors
  --blue: #0C7C9B;
  --blue-link:#2269dd;
  --blue-light: #E4F5F6;
  --blue-medium: #c1e4e9;

  --color-primary: var(--blue);
  --color-primary-medium: #5a82a1;
  --color-secondary: #ee6c4d;
  --color-primary-light: var(--blue-light);
  --color-teal: #22B3C2;
  --color-violet: #BF7CB5;
  --color-navy: #1B1732;
  --color-blue: #0C7C9B;
  --color-blue-light: #C1E6EB;

  --bg-body: #F7FAFC;
  --text-color: var(--blue-dark);
  --bold-color: var(--blue-dark);

  --light: #edf2f7;
  --dark: #222222;
  --shadow: 0 0 8px 1px #cccccc;
  --border: #dbdbd3;

  --teal: #22B3C2;


 --blue-gradient: radial-gradient(circle, var(--teal) 10%, var(--blue) 55%);
 --font-text: "Plus Jakarta Sans", sans-serif;
 --font-heading: "Plus Jakarta Sans", sans-serif;
 --yellow: var(--sun);
 --violet: #BF7CB5;
*/
}
--font-heading:

h1.page-title, h1, h2, h3, h4, h5, h6
.page-title-wrap .page-title {
  font-family: "Lora", serif;
}

#main-wrapper a {
  color: var(--blue-link);
  text-decoration: underline;
}


.slider-page .slider-text .layer1,
.slider-page .slider-text .layer2,
.slider-page .slider-text .layer4 {
  background: linear-gradient(90deg, var(--blue) 0%, var(--teal) 100%);
  width: 80%;
  color: var(--color-primary-light);
}


@media (min-width: 768px) {
  .slider-page .slider-text .layer1 {
    margin-bottom: -1em;
  }


  .slider-page .slider-text .layer1,
  .slider-page .slider-text .layer2,
  .slider-page .slider-text .layer4 {
    padding: 10px;
    line-height: 2em;
  }
}

@media (max-width: 767px) {

  .header-top ul {
    gap: 0.5rem !important;
  }

  .slider-page .slider-text .layer1,
  .slider-page .slider-text .layer2,
  .slider-page .slider-text .layer4 {
    padding: 4px;
    color: var(--color-primary-light);
    line-height: 1em;
    font-size: .7em;
    margin-bottom: 0em;
    text-align: left;
    background: linear-gradient(90deg, var(--blue) 0%, var(--teal) 100%);
    width: 100%;
  }

  .slider,
  .slider-full,
  .slider-text-container {
    height: unset;
  }

  .slider-text-container .container {
    position: absolute;
    top: 40px;
  }

  .slider-page .slider-text .layer1 {
    font-size: 1.1em;
  }

  p.layer3 a.button {
    font-size: .8em;
    float: left;
    padding: 3px;
  }
}


.header-top {
  background: var(--color-primary);

  a,
  a:visited {
    color: black;
  }

  .menu a,
  .menu a:visited {
    color: white;
  }

  font-weight:bold;
}

.site-logo img {
  width: 500px;
  max-height: unset;
  padding: 10px;
}

.header-top-container {
  justify-content: flex-end;
}

.header-top-left {
  padding-right: 2em;
}

.service {
  text-align: left;

  .article_title {
    padding-bottom: 1em;
    font-weight: bold;
    font-size: 1.1em;
  }
}

#footer{
 background-image: unset;
}

.footer-small {
  font-size: .7em;
}

#block-pgsntarapro-footer {
  font-weight: 600;
  font-size: .9em;
  text-align: center;
}

.isAdmin .sliding-sidebar-container {
  top: 3em;
}

.header-top ul {
  gap: 1.5rem;
  font-size: .85em;
}

.user_page .field-item:not(li),
#block-views-block-assistants-block-1 .field-item,
#block-pgsntarapro-views-block-assisted-by-block-1 .views-field-rendered-entity span.field-content.field-item,
.page-type-component .field-item:not(li, .field--name-body) {
  margin-left: 20px;
}

#block-pgsntarapro-views-block-assisted-by-block-1 {
  margin-top: 1em;
}

.region-content .user_page .image-field {
  float: right;
}

.user_page .field--name-field-groups,
.user_page .field--name-field-institution-s,
.user_page .field--name-field-assists {
  padding-bottom: 1em;
}

ol,
ul {
  padding: revert;
  padding-bottom: 1em;
}

p {
  margin: 0 0 1rem 0;
}

.page-title-wrap::before {
  background-color: var(--color-primary-light);
}

/* Fixing title */
@media screen and (min-width: 767px) {
  .page-title-wrap h1.page-title {
    padding-left: .5em;
  }

  #highlighted .page-title-wrap {
    width: 105%;
    margin-left: -2em;
    margin-bottom: 0em;
  }
}

samp {
  background-color: unset;
  padding: unset;
  font-size: unset;
}

/* Working Group Pages */
.page-type-component #block-pgsntarapro-views-block-component-rosters-block-1 .block-content .view-content,
.page-type-component #block-pgsntarapro-views-block-component-rosters-block-2 .block-content .view-content,
.page-type-component #block-pgsntarapro-views-block-component-rosters-block-3 .block-content .view-content,
.page-type-group #block-pgsntarapro-views-block-workinggroup-rosters-block-1 .block-content .view-content,
.page-type-group #block-pgsntarapro-views-block-workinggroup-rosters-block-2 .block-content .view-content,
.page-type-group #block-pgsntarapro-views-block-workinggroup-rosters-block-3 .block-content .view-content,
.page-type-group .view-mailing-lists .view-content {
  display: block;
  max-height: 10em;
  overflow-y: auto;
  font-size: .8em;
}

/* END Working Group Pages */

/* Dashboard */
.message-announce {
  background: var(--light);
  position: relative;
  text-shadow: none;
  margin: 20px 0;
  padding: 1px 14px 14px 64px;
}

.message-announce::before {
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  top: 0;
  width: 53px;
  text-align: center;
  height: 100%;
  line-height: 53px;
  font-size: 30px;
  color: white;
  content: "\f0a1";
  background-color: var(--color-primary);
}

/* End Dashboard */


/* Directory */
.view-user-directory {


  #view-field-institution-s-table-column,
  .views-field-field-institution-s,
  #view-field-groups-table-column,
  .views-field-field-groups {
    min-width: 15em;
  }

  #view-mail-table-column,
  .views-field-mail {
    max-width: 22em;
    overflow-x: auto;
  }

  #view-rendered-entity-table-column,
  .views-field-field-assists {
    min-width: 15em;
  }

  table th,
  table tr,
  table td {
    vertical-align: top;
  }
}

/* END Directory */


.small {
  font-size: .8em;
}


.view-component-rosters .views-data-export-feed,
.view-workinggroup-rosters .views-data-export-feed {
  display: block;
  padding-left: 1em;
  padding-top: 1em;
  border-top: 10px solid #ddd;
}

.view-component-rosters .csv-feed.views-data-export-feed::before,
.view-workinggroup-rosters .csv-feed.views-data-export-feed::before {
  content: "Download Roster:";
  border-left: 2px solid var(--color-primary);
  margin-left: -1rem;
  padding-left: 6px;
}

.sidebar .block-title,
.sliding-sidebar .block-title {
  font-size: 1.1rem;
}

/*abstract view */
.view-a.view-display-id-page_1 {
  font-size: .85em;
}

.page-type-abstract .field--name-field-meeting-dates,
.page-type-abstract .field--name-field-name-of-professional-meeti,
.page-type-abstract .field--name-field-type-of-presentation {
  display: inline;
  font-weight: 600;
}

.page-type-abstract .field--name-field-meeting-dates::before {
  content: " on ";
}

.page-type-abstract .field--name-field-name-of-professional-meeti::before {
  content: " at ";
}

.page-type-abstract .field--name-field-abstract-description {
  padding-top: 1em;
}


/* hide help text for plain text filter */
.filter-guidelines__item--plain-text {
  display: none;
}

.region-content-top a,
.region-hightlighted a,
.message a {
  text-decoration: underline;
}

.file--text-html a {
  background-image: url(../images/icons/text-html.png);
  min-height: 16px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left 4px;
  margin-left: -20px;
}


#block-pgsntarapro-groupjumpdown {
  margin: unset;
  padding: unset;
  background-color: unset;
  box-shadow: none;
}


.field--name-field-abstract-status a,
.field--name-field-tags .field-item {
  font-size: 8pt;
  background-color: var(--color-primary-medium);
  text-transform: uppercase;
  color: white;
  white-space: nowrap;
  width: fit-content;
  padding: 3px 3px;
  margin-left: 0px !important;
  display: inline;
}

.user-logged-in.page-type-abstract .field--name-field-authors,
.user-logged-in.page-type-analysisplan .field--name-field-lead-investigators,
.user-logged-in.page-type-manuscriptintent .field--name-field-correspondingauthor,
.user-logged-in.page-type-manuscriptintent .field--name-field-authorlist,
.user-logged-in.page-type-manuscriptintent .field--name-field-manintent-status,
.user-logged-in.page-type-manuscriptintent .node-header,
.user-logged-in.page-type-analysisplan .field--name-field-analysis-team,
.user-logged-in.page-type-abstract .field--name-field-lead-author {
  float: right;
  width: 25%;
  clear: both;
  padding: 1em;
  font-size: .8em;
  border: 1px solid #ccc;
  margin-left: 3em;
}


.user-guest.page-type-abstract .field--name-field-lead-author::before {
  content: "Visit the official conference website for additional information.\A\A";
  white-space: pre-wrap;
  font-weight: 500;
}

#block-pgsntarapro-views-block-a-block-2 {
  padding-top: 1em;
}

.site-branding {
  flex-grow: 2;
}

@media (min-width: 768px) {
  .region-primary-menu .menu {
    flex-direction: row;
    gap: 1.5rem;
    padding: 0em 5em;
  }
}

.header-top ul {
  padding: 0 1em 0 0;
}

input[type=submit],
input[type=button],
input[type=reset],
button,
.button {
  background-color: var(--sun); 
   color: var(--blue-dark); 
}


input[type=submit]:hover,
input[type=button]:hover,
input[type=reset]:hover,
button:hover,
.button:hover,
input[type=submit]:focus,
input[type=button]:focus,
input[type=reset]:focus,
button:focus,
.button:focus {
  background-color: var(--sun);
  border: 3px solid black;
}

.region-primary-menu .submenu {
  background-color: var(--color-primary-light);
  border: 1px solid var(--blue-dark); 
  border-radius: 0;
  padding: 0;
}

.region-primary-menu .submenu a:hover {
  background-color: var(--color-primary-light);
  color: var(--blue-dark);
  font-weight: bold
}

.region-primary-menu .submenu a {
  background-color: var(--color-primary-light);
  color: var(--blue-dark); 

  display:block;
  width:100%;
  box-sizing: border-box;
  padding: .5rem 1rem;
}

.social-icons a:visited {
  color: var(--color-white);
}


.social-icons li a {
  color: var(--color-white);
  background-color: var(--color-yellow);
}

.social-icons a:hover {
  color: var(--violet);
  background-color: var(--color-white);
}

.search-icon i {
  color: var(--violet);
}


.button-round,
a.button-round,
.button.round[disabled] {
  background-color: var(--sun);
  color: var(--color-blue-dark);
}








.nid-280 dl dd {
  margin: 0em 1.5rem;
}

.views-field-created {
  font-size: .8em;
}

.node-submitted-details {
  font-size: .8em;
}

.addnew {
  z-index: 100;
  position: relative;
}

.page-type-analysisplan .field--name-field-notpursuinganalysis {
  display: block;
  background-color: var(--color-yellow);
  padding: .5em 1em;
}




/* Style overrides for accessible menus */

.main-menu button {
  display: block;
  color: var(--bold-color);
  padding: 0.5rem;
  background-color: unset;
  border: none;
}

.main-menu button:hover,
.main-menu .menu-item-level-1 a:hover {
  background-color: white !important;
  color: var(--blue-dark) !important;
  text-decoration: underline;
}



html:focus,
html:focus-visible {
  outline: 5px auto var(--color-yellow);
  outline: 5px auto var(--color-yellow);
}

nav.menubar a:focus,
nav.menubar button:focus,
nav.menubar a:focus-visible,
nav.menubar button:focus-visible {
  outline: 3px solid var(--color-yellow);
}

.frontpage .full i {
  display:block;
  text-align:center;
  font-size: 6em;
  float: left;
  margin-bottom: .5em;
  padding-right: 20px;
}


.container{
 max-width: 1500px;
}

/* Fixes to allow this theme to work with accessible menu */

@media (min-width: 768px) {

  /* Hide by default */
  #menu-block-pgsntarapro-main-menu .submenu.hide {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* Fix for the menu button hover state */
  #menu-block-pgsntarapro-main-menu .menu-item-level-1 > button:hover,
  #menu-block-pgsntarapro-main-menu .menu-item-level-1 > a:hover {
    background-color: black !important;
    color: white !important;
    border: none !important; /* Removes the 3px solid border from other rules */
    text-decoration: none !important;
  }

  /* Also ensure the button looks correct when the menu is open */
  #menu-block-pgsntarapro-main-menu .menu-item-has-children.is-open > button,
  #menu-block-pgsntarapro-main-menu.menu  .menu-item-has-children.is-open > a {
    background-color: black !important;
    color: white !important;
  }
}

/* Show when parent is hovered or has the .is-open class */
#menu-block-pgsntarapro-main-menu .menu-item-has-children:hover > .submenu,
#menu-block-pgsntarapro-main-menu .menu-item-has-children.is-open > .submenu,
#menu-block-pgsntarapro-main-menu  .submenu.show {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 1001; /* Higher than other page elements */
  pointer-events: auto !important;
}


.alpha-nav-inline a{
 text-decoration: underline;
}


@media (max-width: 767px) {
  #block-pgsntarapro-account-menu ul.menu{
    display: flex;
    justify-content: center;
    padding: 0;      /* Removes default padding */
  }
}


.site-name{
 padding: 1em;
 max-width: 65%;
 text-transform: capitalize;
 font-size: 2.5em;
}
.site-name a,
.site-name a:visited{
 color: var(--color-primary-light);
}