/* background color classes */
.color-ssu-university-blue {
  background-color: @color-ssu-university-blue;
  color: @text-lt;
  .content {
    background-color:transparent;
    color: @text-lt;
  }

  h1, h2, h3, h4, h5, h6, ol, ul, li {
    color: @text-lt !important;
    &.field.field-name-field-basic-color-title.field-type-text.field-label-hidden {
      color: @text-lt;
      text-align:left;
    }
  }
  .field-name-field-basic-color-title {
    color: @text-lt;
    text-align:left;
    font-family: @family-header-font;
    font-style: normal !important;
    font-weight: 800 !important;
    margin: 0 0 20px !important;
    font-size: 3.02rem !important;
  }
  a, a:link, a:visited {
    color: @text-lt;
    &:hover, &:focus {
      color: @text-lt;
      background-color: rgba(255, 255, 255, 0.13);
    }
    &:focus {
      outline: 1px solid @color-ssu-university-blue-lt;
    }
  }
  a.button:hover, a.button:focus {
    background-color: @color-ssu-university-blue-lt !important;
    color: @color-ssu-university-blue;
  }
  a.button:active {
    background-color: @color-ssu-white !important;
    color: @color-ssu-university-blue;
  }
}
.color-ssu-university-blue-md {
  background-color: @color-ssu-university-blue-md;
}
.color-ssu-university-blue-lt {
  background-color: @color-ssu-university-blue-lt;
  &.paragraphs-item-basic-color {
    background-image: url(/sites/all/themes/custom/ssuedu_child_theme/images/ssu_alder-blue_B.png);
  }
}

.color-ssu-black{
  background-color: @color-ssu-black;
  color: @text-lt;
  .content {
    background-color:transparent;
    color: @text-lt;
  }
  h1, h2, h3, h4, h5, h6, ol, ul, li {
    color: @text-lt !important;
    &.field.field-name-field-basic-color-title.field-type-text.field-label-hidden {
      color: @text-lt;
      text-align:left;
    }
  }
  .field-name-field-basic-color-title {
    color: @text-lt;
    text-align:left;
    font-family: @family-header-font;
    font-style: normal !important;
    font-weight: 800 !important;
    margin: 0 0 20px !important;
    font-size: 3.02rem !important;
  }
  a, a:link, a:visited {
    color: @text-lt;
    &:hover, &:focus {
      color: @text-lt;
      background-color: rgba(255, 255, 255, 0.13);
    }
    &:focus {
      outline: 1px solid @color-ssu-university-blue-lt;
    }
  }
  a.button:hover, a.button:focus {
    background-color: @color-ssu-university-blue-lt !important;
    color: @color-ssu-university-blue;
  }
  a.button:active {
    background-color: @color-ssu-white !important;
    color: @color-ssu-university-blue;
  }
}
.color-ssu-white {
  background-color: @color-ssu-white;
  color: @text-dk;
  &.paragraphs-item-basic-color {
    background-image: url(/sites/all/themes/custom/ssuedu_child_theme/images/ssu_alder-blue_B.png);
  }
}

.color-ssu-dark-grey {
  background-color: @color-ssu-dark-grey;
}
.color-ssu-light-grey {
  background-color: @color-ssu-light-grey;
  &.paragraphs-item-basic-color {
    background-image: url(/sites/all/themes/custom/ssuedu_child_theme/images/ssu_alder-grey.png);
  }
}

.color-ssu-field{
  background-color: @color-ssu-field;
  color: @text-lt;
  .content {
    background-color:transparent;
    color: @text-lt;
  }
  h1, h2, h3, h4, h5, h6, ol, ul, li {
    color: @text-lt !important;
    &.field.field-name-field-basic-color-title.field-type-text.field-label-hidden {
      color: @text-lt;
      text-align:left;
    }
  }
  .field-name-field-basic-color-title {
    color: @text-lt;
    text-align:left;
    font-family: @family-header-font;
    font-style: normal !important;
    font-weight: 800 !important;
    margin: 0 0 20px !important;
    font-size: 3.02rem !important;
  }
  a, a:link, a:visited {
    color: @text-lt;
    &:hover, &:focus {
      color: @text-lt;
      background-color: rgba(255, 255, 255, 0.13);
    }
    &:focus {
      outline: 1px solid @color-ssu-university-blue-lt;
    }
  }
  a.button:hover, a.button:focus {
    background-color: @color-ssu-university-blue-lt !important;
    color: @color-ssu-university-blue;
  }
  a.button:active {
    background-color: @color-ssu-white !important;
    color: @color-ssu-university-blue;
  }
}
.color-ssu-field-md {
  background-color: @color-ssu-field-md;
}
.color-ssu-field-lt {
  background-color: @color-ssu-field-lt;
  &.paragraphs-item-basic-color {
    background-image: url(/sites/all/themes/custom/ssuedu_child_theme/images/ssu_alder-grey.png);
  }
}

.color-ssu-grape {
  background-color: @color-ssu-grape;
  color: @text-lt;
  .content {
    background-color:transparent;
    color: @text-lt;
  }
  h1, h2, h3, h4, h5, h6, ol, ul, li {
    color: @text-lt !important;
    &.field.field-name-field-basic-color-title.field-type-text.field-label-hidden {
      color: @text-lt;
      text-align:left;
    }
  }
  .field-name-field-basic-color-title {
    color: @text-lt;
    text-align:left;
    font-family: @family-header-font;
    font-style: normal !important;
    font-weight: 800 !important;
    margin: 0 0 20px !important;
    font-size: 3.02rem !important;
  }
  a, a:link, a:visited {
    color: @text-lt;
    &:hover, &:focus {
      color: @text-lt;
      background-color: rgba(255, 255, 255, 0.13);
    }
    &:focus {
      outline: 1px solid @color-ssu-university-blue-lt;
    }
  }
  a.button:hover, a.button:focus {
    background-color: @color-ssu-university-blue-lt !important;
    color: @color-ssu-university-blue;
  }
  a.button:active {
    background-color: @color-ssu-white !important;
    color: @color-ssu-university-blue;
  }
}
.color-ssu-grape-md {
  background-color: @color-ssu-grape-md;
}
.color-ssu-grape-lt {
  background-color: @color-ssu-grape-lt;
  &.paragraphs-item-basic-color {
    background-image: url(/sites/all/themes/custom/ssuedu_child_theme/images/ssu_alder-grey.png);
  }
}

.color-ssu-hills {
  background-color: @color-ssu-hills;
  color: @text-lt;
  .content {
    background-color:transparent;
    color: @text-lt;
  }
  h1, h2, h3, h4, h5, h6, ol, ul, li {
    color: @text-lt !important;
    &.field.field-name-field-basic-color-title.field-type-text.field-label-hidden {
      color: @text-lt;
      text-align:left;
    }
  }
  .field-name-field-basic-color-title {
    color: @text-lt;
    text-align:left;
    font-family: @family-header-font;
    font-style: normal !important;
    font-weight: 800 !important;
    margin: 0 0 20px !important;
    font-size: 3.02rem !important;
  }
  a, a:link, a:visited {
    color: @text-lt;
    &:hover, &:focus {
      color: @text-lt;
      background-color: rgba(255, 255, 255, 0.13);
    }
    &:focus {
      outline: 1px solid @color-ssu-university-blue-lt;
    }
  }
  a.button:hover, a.button:focus {
    background-color: @color-ssu-university-blue-lt !important;
    color: @color-ssu-university-blue;
  }
  a.button:active {
    background-color: @color-ssu-white !important;
    color: @color-ssu-university-blue;
  }
}
.color-ssu-hills-md {
  background-color: @color-ssu-hills-md;
}
.color-ssu-hills-lt {
  background-color: @color-ssu-hills-lt;
  &.paragraphs-item-basic-color {
    background-image: url(/sites/all/themes/custom/ssuedu_child_theme/images/ssu_alder-grey.png);
  }
}

.color-ssu-lakes {
  background-color: @color-ssu-lakes;
  color: @text-lt;
  .content {
    background-color:transparent;
    color: @text-lt;
  }
  h1, h2, h3, h4, h5, h6, ol, ul, li {
    color: @text-lt !important;
    &.field.field-name-field-basic-color-title.field-type-text.field-label-hidden {
      color: @text-lt;
      text-align:left;
    }
  }
  .field-name-field-basic-color-title {
    color: @text-lt;
    text-align:left;
    font-family: @family-header-font;
    font-style: normal !important;
    font-weight: 800 !important;
    margin: 0 0 20px !important;
    font-size: 3.02rem !important;
  }
  a, a:link, a:visited {
    color: @text-lt;
    &:hover, &:focus {
      color: @text-lt;
      background-color: rgba(255, 255, 255, 0.13);
    }
    &:focus {
      outline: 1px solid @color-ssu-university-blue-lt;
    }
  }
  a.button:hover, a.button:focus {
    background-color: @color-ssu-university-blue-lt !important;
    color: @color-ssu-university-blue;
  }
  a.button:active {
    background-color: @color-ssu-white !important;
    color: @color-ssu-university-blue;
  }
}
.color-ssu-lakes-md {
  background-color: @color-ssu-lakes-md;
}
.color-ssu-lakes-lt {
  background-color: @color-ssu-lakes-lt;
  &.paragraphs-item-basic-color {
    background-image: url(/sites/all/themes/custom/ssuedu_child_theme/images/ssu_alder-wht.png);
  }
}

.color-ssu-salmon {
  background-color: @color-ssu-salmon;
  color: @text-lt;
  .content {
    background-color:transparent;
    color: @text-lt;
  }
  h1, h2, h3, h4, h5, h6, ol, ul, li {
    color: @text-lt !important;
    &.field.field-name-field-basic-color-title.field-type-text.field-label-hidden {
      color: @text-lt;
      text-align:left;
    }
  }
  .field-name-field-basic-color-title {
    color: @text-lt;
    text-align:left;
    font-family: @family-header-font;
    font-style: normal !important;
    font-weight: 800 !important;
    margin: 0 0 20px !important;
    font-size: 3.02rem !important;
  }
  a, a:link, a:visited {
    color: @text-lt;
    &:hover, &:focus {
      color: @text-lt;
      background-color: rgba(255, 255, 255, 0.13);
    }
    &:focus {
      outline: 1px solid @color-ssu-university-blue-lt;
    }
  }
  a.button:hover, a.button:focus {
    background-color: @color-ssu-university-blue-lt !important;
    color: @color-ssu-university-blue;
  }
  a.button:active {
    background-color: @color-ssu-white !important;
    color: @color-ssu-university-blue;
  }
}
.color-ssu-salmon-md {
  background-color: @color-ssu-salmon-md;
}
.color-ssu-salmon-lt {
  background-color: @color-ssu-salmon-lt;
  &.paragraphs-item-basic-color {
    background-image: url(/sites/all/themes/custom/ssuedu_child_theme/images/ssu_alder-grey.png);
  }
}

.color-ssu-warning, .red-button {
  background-color: @color-ssu-warning;
  color: @text-lt;
  .content {
    background-color:transparent;
    color: @text-lt;
  }
  h1, h2, h3, h4, h5, h6, ol, ul, li {
    color: @text-lt !important;
    &.field.field-name-field-basic-color-title.field-type-text.field-label-hidden {
      color: @text-lt;
      text-align:left;
    }
  }
  .field-name-field-basic-color-title {
    color: @text-lt;
    text-align:left;
    font-family: @family-header-font;
    font-style: normal !important;
    font-weight: 800 !important;
    margin: 0 0 20px !important;
    font-size: 3.02rem !important;
  }
  a, a:link, a:visited {
    color: @text-lt;
    &:hover, &:focus {
      color: @text-lt;
      background-color: rgba(255, 255, 255, 0.13);
    }
    &:focus {
      outline: 1px solid @color-ssu-university-blue-lt;
    }
  }
  a.button:hover, a.button:focus {
    background-color: @color-ssu-university-blue-lt !important;
    color: @color-ssu-university-blue;
  }
  a.button:active {
    background-color: @color-ssu-white !important;
    color: @color-ssu-university-blue;
  }
}

.text-lt{
  color: @text-lt;
  .content {
    background-color:transparent;
  }
  h1, h2, h3, h4, h5, h6, ol, ul, li {
    color: @text-lt !important;
    &.field.field-name-field-basic-color-title.field-type-text.field-label-hidden {
      color: @text-lt;
      text-align:left;
    }
  }
  .field-name-field-basic-color-title {
    color: @text-lt;
    text-align:left;
    font-family: @family-header-font;
    font-style: normal !important;
    font-weight: 800 !important;
    margin: 0 0 20px !important;
    font-size: 3.02rem !important;
  }
  a, a:link, a:visited {
    color: @text-lt;
    &:hover, &:focus {
      color: @text-lt;
      background-color: rgba(255, 255, 255, 0.13);
    }
    &:focus {
      outline: 1px solid @color-ssu-university-blue-lt;
    }
  }
  a.button:hover, a.button:focus {
    background-color: @color-ssu-university-blue-lt !important;
    color: @color-ssu-university-blue;
  }
  a.button:active {
    background-color: @color-ssu-white !important;
    color: @color-ssu-university-blue;
  }
}

.text-dk {
  color: @text-dk;
}

/* globals */

.block-masquerade {
  margin-bottom: 2.5em;
  h2.block-title, form {
    margin: 0 auto !important;
  }
}
iframe#admithub_webchat_iframe {
  z-index: 9999;
}
.region-top-content span > div {
  padding: .1em .625em;
}
.ssu-notice-inner {
  z-index:99;
}
article .content, #content {
  @media (max-width: 767px) {
    padding-left: 1em !important;
    padding-right: 1em !important;
  }

}
/* image floats */
img[style="float:right"] {
  margin-left:1em;
}
img[style="float:left"] {
  margin-right:1em;
}
form .form-item label {
  font-family: @font-family;
  font-weight: bold;
  color:#000;
  font-size:1.8rem;
}
legend {
  font-weight: bold;
}
div#sub-content {
  margin-bottom: 1.5em;
}
div.announcements-block .block-title {
  margin-bottom: 0 !important;
}
  /* generic title adjustment */
.view .field-name-title-field, .view .views-field-title, .node-landing-page.view-mode-full .field-name-body h2:not(.slide__title), .paragraphs-item-grid-items .field-name-title-field, .paragraphs-item-two-row-paragraphs .field-name-field-two-row-links .field-item a, .paragraphs-item-advising .field-name-field-advisor a, .paragraphs-item-paragraph-with-menu .field-name-field-advisor a, .paragraphs-item-advising .field-name-field-paragraph-menu-item a, .paragraphs-item-paragraph-with-menu .field-name-field-paragraph-menu-item a, .paragraphs-item-links-and-map .field-name-field-links-links-maps .field-item a, .paragraphs-item-link-grid .field-name-field-link-grid-links .field-items a, .related-events-block a, .related-news-block a, .node-type-event .view-mode-full .field .field-label, .field-type-addthis:before, .news-gallery .slide__title{
  font-family: @family-header-font;
  font-weight: 500;
}
.news-gallery .slide__title {
  font-size:1.65rem !important;
  font-weight: normal !important;
}
.node-type-landing-page .dept-menu h2.block-title {
  display: none;
}
.paragraphs-item-grid-items .field-name-field-grid-item > .field-items > .field-item {
  font-size:1.6rem;
}
/* generic content text adjusrtment */
.ui-widget, .ui-accordion.ui-widget, .ui-accordion.ui-widget .ui-accordion-content, .container-inline-block.column-3 > div {
  font-family: @font-family;
  font-style: normal;
  font-weight: 400;
  font-size:1.8rem;
}
.mini-calendar-view .calendar-calendar .days, .mini-calendar-view .calendar-calendar td {
  font-family: @font-family;
  font-style: normal;
}
.node-type-event .view-mode-full a.forward-button, .node-type-event .view-mode-full .field-name-field-date-events .item-list ul, .node-type-event .view-mode-full .field-name-field-date-events .addtocal {
  font-family: @font-family;
  font-style: normal;
  font-weight: 500;
}
a.forward-button, .forward-button-style {
  border-radius: 30px;
  border: 2px solid @color-ssu-hills;
  color: @color-ssu-hills !important;
  display: block;
  font-weight: 600;
  font-family: @family-button-text;
  padding: 0.6rem 1rem;
  text-align: center;
  text-decoration:none !important;
  &:hover, &:focus {
    background-color: @color-ssu-hills !important;
    color: #fff !important;
    text-decoration: none;
  }
  &:after {
    content: ">";
    padding-right: 5px;
    padding-left: 5px;
  }
}

a.back-button, .back-button-style {
  font-weight:600;
  border-radius: 30px;
  border: 2px solid @color-ssu-hills;
  color: @color-ssu-hills !important;
  display: block;
  font-family: @family-button-text;
  padding: 0.6rem 1rem;
  text-align: center;
  text-decoration:none !important;
  &:hover, &:focus {
    background-color: @color-ssu-hills !important;
    color: #fff !important;
    text-decoration: none;
  }
  &:before {
    content: "<";
    padding-left: 5px;
  }
}

/* font size adjustment */
.ui-tabs .ui-tabs-panel, .container-inline-block.column-2 > div, .node.view-mode-full ol, .node.view-mode-full ul li, .node-type-event .view-mode-full .field .field-label, .node-type-event .view-mode-full .field-name-field-location-event .field-items  {
  font-size: 1.8rem;
}
.paragraphs-item-links-and-map .group-map-address, .view .field-type-datetime, .related-events-block .field-name-field-date-events, .related-news-block .field-name-field-date-events, .node-type-event .view-mode-full .field-name-field-date-events .item-list ul, .node-type-event .view-mode-full .field-name-field-date-events .addtocal, .breadcrumb a, .footer-menu-block ul.menu li a, .footer-address-block .content {
  font-size: 1.5rem
}
.news-events-block {
  padding: 1.5em !important;
}
.news-events-tabs-block, .news-events-block {
  //max-width:1000px;
  background:@color-ssu-university-blue-md;
  margin:0 auto !important;

  &.block-quicktabs {
    padding:1.5em !important;
  }
  .item-list li.active {
    border-right:0;
  }
  > div {
    max-width: 1000px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  h1, h2, h3, h4 {
    &.block-title, *.block__title.block-title {
      max-width:1000px;
      margin:0 auto !important;
    }
  }
}
.news-events-tabs-block h2.block__title.block-title {
  max-width: 1000px !important;
  margin: 0 auto !important;
  display: block;
}

.paragraphs-item-links-and-map .content {
  padding-bottom: 8.7rem;
}
.ui-tabs .ui-tabs-panel{
  line-height:24px;
  letter-spacing: .25px;
}
.pull-quote, blockquote {
  background-color: @color-ssu-university-blue-lt;
  padding-right:50px;
  margin-bottom:1em;
}
.pull-quote::before, blockquote::before {
  background: url(/sites/all/themes/custom/ssuedu_child_theme/images/bkg-quote-blue.png) no-repeat 0 0 transparent;
}
.pull-quote::after, blockquote::after {
  background: url(/sites/all/themes/custom/ssuedu_child_theme/images/bkg-quote-blue-close.png) no-repeat 0 0 transparent;
  content: "";
  display: inline-block;
  height: 24px;
  position: absolute;
  bottom: 13px;
  right:12px;
  width: 34px;
}
.right-quote {
  float: right !important;
}
#az-menu {
  padding-bottom:10px;
}
ol#az-scrub > li, ol#az-scrub-noscript > li {
  line-height: 1.35em;
  &:hover {
    line-height: 1.35em;
  }
}
caption {
  text-align: left;
  font-weight: bold;
  h2, h3, h4, h5, h6 {
    margin-bottom: 0;
  }
}
#toc {
  background: #f0f0f0;
  border: @color-ssu-light-grey 1px solid;
  display: block;
  padding: 15px 8px 10px 8px;
  margin: 10px 10px 0 10px;
  max-width: 33%;
  float: right !important;
}

#toc h2, #toc h3, #toc h4 {
  padding-top: 0;
  margin-top: 0;
  font-size: 2.0rem;
}
.node.view-mode-full #toc ol > li {
  line-height: 1.8rem;
  font-size: 1.4rem;
}

.node.view-mode-full #toc ol li ul, .node.view-mode-full #toc ol li ol {
  padding-left: 0;
}

#toc ol {

}
#toc ol ol li {
  list-style: lower-roman;
  margin-left: 25px;
}


.thispage {
  margin: 0 0 10px 0;
  padding: 8px;
  background-color: #f0f0f0;
  border: @color-ssu-light-grey 1px solid;
  border-radius: 2px;
  width: 97%;
}

.thispagetitle {
  padding-right: 1em;
  font-size: 2rem !important;
  margin: 0;
  text-transform: uppercase;
  color: @color-ssu-black;
}

.node.view-mode-full .thispage ul {
  padding-left: 0;
}



.thispage ul {
  display: inline;
  /*	list-style: none outside none;
  */
  margin: 0;
}

.node.view-mode-full .thispage ul li {
  display: inline;
  padding: 0;
  padding-right: 1.2em;
  line-height: 1.4rem;
  font-size: 1.4rem;
}


.thispage ul li::before {
  content: "•";
  color: #014c97;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.thispage ul li:nth-child(1)::before {
  content: none;
}

.thispage ul li a {
  color: #058;
  text-decoration: none;
}

.thispage ul li a:hover {
  text-decoration: underline;
  color: #000;
  background-color: #EEE;
}

.thispage ul li a:focus {
  text-decoration: underline;
  color: #000;
  background-color: #EEE;
}

.thispage ul.long li {
  display: block;
  font-size: 1em;
  padding-left: 1em;
  margin-left: 1em;
}

.thispage h3 {
  font-size: medium;
  margin: 0;
  padding-bottom: 1em;
  padding-top: 1em;
  font-weight: bold;
}

.thispage h3.first {
  font-size: medium;
  margin: 0;
  padding-bottom: 1em;
  padding-top: 0;
}


/* global message */
.view-global-message .node-type-blog .field-name-body, .node-type-article .field-name-body {
  border:0;
  margin:unset;
}

#az-menu-wrapper {
  float:none !important;
  left:unset !important;
  position:relative !important;
  background-color:#fff !important;
}
div.notification > p {
  font-size: 1.6rem !important;
}
#az-page-clear {
  height:auto !important;
}
#az-menu > ol#az-scrub > li, #az-menu > ol#az-scrub-noscript > li {
  //padding: 2px !important;
  float:none !important;
}
#az-menu > ol#az-scrub, #az-menu > ol#az-scrub-noscript, ol#az-scrub > li, ol#az-scrub-noscript > li {
  float:none !important;
}

#az-buildinggo {
  float: none !important;
  margin: 1em auto !important;
}
#header {
  background-color: @color-bg-header;
}

.header-absolute-style {
  background: @color-bg-header-transparent;
}

.department-banner {
  #header {
    background: @color-bg-header-transparent;
  }
}
.not-front:not(.node-type-landing-page) {
  .main-content-wrapper {
    background: none;
    border-top:1em solid @color-ssu-university-blue-md;
    padding-top: 6.5rem;
  }
}

.node-type-landing-page {
  #header {
    background: @color-bg-header-transparent;
    z-index: 10;
  }
  #content {
    padding:0;
  }
  .not-front& {
    .main-content-wrapper {
      background: transparent;
    }
  }
}

.footer-outer-wrapper {
  .node-type-department &,
  .node-type-landing-page & {
    background-color: @color-footer-outer-wrapper-bg;
  }
}
dt {
  font-weight: bold;
}
/*
dd a, p a, p a:link, dd a:link, .content a:link {
  text-decoration: underline !important;
  &:hover {
    background-color:@color-ssu-university-blue-lt;
  }
}
*/
.form-submit, a.button:visited, a.button, html input[type="button"], input[type="reset"], input[type="submit"], .button-style {
  text-decoration: none !important;
}

.node.view-mode-full ul li {
  line-height: 1.35em;
  margin-bottom: .5rem;
}
p a, dd a, h2 a, .view-a-z-index a, article a, a.active, h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {
  color: @color-ssu-university-blue;
  text-decoration: underline !important;
  &:hover, &:focus {
    background-color:@color-ssu-university-blue-lt;
  }
  &:focus {
    outline: 1px dashed @color-ssu-focus;
  }
}
a:link, a:visited {
  color: @color-ssu-university-blue;
  &:hover, &:focus {
    background-color:@color-ssu-university-blue-lt;
  }
  &:focus {
    outline: 1px dashed @color-ssu-focus;
  }
}
.topic {
  a, a:link {
    &:hover {
      background-color: rgba(255, 255, 255, 0.35);
    }

  }
}
.topic-7030-right, .topic-7030-left, .topic, .view-faculty-and-staff {
  h1, h2, h3, h4, h5, h6 {
    background-color: #E8E8E8;
    font-size: 2.1rem;
    margin-bottom: 2.5rem;
    padding: 1rem 2.4rem;
    text-transform: uppercase;
    a:link, a {
      &:hover {
        background-color: rgba(255, 255, 255, 0.35);
      }

    }
  }

}

footer .block-menu ul.menu li a {
  text-decoration: underline !important;
  &:hover {
    background-color: rgba(255,255,255,0.13);
  }
  &:focus {
    outline: 1px dashed @color-ssu-university-blue-lt;
    background-color: rgba(255,255,255,0.13);
  }
}
/* breadcrumbs */

.breadcrumb a {
  font-family: @font-family-leftnav !important;
}
/* sidebar */

.sidebar-menu-block ul.menu a, .sidebar ul.menu a, .dept-menu ul.menu a {
  font-family: @font-family-leftnav !important;
  font-size: 1.65rem !important;
  line-height: 1.1em !important;
  color: @color-ssu-black !important;

  &:hover, &:focus {
      background: @color-ssu-university-blue-lt !important;
  }
  &:focus {
    text-decoration:underline;
    border:1px dashed @color-ssu-focus !important;
  }
}
.sidebar-menu-block, .sidebar, .dept-menu  {
  ul.menu {
    li:not(.is-active-trail) a {
      background: transparent !important;
      border: 0 !important;
      &:hover, &:focus {
        background: @color-ssu-university-blue-lt !important;
      }
    }
  }

}

.sidebar-menu-block, .sidebar, .dept-menu  {
  .menu-block-wrapper ul.menu li.is-active-trail {
    border-left: 1px solid @color-ssu-dark-grey !important;

    > a {
      background: @color-ssu-light-grey !important;
      color: @color-ssu-black !important;
      border: none !important;
    }

    a {
      color: @color-ssu-black !important;
    }

    a:hover, a:focus {
      background: @color-ssu-university-blue-lt !important;
    }
  }
}
ul.sidebar-links li.sidebar-link-item a {
  border-color: @color-ssu-hills;
  color: @color-ssu-hills;
  &:hover, &:focus {
    background-color: @color-ssu-hills;
    color: @color-ssu-white;
  }
}
/* topic-7030 */
.topic-7030-left > h2, .topic-7030-left > h3, .topic-7030-right > h2, .topic-7030-right > h3, h1.topic, h2.topic, h3.topic {
  background-color: #E8E8E8;
  font-size: 2.1rem;
  margin-bottom: 2.5rem;
  padding: 1rem 2.4rem;
  text-transform: uppercase;
}
.topic-7030-content {
  font-size:1.8rem !important;
  display: inline-block;
  width: 70%;
  padding-right: 2%;
  box-sizing: border-box;
  vertical-align: top;
  zoom: 1;
  @media only screen and (max-width: 767px) {
    width: 100%;
    margin-bottom:10px;
  }
}
.topic-7030-left {
  clear: both;
  .topic-7030-image {
    display: inline-block;
    width: 30%;
    padding-right: 2%;
    box-sizing: border-box;
    vertical-align: top;
    zoom: 1;
    font-size: 1.6rem;
    float: left;
    @media only screen and (max-width: 767px) {
      width:100%;
    }
  }
}

.topic-7030-right {
  clear: both;
  .topic-7030-image {
    display: inline-block;
    width: 30%;
    padding-right: 2%;
    box-sizing: border-box;
    vertical-align: top;
    zoom: 1;
    font-size: 1.6rem;
    float: right;
    @media only screen and (max-width: 767px) {
      width:100%;
    }
  }
}

.call-out {
  font-style: normal;
  margin: 0 3rem 3rem 0;
  max-width: 319px;
  padding: 25px;
  width: 319px;
  background-color: #A6DEFF;
  float: right;
  @media (max-width: 550px) {
    box-sizing: border-box;
    float: none;
    margin-right: 0;
    max-width: 100%;
    width: 100%;
  }
}

/* end topic 7030 styles */


.ui-tabs {
  .ui-tabs-nav {
    li {
      &.ui-tabs-active {
        a {
          background: @color-tabbed-paragraph-tab-active;
        }
      }
    }
  }
  &.quicktabs-ui-wrapper {
    li {
      a {
        box-sizing: border-box;
      }
    }
  }
}
.sidebar-menu-block .menu-block-wrapper ul.menu li.is-active-trail.active a.active, .sidebar-menu-block ul.menu li.is-active > a.active {
  background: #004c97 !important;
  color: #fff !important;
  text-decoration:none !important;
}
.view-academics .main-view-wrapper ul.gridder li.gridder-list {
  &:hover {
    cursor: pointer;
  }
}
.content-cta {
  background-color: @color-content-cta-bg;
  color: @color-content-cta-text;

  h3 {
    background-color: @color-content-cta-bg-title;
    border-bottom: 2px solid @color-content-cta-bg-title-border;
    color: @color-content-cta-title;
  }
  ul li {
    padding-right:1em;
  }
}
/* art gallery */

.view-art-gallery table {
  border: 0;
  td {
    width: 48%;
    vertical-align: top;
    border-right: 0;
  }
}
.exposed-filter-block {
  margin:30px 0;
  background-color: @color-ssu-university-blue-lt;
  @media (max-width: 992px){
      margin: 0 0 2%;
      display: block;
    }
  @media (max-width: 767px){
      padding-right: 0;
      padding-left: 0;
      width: 100%;
    margin: 0;
    display: block;
    margin-bottom: 2%;
  }
  .view-content {
    padding-top: 2.0rem;
    table caption{
      font-size: 1.8rem;
      font-weight: bold;
    }
  }
  .views-exposed-form {
    padding-top: 1.1rem;
    padding-right: 1.3rem;
    padding-left: 1.3rem;
    @media (max-width:875px){
      margin-right: 10%;
      margin-left: 10%;
      .views-widget-filter-combine, .views-widget-filter-field_project_location_tid, .views-widget-filter-field_project_topics_tid, .views-widget-filter-field_project_status_value  {
        width: 80%;
      }
    }
    @media  (max-width: 454px) {
      margin-right: 1%; margin-left: 1%;
      .views-widget-filter-combine, .views-widget-filter-field_date_news_value, .views-widget-filter-field_tags_tid {
        width:95%;
      }
    }
    .views-exposed-widget {
      @media (max-width: 992px) {
        margin-left: .15rem;
      }
    }
    select {
      height: 40px;
      margin: .2em;
    }
    .form-submit {
      margin: 1.6em .2em .2em;
    }
  }
  .views-widget-filter-combine {
    width: 30%;
  }
  &.views-widget-filter-combine {
    width: 28%;
  }
}
.views-exposed-widget .views-submit-button {
  padding-right: 2%;
}
.view-info-sessions {
  .view-filters {
    label {
      font-family: @family-header-font;
      font-size: 1.5rem;
      font-weight: normal;
      line-height: 1.2em;
      margin-bottom: 0.3rem;
    }
    .views-exposed-form {
      padding: 1.5rem 1.3rem;
    }
  }

}
/***************** Paragraphs ***********************/
.paragraphs-item-testimonial-carousel {
  background: @image-testimonial-paragraph-bg repeat-x center top #F5F4F3;

  @media (max-width: 959px) {
    background-size: cover;
  }

  .node-type-department & {
    background-color: @color-testimonial-paragraph-bg;
  }

  .slick-dots {
    li button {
      background-color: @color-testimonial-paragrpah-slick-dot-bg;
    }

    li.slick-active button {
      border-color: @color-testimonial-paragrpah-slick-dot-active-border;
    }
  }

  .slick__arrow {
    .slick-arrow {
      border-color: @color-testimonial-paragrpah-slick-arrow-border;

      &::after {
        color: @color-testimonial-paragrpah-slick-arrow;
      }
    }
  }
}
.paragraphs-item-testimonial-carousel .slick__arrow .slick-arrow::after, .slick__arrow .slick-arrow::after {
  color: #ffffff !important;
  background-color: rgba(255,255,255,0.13);
  border-radius: 80px;
  height: 52px;
  border-width: 0;
  font-size: 48px;
  line-height: 50px;
  padding: 0;
  text-align: center !important;
  width: 52px;
  margin: 0 auto !important;
 &:hover {
   color:@color-ssu-university-blue !important;
   background-color:@color-ssu-university-blue-lt !important;
 }
}
div#slick-views-stats-carousel-2-slider {
  //max-width: calc(100% - 150px);
  //margin: 0 auto;
  padding:0 60px;
}
.paragraphs-item-testimonial-carousel .slick__arrow {
  .slick-prev {
    @media (max-width: 767px) {
      top: 29%;
    }
  }
  .slick-next {
    @media (max-width: 767px) {
      top: 29%;
    }
  }
}
.paragraphs-item-stats-carousel .slick__arrow{
  .slick-prev {
    left: -5px;

  }
  .slick-next {
    right: -5px;

  }
}
// Tabbed Item Paragraph
.paragraphs-item-tabbed-paragraph {
  background-color: @color-tabbed-paragrpah-bg;

  .field-collection-tabs {
    .item-list {
      ul.ui-tabs-nav {
        li {
          &.ui-state-active {
            background: @color-tabbed-paragraph-tab-active;

            &:after {
              border-top: 6px solid @color-tabbed-paragraph-tab-active;
            }
          }
        }
      }
    }
  }
}

// Grid Items Paragraph
.paragraphs-item-grid-items {
  .field-name-field-grid-item {
    > .field-items {
      > .field-item {
        background: @color-grid-item-bg;
        border-top: 4px solid @color-grid-item-border-top;

        .group-grid-items-wrapper {
          .field-name-field-link {
            a {
              color: @color-grid-item-link;
              text-decoration: underline;
              &:hover {
                background-color: @color-ssu-university-blue-lt;
              }
            }
          }
        }
      }
    }
  }
}

.paragraphs-item-simple-paragraph {
  .content {
    color: @color-simple-paragraph-text;
  }

  .field-name-field-simple-title {
    color: @color-simple-paragraph-title;
  }

  .quick-links {
    a {
      &:hover {
        background-color: @color-simple-paragraph-quick-link-bg-hover;
      }
    }
  }
}


.paragraphs-item-two-row-paragraphs {
  .group-first-row {
    &::before {
      background-color: @color-first-row-bg;
    }

    &::after {
      background: @image-first-row-top-bg repeat-x center top transparent;
    }

    .group-inner-content-wrapper::after {
      background: @image-first-row-bottom-bg repeat-x center bottom transparent;
    }
  }
  .field-name-field-two-row-body-two {
    display: inline;
  }
  .field-name-field-two-row-links {
    .field-item {
      a {
        border-color: @color-first-row-links-border;
        text-decoration: none !important;
        &:hover,
        &:focus {
          background-color: @color-first-row-links-bg-hover;
          border-color: @color-first-row-links-border-hover;
          color: @color-first-row-links-text-hover;
        }
      }
    }
  }

  .group-second-row {
    background-color: @color-second-row-bg;
  }

  .field-name-field-two-row-title-two {
    color: @color-second-row-title;
  }

  .field-name-field-two-row-body-two {
    color: @color-second-row-text;
  }

  .field-name-field-two-row-links-two {

      clear: both;
      text-align: left;
      margin: 1.5em 0 1em;
    padding:1em 0;

    .field-item {
      a {
        border-color: @color-second-row-links-border;
        color: @color-second-row-links;
        text-decoration: none !important;
        &:hover,
        &:focus {
          background-color: @color-second-row-links-bg-hover;
          border-color: @color-second-row-links-border-hover;
          color: @color-second-row-links-hover;
        }
      }
    }
  }
}
.view-slideshow .popup-wrapper {
  display: none;
}

.paragraphs-item-links-and-map {
  background-color: @color-where-to-find-bg;
  padding-bottom: 80px;
  .content {
    padding-bottom: 2.5rem;
    padding-top: 6.5rem;
  }
  .field-name-field-title-links-map {
    color: @color-where-to-find-title;
    padding-bottom: 1.5rem;

  }

  .field-name-field-links-links-maps {
    padding-bottom: 1.5rem;
    .field-item {
      a {
        background-color: @color-ssu-university-blue;
        color: @color-ssu-white;
        text-decoration: none !important;

        &:hover,
        &:focus {
          background-color: #014180;
          text-decoration: underline !important;
        }
      }
    }
  }

  .field-name-field-location-links-map {
    border: 2px solid @color-where-to-find;

    .field-items {
      border-bottom: 4px solid @color-where-to-find-border;
    }
  }

  .group-map-address {
    background-color: @color-where-to-find;
    color: @color-where-to-find-text;
  }
}

.paragraphs-item-accordion {
  background-color: @color-accordion-paragraph-bg;

  &::after {
    background: @image-accordion-paragraph-bg repeat-x center top;
  }
}

.paragraphs-item-advising {
  background-color: @color-paragrpah-advising-bg;

  .field-name-field-advising-title {
    color: @color-paragrpah-advising-title;
  }

  .field-name-field-advisor {
    a {
      background-color: @color-paragrpah-advising-link-bg;
      color: @color-paragrpah-advising-link;

      &::after {
        color: @color-paragrpah-advising-link-after;
      }
    }
  }
}

.paragraphs-item-degrees-programs {
  background: @image-paragraph-degrees-bg no-repeat center top;

  .field-name-field-title-degrees-programs-p {
    color: @color-paragraph-degrees-title;
  }

  .field-name-field-degree-or-program {
    .field-name-title-field {
      a {
        background-color: @color-paragraph-degrees-item-bg;
        border: 4px solid @color-paragraph-degrees-item-border;
      }
    }
  }
}

/***************** BLOCKS ***********************/
.header-logo-block {
  .main-theme {
    display: none;
  }
  .child-theme-one {
    display: inline-block;
  }
  .child-theme-two {
    display: none;
  }
}

.header-menu-block {
  ul.menu {
    li {
      a {
        color: @color-header-menu-link;
        &:hover, &:focus {
          background-color:transparent;
        }

        &.header-search-open-button {
          color: @color-header-menu-link;
        }

        &.header-menu-open-button {
          color: @color-header-menu-link;
        }
      }
    }
  }
}
.navigation-slide-menu-block .kwall-slide-in-nav-menu form .form-text::placeholder, .navigation-slide-menu-block .kwall-slide-in-nav-search-menu form .form-text::placeholder{
  color:#aaa;
}
.paragraphs-item-link-grid > .content {
  padding-top: 60px;
}

/* link buttons */

.paragraphs-item-advising .field-name-field-advisor a, .paragraphs-item-paragraph-with-menu .field-name-field-advisor a, .paragraphs-item-advising .field-name-field-paragraph-menu-item a, .paragraphs-item-paragraph-with-menu .field-name-field-paragraph-menu-item a, .paragraphs-item-advising .field-name-field-advisor a, .paragraphs-item-paragraph-with-menu .field-name-field-advisor a, .paragraphs-item-advising .field-name-field-paragraph-menu-item a, .paragraphs-item-paragraph-with-menu .field-name-field-paragraph-menu-item a {
border:2px solid #004C97;
}
.paragraphs-item-advising .field-name-field-advisor a:hover, .paragraphs-item-paragraph-with-menu .field-name-field-advisor a:hover, .paragraphs-item-advising .field-name-field-paragraph-menu-item a:hover, .paragraphs-item-paragraph-with-menu .field-name-field-paragraph-menu-item a:hover, .paragraphs-item-advising .field-name-field-advisor a:focus, .paragraphs-item-paragraph-with-menu .field-name-field-advisor a:focus, .paragraphs-item-advising .field-name-field-paragraph-menu-item a:focus, .paragraphs-item-paragraph-with-menu .field-name-field-paragraph-menu-item a:focus {
  opacity: 1;
  text-decoration: none;
  background: #fff;
  color: #004c97;
  border: 2px solid #004c97;
  &::after {
    color: #004c97;
  }
}
.paragraphs-item-advising {
  background-color: #fff;
}
.paragraphs-item-advising .field-name-field-advisor a::after, .paragraphs-item-paragraph-with-menu .field-name-field-advisor a::after, .paragraphs-item-advising .field-name-field-paragraph-menu-item a::after, .paragraphs-item-paragraph-with-menu .field-name-field-paragraph-menu-item a::after {
  content: "\f105";
  color:#fff;
  font-size: 2.25rem;
}
.navigation-slide-menu-block {
  .kwall-slide-in-nav-menu,
  .kwall-slide-in-nav-search-menu {
    background-color: @color-slide-menu-bg;
    form {
      .form-text {
        background: @color-slide-menu-input-bg;
        color: @color-slide-menu-input-text;
      }
    }
    .form-submit {
      background: @color-slide-menu-submit-bg @image-slide-menu-search-icon center no-repeat;
    }

    .block-menu-block .block-title {
      color: #004C97;
    }
    .slide-menu-close-button {
      &::before, &::after {
        background: #004C97;
      }
    }

    ul.menu {
      > li {
        &.is-expanded {
          li.is-expanded,
          li {
            a {
              color: @color-slide-menu-ul-menu-child-link;
            }
          }
        }
      }
    }
  }
}

.navigation-slide-menu-block {
  .kwall-slide-in-nav-menu,
  .kwall-slide-in-nav-search-menu {
    background-color: @color-slide-menu-bg;
    form {
      .form-text {
        background: @color-slide-menu-input-bg;
        color: @color-slide-menu-input-text;
      }
    }
    .form-submit {
      background: @color-slide-menu-submit-bg @image-slide-menu-search-icon center no-repeat;
      width: 50px !important;
      &:hover, &:focus {
        background-color: @color-slide-menu-input-bg;
      }
    }

    ul.menu {
      > li {
        &.is-expanded {
          li.is-expanded,
          li {
            a {
              color: @color-slide-menu-ul-menu-child-link;
            }
          }
        }
      }
    }
  }
}

.slide-in-nav-menu-block,
.kwall-slide-in-nav-search-menu {
  ul.menu {
    li {
      a {
        color: @color-slide-menu-ul-menu-link;
      }
    }
  }
}

.header-paragraph-block {
  .paragraphs-item-interior-header-slideshow {
    .not-front.node-type-landing-page & {
      &::after {
        color: @color-slideshow-main-wrapper-down-arrow;
      }
    }
  }

  .group-banner-wrapper {
    &:before {
      .color-department-header-gradient;
    }

    &::after {
      background: @image-department-header-wave repeat-x center 1px transparent;
    }
  }
}

// Sidebar
.sidebar-menu-block ul.menu a:hover, .sidebar-menu-block ul.menu a:focus
.sidebar-menu-block, .dept-menu {
  ul.menu {
    li {
      border-top: 1px solid @color-sidebar-first-level-top-border;
    }

    a {
      color: @color-sidebar-first-level-link;
      text-decoration: none !important;
      &:hover, &:focus {
        text-decoration: none !important;
      }
    }
  }

  .menu-block-wrapper > ul.menu > li {
    > a {
      border-left: 4px solid @color-sidebar-first-level-left-border-color;
      background: #eee;
      background: -webkit-linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
      background: -o-linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
      background: -moz-linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
      background: linear-gradient(to right, @color-sidebar-first-level-bg 50%, @color-sidebar-first-level-bg-hover 50%);
      background-size: 200% 100%;
      background-position: left bottom;
      transition: all 0.5s ease;

      &:hover {
        background-position: right bottom;
        border-left-color: @color-sidebar-first-level-left-border-hover;
        color: @color-sidebar-first-level-link-hover;
      }
    }

    &.active > a {
      background-color: @color-sidebar-first-level-link-hover;
      border-left-color: @color-sidebar-first-level-left-border-hover;
      color: #fff;
    }
    // Second Level
     > ul {
      > li {
        > a {
          color: @color-sidebar-second-level-link;

          &:hover,
          &:focus {
            color: @color-sidebar-second-level-link-hover;
          }
        }

        &.active > a {
          color: @color-sidebar-second-level-link-hover;
        }
      }
      // Third Level
      > li > ul {
        > li {
          > a {
            background: linear-gradient(to right, @color-sidebar-third-level-bg 50%, @color-sidebar-third-level-bg-hover 50%);
            background-size: 200% 100%;
            background-position: left bottom;
            color: @color-sidebar-third-level-link;
            transition: all 0.5s ease;

            &:hover,
            &:focus {
              color: @color-sidebar-third-level-link-hover;
            }
          }

          &.active > a {
            background-color: @color-sidebar-third-level-bg-hover;
            color: @color-sidebar-third-level-link-hover;
          }
        }
      }
    }
  }
}
.inner-wrapper, .paragraphs-item-academic-schools > .content {
  @media (min-width:768px){
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

}
.view .no-image-event .date-wrapper {
  padding: 10px 0 !important;
}
.news-events-tabs-block {
  padding:0 !important;
  .node-type-department & {
    background: @image-department-news-events repeat-x center top @color-department-news-events-bg;

    h2.block-title {
      color: #4A4A4A;
    }

    .item-list {
      background-color: @color-department-news-items-list;

      li {
        &.active {
          background-color: #007672;
          border-right-color: #007672;

          a {
            background-color: @color-department-news-item-active-bg;
          }
        }

        &:last-child {
          &.active {
            border-left-color: @color-department-news-items-active-border;
          }
        }
      }
    }

    .no-image-event {
      background-color: @color-grid-text-wrapper-bg-hover;

      .text-wrapper {
        &:hover {
          background-color: @color-grid-text-wrapper-bg-hover;
        }
      }
    }

    .view-footer {
      a.button {
        background-color: @color-department-news-footer-link-bg;
        border-color: @color-department-news-footer-link-border;
        color: @color-department-news-footer-link;
        min-width: 121px;

        &:hover {
          background-color: @color-department-news-footer-link-bg-hover;
          border-color: @color-department-news-footer-link-border-hover;
          color: @color-department-news-footer-link-hover;
        }
      }
    }
  }
}

/******* VIEWS ***********/
.grid-view {
  .text-wrapper {
    background: linear-gradient(to bottom, @color-grid-text-wrapper-bg-hover 50%, @color-grid-text-wrapper-bg 50%);
    background-position: left bottom;
    background-size: 100% 200%;
    border: 1px solid @color-grid-text-wrapper-border;
    border-top: 0px none;
    min-height: 109px;
    padding: 18px 22px;
    transition: all 0.6s ease 0s;
  }
}
.footer-logo-block .content a {
  &:hover, &:focus {
    background-color:transparent;
  }
}
.view-slideshow {
  background:@color-ssu-black;
  &::after {
    background: transparent ; //@image-slideshow-waves repeat-x center top;
  }

  @media (max-width: 767px) {
    .field-name-field-slide-title {
      font-size: 3rem;
      padding-right: 2rem;
      padding-left: 2rem;
      font-weight: bolder;
    }
  }

  .field-name-field-slide-image,
  .hero-bkg .field-content {
    &::after {
      background: none; // @color-slideshow-waves-transparent @image-slideshow-waves-transparent repeat-x center bottom;
      height: 100%;
    }
  }

  .hero-bkg .video-loaded::after {
    background: none;
  }

  .slick__arrow {
    .slick-arrow {
      border-color: @color-slideshow-arrow-border;
      &::after {
        color: @color-slideshow-arrows;
      }
    }
  }

  .flex-direction-nav a {
    border-color: @color-slideshow-arrow-border;

    &::before {
      color: @color-slideshow-arrows;
    }
  }

  .slick-dots {
    li {
      button {
        background-color: @color-slideshow-dot-bg;
        border: 1px solid @color-slideshow-dot-bg-border;
      }
      button:hover,
      &.slick-active button {
        border-color: @color-slideshow-dot-bg-border-active;
      }
    }
  }

  .flex-control-nav {
    li {
      a {
        background-color: @color-slideshow-dot-bg;
        border: 1px solid @color-slideshow-dot-bg-border;
      }
      a:hover,
      a:focus,
      a.flex-active {
        border-color: @color-slideshow-dot-bg-border-active;
      }
    }
  }
}

/* faculty pages */
.node-faculty-staff {
  .group-image .field-name-title-field {
    margin-bottom: 1rem;
  }
  .group-details {
    .field-group-div {
      float: right;
      margin-left: 20px;
    }
    .group-office-info {
      margin-bottom: 1rem;
    }
    .group-contact, .group-office-info, .group-officehours {
      float: none;

      h3 {
        margin: 0.625em 0 0 0;
      }
    }

  }
}
.group-contact h3, .group-office-info h3, .group-officehours h3, .field-name-field-office-hours .field-label {
  margin: 0.625em 0 0 0;
}
div.group-image {
  float: right;
  line-height: 0;
  margin-left: 20px;
}


.node-faculty-staff .group-details .group-advising .field {
  margin-bottom: 0;
}

.node-faculty-staff .group-details .group-officehours .field {
  margin-bottom: 0;
}

.node-faculty-staff .group-details .group-officehours .field-name-field-by-appointment {
  margin-bottom: 2rem;
}

.node-faculty-staff .semicolon {
  display: none;
}

.node-faculty-staff .group-image .field-name-title-field {
  margin-bottom: 1rem;
}


@media (max-width: 1024px) {
  div.group-image {
    float: none;
    line-height: 0;
    margin-left: 0;
  }
}
.node-faculty-staff .group-details .field-name-field-picture {
  float: none;
}

div.group-image div.field-name-title-field {
  font-weight: bold;
}

div.group-image div.field-name-field-pronouns {
  font-style: italic;
}
.node-faculty-staff .group-details .group-contact, .node-faculty-staff .group-details .group-office-info {
  float: none;
}
.node-faculty-staff .field-label {
  margin: 0.8rem 0;
}

.field-name-field-email p {
  margin: 0;
}


/* make Office Hours look like Office heading */
.field-name-field-office-hours .field-label {
  text-transform: capitalize;
  font-size: 2.52rem;
  color: #4a4a4a;
  font-family: 'open_sans_condensedbold', Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.2em;
}
.group-contact h3, .group-office-info h3, .group-officehours h3, .field-name-field-office-hours .field-label  {
  margin:0.625em 0 0 0;
}
.field-name-field-office-hours {
  padding-bottom: 0.625em;
}
/******* SPECIFIC TO THIS THEME ***********/

.paragraphs-item-simple-paragraph {
  background: #A1D884;
  position: relative;

  &::after {
    background: #fff; //url("../images/bkg-simple-paragraph-child-theme-1.png") repeat-x center center #fff;
    bottom: 0;
    content: "";
    height: 10.1rem;
    left: 0;
    position: absolute;
    width: 100%;

    .node-type-page & {
      background: none;
    }
  }
}

.paragraphs-item-testimonial-carousel,
.node-type-department .paragraphs-item-testimonial-carousel {
  padding-bottom: 7.8rem;
}

.paragraphs-item-degrees-programs {
  position: relative;

  &::after {
    background: #abcae9;
    content: "";
    display: block;
    height: 78px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
  }
}
.navigation-slide-menu-block .kwall-slide-in-nav-menu .block-menu-block .block-title, .navigation-slide-menu-block .kwall-slide-in-nav-search-menu .block-menu-block .block-title {
  color: #fff;
}
.navigation-slide-menu-block .kwall-slide-in-nav-menu ul.menu > li.is-expanded li.is-expanded a, .navigation-slide-menu-block .kwall-slide-in-nav-search-menu ul.menu > li.is-expanded li.is-expanded a, .navigation-slide-menu-block .kwall-slide-in-nav-menu ul.menu > li.is-expanded li a, .navigation-slide-menu-block .kwall-slide-in-nav-search-menu ul.menu > li.is-expanded li a, .slide-in-nav-menu-block ul.menu li a, .kwall-slide-in-nav-search-menu ul.menu li a, a.slide-menu-close-button {
  background-color:transparent;
  &:hover, &:focus {
    background-color:transparent;
  }
}
.navigation-slide-menu-block {
  .kwall-slide-in-nav-menu,
  .kwall-slide-in-nav-search-menu  {
    form input {
      &::-webkit-input-placeholder {
         color: @color-ssu-university-blue;
         font-size: 2rem;
         font-style: italic;
      }
      &:-moz-placeholder {
         color: @color-ssu-university-blue;
         font-size: 2rem;
         font-style: italic;
      }
      &::-moz-placeholder {
         color: @color-ssu-university-blue;
         font-size: 2rem;
         font-style: italic;
      }
      &:-ms-input-placeholder {
         color: @color-ssu-university-blue;
         font-size: 2rem;
         font-style: italic;
      }
    }
  }
}

/* 2020 branding */

/**
 * Global
 */

/* Primary colors */

.bg-SSUBlue {
  background-color: @color-ssu-university-blue;
  color: @color-ssu-white;
}
.bg-SSUBlue-50 {
  background-color: @color-ssu-university-blue-md;
  color: @color-ssu-black;
}
.bg-SSUBlue-25 {
  background-color: @color-ssu-university-blue-lt;
  color: @color-ssu-black;
}

.txt-SSUBlack {
  color: @color-ssu-black;
}
.txt-SSUDarkGrey {
  color: @color-ssu-dark-grey;
}
.txt-SSULightGrey {
  color: @color-ssu-light-grey;
}
.txt-SSUWhite {
  color: @color-ssu-white;
}

body {
  font-family: @font-family;
  font-style: normal;
  font-weight: 400;
  font-size:1.8rem;
  letter-spacing: .25px;
  color: #000;
}
.gsc-control-cse .gsc-table-result {
  font-family: @font-family !important;
  font-style: normal;
  font-weight: 400;
  font-size:1.8rem !important;
}
h1, h2, h3, h4, h5, h6 {
  color: #000;
}

h1, h2, h3, h1#page-title, .view-slideshow .field-name-field-slide-title  {
  font-family: @family-header-font;
  font-style: normal;
  font-weight: 800 ;

}
h1#page-title {
  color:#000 !important;
}

h2, h3 {
  font-weight: 700 !important;
}
h2, .paragraphs-item-link-grid .field-name-field-link-grid-title, .paragraphs-item-two-row-paragraphs .field-name-field-two-row-title, .paragraphs-item-two-row-paragraphs .field-name-field-two-row-title-two, .paragraphs-item-accordion .field-name-field-accordion-title, .paragraphs-item-accordion .field-name-field-accordion-title, .paragraphs-item-advising .field-name-field-advising-title, .paragraphs-item-paragraph-with-menu .field-name-field-advising-title, .paragraphs-item-advising .field-name-field-paragraph-menu-title, .paragraphs-item-paragraph-with-menu .field-name-field-paragraph-menu-title, .paragraphs-item-links-and-map .field-name-field-title-links-map, .paragraphs-item-tabbed-paragraph .field-name-field-tabbed-main-title, .paragraphs-item-simple-paragraph .field-name-field-simple-title, .paragraphs-item-academic-schools .field-name-field-image-grid-item-header, .paragraphs-item-image-grid .field-name-field-image-grid-item-header  {
  font-size:3.02rem !important;
}
h4, h5, h6 {
  font-family: @family-header-font;
  font-style: normal;
  font-weight: 700;
}

h5, h6 {
  font-weight: 600;
}
h4 {
  font-size:2.32rem;
}
h5 {
  font-size: 2.1rem;
}
h6 {
  font-size:1.9rem;
  margin-block-start: unset;
  margin-block-end: unset;
}
/* misc labels */
.view-academics .academics-filters .views-exposed-form label.option {
  font-family: @family-header-font;
}
.paragraphs-item-advising > .content, .paragraphs-item-paragraph-with-menu > .content{
  padding-bottom:5rem;
  padding-top:5rem;
}
.node-landing-page.view-mode-full .field-name-body h2:not(.slide__title) {
  color:#000;
}
/* button */
/* regular */
a.button {

&:link, &:visited {
  font-family: @family-button-text;
  font-style: normal;
  font-weight: 600 !important;
  text-align: center;
  background-color: @color-ssu-university-blue;
  border: 2px solid @color-ssu-university-blue;
  color: @color-ssu-white;
  text-shadow: none !important;
}

  &:hover, &:focus {
    background: @color-ssu-university-blue-lt;
  }

  &:active {
    background: @color-ssu-white;
  }

}

/* reverse styles */
.reverse-button, .view-slideshow .field-name-field-slide-link a, .view-slideshow .field-name-field-slide-link a {

  &:link, &:visited {
    font-family: @family-button-text;
    font-style: normal;
    font-weight: 600 !important;
    text-align: center;
    background-color: @color-ssu-white;
    border: 2px solid @color-ssu-white;
    color: @color-ssu-university-blue;
    text-shadow: none !important;
  }


  &:hover, &:focus {
    border-color: @color-ssu-white;
    background: @color-ssu-university-blue;
    color: @color-ssu-white;
  }
}
.paragraphs-item-logo-carousel .content {
  padding: 60px 2em;
  max-width: 1000px !important;
  margin: 0 auto;
}
.paragraphs-item-logo-carousel.ssulightblue .content,
.paragraphs-item-logo-carousel.ssulightblue .content h2,
.paragraphs-item-logo-carousel.color-ssu-field-lt .content,
.paragraphs-item-logo-carousel.color-ssu-field-lt .content h2,
.paragraphs-item-logo-carousel.color-ssu-grape-lt .content,
.paragraphs-item-logo-carousel.color-ssu-grape-lt .content h2,
.paragraphs-item-logo-carousel.color-ssu-hills-lt .content,
.paragraphs-item-logo-carousel.color-ssu-hills-lt .content h2,
.paragraphs-item-logo-carousel.color-ssu-lakes-lt .content,
.paragraphs-item-logo-carousel.color-ssu-lakes-lt .content h2,
.paragraphs-item-logo-carousel.color-ssu-salmon-lt .content,
.paragraphs-item-logo-carousel.color-ssu-salmon-lt .content h2,
.paragraphs-item-logo-carousel.color-ssu-light-grey .content,
.paragraphs-item-logo-carousel.color-ssu-light-grey .content h2,
.paragraphs-item-logo-carousel.color-ssu-white .content,
.paragraphs-item-logo-carousel.color-ssu-white .content h2 {
  color: #000000;
  .paragraphs-item-testimonial-carousel .slick__arrow .slick-arrow::after, .slick__arrow .slick-arrow::after {
    background-color: rgba(0,0,0,0.13);
  }
}
.paragraphs-item-logo-carousel {
  .slick-slider {
    padding: 0 72px;
    .slick-slide {
      img {
        margin: 0 auto;
      }
      .field-item {
        text-align:center;
      }
    }
  }
}

.slick-wrapper, .slick {
    position: relative;
    }

.ui-accordion.ui-widget .ui-accordion-header:focus::after, .ui-accordion.ui-widget .ui-accordion-header.ui-state-default:focus::after, .ui-accordion.ui-widget .ui-accordion-header:hover::after, .ui-accordion.ui-widget .ui-accordion-header.ui-state-default:hover::after {
  background-color: rgba(255,255,255,0.2);
}
.form-submit, a.button:visited, a.button, html input[type="button"], input[type="reset"], input[type="submit"], .button-style {
  border: 2px solid @color-ssu-university-blue;
  min-height:40px;
  box-sizing: border-box;
  font-family: @family-button-text;
  padding: .6rem 2rem !important;
  line-height:normal;
  font-weight: 600 !important;

  &:hover, &:focus {
    border: 2px solid @color-ssu-university-blue;
    background-color: @color-ssu-university-blue-lt;
    color: @color-ssu-university-blue;
    cursor: pointer;
  }
  &:active {
    border: 2px solid @color-ssu-university-blue;
    background-color: @color-ssu-white;
    color: @color-ssu-university-blue;
  }
}
.container-inline-block {
  &.column-2, &.column-3, &.column-4 {
    display: flex;
    justify-content: stretch;
    flex-wrap: wrap;
    font-size:1.8rem;
  }

}


.header-menu-block ul.menu li a {
  font-family: @family-header-font;
  font-style: normal;
  font-weight: 500;
  text-transform: unset;
  font-size: 2.6rem;
}

.header-logo-block a {
  &:hover, &:focus{
    background:transparent;
  }
  img {
    width: 200px;
    display: inline-block;
    margin: 1.2em;
  }
}
.header-menu-block ul.menu li {
  margin-left: 50px;
  &:nth-of-type(6) {
    margin-left:75px;
  }
  &:nth-of-type(7) {
    margin-left:75px;
  }
  &:nth-of-type(1) {
    margin-left:25px;
  }
}

.header-menu-block ul.menu li a.header-search-open-button::after {
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 27px;
  width: 30px;
}

.header-menu-block ul.menu li a.header-menu-open-button::after {
  font-weight: 400;
}

.node-type-landing-page #header {
  background: @color-ssu-university-blue;
}

.footer-address-block {
  margin-right:40px;
  .content {
    font-size: 1.5rem;
  }
  @media (max-width:959px) {
    margin-right:0 !important;
  }
}
.footer-address-block {
  @media (max-width: 638px) {
    margin:10px auto 25px;
    display:block;
    width:48%;
  }
}
.footer-menu-block {
  padding-right:10px;
  @media (max-width: 638px) {
    margin:0 auto 25px;
    display:block;
    width:60%;
    padding-right:0;
  }
  &:last-of-type {
    padding-right:0;
  }
}
.front h1#page-title, .front h1.title {
  display: none !important;
}

.node-type-department .footer-outer-wrapper, .node-type-landing-page .footer-outer-wrapper, .footer-outer-wrapper{
  background: @color-ssu-university-blue url(/sites/all/themes/custom/ssuedu_child_theme/images/ssu_quad-wht.png) no-repeat right center !important;
  background-color: @color-ssu-university-blue !important;
  border-top: 20px solid @color-ssu-university-blue-md;
  height: 255px;
  margin-top: -255px;
  padding-top: 40px;
  @media (max-width: 767px) {
    min-height: 255px;
    height:auto;
    padding-bottom:15px;
  }
}



/* Home Styles */





/* slider */
.slide-menu-close-button:before, .slide-menu-close-button:after {
  background: #fff !important;
}

/* notice */


.ssu-notice-inner {
  background-color: #eee;
  border: 3px solid #eee;
  color:#1a1a1a;
  a {
    color: @color-ssu-university-blue;
    &:hover {
      color:@color-ssu-black;
    }
  }
}

.paragraphs-item-basic-color.color-ssu-university-blue-lt .content a, .paragraphs-item-basic-color.color-ssu-university-blue-lt .content a:link, .paragraphs-item-basic-color.color-ssu-university-blue-lt .content a:visited, .paragraphs-item-basic-color.color-ssu-field-lt .content a, .paragraphs-item-basic-color.color-ssu-field-lt .content a:link, .paragraphs-item-basic-color.color-ssu-field-lt .content a:visited, .paragraphs-item-basic-color.color-ssu-grape-lt .content a, .paragraphs-item-basic-color.color-ssu-grape-lt .content a:link, .paragraphs-item-basic-color.color-ssu-grape-lt .content a:visited, .paragraphs-item-basic-color.color-ssu-hills-lt .content a, .paragraphs-item-basic-color.color-ssu-hills-lt .content a:link, .paragraphs-item-basic-color.color-ssu-hills-lt .content a:visited, .paragraphs-item-basic-color.color-ssu-lakes-lt .content a, .paragraphs-item-basic-color.color-ssu-lakes-lt .content a:link, .paragraphs-item-basic-color.color-ssu-lakes-lt .content a:visited, .paragraphs-item-basic-color.color-ssu-salmon-lt .content a, .paragraphs-item-basic-color.color-ssu-salmon-lt .content a:link, .paragraphs-item-basic-color.color-ssu-salmon-lt .content a:visited, .paragraphs-item-basic-color.color-ssu-light-grey .content a, .paragraphs-item-basic-color.color-ssu-light-grey .content a:link, .paragraphs-item-basic-color.color-ssu-light-grey .content a:visited, .paragraphs-item-basic-color.color-ssu-white .content a, .paragraphs-item-basic-color.color-ssu-white .content a:link, .paragraphs-item-basic-color.color-ssu-white .content a:visited{
  color: @color-ssu-university-blue !important;
}

.header-menu-block ul.menu li {
  @media (max-width:1079px) {
    margin-left: 20px;
  }
  &:nth-of-type(6), &:nth-of-type(7) {
    @media (max-width:1079px) {
      margin-left: 40px;
    }
  }

}

/* hero */
.view-slideshow .slide-text, .view-display-id-block_2 .slide-text{
  text-align: left;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  bottom: unset;
  top: 150px;
}
.not-front:not(.view-display-id-block_2) .view-slideshow .slide-text, .hero-slideshow:not(.view-display-id-block_2) .view-slideshow .slide-text, .hero-slideshow:not(.view-display-id-block_2).view-slideshow .slide-text {
  text-align: left;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  bottom: unset;
  top: unset;
}
.hero-links.field-name-field-slide-link {
  max-width: 1000px;
  margin: 0 auto;
}

.front .hero-slideshow.view-slideshow::after {
  background: @color-ssu-university-blue url(/sites/all/themes/custom/ssuedu_child_theme/images/ssu_redwood-wht_6o.png) no-repeat center 65%;
  background-size: cover;
}

.not-front .hero-slideshow.view-slideshow, .view-display-id-block_3.hero-slideshow.view-slideshow, .view-display-id-block.hero-slideshow.view-slideshow {
  &::after, .hero-slideshow:not(.view-display-id-block_2).view-slideshow .slide-text  {
    background: @color-ssu-university-blue-md url(/sites/all/themes/custom/ssuedu_child_theme/images/ssu_redwood-blue_a-cut.png) no-repeat left bottom;
    background-size: cover;
    height: 28px;
  }
  .hero-bkg .field-content::after {
    @media (max-width:767px) {
      bottom: 0;
    }

  }
  .hero-content.slide-text {
      left: 0;
      margin: 0;
      bottom: 28px;
      background: #004c97;
      width: auto;
      max-width: 500px !important;
      top: unset;
      text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
      font-size: 2rem !important;
    .hero-title h1 {
      font-family: @family-header-font;
      font-size: 2.5rem !important;
      line-height: normal;
      color: #fff;
    }
    .field-name-field-slide-title {
      font-family: @family-header-font;
      font-size: 3.5rem !important;
      line-height: normal;
      color: #fff;
    }

    .hero-subhead {
      text-align: left !important;
      margin: 0 auto !important;
      max-width: 1000px !important;
      font-size: 2rem;
      line-height: 1.4em;
      font-style: italic;
      padding-left: 10px;
      color: #ffffff;
    }
  }

}
#block-bean-need-help, #block-bean-contact-us {
  padding: 1.5rem 1.5rem 1.5rem 1.4rem;
  border:0 !important;
  background: @color-ssu-university-blue-lt;
  a {
    &:hover, &:focus {
      background-color:rgba(255,255,255,0.35);
    }
    &.red-button {
      background-color: @color-ssu-warning;
      color: white;
      border: 2px solid @color-ssu-warning;
      display: block;
      font-weight: bold;
      padding: 1rem;
      padding-left: 6.0rem;
      border-radius: 15px;
      text-decoration:none !important;
      &:hover, &:focus {
        background:#ffeded;
        color: @color-ssu-warning;

      }
      &:before {
        content: "\f06a";
        font-family: 'FontAwesome';
        float: left;
        margin: 10px 0 0 -50px;
        font-size: 4.8rem;
      }
    }
  }
  @media (max-width:767px) {
    margin-bottom:2.5em;
  }
}

.content-cta {
  color:@color-ssu-black;
  background-color: @color-ssu-light-grey;
  h3 {
    background-color: @color-ssu-hills;
  }
}
.highlighted-cta-block, .cta-block {
  background-color: @color-ssu-university-blue !important;
  color: #fff;
  padding: 0;
  position:relative;
  &:after {
    font-family: 'FontAwesome';
    content: "\f105";
    color: #fff;
    font-size: 2.25rem;
    float: right;
    top: 50%;
    margin-top: -1.25rem;
    right: 15px;
    display: block;
    position: absolute;
  }
  p {
margin:0;
    a {
      color: #fff;
      font-family: @family-button-text;
      text-decoration:none !important;
      padding: 2rem 1.2rem;
      display: block;
      &:hover {
        text-decoration:underline !important;
        background-color:transparent !important;
      }
    }
  }
}

.field.field-name-field-image-column-cta.field-type-image.field-label-hidden {
  margin-bottom: 1em;
}


/* events */

.view {
  .date-day, .date-month {
    font-family: @family-header-font;
    font-size: 2.1rem;
    font-weight: 500;
    color: @color-ssu-white;
  }
  .date-wrapper {
    border-color: @color-ssu-university-blue;
      padding: 10px 0;
  }
}
.views-field.views-field-nothing.date-wrapper {
  padding-top: 10px;
}

.news-events-tabs-block .no-image-event {
  background-color: @color-ssu-university-blue;
  .text-wrapper:hover a:hover, .text-wrapper:hover a:focus {
    color: @color-ssu-university-blue;
  }
}



/* 3 item paragraph */

.paragraphs-item-three-column-cta {
  background: none;

  .field-type-image::after {
    background-color: rgba(0, 76, 151, 0.7) !important;
  }

  .group-text-wrapper , .field-name-field-column-cta-item > .field-items > .field-item:nth-child(2) .group-text-wrapper, .field-name-field-column-cta-item > .field-items > .field-item:last-child .group-text-wrapper {
    background: none;
  }

  .group-text-wrapper {
    font-family:@family-header-font !important;
    font-weight:500;
  }
  .field-name-field-column-cta-item > .field-items > .field-item {

    overflow: hidden;
  }
}
/* address footer overlapping content */
.view-policies {
  margin-bottom: 2.5em;
}
.thumbnail-gallery .slick__arrow .slick-arrow::after {
  color: #a4a4a4 !important;
  font-size: 22px;
  margin-top: -11px !important;
  margin-left: -4px !important;
  width: inherit;
  line-height: 43px;
  text-align: center !important;
}
/* testimonial */

.paragraphs-item-testimonial-carousel {
  background: url(/sites/all/themes/custom/ssuedu_child_theme/images/ssu_topo-wht.png) repeat-x center top @color-ssu-university-blue;

  .field-name-field-image-testimonial img {
    border: 0;
    border-radius: 12px;
  }

  .text-wrapper::before {
    background: none;
  }

  .slick__arrow .slick-arrow {
    border: none;

    .slick-arrow::after {
      color: @color-ssu-white !important;
    }
  }
  .slick__arrow .slick-arrow::after {
    color: @color-ssu-white !important;
  }
  .slick-dots {

      bottom: 50px;
    li button {
      background-color: transparent;
      border: 2px solid #fff;
      height: 15px;
      width: 14px;
    }

    li.slick-active button {
      background: #fff;
    }

  }

}

.paragraphs-item-testimonial-carousel, .node-type-department .paragraphs-item-testimonial-carousel {
  padding: 40px 0 50px;
}

@media (min-width: 960px){
  .paragraphs-item-testimonial-carousel > .content {
    margin-bottom: 0;
  }
}


/* Academic Schools */
.paragraphs-item-academic-schools .paragraphs-items-field-image-grid-item .field-name-field-image-grid-item-link-title {
  font-family: @family-header-font !important;
  font-weight: 500;
}
.paragraphs-item-academic-schools .field-name-field-image-grid-item-header, .paragraphs-item-image-grid .field-name-field-image-grid-item-header {
  color: #000;
  text-align: left;
}
.paragraphs-item-academic-schools .field-name-field-ac-dept-link, .paragraphs-item-image-grid .field-name-field-ac-dept-link, .paragraphs-item-academic-schools .field-name-field-image-grid-link, .paragraphs-item-image-grid .field-name-field-image-grid-link {
  text-align: left;
}
.entity.entity-paragraphs-item.paragraphs-item-image-grid-item {
  @media (max-width:767px) {
    margin-bottom: 1em;
  }

}
.paragraphs-item-academic-schools .field-name-field-ac-dept-link a:hover, .paragraphs-item-image-grid .field-name-field-ac-dept-link a:hover, .paragraphs-item-academic-schools .field-name-field-image-grid-link a:hover, .paragraphs-item-image-grid .field-name-field-image-grid-link a:hover, .paragraphs-item-academic-schools .field-name-field-ac-dept-link a:focus, .paragraphs-item-image-grid .field-name-field-ac-dept-link a:focus, .paragraphs-item-academic-schools .field-name-field-image-grid-link a:focus, .paragraphs-item-image-grid .field-name-field-image-grid-link a:focus, .paragraphs-item-academic-schools .field-name-field-ac-dept-link a:active, .paragraphs-item-image-grid .field-name-field-ac-dept-link a:active, .paragraphs-item-academic-schools .field-name-field-image-grid-link a:active, .paragraphs-item-image-grid .field-name-field-image-grid-link a:active{
  background-color: @color-ssu-university-blue !important;
  border-color: @color-ssu-university-blue !important;
}

.paragraphs-item-academic-schools .field-name-field-ac-dept-link a, .paragraphs-item-image-grid .field-name-field-ac-dept-link a, .paragraphs-item-academic-schools .field-name-field-image-grid-link a, .paragraphs-item-image-grid .field-name-field-image-grid-link a, button.gsc-search-button, .exposed-filter-block .views-exposed-form .form-submit{
  background-color: @color-ssu-university-blue;
  border: 2px solid @color-ssu-university-blue;
  color: @color-ssu-white;
  text-align: center;
  border-radius: 32px;
  display: inline-block;
  font-family: @family-button-text;
  font-weight: 600;
  padding: 0.6rem 4rem;
  height:auto;
  min-height:40px;
  box-sizing: border-box;
  vertical-align: top;
  -webkit-appearance: none;
  min-width: 121px;
  text-decoration:none !important;
  &:hover, &:focus {
    background-color: @color-ssu-university-blue-lt !important;
    border-color: @color-ssu-university-blue !important;
    color: @color-ssu-university-blue !important;
  }
  &:active {
    background-color: @color-ssu-white !important;
  }

}
.exposed-filter-block.sidebar-search .views-widget-filter-combine {
  width: 100%;
}
.view-academics .main-view-wrapper ul.gridder li.gridder-list .title-icon-wrapper .field-name-field-programs-offered {
  width:auto;
  max-width: 11rem;
}

.paragraphs-item-stats-carousel::before {
  background: none;
}

/* stats */


.paragraphs-item-stats-carousel {
  background: url(/sites/all/themes/custom/ssuedu_child_theme/images/ssu_topo-wht.png) repeat-x center top @color-ssu-university-blue !important;
  background-color: @color-ssu-university-blue !important;
  .slick {
    overflow: hidden;
  }
  .slick-slider {
    //max-width: calc(100% - 120px);
    //margin: 0 auto;
  }
  .field-name-field-stat {
    font-family: @family-header-font;
    color:@color-ssu-field-lt;
    font-size: 3em;
    font-weight:600;
  }
  .field-name-field-title-stat {
    font-family: @family-header-font;
    font-weight:500;

  }
  .field-name-field-body-stat {
    color: @color-ssu-white;
  }

  .slick__arrow .slick-arrow::after {
    color: @color-ssu-white !important;
  }
  .slide__content {
    text-align: left;
    max-width: 320px;
  }

}

.slick__arrow .slick-arrow {
  border: none;
}


/* social block */

.subcontent-homepage-social-stream-block h2.block-title {
  color: @color-ssu-black;
  text-align:left;
}

/* News */


.news-events-tabs-block .item-list {
  background-color: @color-ssu-university-blue-lt;
  border-radius: 0;
  ul.quicktabs-tabs.quicktabs-style-nostyle {
    display:flex;
  }
  li {
    border-left:0 !important;
    a {color:#000;}
  }
  a {
    font-family: @family-header-font;
    font-style: normal;
    font-weight: 600;
    text-transform: unset;
    font-size: 2.4rem;
    line-height: 1.1em;
    padding: 10px 0 13px;

  }

  li.active a {
    background-color: @color-ssu-university-blue;
    border-radius: 0;
    font-family: @family-header-font;
    font-style: normal;
    font-weight: 600;
    color:#fff;
  }
  li:last-child.active {
      padding-left: 3px;
    border-left:0 !important;
  }
}
.news-events-tabs-block .view-footer  {
  a.button:hover, a.button:focus {
    background-color: @color-ssu-university-blue-lt !important;
  }
  a.button:active {
    background-color: @color-ssu-white !important;
  }


}
.grid-view .text-wrapper .views-field-title a:hover, .grid-view .text-wrapper .views-field-title a:focus, .grid-view .text-wrapper .views-field-title a:active {
  color: @color-ssu-university-blue;
}
.paragraphs-item-two-row-paragraphs .group-first-row .group-inner-content-wrapper::after, .paragraphs-item-two-row-paragraphs .group-first-row::after  {
  background-image: none;
}

.news-events-tabs-block h2.block-title, h2.block-title, .paragraphs-item-academic-schools .field-name-field-image-grid-item-header, .paragraphs-item-image-grid .field-name-field-image-grid-item-header, .paragraphs-item-logo-carousel .field-name-field-title, .paragraphs-item-tabbed-paragraph .field-name-field-tabbed-main-title, .content h2, .paragraphs-item-two-row-paragraphs .field-name-field-two-row-title-two, .paragraphs-item-accordion .field-name-field-accordion-title, .paragraphs-item-simple-paragraph .field-name-field-simple-title, .paragraphs-item-advising .field-name-field-advising-title, .paragraphs-item-paragraph-with-menu .field-name-field-advising-title, .paragraphs-item-advising .field-name-field-paragraph-menu-title, .paragraphs-item-paragraph-with-menu .field-name-field-paragraph-menu-title, .paragraphs-item-links-and-map .field-name-field-title-links-map, h2.field.field-name-field-basic-color-title.field-type-text.field-label-hidden {
  color: @color-ssu-black;
  font-family: @family-header-font !important;
  font-style: normal !important;
  font-weight: 800 !important;
  margin: 0 0 20px !important;
  text-align: left !important;

}
.white-txt, .paragraphs-item-link-grid .field-name-field-link-grid-title, .paragraphs-item-link-grid .field-name-field-link-grid-title, .paragraphs-item-two-row-paragraphs .field-name-field-two-row-title {
  color: @color-ssu-white;
  font-family: @family-header-font !important;
  font-style: normal !important;
  font-weight: 800 !important;
  margin: 0 0 20px !important;
  text-align: left !important;
}

.view .field-name-title-field a, .view .views-field-title a {
  color: #000 !important;
  font-weight: bold !important;
}
.node-type-event .view-mode-full .field.field-name-field-admission-fees {
  font-size: 1.8rem !important;
}
.call-out {
  background-color: #FFE39C !important;
}
.paragraphs-item-tabbed-paragraph .field-collection-tabs .item-list ul.ui-tabs-nav li {

  flex: 0 0 auto;
}
.leaflet-touch .leaflet-bar a {
  text-decoration: none !important;
}
.field.field-name-field-link-grid-links.field-type-link-field .field-items {
  display: flex;
  flex-wrap: wrap;
  .field-item {
    flex: 0 0 auto;
    margin-bottom: 5px;
    a {
      height: 100%;
      border-width:2px;
    }
  }
}
.paragraphs-item-accordion > .content {
  margin: 0 auto;
  max-width: 1000px;
}
.ui-accordion.ui-widget .ui-state-default, .ui-accordion.ui-widget .ui-widget-content .ui-state-default, .ui-accordion.ui-widget .ui-widget-header .ui-state-default, .ui-accordion.ui-widget .ui-state-active, .ui-accordion.ui-widget .ui-widget-content .ui-state-active, .ui-accordion.ui-widget .ui-widget-header .ui-state-active, .ui-accordion.ui-widget .ui-state-default, .ui-accordion.ui-widget .ui-widget-content .ui-state-default, .ui-accordion.ui-widget .ui-widget-header .ui-state-default, .ui-accordion.ui-widget .ui-state-active, .ui-accordion.ui-widget .ui-widget-content .ui-state-active, .ui-accordion.ui-widget .ui-widget-header .ui-state-active {
  font-family: @family-header-font !important;
  font-style: normal !important;
  font-weight: 600 !important;
  text-align: left !important;
  font-size: 2.25rem;
}
.paragraphs-item-link-grid .field-name-field-link-grid-links .field-items {
  text-align: left !important;
}
.news-events-tabs-block .item-list {
  margin-bottom: 28px;
}

.news-events-tabs-block .view-footer {
  text-align: left;

  a.button {
    text-align:center;
  }
}

.view-slideshow .slide-text {
  text-align: left;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  background: rgba(0,0,0,0.4);
  padding: 1.5em;
  width: auto;
  margin: 1.5em;
  display: inline-block;
  left: unset;


}
.view-slideshow .field-name-field-slide-title {
  font-size: 5rem;
  color:#fff !important;
}
.view-slideshow .slide-text {
  // top: 120px;
  // bottom: unset;
}
.view-slideshow .field-name-field-slide-text {
  font-size: 2.25rem;
}

/* todo: thin text */
.not-front .hero-content.slide-text {
  width: 100%;
  left: 0;
  margin: 0;
  bottom: 28px;
  background: @color-ssu-university-blue;
  .field-name-field-slide-text, .hero-title, .hero-subhead, .hero-links, .field-content {
    margin:0 !important;
  }
}
.not-front.node-type-landing-page .view-slideshow .field-name-field-slide-title, .not-front  .view-slideshow .hero-title.field-name-field-slide-title h1 {
  font-family: @family-header-font;
  font-size: 3.5rem;
  line-height:normal;
  color:#fff;
}
.not-front .hero-content.slide-text {
  width: auto;
  max-width: 500px !important;
  .hero-title h1 {
    font-size: 2.5rem;
  }
}
.dept-menu h2.block-title {
  font-size: 2.8rem !important;
  margin-bottom: 5px !important;
}
.view-campus-map .slick__arrow .slick-arrow::after {
  background: rgba(0,0,0,0.2);
}
.paragraphs-item-stats-carousel .field-name-field-stat {
  color: #FFE39C;
}
.paragraphs-item-accordion {
  background-color:@color-ssu-university-blue-lt;
    //background: @color-ssu-university-blue-lt url(/sites/all/themes/custom/ssuedu_child_theme/images/ssu_sycamore-blue_B_sm.png) no-repeat right bottom !important;
  padding-bottom:0 !important;
  .field-name-field-accordion-title {
    color:@color-ssu-black;

  }
}
.ui-accordion.ui-widget .ui-state-default::after, .ui-accordion.ui-widget .ui-widget-content .ui-state-default::after, .ui-accordion.ui-widget .ui-widget-header .ui-state-default::after, .ui-accordion.ui-widget .ui-state-active::after, .ui-accordion.ui-widget .ui-widget-content .ui-state-active::after, .ui-accordion.ui-widget .ui-widget-header .ui-state-active::after {
  left:unset;
  right:1.5rem;
}
.ui-accordion.ui-widget .ui-state-default::after, .ui-accordion.ui-widget .ui-widget-content .ui-state-default::after, .ui-accordion.ui-widget .ui-widget-header .ui-state-default::after, .ui-accordion.ui-widget .ui-state-active::after, .ui-accordion.ui-widget .ui-widget-content .ui-state-active::after, .ui-accordion.ui-widget .ui-widget-header .ui-state-active::after {
  border: 2px solid transparent;
  background: rgba(255, 255, 255, .13);
  &:hover {
    background: rgba(255, 255, 255, .25);
  }
}
.ui-accordion.ui-widget .ui-accordion-content {
  background: #fff;
  padding: 2rem 2.5rem;
}
.node-type-page .paragraphs-item-accordion > .content {
  padding: 1em 15px;
}
.paragraphs-item-advising .field-name-field-advisor a {
  text-decoration: none !important;
}
.paragraphs-item-link-grid > .content {
  margin: 0 auto;
  max-width: 1000px;
  padding-top: 8rem !important;
}

.paragraphs-item-basic-color {
  background-image: url(/sites/all/themes/custom/ssuedu_child_theme/images/ssu_alder-wht.png);
  background-position:left bottom;
  background-size:auto;
  background-repeat: no-repeat;
  .content {
    padding: 30px 0;
  }
}

.color-ssu-university-blue {

  h3, h2, h1, h4, h5, h6, p {
    color: #fff;
  }
  a.button:hover, a.button:focus {
    background-color: @color-ssu-university-blue-lt !important;
  }
  a.button:active {
    background-color: @color-ssu-white !important;
  }

}

.paragraphs-item-two-row-paragraphs {
  .field-name-field-two-row-image img {
    border: 0;
  }
  .field-name-field-two-row-body-two {
    color:#000;
    .field-item a {
      border-color: #000;
      color: #000;
    }
  }

  .group-first-row{
    &::before {
      background-color: @color-ssu-field;
      opacity:0.9;
    }
    .field-name-field-two-row-links .field-item a {
      border-color: @color-ssu-field-lt;
      &:hover {
        background-color: @color-ssu-field-md;
        border-color: @color-ssu-field-lt;
        color: #000;
      }
      &:focus {
        background-color: @color-ssu-field-md;
        border-color: @color-ssu-field-lt;
        color: #000;
        outline-color: #fff;
      }
    }

  }
  .field-name-field-two-row-links-two .field-item a:hover, .field-name-field-two-row-links-two .field-item a:focus {
    background-color: @color-ssu-field;
    border-color: @color-ssu-field;
  }
  .group-second-row {
    background-color: @color-ssu-field-lt;
  }
}

.paragraphs-item-link-grid {
  background: @color-ssu-university-blue url(/sites/all/themes/custom/ssuedu_child_theme/images/ssu_topo-wht.png) no-repeat center top !important;
  background-size: cover !important;
  padding: 0 1.5rem 4rem;
  .field-name-field-link-grid-links .field-items a {
    background-color:@color-ssu-university-blue !important;
    opacity:1 !important;
    text-decoration: none !important;
    &:hover {
      text-decoration: underline !important;
    }
  }
}
.paragraphs-item-simple-paragraph {
  background: @color-ssu-university-blue-md;
  color:#000;
  .field-name-field-simple-title, .content {
    color:#000;
  }
}
/* forms */
form input[type='search'], form input[type='text'], form input[type='email'], form .form-textarea, form textarea, form .form-text {
  @media (max-width:767px) {
    width:100%;
  }

}
/* search */
.gsc-control-cse, .gsc-search-box {
  font-family: @font-family;
}

.gs-result .gs-title *, .gs-result .gs-title:hover * {
  font-family: @family-header-font;
}
.view-display-id-hero_article .view-content {
  position: relative;
}
/* header image event link */
.view-display-id-hero_article .views-field-title, .hero-image-block .view .views-field-title, .event-hero-image-block .view .views-field-title, .view-display-id-hero_event {
  a, a:focus, a:active, a:link, a:visited {
    color: #fff !important;
  }
  a:hover {
    background:rgba(255, 255, 255, 0.13);
  }

}
.hero-image-block .view .views-field-title a, .event-hero-image-block .view .views-field-title a, .hero-image-block .view .views-field-title a:focus, .event-hero-image-block .view .views-field-title a:focus {
  color: #fff !important;
}
/*
.not-front .hero-content.slide-text .hero-links {
 // margin:.5em 0 !important;
}

 */

/* degree programs */
.view-academics {
  .main-view-wrapper {
    ul.gridder {
      .item-desc {
        font-size: 1.5rem;
      }
      li.gridder-list {
        .title-icon-wrapper {
          .item-title {
            font-family: @family-header-font;
            font-weight: 600;
          }
        }
      }
    }
  }
}

/* tabs */
.paragraphs-item-tabbed-paragraph .field-collection-tabs .item-list ul.ui-tabs-nav li {
  line-height: 40px !important;
  height: 40px !important;
  padding: 0;
  border-top: none !important;

  &.ui-state-active {
    border-top: none;
    &:after {
      content: unset;
      border-top: unset;
    }
    &:hover, &:focus {
      opacity: 1 !important;
    }
  }
  &.ui-state-active:after {
    content: unset;
    border-top: unset;
  }
}
.ui-tabs .ui-tabs-nav {
  display:flex !important;
  background-color: transparent !important;
}

.ui-tabs .ui-tabs-nav li {
  line-height: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border-top: none;
  flex: 1 1 10%;
  //margin-right:3px !important;
  background-color: transparent !important;
  padding-right: 3px !important;
  a {
    color: @color-ssu-black !important;
    background:@color-ssu-light-grey !important;
    font-style: normal !important;
    font-family: @family-button-text !important;
    line-height: 40px !important;
    height: 40px !important;
    padding: 0 20px !important;
    border-top: none;
    width: calc(100% - 3px);
    text-decoration: none !important;
    &:hover, &:focus {
      color: @color-ssu-white !important;
      background:@color-ssu-dark-grey !important;
      opacity: 1;
    }

  }
  &.ui-state-active a{
    color: @color-ssu-white !important;
    background:@color-ssu-university-blue !important;
  }
}
.paragraphs-item-tabbed-paragraph .field-collection-tabs .ui-tabs-panel {
    padding: 2rem;
    background: #fff;
    border: 1px solid #ccc;
  div {

  }
}
.paragraphs-item-tabbed-paragraph .field-collection-tabs .item-list ul.ui-tabs-nav {
  display: flex;
  flex-wrap: wrap;

}
.paragraphs-item-tabbed-paragraph .field-collection-tabs .item-list ul.ui-tabs-nav li:last-of-type {
  flex: 0 0 10%;
  margin-right:0 !important;
  padding-right:0px !important;
}
.ui-tabs .ui-tabs-nav li a:focus {
  outline: 1px dashed @color-ssu-university-blue;
}
.paragraphs-item-tabbed-paragraph .field-collection-tabs .item-list ul.ui-tabs-nav li:hover, .paragraphs-item-tabbed-paragraph .field-collection-tabs .item-list ul.ui-tabs-nav li:active {
  opacity: 1 !important;
}
/* other page styles */
#map-menu-wrapper {
  background:#fff !important;
}
#map-menu {
  padding-bottom: 10px;
}
.field.field-name-field-image-grid-item.field-type-paragraphs > .field-items {
  //display: flex;
  //flex-wrap: wrap;
}
.paragraphs-item-academic-schools .paragraphs-items-field-image-grid-item > .field-name-field-image-grid-item > .field-items > .field-item, .paragraphs-item-image-grid .paragraphs-items-field-image-grid-item > .field-name-field-image-grid-item > .field-items > .field-item {
  //width: 31.42%;
}
.paragraphs-item-academic-schools img, .paragraphs-item-image-grid img {
  width: 100%;
}
.paragraphs-item-academic-schools .paragraphs-items-field-image-grid-item > .field-name-field-image-grid-item > .field-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  > .field-item {
    margin: 0 0.25% .5em!important;
    flex: 0 0 32.5%;
    @media (max-width:767px){
      flex: 0 0 48.5%;
    }
  }
}
.paragraphs-item-academic-schools .paragraphs-items-field-image-grid-item .field-type-link-field a, .paragraphs-item-image-grid .paragraphs-items-field-image-grid-item .field-type-link-field a{
  background-color:transparent;
  &:hover {
    background-color:transparent !important;
  }
}
.paragraphs-item-three-column-cta .field-name-field-link-column-cta a:hover {
  text-decoration: underline;
  color: #fff;
  background-color: rgba(255,255,255,0.13);
}
.event-icon-block .events-archive .button-style {
  font-family: @family-button-text;
}
.page-calendar .events-mini-calendar-block {
  background-color: #fff;
  box-sizing: border-box;
  clear: left;
  display: inline-block;
  float: left;
  margin-bottom: 1.7rem;
  margin-right: 2rem;
  vertical-align: top;
  width: 220px;
}
.page-calendar .highlighted-cta-block, .page-calendar .cta-block {
  //background-color: #fff;
  box-sizing: border-box;
  clear: left;
  display: inline-block;
  float: left;
  margin-bottom: 1.7rem;
  margin-right: 2rem;
  //padding: 1.6rem 1.3rem;
  vertical-align: top;
  width: 220px;
}
.section-calendar .view .field-name-title-field a, .section-calendar .view .views-field-title a {
  &:hover, &:focus {
    background-color: transparent !important;
  }
}
/* mobile styles */

@media (max-width: 767px) {
  .header-menu-block ul.menu li {
    margin-left: 12px !important;
  }
  .news-events-tabs-block .view-footer, .paragraphs-item-academic-schools .field-name-field-ac-dept-link, .paragraphs-item-image-grid .field-name-field-ac-dept-link, .paragraphs-item-academic-schools .field-name-field-image-grid-link, .paragraphs-item-image-grid .field-name-field-image-grid-link {
    text-align: center;
  }

  .view-slideshow {
    .slide-text {
      top: 80px;
      z-index: 9999;
      padding:1.2em;
    }
    .field-name-field-slide-title {
      //font-size: 4rem;
      font-size: 3.625rem;
      line-height: 3.8rem;
      margin-bottom: 12px;
    }
    .field-name-field-slide-text {
      font-size: 2.25rem;
      line-height: 3rem;
      margin-bottom: 8px;
    }
  }

  .paragraphs-item-academic-schools > .content, .paragraphs-item-image-grid > .content {
    padding: 5rem 1.5rem 2rem;
  }
  .news-events-tabs-block {
    padding: 0 1.5rem 2rem !important;
  }
  .paragraphs-item-three-column-cta .field-name-field-column-cta-item > .field-items > .field-item {
    display: block;
    width: 30rem;
    &:last-of-type {
      margin-bottom: 50px;
    }
  }
  /* end tab query */
}

@media (max-width: 959px) {
  .view-slideshow {
    .slide-text {
      top: 80px;
      z-index: 9999;
    }
    .field-name-field-slide-title {
      font-size: 4rem;
    }
    .field-name-field-slide-text {
      font-size: 2.25rem;
    }
  }
}
@media (max-width:1200px) and (min-width:960px) {
  .footer-address-block {
    margin-right: 0;
    padding-right: 1em;
  }
  .footer-logo-block {
    margin-right: 0;
    padding-right: 2em;
  }
}
@media (max-width:999px) {
  .node-type-department .footer-outer-wrapper, .node-type-landing-page .footer-outer-wrapper, .footer-outer-wrapper {
    height:310px;
  }
}

@media (max-width: 959px) {
  .footer-left-menu.footer-menu-block {
    //width: 18%;
  }
  .footer-address-block {
    margin-right:auto !important;
    width: 25%;
  }
  .footer-social-links-block {
    margin-top: -1em;
    margin-bottom: 1em;
  }
  .footer-social-links-block ul.social-links {
    text-align:center;
  }
}
@media (max-width: 767px){
  .footer-menu-block {
    width: 48% !important;
  }
  .footer-address-block {
    margin-right:auto !important;
    width: 48% !important;
  }
}
@media (max-width: 638px) {
  .node-type-department .footer-outer-wrapper, .node-type-landing-page .footer-outer-wrapper, .footer-outer-wrapper {
    height:auto;
  }
}
@media (max-width: 985px) {
  .paragraphs-item-academic-schools .field-name-field-ac-department, .paragraphs-item-image-grid .field-name-field-ac-department, .paragraphs-item-academic-schools .paragraphs-items-field-image-grid-item, .paragraphs-item-image-grid .paragraphs-items-field-image-grid-item {
    max-width: 100%;
  }
}

/*
.paragraphs-item-basic-color.color-ssu-university-blue {
  &:after {
    background: #004c97 url(/sites/all/themes/custom/ssuedu_child_theme/images/ssu-border-tri.jpg) repeat-x left bottom;
    background-size: cover;
    bottom: 0;
    content: "";
    height: 78px;
    left: 0;
    display: block;
    position: relative;
    width: 100%;
    z-index: 999;
  }
}

*/