a, a svg {
transition: all 0.1s ease-in-out; }   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0; } h1 {
font-size: 2em;
margin: 0.67em 0; }  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; } abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  img {
border-style: none; }  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible; } button,
select { text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; } fieldset {
padding: 0.35em 0.75em 0.625em; } legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline; } textarea {
overflow: auto; } [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block; } summary {
display: list-item; }  template {
display: none; } [hidden] {
display: none; } html,
input[type="search"] {
box-sizing: border-box; }
*, *:before, *:after {
box-sizing: inherit; } .wrap {
max-width: 1232px;
margin: 0 auto;
padding-left: 16px;
padding-right: 16px; }
.wrap:after {
content: "";
display: table;
clear: both; }
.site-inner {
padding: 20px 0; }
@media (min-width: 768px) {
.site-inner {
padding: 40px 0; } }
.full-width-content .site-inner > .wrap {
max-width: 1232px; } .genesis-skip-link {
display: none; }
.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
position: absolute !important;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden; }
.screen-reader-text:focus,
.screen-reader-shortcut:focus {
clip: auto !important;
height: auto;
width: auto;
display: block;
font-size: 1em;
font-weight: bold;
padding: 15px 23px 14px;
color: #333;
background: #fff;
z-index: 100000; text-decoration: none;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); } .chat {
display: inline-block;
position: fixed;
bottom: 10px;
right: 10px;
background-color: #00838F;
border: 1px solid #fff;
padding: 10px;
z-index: 999;
}
.chat:hover {
background-color: #333f48;
}
.chat-link {
color: #fff;
display: flex;
font-size: 17px;
text-decoration: none;
}
.chat-link .svg-icon {
height: 30px;
width: 35px;
margin-right: 10px;
}
.chat-link .svg-icon path {
fill: white;
}
.chat-link .chat-text {
display: flex;
flex-wrap: wrap;
font-weight: 800;
width: 100px;
} html, body, .site-container, .site-footer {
height: 100%; } @media (max-width: 991px) {
.sidebar-primary {
display: none; } }
@media (min-width: 992px) {
.content-sidebar .site-main {
float: left;
width: 65.75342%; }
.content-sidebar .sidebar-primary {
float: right;
width: 28.68151%; }
@supports (display: grid) {
.content-sidebar .content-area {
display: grid;
grid-template-columns: 1fr 300px;
grid-column-gap: 32px; }
.content-sidebar .site-main {
float: none;
width: 100%;
max-width: 1200px; }
.content-sidebar .sidebar-primary {
float: none;
width: 100%; } } } body {
color: #424242;
font-family: -apple-system, BlinkMacSystemFont, Lato, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.55; }
@media (min-width: 768px) {
body {
font-size: 20px; } }
a {
color: #00838F;
text-decoration: underline; }
a:hover {
text-decoration: none; }
strong {
font-weight: 700; }
ol,
ul {
margin: 0;
padding: 0; }
ol.is-style-list-large,
ul.is-style-list-large {
font-size: 21px; }
@media (min-width: 768px) {
ol.is-style-list-large,
ul.is-style-list-large {
font-size: 24px; } }
ol.is-style-list-medium,
ul.is-style-list-medium {
font-size: 18px; }
@media (min-width: 768px) {
ol.is-style-list-medium,
ul.is-style-list-medium {
font-size: 20px; } }
ol.is-style-list-small,
ul.is-style-list-small {
font-size: 14px; }
code,
pre {
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
font-size: 12px; }
code {
padding: 2px 4px;
white-space: nowrap; }
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
line-height: 18px;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap; }
pre code {
padding: 0;
color: inherit;
white-space: pre;
white-space: pre-wrap;
background-color: transparent;
border: 0; }
cite {
font-style: normal; }
.clearfix:after {
content: "";
display: table;
clear: both; } p {
margin: 0 0 16px;
padding: 0; }
p.large, p.has-large-font-size {
font-size: 21px; }
@media (min-width: 768px) {
p.large, p.has-large-font-size {
font-size: 24px; } }
p.has-normal-font-size {
font-size: 18px; }
@media (min-width: 768px) {
p.has-normal-font-size {
font-size: 20px; } }
p.small, p.has-small-font-size {
font-size: 14px; } h1,
h2,
h3,
h4,
h5,
h6 {
color: #212121;
font-family: Quando, Georgia, serif;
font-weight: 400;
line-height: 1.2;
margin: 0 0 16px; }
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: #212121; }
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
color: #00838F;
text-decoration: none; }
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
h6:focus {
outline: none; }
h1 {
font-size: 34px; }
@media (min-width: 768px) {
h1 {
font-size: 42px; } }
@media (min-width: 992px) {
h1 {
font-size: 46px; } }
h2 {
font-size: 26px; }
@media (min-width: 768px) {
h2 {
font-size: 32px; } }
@media (min-width: 992px) {
h2 {
font-size: 36px; } }
h3 {
font-size: 22px; }
@media (min-width: 768px) {
h3 {
font-size: 26px; } }
@media (min-width: 992px) {
h3 {
font-size: 28px; } }
h4, h5, h6 {
font-size: 18px; }
@media (min-width: 768px) {
h4, h5, h6 {
font-size: 22px; } } .site-header {
background: #00838F;
color: #fff;
border-bottom: 1px solid #E0E0E0;
position: relative;
min-height: 49px; }
.title-area {
float: left;
width: 100%;
max-width: 333px;
margin: 0 auto;
padding: 8px 25px; }
@media (max-width: 360px) {
.title-area {
width: calc(100vw - 48px); } }
.title-area h1.site-title,
.title-area p.site-title {
margin: 0;
font-size: 24px;
line-height: 30px;
margin-left: -30px; }
.title-area h1.site-title a,
.title-area p.site-title a {
background: url(//uwc.utexas.edu/wp-content/themes/uwc-theme/assets/images/uwc-logo.png);
background-repeat: no-repeat;
background-size: contain;
display: block;
height: 44px;
text-decoration: none;
width: 316px; }
@media (max-width: 768px) {
.title-area {
float: none; }
.title-area .site-title a {
padding-bottom: 0;
height: 48px;
background-size: auto 42px; } }
@media (max-width: 360px) {
.title-area p.site-title a,
.title-area h1.site-title a {
width: 100%; } } @media (min-width: 783px) {
.admin-bar .site-container {
padding-top: 32px; } }
@media (max-width: 782px) {
#wpadminbar {
display: none !important; } }  .nav-menu > * {
line-height: 0; }
.nav-menu ul {
clear: both;
line-height: 1;
margin: 0;
width: 100%; }
.nav-menu .menu-item {
list-style: none;
position: relative; }
.nav-menu .menu-item a {
border: none;
color: #fff;
display: block;
font-size: 14px;
font-weight: 400;
line-height: 18px;
padding: 15px 18px;
position: relative;
text-decoration: none; }
.nav-menu .menu-item a .parenthesis {
color: #333F48; }
@media (max-width: 768px) {
.nav-menu .menu-item a {
color: #333F48; }
.nav-menu .menu-item a .parenthesis {
color: #00838F; } }
.nav-menu .menu-item:hover > a {
color: #333F48; }
.nav-menu .menu-item:hover .submenu-expand {
background: transparent;
border: none;
border-radius: 0;
box-shadow: none;
padding: 0;
outline: none;
cursor: pointer;
position: absolute;
line-height: 0;
top: 50%;
right: 1px;
transform: rotate(180deg) translateY(50%); }
@media (max-width: 768px) {
.nav-menu .menu-item:hover .submenu-expand:not(.expanded) {
top: 0;
right: 1px;
transform: none; } }
.nav-menu .menu-item:hover .submenu-expand svg {
fill: #333F48; }
.nav-menu .menu-item.current-menu-item > a,
.nav-menu .menu-item.current-menu-ancestor > a {
font-weight: 900; }
.nav-menu .submenu-expand {
background: transparent;
border: none;
border-radius: 0;
box-shadow: none;
padding: 0;
outline: none;
cursor: pointer;
position: absolute;
line-height: 0;
top: 50%;
transform: translateY(-50%);
right: 1px; }
.nav-menu .submenu-expand svg {
fill: #fff; }
@media (max-width: 768px) {
.nav-menu .submenu-expand svg {
fill: #333F48; } }
@media (max-width: 768px) {
.nav-menu .nav-secondary .menu-item.search {
padding: 4px 16px 16px; } }
@media (min-width: 769px) {
.nav-menu .nav-secondary .menu-item.search {
margin: 5px 0 0 8px; }
.nav-menu .nav-secondary .menu-item.search .search-field {
padding-top: 8px;
padding-bottom: 8px;
width: 268px; } }
.nav-menu .nav-primary .menu-item.search {
line-height: 0; }
.nav-menu .nav-primary .menu-item.search button {
padding: 12px; }
@media (max-width: 768px) {
.nav-menu .nav-primary .menu-item.search {
display: none; } }
@media (min-width: 769px) {
.nav-menu {
float: right;
width: calc( 100% - 348px);
display: flex;
flex-flow: column-reverse nowrap;
height: 60px; }
.nav-menu .nav-primary,
.nav-menu .nav-secondary {
display: flex;
justify-content: flex-end; }
.nav-menu .nav-primary + .nav-secondary {
margin-bottom: 16px; }
.nav-menu .menu {
display: inline-block;
width: auto; }
.nav-menu .menu-item {
float: left; }
.nav-menu .menu-item:hover > .sub-menu {
left: auto;
opacity: 1; } }
@media (min-width: 769px) and (max-width: 1400px) {
.nav-menu .menu-item:hover:last-of-type > .sub-menu {
right: 0; } }
@media (min-width: 769px) {
.nav-menu .sub-menu {
background: #fff;
border: 2px solid #00838F;
border-top: none;
left: -9999px;
opacity: 0;
position: absolute;
width: 215px;
z-index: 99; }
.nav-menu .sub-menu .menu-item {
float: none; }
.nav-menu .sub-menu .menu-item a {
color: #00838F; }
.nav-menu .sub-menu .menu-item:hover > a {
color: #fff;
background: #00838F; }
.nav-menu .sub-menu .sub-menu {
margin: -48px 0 0 215px; } }
@media (max-width: 768px) {
.nav-menu {
display: none; }
.nav-menu.active {
background: #EEEEEE;
border-top: 1px solid #E0E0E0;
display: block;
margin: 0 -48px;
max-width: calc( 100% + 96px); }
.nav-menu .menu > .menu-item > a {
padding: 11px 18px; }
.nav-menu .submenu-expand {
top: 0;
right: 1px;
transform: none;
width: 44px;
height: 44px; }
.nav-menu .submenu-expand svg {
width: 12px;
height: 12px; }
.nav-menu .submenu-expand.expanded {
top: 95% !important;
transform: rotate(180deg) translateY(50%); }
.nav-menu .submenu-expand.expanded + .sub-menu {
display: block; }
.nav-menu .sub-menu {
display: none;
padding-left: 8px;
max-width: 90%; } } .search-toggle,
.menu-toggle {
background: transparent;
border: none;
border-radius: 0;
box-shadow: none;
padding: 0;
outline: none;
cursor: pointer;
line-height: 0;
text-align: center; }
.search-toggle .close,
.menu-toggle .close {
display: none; }
.search-toggle:hover, .search-toggle.active,
.menu-toggle:hover,
.menu-toggle.active {
background: #EEEEEE; }
.search-toggle.active .close,
.menu-toggle.active .close {
display: inline; }
.search-toggle.active .open,
.menu-toggle.active .open {
display: none; }
@media (max-width: 768px) {
.site-header .wrap {
padding: 0 48px; } }
.site-header .wrap > .menu-toggle,
.site-header .wrap > .search-toggle {
position: absolute;
top: 0;
width: 48px;
height: 48px; }
@media (min-width: 769px) {
.site-header .wrap > .menu-toggle,
.site-header .wrap > .search-toggle {
display: none; } }
.site-header .wrap > .menu-toggle {
left: 0; }
.site-header .wrap > .search-toggle {
right: 0; } .header-search {
background: #EEEEEE;
overflow: hidden;
padding: 16px;
width: 100%; }
@media (min-width: 768px) {
.header-search {
position: absolute;
bottom: -82px;
right: 0; }
.header-search .search-form {
margin: 0 auto; } }
@media (max-width: 768px) {
.header-search {
margin: 0 -48px;
width: calc( 100% + 96px); } }
.header-search:not(.active) {
display: none; }.simple-social-icons svg[class^="social-"],
.simple-social-icons svg[class*=" social-"] {
display: inline-block;
width: 1em;
height: 1em;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
.simple-social-icons {
overflow: hidden;
}
.simple-social-icons ul {
margin: 0;
padding: 0;
}
.simple-social-icons ul li {
background: none !important;
border: none !important;
float: left;
list-style-type: none !important;
margin: 0 6px 12px !important;
padding: 0 !important;
}
.simple-social-icons ul li a {
border: none !important;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
display: inline-block;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
height: 1em;
line-height: 1em;
text-align: center;
text-decoration: none !important;
text-transform: none !important;
width: 1em;
}
.simple-social-icons ul.aligncenter {
text-align: center;
}
.simple-social-icons ul.aligncenter li {
display: inline-block;
float: none;
}
.simple-social-icons .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}