body {
    font-size: 13px;
    line-height: 1.5;
    font-family: Arial, Helvetica, sans-serif;
}

hr {
    border-style: inset;
    border-width: 1px;
    display: block;
    border: 1px solid gray;
    height: 1px;
}

.search-slide-inner,
.header-inner,
.main-navigation-inner-h,
.welcome-text-inner,
.highlighted-inner,
.top-container-inner,
.page-title-inner,
.main-container-inner,
.bottom-container-inner,
.footer-container-inner,
.footer-menu-inner,
.copyright-inner {
    max-width: 1170px;
    width: 100%;
}

.main-navigation-inner-h {
    padding: 0 15px;
}

/* header */
#header {
    background: #0c426f;
    border-bottom: 1px solid #09355a;
    border-top: 20px solid #000000;
}

.header-inner {
    display: flex;
    align-items: center;
}

.site-logo {
    margin: 20px 0 20px 10px;
    padding: 0 !important;
}

#header-inner #search-block-form {
    display: flex;
    justify-content: end;
}

#header-inner .js-form-type-search {
    width: 195px !important;
}

#header-inner .form-type-search,
#header-inner .form-actions {
    margin: 0 !important;
    height: 30px;
}

#header-inner .form-actions {
    display: flex;
    width: max-content;
}

#edit-keys {
    background: #1b212a;
    background-color: #154c7a;
    border: none !important;
    color: #9dbbd5;
    font-size: 13px;
    height: 30px;
    line-height: 100%;
    padding: 0 10px;
    width: 195px;
    text-indent: 0;
}

input.search-button-block:hover {
    border-color: #a4cd39 !important;
    animation: none !important;
}

#edit-keys::placeholder {
    color: #9dbbd5;
    padding-left: 0;
}

.w3-search-block-form .form-type-search:before {
    content: unset;
}

input.search-button-block {
    background: #000 url(../images/icons/bg-button-search.png) no-repeat 50% 50%;
    border: 1px solid #0a3559 !important;
    background-color: #0a3559 !important;
    color: #666 !important;
    height: 30px;
    width: 36px;
    line-height: 30px;
    padding: 6px;
    transition: all 0.5s !important;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.main-navigation-wrapper {
    background: #0c426f;
    border-top: 1px solid #1f537e;
}

.main-navigation-wrapper ul li {
    border-right: 1px solid #1b5280;
    margin: 0 1px 0 0 !important;
}

.main-navigation-wrapper .active-trail a {
    border-top: 3px solid #a4cd39;
    background-color: #195383;
    padding-top: 12px !important;
}

.main-navigation-wrapper .active-trail .sf-sub-indicator {
    top: 20px !important;
}

.main-navigation-wrapper ul a:hover {
    background-color: #195383;
}

.main-navigation-wrapper ul a {
    color: #eaf1f7;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding: 15px 19px !important;
    text-transform: uppercase;
    background-image: transparent;
}

.main-navigation-wrapper ul.sf-menu .sf-sub-indicator {
    left: 7px;
}

.main-navigation-wrapper ul.sf-menu .sf-sub-indicator:not(.sf-depth-3 .sf-sub-indicator) {
    top: 24px;
}

.main-navigation-wrapper ul.sf-menu .sf-sub-indicator:after {
    font-size: 8px;
}

.menu.sf-menu.sf-style-university ul.sf-megamenu li.sf-megamenu-wrapper ol li a.menuparent {
    border-top: 0 !important;
}

.main-navigation-wrapper ul ul {
    border-top: 0;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 30%);
    color: #333;
    padding: 10px;
    top: 42px;
    background-color: #195383;
}

.main-navigation-wrapper ul ul a {
    border-bottom: 0 !important;
    border: 0 none;
    font-weight: bold !important;
    padding: 10px 0;
    text-transform: uppercase !important;
    color: #acb4c0 !important;
    border-top: 1px solid #2a6392 !important;
    width: 100% !important;
}

.main-navigation-wrapper ul ul a:hover {
    color: #fff !important;
}

.main-navigation-wrapper ul ul ul a {
    text-transform: inherit !important;
    color: #a7c3db !important;
    border-top: 1px solid #2a6392 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

ul.sf-menu li:hover>ul,
ul.sf-menu li.sfHover>ul {
    top: 42px;
}

/* footer */
#footer-container,
#footer-menu {
    background: url(../images/icons/pattern-bg.png) repeat top left #0A3966;
    color: #6991b7 !important;
}

#footer-container .ul-parent li>a,
#footer-container p {
    font-size: 13px !important;
}

#footer-container h2 {
    border: 0 none;
    color: #D9DEE4;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0;
    text-transform: uppercase;
}

#footer-container a {
    color: #DCDCDC;
    padding: 0;
    transition: unset !important;
}

#footer-container ul.social-list li a {
    background-image: url(../images/icons/icon-socials.png);
    background-repeat: no-repeat;
    display: block;
    height: 33px;
    overflow: hidden;
    text-indent: -999em;
}

#footer-container ul.social-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

#footer-container ul.social-list li {
    background: none;
    display: block;
    float: left;
    height: 33px;
    width: 33px;
    margin: 0 10px 0 0;
    padding: 0;
}

#footer-container ul.social-list li.twitter a {
    background-position: 0px 0px;
}

#footer-container ul.social-list li.facebook a {
    background-position: 0px -33px;
}

#footer-container ul.social-list li.instagram a {
    background-position: 0px -66px;
}

#footer-container ul.social-list li.youtube a {
    background-position: 0px -99px;
}

#footer-container ul.social-list li.twitter a:hover {
    background-position: -33px 0px;
}

#footer-container ul.social-list li.facebook a:hover {
    background-position: -33px -33px;
}

#footer-container ul.social-list li.instagram a:hover {
    background-position: -33px -66px;
}

#footer-container ul.social-list li.youtube a:hover {
    background-position: -33px -99px;
}

.w3-button:before,
.w3-button:after {
    content: unset;
}

#footer-container .footer-box.first-footer {
    max-width: 300px;
}

#footer-container .footer-box>div {
    background-color: transparent;
    color: inherit;
    border: unset;
    padding: 12px 0 !important;
}

#footer-container .ul-parent>li {
    float: unset;
    display: block;
}

#footer-menu {
    border-top: 1px solid #184978;
    font-size: 11px;
    min-height: 15px;
    line-height: 15px;
    background-color: #083158;
    border-bottom: 12px solid #fff;
}

#footer-menu .w3-container {
    margin-bottom: 0;
}

#footer-menu div,
#footer-menu p {
    text-align: left !important;
}

#footer-menu a:hover,
#footer-container a:hover {
    color: #fff !important;
    background-color: transparent !important;
}

#footer-menu p,
#footer-container p {
    color: #6991b7 !important;
}

#footer-menu a {
    color: #ccc !important;
    transition: none !important;
}

#footer-container a:hover,
#footer-container a.is-active {
    color: #6991b7 !important;
}

/* quick edit */
.highlighted-inner ul.menu {
    border-bottom: 1px solid #EFECE1;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 30px 0;
}

.highlighted-inner ul.menu li {
    background: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 116px;
    height: 110px;
}

.highlighted-inner ul.menu li a {
    background-position: left top;
    background-repeat: no-repeat;
    color: #333;
    display: block;
    font-size: 1.083em;
    font-weight: bold;
    margin: 0 auto;
    padding: 90px 0 0;
    text-indent: -999em;
    width: 90px;
    transition: unset !important;
}

.highlighted-inner ul.menu li a.icon-job {
    background-image: url(../images/icons/Employment.png);
}

.highlighted-inner ul.menu li a.icon-enrollment {
    background-image: url(../images/icons/Enrollment.png);
}

.highlighted-inner ul.menu li a.icon-donate {
    background-image: url(../images/icons/donate.png);
}

.highlighted-inner ul.menu li a.icon-Comm {
    background-image: url(../images/icons/CommunityIcon.png);
}

.highlighted-inner ul.menu li a.icon-covid19 {
    background-image: url(../images/icons/COVID-19.png);
}

.highlighted-inner ul.menu li a.icon-map {
    background-image: url(../images/icons/CampusMap.png);
}

.highlighted-inner ul.menu li a.icon-transcripts {
    background-image: url(../images/icons/Transcripts.png);
}

.highlighted-inner ul.menu li a.icon-elearning {
    background-image: url(../images/icons/ELearning.png);
}
.highlighted-inner ul.menu li a.icon-TaxInfo {
    background-image: url(../images/icons/TaxpayerPublicInfo.png);
}

.highlighted-inner ul.menu li a:focus,
.highlighted-inner ul.menu li a:active,
.highlighted-inner ul.menu li a:hover {
    background-position: -90px 0;
    background-color: #fff;
    text-indent: -999em;
}

/* features */
.highlighted-inner .view-features {
    padding: 30px 0;
    border-bottom: 1px solid #EFECE1;
}

.highlighted-inner .view-features .views-field-title {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 17px 0;
    line-height: 100%;
    text-transform: uppercase;
    color: #4c4c4c;
}

.highlighted-inner .view-features .views-field-view-node span a {
    background: url(../images/icons/readon-bg.png) no-repeat left 3px;
    font-size: 13px;
    padding-left: 16px;
    transition: unset !important;
}

.highlighted-inner .view-features .views-field-view-node span a:hover {
    background-image: url(../images/icons/readon-hover-bg.png);
    background-position: 0 3px;
}

.highlighted-inner .view-features .views-col {
    padding: 0 16px !important;
}

.highlighted-inner .view-features .views-col:hover a {
    color: #205f93;
}

/* sidebar */
.main-container-inner .second-sidebar,
.main-container-inner .w3css-content {
    margin: 0 !important;
    padding: 0 !important;
}

#main-container-inner .second-sidebar .w3-sidebar-second {
    padding: 0 !important;
}

.second-sidebar .w3-sidebar-second nav:not(#block-keyservices) {
    background: url(../images/icons/pattern-bg.png) repeat top left #0A3966 !important;
    color: #6991b7 !important;
    padding: 15px !important;
}

.second-sidebar .w3-sidebar-second nav#block-keyservices {
    padding: 15px !important;
    padding-bottom: 30px !important;
}

.second-sidebar .w3-sidebar-second nav#block-keyservices h2,
.second-sidebar .w3-sidebar-second section h2 {
    color: #333 !important;
}

.second-sidebar .w3-sidebar-second section {
    padding: 15px;
}

.second-sidebar .w3-sidebar-second nav#block-keyservices a:hover,
.second-sidebar .w3-sidebar-second .view-og-menu-block li a:hover {
    color: #205f93 !important;
}

.second-sidebar .w3-sidebar-second .view-og-menu-block li a {
    padding: 0 !important;
    line-height: 17px !important;
    white-space: inherit;
}

.second-sidebar .w3-sidebar-second h2 {
    border: 0 none;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 0;
}

.second-sidebar ul.ul-parent {
    margin: 0;
}

.second-sidebar ul.ul-parent li:first-child {
    padding-top: 0;
}

.second-sidebar ul.ul-parent li {
    background: none;
    margin: 0;
    padding: 4px 0;
    width: 100%;
}

.second-sidebar ul.ul-parent li a,
.second-sidebar .w3-sidebar-second .view-og-menu-block li {
    background: url(../images/icons/bullet-dark.gif) no-repeat 0 5px !important;
    color: #6991b7;
    font-size: 13px !important;
    margin: 0;
    padding: 0;
    padding-left: 15px;
    line-height: 17px !important;
    white-space: inherit;
}

.second-sidebar .w3-sidebar-second .view-og-menu-block li {
    padding: 4px 16px;
    margin: 0;
    width: 100%;
    background-position: 0 10px !important;
}

.second-sidebar .w3-sidebar-second nav#block-keyservices a,
.second-sidebar .w3-sidebar-second .view-og-menu-block li a {
    color: #666;
}

.second-sidebar ul.ul-parent li a.is-active {
    color: #fff !important;
}

.second-sidebar .w3-sidebar-second nav#block-keyservices a.is-active {
    color: #205f93 !important;
}

/* latest news */
.view-latest-news .views-row {
    border-bottom: 1px solid #EFECE1;
    color: #4c4c4c;
    float: left;
    padding: 15px 0;
    width: 100%;
}

.view-latest-news .views-row p {
    margin: 0;
}

.view-latest-news .views-field:not(.views-field-field-news-image) {
    width: 70%;
    float: right;
}

.view-latest-news .views-field-field-news-image {
    width: 30%;
    float: left;
    padding: 4px 20px 0 0;
}

.view-latest-news .views-field-title a {
    display: block;
    font-weight: normal;
    line-height: 1.3;
    font-size: 16px;
    margin-bottom: 3px;
}

.view-latest-news .views-field-title a:hover {
    color: #205f93;
}

/* pagination */
.pager__items li.is-active {
    padding: 0 !important;
    background-color: unset !important;
}

.pager__items li.is-active:hover {
    background-color: unset !important;
}

.pager .pager__items li.is-active a {
    background-color: #c00 !important;
    color: #fff !important;
}

.pager__items li:not(.pager__item--ellipsis) a {
    padding: 5px 10px 6px !important;
    line-height: 15px;
    transition: unset !important;
    background: #eee !important;
    color: #999 !important;
}

.pager__items li:hover a {
    background: #333 !important;
    color: #fff !important;
}

.pager__items li a {
    padding: 0 !important;
    transition: unset !important;
}

/* experience */
.bottom-container-inner {
    padding: 30px 0 0;
}

#bottom-container .bottom-box>div {
    background-color: unset !important;
    border-color: unset !important;
    border: none;
    color: unset !important;
}

.bottom-container-inner h2.w3-block-title {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 20px;
    line-height: 100%;
    padding: 0 0 0 6px;
    text-transform: uppercase;
    color: #333;
}

.bottom-container-inner .view-content a {
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.3;
    margin-bottom: 3px;
    color: #4c4c4c;
}

.bottom-container-inner .first-bottom>div,
.bottom-container-inner .second-bottom>div {
    padding: 0 !important;
}

.bottom-container-inner .view-my-experience .views-row blockquote,
.bottom-container-inner .first-bottom,
.bottom-container-inner .second-bottom {
    margin: 0;
}

.bottom-container-inner .view-my-experience .views-row {
    border-bottom: 1px solid #dbd6ce;
    float: left;
    padding: 15px 0;
    width: 100%;
}

.bottom-container-inner .view-my-experience .views-row .views-field-field-image {
    /* padding: 4px 20px 0 0; */
    width: 25%;
    float: left;
}

.bottom-container-inner .view-my-experience .views-row>div {
    width: 75%;
    float: right;
}

.bottom-container-inner .view-my-experience .views-row:nth-child(2)>div {
    float: left;
}

.bottom-container-inner .view-my-experience .views-row:nth-child(2) .views-field-field-image {
    float: right;
    text-align: right;
}

.bottom-container-inner .view-my-experience .views-row .views-field-field-image img {
    width: 130px;
    height: 140px;
    object-fit: cover;
}

/* inner pages */
section nav.breadcrumb {
    margin: 0 !important;
}

.page-title-inner h1.page-title {
    color: #333333;
    font-size: 30px;
    font-weight: 500;
    margin: 10px 0 0;
    padding: 0 15px;
}

article h2,
article h3,
article h4 {
    color: #333 !important;
}

article h2 {
    font-size: 20px;
}

article h3 {
    font-size: 15px !important;
}

article h4 {
    font-size: 13px !important;
    font-weight: bold;
}

article a:not(table a) {
    color: #0C426F;
    font-weight: bold;
    text-decoration: underline !important;
}

article table,
article tr,
article td {
    border: none;
}

article p img {
    max-width: 450px;
    /* width: 100% !important; */
}

.tablesaw p {
    font-size: 11px;
}

.tablesaw th {
    background: #333;
    color: #fff;
    border: none;
    font-size: 11px;
}

article table:not(.tablesaw) {
    display: flex;
}

table td {
    padding: 10px;
    font-size: 11px;
}

table td a,
article ul a {
   /*  font-size: 11px; */
}

article table td a:hover {
    color: #205f93;
}

article ul a {
    font-size: 13px;
}

.second-sidebar .li-expanded ul {
    background: #195383;
    padding: 10px;
    width: 100%;
}

.second-sidebar .li-expanded ul a {
    color: #acb4c0 !important;
}

.second-sidebar .li-expanded ul a:hover {
    color: #fff !important;
}

form input.button.form-submit {
    background-color: #205f93;
    border-color: #205f93;
    color: #fff;
    float: left;
    margin-left: 0 !important;
}

form input.button.form-submit:hover {
    animation: unset !important;
}

.node__content .field__label {
    color: #333;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.page-node-type-policy .node__content .field__item {
    display: inline-block;
}

.w3-table-all tr:nth-child(even) {
    background-color: #fff;
}

.w3-bordered tr,
.w3-table-all tr {
    border-bottom: 1px dotted #ccc;
}

table {
    border: none !important;
}

.path-contact-directory td[headers="view-title-table-column"] {
    background-color: #ddd;
}

/* 
table .views-field-nothing {
    display: none
}

.user-logged-in table .views-field-nothing {
    display: revert !important;
} */
.page-node-type-experience-it article .field--type-image img {
    border: 1px solid #DDDDDD;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    display: block;
    /* margin: 10px 0 20px; */
    padding: 6px;
    max-width: 200px;
}

.page-node-type-department-home-page td a {
    text-decoration: underline;
}

.page-node-type-experience-it label.field__label {
    display: block;
    margin-bottom: 0;
}

.block-field-blocknodeexperience-itfield-image {
    max-width: 25%;
    float: left;
}

.block-field-blocknodeexperience-itfield-home-city-state,
.block-field-blocknodeexperience-itbody {
    max-width: 75%;
    float: right;
    padding-left: 15px;
}

form .form-wrapper .webform-flex--container {
    margin: 0 !important;
}

form .form-wrapper .form-item {
    width: 100%;
    margin-top: 0 !important;
}

form .webform-flexbox {
    display: revert;
    margin: 0;
}

form .form-item label,
form .form-item legend {
    font-weight: bold;
    font-size: 13px;
}

form .form-item legend {
    margin-bottom: 5px;
}

form .form-item input,
form .form-item select,
form .form-item textarea {
    border: 1px solid #ddd !important;
    padding: 6px 10px;
    box-shadow: none;
}

form .form-item input:focus,
form .form-item textarea:focus {
    border-color: #205f93 !important;
}

.w3-check,
.w3-radio {
    width: 13px;
    height: 13px;
    position: relative;
    top: 1px;
}

form.webform-submission-student-feedback-complaints-form {
    width: 70%;
}

.form-required:after {
    width: 6px;
    height: 6px;
    background-size: contain;
}

.form-item-when-did-this-happen- [data-drupal-field-elements="date-time"] {
    padding: 0;
}

/* Banner slideshow */
#welcome-text {
    color: #3a3a3a;
    background: #D7E3E3;
    border-bottom: 1px solid #C3D5D5;
    margin: 0;
    position: relative;
    z-index: 10;
}

.slideshow-wrapper {
    position: relative;
}

.slideshow-group-fields {
    background: #a2c742;
    transform: translateY(-70%);
    top: 70%;
    color: #FFFFFF;
    left: 0;
    padding: 20px;
    position: absolute;
    width: 350px;
    z-index: 9;
    font-size: 14px;
}

.slideshow-main:before {
    background: url(../images/icons/mask-left.png) no-repeat left top;
    width: 112px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    content: "";
}

.slideshow-main:after {
    background: url(../images/icons/mask-right.png) no-repeat left top;
    width: 112px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    content: "";
}