/* remove default webspark dotted underline on hyperlinks */
a.noline,
.noline > a,
.noline.pane-bundle-image a {
  border-bottom: none !important;
}

/* fix anchor links */
:target:before {
  content: "";
  display: block;
  height: 105px; /* fixed header height*/
  margin: -105px 0 0; /* negative fixed header height */
}

/* fix chosen styles */
.chosen-container.form-control {
  padding: 0;
  width: 100%;
  height: 31px;
  border-radius: 4px;
}

.chosen-container,
.chosen-container-multi,
.chosen-enable,
.chosen-processed,
.chosen-with-drop,
.chosen-container-active {
  border: none !important;
  height: auto !important;
  width: auto !important;
  min-width: 200px;
}

.chosen-container-multi .chosen-choices {
  border: 1px solid rgb(204, 204, 204);
  border-radius: 4px;
  padding: 2px;
  font-size: 12px;
  line-height: 1.428571429;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  -webkit-transition: initial;
  transition: initial;
}

/* fix for webspark table columns with thumbnail images that are too small */
/* simply add "tablethumb" as a class to the <td> element in the first row of the table */
td.tablethumb {
  min-width: 100px;
}

/* ...... make bootstrap accordion headers clickable ...... */
.views-bootstrap-accordion-plugin-style.panel-group a.accordion-toggle {
  display: block;
  padding: 10px;
  border-bottom: none;
}
.views-bootstrap-accordion-plugin-style.panel-group a.accordion-toggle:hover {
  background-color: #e9e9e9;
  color: #8c1d40;
}
.views-bootstrap-accordion-plugin-style.panel-group .panel-heading {
  padding: 0px;
}

/* --- views row theming ---*/
.views-row {
  padding: 8px 16px;
}

.views-row-odd {
  background-color: #f3f3f3;
}
/* --- end views row theming ---*/

/* fix colorbox close button */
#cboxLoadedContent h2 {
  margin-top: 0;
}

#cboxLoadedContent {
  margin-top: 0;
  margin-bottom: initial;
}

#cboxClose {
  top: 0;
  bottom: default;
  right: 0;
  -webkit-transition: initial;
  transition: initial;
}

/* hide file-type icons sitewide */
img.file-icon {
  display: none !important;
}

/****** CCS subsite stylings ******/

.ccs-buttonbox {
  background-color: rgba(255, 198, 30, 0.75) !important;
  padding: 0.15em;
}
.ccs-buttonbox:hover {
  background-color: rgba(255, 198, 30, 0.5) !important;
  padding: 0.15em;
}
.ccs-buttonbox .field-name-field-basic-image-image {
  margin: 0.5em !important;
}
.ccs-buttonbox > h2.pane-title {
  text-shadow: 1px 2px 6px rgba(0, 0, 0, 1);
  font-weight: 700;
  position: absolute;
  left: 1em !important;
  line-height: 0.9em;
}
.ccs-buttonbox > h2.pane-title a {
  color: white !important;
  border-bottom: none;
}
.ccs-buttonbox:hover > h2.pane-title a {
  color: #d23153 !important;
}
.ccs-buttonbox .field-name-field-basic-image-caption {
  font-size: 0.9em;
  padding: 0 0.6em;
  margin-top: -1em;
  font-weight: 500;
}
@media (max-width: 768px) {
  .pane-bundle-hero
    .field-name-field-webspark-hero-blurb
    .field-item
    > *:first-child {
    white-space: normal;
    max-width: 768px !important;
  }
}
.view-ccs-research .row {
  display: flex;
}
.view-ccs-research .well {
  margin-bottom: 0;
}

/* end ccs styles */

/* Fix padding and margin on mini panels */
.pane-panels-mini .container {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.pane-panels-mini .pane-title,
.pane-panels-mini .pane-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* ..... Styling for CCS mini-panels ..... */
[id^='mini-panel-ccs'] h2.pane-title {
  font-size: 1.25em;
  font-weight: 600;
  background-color: #efefef;
  margin-bottom: -15px !important;
  padding: 4px 8px !important;
}

/* remove margin from h4 headline */
h4.min-space {
  margin: 0.1em 0 0.35em;
}

/* Make hidden node menu entry strikethrough important */
.node_is_hidden,
.node_is_hidden *,
a.node_is_hidden,
a.node_is_hidden:link,
a.node_is_hidden:active {
  text-decoration: line-through !important;
}

.view-ccs-art-inside.row {
  display: block !important;
}

.masonry-item .panopoly-image-full {
  margin-bottom: 0 !important;
}

/* make row items all have the same height */
/* just add the "equal-height" class to the items within the row */
.row .equal-height {
  display: flex;
}

/************ fix academic programs responsive issue ************/
@media only screen and (max-width: 1201px) {
  .asu-ap-rewritten-fields {
    min-width: 212px !important;
    padding-left: 0px !important;
  }
  .views-bootstrap-grid-plugin-style [class*="col"] {
    margin-top: 1em !important;
  }
}
/**********************end asu_ap fix************************/

/******** Phd Graduates Custom CSS for Table View ***********/
@media only screen and (min-width: 789px) {
  .view-id-phd_grads td:first-child {
    width: 20%;
  }
  .view-id-phd_grads td:nth-of-type(4) {
    width: 20%;
  }
  .view-id-phd_grads td:nth-of-type(5) {
    width: 20%;
  }
}

/* ............ Styles for iSearch views grid ............ */
.view-isearch-local-grid .views-field-field-isearch-local-photo-url img {
  padding-left: 0;
  width: initial;
}

.view-isearch-local-grid .row {
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  border-bottom: solid 2px #ccc;
  padding: 0.5em 0 0.5em 0;
  min-height: 130px;
  width: auto;
}

.view-isearch-local-grid .phone {
  font-weight: 200;
}

.view-isearch-local-grid .row:nth-child(odd) {
  background-color: #fafafa;
}

.view-isearch-local-grid .row:first-child {
  border-top: solid 2px #ccc;
}

.view-isearch-local-grid .views-bootstrap-grid-plugin-style {
  padding-top: 15px !important;
}

.view-isearch-local-grid .title {
  font-weight: bold;
}

.view-isearch-local-grid .view-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.view-isearch-local-grid .attachment {
  padding: 1em;
}

.view-isearch-local-grid .views-summary-unformatted {
  display: block !important;
  float: left !important;
}

.view-isearch-local-grid .views-summary-unformatted > a {
  display: block !important;
  padding: 0.75em;
  border-bottom: none;
  font-weight: 400;
}

.view-isearch-local-grid .views-summary-unformatted > a:hover {
  background-color: #a90044;
  color: white !important;
}

.view-isearch-local-grid .views-summary-unformatted > a:focus {
  background-color: #a90044;
  color: white !important;
}

.view-isearch-local-grid .views-bootstrap-grid-plugin-style {
  min-width: 100%;
}

.view-isearch-local-grid .attachment .active {
  background-color: #a90044;
  color: white !important;
}

.attachment-before .no-result {
  display: block;
  padding: 12px;
  color: rgb(140, 29, 64);
  font-weight: 400;
  max-width: 32px;
  max-height: 47px;
}

.attachment-before .no-result:hover {
  background-color: #bbb;
  color: #888;
  cursor: pointer;
}

.view-isearch-local-grid .email {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ............ end Styles for iSearch views grid ............ */

/* Hide "Read more" link on overridden Academic Program short descriptions */
.asu-ap-read-more,
.asu-degree-read-more {
  display: none;
}

/* optional class for lowering the hero title */
.lower-title .hero-wrapper .pane-title {
  position: relative;
  top: 10rem;
}

/* new landing page styles */
.node-type-panopoly-landing-page .pane-bundle-text h2.pane-title,
h2.newstandard {
  font-size: 48px;
  font-weight: bold;
  line-height: 63px;
}

img.light-gray-border,
.light-gray-border img {
  border: 1px solid #eee;
}


/*..... fix colorbox_node width clash with radix ........*/
#cboxLoadedContent .container {
    min-width: unset;
}

/* ROVV, PSI, microsite page content add margin top */
.node-type-rovv-article .brenham-plus-column-content-region-area,
.node-type-psi-article .brenham-main-content,
.microsite-main-content {
  margin-top: 2.85em;
}

/* ROVV Lab about section */
.rovv-about {
    background-color: #ffc627;
    padding: 40px 0px;
}

@media (max-width: 793px) {
.rovv-about {
   padding-right: 15px;
   padding-left: 15px;
 }
}

/* hero text jump fix */
.pane-bundle-hero.hero-height-hero .hero-wrapper {
    width: 100%;
}

a.fill-area {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0;
  border-bottom: none;
}

a.fill-area:hover {
    background-color: rgba(255,255,255,0.1);
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.5);
}

/* remove 1px min height in radix layouts */
.panel-display [class*='col-'] {
  min-height: 0px;
}

/* PhD Students on the Job Market profile styles */
.node-type-phd-students-on-the-job-market h1.title {
		margin-bottom: 0px;
}

.node-phd-students-on-the-job-market .field-name-field-phd-headshot {
    display: block;
    float: left;
    margin: 20px 15px 5px 0px;
}

.node-phd-students-on-the-job-market .field-type-file {
		margin-bottom:45px;
}

p.yellowbg {
    background-color: #ffc627;
    padding: 3px 5px;
    display: inline;
    color: #000000;
    font-size: 18px;
    font-weight: 400;
}

.maroon-title {
		color: #8C1D40;
}

.view-phd-students-job-market .views-row {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
    clear: both;
}

@media only screen and (max-width: 575px) {
	.section > .container .row-full .views-field.views-field-title [class^="pane-"] {
			clear: both;
			padding: 0px;
	}

	.node-phd-students-on-the-job-market .field.field-name-field-bio {
			clear: both;
			padding-top: 10px;
  }
}

/*-----------------------NEW------------------------------*/

#rcl li:before {
  content: unset !important;
}

/* Fix hero text */
.pane-bundle-hero h1, .pane-bundle-hero h2,
.pane-bundle-hero .field-name-field-webspark-hero-blurb {
  font-weight: 700;
}

.pane-bundle-hero h1 a, .pane-bundle-hero h2 a,
.pane-bundle-hero .field-name-field-webspark-hero-blurb a {
  color: #fff !important;
  border-bottom: 1px solid #fff !important;
}

.hero-bg-img {
  clear:both;
}

.flexslider ul.slides li:before {
  content: unset !important;
  padding: unset !important;
  margin: unset !important;
  font-size: unset !important;
}

/* submenu link fix */
.tb-megamenu .dropdown-menu .mega-group > a.mega-group-title, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title {
  cursor: pointer !important;
 }

/* fix text in youtube playlist */
ul#ypt_thumbs li p {
  line-height: 1.2em;
}