/* getset.css */

body {
   font-family:                  Lato, Regular;
   margin:                       0;
   line-height:                  1.6;
}
.getset-h1, .getset-h2, .getset-h3, .getset-h4 {
   /* font-style:                   normal; */
   font-weight:                  500;
   line-height:                  1.2;
}
.getset-link {
   cursor:                       pointer;
   display:                      inline;
}
@media (min-width:   1024px) {
   body, html {
      font-size:                 16px;
   }
}
@media (max-width:   1023px) {
   body, html {
      font-size:                 24px;
   }
}
@media (max-width:   767px) {
   .getset-wide-only {
      display:                   none;
   }
}
@media (min-width:   768px) {
   .getset-narrow-only {
      display:                   none;
   }
}
#skiptocontent a {
    padding:                     6px;
    position:                    absolute;
    top:                         -50px;
    left:                        0px;
    color:                       black;
    border-right:                1px solid white;
    border-bottom:               1px solid white;
    border-bottom-right-radius:  8px;
    background:                  transparent;
    -webkit-transition:          top 1s ease-out, background 1s linear;
    transition:                  top 1s ease-out, background 1s linear;
    z-index:                     100;
}
#skiptocontent a:focus {
	position:                     absolute;
	left:                         0;
	top:                          0;
	background:                   #BF1722;
	outline:                      0;	
	-webkit-transition:           top .1s ease-in, background .5s linear;
    transition:                  top .1s ease-in, background .5s linear;
}
/* **********/
body, html {
   width:                        100%;
}
.gs-h1, .gs-h2, .gs-h3, .gs-h4 {
   /* font-style:                   normal; */
   font-weight:                  500;
   line-height:                  1.2;
}
.gs-h1 {
   font-size:                    1.6rem;
}
.gs-h2 {
   font-weight:                  bold;
   font-size:                    1.4rem;
}
.gs-h3 {
   font-weight:                  bold;
   font-size:                    1.2rem
}
.gs-link:link {
   color:                        #354b91;
}
.gs-link:visited {
   color:                        #3a5d64;
}
a, .gs-link:any-link {
   cursor:                       pointer;
   text-decoration:              underline;
}
a, .gs-link {
   color:                        #442769;
   text-decoration:              underline;
   cursor:                       pointer;
}
/*
   Colors
   getset-turquoise #28C5E6
   getset-purple rgb(68,39,105)
 */
.gs-purple {
   color:                        #442769;
}
.gs-turquoise  {
   color:                        rgb(28,115,126);
}
.gs-turquoise-bg  {
   background-color:             rgb(28,115,126);
}
.gs-action-color {
   color:                        #28C5E6;
}
.getset-button {
   background:                   #1c717e;
   color:                        white;
   display:                      inline-block;
   margin:                       40px auto 0;
   padding:                      10px 20px;
   cursor:                       pointer;
   font-size:                    1.6rem;
   font-weight:                  bold;
}

.gs-login-link {
   display:                      inline-block;
   float:                        right;
}
.gs-login-link a {
   color:                        #1c737e;
   text-decoration:              none;
}
.getset-title {
   font-style:          normal;
   font-weight:         500;
   font-size:           48px;
   text-align:          center;
   line-height:         1.2;
   margin-top:          10px;
}
.header-margined-area, .footer-margined-area {
   max-width:           1024px;
   margin:              auto;
   padding-left:        15px;
   padding-right:       15px;
   padding-top:         10px;
}
.public-nav-menu-block {
   text-align:          right;
   color:               #442769;
   float:               right;
   position:            relative;
   height:              102px; /* height of logo */
}

.public-nav-menu-block a {
   text-decoration:     none;
}
.public-nav-menu-bar {
}
.public-nav-menu-lang {
}

.gs-logo {
   text-align:          left;
   display:             inline-block;
}
.gs-header {
   width:               100%;
   position:            fixed;
   overflow:            hidden;
   top:                 0;
   z-index:             3;
   background-color:    white;
}
.gs-header-spacer {
   width:               100%;
}
.header-login-link {
   float:               right;
}
@media (min-width:   1024px) {
   .gs-header-spacer {
      height:              157px;
   }
   .gs-header-spacer-participant {
      height:              155px;
   }
   .header-menu-band {
      background-color:    #1c737e;
      color:               white;
      width:               100%;
      font-style:          normal;
      font-weight:         500;
      text-transform:      uppercase;
      /*
      padding-top:         10px;
      padding-bottom:      10px;
      */
   }
   .header-menu-band a {
      color:               white;
      text-decoration:     none;
   }
   .header-menu-band .getset-narrow-margined {
      text-align:          center;
   }
   .header-menu {
      max-width:           1024px;
      display:                      table;
      margin-left:                  auto;
      margin-right:                 auto;
   }
}
ul.gs-narrow-margined {
   list-style:             none;
}
@media (max-width:   1023px) {
   .header-margined-area {
      text-align:          center;
   }
   .getset-logo {
      width:               340px;
      height:              170px;
   }
   .getset-logo img {
      width:               100%;
   }
   .public-nav-menu-block {
      height:              160px; /* height of logo */
   }
   .gs-header-spacer {
      height:              204px;
      /* height:              370px; */
   }
   .gs-header-spacer-participant {
      height:              204px;
   }
   .gs-header-spacer-short {
      height:              180px;
   }
   .header-menu-mobile {
      background-color:             #0C3648;
      color:                        white;
      padding-top:                  3px;
      padding-bottom:               3px;
   }
   .header-menu-button {
      color:                        white;
      margin:                       0 auto;
      padding:                      3px;
      font-size:                    1.5em;
      width:                        260px;
      cursor:                       pointer;
      text-align:                   center;
      height:                       80px;
   }
   .header-menu-button img {
      height:                       35px;
      margin-left:                  10px;
      vertical-align:               top;
      margin-top:                   10px;
   }
   .header-menu-icon-open {
      transform:                    rotate(180deg);
   }
   .header-menu-band {
      display:                      none;
      width:                        100%;
      background-color:             #28c5e6;
      margin-left:                  auto;
      margin-right:                 auto;
      text-align:                   left;
      margin-top:                   -15px;
   }
   .header-menu-band.header-menu-show {
      display:                      block;
      height:                       2000px;
      font-size:                    1.5em;
   }
}
.gs-mobile-menu {
   background-color:                #1C737E;
   padding:                         40px;
   height:                          1200px;
}
.gs-mobile-menu-list {
   list-style:                      none;
}
.header-menu-item {
   margin-right:                 -3px;  /* compensate for whitespace between li */
}
.header-menu-item a {
   text-decoration:              none;
}
.header-menu-item div {
   line-height:                  3rem;
   
}
.public-nav-menu-bar .current-item {
   font-weight:                  bold;
}
.header-menu-item, .header-menu-item a {
   color:                        white;
}
.header-menu-subitem {
   z-index:                      1;  /* hack for wierd DataTables problem */
}

.current-header-menu-item,
.current-header-menu-item.header-menu-item  > a,
.current-header-menu-item.header-menu-item,
.header-menu-item:hover,
.header-menu-item a:hover,
.header-menu-subitem-item:hover {
   font-weight:                  bold;
   background-color:             #0c3648;
}
li.current-header-menu-item {
   font-weight:                  bold;
}

.header-menu-subitem { /* technique from http://www.htmldog.com/articles/suckerfish/dropdowns/ */
   position:                     absolute;
   left:                         -9999px;
   background-color:             #263E67;
   line-height:                  2;
   padding-left:                 10px;
   padding-right:                10px;
   padding-top:                  15px;
}
.header-menu-item a, .header-menu-subitem a {
   text-decoration:              none;
   color:                        white;
   padding:                      5px 0;
   
}
.header-menu-subitem li {
   list-style:                   none;
}

.header-content {
	/* padding:          10px; */
   margin:                       auto;
   max-width:                    768px;
}

.header-logo a {
   text-decoration:              none;
   font-size:                    2em;
}
.header-logo-tag img {
	height:                       30px;
   margin-top:                   20px;
   margin-left:                  20px;
   vertical-align:               bottom;
   max-width:                    705px;
}

ul.header-menu {
   margin-bottom:                2px;
   padding-right:                10px;
   padding-bottom:               20px;
   text-transform:               uppercase;
   list-style-type:              none;
}
.header-menu-wide {
   background-color:             #263E67;
   text-transform:               uppercase;
   color:                        white;
}
.header-menu li {
   /* padding-top:                  20px; */
}
@media (max-width: 1023px) {
   ul.header-menu {
      text-align:                   left;
      margin-top:                   15px;
   }
}
@media (min-width: 1024px) {
   ul.header-menu {
   }
}

@media (max-width: 1023px) {
   html, body, .getset-page-div {
      height:           100%;
   }
   
   .getset-page-content {
      /* see sticky footer solution:
         https://css-tricks.com/couple-takes-sticky-footer/       */
      margin-bottom:   -310px;               /* height of footer */
      min-height:      calc(100% - 470px);   /* subtract height of header plus fudge */
   }
   .getset-footer-shim {
      height:           300px;
   }
   .getset-footer {
      background-color:             #C4C4C4;
      width:                        100%;
      /*
      height:                       350px;
      padding-left:                 20px;
      padding-right:                20px;
      */
      margin-top:                   10px;
      padding-bottom:               10px;
   }
   .header-menu-item {
      font-size:                    1.5rem;
   }
}

@media (min-width: 1024px) {
   html, body, .getset-page-div {
      height:           100%;
   }
   
   .getset-page-content {
      /* see sticky footer solution:
         https://css-tricks.com/couple-takes-sticky-footer/       */
      margin-bottom:                -100px;               /* height of footer */
      min-height:                   calc(100% - 178px);   /* subtract height of header plus fudge */
   }
   .getset-footer-shim {
      height:                       180px;
   }
   .header-logo-mobile {
      display:                      none;
   }
   .header-logo, .header-menu-wide {
      display:                      inline-block;
   }
   .header-menu-wide {
      width:                        100%;
   }
   .header-menu-button {
      display:                      none;
   }
   ul.header-menu {
      text-align:                   center;
      /* padding-top:                  20px; */
   }
   .header-menu-item {
      display:                      inline-block;
   }
   .header-menu-item div {
      padding-left:                 21px;
      padding-right:                21px;
   }
   .gs-header-menu-list {
      font-size:                    1.125rem;
      list-style:                   none;
      margin:                       0;
      padding:                      0;
   }
   .header-menu-item:not(:first-child) {
      /* margin-top:       20px; */
      border-left:                  solid 3px #3f898d;
   }
   .header-menu-item:hover .header-menu-subitem {
      color:                        #489BD5;
      margin-left:                  -5px;
   }
   .header-menu-subitem a:hover {
      color:                        #489BD5;
   }
   .header-menu-item:hover .header-menu-subitem {
      left:                         auto;
      background-color:             #263E67;
      /* width:                     300px; */
      margin-top:                   2px;
   }
   .header-menu-icon {
      display:                      none;
   }
   .getset-footer {
      background-color:             #C4C4C4;
      width:                        100%;
      height:                       100px;
      /*
      padding-left:                 20px;
      padding-right:                20px;
      */
      margin-top:                   10px;
      padding-bottom:               10px;
   }

}

.getset-narrow-margined {
   max-width:           768px;
   margin:              auto;
   padding-left:        10px;
   padding-right:       10px;
}
.getset-wide-margined {
   max-width:           978px;
   margin:              auto;
   padding-left:        15px;
   padding-right:       15px;
}
/*
.getset-button {
   display:             inline-block;
   padding:             3px 10px;
   text-align:          center;
   background-color:    blue;
   color:               white;
   border-radius:       5px;
   cursor:              pointer;
}
*/
.message-area:empty {
   display:                      none;
}
.message-area {
   background-color:             pink;
   padding:                      5px;
   -webkit-transition:           top 1s ease-out, background 1s linear;
   transition:                   top 1s ease-out, background 1s linear;
}
.login-content {
   
}
.login-heading {
   font-weight:                  bold;
   text-transform:               uppercase;
   font-size:                    3.5em;
}
.login-form-area {
   text-align:                   left;
}
.login-form-label {
   /* width:                        150px; */
   font-weight:                  bold;
   font-size:                    1.2em;
   display:                      block;
}
.login-form-label:not(:first-child) {
   margin-top:                   20px;
}
#login-form {
   margin:                       auto;
   width:                        600px;
}
.login-form-input  {
   display:                      block;
   margin-top:                   10px;
   width:                        590px;
}
.login-form-input input, .login-form-input select {
   font-size:                    1em;
   line-height:                  2;
   padding:                      5px 15px;
   border:                       solid 2px lightgray;
}
.login-form-input input {
   width:                        100%;
}
.login-button-area {
   float:                        right;
   text-align:                   center;
}
.login-button {
   background:                   #1c717e;
   color:                        white;
   width:                        240px;
   margin:                       40px auto 0;
   padding:                      3px;
   cursor:                       pointer;
}
.login-button-label {
   vertical-align:               top;
   display:                      inline-block;
   font-size:                    1.6rem;
   margin-top:                   10px;
   font-weight:                  bold;
}
.login-button img {
   height:                       3rem;
   margin-left:                  20px;
   margin-top:                   7px;
}
.login-button-forgot {
   color:                        black;
   padding:                      1px;
   width:                        130px;
   cursor:                       pointer;
   border-bottom:                solid black 2px;
   margin-left:                  auto;
   margin-right:                 auto;
}
.password-mismatch-warning {
   border:                       4px solid red;
}
.getset-page-content {
   /* max-width:                    1280px; */
   margin-left:                  auto;
   margin-right:                 auto;
}

/*** home page *****/
.getset-hero-img-container {
   display:             flex;
   justify-content:     center;
}
.getset-hero-img {
   display:             inline-block;
}
.getset-hero-img img {
   width:               100%;
   z-index:             2;
}
/*** home page did you know (dyk) styles ***/
.dyk-title-box {
   width:               100%;
   height:              5rem;
   position:            relative;
   text-align:          center;
}
.dyk-title-line {
   position:            absolute;
   z-index:             1;
   top:                 calc(50% - 15px);
   height:              6px;
   background-color:    #38B7BC;
   width:               100%;
}
.dyk-title-text {
   position:            relative;
   display:             inline-block;
   z-index:             2;
   background-color:    white;
   color:               #165B64;
   padding:             0 10px;
}
.dyk-box {
   text-align:          center;
   background-color:    #f2fafb;
   color:               #0C3648;
   padding:             20px;
   box-sizing:          border-box;
   margin-bottom:       20px;
}
.dyk-box-img {
   display:             inline-block;
   width:               100px;
}
.dyk-box-img img {
   width:               100%;
}
.dyk-box-text {
   display:             inline-block;   
   text-align:          center;
   padding:             0 20px;
   font-size:           1.12rem;
   line-height:         1.3;
}
@media (min-width: 1024px) {
   .dyk-title-text {
      margin-top:          1rem;
   }
   .dyk-box-container {
      display:             flex;
      flex-flow:           row wrap;
      justify-content:     space-between;
   }
   .dyk-box {
      display:             inline-block;
      width:               240px;
      /* height:              300px; */
   }
}
@media (max-width: 1023px) {
   .dyk-box {
      display:             block;
      margin:              20px auto;
      width:               300px;
      /* height:              400px; */
   }
}
.gs-quote-box-container {
   width:                  60%;
   margin:                 40px auto;
}
.gs-quote-box-text {
   border-left:            solid 10px #bde7e9;
   padding:                0 0 0 20px;   
}
.home-action-box {
   background-color:       #1C737E;
   margin:                 20px auto;
   width:                  60%;
   text-align:             center;
   padding:                20px 0;
   cursor:                 pointer;
}

/** accordions **/
.gs-accordion-header {
   padding:                      10px;
   background-color:             #442769;
   color:                        white;
}
.gs-accordion-header h3 {
   margin-top:                   5px;
   margin-bottom:                5px;
}

.gs-accordion {
   position:                     relative;
   width:                        100%;
   border:                       2px solid #1C737E;
   margin-top:                   20px;
   z-index:                      1;
}
.gs-accordion-header {
   color:                        #FFFFFF;
   background-color:             #1C737E;
   cursor:                       pointer;
   margin:                       -1px;  /* remove mysterious gap between box and accordion border */
}
.gs-accordion-text  {
   margin-right:                 60px;
}
.gs-accordion-text h2 {
   margin:                       5px 0;
   line-height:                  2rem;
}

.gs-accordion-button {
   font-size:                    2rem;
   font-weight:                  bold;
   color:                        white;
   cursor:                       pointer;
   height:                       2rem;
   width:                        2rem;
   text-align:                   center;
   border-radius:                50%;
   background-color:             #0C3648;
   margin:                       .5rem;
   position:                     absolute;
   right:                        10px;
   top:                          .2rem;
}
.gs-accordion-icon {
   line-height:                  1.8rem;
}
.gs-accordion-button .accordion-minus-icon {
   line-height:                  1.6rem;
}
.gs-accordion.accordion-open .gs-accordion-button .accordion-plus-icon {
   display:                      none;
}
.gs-accordion:not(.accordion-open) .gs-accordion-button .accordion-minus-icon {
   display:                      none;
}
.gs-accordion.accordion-open .gs-accordion-button .accordion-minus-icon {
   display:                      block;
}
.gs-accordion-body, .gs-accordion-header-bar, .gs-accordion-header-body {
   padding:                      10px;
   overflow:                     auto;
}
.gs-accordion:not(.accordion-open) .gs-accordion-body {
   display:                      none;
}
.gs-accordion.accordion-open .gs-accordion-body {
   display:                      block;
}

/** meet the team styles ***/

.meet-team-member-box {
   margin:                       15px auto;
   width:                        600px;
   padding:                      30px 0;
   display:                      flex;
   justify-content:              space-between;
   align-items:                  flex-start;
}
.meet-team-member-box:not(:last-child) {
   border-bottom:                2px solid #1C737E;   
}
.meet-team-member-box h2 {
   margin-top:                   0;
}
.meet-team-member-text {
   display:                      inline-block;
   width:                        360px;
}
.meet-team-member-photo {
   display:                      inline-block;
   width:                        200px;
}
.meet-team-member-photo img {
   width:                        100%;
}

/** participant styles ***/
.participant-margined {
   margin:                       auto;
   overflow-x:                   -moz-hidden-unscrollable;
   overflow-x:                   hidden;
}
.participant-menu {
   background-color:             #135B64;
   color:                        white;
   margin-top:                   -3px;
   padding-bottom:               20px;
}
@media (min-width: 1024px) {
   .participant-margined {
      width:                     1024px;
   }
   .participant-menu {
      width:                     300px;
   }
   .participant-content-area {
      width:                     700px;
   }
}
@media (max-width: 1023px) {
   .participant-margined {
      width:                     100%;
   }
   .participant-menu {
      width:                     100%;
   }
}
.participant-menu-list {   
   list-style:                   none;
   padding-left:                 0;
   padding-top:                  0;
   margin-top:                   0;
}
.participant-menu-item  {
   padding:                      20px 30px;
   cursor:                       pointer;
}
.participant-menu-button  {
   float:                        right;
   margin-top:                   -.5rem;
}
.participant-menu-icon  {
   font-size:                    2rem;
}
.participant-menu-item.participant-menu-item-open, .participant-menu-item:hover {
   background-color:             #092D40;
}
.participant-menu-text, .participant-menu-button {
   display:                      inline-block;
}
.participant-menu-item.participant-item-open .participant-menu-button .participant-menu-plus {
   display:                      none;
}
.participant-menu-item:not(.participant-item-open) .participant-menu-button .participant-menu-minus {
   display:                      none;
}
.participant-menu-item.participant-item-open .participant-menu-button .accordion-minus-icon {
   display:                      block;
}
.participant-menu-submenu {
   list-style:                   none;
   padding-left:                 0;
}
.participant-menu-item:not(.participant-menu-item-open) .participant-menu-submenu {
   display:                      none;
}
.participant-menu-subitem {
   margin:                       20px 0;
}
.participant-menu-item.participant-menu-item-open .participant-menu-button .participant-menu-plus {
   display:                      none;
}
.participant-menu-download {
   margin:                       20px auto;
   text-align:                   center;
}
.participant-menu-download a {
   color:                        white;
}
.participant-menu-subitem-open {
   text-decoration:              underline;
}
.participant-content-area {
   
}
.participant-contact-table {
   border-collapse:              collapse;
}
.participant-contact-table th {
   padding-left:                 20px;
}
.participant-contact-table td {
   padding:                      20px;
   border:                       solid 2px lightgray;
   line-height:                  1.2;
}


.participant-video-content-area {
   margin:                       10px 40px;
}
.participant-video-box {
}
.participant-video-box:not(:first-child) {
   margin-top:                   40px;
}
.participant-video-heading {
   display:                      flex;
   align-items:                  center;
   border-bottom:                solid 2px #649fa7;
}
.participant-video-box-icon {
   display:                      inline-block;
   width:                        50px;
   margin-top:                   10px;
}
.participant-video-box-icon img {
   width:                        50px;
}
.participant-video-box-text {
   display:                      inline-block;
   margin-left:                  20px;
   color:                        #1b5e67;
}
.participant-video-frame {
   margin:                       20px auto;
   text-align:                   center;
}
.participant-video-box-text h1 {
   font-weight:                  bold;
   margin:                       0;
}
.gs-question-list {
   list-style:                   none;
}
.gs-question-item {
   margin-top:                   20px;
}
.gs-question-text {
   font-weight:                  bold;
   font-style:                   italic;
   line-height:                  1.3;
}
.gs-question-answer {
   margin-top:                   2px;
}
.timeline-image, .timeline-image img {
   width:                        100%;
}
.endocrine-therapy-research-list li {
   margin-top:                   20px;
   line-height:                  1.4;
}
.gs-accent-image {
   margin-left:                  auto;
   margin-right:                 auto;
   margin-top:                   30px;
}
.gs-accent-image img {
   width:                        100%;
}

@media (min-width: 1024px) {
   .gs-accent-image {
      width:                        70%;
   }
}
@media (max-width: 1023px) {
   .gs-accent-image {
      width:                        90%;
   }
}
.gs-cms-controls, .gs-cms-section-controls {
   display:                      inline-block;
   font-size:                    1.1rem;
   margin-left:                  10px;
}
.gs-cms-icon {
   cursor:                       pointer;
   margin-left:                  10px;
}
.gs-cms-edit-icon {
   
}
.gs-cms-edit-mode-icons {
   
}
.cms-section-modal {
   position:                     absolute;
   left:                         50%;
   top:                          50%;
   transform:                    translate(-50%, -50%);
   width:                        50%;
   z-index:                      1;
   background-color:             white;
   border:                       2px solid gray;
   padding:                      20px;
}

.cms-modal-dismiss {
   cursor:                       pointer;
   position:                     absolute;
   font-size:                    1.8rem;
   cursor:                       pointer;
   top:                          5px;
   right:                        5px;
   line-height:                   .8;
   color:                        gray;
}
.cms-section-modal-input {
   font-size:                    1.2rem;
   padding:                      5px;
   margin-left:                  10px;
   width:                        80%;
   font-family:                  inherit;
}
.has-modal-open {
   opacity:                      .2;
}
.cms-modal-button {
   display:                      inline-block;
   cursor:                       pointer;
   padding:                      10px;
   color:                        white;
   background-color:             #196f83;
   border-radius:                5px;
}
.gs-accordion.gs-accordion-template {
   border:                       dashed 5px gray;
   font-style:                   italic;
}
.cms-file-modal, .cms-file-modal input {
   font-size:                    1.2rem;
}
.cms-file-modal input {
   margin-top:                   20px;
}
.site-table-row {
   cursor:                       pointer;
}
.site-table-row:hover {
   background-color:             #efe;
}
.site-modal-field {
   font-size:                    1.2rem;
   padding:                      3px;
   margin-left:                  20px;
} 
.site-modal-label {
   margin-bottom:                20px;
   width:                        160px;
   display:                      inline-block;
}
.required-notation {
   font-size:                    1.5rem;
   color:                        red;
}