@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Condensed:300,400,500,700|Roboto+Slab');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');

/*This body tag - font family impacts header with additional bolding. Commenting this line out doesn't appear to negatively impact the body of each page. If discovered this line is needed, then wrap the body and isolate it from the header. */
body {
  font-family: 'Source Sans Pro', 'Source Sans', sans-serif;
}

.campus {
  margin-bottom: 1rem;
}

#block-college-of-las-search {
  position: absolute;
  right: 6.0rem;
  top: 1.0rem;
}

#block-college-of-las-search.block {
  margin: 0;
}

.googlesearchform {
  width: 200px;
  float: right;
  margin-top: 1em;
}

.googlesearchform form {
  margin: 0;
}

.header-links {
  display: flex;
  float: right;
}

.header-links a.button {
  padding: 10px 20px;
  margin-left: 0.5rem;
  margin-top: 0.5rem;
}

.header-links a.button.cloud {
  background-color: #e8e9eb;
  color: #13294b;
}

.header-links a.button.cloud:hover {
  background-color: #DDDEDE;
}

/**
 * Header.
 ============================================================================ */
header#header {
  color: #fff;
  position: relative;
}

#block-universitybanner.block {
  margin: 0;
}

@media (min-width: 360px){
.campus > div {
  font-size: 12px;
}
}
/* letter spacing 1.3 instead of 1.75 */
@media (min-width: 400px){
  .campus > div {
    letter-spacing: 1.3px;
  }
  }

/*changed border-top from 9px to 8px to match LAS */
.campus {
  border-top: 8px solid #FF552E;
}

/*margin changed to .27 instead of .32 */
.campus > div {
  margin: 0.27rem 4rem;

}

.campus > div > a {
  color: #13294b;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

.campus > div > a:hover {
  color: #FF552E;
}

#block-collegeoflas.block {
  margin: 1em 4em 1em 4em;
}

#block-collegeoflas .field {
  margin-bottom: 0;
}

.wordmark {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 1;

}

.block-i {
  flex: 0 0 70px;
  position: relative;
}

.block-i::after {
  background-color: #1D58A7;
  content: "";
  height: 100%;
  left: 80%;
  position: absolute;
  top: 0px;
  width: 1px;
}

.il-block-i {
  display: block;
  height: 43px;
  width: 30px;
}

.name a,
.name a:visited {
  color: #13294b;
  font-size: 24px;
  font-weight: 600;
  text-decoration: none;
}

.name a:hover {
  text-decoration: none;
  color: #FF552E;
}

/***********************************/
/* Google Custom Search */
/***********************************/

/* input */

div#block-googlesearchform {
  position: absolute;
  margin: 0px;
  right: 6.0rem;
  top: 1.0rem;
}

label.google-search-label {
  display: none;
}

input.google-search-submit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  padding: 0;
  width: 2rem;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  cursor: pointer;
  background-image: url(https://test.las.illinois.edu/themes/custom/college_of_las/styles/css/images/search-icon.svg);
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 0 2px 2px 0;
  float: right;
  position: relative;
  bottom: 28px;
  background-color: transparent;
  border: none;
  max-height: 20px;
  margin-right: 5px;
  padding-left: 15px;
}

input.google-search-input {
  display: block;
  clear: both;
  background-color: #fff;
  width: 200px;
}

@media (max-width: 1249px) {
  div#block-googlesearchform {
    display: none;
  }
}

#block-googlesearchform-2 input.google-search-input {
  width: 100%;
}

#block-googlesearchform-2 {
  display: none;
}

@media (max-width: 1247px) {
  #block-googlesearchform-2 {
      display: block;
  }
}

button,
.button,
a.button {
  color: #fff;
  background-color: #FF552E;
  border-radius: 10px;
  border: none;
  font-weight: 700;
  font-size: 1.05rem;
  letter-spacing: 0.29px;
  transition: all 0.3s;
}


input {
  line-height: 1;
  vertical-align: middle;
  height: 2rem;
  padding: 0 0.5rem;
}
/* Oct 2021 Added to make the dropdown size the same size as the input boxes on DocumentUpload */
select {
	  line-height: 1;
  vertical-align: middle;
  height: 2rem;
  padding: 0 0.5rem;

	
}