#wordmark,
#university-of-connecticut,
#site-title,
#super-title {
    text-rendering: geometricPrecision;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=99);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#uconn-banner a:link,
#uconn-banner a:hover,
#uconn-banner a:visited {
    text-decoration: none
}

@font-face {
    font-family: "UConn";
    src: url('/fonts/uconn/uconn.eot');
    src: url('/fonts/uconn/uconn.eot?#iefix') format('embedded-opentype'),
        url('/fonts/uconn/uconn.svg#uconnregular') format('svg'),
        url('/fonts/uconn/uconn.woff') format('woff'),
        url('/fonts/uconn/uconn.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Proxima Nova";
    src: url("/fonts/proximanova/proximanova-bold-webfont.eot");
    src: url("/fonts/proximanova/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"),
        url("/fonts/proximanova/proximanova-bold-webfont.svg#proxima_nova_ltsemibold") format("svg"),
        url("/fonts/proximanova/proximanova-bold-webfont.woff") format("woff"),
        url("/fonts/proximanova/proximanova-bold-webfont.ttf") format("truetype");
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: "Proxima Nova";
    src: url("/fonts/proximanova/proximanova-boldit-webfont.eot");
    src: url("/fonts/proximanova/proximanova-boldit-webfont.eot?#iefix") format("embedded-opentype"),
        url("/fonts/proximanova/proximanova-boldit-webfont.svg#proxima_novabold_italic") format("svg"),
        url("/fonts/proximanova/proximanova-boldit-webfont.woff") format("woff"),
        url("/fonts/proximanova/proximanova-boldit-webfont.ttf") format("truetype");
    font-weight: bold;
    font-style: italic
}

@font-face {
    font-family: "Proxima Nova";
    src: url("/fonts/proximanova/proximanova-sbold-webfont.eot");
    src: url("/fonts/proximanova/proximanova-sbold-webfont.eot?#iefix") format("embedded-opentype"),
        url("/fonts/proximanova/proximanova-sbold-webfont.svg#proxima_nova_ltsemibold") format("svg"),
        url("/fonts/proximanova/proximanova-sbold-webfont.woff") format("woff"),
        url("/fonts/proximanova/proximanova-sbold-webfont.ttf") format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Proxima Nova";
    src: url("/fonts/proximanova/proximanova-reg-webfont.eot");
    src: url("/fonts/proximanova/proximanova-reg-webfont.eot?#iefix") format("embedded-opentype"),
        url("/fonts/proximanova/proximanova-reg-webfont.svg#proxima_nova_rgregular") format("svg"),
        url("/fonts/proximanova/proximanova-reg-webfont.woff") format("woff"),
        url("/fonts/proximanova/proximanova-reg-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Proxima Nova";
    src: url("/fonts/proximanova/proximanova-regit-webfont.eot");
    src: url("/fonts/proximanova/proximanova-regit-webfont.eot?#iefix") format("embedded-opentype"),
        url("/fonts/proximanova/proximanova-regit-webfont.svg#proxima_novaregular_italic") format("svg"),
        url("/fonts/proximanova/proximanova-regit-webfont.woff") format("woff"),
        url("/fonts/proximanova/proximanova-regit-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: italic
}

#uconn-banner .banner-icon {
    fill: white;
    height: 100%;
    pointer-events: none
}

#uconn-banner .white .banner-icon {
    fill: #000E2F
}

#uconn-banner {
    font-size: 16px
}

#uconn-banner * {
    line-height: normal
}

#uconn-banner .row-container {
    box-sizing: border-box;
    height: 60px;
    margin: 0px auto;
    padding: 0px 16px;
    width: 100%
}

#uconn-banner .row-fluid {
    width: 100%;
    display: table
}

#uconn-banner .row-fluid>div {
    display: table-cell;
    vertical-align: middle;
    float: none
}

@media screen and (min-width: 50em) {
    #uconn-banner .row-fluid>div {
        vertical-align: middle
    }
}

#uconn-banner.alternative .row-container {
    height: auto
}

#home-link-container {
    width: 60%
}

#uconn-header-container {
    background-color: #000E2F;
    color: #fff
}

#uconn-header-container .btn {
    color: #c1e8f8
}

#uconn-header-container.white {
    background-color: #fff
}

#home-link {
    display: inline-block;
    line-height: 60px;
    /* height: 60px; */
    overflow: hidden
}

#home-link:hover {
    text-decoration: none;
    color: #eee
}

#home-link span {
    margin: auto 0;
    vertical-align: middle
}

#university-of-connecticut,
#site-abbreviation {
    font-family: "Proxima Nova", Arial, Helvetica, sans-serif;
    color: #9faab2;
    font-size: 18px;
    letter-spacing: .055em;
    word-spacing: .02em;
    font-weight: bold;
    font-style: normal;
    line-height: normal;
    display: none;
    text-transform: uppercase
}

#wordmark {
    color: #fff;
    font-family: "UConn", Arial, Helvetica, sans-serif;
    font-size: 32px;
    overflow: hidden;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 0px 5px 0 0
}

#university-of-connecticut {
    border-left: 2px solid #3f4760;
    color: #9faab2;
    padding: 1px 0 0 10px
}

@media (min-width: 50em) {
    #university-of-connecticut {
        display: inline
    }
}

#site-abbreviation {
    border: 0;
    display: block;
    line-height: 1;
    padding: 0 0 9px 0
}

@media screen and (min-width: 50em) {
    #site-abbreviation {
        display: none
    }
}

.white #wordmark,
.white #university-of-connecticut,
.white #site-abbreviation {
    color: #000E2F
}

#uconn-banner #button-container,
#uconn-banner.alternative #button-container {
    text-align: right;
    position: relative
}

#uconn-banner #button-container>.icon-container {
    width: 32px;
    height: 32px;
    display: inline-block;
    margin: 0px 2px;
    padding: 0px;
    vertical-align: middle;
    white-space: nowrap
}

#uconn-banner #button-container .btn {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    font-size: 21px;
    text-align: center;
    padding: inherit;
    text-shadow: none;
    line-height: normal
}

#uconn-banner #uconn-search:hover+div:not(.popup-container),
#uconn-banner #uconn-search:focus+div:not(.popup-container),
#uconn-banner #uconn-az:hover+div:not(.popup-container),
#uconn-banner #uconn-az:focus+div:not(.popup-container) {
    background-color: #ededed;
    border-top: 1px solid #ededed;
    color: #000e2f;
    padding: 12px 16px;
    position: absolute;
    top: 46px;
    transition: opacity 0.3s ease-in-out;
    z-index: 1000
}

#uconn-banner #uconn-search:hover+div:not(.popup-container):before,
#uconn-banner #uconn-search:focus+div:not(.popup-container):before,
#uconn-banner #uconn-az:hover+div:not(.popup-container):before,
#uconn-banner #uconn-az:focus+div:not(.popup-container):before {
    font-family: "Proxima Nova";
    font-size: 14px;
    font-weight: bold
}

#uconn-banner #uconn-search:hover+div:not(.popup-container):after,
#uconn-banner #uconn-search:focus+div:not(.popup-container):after,
#uconn-banner #uconn-az:hover+div:not(.popup-container):after,
#uconn-banner #uconn-az:focus+div:not(.popup-container):after {
    border-color: transparent #ededed transparent transparent;
    border-style: solid;
    border-width: 10px 8px 10px 0px;
    bottom: 39px;
    content: '';
    position: absolute;
    transform: rotate(90deg)
}

#uconn-banner #uconn-search,
#uconn-banner #uconn-az,
#uconn-banner.alternative #button-container #uconn-search,
#uconn-banner.alternative #button-container #uconn-az {
    position: relative
}

#uconn-banner #uconn-search:before,
#uconn-banner #uconn-az:before,
#uconn-banner.alternative #button-container #uconn-search:before,
#uconn-banner.alternative #button-container #uconn-az:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    box-shadow: inset 0 2px 0 0 white;
    transition: opacity 0.3s ease-in-out;
    opacity: 0
}

#uconn-banner #uconn-search:hover:before,
#uconn-banner #uconn-az:hover:before,
#uconn-banner.alternative #button-container #uconn-search:hover:before,
#uconn-banner.alternative #button-container #uconn-az:hover:before,
#uconn-banner #uconn-search:focus:before,
#uconn-banner #uconn-az:focus:before,
#uconn-banner.alternative #button-container #uconn-search:focus:before,
#uconn-banner.alternative #button-container #uconn-az:focus:before {
    opacity: 1
}

#uconn-banner .no-css {
    left: -99999px;
    position: absolute
}

#uconn-banner #button-container .icon-container>div {
    opacity: 0;
    visibility: hidden
}

#uconn-banner #uconn-search:before,
#uconn-banner #uconn-az:before {
    bottom: 30px
}

#uconn-banner #uconn-search:hover+div:not(.popup-container),
#uconn-banner #uconn-search:focus+div:not(.popup-container),
#uconn-banner #uconn-az:hover+div:not(.popup-container),
#uconn-banner #uconn-az:focus+div:not(.popup-container) {
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
    visibility: visible
}

#uconn-banner #uconn-search-tooltip {
    right: 28px
}

#uconn-banner #uconn-search-tooltip:before {
    content: ''
}

#uconn-banner #uconn-search-tooltip:after {
    right: 25px
}

#uconn-banner #uconn-az-tooltip {
    right: -9px
}

#uconn-banner #uconn-az-tooltip:before {
    content: ''
}

#uconn-banner #uconn-az-tooltip:after {
    right: 22px
}

#uconn-banner #uconn-search:hover+#uconn-search-tooltip:before,
#uconn-banner #uconn-search:focus+#uconn-search-tooltip:before,
#uconn-banner #uconn-az:hover+#uconn-search-tooltip:before,
#uconn-banner #uconn-az:focus+#uconn-search-tooltip:before {
    content: 'Search UConn'
}

#uconn-banner #uconn-search:hover+#uconn-az-tooltip:before,
#uconn-banner #uconn-search:focus+#uconn-az-tooltip:before,
#uconn-banner #uconn-az:hover+#uconn-az-tooltip:before,
#uconn-banner #uconn-az:focus+#uconn-az-tooltip:before {
    content: 'UConn A to Z Index'
}

#uconn-banner.alternative #button-container button {
    background-color: #000E2F
}

#uconn-banner.alternative #button-container .icon-container {
    position: relative
}

#uconn-banner.alternative #button-container .icon-container>div,
#uconn-banner.alternative #button-container .icon-container div {
    opacity: 1;
    visibility: visible
}

#uconn-banner.alternative #button-container #uconn-search:before,
#uconn-banner.alternative #button-container #uconn-az:before {
    top: 30px
}

#uconn-banner.alternative #banner-mobile-button[aria-expanded="false"] .menu-toggle-open {
    display: inline-block
}

#uconn-banner.alternative #banner-mobile-button[aria-expanded="false"] .menu-toggle-close {
    display: none
}

#uconn-banner.alternative #banner-mobile-button[aria-expanded="true"] .menu-toggle-open {
    display: none
}

#uconn-banner.alternative #banner-mobile-button[aria-expanded="true"] .menu-toggle-close {
    display: inline-block
}

#uconn-banner.alternative.no-js .icon-container:focus-within div {
    display: block
}

@media screen and (min-width: 50em) {
    #uconn-banner.alternative #icon-container-mobile-menu {
        display: none
    }
}

#uconn-banner .white #button-container #banner-mobile-button,
#uconn-banner.alternative .white #button-container #banner-mobile-button {
    background-color: #ffffff
}

#uconn-banner .white #button-container #uconn-search,
#uconn-banner .white #button-container #uconn-az,
#uconn-banner.alternative .white #button-container #uconn-search,
#uconn-banner.alternative .white #button-container #uconn-az {
    background-color: #ffffff
}

#uconn-banner .white #button-container #uconn-search:hover:before,
#uconn-banner .white #button-container #uconn-search:focus:before,
#uconn-banner .white #button-container #uconn-az:hover:before,
#uconn-banner .white #button-container #uconn-az:focus:before,
#uconn-banner.alternative .white #button-container #uconn-search:hover:before,
#uconn-banner.alternative .white #button-container #uconn-search:focus:before,
#uconn-banner.alternative .white #button-container #uconn-az:hover:before,
#uconn-banner.alternative .white #button-container #uconn-az:focus:before {
    box-shadow: inset 0 2px 0 0 #000e2f
}

#site-title {
    margin: 0px !important;
    padding: 0px;
    line-height: inherit
}



#super-title {
    font-size: 13px;
    margin: 0 !important;
    padding: 0
}

#super-title a:link,
#super-title a:visited {
    color: #868695;
    font-family: "Proxima Nova", Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px
}

#search-container {
    text-align: right
}

#search-container #button-container .btn-primary {
    background: #e9e9e9
}

#site-search {
    margin: 0px
}

.popup-container:before {
    content: '';
    background-color: transparent;
    border-color: transparent #546688 transparent transparent;
    border-style: solid;
    border-width: 10px 8px 10px 0px;
    display: block;
    position: absolute;
    right: 18px;
    top: -14px;
    transform: rotateZ(90deg)
}

.popup-container {
    background-color: #546688;
    display: none;
    font-family: "Proxima Nova";
    line-height: 0;
    position: absolute;
    right: -6px;
    top: 46px
}

.popup-container hr {
    border-top: 1px solid #6f84a9;
    margin: 0
}

.popup-container.banner-popup-active {
    display: block
}

#a-z-popup .form-wrapper form,
#search-popup .form-wrapper form {
    color: #000E2F;
    position: relative
}

#a-z-popup .form-wrapper input,
#search-popup .form-wrapper input {
    border: 0;
    border-radius: 0;
    color: #000E2F;
    font-size: 14px;
    margin: 16px 20px;
    padding: 8px 60px 6px 6px;
    -webkit-appearance: none
}

#a-z-popup .form-wrapper input::placeholder,
#search-popup .form-wrapper input::placeholder {
    color: #000E2F;
    opacity: 1
}

#a-z-popup .form-wrapper button,
#search-popup .form-wrapper button {
    border: 0;
    background-color: transparent !important;
    height: 100%;
    position: absolute;
    right: 18px
}

#a-z-popup .form-wrapper svg,
#search-popup .form-wrapper svg {
    fill: #000E2F
}

#a-z-popup .link-wrapper a,
#search-popup .link-wrapper a {
    color: white;
    display: block;
    position: relative;
    text-align: center
}

#a-z-popup .link-wrapper a:hover,
#a-z-popup .link-wrapper a:focus,
#search-popup .link-wrapper a:hover,
#search-popup .link-wrapper a:focus {
    background-color: #2e3d5b;
    color: #ffffff
}

#a-z-popup .search-link-wrapper a,
#search-popup .search-link-wrapper a {
    padding: 16px 0
}

#a-z-popup .search-link-wrapper .banner-search-text,
#search-popup .search-link-wrapper .banner-search-text {
    display: inline-block
}

#a-z-popup .search-link-wrapper .banner-search-icon,
#search-popup .search-link-wrapper .banner-search-icon {
    position: absolute;
    right: 10px;
    top: 8px
}

#a-z-popup .az-link-wrapper a,
#search-popup .az-link-wrapper a {
    padding: 16px 46px
}

/*# sourceMappingURL=banner.css.map */