/*  Cards Announcement  */

.view-announcement .views-field-nothing {
  padding: 0 1rem;
  margin: -3rem 1.5rem 0;
  background-color: white;
}

.view-announcement .clasgrid-item-wrapper:hover{
  transform: scale(1.05);
  cursor: pointer;
  -webkit-box-shadow: 0 8px 16px rgba(25,25,25,.2);
  box-shadow: 0 8px 16px rgba(25,25,25,.2);
}

.background-section {
      position: relative;
      background-image: url('https://new-sols2019.ws.asu.edu/sites/default/files/2024-07/pattern-circle-undergrad.png');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}

.paragraph.background-section .background-style-white {
	 background-color: transparent;
}

/* STYLING FOR CARD HOVER EFFECT AND COLOR UNDERLINES */

.resource-card-hover .card-hover {
	transition: 0.3s ease-in-out;
}


.resource-card .card-hover {
	transition: 0.3s ease-in-out;
}

.resource-card .card-title:after {
	content: "";
	display: block;
	width: 30px;
	height: 4px;
	background: #00A3E0;
	margin-top: .75em;
}



/*  Chat pop up  */

#block-chat {
  display: block;
  position: fixed;
  bottom: 1rem;
  background-color: white;
  padding: 0 1rem;
  right: 1rem;
  border: 1px solid lightgray;
  text-align: center;
  max-width: 250px;
  border-radius: 5px;
  -webkit-box-shadow: 3px 3px 6px -3px rgba(153,153,153,0.5);
  box-shadow: 3px 3px 6px -3px rgba(153,153,153,0.5);
  z-index: 100;
}

#block-chat img {
  max-width: 200px;
}

#block-chat h3 {
  text-align: center;
}


/*  HOVER EFFECTS  */

/* Hover underline from left */
.hvr-underline-from-left:link {
  color:#000;
}

.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  text-decoration:none;
  color:#000;
  padding-bottom:1em;
}

.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  color:#000;
  background: #ffc627;
  height: 10px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

.hvr-underline-from-left-light:link {
  color:#fff;
}

.hvr-underline-from-left-light {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  text-decoration:none;
  color:#fff;
  padding-bottom:1em;
}

.hvr-underline-from-left-light:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  color:#fff;
  background: #ffc627;
  height: 10px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-underline-from-left-light:hover:before, .hvr-underline-from-left-light:focus:before, .hvr-underline-from-left-light:active:before {
  right: 0;
}



/* Bounce To Right */

.hvr-bounce-to-right:link {
  color:#000;
}

.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  padding:10px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffc627;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}

.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} 

/* Icon fade effect */

.hvr-icon-fade:link {
  color:#000;
  text-decoration:none;
}

.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hvr-icon-fade .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
}

.hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon {
  color: #0F9E5E;
}

/* Icon grow effect */
.hvr-icon-grow {
  display: inline-block;
  text-align:center;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-icon-grow .hvr-icon {
  text-align:center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
  text-align:center;
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

/* Image slight zoom on hover */

.img-hover-zoom {
  height: 500px;
}

.img-hover-zoom img {
  transform: scale(1.25);
  transition: .2s ease-out;
  -webkit-transform:scale(1.25);
  -moz-transform:scale(1.25);
  -o-transform:scale(1.25); 
}

.img-hover-zoom:hover img {
  transform: scale(1.3);
  transition: .2s ease-out;
  -webkit-transform:scale(1.3);
  -moz-transform:scale(1.3);
  -o-transform:scale(1.3); 
}


/*  SOLS NEWS PAGE CARDS CSS */

.testtesttest{
	margin-top: auto;
	position: absolute;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items:center;
}

.testtesttest a {
	color: #fff;
	text-decoration: none;
}

.card-news>div:last-child {
    padding-bottom: 0px;
}

.card-story .card-header {
	margin-top: -25px;
}

.blog-tag-round{
	display: inline;
}

.blog-tag-round a {
	max-width: 100%;
		color:#000000;
	text-decoration:none;
	background-color:#e8e8e8;
	font-size:0.9em;
	padding:0.25em 0.75em;
	border-radius:20px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 2.25em;
  transition: 0.3s;
  display:inline;
}