:root {
  /* Theme Colors */
  --color-primary: #3d5a80;
  --color-secondary: #ee6c4d;
  --color-primary-light: #F7FAFC;
  --bg-body: #F7FAFC;
  --text-color: #1f2124;
  --bold-color: #1f2124;
  --light: #edf2f7;
  --dark: #222222;
  --shadow: 0 0 8px 1px #cccccc;
  --font-text: "Open Sans", sans-serif;
  --border: #dbdbd3;
  --font-heading: "Roboto", sans-serif;

  --orange: #ee6c4d;
  --orange-dark: #a54c36;
  --cyan-light: #e0fbfc;
  --blue-link:#2269dd;
  --blue-light: #98c1d9;
  --blue: #3d5a80;
  --blue-dark: #293241;
  --grey-light: #f9f9f9;
  --grey-semi: #e6e6e6;
  --grey: #939393;
  --grey-semi-dark: #7e7e7e;
  --grey-dark: #666;
  --white: #fff;
  --black: #000;
  --adsp-black: #1f2124;
  --blue-gradient: radial-gradient(circle, var(--blue) 0%, var(--blue-dark) 100%);
}

a{ 
  color: var(--blue-link);
 }


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


@media (min-width: 768px) {

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

@media (max-width: 767px) {

  .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: #3d5a80FF 0%;
    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-image: var(--blue-gradient);

  a,
  a:visited {
    color: var(--color-primary-light);
  }
}

.site-logo img {
  width: 150px;
  max-height: unset;
}

.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;
  }
}

.homepagesocial{
  padding: 0px;
  font-size: .8em;
  text-align: left
}
.footer-small {
    font-size: .7em;
}
#block-adsptarapro-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;
}

.social-icons a:visited{
  color: var(--color-primary);
}
.social-icons a:hover{
  color: var(--light);
}
.user_page .field-item:not(li), 
#block-views-block-assistants-block-1 .field-item,
#block-adsptarapro-views-block-assisted-by-block-1 .views-field-rendered-entity span.field-content.field-item,
.page-type-group .field-item:not(li, field--name-field-details, .field--name-body, .field--name-field-details),
.page-type-component .field-item:not(li, .field--name-body){
    margin-left: 20px;
}

#block-adsptarapro-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-adsptarapro-views-block-component-rosters-block-1 .block-content .view-content,
.page-type-component #block-adsptarapro-views-block-component-rosters-block-2 .block-content .view-content,
.page-type-component #block-adsptarapro-views-block-component-rosters-block-3 .block-content .view-content,
.page-type-group #block-adsptarapro-views-block-workinggroup-rosters-block-1 .block-content .view-content,
.page-type-group #block-adsptarapro-views-block-workinggroup-rosters-block-2 .block-content .view-content,
.page-type-group #block-adsptarapro-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{
  .views-field-field-groups,
  .views-field-field-institution-s{
    font-size: .8em;
  }

  #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;
}