main { position:relative;padding-top:10px }
@media only screen and (min-width:64em){ main { padding-top:50px}}






/*** Contacts ***/
#content .contactbox {border: 1px solid #eed; padding: 10px; background-color:#fffff /*#eef2f1*/;}
#content .bannerbox {margin: -10px -10px 5px -10px; border-bottom: 1px solid #eed; padding: 5px 20px 5px 10px; background-color:#eef2f1 /*#cdddda*/;}
#content .leftcol {margin: 0 20px 0 0; padding: 0;  width: 300px;}
#content .rightcol {float: left; margin: 0; padding: 0; width: 300px;}

/*** Professorships ***/
#content .box img {float: left; padding: 12px 14px 0 0;}
#content .box {border-bottom: 1px solid #eed; padding-top: 5px; min-height: 205px; clear: both;}
#content .box h4 {font-size: 18px; margin-bottom: 24px; border: none;}
#content .box h4 em {font-size: 14px; color:; #000;}


/*** MachForm ***/
#machform {
    border-top: 2px solid #ddc;
    background: #eef2f1; /*#63948b;*/ /*url(../_assets/graphics/form-error.jpg) no-repeat; height: 40px; << ERROR MSG */
	font-size: 14px; 
	padding: 10px;
	}
#machform input[type='button'],
#machform input[type='submit'],
#machform input[type='reset'] {
    -webkit-border-radius: 4px;
    background: #8f0000;
    border: none;
    border-radius: 4px; 
    color: #fff;
    font-family: "UbuntuMedium", Arial, Helvetica, sans-serif;
    font-size: 1.143em; /* 16px (16/14) */
    line-height: 1em; /* 16px (16/16) */
    margin: 10px 0;
	margin-left: 45%;
    padding: 5px 16px;
    width: auto;
}
#machform input[type='button']:hover,
#machform input[type='submit']:hover,
#machform input[type='reset']:hover {
    background: #ae0000;
}
#machform h2{
	font-size: 24px;
	padding: 5px 10px;
	font-weight: bold;
	
}#machform h4{
	font-size: 20px;
	margin-bottom: 10px;
}
#machform input{
	padding:5px 2px;
}
#machform input[type='checkbox'] {
	padding-left:20px;
	height:10px; 
}
#machform hr, #machform p {padding: 10px;}

div.center-h3 h3.section-title {
    text-align: center;
}

iframe#fulliFrame { width: 100%;};


/*** Alumni Awards ***/
@media (min-width: 768px) { 
        .column-wrapper {
            column-count: 2;
        }
    }
    
.dateText {
        float: left; 
        width: 5em;
        margin-left: -2em;
        font-family: BentonSansBold,Helvetica,Arial,sans-serif;
    }
.recipientText {
        position: relative;
        top: 0em;
        left: 1.5em;
        padding-bottom: 1em;
        clear: both;
    }
.column-wrapper li {
    break-inside: avoid;
}



/*** Students/student-well-being ***/
.rvt-card {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.rvt-card--raised {
  background-color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 1rem rgba(36, 49, 66, 0.2);
}
.rvt-card__image img {
  display: block;
  width: 100%;
  border-radius: 0.5rem;
}
.rvt-card--raised .rvt-card__image img {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.rvt-card__body {
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.rvt-card--raised .rvt-card__body {
  padding: 1rem;
}
.rvt-card__eyebrow {
  color: #990000;
  font-size: 0.875rem;
  text-decoration: none;
}
.rvt-card__eyebrow[href]:hover {
  text-decoration: underline;
}
.rvt-card__title {
  font-size: 1.25rem;
  padding-right: 2.5rem;
  line-height: 1.3;
}
.rvt-card__title a {
  display: block;
  text-decoration: none;
  color: #243142;
}
.rvt-card__title a::before {
  content: "";
  border-radius: 999rem;
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #edfafd;
  padding: 0.5rem;
  position: absolute;
  right: 0.5rem;
  background-size: 1rem 1rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23006298" viewBox="0 0 16 16"><path d="M1 7h10.844L7.737 2.146 9.263.854 15.31 8l-6.047 7.146-1.526-1.292L11.844 9H1V7Z"></path></svg>');
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.2s ease;
}
.rvt-card--raised .rvt-card__title a::before {
  right: 1.5rem;
}
.rvt-card--clickable .rvt-card__title a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.rvt-card__title a:hover {
  color: #006298;
  text-decoration: underline;
}
.rvt-card__title a:hover::before {
  transform: translate(0.5rem, 0);
  background-color: #c6ecf6;
}
.rvt-card__content {
  border-top: 1px solid #e2e7e9;
  flex-grow: 1;
  margin-top: 1.5rem;
  color: #4c5a69;
  padding-top: 1.5rem;
}
.rvt-card__meta {
  font-size: 0.875rem;
  padding-top: 1.5rem;
}
.rvt-card__meta > * {
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 30em) {
  .rvt-card__body {
    padding-top: 1.5rem;
  }
  .rvt-card--raised .rvt-card__body {
    padding: 1.5rem;
  }
}
.rvt-card--horizontal {
  flex-direction: row;
  gap: 1.5rem;
}
.rvt-card--horizontal .rvt-card__image {
  flex-shrink: 0;
  width: 25%;
  max-width: var(--image-max-width, 180px);
}
@media screen and (min-width: 46.25em) {
  .rvt-card--horizontal .rvt-card__image {
    width: 33%;
  }
}
.rvt-card--horizontal .rvt-card__body, .rvt-card--horizontal .rvt-card__meta {
  padding-top: 0;
}
.rvt-card--horizontal .rvt-card__content {
  flex-grow: 0;
  padding-top: 0;
}
@media screen and (max-width: 46.25em) {
  .rvt-card--horizontal .rvt-card__title {
    font-size: 1.125rem;
    padding-right: 4rem;
  }
  .rvt-card--horizontal .rvt-card__title a::before {
    margin-top: -1rem;
  }
}

.rvt-card--horizontal.rvt-card--raised {
  padding: 1.5rem;
}
.rvt-card--horizontal.rvt-card--raised .rvt-card__image img {
  border-radius: 0.25rem;
}
.rvt-card--horizontal.rvt-card--raised .rvt-card__body {
  padding: 0;
}
/*** END Students/student-well-being ***/


/*** START alert boxes styling from Rivet ***/
.rvt-alert {
  background-color: #f8f9fa;
  border-left: 0.25rem solid #243142;
  padding: 1rem;
  position: relative;
}
.rvt-alert__title {
  font-weight: 700;
  font-size: 1.125rem;
  /**
   * We'll put bottom margin on the title here so that the .alert can
   * be used with the __message only and still get the proper padding
   * around all sides.
   */
  margin-bottom: 0.25rem;
  /**
   * Add a little padding on the right so that the title won't end up
   * showing underneath the "X" button if it's used.
   */
  padding-right: 1.5rem;
}
.rvt-alert__message {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
  padding-right: 1.5rem;
}
.rvt-alert__dismiss {
  background-color: transparent;
  border: none;
  border-radius: 0;
  border-radius: 0.25rem;
  color: #243142;
  cursor: pointer;
  line-height: 1;
  padding: 0;
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 1.5rem;
  height: 1.5rem;
}
.rvt-alert__dismiss:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.rvt-alert__dismiss:focus {
  outline: none;
  box-shadow: 0 0 0 0.125rem #328bb8 !important;
}

/**
 * Alert modifiers
 *
 * NOTE: Old un-prefixed versions should be removed in the next major
 * version of Rivet.
 *
 * The ".alert-message" and "alert--error" class names should also be removed
 * in favor on the newer unified alert/feedback naming conventions.
 */
.rvt-alert--info {
  background-color: #edfafd;
  border-left-color: #006298;
  color: #00385f;
}

.rvt-alert--info .rvt-alert__dismiss {
  color: #00385f;
}

.rvt-alert--success {
  background-color: #f9f9f0;
  border-left-color: #056e41;
  color: #004421;
}

.rvt-alert--success .rvt-alert__dismiss {
  color: #004421;
}

.rvt-alert--warning {
  background-color: #fffceb;
  border-left-color: #ffaa00;
  color: #613d00;
}

.rvt-alert--warning .rvt-alert__dismiss {
  color: #613d00;
}

.rvt-alert--danger {
  background-color: #fff3f0;
  border-left-color: #df3603;
  color: #690a00;
}

.rvt-alert--danger .rvt-alert__dismiss {
  color: #690a00;
}

/**
 * Alert lists
 */
.rvt-alert-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.rvt-alert-list__item {
  line-height: 1.5;
}
.rvt-alert-list__item:not(first-child) {
  margin-top: 0.5rem;
}
/*** END alert box styling from Rivet ***/


/**
 * Belt arrow styling for TOOLS
**/
body.tools .belt{
    border-top:10px solid yellow;
}
body.tools #footer {
    border-top: 10px solid yellow;
}

body .belt .arrow {
    display:none;
}

body.tools .belt .arrow {
    display:inherit;
    position: absolute;
    top: -100px;
    left: 50px;
}

body.tools .block1 {
    background-color: #006298;
    height: 60px;
    width: 20px;
}

body.tools .block2 {
    background-color: transparent;
    display: inherit;
    width: 0;
    height: 40px;
    border-top: 40px solid #006298;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    margin-left: -20px;
}

body.tools .arrow {
    animation: animate 3s infinite;
    animation-timing-function: linear;
}

@keyframes animate {
    0% {
        margin-top: 20px;
    }
    50% {
        margin-top: 0px;
    }
    100% {
        margin-top: 20px;
    }
}
/**
 * End Belt arrow
**/