:root {
    --menuicon: url('https://www.geneva.edu/_files/sitegraphics/searchtrigger.svg');
}
:root .menuicon-light {
    --menuicon: url('https://www.geneva.edu/_files/sitegraphics/searchtrigger-dark.svg');
}
.menutrigger a {
    background: center center no-repeat transparent;
    background-image: var(--menuicon);
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 18px;
    right: 18px;
    color: #fff;
    text-decoration: none;
    font-family: Montserrat, 'Century Gothic', 'Arial', 'sans serif';
    font-size: 1.4rem;
    line-height: 67px;
    text-align: center;
}
.menutrigger {
        top: 10px;
    }

/* Search Modal */
#search-box {
  visibility: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999999;
}
#search-box .container {
  display: table;
  width: 100%;
  height: 100%;
}
#search-box a.close {
    position: absolute;
    right: 62px;
    top: 72px;
    width: 32px;
    height: 32px;
    opacity: 0.5;
}
#search-box a.close:hover {
  opacity: 1;
}
#search-box a.close:before,
#search-box a.close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: white;
}
#search-box a.close:before {
  transform: rotate(45deg);
}
#search-box a.close:after {
  transform: rotate(-45deg);
}
#search-box .container .search-main {
  display: table-cell;
  vertical-align: middle;
}
#search-box .container .search-main .search-inner {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
#search-box .container .search-main form {
  position: relative;
}
#search-box .container .search-main input {
        background: #000000;
        border: none;
        box-shadow: none;
        padding: 12px;
        font-size: 45px;
        height: 90px;
        border: 3px solid #c99a2c;
        border-radius: 8px;
        display: block;
        color: white;
        margin-bottom: 0;
        width: 100%;
        transform: scale3d(0, 1, 1);
        transform-origin: 100% 0;
        transition: transform .5s;
        box-sizing: border-box;
    }
#search-box .container .search-main input:focus {
  outline: none;
}
#search-box .container .search-main button {
        border: 0;
        outline: none;
        padding: 0;
        position: absolute;
        right: 20px;
        top: 0;
        bottom: 0;
        /* background: transparent; */
        font-size: 30px;
        height: 90px;
        background: bisque;
    }
    #search-box .container .search-main .search-info {
        display: block;
        color: white;
        text-align: center;
        margin-top: 15px;
        width: 100%;
    }
#search-box.-open {
  background: rgba(0, 0, 0, 0.7);
  visibility: visible;
  animation: fadein 0.8s;
}
#search-box.-open .container .search-main input {
  transform: scale3d(1, 1, 1);
  transition-duration: .5s;
}

#searchBox-menu {
    height: 40px;
}
.searchTxt-menu {
    font-size: 16px;
    width: 80%;
    height: 40px;
    margin-top:0;
}
.searchButton {
    padding:0;
    border:0;
    width: 40px;
    height: 40px;
    margin-top:20px;
}
.searchButton:hover {
    width: 40px;
    height: 40px;
    margin-top:20px;
}

.blurred {
    filter: blur(7px);
    -webkit-filter: blur(7px);
    pointer-events:none;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* end Search Modal */