diff --git a/dist/css/app.css b/dist/css/app.css
index df150e2..a1d51af 100755
--- a/dist/css/app.css
+++ b/dist/css/app.css
@@ -356,221 +356,129 @@ th {
/* uconn.css v1.0.0 */
@font-face {
- font-family: 'icons';
- src: url("//uconn.edu/shared/fonts/icons/icons.eot");
- src: url("//uconn.edu/shared/fonts/icons/icons.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/icons/icons.ttf") format("truetype"), url("//uconn.edu/shared/fonts/icons/icons.woff") format("woff"), url("//uconn.edu/shared/fonts/icons/icons.svg#icons") format("svg");
+ font-family: "UConn";
+ src: url("//uconn.edu/shared/fonts/uconn/uconn.eot");
+ src: url("//uconn.edu/shared/fonts/uconn/uconn.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/uconn/uconn.svg#uconnregular") format("svg"), url("//uconn.edu/shared/fonts/uconn/uconn.woff") format("woff"), url("//uconn.edu/shared/fonts/uconn/uconn.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
-[class*="icon-"] {
- font-family: 'icons';
- speak: none;
- font-style: normal;
- font-weight: normal;
- font-variant: normal;
- text-transform: none;
- line-height: 1;
- /* Better Font Rendering =========== */
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale; }
-
-.icon-a-z:before {
- content: "\e600"; }
-
-.icon-search:before {
- content: "\e601"; }
+.uc_font--uconn {
+ font-family: "UConn";
+ letter-spacing: 3px;
+ font-size: 50px; }
@font-face {
- font-family: "Proxima Nova";
+ font-family: "ProximaNova";
src: url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot");
src: url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.svg#proxima_nova_ltsemibold") format("svg"), url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.ttf") format("truetype");
font-weight: bold;
font-style: normal; }
@font-face {
- font-family: "Proxima Nova";
+ font-family: "ProximaNova";
src: url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot");
src: url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.svg#proxima_novabold_italic") format("svg"), url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.ttf") format("truetype");
font-weight: bold;
font-style: italic; }
@font-face {
- font-family: "Proxima Nova";
+ font-family: "ProximaNova";
src: url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot");
src: url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold") format("svg"), url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.ttf") format("truetype");
font-weight: 500;
font-style: normal; }
@font-face {
- font-family: "Proxima Nova";
+ font-family: "ProximaNova";
src: url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot");
src: url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular") format("svg"), url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
- font-family: "Proxima Nova";
+ font-family: "ProximaNova";
src: url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot");
src: url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.svg#proxima_novaregular_italic") format("svg"), url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.ttf") format("truetype");
font-weight: normal;
font-style: italic; }
-.uc_font--proxima-nova, .uc_title__levelOne, .uc_title__levelTwo {
- font-family: "Proxima Nova"; }
+.uc_font--proxima-nova {
+ font-family: "ProximaNova", Verdana, Arial, Helvetica, sans-serif; }
@font-face {
- font-family: "UConn";
- src: url("//uconn.edu/shared/fonts/uconn/uconn.eot");
- src: url("//uconn.edu/shared/fonts/uconn/uconn.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/uconn/uconn.svg#uconnregular") format("svg"), url("//uconn.edu/shared/fonts/uconn/uconn.woff") format("woff"), url("//uconn.edu/shared/fonts/uconn/uconn.ttf") format("truetype");
+ font-family: 'icons';
+ src: url("//uconn.edu/shared/fonts/icons/icons.eot");
+ src: url("//uconn.edu/shared/fonts/icons/icons.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/icons/icons.ttf") format("truetype"), url("//uconn.edu/shared/fonts/icons/icons.woff") format("woff"), url("//uconn.edu/shared/fonts/icons/icons.svg#icons") format("svg");
font-weight: normal;
font-style: normal; }
-.uc_font--uconn {
- font-family: "UConn";
- letter-spacing: 3px;
- font-size: 50px; }
-
-/**
- * @name Color Classes
- * @description Sets the specified color property to the specified color.
- * @markup .uc_[COLOR NAME]-[COLOR TYPE]
- *
- * @state .uc_[COLOR NAME]-c = sets the color to COLOR NAME.
- * @state .uc_[COLOR NAME]-bg = sets the background-color to COLOR NAME.
- * @state .uc_[COLOR NAME]-bd = sets the border-color to COLOR NAME.
- */
-.uc_lightBlue-c {
- color: #03357a; }
-
-.uc_lightBlue-bg {
- background-color: #03357a; }
-
-.uc_lightBlue-bd {
- border-color: #03357a; }
-
-.uc_darkBlue-c {
- color: #01062c; }
-
-.uc_darkBlue-bg {
- background-color: #01062c; }
-
-.uc_darkBlue-bd {
- border-color: #01062c; }
-
-.uc_buttonBlue-c {
- color: #1a4798; }
-
-.uc_buttonBlue-bg {
- background-color: #1a4798; }
-
-.uc_buttonBlue-bd {
- border-color: #1a4798; }
-
-.uc_textLightBlue-c {
- color: #008cba; }
-
-.uc_textLightBlue-bg {
- background-color: #008cba; }
-
-.uc_textLightBlue-bd {
- border-color: #008cba; }
-
-.uc_textDarkBlue-c {
- color: #263a75; }
-
-.uc_textDarkBlue-bg {
- background-color: #263a75; }
-
-.uc_textDarkBlue-bd {
- border-color: #263a75; }
-
-.uc_textYellow-c {
- color: #ffa902; }
-
-.uc_textYellow-bg {
- background-color: #ffa902; }
-
-.uc_textYellow-bd {
- border-color: #ffa902; }
-
-.uc_bannerDarkBlue-c {
- color: #000e2f; }
-
-.uc_bannerDarkBlue-bg {
- background-color: #000e2f; }
-
-.uc_bannerDarkBlue-bd {
- border-color: #000e2f; }
-
-.uc_grey-c {
- color: #7C878E; }
-
-.uc_grey-bg {
- background-color: #7C878E; }
-
-.uc_grey-bd {
- border-color: #7C878E; }
-
-.uc_halfBlack-c {
- color: rgba(0, 0, 0, 0.5); }
-
-.uc_halfBlack-bg {
- background-color: rgba(0, 0, 0, 0.5); }
+.icon-a-z,
+.icon-search {
+ font-family: 'icons';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale; }
-.uc_halfBlack-bd {
- border-color: rgba(0, 0, 0, 0.5); }
+.icon-a-z:before {
+ content: "\e600"; }
-/**
- * @name Gradient Classes
- * @description Sets the background-image property to the specified gradient.
- * @markup .uc_[COLOR A]-to-[COLOR B]
- *
- * @state .uc_[COLOR A]-to-[COLOR B]--reverse = Reverses the order of the colors in the gradient.
- */
-.uc_lightBlue-to-darkBlue {
- background-image: linear-gradient(to bottom, #03357a, #01062c); }
-
-.uc_lightBlue-to-darkBlue--reverse {
- background-image: linear-gradient(to bottom, #03357a, #01062c); }
+.icon-search:before {
+ content: "\e601"; }
.uc_banner {
background-color: #000e2f;
height: 4em; }
.uc_banner__inner {
- max-width: 80em;
+ max-width: 84em;
margin: auto;
box-sizing: border-box;
- padding: 0 0.5em; }
+ padding: 0 2em; }
.uc_banner__logo {
color: white;
- font-size: 3em;
+ font-size: 2.5em;
float: left;
margin: 0;
- line-height: 1.333em; }
+ line-height: 1.55em; }
.uc_banner__name {
display: none;
float: left;
color: #9faab2;
font-size: 1em;
- width: 10em;
+ width: 11em;
letter-spacing: 0.055em;
word-spacing: 0.02em;
- padding-left: 0.25em;
+ padding-left: 0.75em;
margin: 1em 0;
font-weight: bold;
font-style: normal;
- border-left: 2px solid #3f4760;
- line-height: 1em; }
- @media (min-width: 27em) {
+ line-height: 2em; }
+ .uc_banner__name.uc_banner__name--large {
+ font-size: 1.5em;
+ line-height: 1.2em;
+ margin: 0.6666em 0;
+ color: white; }
+ .uc_banner__name.uc_banner__name--collapse {
+ line-height: 1em; }
+ .uc_banner__name.uc_banner__name--borderLeft {
+ border-left: 2px solid #3f4760;
+ padding-left: 0.25em; }
+ @media (min-width: 34em) {
.uc_banner__name {
display: block; } }
- @media (min-width: 34em) {
+ @media (min-width: 38em) {
.uc_banner__name {
- line-height: 2em;
- width: auto; } }
+ width: auto; }
+ .uc_banner__name.uc_banner__name--collapse {
+ line-height: 2em; } }
.uc_banner__buttons {
display: none;
@@ -580,7 +488,7 @@ th {
margin: 0.8em 0;
position: relative;
z-index: 2; }
- @media (min-width: 21em) {
+ @media (min-width: 23em) {
.uc_banner__buttons {
display: block; } }
@@ -596,6 +504,30 @@ th {
.uc_banner__button span {
font-size: 1.5em;
line-height: 1.533em; }
+ .uc_banner__button:hover {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:hover span {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:visited {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:visited span {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:focus {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:focus span {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:active {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:active span {
+ color: white !important;
+ text-decoration: none !important; }
.uc_banner__button--search {
float: left; }
@@ -616,13 +548,11 @@ th {
background-color: #0f2857;
border: 0.1em solid #1a4798;
opacity: 0;
- transform: translateX(-90%);
- pointer-events: none; }
+ transform: translateX(-90%); }
.uc_banner__searchForm.active {
outline: none;
opacity: 1;
- transform: translateX(-100%);
- pointer-events: all; }
+ transform: translateX(-100%); }
.uc_banner__searchBar {
display: block;
@@ -666,7 +596,6 @@ th {
top: 100%;
right: 0;
z-index: -1;
- width: 10em;
overflow-y: hidden;
background-color: white;
box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
@@ -676,8 +605,9 @@ th {
transition: transform 0.2s ease, opacity 0.2s ease; }
.uc_banner__dropdownElement {
- width: 10em;
- line-height: 2em;
+ white-space: nowrap;
+ line-height: 1.5em;
+ padding: 0.2em 0.5em;
text-align: center; }
.uc_banner__dropdownElement:hover {
color: #008cba; }
@@ -689,18 +619,185 @@ th {
color: white; }
.uc_title__levelOne {
- color: #01062c;
- font-size: 1.5em; }
+ font-family: ProximaNova;
+ text-transform: capitalize;
+ font-size: 24px;
+ margin: 0 0 10px; }
.uc_title__levelOne a {
- color: inherit;
- text-decoration: none; }
+ text-decoration: none;
+ color: inherit; }
.uc_title__levelTwo {
- color: #7C878E;
- font-size: 0.9em; }
- .uc_title__levelTwo a {
- color: inherit;
+ font-size: 11px;
+ letter-spacing: 1px;
+ margin: 15px 0 5px; }
+
+.uc_healthFooter {
+ font-family: "ProximaNova", Verdana, Arial, Helvetica, sans-serif; }
+
+.uc_healthFooter * {
+ text-align: left !important; }
+
+.uc_healthFooter__superNav {
+ background-color: #ebebeb;
+ border-top: 1px solid #ccc; }
+
+.uc_healthFooter__superNavInner {
+ width: 100%;
+ max-width: 84em;
+ margin: 0 auto;
+ overflow-y: hidden;
+ box-sizing: border-box;
+ padding: 1em; }
+
+.uc_healthFooter__contact {
+ float: left;
+ box-sizing: border-box;
+ padding: 1em;
+ width: 100%; }
+
+.uc_healthFooter__contactName {
+ line-height: 3em;
+ margin: 0.5em 0; }
+ .uc_healthFooter__contactName h1 {
+ text-align: left !important;
+ font-family: "UConn";
+ letter-spacing: 3px;
+ font-size: 50px;
+ color: #000e2f !important;
+ font-size: 3.5em;
+ font-weight: lighter;
+ display: inline-block;
+ vertical-align: middle;
+ margin: 0;
+ padding-right: 0.15em; }
+ .uc_healthFooter__contactName h3 {
+ text-align: left !important;
+ font-family: "ProximaNova", Verdana, Arial, Helvetica, sans-serif;
+ color: #000e2f !important;
+ display: inline-block;
+ font-size: 1.5em;
+ vertical-align: middle;
+ margin: 0; }
+
+.uc_healthFooter__contactAppointment {
+ margin: 2em 0; }
+ .uc_healthFooter__contactAppointment h4 {
+ text-align: left !important;
+ color: #000e2f !important;
+ margin: 0;
+ font-size: 1.1em; }
+ .uc_healthFooter__contactAppointment h2 {
+ text-align: left !important;
+ color: #000e2f !important;
+ margin: 0;
+ font-size: 2em; }
+
+.uc_healthFooter__contactAddress {
+ font-style: normal;
+ font-size: 1.1em; }
+
+.uc_healthFooter__links {
+ text-align: left !important;
+ color: #7c878e;
+ border-color: #7c878e;
+ float: left;
+ padding: 1em;
+ box-sizing: border-box;
+ width: 100%; }
+ .uc_healthFooter__links ul {
+ padding: 0;
+ list-style: none;
+ margin: 0; }
+ .uc_healthFooter__links .uc_healthFooter__link {
+ display: inline-block; }
+ .uc_healthFooter__links .uc_healthFooter__link:hover {
+ color: #263a75; }
+ .uc_healthFooter__links li:first-child .uc_healthFooter__link {
+ padding-top: 0; }
+
+.uc_healthFooter__links--blue {
+ color: #000e2f;
+ border-color: #000e2f; }
+ .uc_healthFooter__links--blue h4 {
+ font-size: 1em;
+ margin: 0 0 0.5em; }
+ .uc_healthFooter__links--blue .uc_healthFooter__link:hover {
+ color: #ffa902; }
+
+@media (min-width: 34em) {
+ .uc_healthFooter__links {
+ width: 50%; }
+ .uc_healthFooter__links--blue {
+ width: 100%; } }
+
+@media (min-width: 44em) {
+ .uc_healthFooter__links {
+ width: 33.333333%; }
+ .uc_healthFooter__links ul {
+ margin: 1.5em 0 0; }
+ .uc_healthFooter__links--blue ul {
+ margin: 0; } }
+
+@media (min-width: 68em) {
+ .uc_healthFooter__contact {
+ width: 30%;
+ max-width: 25em; }
+ .uc_healthFooter__links {
+ width: 23%;
+ margin-top: 2em;
+ max-width: 15em; } }
+
+.uc_healthFooter__link {
+ text-align: left !important;
+ color: inherit;
+ font-size: 1em;
+ padding: 0.5em 0;
+ text-decoration: none;
+ position: relative;
+ transition: color 0.15s cubic-bezier(0.66, 0.01, 0.36, 1); }
+ .uc_healthFooter__link::before, .uc_healthFooter__link::after {
+ content: "";
+ position: absolute;
+ bottom: 0.5em;
+ border-color: inherit;
+ border-bottom: 1px solid;
+ height: 0;
+ width: 0;
+ transition: width 0.15s cubic-bezier(0.66, 0.01, 0.36, 1); }
+ .uc_healthFooter__link::before {
+ left: 0; }
+ .uc_healthFooter__link::after {
+ right: 0; }
+ .uc_healthFooter__link:hover {
text-decoration: none; }
+ .uc_healthFooter__link:hover::before, .uc_healthFooter__link:hover::after {
+ width: 50%; }
+
+.uc_healthFooter__text {
+ text-align: left !important;
+ display: inline-block;
+ padding: 0.5em 0; }
+
+.uc_healthFooter__subNav {
+ background-color: #000e2f;
+ color: #ccc; }
+
+.uc_healthFooter__subNavInner {
+ max-width: 84em;
+ margin: 0 auto;
+ box-sizing: border-box;
+ padding: 2em 1em; }
+ .uc_healthFooter__subNavInner .uc_healthFooter__link,
+ .uc_healthFooter__subNavInner .uc_healthFooter__text {
+ margin: 0.5em 3em 0.5em 1em; }
+ .uc_healthFooter__subNavInner .uc_healthFooter__link {
+ display: inline-block; }
+ .uc_healthFooter__subNavInner .uc_healthFooter__link:hover {
+ color: white; }
+
+.uc_banner {
+ font-size: 16px; }
html {
font-family: 'Prompt', sans-serif; }
@@ -751,7 +848,7 @@ html {
max-width: 8em;
margin: 0.5em;
text-align: center;
- line-height: 2.2em;
+ line-height: 2em;
color: #636263;
font-weight: bold;
text-decoration: none;
@@ -2596,7 +2693,7 @@ html {
.pageHeader__actionButtons {
float: right;
width: 20em;
- margin-top: 2.5em; }
+ margin-top: 1.8em; }
.subPageBody {
width: 60%; }
.subPageAside {
diff --git a/dist/css/app.min.css b/dist/css/app.min.css
index 4fbe8f5..71d91a8 100755
--- a/dist/css/app.min.css
+++ b/dist/css/app.min.css
@@ -1 +1 @@
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}legend,td,th{padding:0}@font-face{font-family:Prompt;font-style:normal;font-weight:300;src:local('Prompt Light'),local('Prompt-Light'),url(https://fonts.gstatic.com/s/prompt/v1/ufd59T_nsg6D9Pwkuk7SoKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')}@font-face{font-family:Prompt;font-style:normal;font-weight:600;src:local('Prompt SemiBold'),local('Prompt-SemiBold'),url(https://fonts.gstatic.com/s/prompt/v1/3_KC0-To5jGOKtudoVFJIKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')}@font-face{font-family:Prompt;font-style:italic;font-weight:300;src:local('Prompt Light Italic'),local('Prompt-LightItalic'),url(https://fonts.gstatic.com/s/prompt/v1/60KGnR2l5jXF8EUIzlTWZJ0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')}@font-face{font-family:Prompt;font-style:italic;font-weight:600;src:local('Prompt SemiBold Italic'),local('Prompt-SemiBoldItalic'),url(https://fonts.gstatic.com/s/prompt/v1/Qnmw3djJvBNodDUGEKHjzJ0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:icons;src:url(//uconn.edu/shared/fonts/icons/icons.eot);src:url(//uconn.edu/shared/fonts/icons/icons.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/icons/icons.ttf) format("truetype"),url(//uconn.edu/shared/fonts/icons/icons.woff) format("woff"),url(//uconn.edu/shared/fonts/icons/icons.svg#icons) format("svg");font-weight:400;font-style:normal}[class*=icon-]{font-family:icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-a-z:before{content:"\e600"}.icon-search:before{content:"\e601"}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.svg#proxima_nova_ltsemibold) format("svg"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.svg#proxima_novabold_italic) format("svg"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold) format("svg"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular) format("svg"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.svg#proxima_novaregular_italic) format("svg"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.ttf) format("truetype");font-weight:400;font-style:italic}.uc_font--proxima-nova,.uc_title__levelOne,.uc_title__levelTwo{font-family:"Proxima Nova"}@font-face{font-family:UConn;src:url(//uconn.edu/shared/fonts/uconn/uconn.eot);src:url(//uconn.edu/shared/fonts/uconn/uconn.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/uconn/uconn.svg#uconnregular) format("svg"),url(//uconn.edu/shared/fonts/uconn/uconn.woff) format("woff"),url(//uconn.edu/shared/fonts/uconn/uconn.ttf) format("truetype");font-weight:400;font-style:normal}.uc_font--uconn{font-family:UConn;letter-spacing:3px;font-size:50px}.uc_lightBlue-c{color:#03357a}.uc_lightBlue-bg{background-color:#03357a}.uc_lightBlue-bd{border-color:#03357a}.uc_darkBlue-c{color:#01062c}.uc_darkBlue-bg{background-color:#01062c}.uc_darkBlue-bd{border-color:#01062c}.uc_buttonBlue-c{color:#1a4798}.uc_buttonBlue-bg{background-color:#1a4798}.uc_buttonBlue-bd{border-color:#1a4798}.uc_textLightBlue-c{color:#008cba}.uc_textLightBlue-bg{background-color:#008cba}.uc_textLightBlue-bd{border-color:#008cba}.uc_textDarkBlue-c{color:#263a75}.uc_textDarkBlue-bg{background-color:#263a75}.uc_textDarkBlue-bd{border-color:#263a75}.uc_textYellow-c{color:#ffa902}.uc_textYellow-bg{background-color:#ffa902}.uc_textYellow-bd{border-color:#ffa902}.uc_bannerDarkBlue-c{color:#000e2f}.uc_bannerDarkBlue-bg{background-color:#000e2f}.uc_bannerDarkBlue-bd{border-color:#000e2f}.uc_grey-c{color:#7C878E}.uc_grey-bg{background-color:#7C878E}.uc_grey-bd{border-color:#7C878E}.uc_halfBlack-c{color:rgba(0,0,0,.5)}.uc_halfBlack-bg{background-color:rgba(0,0,0,.5)}.uc_halfBlack-bd{border-color:rgba(0,0,0,.5)}.uc_lightBlue-to-darkBlue,.uc_lightBlue-to-darkBlue--reverse{background-image:linear-gradient(to bottom,#03357a,#01062c)}.uc_banner{background-color:#000e2f;height:4em}.uc_banner__inner{max-width:80em;margin:auto;box-sizing:border-box;padding:0 .5em}.uc_banner__logo{color:#fff;font-size:3em;float:left;margin:0;line-height:1.333em}.uc_banner__name{display:none;float:left;color:#9faab2;font-size:1em;width:10em;letter-spacing:.055em;word-spacing:.02em;padding-left:.25em;margin:1em 0;font-weight:700;font-style:normal;border-left:2px solid #3f4760;line-height:1em}@media (min-width:27em){.uc_banner__name{display:block}}@media (min-width:34em){.uc_banner__name{line-height:2em;width:auto}}.uc_banner__buttons{display:none;float:right;height:2.3em;width:5.25em;margin:.8em 0;position:relative;z-index:2}@media (min-width:21em){.uc_banner__buttons{display:block}}.uc_banner__button{display:block;color:#fff;background-color:#1a4798;text-decoration:none;width:2.3em;height:2.3em;text-align:center;vertical-align:top}.uc_banner__button span{font-size:1.5em;line-height:1.533em}.uc_banner__button--search{float:left}.uc_banner__button--az{float:right}.uc_banner__searchForm{position:absolute;z-index:-1;top:0;left:0;height:2.3em;box-sizing:border-box;width:15em;transition:width .25s ease,opacity .25s ease-out,transform .25s ease;background-color:#0f2857;border:.1em solid #1a4798;opacity:0;transform:translateX(-90%);pointer-events:none}.uc_banner__searchForm.active{outline:0;opacity:1;transform:translateX(-100%);pointer-events:all}.uc_banner__searchBar{display:block;float:left;width:12.5em;height:100%;box-sizing:border-box;background:0 0;color:#fff;border:none;padding-left:.5em;outline:0}.uc_banner__dropdownButton{width:2.3em;height:100%;float:right;background-color:#0f2857;position:relative;cursor:pointer}.uc_banner__dropdownButton.active,.uc_banner__dropdownButton:hover{background-color:#13336c}.uc_banner__dropdownButton.active .uc_banner__dropdownBody{opacity:1;transform:translateY(0);pointer-events:all}.uc_banner__dropdownButtonTriangle{position:absolute;top:50%;left:50%;width:0;height:0;margin:-.2165em 0 0 -.3em;border-left:.433em solid transparent;border-right:.433em solid transparent;border-top:.5em solid #fff}.uc_banner__dropdownBody{position:absolute;top:100%;right:0;z-index:-1;width:10em;overflow-y:hidden;background-color:#fff;box-shadow:0 0 1em rgba(0,0,0,.5);opacity:0;transform:translateY(.5em);pointer-events:none;transition:transform .2s ease,opacity .2s ease}.uc_banner__dropdownElement{width:10em;line-height:2em;text-align:center}.uc_banner__dropdownElement:hover{color:#008cba}.uc_banner__dropdownElement--selected{background-color:#03357a;color:#fff}.uc_banner__dropdownElement--selected:hover{color:#fff}.uc_title__levelOne a,.uc_title__levelTwo a{color:inherit;text-decoration:none}.uc_title__levelOne{font-size:1.5em}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:Prompt,sans-serif}.master-wrapper::after{content:"mobile";display:block;visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}@media only screen and (min-width:38em){.master-wrapper::after{content:"tablet"}}@media only screen and (min-width:48em){.master-wrapper::after{content:"tabletLarge"}}@media only screen and (min-width:62em){.master-wrapper::after{content:"desktop"}}.pageHeader{background-color:#666}.pageHeader__titles{float:left}.uc_title__levelTwo{font-size:.9em;color:#757c7c}.uc_title__levelOne{color:#fff}.pageHeader__actionButtons{float:left;width:100%;height:3em}.pageHeader__actionButton{display:block;float:right;width:40%;height:2em;max-width:8em;margin:.5em;text-align:center;line-height:2.2em;color:#636263;font-weight:700;text-decoration:none;background-color:#3a3f4e;transition:color .15s cubic-bezier(.6,.06,.59,1),background-color .15s cubic-bezier(.6,.06,.59,1)}.pageHeader__actionButton:hover{background-color:#0f1937;color:#fff}.pageNav{width:100vw;background-color:#383838;border-top:.2em solid #161616!important;border-bottom:.75em solid}.u-degreesColor .pageNav{border-color:#C1133D}.u-concentrationsColor .pageNav{border-color:#EF7C02}.u-campusesColor .pageNav{border-color:#1982BE}.u-for-studentsColor .pageNav{border-color:#76B700}.u-about-usColor .pageNav{border-color:#9A2D98}.u-our-workColor .pageNav{border-color:#f3D33D}.u-talk-to-usColor .pageNav{border-color:#6c686c}.u-how-to-applyColor .pageNav{border-color:#194472}.pageNav__toggle{display:none}.pageNav__toggleLabel{box-sizing:border-box;display:block;width:2em;height:2em;margin:.5em;padding:0;border:0;outline:0;cursor:pointer;background-color:transparent;position:relative}.pageNav__toggleLabelBar{width:2em;height:.15em;background-color:#fff;position:absolute}.pageNav__toggleLabelBar--top{left:50%;top:25%;transform:translate(-50%,-50%) rotate(0);transition:transform 125ms cubic-bezier(.6,.06,.59,1),top 125ms cubic-bezier(.6,.06,.59,1) 125ms}.pageNav__toggle:checked~.pageNav__toggleLabel>.pageNav__toggleLabelBar--top{top:50%;transform:translate(-50%,-50%) rotate(45deg);transition:transform 125ms cubic-bezier(.6,.06,.59,1) 125ms,top 125ms cubic-bezier(.6,.06,.59,1)}.pageNav__toggleLabelBar--middle{left:50%;top:50%;opacity:1;transform:translate(-50%,-50%);transition:opacity 125ms cubic-bezier(.6,.06,.59,1) 125ms}.pageNav__toggle:checked~.pageNav__toggleLabel>.pageNav__toggleLabelBar--middle{opacity:0;transition:opacity 125ms cubic-bezier(.6,.06,.59,1)}.pageNav__toggleLabelBar--bottom{left:50%;top:75%;transform:translate(-50%,-50%) rotate(180deg);transition:transform 125ms cubic-bezier(.6,.06,.59,1),top 125ms cubic-bezier(.6,.06,.59,1) 125ms}.pageNav__toggle:checked~.pageNav__toggleLabel>.pageNav__toggleLabelBar--bottom{top:50%;transform:translate(-50%,-50%) rotate(135deg);transition:transform 125ms cubic-bezier(.6,.06,.59,1) 125ms,top 125ms cubic-bezier(.6,.06,.59,1)}.pageNav__toggle:checked~.pageNav__inner{height:12em}.pageNav__inner{width:100%;height:0;overflow-y:hidden;transition:height .25s cubic-bezier(.6,.06,.59,1)}.pageNav__link::before,.subPageNav__link::before{content:"";top:50%;width:0;height:0}.pageNav__link{display:block;text-decoration:none;font-size:.8em;line-height:2.5em;font-weight:700;color:#aaa;padding-left:.5em;transform:translateX(0);transition:transform .15s cubic-bezier(.6,.06,.59,1),color .15s cubic-bezier(.6,.06,.59,1)}.pageNav__link::before{position:absolute;left:0;border-color:inherit;border-left:.5em solid;border-top:.433em solid transparent;border-bottom:.433em solid transparent;opacity:0;transform:translate(.2em,-65%);transition:transform .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.pageNav__link:hover{color:#fff;transform:translateX(.5em)}.pageNav__link:hover::before{opacity:1;transform:translate(-.2em,-65%)}.pageNav__link--degrees{border-color:#C1133D}.pageNav__link--degrees::hover{background-color:#C1133D}.pageNav__link--degrees.active,.pageNav__link--degrees:hover{color:#C1133D}.pageNav__link--concentrations{border-color:#EF7C02}.pageNav__link--concentrations::hover{background-color:#EF7C02}.pageNav__link--concentrations.active,.pageNav__link--concentrations:hover{color:#EF7C02}.pageNav__link--campuses{border-color:#1982BE}.pageNav__link--campuses::hover{background-color:#1982BE}.pageNav__link--campuses.active,.pageNav__link--campuses:hover{color:#1982BE}.pageNav__link--for-students{border-color:#76B700}.pageNav__link--for-students::hover{background-color:#76B700}.pageNav__link--for-students.active,.pageNav__link--for-students:hover{color:#76B700}.pageNav__link--about-us{border-color:#9A2D98}.pageNav__link--about-us::hover{background-color:#9A2D98}.pageNav__link--about-us.active,.pageNav__link--about-us:hover{color:#9A2D98}.pageNav__link--our-work{border-color:#f3D33D}.pageNav__link--our-work::hover{background-color:#f3D33D}.pageNav__link--our-work.active,.pageNav__link--our-work:hover{color:#f3D33D}.pageNav__link--talk-to-us{border-color:#6c686c}.pageNav__link--talk-to-us::hover{background-color:#6c686c}.pageNav__link--talk-to-us.active,.pageNav__link--talk-to-us:hover{color:#6c686c}.pageNav__link--how-to-apply{border-color:#194472}.pageNav__link--how-to-apply::hover{background-color:#194472}.pageNav__link--how-to-apply.active,.pageNav__link--how-to-apply:hover{color:#194472}.subPage{margin-bottom:1em}.subPageNav{margin-top:1em}.subPageNav__link{margin-left:1em;position:relative;text-decoration:none}.subPageNav__link::before{position:absolute;left:-1em;transform:translateY(-50%);border-right:.5em solid;border-color:inherit;border-top:.43em solid transparent;border-bottom:.43em solid transparent}.mainFooter__applyButton::before,.socialNav__link::before{content:"";top:50%;z-index:1;transform:translate(-50%,-50%);transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1);left:50%}.subPageAside,.subPageAside__Banner,.subPageAside__Image,.subPageBody,.subPageBody__inner{width:100%;box-sizing:border-box}.subPageMain{margin-left:-1em;margin-right:-1em}.subPageAside,.subPageBody{padding:1em;float:left}.subPageAside__inner{overflow-y:hidden}.subPageBody__inner{background-color:#f0f0f0;padding:1em}.subPageAside__Image{float:left;margin:0;overflow:hidden}.subPageAside__Image img{max-width:100%;vertical-align:bottom}.subPageAside__Banner{display:block;float:left;text-decoration:none;min-height:100%;padding:2em;text-align:center}.subPage--degrees a,.subPage--degrees h1,.subPage--degrees h2,.subPage--degrees h3,.subPage--degrees h4,.subPage--degrees h5,.subPage--degrees h6{color:#C1133D;border-color:#C1133D}.subPage--degrees .subPageAside__Banner,.subPage--degrees .subPageAside__inner{background-color:#C1133D}.subPage--degrees .subPageAside__Banner h3,.subPage--degrees .subPageAside__inner h3{color:#fff}.subPage--concentrations a,.subPage--concentrations h1,.subPage--concentrations h2,.subPage--concentrations h3,.subPage--concentrations h4,.subPage--concentrations h5,.subPage--concentrations h6{color:#EF7C02;border-color:#EF7C02}.subPage--concentrations .subPageAside__Banner,.subPage--concentrations .subPageAside__inner{background-color:#EF7C02}.subPage--concentrations .subPageAside__Banner h3,.subPage--concentrations .subPageAside__inner h3{color:#fff}.subPage--campuses a,.subPage--campuses h1,.subPage--campuses h2,.subPage--campuses h3,.subPage--campuses h4,.subPage--campuses h5,.subPage--campuses h6{color:#1982BE;border-color:#1982BE}.subPage--campuses .subPageAside__Banner,.subPage--campuses .subPageAside__inner{background-color:#1982BE}.subPage--campuses .subPageAside__Banner h3,.subPage--campuses .subPageAside__inner h3{color:#fff}.subPage--for-students a,.subPage--for-students h1,.subPage--for-students h2,.subPage--for-students h3,.subPage--for-students h4,.subPage--for-students h5,.subPage--for-students h6{color:#76B700;border-color:#76B700}.subPage--for-students .subPageAside__Banner,.subPage--for-students .subPageAside__inner{background-color:#76B700}.subPage--for-students .subPageAside__Banner h3,.subPage--for-students .subPageAside__inner h3{color:#fff}.subPage--about-us a,.subPage--about-us h1,.subPage--about-us h2,.subPage--about-us h3,.subPage--about-us h4,.subPage--about-us h5,.subPage--about-us h6{color:#9A2D98;border-color:#9A2D98}.subPage--about-us .subPageAside__Banner,.subPage--about-us .subPageAside__inner{background-color:#9A2D98}.subPage--about-us .subPageAside__Banner h3,.subPage--about-us .subPageAside__inner h3{color:#fff}.subPage--our-work a,.subPage--our-work h1,.subPage--our-work h2,.subPage--our-work h3,.subPage--our-work h4,.subPage--our-work h5,.subPage--our-work h6{color:#f3D33D;border-color:#f3D33D}.subPage--our-work .subPageAside__Banner,.subPage--our-work .subPageAside__inner{background-color:#f3D33D}.subPage--our-work .subPageAside__Banner h3,.subPage--our-work .subPageAside__inner h3{color:#fff}.subPage--talk-to-us a,.subPage--talk-to-us h1,.subPage--talk-to-us h2,.subPage--talk-to-us h3,.subPage--talk-to-us h4,.subPage--talk-to-us h5,.subPage--talk-to-us h6{color:#6c686c;border-color:#6c686c}.subPage--talk-to-us .subPageAside__Banner,.subPage--talk-to-us .subPageAside__inner{background-color:#6c686c}.subPage--talk-to-us .subPageAside__Banner h3,.subPage--talk-to-us .subPageAside__inner h3{color:#fff}.subPage--how-to-apply a,.subPage--how-to-apply h1,.subPage--how-to-apply h2,.subPage--how-to-apply h3,.subPage--how-to-apply h4,.subPage--how-to-apply h5,.subPage--how-to-apply h6{color:#194472;border-color:#194472}.subPage--how-to-apply .subPageAside__Banner,.subPage--how-to-apply .subPageAside__inner{background-color:#194472}.subPage--how-to-apply .subPageAside__Banner h3,.subPage--how-to-apply .subPageAside__inner h3{color:#fff}.mainFooter{background-color:#000;color:#fff;padding:1em 0}.mainFooter__subNav,.mainFooter__superNav{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.mainFooter__superNav{-ms-flex-pack:justify;justify-content:space-between;margin-bottom:3em}.mainFooter__subNav{-ms-flex-pack:start;justify-content:flex-start}.mainFooter__social{padding-right:2em;margin-bottom:.5em}.mainFooter__apply{margin-top:.5em}.socialNav ul{list-style:none;padding-left:0;margin:0}.socialNav li{float:left}.socialNav__link{display:block;width:3em;height:3em;border-radius:50%;margin:.5em;position:relative;border-color:#fff}.socialNav__link#facebook{background:url(../img/footer-icons/facebook.png) center/cover no-repeat}.socialNav__link#twitter{background:url(../img/footer-icons/twitter.png) center/cover no-repeat}.socialNav__link#instagram{background:url(../img/footer-icons/instagram.png) center/cover no-repeat}.socialNav__link#youtube{background:url(../img/footer-icons/youtube.png) center/cover no-repeat}.socialNav__link::before{position:absolute;width:2.75em;height:2.75em;border-radius:50%;border:1px solid;border-color:inherit;opacity:0}.socialNav__link.active::before,.socialNav__link:hover::before{width:calc(100% + 10px);height:calc(100% + 10px);opacity:1}.socialNav__link--first{margin-left:0}.mainFooter__applyButton{display:block;font-size:1.5em;color:#000;text-decoration:none;background-color:#fff;border-color:#fff;padding:1em 1.5em;position:relative}.landingNav__element,.mainFooter__subNavLink{color:#fff;display:block;text-decoration:none}.mainFooter__applyButton::before{position:absolute;width:100%;height:100%;border:1px solid;border-color:inherit;opacity:0}.degreeBanner__btn::before,.degreeCard::before{border:1px solid #C1133D;content:""}.mainFooter__applyButton.active::before,.mainFooter__applyButton:hover::before{width:calc(100% + 10px);height:calc(100% + 10px);opacity:1}.mainFooter__subNavLink{margin:.5em 1em;position:relative}.mainFooter__subNavLink::after{content:"";background-color:#fff;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:1px;transition:width .15s cubic-bezier(.6,.06,.59,1)}.landingNav,.videoWrapper{background-color:#000}.mainFooter__subNavLink:hover::after,.videoWrapper{width:100%}.videoWrapper__inner{max-width:80em;margin:0 auto;position:relative}.videoWrapper__videoParent{position:relative;padding-bottom:56.25%;padding-top:35px;height:0;overflow:hidden}.videoWrapper__videoParent iframe{position:absolute;top:0;left:0;width:100%;height:100%}.landingNav__inner{width:100%;max-width:80em;margin:0 auto;overflow:hidden}.landingNav__element{float:left;height:15em;width:16.66666%;transition:width .15s cubic-bezier(.6,.06,.59,1);position:relative}.landingNav__element span{position:absolute;top:100%;left:0;transform-origin:0 0;transform:rotate(-90deg);white-space:nowrap;padding-left:.25em;z-index:2;font-weight:700;font-size:1.5em;text-shadow:0 0 .25em rgba(0,0,0,.25);transition:opacity .15s cubic-bezier(.6,.06,.59,1)}.landingNav__elementColorScreen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:background-color .15s cubic-bezier(.6,.06,.59,1)}.landingNav__element--red:hover .landingNav__elementColorScreen{background-color:#C1133D}.landingNav__element--red .landingNav__elementColorScreen{background-color:rgba(193,19,61,.4)}.landingNav__element--orange:hover .landingNav__elementColorScreen{background-color:#EF7C02}.landingNav__element--orange .landingNav__elementColorScreen{background-color:rgba(239,124,2,.4)}.landingNav__element--yellow:hover .landingNav__elementColorScreen{background-color:#f3D33D}.landingNav__element--yellow .landingNav__elementColorScreen{background-color:rgba(243,211,61,.4)}.landingNav__element--green:hover .landingNav__elementColorScreen{background-color:#76B700}.landingNav__element--green .landingNav__elementColorScreen{background-color:rgba(118,183,0,.4)}.campusFixedNav,.landingNav__element--blue:hover .landingNav__elementColorScreen{background-color:#1982BE}.landingNav__element--blue .landingNav__elementColorScreen{background-color:rgba(25,130,190,.4)}.landingNav__element--purple:hover .landingNav__elementColorScreen{background-color:#9A2D98}.landingNav__element--purple .landingNav__elementColorScreen{background-color:rgba(154,45,152,.4)}.quoteModal{background-color:#383838;padding:3em 0;box-shadow:inset 0 0 1em rgba(0,0,0,.8)}.quoteModal__inner{max-width:80em;margin:0 auto;text-align:center}.quoteModal__inner h1{color:#76b700;font-size:2.5em;text-transform:uppercase}.quoteModal__inner h3{font-size:1.5em;line-height:1.4em;color:#fff}.degreeCards{margin:1em auto;max-width:24em;overflow-y:hidden}.degreeCard{display:block;float:left;width:100%;max-width:24em;margin:0 0 1em;overflow:hidden;background-color:#000;cursor:pointer;position:relative}.degreeCard::before,.degreeCard__label{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}.degreeCard::before{width:100%;height:100%;z-index:1;opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.degreeCard.active::before,.degreeCard:hover::before{width:calc(100% + -2em);height:calc(100% + -2em);opacity:1}.degreeCard__background{max-width:100%;vertical-align:bottom;transition:opacity .15s cubic-bezier(.6,.06,.59,1)}.degreeCard__label{width:80%;color:#fff;text-align:center}.degreeCard__label h1{font-size:1.25em;margin:0}.degreeCard__label h4{font-weight:lighter;margin:.5em 0 0}.degreeCard__label h4 span{padding:0 .4em}.degreeCard__learnMore{transform:translateY(-100%);opacity:0;transition:.15s cubic-bezier(.6,.06,.59,1);color:#C1133D}.degreeCard:hover .degreeCard__background{opacity:.5}.degreeCard:hover .degreeCard__learnMore{transform:translateY(50%);opacity:1}.degreeBanner{background:url(../img/degrees/degrees-redirect-bg.jpg) center/cover no-repeat;overflow-y:hidden}.degreeBanner__inner{width:100%;max-width:28em;margin:4em auto;box-sizing:border-box;padding:.5em;overflow-y:hidden;text-align:center}.degreeBanner__inner ul{margin:0;padding:0}.degreeBanner__inner li{box-sizing:border-box;list-style:none;padding:.4em;float:left}.degreeBanner__btn{box-sizing:border-box;text-align:center;display:block;padding:.5em;color:#fff;text-decoration:none;position:relative;transition:background-color .15s cubic-bezier(.6,.06,.59,1),color .15s cubic-bezier(.6,.06,.59,1)}.degreeBanner__btn:hover{background-color:#fff;color:#C1133D}.degreeBanner__btn::before{position:absolute;top:50%;left:50%;width:100%;height:100%;z-index:1;transform:translate(-50%,-50%);opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.degreeBanner__btn.active::before,.degreeBanner__btn:hover::before{width:calc(100% + .5em);height:calc(100% + .5em);opacity:1}.degreeBanner__btn--small{width:50%}.degreeBanner__btn--small a{background-color:#C1133D}.degreeBanner__btn--large{width:100%}.degreeBanner__btn--large a{background-image:linear-gradient(173deg,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 50%);padding:2em}.cameraIcon{display:inline-block;width:2em;height:2em;margin-right:.5em;vertical-align:middle;background:url(../img/degrees/camera-icon.png) center/cover no-repeat}.concentrationTile{width:90vw;height:50vw;display:block;margin:1em 2.5vw;text-decoration:none;float:left}.concentrationTile--2dAnimation{background:url(../img/concentrations/2dAnimation.jpg) center/cover no-repeat}.concentrationTile--3dAnimation{background:url(../img/concentrations/3dAnimation.jpg) center/cover no-repeat}.concentrationTile--businessStrategies{background:url(../img/concentrations/businessStrategies.jpg) center/cover no-repeat}.concentrationTile--digitalHumanities{background:url(../img/concentrations/digitalHumanities.jpg) center/cover no-repeat}.concentrationTile--gameDesign{background:url(../img/concentrations/gameDesign.jpg) center/cover no-repeat}.concentrationTile--webDesign{background:url(../img/concentrations/webDesign.jpg) center/cover no-repeat}.concentrationTile__inner{width:100%;height:100%;position:relative;background-color:transparent;transition:background-color .15s cubic-bezier(.6,.06,.59,1)}.concentrationTile__inner::before,.concentrationTile__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.concentrationTile__inner::before{content:"";width:100%;height:100%;z-index:1;border:1px solid #EF7C02;opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.concentrationTile__inner.active::before,.concentrationTile__inner:hover::before{width:calc(100% + -1.5em);height:calc(100% + -1.5em);opacity:1}.concentrationTile__inner:hover{background-color:rgba(0,0,0,.5)}.concentrationTile__text{width:60%;text-align:center;color:#fff;font-weight:700;background:rgba(239,124,2,.8);padding:.5em;transition:background-color .15s cubic-bezier(.6,.06,.59,1),color .15s cubic-bezier(.6,.06,.59,1)}.concentrationTile__inner:hover .concentrationTile__text{color:#EF7C02;background-color:transparent}.concentrationInfoContainer{display:none;position:relative}.concentrationInfo{z-index:0;position:absolute;top:0;left:0;opacity:0;width:100%;transition:opacity .3s cubic-bezier(.6,.06,.59,1)}.concentrationInfo.active{opacity:1;z-index:1;position:relative}.concentrationInfo h1{box-sizing:border-box;color:#fff;font-size:1.5em;text-align:center;width:100%;padding:.5em;background-color:#EF7C02}.concentrationInfo li{margin:.3em 0}.concentrationInfo h3{box-sizing:border-box;color:#EF7C02;text-align:center;width:100%;padding:.5em;border:.25em solid #EF7C02}.forStudentsTile,.ourWorkTile{padding:1em;float:left;box-sizing:border-box}.concentrationInfo__button{display:block;width:50%;font-weight:700;color:#EF7C02;text-decoration:none;margin-bottom:1em}.concentrationInfo__button:hover{text-decoration:underline}.ourWorkTiles{margin:2em 0;overflow-y:hidden}.ourWorkTile{margin:0;width:100%}.ourWorkTile__inner{width:100%;max-width:20em;text-decoration:none}.ourWorkTile__inner:hover .ourWorkTile__image img{transform:scale(1.2)}.ourWorkTile__inner:hover .ourWorkTile__caption--hover{height:3em}.ourWorkTile__image{width:100%;height:100%;overflow:hidden}.ourWorkTile__image img{width:100%;vertical-align:bottom;transform:scale(1);transition:transform .2s cubic-bezier(.6,.06,.59,1)}.ourWorkTile__caption{width:100%;height:3em;position:relative}.ourWorkTile__caption span{position:absolute;bottom:0;display:block;width:100%;text-align:center;line-height:3em;color:#7a7878;font-size:.9em}.ourWorkTile__caption--hover{position:absolute;overflow:hidden;background-color:#f3D33D;bottom:0;height:.1em;transition:height .2s cubic-bezier(.6,.06,.59,1)}.ourWorkTile__caption--hover span{color:#fff;font-weight:700}.forStudentsTiles{margin:2em 0;overflow-y:hidden}.forStudentsTile{margin:0;width:100%}.forStudentsTile__inner{display:block;width:100%;max-width:30em;margin:0 auto;text-decoration:none;position:relative;overflow-y:hidden}.forStudentsTile__inner::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;z-index:2;transform:translate(-50%,-50%);border:1px solid #76B700;opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.campusHeader__link::before,.campus__inner::before{content:"";z-index:1;border:1px solid #1982BE}.forStudentsTile__inner.active::before,.forStudentsTile__inner:hover::before{width:calc(100% + -1em);height:calc(100% + -1em);opacity:1}.forStudentsTile__inner:hover .forStudentsTile__image img{transform:scale(1.2)}.forStudentsTile__inner:hover .forStudentsTile__caption{background-color:rgba(0,0,0,.5)}.forStudentsTile__inner:hover .forStudentsTile__caption span{background-color:#76B700;color:#fff}.forStudentsTile__image{width:100%;height:100%;overflow:hidden}.forStudentsTile__image img{width:100%;vertical-align:bottom;transform:scale(1);transition:transform .2s cubic-bezier(.6,.06,.59,1)}.forStudentsTile__caption{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background-color:transparent;transition:background-color .2s cubic-bezier(.6,.06,.59,1)}.forStudentsTile__caption span{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#76B700;font-weight:700;background-color:rgba(0,0,0,.7);font-size:1em;text-align:center;padding:1em 2em;transition:color .2s cubic-bezier(.6,.06,.59,1),background-color .2s cubic-bezier(.6,.06,.59,1)}.campuses{margin:1em 0}.campus{box-sizing:border-box;width:100%;float:left;padding:1em;margin:0}.campus__inner{color:#fff;background-color:#000;text-decoration:none;display:block;width:100%;position:relative;overflow:hidden}.campus__explore,.campus__inner::before,.campus__title{position:absolute;top:50%;left:50%}.campus__inner::before{width:100%;height:100%;transform:translate(-50%,-50%);opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.campus__inner.active::before,.campus__inner:hover::before{width:calc(100% + -2em);height:calc(100% + -2em);opacity:1}.campus__inner:hover .campus__explore{background-color:#fff;color:#1982BE}.campus__inner:hover .campus__background{opacity:.3}.campus__background{width:100%;height:auto;vertical-align:bottom;opacity:1;transition:opacity .15s cubic-bezier(.6,.06,.59,1)}.campusHeader__link,.campus__explore{transition:color .15s cubic-bezier(.6,.06,.59,1),background-color .15s cubic-bezier(.6,.06,.59,1)}.campus__title{transform:translate(-50%,-120%);font-size:3em;text-shadow:0 0 .5em rgba(0,0,0,.5)}.campus__explore{transform:translate(-50%,30%);font-size:1.2em;background:#1982BE;text-align:center;line-height:1.5em;width:10em}.campusesQuoteModal{width:100vw;height:20vw;min-height:15em;background:url(../img/campuses/banner.jpg) center/cover no-repeat}.campusesQuoteModal__inner{width:100%;height:100%;background-color:rgba(0,0,0,.8);position:relative}.campusesQuoteModal__inner blockquote{margin:0;color:#fff;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:40em}.campusesQuoteModal__inner blockquote footer{color:#1982BE;text-align:center}.campusHeader{box-sizing:border-box;padding:2em}.campusHeader__name{font-size:3em;color:#fff;text-shadow:0 0 .5em rgba(0,0,0,.1);text-align:center;padding:1em 0;margin:0}.campusHeader__nav{margin:0 auto;max-width:48em}.campusHeader__nav ul{margin:0;padding:0;text-align:center}.campusHeader__nav li{list-style:none;display:inline-block}.campusHeader__link{display:block;color:#fff;text-decoration:none;font-weight:700;font-size:1.2em;padding:1em;background-color:rgba(25,130,190,.8);margin:.5em;position:relative}.campusHeader__link:hover{color:#1982BE;background-color:#fff}.campusHeader__link::before{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.campusHeader__link.active::before,.campusHeader__link:hover::before{width:calc(100% + .5em);height:calc(100% + .5em);opacity:1}.campusFixedNav{position:fixed;top:0;left:0;z-index:5;width:100vw;text-align:center;opacity:0;transform:translateY(-50%);transition:opacity .15s cubic-bezier(.6,.06,.59,1),transform .15s cubic-bezier(.6,.06,.59,1)}.campusFixedNav ul{text-align:center;margin:0 auto;padding:0}.campusFixedNav li{list-style:none;display:inline-block}.campusFixedNav.campusFixedNav--show{opacity:1;transform:translateY(0)}.campusFixedNav__link{display:block;line-height:2.5em;padding:0 .75em;background-color:transparent;text-decoration:none;font-weight:700;color:#fff}.campusFixedNav__link:hover{background-color:rgba(0,0,0,.1)}.campusSection{padding-top:1em;max-width:60em;margin:0 auto;overflow-y:hidden}.contactImg,.livingLearningImg,.studentStory img{max-width:100%;display:block}.campusSection h1{text-align:center;color:#000;text-transform:uppercase;padding:0 .5em;margin:.5em 0;font-size:2em;position:relative}.campusSection h1::after{content:'';position:absolute;left:50%;bottom:0;height:.1em;background-color:#1982BE;width:10em;transform:translateX(-50%)}.labsImg img,.studentStory img{height:auto;vertical-align:bottom}.campusSection h3{color:grey;text-transform:uppercase}.campusSection h4{margin:0;font-weight:400}.campusSection a{color:#1982BE;text-decoration:none}.campusSection a:hover{text-decoration:underline}.aboutUsTile__inner,.applyCampus__link,.contactCard,.contactCard__bottomInner a{text-decoration:none}.campusSection blockquote{margin:0}.campusSectionRow{width:100%;overflow-y:hidden}.campusSectionFull,.campusSectionHalf{float:left;width:100%;box-sizing:border-box;padding:1em;text-align:left}.livingLearningImg{width:30em;margin:0 auto;vertical-align:bottom}.studentStory img{margin:0 auto 1em}.labsImg{float:left;width:100%;box-sizing:border-box;padding:.1em;margin:0}.labsImg img{width:100%}.contactImg{width:25em;margin:0 auto;vertical-align:bottom}.campusTop{display:block;width:100%;text-align:center;font-weight:700}.aboutUsTiles{max-width:60em;margin:0 auto;overflow-y:hidden;padding:.5em 0}.aboutUsTile{box-sizing:border-box;margin:0 auto;max-width:30em;width:100%;padding:.5em}.aboutUsTile__inner{display:block;color:#fff;width:100%;height:100%;position:relative}.aboutUsTile__inner img{max-width:100%;margin:0 auto;display:block;vertical-align:text-bottom}.aboutUsTile--large{max-width:100%}.aboutUsTile--large .aboutUsTile__caption{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.aboutUsTile--large .aboutUsTile__caption img{width:2.5em;height:2.5em;float:left;margin-right:.5em;display:none}.aboutUsTile--large .aboutUsTile__captionText{float:left;width:15em;font-size:1.2em;font-weight:700;margin:0;text-align:center}.aboutUsTile--small .aboutUsTile__inner::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;z-index:10;transform:translate(-50%,-50%);border:1px solid #9A2D98;opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.aboutUsTile--small .aboutUsTile__inner.active::before,.aboutUsTile--small .aboutUsTile__inner:hover::before{width:calc(100% + -1em);height:calc(100% + -1em);opacity:1}.aboutUsTile--small .aboutUsTile__inner .aboutUsTile__caption{position:absolute;top:50%;left:50%;width:calc(100% - 2em);height:calc(100% - 2em);transform:translate(-50%,-50%);background-color:rgba(0,0,0,.75);transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1)}.aboutUsTile--small .aboutUsTile__inner .aboutUsTile__captionText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;margin:0}.aboutUsTile--small .aboutUsTile__inner:hover .aboutUsTile__caption{width:100%;height:100%}.contactCards{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:distribute;justify-content:space-around}.contactCard__outer{width:100%;float:left}.contactCard{width:100%;max-width:14em;margin:1.5em auto;display:block;color:#000}.contactCard--red hr{border-color:#c41f40}.contactCard--orange hr{border-color:#ef7d22}.contactCard--yellow hr{border-color:#f2d43c}.contactCard--green hr{border-color:#73b843}.contactCard--blue hr{border-color:#1f83c0}.contactCard__top{width:100%;margin:0;position:relative;min-height:100%}.contactCard__top img{width:50%;height:auto;display:block}.contactCard__top figcaption{display:block;width:50%;padding-left:.5em;position:absolute;left:50%;top:100%;transform:translateY(-100%)}#all,.contactModal{top:50%;left:50%;position:fixed}.contactCard__top h3{margin:0;font-size:.7em}.contactCard__top h3:last-child{color:#8d848d}.contactCard__bottom{width:100%;margin:0;background-color:#383638;overflow-y:hidden}.contactCard__bottom hr{margin-bottom:.75em}.contactCard__bottomInner{padding:.75em .75em .25em}.contactCard__bottomInner a,.contactCard__bottomInner h4{color:#e4e4e4;text-transform:uppercase}.contactCard__bottomInner h4{margin:0 0 .1em;font-size:.6em}#all{z-index:999}.contactModal{display:block;opacity:0;z-index:-999;transform:translate(-50%,-55%);width:100vw;max-width:50em;height:100%;max-height:50em;box-sizing:border-box;padding:1em;transition:transform .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1),z-index .1ms linear .15s}.contactModal__inner{width:100%;height:100%;box-shadow:0 0 1em rgba(56,54,56,.5);background-color:#fff}.contactModal:target{opacity:1;z-index:3;transition:transform .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1);transform:translate(-50%,-50%)}.contactModal:target+.contactModal__cover{opacity:1;z-index:2;transition:opacity .1s cubic-bezier(.6,.06,.59,1)}.contactModal__cover{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-999;opacity:0;background-color:rgba(255,255,255,.95);cursor:default;transition:opacity .1s cubic-bezier(.6,.06,.59,1) .15s,z-index .1ms linear .25s}.contactModal--red .contactModal__header{background-color:#c41f40}.contactModal--orange .contactModal__header{background-color:#ef7d22}.contactModal--yellow .contactModal__header{background-color:#f2d43c}.contactModal--green .contactModal__header{background-color:#73b843}.contactModal--blue .contactModal__header{background-color:#1f83c0}.contactModal--red .contactModal__bodyInfo a,.contactModal--red .contactModal__footer a:hover{color:#c41f40}.contactModal--orange .contactModal__bodyInfo a,.contactModal--orange .contactModal__footer a:hover{color:#ef7d22}.contactModal--yellow .contactModal__bodyInfo a,.contactModal--yellow .contactModal__footer a:hover{color:#f2d43c}.contactModal--green .contactModal__bodyInfo a,.contactModal--green .contactModal__footer a:hover{color:#73b843}.contactModal--blue .contactModal__bodyInfo a,.contactModal--blue .contactModal__footer a:hover{color:#1f83c0}.contactModal__header{width:100%;height:6em;position:relative;color:#fff}.contactModal__header h1{margin:0;padding:.5em .5em 0;line-height:1em}.contactModal__header h3{padding:.5em 1em 1em;margin:0}.contactModal__body{box-sizing:border-box;width:100%;height:calc(100% - 8em);overflow-y:scroll;-webkit-overflow-scrolling:touch;padding:1em}.contactModal__footer{line-height:2em;width:100%;background-color:#383638}.contactModal__footer a{color:#fff;text-decoration:none;font-weight:700;padding-left:.5em}.contactModal__bodyInfo{margin:0;font-weight:700}.contactModal__bodyInfo a:hover{color:#383638}.applyCampus{width:100%;float:left;padding:2em;box-sizing:border-box}.applyCampus__inner{width:100%;margin:0}.applyCampus__inner img{max-width:100%}.applyCampus__inner figcaption{border-left:.1em solid #194472;margin:.5em 0 0 .2em;box-sizing:border-box;padding-left:1em}.applyCampus__inner figcaption h1{font-size:3em;padding:.4em 0 .2em;margin:0}.applyCampus__link{color:#7a7878;display:block;font-weight:700;letter-spacing:.1em;padding:.2em 0;position:relative;transform:translateX(0);transition:transform .15s cubic-bezier(.6,.06,.59,1),color .15s cubic-bezier(.6,.06,.59,1)}.applyCampus__link::before{content:"";position:absolute;left:0;top:.5em;width:0;height:0;border-top:.433em solid transparent;border-bottom:.433em solid transparent;border-left:.5em solid #194472;opacity:0;transform:translateX(0);transition:transform .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.applyCampus__link:hover{color:#000;transform:translateX(.5em)}.applyCampus__link:hover::before{opacity:1;transform:translateX(-1em)}.u-t-left{text-align:left}.u-t-right{text-align:right}.u-container{padding:0 1em;display:block;max-width:80em;overflow-y:hidden;margin-left:auto;margin-right:auto}.u-blackBG{background-color:#000}.u-degreesColor .u-backgroundColor,.u-degreesColor .u-h-backgroundColor:hover,.u-degreesColor .u-s-backgroundColor::after,.u-degreesColor .u-s-backgroundColor::before{background-color:#C1133D}.u-indent{margin-left:2em}.u-degreesColor .u-color{color:#C1133D}.u-degreesColor .u-borderColor{border-color:#C1133D}.u-concentrationsColor .u-backgroundColor,.u-concentrationsColor .u-h-backgroundColor:hover,.u-concentrationsColor .u-s-backgroundColor::after,.u-concentrationsColor .u-s-backgroundColor::before{background-color:#EF7C02}.u-concentrationsColor .u-color{color:#EF7C02}.u-concentrationsColor .u-borderColor{border-color:#EF7C02}.u-campusesColor .u-backgroundColor,.u-campusesColor .u-h-backgroundColor:hover,.u-campusesColor .u-s-backgroundColor::after,.u-campusesColor .u-s-backgroundColor::before{background-color:#1982BE}.u-campusesColor .u-color{color:#1982BE}.u-campusesColor .u-borderColor{border-color:#1982BE}.u-for-studentsColor .u-backgroundColor,.u-for-studentsColor .u-h-backgroundColor:hover,.u-for-studentsColor .u-s-backgroundColor::after,.u-for-studentsColor .u-s-backgroundColor::before{background-color:#76B700}.u-for-studentsColor .u-color{color:#76B700}.u-for-studentsColor .u-borderColor{border-color:#76B700}.u-about-usColor .u-backgroundColor,.u-about-usColor .u-h-backgroundColor:hover,.u-about-usColor .u-s-backgroundColor::after,.u-about-usColor .u-s-backgroundColor::before{background-color:#9A2D98}.u-about-usColor .u-color{color:#9A2D98}.u-about-usColor .u-borderColor{border-color:#9A2D98}.u-our-workColor .u-backgroundColor,.u-our-workColor .u-h-backgroundColor:hover,.u-our-workColor .u-s-backgroundColor::after,.u-our-workColor .u-s-backgroundColor::before{background-color:#f3D33D}.u-our-workColor .u-color{color:#f3D33D}.u-our-workColor .u-borderColor{border-color:#f3D33D}.u-talk-to-usColor .u-backgroundColor,.u-talk-to-usColor .u-h-backgroundColor:hover,.u-talk-to-usColor .u-s-backgroundColor::after,.u-talk-to-usColor .u-s-backgroundColor::before{background-color:#6c686c}.u-talk-to-usColor .u-color{color:#6c686c}.u-talk-to-usColor .u-borderColor{border-color:#6c686c}.u-how-to-applyColor .u-backgroundColor,.u-how-to-applyColor .u-h-backgroundColor:hover,.u-how-to-applyColor .u-s-backgroundColor::after,.u-how-to-applyColor .u-s-backgroundColor::before{background-color:#194472}.u-how-to-applyColor .u-color{color:#194472}.u-how-to-applyColor .u-borderColor{border-color:#194472}@media screen and (min-width:38em){.subPageAside__Banner,.subPageAside__Image{width:50%}.concentrationTile{width:40vw;height:25vw;margin:1em 3.7vw}.forStudentsTile,.labsImg,.ourWorkTile{width:50%}.campus__title{font-size:3.5em}.aboutUsTile{max-width:50%;float:left}.aboutUsTile--large{max-width:100%}.aboutUsTile--large .aboutUsTile__caption{width:21em}.aboutUsTile--large .aboutUsTile__caption img{display:block}.aboutUsTile--large .aboutUsTile__captionText{text-align:left}.contactCard__outer{width:50%}}@media screen and (min-width:48em){.pageNav .u-container{padding:0}.pageNav__toggleLabel{display:none}.pageNav__inner{height:3em!important}.pageNav__link{width:16.6%;float:left;box-sizing:border-box;margin:.5em 0;padding:0;text-align:center}.pageNav__link::before{top:100%;left:0;width:100%;height:1em;opacity:1;border:none}.pageNav__link:hover{transform:translate(0,0)}.pageHeader__actionButtons{float:right;width:20em;margin-top:2.5em}.subPageBody{width:60%}.subPageAside{width:40%}.subPageAside__Banner,.subPageAside__Image{width:100%}.degreeCards{max-width:100%;margin:2em auto}.degreeCard{width:30%;max-width:30%;margin:0}.degreeCard:nth-child(2){margin:0 5%}.forStudentsTile,.ourWorkTile{width:33.33333%}.applyCampus,.campus,.campusSectionHalf{width:50%}.campus__title{font-size:4em}.contactCard__outer{width:33.33333%}}@media screen and (min-width:62em){.pageNav__link{border-left:1px solid grey}.pageNav__link:first-child{border-left:none}.degreeCard__label h1{font-size:1.75em}.concentrationTiles{width:60%;float:left}.concentrationTile{width:45%;height:15em;margin:1em 1.25%}.concentrationTile__inner.active{background-color:rgba(0,0,0,.5)}.concentrationTile__inner.active .concentrationTile__text{color:#EF7C02;background-color:transparent}.concentrationInfoContainer{display:block;width:40%;float:left}.aboutUsTile{max-width:20em}.aboutUsTile--large{max-width:40em}.campus__title{font-size:5em}.applyCampus__inner figcaption h1{font-size:4em}.contactCard__outer{width:25%}}
\ No newline at end of file
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}legend,td,th{padding:0}@font-face{font-family:Prompt;font-style:normal;font-weight:300;src:local('Prompt Light'),local('Prompt-Light'),url(https://fonts.gstatic.com/s/prompt/v1/ufd59T_nsg6D9Pwkuk7SoKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')}@font-face{font-family:Prompt;font-style:normal;font-weight:600;src:local('Prompt SemiBold'),local('Prompt-SemiBold'),url(https://fonts.gstatic.com/s/prompt/v1/3_KC0-To5jGOKtudoVFJIKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')}@font-face{font-family:Prompt;font-style:italic;font-weight:300;src:local('Prompt Light Italic'),local('Prompt-LightItalic'),url(https://fonts.gstatic.com/s/prompt/v1/60KGnR2l5jXF8EUIzlTWZJ0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')}@font-face{font-family:Prompt;font-style:italic;font-weight:600;src:local('Prompt SemiBold Italic'),local('Prompt-SemiBoldItalic'),url(https://fonts.gstatic.com/s/prompt/v1/Qnmw3djJvBNodDUGEKHjzJ0EAVxt0G0biEntp43Qt6E.ttf) format('truetype')}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:UConn;src:url(//uconn.edu/shared/fonts/uconn/uconn.eot);src:url(//uconn.edu/shared/fonts/uconn/uconn.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/uconn/uconn.svg#uconnregular) format("svg"),url(//uconn.edu/shared/fonts/uconn/uconn.woff) format("woff"),url(//uconn.edu/shared/fonts/uconn/uconn.ttf) format("truetype");font-weight:400;font-style:normal}.uc_font--uconn{font-family:UConn;letter-spacing:3px;font-size:50px}@font-face{font-family:ProximaNova;src:url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.svg#proxima_nova_ltsemibold) format("svg"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ProximaNova;src:url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.svg#proxima_novabold_italic) format("svg"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:ProximaNova;src:url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold) format("svg"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:ProximaNova;src:url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular) format("svg"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:ProximaNova;src:url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.svg#proxima_novaregular_italic) format("svg"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.ttf) format("truetype");font-weight:400;font-style:italic}.uc_font--proxima-nova{font-family:ProximaNova,Verdana,Arial,Helvetica,sans-serif}@font-face{font-family:icons;src:url(//uconn.edu/shared/fonts/icons/icons.eot);src:url(//uconn.edu/shared/fonts/icons/icons.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/icons/icons.ttf) format("truetype"),url(//uconn.edu/shared/fonts/icons/icons.woff) format("woff"),url(//uconn.edu/shared/fonts/icons/icons.svg#icons) format("svg");font-weight:400;font-style:normal}.icon-a-z,.icon-search{font-family:icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-a-z:before{content:"\e600"}.icon-search:before{content:"\e601"}.uc_banner{background-color:#000e2f;height:4em}.uc_banner__inner{max-width:84em;margin:auto;box-sizing:border-box;padding:0 2em}.uc_banner__logo{color:#fff;font-size:2.5em;float:left;margin:0;line-height:1.55em}.uc_banner__name{display:none;float:left;color:#9faab2;font-size:1em;width:11em;letter-spacing:.055em;word-spacing:.02em;padding-left:.75em;margin:1em 0;font-weight:700;font-style:normal;line-height:2em}.uc_banner__name.uc_banner__name--large{font-size:1.5em;line-height:1.2em;margin:.6666em 0;color:#fff}.uc_banner__name.uc_banner__name--collapse{line-height:1em}.uc_banner__name.uc_banner__name--borderLeft{border-left:2px solid #3f4760;padding-left:.25em}@media (min-width:34em){.uc_banner__name{display:block}}@media (min-width:38em){.uc_banner__name{width:auto}.uc_banner__name.uc_banner__name--collapse{line-height:2em}}.uc_banner__buttons{display:none;float:right;height:2.3em;width:5.25em;margin:.8em 0;position:relative;z-index:2}@media (min-width:23em){.uc_banner__buttons{display:block}}.uc_banner__button{display:block;color:#fff;background-color:#1a4798;text-decoration:none;width:2.3em;height:2.3em;text-align:center;vertical-align:top}.uc_banner__button span{font-size:1.5em;line-height:1.533em}.uc_banner__button:active,.uc_banner__button:active span,.uc_banner__button:focus,.uc_banner__button:focus span,.uc_banner__button:hover,.uc_banner__button:hover span,.uc_banner__button:visited,.uc_banner__button:visited span{color:#fff!important;text-decoration:none!important}.pageNav__link,.subPageAside__Banner,.subPageNav__link,.uc_healthFooter__link,.uc_healthFooter__link:hover,.uc_title__levelOne a{text-decoration:none}.uc_banner__button--search{float:left}.uc_banner__button--az{float:right}.uc_banner__searchForm{position:absolute;z-index:-1;top:0;left:0;height:2.3em;box-sizing:border-box;width:15em;transition:width .25s ease,opacity .25s ease-out,transform .25s ease;background-color:#0f2857;border:.1em solid #1a4798;opacity:0;transform:translateX(-90%)}.uc_banner__searchForm.active{outline:0;opacity:1;transform:translateX(-100%)}.uc_banner__searchBar{display:block;float:left;width:12.5em;height:100%;box-sizing:border-box;background:0 0;color:#fff;border:none;padding-left:.5em;outline:0}.uc_banner__dropdownButton{width:2.3em;height:100%;float:right;background-color:#0f2857;position:relative;cursor:pointer}.uc_banner__dropdownButton.active,.uc_banner__dropdownButton:hover{background-color:#13336c}.uc_banner__dropdownButton.active .uc_banner__dropdownBody{opacity:1;transform:translateY(0);pointer-events:all}.uc_banner__dropdownButtonTriangle{position:absolute;top:50%;left:50%;width:0;height:0;margin:-.2165em 0 0 -.3em;border-left:.433em solid transparent;border-right:.433em solid transparent;border-top:.5em solid #fff}.uc_banner__dropdownBody{position:absolute;top:100%;right:0;z-index:-1;overflow-y:hidden;background-color:#fff;box-shadow:0 0 1em rgba(0,0,0,.5);opacity:0;transform:translateY(.5em);pointer-events:none;transition:transform .2s ease,opacity .2s ease}.uc_banner__dropdownElement{white-space:nowrap;line-height:1.5em;padding:.2em .5em;text-align:center}.uc_banner__dropdownElement:hover{color:#008cba}.uc_banner__dropdownElement--selected{background-color:#03357a;color:#fff}.uc_banner__dropdownElement--selected:hover{color:#fff}.uc_title__levelOne{font-family:ProximaNova;text-transform:capitalize;font-size:24px;margin:0 0 10px}.uc_title__levelOne a{color:inherit}.uc_title__levelTwo{font-size:11px;letter-spacing:1px;margin:15px 0 5px}.uc_healthFooter{font-family:ProximaNova,Verdana,Arial,Helvetica,sans-serif}.uc_healthFooter *{text-align:left!important}.uc_healthFooter__superNav{background-color:#ebebeb;border-top:1px solid #ccc}.uc_healthFooter__superNavInner{width:100%;max-width:84em;margin:0 auto;overflow-y:hidden;box-sizing:border-box;padding:1em}.uc_healthFooter__contact{float:left;box-sizing:border-box;padding:1em;width:100%}.uc_healthFooter__contactName{line-height:3em;margin:.5em 0}.uc_healthFooter__contactName h1,.uc_healthFooter__contactName h3{vertical-align:middle;margin:0;color:#000e2f!important;text-align:left!important;display:inline-block}.uc_healthFooter__contactName h1{font-family:UConn;letter-spacing:3px;font-size:3.5em;font-weight:lighter;padding-right:.15em}.uc_healthFooter__contactName h3{font-family:ProximaNova,Verdana,Arial,Helvetica,sans-serif;font-size:1.5em}.uc_healthFooter__contactAppointment{margin:2em 0}.uc_healthFooter__contactAppointment h4{text-align:left!important;color:#000e2f!important;margin:0;font-size:1.1em}.uc_healthFooter__contactAppointment h2{text-align:left!important;color:#000e2f!important;margin:0;font-size:2em}.uc_healthFooter__contactAddress{font-style:normal;font-size:1.1em}.uc_healthFooter__links{text-align:left!important;color:#7c878e;border-color:#7c878e;float:left;padding:1em;box-sizing:border-box;width:100%}.uc_healthFooter__links ul{padding:0;list-style:none;margin:0}.uc_healthFooter__links .uc_healthFooter__link{display:inline-block}.uc_healthFooter__links .uc_healthFooter__link:hover{color:#263a75}.uc_healthFooter__links li:first-child .uc_healthFooter__link{padding-top:0}.uc_healthFooter__links--blue{color:#000e2f;border-color:#000e2f}.uc_healthFooter__links--blue h4{font-size:1em;margin:0 0 .5em}.uc_healthFooter__links--blue .uc_healthFooter__link:hover{color:#ffa902}@media (min-width:34em){.uc_healthFooter__links{width:50%}.uc_healthFooter__links--blue{width:100%}}@media (min-width:44em){.uc_healthFooter__links{width:33.333333%}.uc_healthFooter__links ul{margin:1.5em 0 0}.uc_healthFooter__links--blue ul{margin:0}}@media (min-width:68em){.uc_healthFooter__contact{width:30%;max-width:25em}.uc_healthFooter__links{width:23%;margin-top:2em;max-width:15em}}.uc_healthFooter__link{text-align:left!important;color:inherit;font-size:1em;padding:.5em 0;position:relative;transition:color .15s cubic-bezier(.66,.01,.36,1)}.uc_healthFooter__link::after,.uc_healthFooter__link::before{content:"";position:absolute;bottom:.5em;border-color:inherit;border-bottom:1px solid;height:0;width:0;transition:width .15s cubic-bezier(.66,.01,.36,1)}.uc_healthFooter__link::before{left:0}.uc_healthFooter__link::after{right:0}.uc_healthFooter__link:hover::after,.uc_healthFooter__link:hover::before{width:50%}.uc_healthFooter__text{text-align:left!important;display:inline-block;padding:.5em 0}.uc_healthFooter__subNav{background-color:#000e2f;color:#ccc}.uc_healthFooter__subNavInner{max-width:84em;margin:0 auto;box-sizing:border-box;padding:2em 1em}.uc_healthFooter__subNavInner .uc_healthFooter__link,.uc_healthFooter__subNavInner .uc_healthFooter__text{margin:.5em 3em .5em 1em}.uc_healthFooter__subNavInner .uc_healthFooter__link{display:inline-block}.uc_healthFooter__subNavInner .uc_healthFooter__link:hover{color:#fff}.uc_banner{font-size:16px}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:Prompt,sans-serif}.master-wrapper::after{content:"mobile";display:block;visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}@media only screen and (min-width:38em){.master-wrapper::after{content:"tablet"}}@media only screen and (min-width:48em){.master-wrapper::after{content:"tabletLarge"}}@media only screen and (min-width:62em){.master-wrapper::after{content:"desktop"}}.pageHeader{background-color:#666}.pageHeader__titles{float:left}.uc_title__levelTwo{color:#757c7c}.uc_title__levelOne{color:#fff}.pageHeader__actionButtons{float:left;width:100%;height:3em}.pageHeader__actionButton{display:block;float:right;width:40%;height:2em;max-width:8em;margin:.5em;text-align:center;line-height:2em;color:#636263;font-weight:700;text-decoration:none;background-color:#3a3f4e;transition:color .15s cubic-bezier(.6,.06,.59,1),background-color .15s cubic-bezier(.6,.06,.59,1)}.pageHeader__actionButton:hover{background-color:#0f1937;color:#fff}.pageNav{width:100vw;background-color:#383838;border-top:.2em solid #161616!important;border-bottom:.75em solid}.u-degreesColor .pageNav{border-color:#C1133D}.u-concentrationsColor .pageNav{border-color:#EF7C02}.u-campusesColor .pageNav{border-color:#1982BE}.u-for-studentsColor .pageNav{border-color:#76B700}.u-about-usColor .pageNav{border-color:#9A2D98}.u-our-workColor .pageNav{border-color:#f3D33D}.u-talk-to-usColor .pageNav{border-color:#6c686c}.u-how-to-applyColor .pageNav{border-color:#194472}.pageNav__toggle{display:none}.pageNav__toggleLabel{box-sizing:border-box;display:block;width:2em;height:2em;margin:.5em;padding:0;border:0;outline:0;cursor:pointer;background-color:transparent;position:relative}.pageNav__toggleLabelBar{width:2em;height:.15em;background-color:#fff;position:absolute}.pageNav__toggleLabelBar--top{left:50%;top:25%;transform:translate(-50%,-50%) rotate(0);transition:transform 125ms cubic-bezier(.6,.06,.59,1),top 125ms cubic-bezier(.6,.06,.59,1) 125ms}.pageNav__toggle:checked~.pageNav__toggleLabel>.pageNav__toggleLabelBar--top{top:50%;transform:translate(-50%,-50%) rotate(45deg);transition:transform 125ms cubic-bezier(.6,.06,.59,1) 125ms,top 125ms cubic-bezier(.6,.06,.59,1)}.pageNav__toggleLabelBar--middle{left:50%;top:50%;opacity:1;transform:translate(-50%,-50%);transition:opacity 125ms cubic-bezier(.6,.06,.59,1) 125ms}.pageNav__toggle:checked~.pageNav__toggleLabel>.pageNav__toggleLabelBar--middle{opacity:0;transition:opacity 125ms cubic-bezier(.6,.06,.59,1)}.pageNav__toggleLabelBar--bottom{left:50%;top:75%;transform:translate(-50%,-50%) rotate(180deg);transition:transform 125ms cubic-bezier(.6,.06,.59,1),top 125ms cubic-bezier(.6,.06,.59,1) 125ms}.pageNav__toggle:checked~.pageNav__toggleLabel>.pageNav__toggleLabelBar--bottom{top:50%;transform:translate(-50%,-50%) rotate(135deg);transition:transform 125ms cubic-bezier(.6,.06,.59,1) 125ms,top 125ms cubic-bezier(.6,.06,.59,1)}.pageNav__toggle:checked~.pageNav__inner{height:12em}.pageNav__inner{width:100%;height:0;overflow-y:hidden;transition:height .25s cubic-bezier(.6,.06,.59,1)}.pageNav__link::before,.subPageNav__link::before{content:"";top:50%;width:0;height:0}.pageNav__link{display:block;font-size:.8em;line-height:2.5em;font-weight:700;color:#aaa;padding-left:.5em;transform:translateX(0);transition:transform .15s cubic-bezier(.6,.06,.59,1),color .15s cubic-bezier(.6,.06,.59,1)}.pageNav__link::before{position:absolute;left:0;border-color:inherit;border-left:.5em solid;border-top:.433em solid transparent;border-bottom:.433em solid transparent;opacity:0;transform:translate(.2em,-65%);transition:transform .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.pageNav__link:hover{color:#fff;transform:translateX(.5em)}.pageNav__link:hover::before{opacity:1;transform:translate(-.2em,-65%)}.pageNav__link--degrees{border-color:#C1133D}.pageNav__link--degrees::hover{background-color:#C1133D}.pageNav__link--degrees.active,.pageNav__link--degrees:hover{color:#C1133D}.pageNav__link--concentrations{border-color:#EF7C02}.pageNav__link--concentrations::hover{background-color:#EF7C02}.pageNav__link--concentrations.active,.pageNav__link--concentrations:hover{color:#EF7C02}.pageNav__link--campuses{border-color:#1982BE}.pageNav__link--campuses::hover{background-color:#1982BE}.pageNav__link--campuses.active,.pageNav__link--campuses:hover{color:#1982BE}.pageNav__link--for-students{border-color:#76B700}.pageNav__link--for-students::hover{background-color:#76B700}.pageNav__link--for-students.active,.pageNav__link--for-students:hover{color:#76B700}.pageNav__link--about-us{border-color:#9A2D98}.pageNav__link--about-us::hover{background-color:#9A2D98}.pageNav__link--about-us.active,.pageNav__link--about-us:hover{color:#9A2D98}.pageNav__link--our-work{border-color:#f3D33D}.pageNav__link--our-work::hover{background-color:#f3D33D}.pageNav__link--our-work.active,.pageNav__link--our-work:hover{color:#f3D33D}.pageNav__link--talk-to-us{border-color:#6c686c}.pageNav__link--talk-to-us::hover{background-color:#6c686c}.pageNav__link--talk-to-us.active,.pageNav__link--talk-to-us:hover{color:#6c686c}.pageNav__link--how-to-apply{border-color:#194472}.pageNav__link--how-to-apply::hover{background-color:#194472}.pageNav__link--how-to-apply.active,.pageNav__link--how-to-apply:hover{color:#194472}.subPage{margin-bottom:1em}.subPageNav{margin-top:1em}.subPageNav__link{margin-left:1em;position:relative}.subPageNav__link::before{position:absolute;left:-1em;transform:translateY(-50%);border-right:.5em solid;border-color:inherit;border-top:.43em solid transparent;border-bottom:.43em solid transparent}.mainFooter__applyButton::before,.socialNav__link::before{content:"";top:50%;z-index:1;transform:translate(-50%,-50%);transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1);left:50%}.subPageAside,.subPageAside__Banner,.subPageAside__Image,.subPageBody,.subPageBody__inner{width:100%;box-sizing:border-box}.subPageMain{margin-left:-1em;margin-right:-1em}.subPageAside,.subPageBody{padding:1em;float:left}.subPageAside__inner{overflow-y:hidden}.subPageBody__inner{background-color:#f0f0f0;padding:1em}.subPageAside__Image{float:left;margin:0;overflow:hidden}.subPageAside__Image img{max-width:100%;vertical-align:bottom}.subPageAside__Banner{display:block;float:left;min-height:100%;padding:2em;text-align:center}.subPage--degrees a,.subPage--degrees h1,.subPage--degrees h2,.subPage--degrees h3,.subPage--degrees h4,.subPage--degrees h5,.subPage--degrees h6{color:#C1133D;border-color:#C1133D}.subPage--degrees .subPageAside__Banner,.subPage--degrees .subPageAside__inner{background-color:#C1133D}.subPage--degrees .subPageAside__Banner h3,.subPage--degrees .subPageAside__inner h3{color:#fff}.subPage--concentrations a,.subPage--concentrations h1,.subPage--concentrations h2,.subPage--concentrations h3,.subPage--concentrations h4,.subPage--concentrations h5,.subPage--concentrations h6{color:#EF7C02;border-color:#EF7C02}.subPage--concentrations .subPageAside__Banner,.subPage--concentrations .subPageAside__inner{background-color:#EF7C02}.subPage--concentrations .subPageAside__Banner h3,.subPage--concentrations .subPageAside__inner h3{color:#fff}.subPage--campuses a,.subPage--campuses h1,.subPage--campuses h2,.subPage--campuses h3,.subPage--campuses h4,.subPage--campuses h5,.subPage--campuses h6{color:#1982BE;border-color:#1982BE}.subPage--campuses .subPageAside__Banner,.subPage--campuses .subPageAside__inner{background-color:#1982BE}.subPage--campuses .subPageAside__Banner h3,.subPage--campuses .subPageAside__inner h3{color:#fff}.subPage--for-students a,.subPage--for-students h1,.subPage--for-students h2,.subPage--for-students h3,.subPage--for-students h4,.subPage--for-students h5,.subPage--for-students h6{color:#76B700;border-color:#76B700}.subPage--for-students .subPageAside__Banner,.subPage--for-students .subPageAside__inner{background-color:#76B700}.subPage--for-students .subPageAside__Banner h3,.subPage--for-students .subPageAside__inner h3{color:#fff}.subPage--about-us a,.subPage--about-us h1,.subPage--about-us h2,.subPage--about-us h3,.subPage--about-us h4,.subPage--about-us h5,.subPage--about-us h6{color:#9A2D98;border-color:#9A2D98}.subPage--about-us .subPageAside__Banner,.subPage--about-us .subPageAside__inner{background-color:#9A2D98}.subPage--about-us .subPageAside__Banner h3,.subPage--about-us .subPageAside__inner h3{color:#fff}.subPage--our-work a,.subPage--our-work h1,.subPage--our-work h2,.subPage--our-work h3,.subPage--our-work h4,.subPage--our-work h5,.subPage--our-work h6{color:#f3D33D;border-color:#f3D33D}.subPage--our-work .subPageAside__Banner,.subPage--our-work .subPageAside__inner{background-color:#f3D33D}.subPage--our-work .subPageAside__Banner h3,.subPage--our-work .subPageAside__inner h3{color:#fff}.subPage--talk-to-us a,.subPage--talk-to-us h1,.subPage--talk-to-us h2,.subPage--talk-to-us h3,.subPage--talk-to-us h4,.subPage--talk-to-us h5,.subPage--talk-to-us h6{color:#6c686c;border-color:#6c686c}.subPage--talk-to-us .subPageAside__Banner,.subPage--talk-to-us .subPageAside__inner{background-color:#6c686c}.subPage--talk-to-us .subPageAside__Banner h3,.subPage--talk-to-us .subPageAside__inner h3{color:#fff}.subPage--how-to-apply a,.subPage--how-to-apply h1,.subPage--how-to-apply h2,.subPage--how-to-apply h3,.subPage--how-to-apply h4,.subPage--how-to-apply h5,.subPage--how-to-apply h6{color:#194472;border-color:#194472}.subPage--how-to-apply .subPageAside__Banner,.subPage--how-to-apply .subPageAside__inner{background-color:#194472}.subPage--how-to-apply .subPageAside__Banner h3,.subPage--how-to-apply .subPageAside__inner h3{color:#fff}.mainFooter{background-color:#000;color:#fff;padding:1em 0}.mainFooter__subNav,.mainFooter__superNav{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.mainFooter__superNav{-ms-flex-pack:justify;justify-content:space-between;margin-bottom:3em}.mainFooter__subNav{-ms-flex-pack:start;justify-content:flex-start}.mainFooter__social{padding-right:2em;margin-bottom:.5em}.mainFooter__apply{margin-top:.5em}.socialNav ul{list-style:none;padding-left:0;margin:0}.socialNav li{float:left}.socialNav__link{display:block;width:3em;height:3em;border-radius:50%;margin:.5em;position:relative;border-color:#fff}.socialNav__link#facebook{background:url(../img/footer-icons/facebook.png) center/cover no-repeat}.socialNav__link#twitter{background:url(../img/footer-icons/twitter.png) center/cover no-repeat}.socialNav__link#instagram{background:url(../img/footer-icons/instagram.png) center/cover no-repeat}.socialNav__link#youtube{background:url(../img/footer-icons/youtube.png) center/cover no-repeat}.socialNav__link::before{position:absolute;width:2.75em;height:2.75em;border-radius:50%;border:1px solid;border-color:inherit;opacity:0}.socialNav__link.active::before,.socialNav__link:hover::before{width:calc(100% + 10px);height:calc(100% + 10px);opacity:1}.socialNav__link--first{margin-left:0}.mainFooter__applyButton{display:block;font-size:1.5em;color:#000;text-decoration:none;background-color:#fff;border-color:#fff;padding:1em 1.5em;position:relative}.landingNav__element,.mainFooter__subNavLink{color:#fff;display:block;text-decoration:none}.mainFooter__applyButton::before{position:absolute;width:100%;height:100%;border:1px solid;border-color:inherit;opacity:0}.degreeBanner__btn::before,.degreeCard::before{border:1px solid #C1133D;content:""}.mainFooter__applyButton.active::before,.mainFooter__applyButton:hover::before{width:calc(100% + 10px);height:calc(100% + 10px);opacity:1}.mainFooter__subNavLink{margin:.5em 1em;position:relative}.mainFooter__subNavLink::after{content:"";background-color:#fff;position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:1px;transition:width .15s cubic-bezier(.6,.06,.59,1)}.landingNav,.videoWrapper{background-color:#000}.mainFooter__subNavLink:hover::after,.videoWrapper{width:100%}.videoWrapper__inner{max-width:80em;margin:0 auto;position:relative}.videoWrapper__videoParent{position:relative;padding-bottom:56.25%;padding-top:35px;height:0;overflow:hidden}.videoWrapper__videoParent iframe{position:absolute;top:0;left:0;width:100%;height:100%}.landingNav__inner{width:100%;max-width:80em;margin:0 auto;overflow:hidden}.landingNav__element{float:left;height:15em;width:16.66666%;transition:width .15s cubic-bezier(.6,.06,.59,1);position:relative}.landingNav__element span{position:absolute;top:100%;left:0;transform-origin:0 0;transform:rotate(-90deg);white-space:nowrap;padding-left:.25em;z-index:2;font-weight:700;font-size:1.5em;text-shadow:0 0 .25em rgba(0,0,0,.25);transition:opacity .15s cubic-bezier(.6,.06,.59,1)}.landingNav__elementColorScreen{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:background-color .15s cubic-bezier(.6,.06,.59,1)}.landingNav__element--red:hover .landingNav__elementColorScreen{background-color:#C1133D}.landingNav__element--red .landingNav__elementColorScreen{background-color:rgba(193,19,61,.4)}.landingNav__element--orange:hover .landingNav__elementColorScreen{background-color:#EF7C02}.landingNav__element--orange .landingNav__elementColorScreen{background-color:rgba(239,124,2,.4)}.landingNav__element--yellow:hover .landingNav__elementColorScreen{background-color:#f3D33D}.landingNav__element--yellow .landingNav__elementColorScreen{background-color:rgba(243,211,61,.4)}.landingNav__element--green:hover .landingNav__elementColorScreen{background-color:#76B700}.landingNav__element--green .landingNav__elementColorScreen{background-color:rgba(118,183,0,.4)}.campusFixedNav,.landingNav__element--blue:hover .landingNav__elementColorScreen{background-color:#1982BE}.landingNav__element--blue .landingNav__elementColorScreen{background-color:rgba(25,130,190,.4)}.landingNav__element--purple:hover .landingNav__elementColorScreen{background-color:#9A2D98}.landingNav__element--purple .landingNav__elementColorScreen{background-color:rgba(154,45,152,.4)}.quoteModal{background-color:#383838;padding:3em 0;box-shadow:inset 0 0 1em rgba(0,0,0,.8)}.quoteModal__inner{max-width:80em;margin:0 auto;text-align:center}.quoteModal__inner h1{color:#76b700;font-size:2.5em;text-transform:uppercase}.quoteModal__inner h3{font-size:1.5em;line-height:1.4em;color:#fff}.degreeCards{margin:1em auto;max-width:24em;overflow-y:hidden}.degreeCard{display:block;float:left;width:100%;max-width:24em;margin:0 0 1em;overflow:hidden;background-color:#000;cursor:pointer;position:relative}.degreeCard::before,.degreeCard__label{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}.degreeCard::before{width:100%;height:100%;z-index:1;opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.degreeCard.active::before,.degreeCard:hover::before{width:calc(100% + -2em);height:calc(100% + -2em);opacity:1}.degreeCard__background{max-width:100%;vertical-align:bottom;transition:opacity .15s cubic-bezier(.6,.06,.59,1)}.degreeCard__label{width:80%;color:#fff;text-align:center}.degreeCard__label h1{font-size:1.25em;margin:0}.degreeCard__label h4{font-weight:lighter;margin:.5em 0 0}.degreeCard__label h4 span{padding:0 .4em}.degreeCard__learnMore{transform:translateY(-100%);opacity:0;transition:.15s cubic-bezier(.6,.06,.59,1);color:#C1133D}.degreeCard:hover .degreeCard__background{opacity:.5}.degreeCard:hover .degreeCard__learnMore{transform:translateY(50%);opacity:1}.degreeBanner{background:url(../img/degrees/degrees-redirect-bg.jpg) center/cover no-repeat;overflow-y:hidden}.degreeBanner__inner{width:100%;max-width:28em;margin:4em auto;box-sizing:border-box;padding:.5em;overflow-y:hidden;text-align:center}.degreeBanner__inner ul{margin:0;padding:0}.degreeBanner__inner li{box-sizing:border-box;list-style:none;padding:.4em;float:left}.degreeBanner__btn{box-sizing:border-box;text-align:center;display:block;padding:.5em;color:#fff;text-decoration:none;position:relative;transition:background-color .15s cubic-bezier(.6,.06,.59,1),color .15s cubic-bezier(.6,.06,.59,1)}.degreeBanner__btn:hover{background-color:#fff;color:#C1133D}.degreeBanner__btn::before{position:absolute;top:50%;left:50%;width:100%;height:100%;z-index:1;transform:translate(-50%,-50%);opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.degreeBanner__btn.active::before,.degreeBanner__btn:hover::before{width:calc(100% + .5em);height:calc(100% + .5em);opacity:1}.degreeBanner__btn--small{width:50%}.degreeBanner__btn--small a{background-color:#C1133D}.degreeBanner__btn--large{width:100%}.degreeBanner__btn--large a{background-image:linear-gradient(173deg,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 50%);padding:2em}.cameraIcon{display:inline-block;width:2em;height:2em;margin-right:.5em;vertical-align:middle;background:url(../img/degrees/camera-icon.png) center/cover no-repeat}.concentrationTile{width:90vw;height:50vw;display:block;margin:1em 2.5vw;text-decoration:none;float:left}.concentrationTile--2dAnimation{background:url(../img/concentrations/2dAnimation.jpg) center/cover no-repeat}.concentrationTile--3dAnimation{background:url(../img/concentrations/3dAnimation.jpg) center/cover no-repeat}.concentrationTile--businessStrategies{background:url(../img/concentrations/businessStrategies.jpg) center/cover no-repeat}.concentrationTile--digitalHumanities{background:url(../img/concentrations/digitalHumanities.jpg) center/cover no-repeat}.concentrationTile--gameDesign{background:url(../img/concentrations/gameDesign.jpg) center/cover no-repeat}.concentrationTile--webDesign{background:url(../img/concentrations/webDesign.jpg) center/cover no-repeat}.concentrationTile__inner{width:100%;height:100%;position:relative;background-color:transparent;transition:background-color .15s cubic-bezier(.6,.06,.59,1)}.concentrationTile__inner::before,.concentrationTile__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.concentrationTile__inner::before{content:"";width:100%;height:100%;z-index:1;border:1px solid #EF7C02;opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.concentrationTile__inner.active::before,.concentrationTile__inner:hover::before{width:calc(100% + -1.5em);height:calc(100% + -1.5em);opacity:1}.concentrationTile__inner:hover{background-color:rgba(0,0,0,.5)}.concentrationTile__text{width:60%;text-align:center;color:#fff;font-weight:700;background:rgba(239,124,2,.8);padding:.5em;transition:background-color .15s cubic-bezier(.6,.06,.59,1),color .15s cubic-bezier(.6,.06,.59,1)}.concentrationTile__inner:hover .concentrationTile__text{color:#EF7C02;background-color:transparent}.concentrationInfoContainer{display:none;position:relative}.concentrationInfo{z-index:0;position:absolute;top:0;left:0;opacity:0;width:100%;transition:opacity .3s cubic-bezier(.6,.06,.59,1)}.concentrationInfo.active{opacity:1;z-index:1;position:relative}.concentrationInfo h1{box-sizing:border-box;color:#fff;font-size:1.5em;text-align:center;width:100%;padding:.5em;background-color:#EF7C02}.concentrationInfo li{margin:.3em 0}.concentrationInfo h3{box-sizing:border-box;color:#EF7C02;text-align:center;width:100%;padding:.5em;border:.25em solid #EF7C02}.forStudentsTile,.ourWorkTile{padding:1em;float:left;box-sizing:border-box}.concentrationInfo__button{display:block;width:50%;font-weight:700;color:#EF7C02;text-decoration:none;margin-bottom:1em}.concentrationInfo__button:hover{text-decoration:underline}.ourWorkTiles{margin:2em 0;overflow-y:hidden}.ourWorkTile{margin:0;width:100%}.ourWorkTile__inner{width:100%;max-width:20em;text-decoration:none}.ourWorkTile__inner:hover .ourWorkTile__image img{transform:scale(1.2)}.ourWorkTile__inner:hover .ourWorkTile__caption--hover{height:3em}.ourWorkTile__image{width:100%;height:100%;overflow:hidden}.ourWorkTile__image img{width:100%;vertical-align:bottom;transform:scale(1);transition:transform .2s cubic-bezier(.6,.06,.59,1)}.ourWorkTile__caption{width:100%;height:3em;position:relative}.ourWorkTile__caption span{position:absolute;bottom:0;display:block;width:100%;text-align:center;line-height:3em;color:#7a7878;font-size:.9em}.ourWorkTile__caption--hover{position:absolute;overflow:hidden;background-color:#f3D33D;bottom:0;height:.1em;transition:height .2s cubic-bezier(.6,.06,.59,1)}.ourWorkTile__caption--hover span{color:#fff;font-weight:700}.forStudentsTiles{margin:2em 0;overflow-y:hidden}.forStudentsTile{margin:0;width:100%}.forStudentsTile__inner{display:block;width:100%;max-width:30em;margin:0 auto;text-decoration:none;position:relative;overflow-y:hidden}.forStudentsTile__inner::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;z-index:2;transform:translate(-50%,-50%);border:1px solid #76B700;opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.campusHeader__link::before,.campus__inner::before{content:"";z-index:1;border:1px solid #1982BE}.forStudentsTile__inner.active::before,.forStudentsTile__inner:hover::before{width:calc(100% + -1em);height:calc(100% + -1em);opacity:1}.forStudentsTile__inner:hover .forStudentsTile__image img{transform:scale(1.2)}.forStudentsTile__inner:hover .forStudentsTile__caption{background-color:rgba(0,0,0,.5)}.forStudentsTile__inner:hover .forStudentsTile__caption span{background-color:#76B700;color:#fff}.forStudentsTile__image{width:100%;height:100%;overflow:hidden}.forStudentsTile__image img{width:100%;vertical-align:bottom;transform:scale(1);transition:transform .2s cubic-bezier(.6,.06,.59,1)}.forStudentsTile__caption{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background-color:transparent;transition:background-color .2s cubic-bezier(.6,.06,.59,1)}.forStudentsTile__caption span{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#76B700;font-weight:700;background-color:rgba(0,0,0,.7);font-size:1em;text-align:center;padding:1em 2em;transition:color .2s cubic-bezier(.6,.06,.59,1),background-color .2s cubic-bezier(.6,.06,.59,1)}.campuses{margin:1em 0}.campus{box-sizing:border-box;width:100%;float:left;padding:1em;margin:0}.campus__inner{color:#fff;background-color:#000;text-decoration:none;display:block;width:100%;position:relative;overflow:hidden}.campus__explore,.campus__inner::before,.campus__title{position:absolute;top:50%;left:50%}.campus__inner::before{width:100%;height:100%;transform:translate(-50%,-50%);opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.campus__inner.active::before,.campus__inner:hover::before{width:calc(100% + -2em);height:calc(100% + -2em);opacity:1}.campus__inner:hover .campus__explore{background-color:#fff;color:#1982BE}.campus__inner:hover .campus__background{opacity:.3}.campus__background{width:100%;height:auto;vertical-align:bottom;opacity:1;transition:opacity .15s cubic-bezier(.6,.06,.59,1)}.campusHeader__link,.campus__explore{transition:color .15s cubic-bezier(.6,.06,.59,1),background-color .15s cubic-bezier(.6,.06,.59,1)}.campus__title{transform:translate(-50%,-120%);font-size:3em;text-shadow:0 0 .5em rgba(0,0,0,.5)}.campus__explore{transform:translate(-50%,30%);font-size:1.2em;background:#1982BE;text-align:center;line-height:1.5em;width:10em}.campusesQuoteModal{width:100vw;height:20vw;min-height:15em;background:url(../img/campuses/banner.jpg) center/cover no-repeat}.campusesQuoteModal__inner{width:100%;height:100%;background-color:rgba(0,0,0,.8);position:relative}.campusesQuoteModal__inner blockquote{margin:0;color:#fff;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:40em}.campusesQuoteModal__inner blockquote footer{color:#1982BE;text-align:center}.campusHeader{box-sizing:border-box;padding:2em}.campusHeader__name{font-size:3em;color:#fff;text-shadow:0 0 .5em rgba(0,0,0,.1);text-align:center;padding:1em 0;margin:0}.campusHeader__nav{margin:0 auto;max-width:48em}.campusHeader__nav ul{margin:0;padding:0;text-align:center}.campusHeader__nav li{list-style:none;display:inline-block}.campusHeader__link{display:block;color:#fff;text-decoration:none;font-weight:700;font-size:1.2em;padding:1em;background-color:rgba(25,130,190,.8);margin:.5em;position:relative}.campusHeader__link:hover{color:#1982BE;background-color:#fff}.campusHeader__link::before{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.campusHeader__link.active::before,.campusHeader__link:hover::before{width:calc(100% + .5em);height:calc(100% + .5em);opacity:1}.campusFixedNav{position:fixed;top:0;left:0;z-index:5;width:100vw;text-align:center;opacity:0;transform:translateY(-50%);transition:opacity .15s cubic-bezier(.6,.06,.59,1),transform .15s cubic-bezier(.6,.06,.59,1)}.campusFixedNav ul{text-align:center;margin:0 auto;padding:0}.campusFixedNav li{list-style:none;display:inline-block}.campusFixedNav.campusFixedNav--show{opacity:1;transform:translateY(0)}.campusFixedNav__link{display:block;line-height:2.5em;padding:0 .75em;background-color:transparent;text-decoration:none;font-weight:700;color:#fff}.campusFixedNav__link:hover{background-color:rgba(0,0,0,.1)}.campusSection{padding-top:1em;max-width:60em;margin:0 auto;overflow-y:hidden}.contactImg,.livingLearningImg,.studentStory img{max-width:100%;display:block}.campusSection h1{text-align:center;color:#000;text-transform:uppercase;padding:0 .5em;margin:.5em 0;font-size:2em;position:relative}.campusSection h1::after{content:'';position:absolute;left:50%;bottom:0;height:.1em;background-color:#1982BE;width:10em;transform:translateX(-50%)}.labsImg img,.studentStory img{height:auto;vertical-align:bottom}.campusSection h3{color:grey;text-transform:uppercase}.campusSection h4{margin:0;font-weight:400}.campusSection a{color:#1982BE;text-decoration:none}.campusSection a:hover{text-decoration:underline}.aboutUsTile__inner,.applyCampus__link,.contactCard,.contactCard__bottomInner a{text-decoration:none}.campusSection blockquote{margin:0}.campusSectionRow{width:100%;overflow-y:hidden}.campusSectionFull,.campusSectionHalf{float:left;width:100%;box-sizing:border-box;padding:1em;text-align:left}.livingLearningImg{width:30em;margin:0 auto;vertical-align:bottom}.studentStory img{margin:0 auto 1em}.labsImg{float:left;width:100%;box-sizing:border-box;padding:.1em;margin:0}.labsImg img{width:100%}.contactImg{width:25em;margin:0 auto;vertical-align:bottom}.campusTop{display:block;width:100%;text-align:center;font-weight:700}.aboutUsTiles{max-width:60em;margin:0 auto;overflow-y:hidden;padding:.5em 0}.aboutUsTile{box-sizing:border-box;margin:0 auto;max-width:30em;width:100%;padding:.5em}.aboutUsTile__inner{display:block;color:#fff;width:100%;height:100%;position:relative}.aboutUsTile__inner img{max-width:100%;margin:0 auto;display:block;vertical-align:text-bottom}.aboutUsTile--large{max-width:100%}.aboutUsTile--large .aboutUsTile__caption{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.aboutUsTile--large .aboutUsTile__caption img{width:2.5em;height:2.5em;float:left;margin-right:.5em;display:none}.aboutUsTile--large .aboutUsTile__captionText{float:left;width:15em;font-size:1.2em;font-weight:700;margin:0;text-align:center}.aboutUsTile--small .aboutUsTile__inner::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;z-index:10;transform:translate(-50%,-50%);border:1px solid #9A2D98;opacity:0;transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.aboutUsTile--small .aboutUsTile__inner.active::before,.aboutUsTile--small .aboutUsTile__inner:hover::before{width:calc(100% + -1em);height:calc(100% + -1em);opacity:1}.aboutUsTile--small .aboutUsTile__inner .aboutUsTile__caption{position:absolute;top:50%;left:50%;width:calc(100% - 2em);height:calc(100% - 2em);transform:translate(-50%,-50%);background-color:rgba(0,0,0,.75);transition:width .15s cubic-bezier(.6,.06,.59,1),height .15s cubic-bezier(.6,.06,.59,1)}.aboutUsTile--small .aboutUsTile__inner .aboutUsTile__captionText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;margin:0}.aboutUsTile--small .aboutUsTile__inner:hover .aboutUsTile__caption{width:100%;height:100%}.contactCards{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:distribute;justify-content:space-around}.contactCard__outer{width:100%;float:left}.contactCard{width:100%;max-width:14em;margin:1.5em auto;display:block;color:#000}.contactCard--red hr{border-color:#c41f40}.contactCard--orange hr{border-color:#ef7d22}.contactCard--yellow hr{border-color:#f2d43c}.contactCard--green hr{border-color:#73b843}.contactCard--blue hr{border-color:#1f83c0}.contactCard__top{width:100%;margin:0;position:relative;min-height:100%}.contactCard__top img{width:50%;height:auto;display:block}.contactCard__top figcaption{display:block;width:50%;padding-left:.5em;position:absolute;left:50%;top:100%;transform:translateY(-100%)}#all,.contactModal{top:50%;left:50%;position:fixed}.contactCard__top h3{margin:0;font-size:.7em}.contactCard__top h3:last-child{color:#8d848d}.contactCard__bottom{width:100%;margin:0;background-color:#383638;overflow-y:hidden}.contactCard__bottom hr{margin-bottom:.75em}.contactCard__bottomInner{padding:.75em .75em .25em}.contactCard__bottomInner a,.contactCard__bottomInner h4{color:#e4e4e4;text-transform:uppercase}.contactCard__bottomInner h4{margin:0 0 .1em;font-size:.6em}#all{z-index:999}.contactModal{display:block;opacity:0;z-index:-999;transform:translate(-50%,-55%);width:100vw;max-width:50em;height:100%;max-height:50em;box-sizing:border-box;padding:1em;transition:transform .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1),z-index .1ms linear .15s}.contactModal__inner{width:100%;height:100%;box-shadow:0 0 1em rgba(56,54,56,.5);background-color:#fff}.contactModal:target{opacity:1;z-index:3;transition:transform .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1);transform:translate(-50%,-50%)}.contactModal:target+.contactModal__cover{opacity:1;z-index:2;transition:opacity .1s cubic-bezier(.6,.06,.59,1)}.contactModal__cover{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-999;opacity:0;background-color:rgba(255,255,255,.95);cursor:default;transition:opacity .1s cubic-bezier(.6,.06,.59,1) .15s,z-index .1ms linear .25s}.contactModal--red .contactModal__header{background-color:#c41f40}.contactModal--orange .contactModal__header{background-color:#ef7d22}.contactModal--yellow .contactModal__header{background-color:#f2d43c}.contactModal--green .contactModal__header{background-color:#73b843}.contactModal--blue .contactModal__header{background-color:#1f83c0}.contactModal--red .contactModal__bodyInfo a,.contactModal--red .contactModal__footer a:hover{color:#c41f40}.contactModal--orange .contactModal__bodyInfo a,.contactModal--orange .contactModal__footer a:hover{color:#ef7d22}.contactModal--yellow .contactModal__bodyInfo a,.contactModal--yellow .contactModal__footer a:hover{color:#f2d43c}.contactModal--green .contactModal__bodyInfo a,.contactModal--green .contactModal__footer a:hover{color:#73b843}.contactModal--blue .contactModal__bodyInfo a,.contactModal--blue .contactModal__footer a:hover{color:#1f83c0}.contactModal__header{width:100%;height:6em;position:relative;color:#fff}.contactModal__header h1{margin:0;padding:.5em .5em 0;line-height:1em}.contactModal__header h3{padding:.5em 1em 1em;margin:0}.contactModal__body{box-sizing:border-box;width:100%;height:calc(100% - 8em);overflow-y:scroll;-webkit-overflow-scrolling:touch;padding:1em}.contactModal__footer{line-height:2em;width:100%;background-color:#383638}.contactModal__footer a{color:#fff;text-decoration:none;font-weight:700;padding-left:.5em}.contactModal__bodyInfo{margin:0;font-weight:700}.contactModal__bodyInfo a:hover{color:#383638}.applyCampus{width:100%;float:left;padding:2em;box-sizing:border-box}.applyCampus__inner{width:100%;margin:0}.applyCampus__inner img{max-width:100%}.applyCampus__inner figcaption{border-left:.1em solid #194472;margin:.5em 0 0 .2em;box-sizing:border-box;padding-left:1em}.applyCampus__inner figcaption h1{font-size:3em;padding:.4em 0 .2em;margin:0}.applyCampus__link{color:#7a7878;display:block;font-weight:700;letter-spacing:.1em;padding:.2em 0;position:relative;transform:translateX(0);transition:transform .15s cubic-bezier(.6,.06,.59,1),color .15s cubic-bezier(.6,.06,.59,1)}.applyCampus__link::before{content:"";position:absolute;left:0;top:.5em;width:0;height:0;border-top:.433em solid transparent;border-bottom:.433em solid transparent;border-left:.5em solid #194472;opacity:0;transform:translateX(0);transition:transform .15s cubic-bezier(.6,.06,.59,1),opacity .15s cubic-bezier(.6,.06,.59,1)}.applyCampus__link:hover{color:#000;transform:translateX(.5em)}.applyCampus__link:hover::before{opacity:1;transform:translateX(-1em)}.u-t-left{text-align:left}.u-t-right{text-align:right}.u-container{padding:0 1em;display:block;max-width:80em;overflow-y:hidden;margin-left:auto;margin-right:auto}.u-blackBG{background-color:#000}.u-degreesColor .u-backgroundColor,.u-degreesColor .u-h-backgroundColor:hover,.u-degreesColor .u-s-backgroundColor::after,.u-degreesColor .u-s-backgroundColor::before{background-color:#C1133D}.u-indent{margin-left:2em}.u-degreesColor .u-color{color:#C1133D}.u-degreesColor .u-borderColor{border-color:#C1133D}.u-concentrationsColor .u-backgroundColor,.u-concentrationsColor .u-h-backgroundColor:hover,.u-concentrationsColor .u-s-backgroundColor::after,.u-concentrationsColor .u-s-backgroundColor::before{background-color:#EF7C02}.u-concentrationsColor .u-color{color:#EF7C02}.u-concentrationsColor .u-borderColor{border-color:#EF7C02}.u-campusesColor .u-backgroundColor,.u-campusesColor .u-h-backgroundColor:hover,.u-campusesColor .u-s-backgroundColor::after,.u-campusesColor .u-s-backgroundColor::before{background-color:#1982BE}.u-campusesColor .u-color{color:#1982BE}.u-campusesColor .u-borderColor{border-color:#1982BE}.u-for-studentsColor .u-backgroundColor,.u-for-studentsColor .u-h-backgroundColor:hover,.u-for-studentsColor .u-s-backgroundColor::after,.u-for-studentsColor .u-s-backgroundColor::before{background-color:#76B700}.u-for-studentsColor .u-color{color:#76B700}.u-for-studentsColor .u-borderColor{border-color:#76B700}.u-about-usColor .u-backgroundColor,.u-about-usColor .u-h-backgroundColor:hover,.u-about-usColor .u-s-backgroundColor::after,.u-about-usColor .u-s-backgroundColor::before{background-color:#9A2D98}.u-about-usColor .u-color{color:#9A2D98}.u-about-usColor .u-borderColor{border-color:#9A2D98}.u-our-workColor .u-backgroundColor,.u-our-workColor .u-h-backgroundColor:hover,.u-our-workColor .u-s-backgroundColor::after,.u-our-workColor .u-s-backgroundColor::before{background-color:#f3D33D}.u-our-workColor .u-color{color:#f3D33D}.u-our-workColor .u-borderColor{border-color:#f3D33D}.u-talk-to-usColor .u-backgroundColor,.u-talk-to-usColor .u-h-backgroundColor:hover,.u-talk-to-usColor .u-s-backgroundColor::after,.u-talk-to-usColor .u-s-backgroundColor::before{background-color:#6c686c}.u-talk-to-usColor .u-color{color:#6c686c}.u-talk-to-usColor .u-borderColor{border-color:#6c686c}.u-how-to-applyColor .u-backgroundColor,.u-how-to-applyColor .u-h-backgroundColor:hover,.u-how-to-applyColor .u-s-backgroundColor::after,.u-how-to-applyColor .u-s-backgroundColor::before{background-color:#194472}.u-how-to-applyColor .u-color{color:#194472}.u-how-to-applyColor .u-borderColor{border-color:#194472}@media screen and (min-width:38em){.subPageAside__Banner,.subPageAside__Image{width:50%}.concentrationTile{width:40vw;height:25vw;margin:1em 3.7vw}.forStudentsTile,.labsImg,.ourWorkTile{width:50%}.campus__title{font-size:3.5em}.aboutUsTile{max-width:50%;float:left}.aboutUsTile--large{max-width:100%}.aboutUsTile--large .aboutUsTile__caption{width:21em}.aboutUsTile--large .aboutUsTile__caption img{display:block}.aboutUsTile--large .aboutUsTile__captionText{text-align:left}.contactCard__outer{width:50%}}@media screen and (min-width:48em){.pageNav .u-container{padding:0}.pageNav__toggleLabel{display:none}.pageNav__inner{height:3em!important}.pageNav__link{width:16.6%;float:left;box-sizing:border-box;margin:.5em 0;padding:0;text-align:center}.pageNav__link::before{top:100%;left:0;width:100%;height:1em;opacity:1;border:none}.pageNav__link:hover{transform:translate(0,0)}.pageHeader__actionButtons{float:right;width:20em;margin-top:1.8em}.subPageBody{width:60%}.subPageAside{width:40%}.subPageAside__Banner,.subPageAside__Image{width:100%}.degreeCards{max-width:100%;margin:2em auto}.degreeCard{width:30%;max-width:30%;margin:0}.degreeCard:nth-child(2){margin:0 5%}.forStudentsTile,.ourWorkTile{width:33.33333%}.applyCampus,.campus,.campusSectionHalf{width:50%}.campus__title{font-size:4em}.contactCard__outer{width:33.33333%}}@media screen and (min-width:62em){.pageNav__link{border-left:1px solid grey}.pageNav__link:first-child{border-left:none}.degreeCard__label h1{font-size:1.75em}.concentrationTiles{width:60%;float:left}.concentrationTile{width:45%;height:15em;margin:1em 1.25%}.concentrationTile__inner.active{background-color:rgba(0,0,0,.5)}.concentrationTile__inner.active .concentrationTile__text{color:#EF7C02;background-color:transparent}.concentrationInfoContainer{display:block;width:40%;float:left}.aboutUsTile{max-width:20em}.aboutUsTile--large{max-width:40em}.campus__title{font-size:5em}.applyCampus__inner figcaption h1{font-size:4em}.contactCard__outer{width:25%}}
\ No newline at end of file
diff --git a/dist/css/scss/uconn.css b/dist/css/scss/uconn.css
new file mode 100644
index 0000000..85bc805
--- /dev/null
+++ b/dist/css/scss/uconn.css
@@ -0,0 +1,430 @@
+/* uconn.css v1.0.0 */
+@font-face {
+ font-family: "UConn";
+ src: url("//uconn.edu/shared/fonts/uconn/uconn.eot");
+ src: url("//uconn.edu/shared/fonts/uconn/uconn.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/uconn/uconn.svg#uconnregular") format("svg"), url("//uconn.edu/shared/fonts/uconn/uconn.woff") format("woff"), url("//uconn.edu/shared/fonts/uconn/uconn.ttf") format("truetype");
+ font-weight: normal;
+ font-style: normal; }
+
+.uc_font--uconn {
+ font-family: "UConn";
+ letter-spacing: 3px;
+ font-size: 50px; }
+
+@font-face {
+ font-family: "Proxima Nova";
+ src: url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot");
+ src: url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.svg#proxima_nova_ltsemibold") format("svg"), url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.ttf") format("truetype");
+ font-weight: bold;
+ font-style: normal; }
+
+@font-face {
+ font-family: "Proxima Nova";
+ src: url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot");
+ src: url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.svg#proxima_novabold_italic") format("svg"), url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.ttf") format("truetype");
+ font-weight: bold;
+ font-style: italic; }
+
+@font-face {
+ font-family: "Proxima Nova";
+ src: url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot");
+ src: url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold") format("svg"), url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.ttf") format("truetype");
+ font-weight: 500;
+ font-style: normal; }
+
+@font-face {
+ font-family: "Proxima Nova";
+ src: url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot");
+ src: url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular") format("svg"), url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.ttf") format("truetype");
+ font-weight: normal;
+ font-style: normal; }
+
+@font-face {
+ font-family: "Proxima Nova";
+ src: url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot");
+ src: url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.svg#proxima_novaregular_italic") format("svg"), url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.ttf") format("truetype");
+ font-weight: normal;
+ font-style: italic; }
+
+.uc_font--proxima-nova {
+ font-family: "Proxima Nova", Verdana, Arial, Helvetica, sans-serif; }
+
+@font-face {
+ font-family: 'icons';
+ src: url("//uconn.edu/shared/fonts/icons/icons.eot");
+ src: url("//uconn.edu/shared/fonts/icons/icons.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/icons/icons.ttf") format("truetype"), url("//uconn.edu/shared/fonts/icons/icons.woff") format("woff"), url("//uconn.edu/shared/fonts/icons/icons.svg#icons") format("svg");
+ font-weight: normal;
+ font-style: normal; }
+
+.icon-a-z,
+.icon-search {
+ font-family: 'icons';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale; }
+
+.icon-a-z:before {
+ content: "\e600"; }
+
+.icon-search:before {
+ content: "\e601"; }
+
+.uc_banner {
+ background-color: #000e2f;
+ height: 4em; }
+
+.uc_banner__inner {
+ max-width: 75em;
+ margin: auto;
+ box-sizing: border-box;
+ padding: 0 2em; }
+
+.uc_banner__logo {
+ color: white;
+ font-size: 2.5em;
+ float: left;
+ margin: 0;
+ line-height: 1.55em; }
+
+.uc_banner__name {
+ display: none;
+ float: left;
+ color: #9faab2;
+ font-size: 1em;
+ width: 11em;
+ letter-spacing: 0.055em;
+ word-spacing: 0.02em;
+ padding-left: 0.75em;
+ margin: 1em 0;
+ font-weight: bold;
+ font-style: normal;
+ line-height: 2em; }
+ .uc_banner__name.uc_banner__name--large {
+ font-size: 1.5em;
+ line-height: 1.2em;
+ margin: 0.6666em 0;
+ color: white; }
+ .uc_banner__name.uc_banner__name--collapse {
+ line-height: 1em; }
+ .uc_banner__name.uc_banner__name--borderLeft {
+ border-left: 2px solid #3f4760;
+ padding-left: 0.25em; }
+ @media (min-width: 34em) {
+ .uc_banner__name {
+ display: block; } }
+ @media (min-width: 38em) {
+ .uc_banner__name {
+ width: auto; }
+ .uc_banner__name.uc_banner__name--collapse {
+ line-height: 2em; } }
+
+.uc_banner__buttons {
+ display: none;
+ float: right;
+ height: 2.3em;
+ width: 5.25em;
+ margin: 0.8em 0;
+ position: relative;
+ z-index: 2; }
+ @media (min-width: 23em) {
+ .uc_banner__buttons {
+ display: block; } }
+
+.uc_banner__button {
+ display: block;
+ color: white;
+ background-color: #1a4798;
+ text-decoration: none;
+ width: 2.3em;
+ height: 2.3em;
+ text-align: center;
+ vertical-align: top; }
+ .uc_banner__button span {
+ font-size: 1.5em;
+ line-height: 1.533em; }
+ .uc_banner__button:hover {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:hover span {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:visited {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:visited span {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:focus {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:focus span {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:active {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:active span {
+ color: white !important;
+ text-decoration: none !important; }
+
+.uc_banner__button--search {
+ float: left; }
+
+.uc_banner__button--az {
+ float: right; }
+
+.uc_banner__searchForm {
+ position: absolute;
+ z-index: -1;
+ top: 0;
+ left: 0;
+ height: 2.3em;
+ transform: translateX(-100%);
+ box-sizing: border-box;
+ width: 15em;
+ transition: width 0.25s ease, opacity 0.25s ease-out,transform 0.25s ease;
+ background-color: #0f2857;
+ border: 0.1em solid #1a4798;
+ opacity: 0;
+ transform: translateX(-90%); }
+ .uc_banner__searchForm.active {
+ outline: none;
+ opacity: 1;
+ transform: translateX(-100%); }
+
+.uc_banner__searchBar {
+ display: block;
+ float: left;
+ width: 12.5em;
+ height: 100%;
+ box-sizing: border-box;
+ background: transparent;
+ color: white;
+ border: none;
+ padding-left: 0.5em;
+ outline: none; }
+
+.uc_banner__dropdownButton {
+ width: 2.3em;
+ height: 100%;
+ float: right;
+ background-color: #0f2857;
+ position: relative;
+ cursor: pointer; }
+ .uc_banner__dropdownButton:hover, .uc_banner__dropdownButton.active {
+ background-color: #13336c; }
+ .uc_banner__dropdownButton.active .uc_banner__dropdownBody {
+ opacity: 1;
+ transform: translateY(0);
+ pointer-events: all; }
+
+.uc_banner__dropdownButtonTriangle {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 0;
+ height: 0;
+ margin: -0.2165em 0 0 -0.3em;
+ border-left: 0.433em solid transparent;
+ border-right: 0.433em solid transparent;
+ border-top: 0.5em solid white; }
+
+.uc_banner__dropdownBody {
+ position: absolute;
+ top: 100%;
+ right: 0;
+ z-index: -1;
+ overflow-y: hidden;
+ background-color: white;
+ box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
+ opacity: 0;
+ transform: translateY(0.5em);
+ pointer-events: none;
+ transition: transform 0.2s ease, opacity 0.2s ease; }
+
+.uc_banner__dropdownElement {
+ white-space: nowrap;
+ line-height: 1.5em;
+ padding: 0.2em 0.5em;
+ text-align: center; }
+ .uc_banner__dropdownElement:hover {
+ color: #008cba; }
+
+.uc_banner__dropdownElement--selected {
+ background-color: #03357a;
+ color: white; }
+ .uc_banner__dropdownElement--selected:hover {
+ color: white; }
+
+.uc_healthFooter {
+ font-family: "Proxima Nova", Verdana, Arial, Helvetica, sans-serif; }
+
+.uc_healthFooter * {
+ text-align: left !important; }
+
+.uc_healthFooter__superNav {
+ background-color: #ebebeb;
+ border-top: 1px solid #ccc; }
+
+.uc_healthFooter__superNavInner {
+ width: 100%;
+ max-width: 75em;
+ margin: 0 auto;
+ overflow-y: hidden;
+ box-sizing: border-box;
+ padding: 1em; }
+
+.uc_healthFooter__contact {
+ float: left;
+ box-sizing: border-box;
+ padding: 1em;
+ width: 100%; }
+
+.uc_healthFooter__contactName {
+ line-height: 3em;
+ margin: 0.5em 0; }
+ .uc_healthFooter__contactName h1 {
+ text-align: left !important;
+ font-family: "UConn";
+ letter-spacing: 3px;
+ font-size: 50px;
+ color: #000e2f !important;
+ font-size: 3.5em;
+ font-weight: lighter;
+ display: inline-block;
+ vertical-align: middle;
+ margin: 0;
+ padding-right: 0.15em; }
+ .uc_healthFooter__contactName h3 {
+ text-align: left !important;
+ font-family: "Proxima Nova", Verdana, Arial, Helvetica, sans-serif;
+ color: #000e2f !important;
+ display: inline-block;
+ font-size: 1.5em;
+ vertical-align: middle;
+ margin: 0; }
+
+.uc_healthFooter__contactAppointment {
+ margin: 2em 0; }
+ .uc_healthFooter__contactAppointment h4 {
+ text-align: left !important;
+ color: #000e2f !important;
+ margin: 0;
+ font-size: 1.1em; }
+ .uc_healthFooter__contactAppointment h2 {
+ text-align: left !important;
+ color: #000e2f !important;
+ margin: 0;
+ font-size: 2em; }
+
+.uc_healthFooter__contactAddress {
+ font-style: normal;
+ font-size: 1.1em; }
+
+.uc_healthFooter__links {
+ text-align: left !important;
+ color: #7c878e;
+ border-color: #7c878e;
+ float: left;
+ padding: 1em;
+ box-sizing: border-box;
+ width: 100%; }
+ .uc_healthFooter__links ul {
+ padding: 0;
+ list-style: none;
+ margin: 0; }
+ .uc_healthFooter__links .uc_healthFooter__link {
+ display: inline-block; }
+ .uc_healthFooter__links .uc_healthFooter__link:hover {
+ color: #263a75; }
+ .uc_healthFooter__links li:first-child .uc_healthFooter__link {
+ padding-top: 0; }
+
+.uc_healthFooter__links--blue {
+ color: #000e2f;
+ border-color: #000e2f; }
+ .uc_healthFooter__links--blue h4 {
+ font-size: 1em;
+ margin: 0 0 0.5em; }
+ .uc_healthFooter__links--blue .uc_healthFooter__link:hover {
+ color: #ffa902; }
+
+@media (min-width: 34em) {
+ .uc_healthFooter__links {
+ width: 50%; }
+ .uc_healthFooter__links--blue {
+ width: 100%; } }
+
+@media (min-width: 44em) {
+ .uc_healthFooter__links {
+ width: 33.333333%; }
+ .uc_healthFooter__links ul {
+ margin: 1.5em 0 0; }
+ .uc_healthFooter__links--blue ul {
+ margin: 0; } }
+
+@media (min-width: 68em) {
+ .uc_healthFooter__contact {
+ width: 30%;
+ max-width: 25em; }
+ .uc_healthFooter__links {
+ width: 23%;
+ margin-top: 2em;
+ max-width: 15em; } }
+
+.uc_healthFooter__link {
+ text-align: left !important;
+ color: inherit;
+ font-size: 1em;
+ padding: 0.5em 0;
+ text-decoration: none;
+ position: relative;
+ transition: color 0.15s cubic-bezier(0.66, 0.01, 0.36, 1); }
+ .uc_healthFooter__link::before, .uc_healthFooter__link::after {
+ content: "";
+ position: absolute;
+ bottom: 0.5em;
+ border-color: inherit;
+ border-bottom: 1px solid;
+ height: 0;
+ width: 0;
+ transition: width 0.15s cubic-bezier(0.66, 0.01, 0.36, 1); }
+ .uc_healthFooter__link::before {
+ left: 0; }
+ .uc_healthFooter__link::after {
+ right: 0; }
+ .uc_healthFooter__link:hover {
+ text-decoration: none; }
+ .uc_healthFooter__link:hover::before, .uc_healthFooter__link:hover::after {
+ width: 50%; }
+
+.uc_healthFooter__text {
+ text-align: left !important;
+ display: inline-block;
+ padding: 0.5em 0; }
+
+.uc_healthFooter__subNav {
+ background-color: #000e2f;
+ color: #ccc; }
+
+.uc_healthFooter__subNavInner {
+ max-width: 75em;
+ margin: 0 auto;
+ box-sizing: border-box;
+ padding: 2em 1em; }
+ .uc_healthFooter__subNavInner .uc_healthFooter__link,
+ .uc_healthFooter__subNavInner .uc_healthFooter__text {
+ margin: 0.5em 3em 0.5em 1em; }
+ .uc_healthFooter__subNavInner .uc_healthFooter__link {
+ display: inline-block; }
+ .uc_healthFooter__subNavInner .uc_healthFooter__link:hover {
+ color: white; }
+
+.uc_banner {
+ font-size: 16px; }
diff --git a/dist/css/scss/uconn.min.css b/dist/css/scss/uconn.min.css
new file mode 100644
index 0000000..c4f8e4d
--- /dev/null
+++ b/dist/css/scss/uconn.min.css
@@ -0,0 +1 @@
+@font-face{font-family:UConn;src:url(//uconn.edu/shared/fonts/uconn/uconn.eot);src:url(//uconn.edu/shared/fonts/uconn/uconn.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/uconn/uconn.svg#uconnregular) format("svg"),url(//uconn.edu/shared/fonts/uconn/uconn.woff) format("woff"),url(//uconn.edu/shared/fonts/uconn/uconn.ttf) format("truetype");font-weight:400;font-style:normal}.uc_font--uconn{font-family:UConn;letter-spacing:3px;font-size:50px}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.svg#proxima_nova_ltsemibold) format("svg"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.svg#proxima_novabold_italic) format("svg"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold) format("svg"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular) format("svg"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.svg#proxima_novaregular_italic) format("svg"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.ttf) format("truetype");font-weight:400;font-style:italic}.uc_font--proxima-nova{font-family:"Proxima Nova",Verdana,Arial,Helvetica,sans-serif}@font-face{font-family:icons;src:url(//uconn.edu/shared/fonts/icons/icons.eot);src:url(//uconn.edu/shared/fonts/icons/icons.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/icons/icons.ttf) format("truetype"),url(//uconn.edu/shared/fonts/icons/icons.woff) format("woff"),url(//uconn.edu/shared/fonts/icons/icons.svg#icons) format("svg");font-weight:400;font-style:normal}.icon-a-z,.icon-search{font-family:icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-a-z:before{content:"\e600"}.icon-search:before{content:"\e601"}.uc_banner{background-color:#000e2f;height:4em}.uc_banner__inner{max-width:75em;margin:auto;box-sizing:border-box;padding:0 2em}.uc_banner__logo{color:#fff;font-size:2.5em;float:left;margin:0;line-height:1.55em}.uc_banner__name{display:none;float:left;color:#9faab2;font-size:1em;width:11em;letter-spacing:.055em;word-spacing:.02em;padding-left:.75em;margin:1em 0;font-weight:700;font-style:normal;line-height:2em}.uc_banner__name.uc_banner__name--large{font-size:1.5em;line-height:1.2em;margin:.6666em 0;color:#fff}.uc_banner__name.uc_banner__name--collapse{line-height:1em}.uc_banner__name.uc_banner__name--borderLeft{border-left:2px solid #3f4760;padding-left:.25em}@media (min-width:34em){.uc_banner__name{display:block}}@media (min-width:38em){.uc_banner__name{width:auto}.uc_banner__name.uc_banner__name--collapse{line-height:2em}}.uc_banner__buttons{display:none;float:right;height:2.3em;width:5.25em;margin:.8em 0;position:relative;z-index:2}@media (min-width:23em){.uc_banner__buttons{display:block}}.uc_banner__button{display:block;color:#fff;background-color:#1a4798;text-decoration:none;width:2.3em;height:2.3em;text-align:center;vertical-align:top}.uc_banner__button span{font-size:1.5em;line-height:1.533em}.uc_banner__button:active,.uc_banner__button:active span,.uc_banner__button:focus,.uc_banner__button:focus span,.uc_banner__button:hover,.uc_banner__button:hover span,.uc_banner__button:visited,.uc_banner__button:visited span{color:#fff!important;text-decoration:none!important}.uc_banner__button--search{float:left}.uc_banner__button--az{float:right}.uc_banner__searchForm{position:absolute;z-index:-1;top:0;left:0;height:2.3em;box-sizing:border-box;width:15em;transition:width .25s ease,opacity .25s ease-out,transform .25s ease;background-color:#0f2857;border:.1em solid #1a4798;opacity:0;transform:translateX(-90%)}.uc_banner__searchForm.active{outline:0;opacity:1;transform:translateX(-100%)}.uc_banner__searchBar{display:block;float:left;width:12.5em;height:100%;box-sizing:border-box;background:0 0;color:#fff;border:none;padding-left:.5em;outline:0}.uc_banner__dropdownButton{width:2.3em;height:100%;float:right;background-color:#0f2857;position:relative;cursor:pointer}.uc_banner__dropdownButton.active,.uc_banner__dropdownButton:hover{background-color:#13336c}.uc_banner__dropdownButton.active .uc_banner__dropdownBody{opacity:1;transform:translateY(0);pointer-events:all}.uc_banner__dropdownButtonTriangle{position:absolute;top:50%;left:50%;width:0;height:0;margin:-.2165em 0 0 -.3em;border-left:.433em solid transparent;border-right:.433em solid transparent;border-top:.5em solid #fff}.uc_banner__dropdownBody{position:absolute;top:100%;right:0;z-index:-1;overflow-y:hidden;background-color:#fff;box-shadow:0 0 1em rgba(0,0,0,.5);opacity:0;transform:translateY(.5em);pointer-events:none;transition:transform .2s ease,opacity .2s ease}.uc_banner__dropdownElement{white-space:nowrap;line-height:1.5em;padding:.2em .5em;text-align:center}.uc_banner__dropdownElement:hover{color:#008cba}.uc_banner__dropdownElement--selected{background-color:#03357a;color:#fff}.uc_banner__dropdownElement--selected:hover{color:#fff}.uc_healthFooter{font-family:"Proxima Nova",Verdana,Arial,Helvetica,sans-serif}.uc_healthFooter *{text-align:left!important}.uc_healthFooter__superNav{background-color:#ebebeb;border-top:1px solid #ccc}.uc_healthFooter__superNavInner{width:100%;max-width:75em;margin:0 auto;overflow-y:hidden;box-sizing:border-box;padding:1em}.uc_healthFooter__contact{float:left;box-sizing:border-box;padding:1em;width:100%}.uc_healthFooter__contactName{line-height:3em;margin:.5em 0}.uc_healthFooter__contactName h1,.uc_healthFooter__contactName h3{vertical-align:middle;margin:0;color:#000e2f!important;text-align:left!important;display:inline-block}.uc_healthFooter__contactName h1{font-family:UConn;letter-spacing:3px;font-size:3.5em;font-weight:lighter;padding-right:.15em}.uc_healthFooter__contactName h3{font-family:"Proxima Nova",Verdana,Arial,Helvetica,sans-serif;font-size:1.5em}.uc_healthFooter__contactAppointment{margin:2em 0}.uc_healthFooter__contactAppointment h4{text-align:left!important;color:#000e2f!important;margin:0;font-size:1.1em}.uc_healthFooter__contactAppointment h2{text-align:left!important;color:#000e2f!important;margin:0;font-size:2em}.uc_healthFooter__contactAddress{font-style:normal;font-size:1.1em}.uc_healthFooter__links{text-align:left!important;color:#7c878e;border-color:#7c878e;float:left;padding:1em;box-sizing:border-box;width:100%}.uc_healthFooter__links ul{padding:0;list-style:none;margin:0}.uc_healthFooter__links .uc_healthFooter__link{display:inline-block}.uc_healthFooter__links .uc_healthFooter__link:hover{color:#263a75}.uc_healthFooter__links li:first-child .uc_healthFooter__link{padding-top:0}.uc_healthFooter__links--blue{color:#000e2f;border-color:#000e2f}.uc_healthFooter__links--blue h4{font-size:1em;margin:0 0 .5em}.uc_healthFooter__links--blue .uc_healthFooter__link:hover{color:#ffa902}@media (min-width:34em){.uc_healthFooter__links{width:50%}.uc_healthFooter__links--blue{width:100%}}@media (min-width:44em){.uc_healthFooter__links{width:33.333333%}.uc_healthFooter__links ul{margin:1.5em 0 0}.uc_healthFooter__links--blue ul{margin:0}}@media (min-width:68em){.uc_healthFooter__contact{width:30%;max-width:25em}.uc_healthFooter__links{width:23%;margin-top:2em;max-width:15em}}.uc_healthFooter__link{text-align:left!important;color:inherit;font-size:1em;padding:.5em 0;text-decoration:none;position:relative;transition:color .15s cubic-bezier(.66,.01,.36,1)}.uc_healthFooter__link::after,.uc_healthFooter__link::before{content:"";position:absolute;bottom:.5em;border-color:inherit;border-bottom:1px solid;height:0;width:0;transition:width .15s cubic-bezier(.66,.01,.36,1)}.uc_healthFooter__link::before{left:0}.uc_healthFooter__link::after{right:0}.uc_healthFooter__link:hover{text-decoration:none}.uc_healthFooter__link:hover::after,.uc_healthFooter__link:hover::before{width:50%}.uc_healthFooter__text{text-align:left!important;display:inline-block;padding:.5em 0}.uc_healthFooter__subNav{background-color:#000e2f;color:#ccc}.uc_healthFooter__subNavInner{max-width:75em;margin:0 auto;box-sizing:border-box;padding:2em 1em}.uc_healthFooter__subNavInner .uc_healthFooter__link,.uc_healthFooter__subNavInner .uc_healthFooter__text{margin:.5em 3em .5em 1em}.uc_healthFooter__subNavInner .uc_healthFooter__link{display:inline-block}.uc_healthFooter__subNavInner .uc_healthFooter__link:hover{color:#fff}.uc_banner{font-size:16px}
\ No newline at end of file
diff --git a/dist/css/uconn/uconn.css b/dist/css/uconn/uconn.css
index d266567..a5673e8 100644
--- a/dist/css/uconn/uconn.css
+++ b/dist/css/uconn/uconn.css
@@ -1,220 +1,128 @@
/* uconn.css v1.0.0 */
@font-face {
- font-family: 'icons';
- src: url("//uconn.edu/shared/fonts/icons/icons.eot");
- src: url("//uconn.edu/shared/fonts/icons/icons.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/icons/icons.ttf") format("truetype"), url("//uconn.edu/shared/fonts/icons/icons.woff") format("woff"), url("//uconn.edu/shared/fonts/icons/icons.svg#icons") format("svg");
+ font-family: "UConn";
+ src: url("//uconn.edu/shared/fonts/uconn/uconn.eot");
+ src: url("//uconn.edu/shared/fonts/uconn/uconn.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/uconn/uconn.svg#uconnregular") format("svg"), url("//uconn.edu/shared/fonts/uconn/uconn.woff") format("woff"), url("//uconn.edu/shared/fonts/uconn/uconn.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
-[class*="icon-"] {
- font-family: 'icons';
- speak: none;
- font-style: normal;
- font-weight: normal;
- font-variant: normal;
- text-transform: none;
- line-height: 1;
- /* Better Font Rendering =========== */
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale; }
-
-.icon-a-z:before {
- content: "\e600"; }
-
-.icon-search:before {
- content: "\e601"; }
+.uc_font--uconn {
+ font-family: "UConn";
+ letter-spacing: 3px;
+ font-size: 50px; }
@font-face {
- font-family: "Proxima Nova";
+ font-family: "ProximaNova";
src: url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot");
src: url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.svg#proxima_nova_ltsemibold") format("svg"), url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.ttf") format("truetype");
font-weight: bold;
font-style: normal; }
@font-face {
- font-family: "Proxima Nova";
+ font-family: "ProximaNova";
src: url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot");
src: url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.svg#proxima_novabold_italic") format("svg"), url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.ttf") format("truetype");
font-weight: bold;
font-style: italic; }
@font-face {
- font-family: "Proxima Nova";
+ font-family: "ProximaNova";
src: url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot");
src: url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold") format("svg"), url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.ttf") format("truetype");
font-weight: 500;
font-style: normal; }
@font-face {
- font-family: "Proxima Nova";
+ font-family: "ProximaNova";
src: url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot");
src: url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular") format("svg"), url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.ttf") format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
- font-family: "Proxima Nova";
+ font-family: "ProximaNova";
src: url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot");
src: url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.svg#proxima_novaregular_italic") format("svg"), url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.ttf") format("truetype");
font-weight: normal;
font-style: italic; }
-.uc_font--proxima-nova, .uc_title__levelOne, .uc_title__levelTwo {
- font-family: "Proxima Nova"; }
+.uc_font--proxima-nova {
+ font-family: "ProximaNova", Verdana, Arial, Helvetica, sans-serif; }
@font-face {
- font-family: "UConn";
- src: url("//uconn.edu/shared/fonts/uconn/uconn.eot");
- src: url("//uconn.edu/shared/fonts/uconn/uconn.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/uconn/uconn.svg#uconnregular") format("svg"), url("//uconn.edu/shared/fonts/uconn/uconn.woff") format("woff"), url("//uconn.edu/shared/fonts/uconn/uconn.ttf") format("truetype");
+ font-family: 'icons';
+ src: url("//uconn.edu/shared/fonts/icons/icons.eot");
+ src: url("//uconn.edu/shared/fonts/icons/icons.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/icons/icons.ttf") format("truetype"), url("//uconn.edu/shared/fonts/icons/icons.woff") format("woff"), url("//uconn.edu/shared/fonts/icons/icons.svg#icons") format("svg");
font-weight: normal;
font-style: normal; }
-.uc_font--uconn {
- font-family: "UConn";
- letter-spacing: 3px;
- font-size: 50px; }
-
-/**
- * @name Color Classes
- * @description Sets the specified color property to the specified color.
- * @markup .uc_[COLOR NAME]-[COLOR TYPE]
- *
- * @state .uc_[COLOR NAME]-c = sets the color to COLOR NAME.
- * @state .uc_[COLOR NAME]-bg = sets the background-color to COLOR NAME.
- * @state .uc_[COLOR NAME]-bd = sets the border-color to COLOR NAME.
- */
-.uc_lightBlue-c {
- color: #03357a; }
-
-.uc_lightBlue-bg {
- background-color: #03357a; }
-
-.uc_lightBlue-bd {
- border-color: #03357a; }
-
-.uc_darkBlue-c {
- color: #01062c; }
-
-.uc_darkBlue-bg {
- background-color: #01062c; }
-
-.uc_darkBlue-bd {
- border-color: #01062c; }
-
-.uc_buttonBlue-c {
- color: #1a4798; }
-
-.uc_buttonBlue-bg {
- background-color: #1a4798; }
-
-.uc_buttonBlue-bd {
- border-color: #1a4798; }
-
-.uc_textLightBlue-c {
- color: #008cba; }
-
-.uc_textLightBlue-bg {
- background-color: #008cba; }
-
-.uc_textLightBlue-bd {
- border-color: #008cba; }
-
-.uc_textDarkBlue-c {
- color: #263a75; }
-
-.uc_textDarkBlue-bg {
- background-color: #263a75; }
-
-.uc_textDarkBlue-bd {
- border-color: #263a75; }
-
-.uc_textYellow-c {
- color: #ffa902; }
-
-.uc_textYellow-bg {
- background-color: #ffa902; }
-
-.uc_textYellow-bd {
- border-color: #ffa902; }
-
-.uc_bannerDarkBlue-c {
- color: #000e2f; }
-
-.uc_bannerDarkBlue-bg {
- background-color: #000e2f; }
-
-.uc_bannerDarkBlue-bd {
- border-color: #000e2f; }
-
-.uc_grey-c {
- color: #7C878E; }
-
-.uc_grey-bg {
- background-color: #7C878E; }
-
-.uc_grey-bd {
- border-color: #7C878E; }
-
-.uc_halfBlack-c {
- color: rgba(0, 0, 0, 0.5); }
-
-.uc_halfBlack-bg {
- background-color: rgba(0, 0, 0, 0.5); }
-
-.uc_halfBlack-bd {
- border-color: rgba(0, 0, 0, 0.5); }
+.icon-a-z,
+.icon-search {
+ font-family: 'icons';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale; }
-/**
- * @name Gradient Classes
- * @description Sets the background-image property to the specified gradient.
- * @markup .uc_[COLOR A]-to-[COLOR B]
- *
- * @state .uc_[COLOR A]-to-[COLOR B]--reverse = Reverses the order of the colors in the gradient.
- */
-.uc_lightBlue-to-darkBlue {
- background-image: linear-gradient(to bottom, #03357a, #01062c); }
+.icon-a-z:before {
+ content: "\e600"; }
-.uc_lightBlue-to-darkBlue--reverse {
- background-image: linear-gradient(to bottom, #03357a, #01062c); }
+.icon-search:before {
+ content: "\e601"; }
.uc_banner {
background-color: #000e2f;
height: 4em; }
.uc_banner__inner {
- max-width: 80em;
+ max-width: 84em;
margin: auto;
box-sizing: border-box;
- padding: 0 0.5em; }
+ padding: 0 2em; }
.uc_banner__logo {
color: white;
- font-size: 3em;
+ font-size: 2.5em;
float: left;
margin: 0;
- line-height: 1.333em; }
+ line-height: 1.55em; }
.uc_banner__name {
display: none;
float: left;
color: #9faab2;
font-size: 1em;
- width: 10em;
+ width: 11em;
letter-spacing: 0.055em;
word-spacing: 0.02em;
- padding-left: 0.25em;
+ padding-left: 0.75em;
margin: 1em 0;
font-weight: bold;
font-style: normal;
- border-left: 2px solid #3f4760;
- line-height: 1em; }
- @media (min-width: 27em) {
+ line-height: 2em; }
+ .uc_banner__name.uc_banner__name--large {
+ font-size: 1.5em;
+ line-height: 1.2em;
+ margin: 0.6666em 0;
+ color: white; }
+ .uc_banner__name.uc_banner__name--collapse {
+ line-height: 1em; }
+ .uc_banner__name.uc_banner__name--borderLeft {
+ border-left: 2px solid #3f4760;
+ padding-left: 0.25em; }
+ @media (min-width: 34em) {
.uc_banner__name {
display: block; } }
- @media (min-width: 34em) {
+ @media (min-width: 38em) {
.uc_banner__name {
- line-height: 2em;
- width: auto; } }
+ width: auto; }
+ .uc_banner__name.uc_banner__name--collapse {
+ line-height: 2em; } }
.uc_banner__buttons {
display: none;
@@ -224,7 +132,7 @@
margin: 0.8em 0;
position: relative;
z-index: 2; }
- @media (min-width: 21em) {
+ @media (min-width: 23em) {
.uc_banner__buttons {
display: block; } }
@@ -240,6 +148,30 @@
.uc_banner__button span {
font-size: 1.5em;
line-height: 1.533em; }
+ .uc_banner__button:hover {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:hover span {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:visited {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:visited span {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:focus {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:focus span {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:active {
+ color: white !important;
+ text-decoration: none !important; }
+ .uc_banner__button:active span {
+ color: white !important;
+ text-decoration: none !important; }
.uc_banner__button--search {
float: left; }
@@ -260,13 +192,11 @@
background-color: #0f2857;
border: 0.1em solid #1a4798;
opacity: 0;
- transform: translateX(-90%);
- pointer-events: none; }
+ transform: translateX(-90%); }
.uc_banner__searchForm.active {
outline: none;
opacity: 1;
- transform: translateX(-100%);
- pointer-events: all; }
+ transform: translateX(-100%); }
.uc_banner__searchBar {
display: block;
@@ -310,7 +240,6 @@
top: 100%;
right: 0;
z-index: -1;
- width: 10em;
overflow-y: hidden;
background-color: white;
box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
@@ -320,8 +249,9 @@
transition: transform 0.2s ease, opacity 0.2s ease; }
.uc_banner__dropdownElement {
- width: 10em;
- line-height: 2em;
+ white-space: nowrap;
+ line-height: 1.5em;
+ padding: 0.2em 0.5em;
text-align: center; }
.uc_banner__dropdownElement:hover {
color: #008cba; }
@@ -333,15 +263,182 @@
color: white; }
.uc_title__levelOne {
- color: #01062c;
- font-size: 1.5em; }
+ font-family: ProximaNova;
+ text-transform: capitalize;
+ font-size: 24px;
+ margin: 0 0 10px; }
.uc_title__levelOne a {
- color: inherit;
- text-decoration: none; }
+ text-decoration: none;
+ color: inherit; }
.uc_title__levelTwo {
- color: #7C878E;
- font-size: 0.9em; }
- .uc_title__levelTwo a {
- color: inherit;
+ font-size: 11px;
+ letter-spacing: 1px;
+ margin: 15px 0 5px; }
+
+.uc_healthFooter {
+ font-family: "ProximaNova", Verdana, Arial, Helvetica, sans-serif; }
+
+.uc_healthFooter * {
+ text-align: left !important; }
+
+.uc_healthFooter__superNav {
+ background-color: #ebebeb;
+ border-top: 1px solid #ccc; }
+
+.uc_healthFooter__superNavInner {
+ width: 100%;
+ max-width: 84em;
+ margin: 0 auto;
+ overflow-y: hidden;
+ box-sizing: border-box;
+ padding: 1em; }
+
+.uc_healthFooter__contact {
+ float: left;
+ box-sizing: border-box;
+ padding: 1em;
+ width: 100%; }
+
+.uc_healthFooter__contactName {
+ line-height: 3em;
+ margin: 0.5em 0; }
+ .uc_healthFooter__contactName h1 {
+ text-align: left !important;
+ font-family: "UConn";
+ letter-spacing: 3px;
+ font-size: 50px;
+ color: #000e2f !important;
+ font-size: 3.5em;
+ font-weight: lighter;
+ display: inline-block;
+ vertical-align: middle;
+ margin: 0;
+ padding-right: 0.15em; }
+ .uc_healthFooter__contactName h3 {
+ text-align: left !important;
+ font-family: "ProximaNova", Verdana, Arial, Helvetica, sans-serif;
+ color: #000e2f !important;
+ display: inline-block;
+ font-size: 1.5em;
+ vertical-align: middle;
+ margin: 0; }
+
+.uc_healthFooter__contactAppointment {
+ margin: 2em 0; }
+ .uc_healthFooter__contactAppointment h4 {
+ text-align: left !important;
+ color: #000e2f !important;
+ margin: 0;
+ font-size: 1.1em; }
+ .uc_healthFooter__contactAppointment h2 {
+ text-align: left !important;
+ color: #000e2f !important;
+ margin: 0;
+ font-size: 2em; }
+
+.uc_healthFooter__contactAddress {
+ font-style: normal;
+ font-size: 1.1em; }
+
+.uc_healthFooter__links {
+ text-align: left !important;
+ color: #7c878e;
+ border-color: #7c878e;
+ float: left;
+ padding: 1em;
+ box-sizing: border-box;
+ width: 100%; }
+ .uc_healthFooter__links ul {
+ padding: 0;
+ list-style: none;
+ margin: 0; }
+ .uc_healthFooter__links .uc_healthFooter__link {
+ display: inline-block; }
+ .uc_healthFooter__links .uc_healthFooter__link:hover {
+ color: #263a75; }
+ .uc_healthFooter__links li:first-child .uc_healthFooter__link {
+ padding-top: 0; }
+
+.uc_healthFooter__links--blue {
+ color: #000e2f;
+ border-color: #000e2f; }
+ .uc_healthFooter__links--blue h4 {
+ font-size: 1em;
+ margin: 0 0 0.5em; }
+ .uc_healthFooter__links--blue .uc_healthFooter__link:hover {
+ color: #ffa902; }
+
+@media (min-width: 34em) {
+ .uc_healthFooter__links {
+ width: 50%; }
+ .uc_healthFooter__links--blue {
+ width: 100%; } }
+
+@media (min-width: 44em) {
+ .uc_healthFooter__links {
+ width: 33.333333%; }
+ .uc_healthFooter__links ul {
+ margin: 1.5em 0 0; }
+ .uc_healthFooter__links--blue ul {
+ margin: 0; } }
+
+@media (min-width: 68em) {
+ .uc_healthFooter__contact {
+ width: 30%;
+ max-width: 25em; }
+ .uc_healthFooter__links {
+ width: 23%;
+ margin-top: 2em;
+ max-width: 15em; } }
+
+.uc_healthFooter__link {
+ text-align: left !important;
+ color: inherit;
+ font-size: 1em;
+ padding: 0.5em 0;
+ text-decoration: none;
+ position: relative;
+ transition: color 0.15s cubic-bezier(0.66, 0.01, 0.36, 1); }
+ .uc_healthFooter__link::before, .uc_healthFooter__link::after {
+ content: "";
+ position: absolute;
+ bottom: 0.5em;
+ border-color: inherit;
+ border-bottom: 1px solid;
+ height: 0;
+ width: 0;
+ transition: width 0.15s cubic-bezier(0.66, 0.01, 0.36, 1); }
+ .uc_healthFooter__link::before {
+ left: 0; }
+ .uc_healthFooter__link::after {
+ right: 0; }
+ .uc_healthFooter__link:hover {
text-decoration: none; }
+ .uc_healthFooter__link:hover::before, .uc_healthFooter__link:hover::after {
+ width: 50%; }
+
+.uc_healthFooter__text {
+ text-align: left !important;
+ display: inline-block;
+ padding: 0.5em 0; }
+
+.uc_healthFooter__subNav {
+ background-color: #000e2f;
+ color: #ccc; }
+
+.uc_healthFooter__subNavInner {
+ max-width: 84em;
+ margin: 0 auto;
+ box-sizing: border-box;
+ padding: 2em 1em; }
+ .uc_healthFooter__subNavInner .uc_healthFooter__link,
+ .uc_healthFooter__subNavInner .uc_healthFooter__text {
+ margin: 0.5em 3em 0.5em 1em; }
+ .uc_healthFooter__subNavInner .uc_healthFooter__link {
+ display: inline-block; }
+ .uc_healthFooter__subNavInner .uc_healthFooter__link:hover {
+ color: white; }
+
+.uc_banner {
+ font-size: 16px; }
diff --git a/dist/css/uconn/uconn.min.css b/dist/css/uconn/uconn.min.css
index f0d09bd..a86a9c8 100644
--- a/dist/css/uconn/uconn.min.css
+++ b/dist/css/uconn/uconn.min.css
@@ -1 +1 @@
-@font-face{font-family:icons;src:url(//uconn.edu/shared/fonts/icons/icons.eot);src:url(//uconn.edu/shared/fonts/icons/icons.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/icons/icons.ttf) format("truetype"),url(//uconn.edu/shared/fonts/icons/icons.woff) format("woff"),url(//uconn.edu/shared/fonts/icons/icons.svg#icons) format("svg");font-weight:400;font-style:normal}[class*=icon-]{font-family:icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-a-z:before{content:"\e600"}.icon-search:before{content:"\e601"}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.svg#proxima_nova_ltsemibold) format("svg"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.svg#proxima_novabold_italic) format("svg"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold) format("svg"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular) format("svg"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Proxima Nova";src:url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.svg#proxima_novaregular_italic) format("svg"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.ttf) format("truetype");font-weight:400;font-style:italic}.uc_font--proxima-nova,.uc_title__levelOne,.uc_title__levelTwo{font-family:"Proxima Nova"}@font-face{font-family:UConn;src:url(//uconn.edu/shared/fonts/uconn/uconn.eot);src:url(//uconn.edu/shared/fonts/uconn/uconn.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/uconn/uconn.svg#uconnregular) format("svg"),url(//uconn.edu/shared/fonts/uconn/uconn.woff) format("woff"),url(//uconn.edu/shared/fonts/uconn/uconn.ttf) format("truetype");font-weight:400;font-style:normal}.uc_font--uconn{font-family:UConn;letter-spacing:3px;font-size:50px}.uc_lightBlue-c{color:#03357a}.uc_lightBlue-bg{background-color:#03357a}.uc_lightBlue-bd{border-color:#03357a}.uc_darkBlue-c{color:#01062c}.uc_darkBlue-bg{background-color:#01062c}.uc_darkBlue-bd{border-color:#01062c}.uc_buttonBlue-c{color:#1a4798}.uc_buttonBlue-bg{background-color:#1a4798}.uc_buttonBlue-bd{border-color:#1a4798}.uc_textLightBlue-c{color:#008cba}.uc_textLightBlue-bg{background-color:#008cba}.uc_textLightBlue-bd{border-color:#008cba}.uc_textDarkBlue-c{color:#263a75}.uc_textDarkBlue-bg{background-color:#263a75}.uc_textDarkBlue-bd{border-color:#263a75}.uc_textYellow-c{color:#ffa902}.uc_textYellow-bg{background-color:#ffa902}.uc_textYellow-bd{border-color:#ffa902}.uc_bannerDarkBlue-c{color:#000e2f}.uc_bannerDarkBlue-bg{background-color:#000e2f}.uc_bannerDarkBlue-bd{border-color:#000e2f}.uc_grey-c{color:#7C878E}.uc_grey-bg{background-color:#7C878E}.uc_grey-bd{border-color:#7C878E}.uc_halfBlack-c{color:rgba(0,0,0,.5)}.uc_halfBlack-bg{background-color:rgba(0,0,0,.5)}.uc_halfBlack-bd{border-color:rgba(0,0,0,.5)}.uc_lightBlue-to-darkBlue,.uc_lightBlue-to-darkBlue--reverse{background-image:linear-gradient(to bottom,#03357a,#01062c)}.uc_banner{background-color:#000e2f;height:4em}.uc_banner__inner{max-width:80em;margin:auto;box-sizing:border-box;padding:0 .5em}.uc_banner__logo{color:#fff;font-size:3em;float:left;margin:0;line-height:1.333em}.uc_banner__name{display:none;float:left;color:#9faab2;font-size:1em;width:10em;letter-spacing:.055em;word-spacing:.02em;padding-left:.25em;margin:1em 0;font-weight:700;font-style:normal;border-left:2px solid #3f4760;line-height:1em}@media (min-width:27em){.uc_banner__name{display:block}}@media (min-width:34em){.uc_banner__name{line-height:2em;width:auto}}.uc_banner__buttons{display:none;float:right;height:2.3em;width:5.25em;margin:.8em 0;position:relative;z-index:2}@media (min-width:21em){.uc_banner__buttons{display:block}}.uc_banner__button{display:block;color:#fff;background-color:#1a4798;text-decoration:none;width:2.3em;height:2.3em;text-align:center;vertical-align:top}.uc_banner__button span{font-size:1.5em;line-height:1.533em}.uc_banner__button--search{float:left}.uc_banner__button--az{float:right}.uc_banner__searchForm{position:absolute;z-index:-1;top:0;left:0;height:2.3em;box-sizing:border-box;width:15em;transition:width .25s ease,opacity .25s ease-out,transform .25s ease;background-color:#0f2857;border:.1em solid #1a4798;opacity:0;transform:translateX(-90%);pointer-events:none}.uc_banner__searchForm.active{outline:0;opacity:1;transform:translateX(-100%);pointer-events:all}.uc_banner__searchBar{display:block;float:left;width:12.5em;height:100%;box-sizing:border-box;background:0 0;color:#fff;border:none;padding-left:.5em;outline:0}.uc_banner__dropdownButton{width:2.3em;height:100%;float:right;background-color:#0f2857;position:relative;cursor:pointer}.uc_banner__dropdownButton.active,.uc_banner__dropdownButton:hover{background-color:#13336c}.uc_banner__dropdownButton.active .uc_banner__dropdownBody{opacity:1;transform:translateY(0);pointer-events:all}.uc_banner__dropdownButtonTriangle{position:absolute;top:50%;left:50%;width:0;height:0;margin:-.2165em 0 0 -.3em;border-left:.433em solid transparent;border-right:.433em solid transparent;border-top:.5em solid #fff}.uc_banner__dropdownBody{position:absolute;top:100%;right:0;z-index:-1;width:10em;overflow-y:hidden;background-color:#fff;box-shadow:0 0 1em rgba(0,0,0,.5);opacity:0;transform:translateY(.5em);pointer-events:none;transition:transform .2s ease,opacity .2s ease}.uc_banner__dropdownElement{width:10em;line-height:2em;text-align:center}.uc_banner__dropdownElement:hover{color:#008cba}.uc_banner__dropdownElement--selected{background-color:#03357a;color:#fff}.uc_banner__dropdownElement--selected:hover{color:#fff}.uc_title__levelOne{color:#01062c;font-size:1.5em}.uc_title__levelOne a{color:inherit;text-decoration:none}.uc_title__levelTwo{color:#7C878E;font-size:.9em}.uc_title__levelTwo a{color:inherit;text-decoration:none}
\ No newline at end of file
+@font-face{font-family:UConn;src:url(//uconn.edu/shared/fonts/uconn/uconn.eot);src:url(//uconn.edu/shared/fonts/uconn/uconn.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/uconn/uconn.svg#uconnregular) format("svg"),url(//uconn.edu/shared/fonts/uconn/uconn.woff) format("woff"),url(//uconn.edu/shared/fonts/uconn/uconn.ttf) format("truetype");font-weight:400;font-style:normal}.uc_font--uconn{font-family:UConn;letter-spacing:3px;font-size:50px}@font-face{font-family:ProximaNova;src:url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.svg#proxima_nova_ltsemibold) format("svg"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:ProximaNova;src:url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.svg#proxima_novabold_italic) format("svg"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:ProximaNova;src:url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold) format("svg"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:ProximaNova;src:url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular) format("svg"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:ProximaNova;src:url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot);src:url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.svg#proxima_novaregular_italic) format("svg"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.woff) format("woff"),url(//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.ttf) format("truetype");font-weight:400;font-style:italic}.uc_font--proxima-nova{font-family:ProximaNova,Verdana,Arial,Helvetica,sans-serif}@font-face{font-family:icons;src:url(//uconn.edu/shared/fonts/icons/icons.eot);src:url(//uconn.edu/shared/fonts/icons/icons.eot?#iefix) format("embedded-opentype"),url(//uconn.edu/shared/fonts/icons/icons.ttf) format("truetype"),url(//uconn.edu/shared/fonts/icons/icons.woff) format("woff"),url(//uconn.edu/shared/fonts/icons/icons.svg#icons) format("svg");font-weight:400;font-style:normal}.icon-a-z,.icon-search{font-family:icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-a-z:before{content:"\e600"}.icon-search:before{content:"\e601"}.uc_banner{background-color:#000e2f;height:4em}.uc_banner__inner{max-width:84em;margin:auto;box-sizing:border-box;padding:0 2em}.uc_banner__logo{color:#fff;font-size:2.5em;float:left;margin:0;line-height:1.55em}.uc_banner__name{display:none;float:left;color:#9faab2;font-size:1em;width:11em;letter-spacing:.055em;word-spacing:.02em;padding-left:.75em;margin:1em 0;font-weight:700;font-style:normal;line-height:2em}.uc_banner__name.uc_banner__name--large{font-size:1.5em;line-height:1.2em;margin:.6666em 0;color:#fff}.uc_banner__name.uc_banner__name--collapse{line-height:1em}.uc_banner__name.uc_banner__name--borderLeft{border-left:2px solid #3f4760;padding-left:.25em}@media (min-width:34em){.uc_banner__name{display:block}}@media (min-width:38em){.uc_banner__name{width:auto}.uc_banner__name.uc_banner__name--collapse{line-height:2em}}.uc_banner__buttons{display:none;float:right;height:2.3em;width:5.25em;margin:.8em 0;position:relative;z-index:2}@media (min-width:23em){.uc_banner__buttons{display:block}}.uc_banner__button{display:block;color:#fff;background-color:#1a4798;text-decoration:none;width:2.3em;height:2.3em;text-align:center;vertical-align:top}.uc_banner__button span{font-size:1.5em;line-height:1.533em}.uc_banner__button:active,.uc_banner__button:active span,.uc_banner__button:focus,.uc_banner__button:focus span,.uc_banner__button:hover,.uc_banner__button:hover span,.uc_banner__button:visited,.uc_banner__button:visited span{color:#fff!important;text-decoration:none!important}.uc_banner__button--search{float:left}.uc_banner__button--az{float:right}.uc_banner__searchForm{position:absolute;z-index:-1;top:0;left:0;height:2.3em;box-sizing:border-box;width:15em;transition:width .25s ease,opacity .25s ease-out,transform .25s ease;background-color:#0f2857;border:.1em solid #1a4798;opacity:0;transform:translateX(-90%)}.uc_banner__searchForm.active{outline:0;opacity:1;transform:translateX(-100%)}.uc_banner__searchBar{display:block;float:left;width:12.5em;height:100%;box-sizing:border-box;background:0 0;color:#fff;border:none;padding-left:.5em;outline:0}.uc_banner__dropdownButton{width:2.3em;height:100%;float:right;background-color:#0f2857;position:relative;cursor:pointer}.uc_banner__dropdownButton.active,.uc_banner__dropdownButton:hover{background-color:#13336c}.uc_banner__dropdownButton.active .uc_banner__dropdownBody{opacity:1;transform:translateY(0);pointer-events:all}.uc_banner__dropdownButtonTriangle{position:absolute;top:50%;left:50%;width:0;height:0;margin:-.2165em 0 0 -.3em;border-left:.433em solid transparent;border-right:.433em solid transparent;border-top:.5em solid #fff}.uc_banner__dropdownBody{position:absolute;top:100%;right:0;z-index:-1;overflow-y:hidden;background-color:#fff;box-shadow:0 0 1em rgba(0,0,0,.5);opacity:0;transform:translateY(.5em);pointer-events:none;transition:transform .2s ease,opacity .2s ease}.uc_banner__dropdownElement{white-space:nowrap;line-height:1.5em;padding:.2em .5em;text-align:center}.uc_banner__dropdownElement:hover{color:#008cba}.uc_banner__dropdownElement--selected{background-color:#03357a;color:#fff}.uc_banner__dropdownElement--selected:hover{color:#fff}.uc_title__levelOne{font-family:ProximaNova;text-transform:capitalize;font-size:24px;margin:0 0 10px}.uc_title__levelOne a{text-decoration:none;color:inherit}.uc_title__levelTwo{font-size:11px;letter-spacing:1px;margin:15px 0 5px}.uc_healthFooter{font-family:ProximaNova,Verdana,Arial,Helvetica,sans-serif}.uc_healthFooter *{text-align:left!important}.uc_healthFooter__superNav{background-color:#ebebeb;border-top:1px solid #ccc}.uc_healthFooter__superNavInner{width:100%;max-width:84em;margin:0 auto;overflow-y:hidden;box-sizing:border-box;padding:1em}.uc_healthFooter__contact{float:left;box-sizing:border-box;padding:1em;width:100%}.uc_healthFooter__contactName{line-height:3em;margin:.5em 0}.uc_healthFooter__contactName h1,.uc_healthFooter__contactName h3{vertical-align:middle;margin:0;color:#000e2f!important;text-align:left!important;display:inline-block}.uc_healthFooter__contactName h1{font-family:UConn;letter-spacing:3px;font-size:3.5em;font-weight:lighter;padding-right:.15em}.uc_healthFooter__contactName h3{font-family:ProximaNova,Verdana,Arial,Helvetica,sans-serif;font-size:1.5em}.uc_healthFooter__contactAppointment{margin:2em 0}.uc_healthFooter__contactAppointment h4{text-align:left!important;color:#000e2f!important;margin:0;font-size:1.1em}.uc_healthFooter__contactAppointment h2{text-align:left!important;color:#000e2f!important;margin:0;font-size:2em}.uc_healthFooter__contactAddress{font-style:normal;font-size:1.1em}.uc_healthFooter__links{text-align:left!important;color:#7c878e;border-color:#7c878e;float:left;padding:1em;box-sizing:border-box;width:100%}.uc_healthFooter__links ul{padding:0;list-style:none;margin:0}.uc_healthFooter__links .uc_healthFooter__link{display:inline-block}.uc_healthFooter__links .uc_healthFooter__link:hover{color:#263a75}.uc_healthFooter__links li:first-child .uc_healthFooter__link{padding-top:0}.uc_healthFooter__links--blue{color:#000e2f;border-color:#000e2f}.uc_healthFooter__links--blue h4{font-size:1em;margin:0 0 .5em}.uc_healthFooter__links--blue .uc_healthFooter__link:hover{color:#ffa902}@media (min-width:34em){.uc_healthFooter__links{width:50%}.uc_healthFooter__links--blue{width:100%}}@media (min-width:44em){.uc_healthFooter__links{width:33.333333%}.uc_healthFooter__links ul{margin:1.5em 0 0}.uc_healthFooter__links--blue ul{margin:0}}@media (min-width:68em){.uc_healthFooter__contact{width:30%;max-width:25em}.uc_healthFooter__links{width:23%;margin-top:2em;max-width:15em}}.uc_healthFooter__link{text-align:left!important;color:inherit;font-size:1em;padding:.5em 0;text-decoration:none;position:relative;transition:color .15s cubic-bezier(.66,.01,.36,1)}.uc_healthFooter__link::after,.uc_healthFooter__link::before{content:"";position:absolute;bottom:.5em;border-color:inherit;border-bottom:1px solid;height:0;width:0;transition:width .15s cubic-bezier(.66,.01,.36,1)}.uc_healthFooter__link::before{left:0}.uc_healthFooter__link::after{right:0}.uc_healthFooter__link:hover{text-decoration:none}.uc_healthFooter__link:hover::after,.uc_healthFooter__link:hover::before{width:50%}.uc_healthFooter__text{text-align:left!important;display:inline-block;padding:.5em 0}.uc_healthFooter__subNav{background-color:#000e2f;color:#ccc}.uc_healthFooter__subNavInner{max-width:84em;margin:0 auto;box-sizing:border-box;padding:2em 1em}.uc_healthFooter__subNavInner .uc_healthFooter__link,.uc_healthFooter__subNavInner .uc_healthFooter__text{margin:.5em 3em .5em 1em}.uc_healthFooter__subNavInner .uc_healthFooter__link{display:inline-block}.uc_healthFooter__subNavInner .uc_healthFooter__link:hover{color:#fff}.uc_banner{font-size:16px}
\ No newline at end of file
diff --git a/dist/js/main.js b/dist/js/main.js
index 683a0ee..58cac0a 100644
--- a/dist/js/main.js
+++ b/dist/js/main.js
@@ -122,54 +122,111 @@
})(window, jQuery);
-;(function(window, $) {
-
- //player = new YT.Player('landingVideo',{});
- /*$('.videoWrapper__playButton').on('click', function(e) {
- player.playVideo();
- $(this).parent('.videoWrapper__coverImage').css('opacity', '0');
- });*/
+//TODO change placeholder attr
-})(window, jQuery);
-;(function() {
+(function() {
/// Basic selector function
- function _(sel, ctx) { return (ctx || document).querySelectorAll(sel) }
+ function _(sel, ctx) { var findings = (ctx || document).querySelectorAll(sel); return findings.length > 1 ? findings : findings[0];}
window.addEventListener('load', function() {
+ //Collect Components
var searchButton = _('.uc_banner__button--search'),
searchForm = _('.uc_banner__searchForm'),
+ searchField = _('.uc_banner__searchBar')
dropdownButton = _('.uc_banner__dropdownButton'),
dropdownBody = _('.uc_banner__dropdownBody'),
- dropdownElements = _('.uc_banner__dropdownElement');
+ dropdownElements = _('.uc_banner__dropdownElement'),
+ searchTarget = _('.uc_banner__dropdownElement--selected');
+
+
+ if(searchForm) {
+ //Control dropdown functionality
+ dropdownButton.addEventListener('click', function() {
+ dropdownButton.toggleClass('active');
+ }, false);
+
+ //Control search button functionality
+ searchButton.addEventListener('click', function(e) {
+
+ if(searchForm.hasClass('active')) { //If the search bar is open
+ if(searchField.value != '') {
+ //Set up the href attribute of the link so that we go to the right place
+ var engine = searchTarget.dataset.searchEngine;
+ if(engine == 'google') {
+ var searchParams = searchTarget.dataset.searchParams.replace(/%/g, '\\%');
+ searchButton.href = searchTarget.dataset.searchUrl+'?q='+searchField.value.replace(/ /g, '+')+'&'+searchParams;
+ } else if(engine == 'wordpress') {
+ searchButton.href = searchTarget.dataset.searchUrl+'?s='+searchField.value;
+ } else if(engine == 'drupal') {
+ searchButton.href = searchTarget.dataset.searchUrl+searchField.value;
+ }
+
+ } else {
+ searchForm.removeClass('active');
+ dropdownButton.removeClass('active');
+ e.preventDefault();
+ }
+ } else { //Otherwise, open the search bar
+ searchForm.addClass('active');
+ dropdownButton.removeClass('active');
+ e.preventDefault();
+ }
- dropdownButton.addEventListener('click', function() {
- console.log('hi');
- dropdownButton.toggleClass('active');
+ }, false);
- }, false);
+ searchField.addEventListener('keydown', function(e) {
+ console.log('keydown');
+ if(e.keyCode == 13) {//Return
+ if (searchButton.fireEvent) {
+ searchButton.fireEvent('onclick');
+ } else {
+ var evObj = document.createEvent('Events');
+ evObj.initEvent('click', true, false);
+ searchButton.dispatchEvent(evObj);
+ }
+ }
+ }, false);
- searchButton.addEventListener('click', function() {
+ dropdownElements.addEventListener('click', function() {
+ searchTarget = this;
+ _('.uc_banner__dropdownElement--selected').removeClass('uc_banner__dropdownElement--selected');
+ this.addClass('uc_banner__dropdownElement--selected');
+ searchField.placeholder = 'Search ' + this.innerHTML;
+ }, false);
- searchForm.toggleClass('active');
- dropdownButton.removeClass('active');
- }, false);
+ window.addEventListener('click', function(e) {
-
+ if(e.target.getClosest('.uc_banner__dropdownButton') == null) {
+ dropdownButton.removeClass('active');
+ }
+
+ }, false);
+ }
});
+ //Helper function to simulate events
+ function eventFire(el, etype){
+ if (el.fireEvent) {
+ el.fireEvent('on' + etype);
+ } else {
+ var evObj = document.createEvent('Events');
+ evObj.initEvent(etype, true, false);
+ el.dispatchEvent(evObj);
+ }
+ }
NodeList.prototype.addEventListener = function(_event, _method, _capture) {
this.forEach(function(el) {
el.addEventListener(_event, _method, (_capture || true));
});
- }
+ };
NodeList.prototype.toggleClass = function(_class) {
@@ -263,5 +320,75 @@
}
};
+
+ NodeList.prototype.getClosest = function (sel) {
+ this.forEach(function(el) {
+ el.getClosest(sel);
+ });
+ }
+ Element.prototype.getClosest = function ( sel ) {
+
+ // Variables
+ var firstChar = sel.charAt(0);
+ var supports = 'classList' in document.documentElement;
+ var attribute, value;
+ var el = this;
+
+ // If sel is a data attribute, split attribute from value
+ if ( firstChar === '[' ) {
+ sel = sel.substr( 1, sel.length - 2 );
+ attribute = sel.split( '=' );
+
+ if ( attribute.length > 1 ) {
+ value = true;
+ attribute[1] = attribute[1].replace( /"/g, '' ).replace( /'/g, '' );
+ }
+ }
+
+ // Get closest match
+ for ( ; el && el !== document && el.nodeType === 1; el = el.parentNode ) {
+
+ // If sel is a class
+ if ( firstChar === '.' ) {
+ if ( supports ) {
+ if ( el.classList.contains( sel.substr(1) ) ) {
+ return el;
+ }
+ } else {
+ if ( new RegExp('(^|\\s)' + sel.substr(1) + '(\\s|$)').test( el.className ) ) {
+ return el;
+ }
+ }
+ }
+
+ // If sel is an ID
+ if ( firstChar === '#' ) {
+ if ( el.id === sel.substr(1) ) {
+ return el;
+ }
+ }
+
+ // If sel is a data attribute
+ if ( firstChar === '[' ) {
+ if ( el.hasAttribute( attribute[0] ) ) {
+ if ( value ) {
+ if ( el.getAttribute( attribute[0] ) === attribute[1] ) {
+ return el;
+ }
+ } else {
+ return el;
+ }
+ }
+ }
+
+ // If sel is a tag
+ if ( el.tagName.toLowerCase() === sel ) {
+ return el;
+ }
+
+ }
+
+ return null;
+ };
})();
diff --git a/dist/js/main.min.js b/dist/js/main.min.js
index c22ea30..68f80e7 100644
--- a/dist/js/main.min.js
+++ b/dist/js/main.min.js
@@ -1 +1 @@
-!function(e,t){t(document).ready(function(){var e=t(".campusHeader");e.length&&t('a[href*="#"]:not([href="#"])').click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var e=t(this.hash);if(e=e.length?e:t("[name="+this.hash.slice(1)+"]"),e.length)return t("html, body").animate({scrollTop:e.offset().top},1e3),!1}})}),t(e).scroll(function(){var e=t(".campusHeader");if(e.length){var n=e.get(0).getBoundingClientRect(),s=n.top+n.height;0>=s?t(".campusFixedNav").hasClass("campusFixedNav--show")||t(".campusFixedNav").addClass("campusFixedNav--show"):t(".campusFixedNav").hasClass("campusFixedNav--show")&&t(".campusFixedNav").removeClass("campusFixedNav--show")}})}(window,jQuery);var currentQuery;!function(e,t){function n(){switch(currentQuery){case"mobile":t(".concentrationTile__inner").removeClass("active");break;case"tablet":t(".concentrationTile__inner").removeClass("active");break;case"tabletLarge":t(".concentrationTile__inner").removeClass("active");break;case"desktop":t(".concentrationTile.active").find(".concentrationTile__inner").addClass("active")}}function s(){currentQuery=e.getComputedStyle(t(".master-wrapper").get(0),"::after").getPropertyValue("content"),currentQuery=currentQuery.replace(/"/g,""),n()}s(),t(e).on("resize",function(e){s()}),t(".concentrationTile").on("click",function(e){"desktop"===currentQuery&&(e.preventDefault(),t(".concentrationTile").removeClass("active"),t(this).addClass("active"),t(".concentrationTile__inner").removeClass("active"),t(this).find(".concentrationTile__inner").addClass("active"),t(".concentrationInfo").removeClass("active"),t(this).hasClass("concentrationTile--2d-animation-motion-graphics")?t(".concentrationInfo--2d-animation-motion-graphics").addClass("active"):t(this).hasClass("concentrationTile--3d-animation-visualization")?t(".concentrationInfo--3d-animation-visualization").addClass("active"):t(this).hasClass("concentrationTile--web-design")?t(".concentrationInfo--web-design").addClass("active"):t(this).hasClass("concentrationTile--game-design")?t(".concentrationInfo--game-design").addClass("active"):t(this).hasClass("concentrationTile--business-strategies")?t(".concentrationInfo--business-strategies").addClass("active"):t(this).hasClass("concentrationTile--digital-humanities")&&t(".concentrationInfo--digital-humanities").addClass("active"))})}(window,jQuery),function(e,t){}(window,jQuery),function(){function e(e,t){return(t||document).querySelectorAll(e)}window.addEventListener("load",function(){var t=e(".uc_banner__button--search"),n=e(".uc_banner__searchForm"),s=e(".uc_banner__dropdownButton");e(".uc_banner__dropdownBody"),e(".uc_banner__dropdownElement");s.addEventListener("click",function(){console.log("hi"),s.toggleClass("active")},!1),t.addEventListener("click",function(){n.toggleClass("active"),s.removeClass("active")},!1)}),NodeList.prototype.addEventListener=function(e,t,n){this.forEach(function(s){s.addEventListener(e,t,n||!0)})},NodeList.prototype.toggleClass=function(e){this.forEach(function(t){t.toggleClass(e)})},Element.prototype.toggleClass=function(e){this.hasClass(e)?this.removeClass(e):this.addClass(e)},NodeList.prototype.addClass=function(e){this.forEach(function(t){t.addClass(e)})},Element.prototype.addClass=function(e){if(this.classList)return this.classList.add(e),this;var t=this.className.split(" ");return-1===t.indexOf(classToAdd)&&(this.className=this.className+(t.length>0?" ":"")+classToAdd),this},NodeList.prototype.removeClass=function(e){this.forEach(function(t){t.removeClass(e)})},Element.prototype.removeClass=function(e){if(this.classList)return this.classList.remove(e),this;var t="";return this.className.split(" ").forEach(function(n){n!=e&&(t+=n+" ")}),this.className=t.replace(/[ \/t]+$/,""),this},NodeList.prototype.hasClass=function(e){this.forEach(function(t){t.hasClass(e)})},Element.prototype.hasClass=function(e){return this.classList?this.classList.contains(e):-1!=this.className.split(" ").indexOf(e)}}();
\ No newline at end of file
+!function(e,t){t(document).ready(function(){var e=t(".campusHeader");e.length&&t('a[href*="#"]:not([href="#"])').click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var e=t(this.hash);if(e=e.length?e:t("[name="+this.hash.slice(1)+"]"),e.length)return t("html, body").animate({scrollTop:e.offset().top},1e3),!1}})}),t(e).scroll(function(){var e=t(".campusHeader");if(e.length){var n=e.get(0).getBoundingClientRect(),s=n.top+n.height;0>=s?t(".campusFixedNav").hasClass("campusFixedNav--show")||t(".campusFixedNav").addClass("campusFixedNav--show"):t(".campusFixedNav").hasClass("campusFixedNav--show")&&t(".campusFixedNav").removeClass("campusFixedNav--show")}})}(window,jQuery);var currentQuery;!function(e,t){function n(){switch(currentQuery){case"mobile":t(".concentrationTile__inner").removeClass("active");break;case"tablet":t(".concentrationTile__inner").removeClass("active");break;case"tabletLarge":t(".concentrationTile__inner").removeClass("active");break;case"desktop":t(".concentrationTile.active").find(".concentrationTile__inner").addClass("active")}}function s(){currentQuery=e.getComputedStyle(t(".master-wrapper").get(0),"::after").getPropertyValue("content"),currentQuery=currentQuery.replace(/"/g,""),n()}s(),t(e).on("resize",function(e){s()}),t(".concentrationTile").on("click",function(e){"desktop"===currentQuery&&(e.preventDefault(),t(".concentrationTile").removeClass("active"),t(this).addClass("active"),t(".concentrationTile__inner").removeClass("active"),t(this).find(".concentrationTile__inner").addClass("active"),t(".concentrationInfo").removeClass("active"),t(this).hasClass("concentrationTile--2d-animation-motion-graphics")?t(".concentrationInfo--2d-animation-motion-graphics").addClass("active"):t(this).hasClass("concentrationTile--3d-animation-visualization")?t(".concentrationInfo--3d-animation-visualization").addClass("active"):t(this).hasClass("concentrationTile--web-design")?t(".concentrationInfo--web-design").addClass("active"):t(this).hasClass("concentrationTile--game-design")?t(".concentrationInfo--game-design").addClass("active"):t(this).hasClass("concentrationTile--business-strategies")?t(".concentrationInfo--business-strategies").addClass("active"):t(this).hasClass("concentrationTile--digital-humanities")&&t(".concentrationInfo--digital-humanities").addClass("active"))})}(window,jQuery),function(){function e(e,t){var n=(t||document).querySelectorAll(e);return n.length>1?n:n[0]}window.addEventListener("load",function(){var t=e(".uc_banner__button--search"),n=e(".uc_banner__searchForm"),s=e(".uc_banner__searchBar");dropdownButton=e(".uc_banner__dropdownButton"),dropdownBody=e(".uc_banner__dropdownBody"),dropdownElements=e(".uc_banner__dropdownElement"),searchTarget=e(".uc_banner__dropdownElement--selected"),n&&(dropdownButton.addEventListener("click",function(){dropdownButton.toggleClass("active")},!1),t.addEventListener("click",function(e){if(n.hasClass("active"))if(""!=s.value){var a=searchTarget.dataset.searchEngine;if("google"==a){var i=searchTarget.dataset.searchParams.replace(/%/g,"\\%");t.href=searchTarget.dataset.searchUrl+"?q="+s.value.replace(/ /g,"+")+"&"+i}else"wordpress"==a?t.href=searchTarget.dataset.searchUrl+"?s="+s.value:"drupal"==a&&(t.href=searchTarget.dataset.searchUrl+s.value)}else n.removeClass("active"),dropdownButton.removeClass("active"),e.preventDefault();else n.addClass("active"),dropdownButton.removeClass("active"),e.preventDefault()},!1),s.addEventListener("keydown",function(e){if(console.log("keydown"),13==e.keyCode)if(t.fireEvent)t.fireEvent("onclick");else{var n=document.createEvent("Events");n.initEvent("click",!0,!1),t.dispatchEvent(n)}},!1),dropdownElements.addEventListener("click",function(){searchTarget=this,e(".uc_banner__dropdownElement--selected").removeClass("uc_banner__dropdownElement--selected"),this.addClass("uc_banner__dropdownElement--selected"),s.placeholder="Search "+this.innerHTML},!1),window.addEventListener("click",function(e){null==e.target.getClosest(".uc_banner__dropdownButton")&&dropdownButton.removeClass("active")},!1))}),NodeList.prototype.addEventListener=function(e,t,n){this.forEach(function(s){s.addEventListener(e,t,n||!0)})},NodeList.prototype.toggleClass=function(e){this.forEach(function(t){t.toggleClass(e)})},Element.prototype.toggleClass=function(e){this.hasClass(e)?this.removeClass(e):this.addClass(e)},NodeList.prototype.addClass=function(e){this.forEach(function(t){t.addClass(e)})},Element.prototype.addClass=function(e){if(this.classList)return this.classList.add(e),this;var t=this.className.split(" ");return-1===t.indexOf(classToAdd)&&(this.className=this.className+(t.length>0?" ":"")+classToAdd),this},NodeList.prototype.removeClass=function(e){this.forEach(function(t){t.removeClass(e)})},Element.prototype.removeClass=function(e){if(this.classList)return this.classList.remove(e),this;var t="";return this.className.split(" ").forEach(function(n){n!=e&&(t+=n+" ")}),this.className=t.replace(/[ \/t]+$/,""),this},NodeList.prototype.hasClass=function(e){this.forEach(function(t){t.hasClass(e)})},Element.prototype.hasClass=function(e){return this.classList?this.classList.contains(e):-1!=this.className.split(" ").indexOf(e)},NodeList.prototype.getClosest=function(e){this.forEach(function(t){t.getClosest(e)})},Element.prototype.getClosest=function(e){var t,n,s=e.charAt(0),a="classList"in document.documentElement,i=this;for("["===s&&(e=e.substr(1,e.length-2),t=e.split("="),t.length>1&&(n=!0,t[1]=t[1].replace(/"/g,"").replace(/'/g,"")));i&&i!==document&&1===i.nodeType;i=i.parentNode){if("."===s)if(a){if(i.classList.contains(e.substr(1)))return i}else if(new RegExp("(^|\\s)"+e.substr(1)+"(\\s|$)").test(i.className))return i;if("#"===s&&i.id===e.substr(1))return i;if("["===s&&i.hasAttribute(t[0])){if(!n)return i;if(i.getAttribute(t[0])===t[1])return i}if(i.tagName.toLowerCase()===e)return i}return null}}();
\ No newline at end of file
diff --git a/src/js/landing.js b/src/js/landing.js
index 726707a..e69de29 100644
--- a/src/js/landing.js
+++ b/src/js/landing.js
@@ -1,11 +0,0 @@
-
-;(function(window, $) {
-
- //player = new YT.Player('landingVideo',{});
-
- /*$('.videoWrapper__playButton').on('click', function(e) {
- player.playVideo();
- $(this).parent('.videoWrapper__coverImage').css('opacity', '0');
- });*/
-
-})(window, jQuery);
diff --git a/src/js/uconn.js b/src/js/uconn.js
index e003240..d23d0a6 100644
--- a/src/js/uconn.js
+++ b/src/js/uconn.js
@@ -1,39 +1,107 @@
-;(function() {
+//TODO change placeholder attr
+
+
+
+(function() {
/// Basic selector function
- function _(sel, ctx) { return (ctx || document).querySelectorAll(sel) }
+ function _(sel, ctx) { var findings = (ctx || document).querySelectorAll(sel); return findings.length > 1 ? findings : findings[0];}
window.addEventListener('load', function() {
+ //Collect Components
var searchButton = _('.uc_banner__button--search'),
searchForm = _('.uc_banner__searchForm'),
+ searchField = _('.uc_banner__searchBar')
dropdownButton = _('.uc_banner__dropdownButton'),
dropdownBody = _('.uc_banner__dropdownBody'),
- dropdownElements = _('.uc_banner__dropdownElement');
-
- dropdownButton.addEventListener('click', function() {
- console.log('hi');
-
- dropdownButton.toggleClass('active');
-
- }, false);
-
- searchButton.addEventListener('click', function() {
-
- searchForm.toggleClass('active');
- dropdownButton.removeClass('active');
-
- }, false);
-
-
+ dropdownElements = _('.uc_banner__dropdownElement'),
+ searchTarget = _('.uc_banner__dropdownElement--selected');
+
+
+ if(searchForm) {
+ //Control dropdown functionality
+ dropdownButton.addEventListener('click', function() {
+ dropdownButton.toggleClass('active');
+ }, false);
+
+ //Control search button functionality
+ searchButton.addEventListener('click', function(e) {
+
+ if(searchForm.hasClass('active')) { //If the search bar is open
+ if(searchField.value != '') {
+ //Set up the href attribute of the link so that we go to the right place
+ var engine = searchTarget.dataset.searchEngine;
+ if(engine == 'google') {
+ var searchParams = searchTarget.dataset.searchParams.replace(/%/g, '\\%');
+ searchButton.href = searchTarget.dataset.searchUrl+'?q='+searchField.value.replace(/ /g, '+')+'&'+searchParams;
+ } else if(engine == 'wordpress') {
+ searchButton.href = searchTarget.dataset.searchUrl+'?s='+searchField.value;
+ } else if(engine == 'drupal') {
+ searchButton.href = searchTarget.dataset.searchUrl+searchField.value;
+ }
+
+ } else {
+ searchForm.removeClass('active');
+ dropdownButton.removeClass('active');
+ e.preventDefault();
+ }
+ } else { //Otherwise, open the search bar
+ searchForm.addClass('active');
+ dropdownButton.removeClass('active');
+ e.preventDefault();
+ }
+
+
+ }, false);
+
+ searchField.addEventListener('keydown', function(e) {
+ console.log('keydown');
+ if(e.keyCode == 13) {//Return
+ if (searchButton.fireEvent) {
+ searchButton.fireEvent('onclick');
+ } else {
+ var evObj = document.createEvent('Events');
+ evObj.initEvent('click', true, false);
+ searchButton.dispatchEvent(evObj);
+ }
+ }
+ }, false);
+
+ dropdownElements.addEventListener('click', function() {
+ searchTarget = this;
+ _('.uc_banner__dropdownElement--selected').removeClass('uc_banner__dropdownElement--selected');
+ this.addClass('uc_banner__dropdownElement--selected');
+ searchField.placeholder = 'Search ' + this.innerHTML;
+ }, false);
+
+
+ window.addEventListener('click', function(e) {
+
+ if(e.target.getClosest('.uc_banner__dropdownButton') == null) {
+ dropdownButton.removeClass('active');
+ }
+
+ }, false);
+ }
});
+ //Helper function to simulate events
+ function eventFire(el, etype){
+ if (el.fireEvent) {
+ el.fireEvent('on' + etype);
+ } else {
+ var evObj = document.createEvent('Events');
+ evObj.initEvent(etype, true, false);
+ el.dispatchEvent(evObj);
+ }
+ }
NodeList.prototype.addEventListener = function(_event, _method, _capture) {
this.forEach(function(el) {
el.addEventListener(_event, _method, (_capture || true));
});
- }
+ };
NodeList.prototype.toggleClass = function(_class) {
@@ -127,5 +195,75 @@
}
};
+
+ NodeList.prototype.getClosest = function (sel) {
+ this.forEach(function(el) {
+ el.getClosest(sel);
+ });
+ }
+ Element.prototype.getClosest = function ( sel ) {
+
+ // Variables
+ var firstChar = sel.charAt(0);
+ var supports = 'classList' in document.documentElement;
+ var attribute, value;
+ var el = this;
+
+ // If sel is a data attribute, split attribute from value
+ if ( firstChar === '[' ) {
+ sel = sel.substr( 1, sel.length - 2 );
+ attribute = sel.split( '=' );
+
+ if ( attribute.length > 1 ) {
+ value = true;
+ attribute[1] = attribute[1].replace( /"/g, '' ).replace( /'/g, '' );
+ }
+ }
+
+ // Get closest match
+ for ( ; el && el !== document && el.nodeType === 1; el = el.parentNode ) {
+
+ // If sel is a class
+ if ( firstChar === '.' ) {
+ if ( supports ) {
+ if ( el.classList.contains( sel.substr(1) ) ) {
+ return el;
+ }
+ } else {
+ if ( new RegExp('(^|\\s)' + sel.substr(1) + '(\\s|$)').test( el.className ) ) {
+ return el;
+ }
+ }
+ }
+
+ // If sel is an ID
+ if ( firstChar === '#' ) {
+ if ( el.id === sel.substr(1) ) {
+ return el;
+ }
+ }
+
+ // If sel is a data attribute
+ if ( firstChar === '[' ) {
+ if ( el.hasAttribute( attribute[0] ) ) {
+ if ( value ) {
+ if ( el.getAttribute( attribute[0] ) === attribute[1] ) {
+ return el;
+ }
+ } else {
+ return el;
+ }
+ }
+ }
+
+ // If sel is a tag
+ if ( el.tagName.toLowerCase() === sel ) {
+ return el;
+ }
+
+ }
+
+ return null;
+ };
})();
diff --git a/src/scss/base/elements/header.scss b/src/scss/base/elements/header.scss
index db44a7c..5b1058d 100644
--- a/src/scss/base/elements/header.scss
+++ b/src/scss/base/elements/header.scss
@@ -28,7 +28,7 @@
max-width:8em;
margin:0.5em;
text-align:center;
- line-height:2.2em;
+ line-height:2em;
color:#636263;
font-weight:bold;
text-decoration:none;
diff --git a/src/scss/screens/elements/header-tabletLarge.scss b/src/scss/screens/elements/header-tabletLarge.scss
index 370f674..bc3b62c 100644
--- a/src/scss/screens/elements/header-tabletLarge.scss
+++ b/src/scss/screens/elements/header-tabletLarge.scss
@@ -1,5 +1,5 @@
.pageHeader__actionButtons {
float:right;
width:20em;
- margin-top:2.5em;
+ margin-top:1.8em;
}
diff --git a/src/scss/uconn/base/variables.scss b/src/scss/uconn/base/variables.scss
index b627365..6364a6c 100644
--- a/src/scss/uconn/base/variables.scss
+++ b/src/scss/uconn/base/variables.scss
@@ -1,48 +1,44 @@
+//Author: Tim Morris, 2016 (except where noted)
+
+//Class namespace
$prefix: uc;
-//
-// USAGE:
-// asign a short name to each color in the $uconn-colors array
-// list the color names of two colors to create a gradient class for said colors.
-//
+// Color Variables
+$lightBlue : #03357a;
+$darkBlue : #01062c;
+$buttonBlue : rgb(26,71,152);
+$textLightBlue : #008cba;
+$textDarkBlue : #263a75;
+$textYellow : #ffa902;
+$bannerDarkBlue : #000e2f;
+$blueGrey : #7c878e;
+
+//Array of color variables
$uconn-colors: (
- (lightBlue, #03357a),
- (darkBlue, #01062c),
- (buttonBlue, rgb(26,71,152)),
- (textLightBlue, #008cba),
- (textDarkBlue, #263a75),
- (textYellow, #ffa902),
- (bannerDarkBlue, #000e2f),
- (grey, #7C878E),
+ (lightBlue, $lightBlue),
+ (darkBlue, $darkBlue),
+ (buttonBlue, $buttonBlue),
+ (textLightBlue, $textLightBlue),
+ (textDarkBlue, $textDarkBlue),
+ (textYellow, $textYellow),
+ (bannerDarkBlue, $bannerDarkBlue),
+ (blueGrey, $blueGrey)
(halfBlack, rgba(0,0,0,0.5))
) !default;
-// Hard Coded Variables to create referenceable values from the array
-$lightBlue : nth(nth($uconn-colors,1),2);
-$darkBlue : nth(nth($uconn-colors,2),2);
-$buttonBlue : nth(nth($uconn-colors,3),2);
-$textLightBlue : nth(nth($uconn-colors,4),2);
-$textDarkBlue : nth(nth($uconn-colors,5),2);
-$textYellow : nth(nth($uconn-colors,6),2);
-$bannerDarkBlue : nth(nth($uconn-colors,7),2);
-$grey : nth(nth($uconn-colors,8),2);
-$halfBlack : nth(nth($uconn-colors,9),2);
-
-//
-// USAGE:
-// list the start and ending index of the gradient colors
-// from the $uconn-colors array.
-//
+//Array of gradient classes to be created.
+//Usage: (start color index in colors array, end color index in colors array),
$uconn-gradients: (
(1, 2),
) !default;
-
+//Font variables. Original author Brian Daley
$uconn-font: "UConn" !default;
-$secondary-font: "Proxima Nova" !default;
+$secondary-font: "ProximaNova" !default;
$fallback-fonts: Verdana, Arial, Helvetica, sans-serif !default;
$font-base-url: "//uconn.edu/shared/fonts" !default;
-$banner-max-width:80em;
+//Max width of all banner and footer components
+$banner-max-width:84em;
diff --git a/src/scss/uconn/components/banner.scss b/src/scss/uconn/components/banner.scss
index 5b9a963..3eb1156 100644
--- a/src/scss/uconn/components/banner.scss
+++ b/src/scss/uconn/components/banner.scss
@@ -8,15 +8,15 @@
max-width:$banner-max-width;
margin:auto;
box-sizing:border-box;
- padding:0 0.5em;
+ padding:0 2em;
}
.#{$prefix}_banner__logo {
color:white;
- font-size:3em;
+ font-size:2.5em;
float:left;
margin:0;
- line-height:1.333em;
+ line-height:1.55em;
}
.#{$prefix}_banner__name {
@@ -24,21 +24,38 @@
float:left;
color: #9faab2;
font-size: 1em;
- width:10em;
+ width:11em;
letter-spacing: 0.055em;
word-spacing: 0.02em;
- padding-left:0.25em;
+ padding-left:0.75em;
margin:1em 0;
font-weight: bold;
font-style: normal;
- border-left: 2px solid #3f4760;
- line-height:1em;
+ line-height:2em;
- @media(min-width:27em) {
- display:block;
+ &.#{$prefix}_banner__name--large {
+ font-size:1.5em;
+ line-height:1.2em;
+ margin:0.6666em 0;
+ color:white;
+ }
+
+ &.#{$prefix}_banner__name--collapse {
+ line-height:1em;
+ }
+
+ &.#{$prefix}_banner__name--borderLeft {
+ border-left: 2px solid #3f4760;
+ padding-left:0.25em;
}
+
@media(min-width:34em) {
- line-height:2em;
+ display:block;
+ }
+ @media(min-width:38em) {
+ &.#{$prefix}_banner__name--collapse {
+ line-height:2em;
+ }
width:auto;
}
}
@@ -51,7 +68,7 @@
margin:0.8em 0;
position:relative;
z-index:2;
- @media(min-width:21em) {
+ @media(min-width:23em) {
display:block;
}
}
@@ -70,6 +87,39 @@
font-size:1.5em;
line-height:1.533em;
}
+
+ &:hover {
+ color:white!important;
+ text-decoration:none!important;
+ span {
+ color:white!important;
+ text-decoration:none!important;
+ }
+ }
+ &:visited {
+ color:white!important;
+ text-decoration:none!important;
+ span {
+ color:white!important;
+ text-decoration:none!important;
+ }
+ }
+ &:focus {
+ color:white!important;
+ text-decoration:none!important;
+ span {
+ color:white!important;
+ text-decoration:none!important;
+ }
+ }
+ &:active {
+ color:white!important;
+ text-decoration:none!important;
+ span {
+ color:white!important;
+ text-decoration:none!important;
+ }
+ }
}
.#{$prefix}_banner__button--search {
@@ -94,13 +144,12 @@
border:0.1em solid $buttonBlue;
opacity:0;
transform:translateX(-90%);
- pointer-events:none;
+
&.active {
outline:none;
opacity:1;
transform:translateX(-100%);
- pointer-events:all;
}
}
@@ -157,7 +206,6 @@
top:100%;
right:0;
z-index:-1;
- width:10em;
overflow-y:hidden;
background-color:white;
box-shadow:0 0 1em rgba(0,0,0,0.5);
@@ -168,8 +216,10 @@
}
.#{$prefix}_banner__dropdownElement {
- width:10em;
- line-height:2em;
+ //width:10em;
+ white-space:nowrap;
+ line-height:1.5em;
+ padding:0.2em 0.5em;
text-align:center;
&:hover {
color:$textLightBlue;
@@ -184,3 +234,22 @@
color:white;
}
}
+
+
+.#{$prefix}_title__levelOne {
+ font-family:ProximaNova;
+ text-transform:capitalize;
+ font-size:24px;
+ margin:0 0 10px;
+
+ a {
+ text-decoration:none;
+ color:inherit;
+ }
+}
+
+.#{$prefix}_title__levelTwo {
+ font-size:11px;
+ letter-spacing:1px;
+ margin:15px 0 5px;
+}
diff --git a/src/scss/uconn/fonts/_proxima-nova.scss b/src/scss/uconn/components/fonts.scss
old mode 100755
new mode 100644
similarity index 68%
rename from src/scss/uconn/fonts/_proxima-nova.scss
rename to src/scss/uconn/components/fonts.scss
index bf18bbf..38f91e1
--- a/src/scss/uconn/fonts/_proxima-nova.scss
+++ b/src/scss/uconn/components/fonts.scss
@@ -1,3 +1,27 @@
+//Original author Brian Daley
+@font-face {
+ font-family: $uconn-font;
+ src: url($font-base-url+'/uconn/uconn.eot');
+ src: url($font-base-url+'/uconn/uconn.eot?#iefix') format('embedded-opentype'),
+ url($font-base-url+'/uconn/uconn.svg#uconnregular') format('svg'),
+ url($font-base-url+'/uconn/uconn.woff') format('woff'),
+ url($font-base-url+'/uconn/uconn.ttf') format('truetype');
+ font-weight: normal;
+ font-style: normal;
+}
+
+.#{$prefix}_font--uconn {
+ font-family: $uconn-font;
+ letter-spacing:3px;
+ font-size:50px;
+}
+
+@mixin uconn-font {
+ font-family: $uconn-font;
+ letter-spacing:3px;
+ font-size:50px;
+}
+
@font-face {
font-family: $secondary-font;
src: url($font-base-url+'/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot');
@@ -52,5 +76,41 @@
}
.#{$prefix}_font--proxima-nova {
- font-family:$secondary-font;
+ font-family:$secondary-font, $fallback-fonts;
+}
+
+@mixin secondary-font {
+ font-family:$secondary-font, $fallback-fonts;
+}
+
+@font-face {
+ font-family: 'icons';
+ src:url($font-base-url+'/icons/icons.eot');
+ src:url($font-base-url+'/icons/icons.eot?#iefix') format('embedded-opentype'),
+ url($font-base-url+'/icons/icons.ttf') format('truetype'),
+ url($font-base-url+'/icons/icons.woff') format('woff'),
+ url($font-base-url+'/icons/icons.svg#icons') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+.icon-a-z,
+.icon-search {
+ font-family: 'icons';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-a-z:before {
+ content: "\e600";
+}
+.icon-search:before {
+ content: "\e601";
}
diff --git a/src/scss/uconn/components/health-footer.scss b/src/scss/uconn/components/health-footer.scss
new file mode 100644
index 0000000..a002c7e
--- /dev/null
+++ b/src/scss/uconn/components/health-footer.scss
@@ -0,0 +1,218 @@
+
+.#{$prefix}_healthFooter {
+ @include secondary-font;
+}
+
+.#{$prefix}_healthFooter * {
+ text-align:left!important;
+}
+
+.#{$prefix}_healthFooter__superNav {
+ background-color:#ebebeb;
+ border-top:1px solid #ccc;
+}
+
+.#{$prefix}_healthFooter__superNavInner {
+ width:100%;
+ max-width:$banner-max-width;
+ margin:0 auto;
+ overflow-y:hidden;
+ box-sizing:border-box;
+ padding:1em;
+}
+
+.#{$prefix}_healthFooter__contact {
+ float:left;
+ box-sizing:border-box;
+ padding:1em;
+ width:100%;
+}
+
+.#{$prefix}_healthFooter__contactName {
+ line-height:3em;
+ margin:0.5em 0;
+ h1 {
+ text-align:left!important;
+ @include uconn-font;
+ color:$bannerDarkBlue!important;
+ font-size:3.5em;
+ font-weight:lighter;
+ display:inline-block;
+ vertical-align:middle;
+ margin:0;
+ padding-right:0.15em;
+ }
+ h3 {
+ text-align:left!important;
+ @include secondary-font;
+ color:$bannerDarkBlue!important;
+ display:inline-block;
+ font-size:1.5em;
+ vertical-align:middle;
+ margin:0;
+ }
+}
+
+.#{$prefix}_healthFooter__contactAppointment {
+ margin:2em 0;
+ h4 {
+ text-align:left!important;
+ color:$bannerDarkBlue!important;
+ margin:0;
+ font-size:1.1em;
+ }
+ h2 {
+ text-align:left!important;
+ color:$bannerDarkBlue!important;
+ margin:0;
+ font-size:2em;
+ }
+}
+
+.#{$prefix}_healthFooter__contactAddress {
+ font-style:normal;
+ font-size:1.1em;
+}
+
+.#{$prefix}_healthFooter__links {
+ text-align:left!important;
+ color: $blueGrey;
+ border-color:$blueGrey;
+ float:left;
+ padding:1em;
+ box-sizing:border-box;
+ width:100%;
+
+ ul {
+ padding:0;
+ list-style:none;
+ margin:0;
+ }
+
+ .#{$prefix}_healthFooter__link {
+ display:inline-block;
+ &:hover {
+ color:$textDarkBlue;
+ }
+ }
+
+ li:first-child {
+ .#{$prefix}_healthFooter__link {
+ padding-top:0;
+ }
+ }
+}
+
+.#{$prefix}_healthFooter__links--blue {
+ color: $bannerDarkBlue;
+ border-color:$bannerDarkBlue;
+ h4 {
+ font-size:1em;
+ margin:0 0 0.5em;
+ }
+ .#{$prefix}_healthFooter__link:hover {
+ color:$textYellow;
+ }
+}
+
+@media (min-width:34em) {
+ .#{$prefix}_healthFooter__links {
+ width:50%;
+ }
+ .#{$prefix}_healthFooter__links--blue {
+ width:100%;
+ }
+}
+@media (min-width:44em) {
+ .#{$prefix}_healthFooter__links {
+ width:33.333333%;
+ ul {
+ margin:1.5em 0 0;
+ }
+ }
+ .#{$prefix}_healthFooter__links--blue {
+ ul {
+ margin:0;
+ }
+ }
+}
+
+@media (min-width:68em) {
+ .#{$prefix}_healthFooter__contact {
+ width:30%;
+ max-width:25em;
+ }
+ .#{$prefix}_healthFooter__links {
+ width:23%;
+ margin-top:2em;
+ max-width:15em;
+ }
+
+}
+
+.#{$prefix}_healthFooter__link {
+ text-align:left!important;
+ color:inherit;
+ font-size:1em;
+ padding:0.5em 0;
+ text-decoration:none;
+ position:relative;
+ transition:color 0.15s cubic-bezier(.66,.01,.36,1);
+
+ &::before,
+ &::after {
+ content:"";
+ position:absolute;
+ bottom:0.5em;
+ border-color:inherit;
+ border-bottom:1px solid;
+ height:0;
+ width:0;
+ transition:width 0.15s cubic-bezier(.66,.01,.36,1);
+ }
+ &::before {
+ left:0;
+ }
+ &::after {
+ right:0;
+ }
+
+ &:hover {
+ text-decoration:none;
+ }
+
+ &:hover::before,
+ &:hover::after {
+ width:50%;
+ }
+}
+
+.#{$prefix}_healthFooter__text {
+ text-align:left!important;
+ display:inline-block;
+ padding:0.5em 0;
+}
+
+.#{$prefix}_healthFooter__subNav {
+ background-color:$bannerDarkBlue;
+ color:#ccc;
+}
+
+.#{$prefix}_healthFooter__subNavInner {
+ max-width:$banner-max-width;
+ margin:0 auto;
+ box-sizing:border-box;
+ padding:2em 1em;
+
+ .#{$prefix}_healthFooter__link,
+ .#{$prefix}_healthFooter__text {
+ margin:0.5em 3em 0.5em 1em;
+ }
+
+ .#{$prefix}_healthFooter__link {
+ display:inline-block;
+ &:hover {
+ color:white;
+ }
+ }
+}
diff --git a/src/scss/uconn/components/titles.scss b/src/scss/uconn/components/titles.scss
deleted file mode 100644
index e83f6c8..0000000
--- a/src/scss/uconn/components/titles.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-
-.#{$prefix}_title__levelOne {
- @extend .#{$prefix}_font--proxima-nova;
- color:$darkBlue;
- font-size:1.5em;
-
- a {
- color:inherit;
- text-decoration:none;
- }
-}
-
-.#{$prefix}_title__levelTwo {
- @extend .#{$prefix}_font--proxima-nova;
- color:$grey;
- font-size:0.9em;
-
- a {
- color:inherit;
- text-decoration:none;
- }
-}
diff --git a/src/scss/uconn/fonts/_icons.scss b/src/scss/uconn/fonts/_icons.scss
deleted file mode 100755
index 8021305..0000000
--- a/src/scss/uconn/fonts/_icons.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-@font-face {
- font-family: 'icons';
- src:url($font-base-url+'/icons/icons.eot');
- src:url($font-base-url+'/icons/icons.eot?#iefix') format('embedded-opentype'),
- url($font-base-url+'/icons/icons.ttf') format('truetype'),
- url($font-base-url+'/icons/icons.woff') format('woff'),
- url($font-base-url+'/icons/icons.svg#icons') format('svg');
- font-weight: normal;
- font-style: normal;
-}
-[class*="icon-"] {
- font-family: 'icons';
- speak: none;
- font-style: normal;
- font-weight: normal;
- font-variant: normal;
- text-transform: none;
- line-height: 1;
-
- /* Better Font Rendering =========== */
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-a-z:before {
- content: "\e600";
-}
-.icon-search:before {
- content: "\e601";
-}
diff --git a/src/scss/uconn/fonts/_uconn.scss b/src/scss/uconn/fonts/_uconn.scss
deleted file mode 100755
index 0340855..0000000
--- a/src/scss/uconn/fonts/_uconn.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-@font-face {
- font-family: $uconn-font;
- src: url($font-base-url+'/uconn/uconn.eot');
- src: url($font-base-url+'/uconn/uconn.eot?#iefix') format('embedded-opentype'),
- url($font-base-url+'/uconn/uconn.svg#uconnregular') format('svg'),
- url($font-base-url+'/uconn/uconn.woff') format('woff'),
- url($font-base-url+'/uconn/uconn.ttf') format('truetype');
- font-weight: normal;
- font-style: normal;
-}
-
-.#{$prefix}_font--uconn {
- font-family: $uconn-font;
- letter-spacing:3px;
- font-size:50px;
-}
diff --git a/src/scss/uconn/patches/bootstrap-patch.scss b/src/scss/uconn/patches/bootstrap-patch.scss
new file mode 100644
index 0000000..6b39594
--- /dev/null
+++ b/src/scss/uconn/patches/bootstrap-patch.scss
@@ -0,0 +1,4 @@
+
+.#{$prefix}_banner {
+ font-size:16px;
+}
diff --git a/src/scss/uconn/uconn.scss b/src/scss/uconn/uconn.scss
index ebe5bcf..1e1d257 100644
--- a/src/scss/uconn/uconn.scss
+++ b/src/scss/uconn/uconn.scss
@@ -2,10 +2,10 @@
@import 'base/variables';
-@import 'fonts/_icons';
-@import 'fonts/_proxima-nova';
-@import 'fonts/_uconn';
-@import 'components/color-utils';
+@import 'components/fonts';
+//@import 'components/color-utils';
@import 'components/banner';
-@import 'components/titles';
+@import 'components/health-footer';
+
+@import 'patches/bootstrap-patch';
diff --git a/templates/base.twig b/templates/base.twig
index f54bc6f..ee4bb3a 100755
--- a/templates/base.twig
+++ b/templates/base.twig
@@ -17,21 +17,20 @@