/* Fonts */ @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans-Regular-webfont.eot'); src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans-Light-webfont.eot'); src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'NeutrafaceText'; src: url('../fonts/NeutrafaceText/NeutrafaceText-Light.eot'); src: url('../fonts/NeutrafaceText/NeutrafaceText-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/NeutrafaceText/NeutrafaceText-Light.woff') format('woff'), url('../fonts/NeutrafaceText/NeutrafaceText-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; } @font-face { font-family: 'NeutrafaceText'; src: url('../fonts/NeutrafaceText/NeutrafaceText-Book.eot'); src: url('../fonts/NeutrafaceText/NeutrafaceText-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/NeutrafaceText/NeutrafaceText-Book.woff') format('woff'), url('../fonts/NeutrafaceText/NeutrafaceText-Book.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NeutrafaceText'; src: url('../fonts/NeutrafaceText/NeutrafaceText-Bold.eot'); src: url('../fonts/NeutrafaceText/NeutrafaceText-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/NeutrafaceText/NeutrafaceText-Bold.woff') format('woff'), url('../fonts/NeutrafaceText/NeutrafaceText-Bold.woff2') format('woff2'); font-weight: bold; font-style: normal; } @font-face { font-family: 'PlayfairDisplay'; src: url('../fonts/playfairdisplay-regular-webfont.woff2') format('woff2'), url('../fonts/playfairdisplay-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'umb-icons'; src: url("../fonts/umb-icons/umb-icons.eot"); src: url("../fonts/umb-icons/umb-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/umb-icons/umb-icons.woff") format("woff"), url("../fonts/umb-icons/umb-icons.ttf") format("truetype"), url("../fonts/umb-icons/umb-icons.svg#umb-icons") format("svg"); font-weight: normal; font-style: normal; } /* BEGIN BEACON TECHNOLOGIES CSS */ @font-face { font-family: 'Stag Sans Light'; src: url('https://welcome.miami.edu/_assets/fonts/StagSans-Light.eot'); /* IE9 Compat Modes */ src: url('https://welcome.miami.edu/_assets/fonts/StagSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://welcome.miami.edu/_assets/fonts/StagSans-Light.woff') format('woff'), /* Modern Browsers */ url('https://welcome.miami.edu/_assets/fonts/StagSans-Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://welcome.miami.edu/_assets/fonts/StagSans-Light.svg#838673efa3f97adb4a8c5112bfdc6416') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } @font-face { font-family: 'Stag Bold'; src: url('https://welcome.miami.edu/_assets/fonts/Stag-Bold.eot'); /* IE9 Compat Modes */ src: url('https://welcome.miami.edu/_assets/fonts/Stag-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://welcome.miami.edu/_assets/fonts/Stag-Bold.woff') format('woff'), /* Modern Browsers */ url('https://welcome.miami.edu/_assets/fonts/Stag-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('#989ec862db1f01c1df5be8a2b4cfd1a2') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; } @font-face { font-family: 'Stag Sans Bold'; src: url('https://welcome.miami.edu/_assets/fonts/StagSans-Bold.eot'); /* IE9 Compat Modes */ src: url('https://welcome.miami.edu/_assets/fonts/StagSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://welcome.miami.edu/_assets/fonts/StagSans-Bold.woff') format('woff'), /* Modern Browsers */ url('https://welcome.miami.edu/_assets/fonts/StagSans-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://welcome.miami.edu/_assets/fonts/StagSans-Bold.svg#2c181427f883ed5c99bbc1d4855dce48') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; } @media only screen{ #sliver .show-for-small-only,#sliver .show-for-small-up,#sliver .show-for-small,#sliver .show-for-small-down,#sliver .hide-for-medium-only,#sliver .hide-for-medium-up,#sliver .hide-for-medium,#sliver .show-for-medium-down,#sliver .hide-for-large-only,#sliver .hide-for-large-up,#sliver .hide-for-large,#sliver .show-for-large-down,#sliver .hide-for-xlarge-only,#sliver .hide-for-xlarge-up,#sliver .hide-for-xxlarge-only,#sliver .hide-for-xxlarge-up{ display:inherit !important } #sliver .hide-for-small-only,#sliver .hide-for-small-up,#sliver .hide-for-small,#sliver .hide-for-small-down,#sliver .show-for-medium-only,#sliver .show-for-medium-up,#sliver .show-for-medium,#sliver .hide-for-medium-down,#sliver .show-for-large-only,#sliver .show-for-large-up,#sliver .show-for-large,#sliver .hide-for-large-down,#sliver .show-for-xlarge-only,#sliver .show-for-xlarge-up,#sliver .show-for-xxlarge-only,#sliver .show-for-xxlarge-up{ display:none !important } #sliver .visible-for-small-only,#sliver .visible-for-small-up,#sliver .visible-for-small,#sliver .visible-for-small-down,#sliver .hidden-for-medium-only,#sliver .hidden-for-medium-up,#sliver .hidden-for-medium,#sliver .visible-for-medium-down,#sliver .hidden-for-large-only,#sliver .hidden-for-large-up,#sliver .hidden-for-large,#sliver .visible-for-large-down,#sliver .hidden-for-xlarge-only,#sliver .hidden-for-xlarge-up,#sliver .hidden-for-xxlarge-only,#sliver .hidden-for-xxlarge-up{ position:static !important; height:auto; width:auto; overflow:visible; clip:auto } #sliver .hidden-for-small-only,#sliver .hidden-for-small-up,#sliver .hidden-for-small,#sliver .hidden-for-small-down,#sliver .visible-for-medium-only,#sliver .visible-for-medium-up,#sliver .visible-for-medium,#sliver .hidden-for-medium-down,#sliver .visible-for-large-only,#sliver .visible-for-large-up,#sliver .visible-for-large,#sliver .hidden-for-large-down,#sliver .visible-for-xlarge-only,#sliver .visible-for-xlarge-up,#sliver .visible-for-xxlarge-only,#sliver .visible-for-xxlarge-up{ position:absolute !important; height:1px; width:1px; overflow:hidden; clip:rect(1px, 1px, 1px, 1px) } #sliver table.show-for-small-only,#sliver table.show-for-small-up,#sliver table.show-for-small,#sliver table.show-for-small-down,#sliver table.hide-for-medium-only,#sliver table.hide-for-medium-up,#sliver table.hide-for-medium,#sliver table.show-for-medium-down,#sliver table.hide-for-large-only,#sliver table.hide-for-large-up,#sliver table.hide-for-large,#sliver table.show-for-large-down,#sliver table.hide-for-xlarge-only,#sliver table.hide-for-xlarge-up,#sliver table.hide-for-xxlarge-only,#sliver table.hide-for-xxlarge-up{ display:table !important } #sliver thead.show-for-small-only,#sliver thead.show-for-small-up,#sliver thead.show-for-small,#sliver thead.show-for-small-down,#sliver thead.hide-for-medium-only,#sliver thead.hide-for-medium-up,#sliver thead.hide-for-medium,#sliver thead.show-for-medium-down,#sliver thead.hide-for-large-only,#sliver thead.hide-for-large-up,#sliver thead.hide-for-large,#sliver thead.show-for-large-down,#sliver thead.hide-for-xlarge-only,#sliver thead.hide-for-xlarge-up,#sliver thead.hide-for-xxlarge-only,#sliver thead.hide-for-xxlarge-up{ display:table-header-group !important } #sliver tbody.show-for-small-only,#sliver tbody.show-for-small-up,#sliver tbody.show-for-small,#sliver tbody.show-for-small-down,#sliver tbody.hide-for-medium-only,#sliver tbody.hide-for-medium-up,#sliver tbody.hide-for-medium,#sliver tbody.show-for-medium-down,#sliver tbody.hide-for-large-only,#sliver tbody.hide-for-large-up,#sliver tbody.hide-for-large,#sliver tbody.show-for-large-down,#sliver tbody.hide-for-xlarge-only,#sliver tbody.hide-for-xlarge-up,#sliver tbody.hide-for-xxlarge-only,#sliver tbody.hide-for-xxlarge-up{ display:table-row-group !important } #sliver tr.show-for-small-only,#sliver tr.show-for-small-up,#sliver tr.show-for-small,#sliver tr.show-for-small-down,#sliver tr.hide-for-medium-only,#sliver tr.hide-for-medium-up,#sliver tr.hide-for-medium,#sliver tr.show-for-medium-down,#sliver tr.hide-for-large-only,#sliver tr.hide-for-large-up,#sliver tr.hide-for-large,#sliver tr.show-for-large-down,#sliver tr.hide-for-xlarge-only,#sliver tr.hide-for-xlarge-up,#sliver tr.hide-for-xxlarge-only,#sliver tr.hide-for-xxlarge-up{ display:table-row !important } #sliver th.show-for-small-only,#sliver td.show-for-small-only,#sliver th.show-for-small-up,#sliver td.show-for-small-up,#sliver th.show-for-small,#sliver td.show-for-small,#sliver th.show-for-small-down,#sliver td.show-for-small-down,#sliver th.hide-for-medium-only,#sliver td.hide-for-medium-only,#sliver th.hide-for-medium-up,#sliver td.hide-for-medium-up,#sliver th.hide-for-medium,#sliver td.hide-for-medium,#sliver th.show-for-medium-down,#sliver td.show-for-medium-down,#sliver th.hide-for-large-only,#sliver td.hide-for-large-only,#sliver th.hide-for-large-up,#sliver td.hide-for-large-up,#sliver th.hide-for-large,#sliver td.hide-for-large,#sliver th.show-for-large-down,#sliver td.show-for-large-down,#sliver th.hide-for-xlarge-only,#sliver td.hide-for-xlarge-only,#sliver th.hide-for-xlarge-up,#sliver td.hide-for-xlarge-up,#sliver th.hide-for-xxlarge-only,#sliver td.hide-for-xxlarge-only,#sliver th.hide-for-xxlarge-up,#sliver td.hide-for-xxlarge-up{ display:table-cell !important } } @media only screen and (min-width: 30em){ #sliver .hide-for-small-only,#sliver .show-for-small-up,#sliver .hide-for-small,#sliver .hide-for-small-down,#sliver .show-for-medium-only,#sliver .show-for-medium-up,#sliver .show-for-medium,#sliver .show-for-medium-down,#sliver .hide-for-large-only,#sliver .hide-for-large-up,#sliver .hide-for-large,#sliver .show-for-large-down,#sliver .hide-for-xlarge-only,#sliver .hide-for-xlarge-up,#sliver .hide-for-xxlarge-only,#sliver .hide-for-xxlarge-up{ display:inherit !important } #sliver .show-for-small-only,#sliver .hide-for-small-up,#sliver .show-for-small,#sliver .show-for-small-down,#sliver .hide-for-medium-only,#sliver .hide-for-medium-up,#sliver .hide-for-medium,#sliver .hide-for-medium-down,#sliver .show-for-large-only,#sliver .show-for-large-up,#sliver .show-for-large,#sliver .hide-for-large-down,#sliver .show-for-xlarge-only,#sliver .show-for-xlarge-up,#sliver .show-for-xxlarge-only,#sliver .show-for-xxlarge-up{ display:none !important } #sliver .hidden-for-small-only,#sliver .visible-for-small-up,#sliver .hidden-for-small,#sliver .hidden-for-small-down,#sliver .visible-for-medium-only,#sliver .visible-for-medium-up,#sliver .visible-for-medium,#sliver .visible-for-medium-down,#sliver .hidden-for-large-only,#sliver .hidden-for-large-up,#sliver .hidden-for-large,#sliver .visible-for-large-down,#sliver .hidden-for-xlarge-only,#sliver .hidden-for-xlarge-up,#sliver .hidden-for-xxlarge-only,#sliver .hidden-for-xxlarge-up{ position:static !important; height:auto; width:auto; overflow:visible; clip:auto } #sliver .visible-for-small-only,#sliver .hidden-for-small-up,#sliver .visible-for-small,#sliver .visible-for-small-down,#sliver .hidden-for-medium-only,#sliver .hidden-for-medium-up,#sliver .hidden-for-medium,#sliver .hidden-for-medium-down,#sliver .visible-for-large-only,#sliver .visible-for-large-up,#sliver .visible-for-large,#sliver .hidden-for-large-down,#sliver .visible-for-xlarge-only,#sliver .visible-for-xlarge-up,#sliver .visible-for-xxlarge-only,#sliver .visible-for-xxlarge-up{ position:absolute !important; height:1px; width:1px; overflow:hidden; clip:rect(1px, 1px, 1px, 1px) } #sliver table.hide-for-small-only,#sliver table.show-for-small-up,#sliver table.hide-for-small,#sliver table.hide-for-small-down,#sliver table.show-for-medium-only,#sliver table.show-for-medium-up,#sliver table.show-for-medium,#sliver table.show-for-medium-down,#sliver table.hide-for-large-only,#sliver table.hide-for-large-up,#sliver table.hide-for-large,#sliver table.show-for-large-down,#sliver table.hide-for-xlarge-only,#sliver table.hide-for-xlarge-up,#sliver table.hide-for-xxlarge-only,#sliver table.hide-for-xxlarge-up{ display:table !important } #sliver thead.hide-for-small-only,#sliver thead.show-for-small-up,#sliver thead.hide-for-small,#sliver thead.hide-for-small-down,#sliver thead.show-for-medium-only,#sliver thead.show-for-medium-up,#sliver thead.show-for-medium,#sliver thead.show-for-medium-down,#sliver thead.hide-for-large-only,#sliver thead.hide-for-large-up,#sliver thead.hide-for-large,#sliver thead.show-for-large-down,#sliver thead.hide-for-xlarge-only,#sliver thead.hide-for-xlarge-up,#sliver thead.hide-for-xxlarge-only,#sliver thead.hide-for-xxlarge-up{ display:table-header-group !important } #sliver tbody.hide-for-small-only,#sliver tbody.show-for-small-up,#sliver tbody.hide-for-small,#sliver tbody.hide-for-small-down,#sliver tbody.show-for-medium-only,#sliver tbody.show-for-medium-up,#sliver tbody.show-for-medium,#sliver tbody.show-for-medium-down,#sliver tbody.hide-for-large-only,#sliver tbody.hide-for-large-up,#sliver tbody.hide-for-large,#sliver tbody.show-for-large-down,#sliver tbody.hide-for-xlarge-only,#sliver tbody.hide-for-xlarge-up,#sliver tbody.hide-for-xxlarge-only,#sliver tbody.hide-for-xxlarge-up{ display:table-row-group !important } #sliver tr.hide-for-small-only,#sliver tr.show-for-small-up,#sliver tr.hide-for-small,#sliver tr.hide-for-small-down,#sliver tr.show-for-medium-only,#sliver tr.show-for-medium-up,#sliver tr.show-for-medium,#sliver tr.show-for-medium-down,#sliver tr.hide-for-large-only,#sliver tr.hide-for-large-up,#sliver tr.hide-for-large,#sliver tr.show-for-large-down,#sliver tr.hide-for-xlarge-only,#sliver tr.hide-for-xlarge-up,#sliver tr.hide-for-xxlarge-only,#sliver tr.hide-for-xxlarge-up{ display:table-row !important } #sliver th.hide-for-small-only,#sliver td.hide-for-small-only,#sliver th.show-for-small-up,#sliver td.show-for-small-up,#sliver th.hide-for-small,#sliver td.hide-for-small,#sliver th.hide-for-small-down,#sliver td.hide-for-small-down,#sliver th.show-for-medium-only,#sliver td.show-for-medium-only,#sliver th.show-for-medium-up,#sliver td.show-for-medium-up,#sliver th.show-for-medium,#sliver td.show-for-medium,#sliver th.show-for-medium-down,#sliver td.show-for-medium-down,#sliver th.hide-for-large-only,#sliver td.hide-for-large-only,#sliver th.hide-for-large-up,#sliver td.hide-for-large-up,#sliver th.hide-for-large,#sliver td.hide-for-large,#sliver th.show-for-large-down,#sliver td.show-for-large-down,#sliver th.hide-for-xlarge-only,#sliver td.hide-for-xlarge-only,#sliver th.hide-for-xlarge-up,#sliver td.hide-for-xlarge-up,#sliver th.hide-for-xxlarge-only,#sliver td.hide-for-xxlarge-only,#sliver th.hide-for-xxlarge-up,#sliver td.hide-for-xxlarge-up{ display:table-cell !important } } @media only screen and (min-width: 47.5em){ #sliver .hide-for-small-only,#sliver .show-for-small-up,#sliver .hide-for-small,#sliver .hide-for-small-down,#sliver .hide-for-medium-only,#sliver .show-for-medium-up,#sliver .hide-for-medium,#sliver .hide-for-medium-down,#sliver .show-for-large-only,#sliver .show-for-large-up,#sliver .show-for-large,#sliver .show-for-large-down,#sliver .hide-for-xlarge-only,#sliver .hide-for-xlarge-up,#sliver .hide-for-xxlarge-only,#sliver .hide-for-xxlarge-up{ display:inherit !important } #sliver .show-for-small-only,#sliver .hide-for-small-up,#sliver .show-for-small,#sliver .show-for-small-down,#sliver .show-for-medium-only,#sliver .hide-for-medium-up,#sliver .show-for-medium,#sliver .show-for-medium-down,#sliver .hide-for-large-only,#sliver .hide-for-large-up,#sliver .hide-for-large,#sliver .hide-for-large-down,#sliver .show-for-xlarge-only,#sliver .show-for-xlarge-up,#sliver .show-for-xxlarge-only,#sliver .show-for-xxlarge-up{ display:none !important } #sliver .hidden-for-small-only,#sliver .visible-for-small-up,#sliver .hidden-for-small,#sliver .hidden-for-small-down,#sliver .hidden-for-medium-only,#sliver .visible-for-medium-up,#sliver .hidden-for-medium,#sliver .hidden-for-medium-down,#sliver .visible-for-large-only,#sliver .visible-for-large-up,#sliver .visible-for-large,#sliver .visible-for-large-down,#sliver .hidden-for-xlarge-only,#sliver .hidden-for-xlarge-up,#sliver .hidden-for-xxlarge-only,#sliver .hidden-for-xxlarge-up{ position:static !important; height:auto; width:auto; overflow:visible; clip:auto } #sliver .visible-for-small-only,#sliver .hidden-for-small-up,#sliver .visible-for-small,#sliver .visible-for-small-down,#sliver .visible-for-medium-only,#sliver .hidden-for-medium-up,#sliver .visible-for-medium,#sliver .visible-for-medium-down,#sliver .hidden-for-large-only,#sliver .hidden-for-large-up,#sliver .hidden-for-large,#sliver .hidden-for-large-down,#sliver .visible-for-xlarge-only,#sliver .visible-for-xlarge-up,#sliver .visible-for-xxlarge-only,#sliver .visible-for-xxlarge-up{ position:absolute !important; height:1px; width:1px; overflow:hidden; clip:rect(1px, 1px, 1px, 1px) } #sliver table.hide-for-small-only,#sliver table.show-for-small-up,#sliver table.hide-for-small,#sliver table.hide-for-small-down,#sliver table.hide-for-medium-only,#sliver table.show-for-medium-up,#sliver table.hide-for-medium,#sliver table.hide-for-medium-down,#sliver table.show-for-large-only,#sliver table.show-for-large-up,#sliver table.show-for-large,#sliver table.show-for-large-down,#sliver table.hide-for-xlarge-only,#sliver table.hide-for-xlarge-up,#sliver table.hide-for-xxlarge-only,#sliver table.hide-for-xxlarge-up{ display:table !important } #sliver thead.hide-for-small-only,#sliver thead.show-for-small-up,#sliver thead.hide-for-small,#sliver thead.hide-for-small-down,#sliver thead.hide-for-medium-only,#sliver thead.show-for-medium-up,#sliver thead.hide-for-medium,#sliver thead.hide-for-medium-down,#sliver thead.show-for-large-only,#sliver thead.show-for-large-up,#sliver thead.show-for-large,#sliver thead.show-for-large-down,#sliver thead.hide-for-xlarge-only,#sliver thead.hide-for-xlarge-up,#sliver thead.hide-for-xxlarge-only,#sliver thead.hide-for-xxlarge-up{ display:table-header-group !important } #sliver tbody.hide-for-small-only,#sliver tbody.show-for-small-up,#sliver tbody.hide-for-small,#sliver tbody.hide-for-small-down,#sliver tbody.hide-for-medium-only,#sliver tbody.show-for-medium-up,#sliver tbody.hide-for-medium,#sliver tbody.hide-for-medium-down,#sliver tbody.show-for-large-only,#sliver tbody.show-for-large-up,#sliver tbody.show-for-large,#sliver tbody.show-for-large-down,#sliver tbody.hide-for-xlarge-only,#sliver tbody.hide-for-xlarge-up,#sliver tbody.hide-for-xxlarge-only,#sliver tbody.hide-for-xxlarge-up{ display:table-row-group !important } #sliver tr.hide-for-small-only,#sliver tr.show-for-small-up,#sliver tr.hide-for-small,#sliver tr.hide-for-small-down,#sliver tr.hide-for-medium-only,#sliver tr.show-for-medium-up,#sliver tr.hide-for-medium,#sliver tr.hide-for-medium-down,#sliver tr.show-for-large-only,#sliver tr.show-for-large-up,#sliver tr.show-for-large,#sliver tr.show-for-large-down,#sliver tr.hide-for-xlarge-only,#sliver tr.hide-for-xlarge-up,#sliver tr.hide-for-xxlarge-only,#sliver tr.hide-for-xxlarge-up{ display:table-row !important } #sliver th.hide-for-small-only,#sliver td.hide-for-small-only,#sliver th.show-for-small-up,#sliver td.show-for-small-up,#sliver th.hide-for-small,#sliver td.hide-for-small,#sliver th.hide-for-small-down,#sliver td.hide-for-small-down,#sliver th.hide-for-medium-only,#sliver td.hide-for-medium-only,#sliver th.show-for-medium-up,#sliver td.show-for-medium-up,#sliver th.hide-for-medium,#sliver td.hide-for-medium,#sliver th.hide-for-medium-down,#sliver td.hide-for-medium-down,#sliver th.show-for-large-only,#sliver td.show-for-large-only,#sliver th.show-for-large-up,#sliver td.show-for-large-up,#sliver th.show-for-large,#sliver td.show-for-large,#sliver th.show-for-large-down,#sliver td.show-for-large-down,#sliver th.hide-for-xlarge-only,#sliver td.hide-for-xlarge-only,#sliver th.hide-for-xlarge-up,#sliver td.hide-for-xlarge-up,#sliver th.hide-for-xxlarge-only,#sliver td.hide-for-xxlarge-only,#sliver th.hide-for-xxlarge-up,#sliver td.hide-for-xxlarge-up{ display:table-cell !important } } @media only screen and (min-width: 64em){ #sliver .hide-for-small-only,#sliver .show-for-small-up,#sliver .hide-for-small,#sliver .hide-for-small-down,#sliver .hide-for-medium-only,#sliver .show-for-medium-up,#sliver .hide-for-medium,#sliver .hide-for-medium-down,#sliver .hide-for-large-only,#sliver .show-for-large-up,#sliver .hide-for-large,#sliver .hide-for-large-down,#sliver .show-for-xlarge-only,#sliver .show-for-xlarge-up,#sliver .hide-for-xxlarge-only,#sliver .hide-for-xxlarge-up{ display:inherit !important } #sliver .show-for-small-only,#sliver .hide-for-small-up,#sliver .show-for-small,#sliver .show-for-small-down,#sliver .show-for-medium-only,#sliver .hide-for-medium-up,#sliver .show-for-medium,#sliver .show-for-medium-down,#sliver .show-for-large-only,#sliver .hide-for-large-up,#sliver .show-for-large,#sliver .show-for-large-down,#sliver .hide-for-xlarge-only,#sliver .hide-for-xlarge-up,#sliver .show-for-xxlarge-only,#sliver .show-for-xxlarge-up{ display:none !important } #sliver .hidden-for-small-only,#sliver .visible-for-small-up,#sliver .hidden-for-small,#sliver .hidden-for-small-down,#sliver .hidden-for-medium-only,#sliver .visible-for-medium-up,#sliver .hidden-for-medium,#sliver .hidden-for-medium-down,#sliver .hidden-for-large-only,#sliver .visible-for-large-up,#sliver .hidden-for-large,#sliver .hidden-for-large-down,#sliver .visible-for-xlarge-only,#sliver .visible-for-xlarge-up,#sliver .hidden-for-xxlarge-only,#sliver .hidden-for-xxlarge-up{ position:static !important; height:auto; width:auto; overflow:visible; clip:auto } #sliver .visible-for-small-only,#sliver .hidden-for-small-up,#sliver .visible-for-small,#sliver .visible-for-small-down,#sliver .visible-for-medium-only,#sliver .hidden-for-medium-up,#sliver .visible-for-medium,#sliver .visible-for-medium-down,#sliver .visible-for-large-only,#sliver .hidden-for-large-up,#sliver .visible-for-large,#sliver .visible-for-large-down,#sliver .hidden-for-xlarge-only,#sliver .hidden-for-xlarge-up,#sliver .visible-for-xxlarge-only,#sliver .visible-for-xxlarge-up{ position:absolute !important; height:1px; width:1px; overflow:hidden; clip:rect(1px, 1px, 1px, 1px) } #sliver table.hide-for-small-only,#sliver table.show-for-small-up,#sliver table.hide-for-small,#sliver table.hide-for-small-down,#sliver table.hide-for-medium-only,#sliver table.show-for-medium-up,#sliver table.hide-for-medium,#sliver table.hide-for-medium-down,#sliver table.hide-for-large-only,#sliver table.show-for-large-up,#sliver table.hide-for-large,#sliver table.hide-for-large-down,#sliver table.show-for-xlarge-only,#sliver table.show-for-xlarge-up,#sliver table.hide-for-xxlarge-only,#sliver table.hide-for-xxlarge-up{ display:table !important } #sliver thead.hide-for-small-only,#sliver thead.show-for-small-up,#sliver thead.hide-for-small,#sliver thead.hide-for-small-down,#sliver thead.hide-for-medium-only,#sliver thead.show-for-medium-up,#sliver thead.hide-for-medium,#sliver thead.hide-for-medium-down,#sliver thead.hide-for-large-only,#sliver thead.show-for-large-up,#sliver thead.hide-for-large,#sliver thead.hide-for-large-down,#sliver thead.show-for-xlarge-only,#sliver thead.show-for-xlarge-up,#sliver thead.hide-for-xxlarge-only,#sliver thead.hide-for-xxlarge-up{ display:table-header-group !important } #sliver tbody.hide-for-small-only,#sliver tbody.show-for-small-up,#sliver tbody.hide-for-small,#sliver tbody.hide-for-small-down,#sliver tbody.hide-for-medium-only,#sliver tbody.show-for-medium-up,#sliver tbody.hide-for-medium,#sliver tbody.hide-for-medium-down,#sliver tbody.hide-for-large-only,#sliver tbody.show-for-large-up,#sliver tbody.hide-for-large,#sliver tbody.hide-for-large-down,#sliver tbody.show-for-xlarge-only,#sliver tbody.show-for-xlarge-up,#sliver tbody.hide-for-xxlarge-only,#sliver tbody.hide-for-xxlarge-up{ display:table-row-group !important } #sliver tr.hide-for-small-only,#sliver tr.show-for-small-up,#sliver tr.hide-for-small,#sliver tr.hide-for-small-down,#sliver tr.hide-for-medium-only,#sliver tr.show-for-medium-up,#sliver tr.hide-for-medium,#sliver tr.hide-for-medium-down,#sliver tr.hide-for-large-only,#sliver tr.show-for-large-up,#sliver tr.hide-for-large,#sliver tr.hide-for-large-down,#sliver tr.show-for-xlarge-only,#sliver tr.show-for-xlarge-up,#sliver tr.hide-for-xxlarge-only,#sliver tr.hide-for-xxlarge-up{ display:table-row !important } #sliver th.hide-for-small-only,#sliver td.hide-for-small-only,#sliver th.show-for-small-up,#sliver td.show-for-small-up,#sliver th.hide-for-small,#sliver td.hide-for-small,#sliver th.hide-for-small-down,#sliver td.hide-for-small-down,#sliver th.hide-for-medium-only,#sliver td.hide-for-medium-only,#sliver th.show-for-medium-up,#sliver td.show-for-medium-up,#sliver th.hide-for-medium,#sliver td.hide-for-medium,#sliver th.hide-for-medium-down,#sliver td.hide-for-medium-down,#sliver th.hide-for-large-only,#sliver td.hide-for-large-only,#sliver th.show-for-large-up,#sliver td.show-for-large-up,#sliver th.hide-for-large,#sliver td.hide-for-large,#sliver th.hide-for-large-down,#sliver td.hide-for-large-down,#sliver th.show-for-xlarge-only,#sliver td.show-for-xlarge-only,#sliver th.show-for-xlarge-up,#sliver td.show-for-xlarge-up,#sliver th.hide-for-xxlarge-only,#sliver td.hide-for-xxlarge-only,#sliver th.hide-for-xxlarge-up,#sliver td.hide-for-xxlarge-up{ display:table-cell !important } } @media only screen and (min-width: 85.375em){ #sliver .hide-for-small-only,#sliver .show-for-small-up,#sliver .hide-for-small,#sliver .hide-for-small-down,#sliver .hide-for-medium-only,#sliver .show-for-medium-up,#sliver .hide-for-medium,#sliver .hide-for-medium-down,#sliver .hide-for-large-only,#sliver .show-for-large-up,#sliver .hide-for-large,#sliver .hide-for-large-down,#sliver .hide-for-xlarge-only,#sliver .show-for-xlarge-up,#sliver .show-for-xxlarge-only,#sliver .show-for-xxlarge-up{ display:inherit !important } #sliver .show-for-small-only,#sliver .hide-for-small-up,#sliver .show-for-small,#sliver .show-for-small-down,#sliver .show-for-medium-only,#sliver .hide-for-medium-up,#sliver .show-for-medium,#sliver .show-for-medium-down,#sliver .show-for-large-only,#sliver .hide-for-large-up,#sliver .show-for-large,#sliver .show-for-large-down,#sliver .show-for-xlarge-only,#sliver .hide-for-xlarge-up,#sliver .hide-for-xxlarge-only,#sliver .hide-for-xxlarge-up{ display:none !important } #sliver .hidden-for-small-only,#sliver .visible-for-small-up,#sliver .hidden-for-small,#sliver .hidden-for-small-down,#sliver .hidden-for-medium-only,#sliver .visible-for-medium-up,#sliver .hidden-for-medium,#sliver .hidden-for-medium-down,#sliver .hidden-for-large-only,#sliver .visible-for-large-up,#sliver .hidden-for-large,#sliver .hidden-for-large-down,#sliver .hidden-for-xlarge-only,#sliver .visible-for-xlarge-up,#sliver .visible-for-xxlarge-only,#sliver .visible-for-xxlarge-up{ position:static !important; height:auto; width:auto; overflow:visible; clip:auto } #sliver .visible-for-small-only,#sliver .hidden-for-small-up,#sliver .visible-for-small,#sliver .visible-for-small-down,#sliver .visible-for-medium-only,#sliver .hidden-for-medium-up,#sliver .visible-for-medium,#sliver .visible-for-medium-down,#sliver .visible-for-large-only,#sliver .hidden-for-large-up,#sliver .visible-for-large,#sliver .visible-for-large-down,#sliver .visible-for-xlarge-only,#sliver .hidden-for-xlarge-up,#sliver .hidden-for-xxlarge-only,#sliver .hidden-for-xxlarge-up{ position:absolute !important; height:1px; width:1px; overflow:hidden; clip:rect(1px, 1px, 1px, 1px) } #sliver table.hide-for-small-only,#sliver table.show-for-small-up,#sliver table.hide-for-small,#sliver table.hide-for-small-down,#sliver table.hide-for-medium-only,#sliver table.show-for-medium-up,#sliver table.hide-for-medium,#sliver table.hide-for-medium-down,#sliver table.hide-for-large-only,#sliver table.show-for-large-up,#sliver table.hide-for-large,#sliver table.hide-for-large-down,#sliver table.hide-for-xlarge-only,#sliver table.show-for-xlarge-up,#sliver table.show-for-xxlarge-only,#sliver table.show-for-xxlarge-up{ display:table !important } #sliver thead.hide-for-small-only,#sliver thead.show-for-small-up,#sliver thead.hide-for-small,#sliver thead.hide-for-small-down,#sliver thead.hide-for-medium-only,#sliver thead.show-for-medium-up,#sliver thead.hide-for-medium,#sliver thead.hide-for-medium-down,#sliver thead.hide-for-large-only,#sliver thead.show-for-large-up,#sliver thead.hide-for-large,#sliver thead.hide-for-large-down,#sliver thead.hide-for-xlarge-only,#sliver thead.show-for-xlarge-up,#sliver thead.show-for-xxlarge-only,#sliver thead.show-for-xxlarge-up{ display:table-header-group !important } #sliver tbody.hide-for-small-only,#sliver tbody.show-for-small-up,#sliver tbody.hide-for-small,#sliver tbody.hide-for-small-down,#sliver tbody.hide-for-medium-only,#sliver tbody.show-for-medium-up,#sliver tbody.hide-for-medium,#sliver tbody.hide-for-medium-down,#sliver tbody.hide-for-large-only,#sliver tbody.show-for-large-up,#sliver tbody.hide-for-large,#sliver tbody.hide-for-large-down,#sliver tbody.hide-for-xlarge-only,#sliver tbody.show-for-xlarge-up,#sliver tbody.show-for-xxlarge-only,#sliver tbody.show-for-xxlarge-up{ display:table-row-group !important } #sliver tr.hide-for-small-only,#sliver tr.show-for-small-up,#sliver tr.hide-for-small,#sliver tr.hide-for-small-down,#sliver tr.hide-for-medium-only,#sliver tr.show-for-medium-up,#sliver tr.hide-for-medium,#sliver tr.hide-for-medium-down,#sliver tr.hide-for-large-only,#sliver tr.show-for-large-up,#sliver tr.hide-for-large,#sliver tr.hide-for-large-down,#sliver tr.hide-for-xlarge-only,#sliver tr.show-for-xlarge-up,#sliver tr.show-for-xxlarge-only,#sliver tr.show-for-xxlarge-up{ display:table-row !important } #sliver th.hide-for-small-only,#sliver td.hide-for-small-only,#sliver th.show-for-small-up,#sliver td.show-for-small-up,#sliver th.hide-for-small,#sliver td.hide-for-small,#sliver th.hide-for-small-down,#sliver td.hide-for-small-down,#sliver th.hide-for-medium-only,#sliver td.hide-for-medium-only,#sliver th.show-for-medium-up,#sliver td.show-for-medium-up,#sliver th.hide-for-medium,#sliver td.hide-for-medium,#sliver th.hide-for-medium-down,#sliver td.hide-for-medium-down,#sliver th.hide-for-large-only,#sliver td.hide-for-large-only,#sliver th.show-for-large-up,#sliver td.show-for-large-up,#sliver th.hide-for-large,#sliver td.hide-for-large,#sliver th.hide-for-large-down,#sliver td.hide-for-large-down,#sliver th.hide-for-xlarge-only,#sliver td.hide-for-xlarge-only,#sliver th.show-for-xlarge-up,#sliver td.show-for-xlarge-up,#sliver th.show-for-xxlarge-only,#sliver td.show-for-xxlarge-only,#sliver th.show-for-xxlarge-up,#sliver td.show-for-xxlarge-up{ display:table-cell !important } } .slivernav [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } .slivernav [class*="block-grid-"]:before, .slivernav [class*="block-grid-"]:after { content: " "; display: table; } .slivernav [class*="block-grid-"]:after { clear: both; } .slivernav [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen{ .slivernav .small-push-0{ position:relative; left:0%; right:auto } .slivernav .small-pull-0{ position:relative; right:0%; left:auto } .slivernav .small-push-1{ position:relative; left:8.33333%; right:auto } .slivernav .small-pull-1{ position:relative; right:8.33333%; left:auto } .slivernav .small-push-2{ position:relative; left:16.66667%; right:auto } .slivernav .small-pull-2{ position:relative; right:16.66667%; left:auto } .slivernav .small-push-3{ position:relative; left:25%; right:auto } .slivernav .small-pull-3{ position:relative; right:25%; left:auto } .slivernav .small-push-4{ position:relative; left:33.33333%; right:auto } .slivernav .small-pull-4{ position:relative; right:33.33333%; left:auto } .slivernav .small-push-5{ position:relative; left:41.66667%; right:auto } .slivernav .small-pull-5{ position:relative; right:41.66667%; left:auto } .slivernav .small-push-6{ position:relative; left:50%; right:auto } .slivernav .small-pull-6{ position:relative; right:50%; left:auto } .slivernav .small-push-7{ position:relative; left:58.33333%; right:auto } .slivernav .small-pull-7{ position:relative; right:58.33333%; left:auto } .slivernav .small-push-8{ position:relative; left:66.66667%; right:auto } .slivernav .small-pull-8{ position:relative; right:66.66667%; left:auto } .slivernav .small-push-9{ position:relative; left:75%; right:auto } .slivernav .small-pull-9{ position:relative; right:75%; left:auto } .slivernav .small-push-10{ position:relative; left:83.33333%; right:auto } .slivernav .small-pull-10{ position:relative; right:83.33333%; left:auto } .slivernav .small-push-11{ position:relative; left:91.66667%; right:auto } .slivernav .small-pull-11{ position:relative; right:91.66667%; left:auto } .slivernav .column,.slivernav .columns{ position:relative; padding-left:0.9375rem; padding-right:0.9375rem; float:left } .slivernav .small-1{ width:8.33333% } .slivernav .small-2{ width:16.66667% } .slivernav .small-3{ width:25% } .slivernav .small-4{ width:33.33333% } .slivernav .small-5{ width:41.66667% } .slivernav .small-6{ width:50% } .slivernav .small-7{ width:58.33333% } .slivernav .small-8{ width:66.66667% } .slivernav .small-9{ width:75% } .slivernav .small-10{ width:83.33333% } .slivernav .small-11{ width:91.66667% } .slivernav .small-12{ width:100% } .slivernav .small-offset-0{ margin-left:0% !important } .slivernav .small-offset-1{ margin-left:8.33333% !important } .slivernav .small-offset-2{ margin-left:16.66667% !important } .slivernav .small-offset-3{ margin-left:25% !important } .slivernav .small-offset-4{ margin-left:33.33333% !important } .slivernav .small-offset-5{ margin-left:41.66667% !important } .slivernav .small-offset-6{ margin-left:50% !important } .slivernav .small-offset-7{ margin-left:58.33333% !important } .slivernav .small-offset-8{ margin-left:66.66667% !important } .slivernav .small-offset-9{ margin-left:75% !important } .slivernav .small-offset-10{ margin-left:83.33333% !important } .slivernav .small-offset-11{ margin-left:91.66667% !important } .slivernav .small-reset-order{ margin-left:0; margin-right:0; left:auto; right:auto; float:left } .slivernav .column.small-centered,.slivernav .columns.small-centered{ margin-left:auto; margin-right:auto; float:none } .slivernav .column.small-uncentered,.slivernav .columns.small-uncentered{ margin-left:0; margin-right:0; float:left } .slivernav .column.small-centered:last-child,.slivernav .columns.small-centered:last-child{ float:none } .slivernav .column.small-uncentered:last-child,.slivernav .columns.small-uncentered:last-child{ float:left } .slivernav .column.small-uncentered.opposite,.slivernav .columns.small-uncentered.opposite{ float:right } } @media only screen and (min-width: 30em){ .slivernav .medium-push-0{ position:relative; left:0%; right:auto } .slivernav .medium-pull-0{ position:relative; right:0%; left:auto } .slivernav .medium-push-1{ position:relative; left:8.33333%; right:auto } .slivernav .medium-pull-1{ position:relative; right:8.33333%; left:auto } .slivernav .medium-push-2{ position:relative; left:16.66667%; right:auto } .slivernav .medium-pull-2{ position:relative; right:16.66667%; left:auto } .slivernav .medium-push-3{ position:relative; left:25%; right:auto } .slivernav .medium-pull-3{ position:relative; right:25%; left:auto } .slivernav .medium-push-4{ position:relative; left:33.33333%; right:auto } .slivernav .medium-pull-4{ position:relative; right:33.33333%; left:auto } .slivernav .medium-push-5{ position:relative; left:41.66667%; right:auto } .slivernav .medium-pull-5{ position:relative; right:41.66667%; left:auto } .slivernav .medium-push-6{ position:relative; left:50%; right:auto } .slivernav .medium-pull-6{ position:relative; right:50%; left:auto } .slivernav .medium-push-7{ position:relative; left:58.33333%; right:auto } .slivernav .medium-pull-7{ position:relative; right:58.33333%; left:auto } .slivernav .medium-push-8{ position:relative; left:66.66667%; right:auto } .slivernav .medium-pull-8{ position:relative; right:66.66667%; left:auto } .slivernav .medium-push-9{ position:relative; left:75%; right:auto } .slivernav .medium-pull-9{ position:relative; right:75%; left:auto } .slivernav .medium-push-10{ position:relative; left:83.33333%; right:auto } .slivernav .medium-pull-10{ position:relative; right:83.33333%; left:auto } .slivernav .medium-push-11{ position:relative; left:91.66667%; right:auto } .slivernav .medium-pull-11{ position:relative; right:91.66667%; left:auto } .slivernav .column,.slivernav .columns{ position:relative; padding-left:0.9375rem; padding-right:0.9375rem; float:left } .slivernav .medium-1{ width:8.33333% } .slivernav .medium-2{ width:16.66667% } .slivernav .medium-3{ width:25% } .slivernav .medium-4{ width:33.33333% } .slivernav .medium-5{ width:41.66667% } .slivernav .medium-6{ width:50% } .slivernav .medium-7{ width:58.33333% } .slivernav .medium-8{ width:66.66667% } .slivernav .medium-9{ width:75% } .slivernav .medium-10{ width:83.33333% } .slivernav .medium-11{ width:91.66667% } .slivernav .medium-12{ width:100% } .slivernav .medium-offset-0{ margin-left:0% !important } .slivernav .medium-offset-1{ margin-left:8.33333% !important } .slivernav .medium-offset-2{ margin-left:16.66667% !important } .slivernav .medium-offset-3{ margin-left:25% !important } .slivernav .medium-offset-4{ margin-left:33.33333% !important } .slivernav .medium-offset-5{ margin-left:41.66667% !important } .slivernav .medium-offset-6{ margin-left:50% !important } .slivernav .medium-offset-7{ margin-left:58.33333% !important } .slivernav .medium-offset-8{ margin-left:66.66667% !important } .slivernav .medium-offset-9{ margin-left:75% !important } .slivernav .medium-offset-10{ margin-left:83.33333% !important } .slivernav .medium-offset-11{ margin-left:91.66667% !important } .slivernav .medium-reset-order{ margin-left:0; margin-right:0; left:auto; right:auto; float:left } .slivernav .column.medium-centered,.slivernav .columns.medium-centered{ margin-left:auto; margin-right:auto; float:none } .slivernav .column.medium-uncentered,.slivernav .columns.medium-uncentered{ margin-left:0; margin-right:0; float:left } .slivernav .column.medium-centered:last-child,.slivernav .columns.medium-centered:last-child{ float:none } .slivernav .column.medium-uncentered:last-child,.slivernav .columns.medium-uncentered:last-child{ float:left } .slivernav .column.medium-uncentered.opposite,.slivernav .columns.medium-uncentered.opposite{ float:right } .slivernav .push-0{ position:relative; left:0%; right:auto } .slivernav .pull-0{ position:relative; right:0%; left:auto } .slivernav .push-1{ position:relative; left:8.33333%; right:auto } .slivernav .pull-1{ position:relative; right:8.33333%; left:auto } .slivernav .push-2{ position:relative; left:16.66667%; right:auto } .slivernav .pull-2{ position:relative; right:16.66667%; left:auto } .slivernav .push-3{ position:relative; left:25%; right:auto } .slivernav .pull-3{ position:relative; right:25%; left:auto } .slivernav .push-4{ position:relative; left:33.33333%; right:auto } .slivernav .pull-4{ position:relative; right:33.33333%; left:auto } .slivernav .push-5{ position:relative; left:41.66667%; right:auto } .slivernav .pull-5{ position:relative; right:41.66667%; left:auto } .slivernav .push-6{ position:relative; left:50%; right:auto } .slivernav .pull-6{ position:relative; right:50%; left:auto } .slivernav .push-7{ position:relative; left:58.33333%; right:auto } .slivernav .pull-7{ position:relative; right:58.33333%; left:auto } .slivernav .push-8{ position:relative; left:66.66667%; right:auto } .slivernav .pull-8{ position:relative; right:66.66667%; left:auto } .slivernav .push-9{ position:relative; left:75%; right:auto } .slivernav .pull-9{ position:relative; right:75%; left:auto } .slivernav .push-10{ position:relative; left:83.33333%; right:auto } .slivernav .pull-10{ position:relative; right:83.33333%; left:auto } .slivernav .push-11{ position:relative; left:91.66667%; right:auto } .slivernav .pull-11{ position:relative; right:91.66667%; left:auto } } @media only screen and (min-width: 47.5em){ .slivernav .large-push-0{ position:relative; left:0%; right:auto } .slivernav .large-pull-0{ position:relative; right:0%; left:auto } .slivernav .large-push-1{ position:relative; left:8.33333%; right:auto } .slivernav .large-pull-1{ position:relative; right:8.33333%; left:auto } .slivernav .large-push-2{ position:relative; left:16.66667%; right:auto } .slivernav .large-pull-2{ position:relative; right:16.66667%; left:auto } .slivernav .large-push-3{ position:relative; left:25%; right:auto } .slivernav .large-pull-3{ position:relative; right:25%; left:auto } .slivernav .large-push-4{ position:relative; left:33.33333%; right:auto } .slivernav .large-pull-4{ position:relative; right:33.33333%; left:auto } .slivernav .large-push-5{ position:relative; left:41.66667%; right:auto } .slivernav .large-pull-5{ position:relative; right:41.66667%; left:auto } .slivernav .large-push-6{ position:relative; left:50%; right:auto } .slivernav .large-pull-6{ position:relative; right:50%; left:auto } .slivernav .large-push-7{ position:relative; left:58.33333%; right:auto } .slivernav .large-pull-7{ position:relative; right:58.33333%; left:auto } .slivernav .large-push-8{ position:relative; left:66.66667%; right:auto } .slivernav .large-pull-8{ position:relative; right:66.66667%; left:auto } .slivernav .large-push-9{ position:relative; left:75%; right:auto } .slivernav .large-pull-9{ position:relative; right:75%; left:auto } .slivernav .large-push-10{ position:relative; left:83.33333%; right:auto } .slivernav .large-pull-10{ position:relative; right:83.33333%; left:auto } .slivernav .large-push-11{ position:relative; left:91.66667%; right:auto } .slivernav .large-pull-11{ position:relative; right:91.66667%; left:auto } .slivernav .column,.slivernav .columns{ position:relative; padding-left:0.9375rem; padding-right:0.9375rem; float:left } .slivernav .large-1{ width:8.33333% } .slivernav .large-2{ width:16.66667% } .slivernav .large-3{ width:25% } .slivernav .large-4{ width:33.33333% } .slivernav .large-5{ width:41.66667% } .slivernav .large-6{ width:50% } .slivernav .large-7{ width:58.33333% } .slivernav .large-8{ width:66.66667% } .slivernav .large-9{ width:75% } .slivernav .large-10{ width:83.33333% } .slivernav .large-11{ width:91.66667% } .slivernav .large-12{ width:100% } .slivernav .large-offset-0{ margin-left:0% !important } .slivernav .large-offset-1{ margin-left:8.33333% !important } .slivernav .large-offset-2{ margin-left:16.66667% !important } .slivernav .large-offset-3{ margin-left:25% !important } .slivernav .large-offset-4{ margin-left:33.33333% !important } .slivernav .large-offset-5{ margin-left:41.66667% !important } .slivernav .large-offset-6{ margin-left:50% !important } .slivernav .large-offset-7{ margin-left:58.33333% !important } .slivernav .large-offset-8{ margin-left:66.66667% !important } .slivernav .large-offset-9{ margin-left:75% !important } .slivernav .large-offset-10{ margin-left:83.33333% !important } .slivernav .large-offset-11{ margin-left:91.66667% !important } .slivernav .large-reset-order{ margin-left:0; margin-right:0; left:auto; right:auto; float:left } .slivernav .column.large-centered,.slivernav .columns.large-centered{ margin-left:auto; margin-right:auto; float:none } .slivernav .column.large-uncentered,.slivernav .columns.large-uncentered{ margin-left:0; margin-right:0; float:left } .slivernav .column.large-centered:last-child,.slivernav .columns.large-centered:last-child{ float:none } .slivernav .column.large-uncentered:last-child,.slivernav .columns.large-uncentered:last-child{ float:left } .slivernav .column.large-uncentered.opposite,.slivernav .columns.large-uncentered.opposite{ float:right } .slivernav .push-0{ position:relative; left:0%; right:auto } .slivernav .pull-0{ position:relative; right:0%; left:auto } .slivernav .push-1{ position:relative; left:8.33333%; right:auto } .slivernav .pull-1{ position:relative; right:8.33333%; left:auto } .slivernav .push-2{ position:relative; left:16.66667%; right:auto } .slivernav .pull-2{ position:relative; right:16.66667%; left:auto } .slivernav .push-3{ position:relative; left:25%; right:auto } .slivernav .pull-3{ position:relative; right:25%; left:auto } .slivernav .push-4{ position:relative; left:33.33333%; right:auto } .slivernav .pull-4{ position:relative; right:33.33333%; left:auto } .slivernav .push-5{ position:relative; left:41.66667%; right:auto } .slivernav .pull-5{ position:relative; right:41.66667%; left:auto } .slivernav .push-6{ position:relative; left:50%; right:auto } .slivernav .pull-6{ position:relative; right:50%; left:auto } .slivernav .push-7{ position:relative; left:58.33333%; right:auto } .slivernav .pull-7{ position:relative; right:58.33333%; left:auto } .slivernav .push-8{ position:relative; left:66.66667%; right:auto } .slivernav .pull-8{ position:relative; right:66.66667%; left:auto } .slivernav .push-9{ position:relative; left:75%; right:auto } .slivernav .pull-9{ position:relative; right:75%; left:auto } .slivernav .push-10{ position:relative; left:83.33333%; right:auto } .slivernav .pull-10{ position:relative; right:83.33333%; left:auto } .slivernav .push-11{ position:relative; left:91.66667%; right:auto } .slivernav .pull-11{ position:relative; right:91.66667%; left:auto } } @media only screen and (min-width: 64em){ .slivernav .xlarge-push-0{ position:relative; left:0%; right:auto } .slivernav .xlarge-pull-0{ position:relative; right:0%; left:auto } .slivernav .xlarge-push-1{ position:relative; left:8.33333%; right:auto } .slivernav .xlarge-pull-1{ position:relative; right:8.33333%; left:auto } .slivernav .xlarge-push-2{ position:relative; left:16.66667%; right:auto } .slivernav .xlarge-pull-2{ position:relative; right:16.66667%; left:auto } .slivernav .xlarge-push-3{ position:relative; left:25%; right:auto } .slivernav .xlarge-pull-3{ position:relative; right:25%; left:auto } .slivernav .xlarge-push-4{ position:relative; left:33.33333%; right:auto } .slivernav .xlarge-pull-4{ position:relative; right:33.33333%; left:auto } .slivernav .xlarge-push-5{ position:relative; left:41.66667%; right:auto } .slivernav .xlarge-pull-5{ position:relative; right:41.66667%; left:auto } .slivernav .xlarge-push-6{ position:relative; left:50%; right:auto } .slivernav .xlarge-pull-6{ position:relative; right:50%; left:auto } .slivernav .xlarge-push-7{ position:relative; left:58.33333%; right:auto } .slivernav .xlarge-pull-7{ position:relative; right:58.33333%; left:auto } .slivernav .xlarge-push-8{ position:relative; left:66.66667%; right:auto } .slivernav .xlarge-pull-8{ position:relative; right:66.66667%; left:auto } .slivernav .xlarge-push-9{ position:relative; left:75%; right:auto } .slivernav .xlarge-pull-9{ position:relative; right:75%; left:auto } .slivernav .xlarge-push-10{ position:relative; left:83.33333%; right:auto } .slivernav .xlarge-pull-10{ position:relative; right:83.33333%; left:auto } .slivernav .xlarge-push-11{ position:relative; left:91.66667%; right:auto } .slivernav .xlarge-pull-11{ position:relative; right:91.66667%; left:auto } .slivernav .column,.slivernav .columns{ position:relative; padding-left:0.9375rem; padding-right:0.9375rem; float:left } .slivernav .xlarge-1{ width:8.33333% } .slivernav .xlarge-2{ width:16.66667% } .slivernav .xlarge-3{ width:25% } .slivernav .xlarge-4{ width:33.33333% } .slivernav .xlarge-5{ width:41.66667% } .slivernav .xlarge-6{ width:50% } .slivernav .xlarge-7{ width:58.33333% } .slivernav .xlarge-8{ width:66.66667% } .slivernav .xlarge-9{ width:75% } .slivernav .xlarge-10{ width:83.33333% } .slivernav .xlarge-11{ width:91.66667% } .slivernav .xlarge-12{ width:100% } .slivernav .xlarge-offset-0{ margin-left:0% !important } .slivernav .xlarge-offset-1{ margin-left:8.33333% !important } .slivernav .xlarge-offset-2{ margin-left:16.66667% !important } .slivernav .xlarge-offset-3{ margin-left:25% !important } .slivernav .xlarge-offset-4{ margin-left:33.33333% !important } .slivernav .xlarge-offset-5{ margin-left:41.66667% !important } .slivernav .xlarge-offset-6{ margin-left:50% !important } .slivernav .xlarge-offset-7{ margin-left:58.33333% !important } .slivernav .xlarge-offset-8{ margin-left:66.66667% !important } .slivernav .xlarge-offset-9{ margin-left:75% !important } .slivernav .xlarge-offset-10{ margin-left:83.33333% !important } .slivernav .xlarge-offset-11{ margin-left:91.66667% !important } .slivernav .xlarge-reset-order{ margin-left:0; margin-right:0; left:auto; right:auto; float:left } .slivernav .column.xlarge-centered,.slivernav .columns.xlarge-centered{ margin-left:auto; margin-right:auto; float:none } .slivernav .column.xlarge-uncentered,.slivernav .columns.xlarge-uncentered{ margin-left:0; margin-right:0; float:left } .slivernav .column.xlarge-centered:last-child,.slivernav .columns.xlarge-centered:last-child{ float:none } .slivernav .column.xlarge-uncentered:last-child,.slivernav .columns.xlarge-uncentered:last-child{ float:left } .slivernav .column.xlarge-uncentered.opposite,.slivernav .columns.xlarge-uncentered.opposite{ float:right } } @media only screen and (min-width: 85.375em){ .slivernav .xxlarge-push-0{ position:relative; left:0%; right:auto } .slivernav .xxlarge-pull-0{ position:relative; right:0%; left:auto } .slivernav .xxlarge-push-1{ position:relative; left:8.33333%; right:auto } .slivernav .xxlarge-pull-1{ position:relative; right:8.33333%; left:auto } .slivernav .xxlarge-push-2{ position:relative; left:16.66667%; right:auto } .slivernav .xxlarge-pull-2{ position:relative; right:16.66667%; left:auto } .slivernav .xxlarge-push-3{ position:relative; left:25%; right:auto } .slivernav .xxlarge-pull-3{ position:relative; right:25%; left:auto } .slivernav .xxlarge-push-4{ position:relative; left:33.33333%; right:auto } .slivernav .xxlarge-pull-4{ position:relative; right:33.33333%; left:auto } .slivernav .xxlarge-push-5{ position:relative; left:41.66667%; right:auto } .slivernav .xxlarge-pull-5{ position:relative; right:41.66667%; left:auto } .slivernav .xxlarge-push-6{ position:relative; left:50%; right:auto } .slivernav .xxlarge-pull-6{ position:relative; right:50%; left:auto } .slivernav .xxlarge-push-7{ position:relative; left:58.33333%; right:auto } .slivernav .xxlarge-pull-7{ position:relative; right:58.33333%; left:auto } .slivernav .xxlarge-push-8{ position:relative; left:66.66667%; right:auto } .slivernav .xxlarge-pull-8{ position:relative; right:66.66667%; left:auto } .slivernav .xxlarge-push-9{ position:relative; left:75%; right:auto } .slivernav .xxlarge-pull-9{ position:relative; right:75%; left:auto } .slivernav .xxlarge-push-10{ position:relative; left:83.33333%; right:auto } .slivernav .xxlarge-pull-10{ position:relative; right:83.33333%; left:auto } .slivernav .xxlarge-push-11{ position:relative; left:91.66667%; right:auto } .slivernav .xxlarge-pull-11{ position:relative; right:91.66667%; left:auto } .slivernav .column,.slivernav .columns{ position:relative; padding-left:0.9375rem; padding-right:0.9375rem; float:left } .slivernav .xxlarge-1{ width:8.33333% } .slivernav .xxlarge-2{ width:16.66667% } .slivernav .xxlarge-3{ width:25% } .slivernav .xxlarge-4{ width:33.33333% } .slivernav .xxlarge-5{ width:41.66667% } .slivernav .xxlarge-6{ width:50% } .slivernav .xxlarge-7{ width:58.33333% } .slivernav .xxlarge-8{ width:66.66667% } .slivernav .xxlarge-9{ width:75% } .slivernav .xxlarge-10{ width:83.33333% } .slivernav .xxlarge-11{ width:91.66667% } .slivernav .xxlarge-12{ width:100% } .slivernav .xxlarge-offset-0{ margin-left:0% !important } .slivernav .xxlarge-offset-1{ margin-left:8.33333% !important } .slivernav .xxlarge-offset-2{ margin-left:16.66667% !important } .slivernav .xxlarge-offset-3{ margin-left:25% !important } .slivernav .xxlarge-offset-4{ margin-left:33.33333% !important } .slivernav .xxlarge-offset-5{ margin-left:41.66667% !important } .slivernav .xxlarge-offset-6{ margin-left:50% !important } .slivernav .xxlarge-offset-7{ margin-left:58.33333% !important } .slivernav .xxlarge-offset-8{ margin-left:66.66667% !important } .slivernav .xxlarge-offset-9{ margin-left:75% !important } .slivernav .xxlarge-offset-10{ margin-left:83.33333% !important } .slivernav .xxlarge-offset-11{ margin-left:91.66667% !important } .slivernav .xxlarge-reset-order{ margin-left:0; margin-right:0; left:auto; right:auto; float:left } .slivernav .column.xxlarge-centered,.slivernav .columns.xxlarge-centered{ margin-left:auto; margin-right:auto; float:none } .slivernav .column.xxlarge-uncentered,.slivernav .columns.xxlarge-uncentered{ margin-left:0; margin-right:0; float:left } .slivernav .column.xxlarge-centered:last-child,.slivernav .columns.xxlarge-centered:last-child{ float:none } .slivernav .column.xxlarge-uncentered:last-child,.slivernav .columns.xxlarge-uncentered:last-child{ float:left } .slivernav .column.xxlarge-uncentered.opposite,.slivernav .columns.xxlarge-uncentered.opposite{ float:right } } @media (min-width: 47.5em) and (max-width: 64em) { /* line 595, ../scss/generic.scss */ .slivernav .large-offset-0-25 { margin-left: 2% !important; } /* line 596, ../scss/generic.scss */ .slivernav .large-offset-neg-0-25 { margin-left: -2% !important; } } /* END BEACON TECHNOLOGIES CSS */ * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } body { font-family: 'NeutrafaceText', sans-serif; font-size: 0.875rem; color: #333; } h1, h2, h3, h4 { font-family: 'NeutrafaceText', sans-serif; font-weight: normal; } h1.section-title { font-size: 2.250rem; line-height: 1; text-transform: uppercase; font-weight: 300; margin-bottom: 1.875rem; } @media only screen and (min-width: 768px) { h1.section-title { font-size: 3rem; line-height: inherit; } } h1.with-line:before { content: ''; display: block; border-top: 2px solid #f17330; max-width: 85px; margin: 0 auto 0.625rem; } h1.with-more { margin-bottom: 0; } h1.with-more + a { text-transform: uppercase; float: none; text-align: center; display: block; margin: 20px auto; } @media only screen and (min-width: 768px) { h1.with-more + a { float: right; margin: -30px 0 0 0; } } img { display: block; max-width: 100%; height: auto; } img.img-fullwidth { width: 100%; height: auto; max-width: none; } img.max600 { max-width: 600px; } img.max120 { max-width: 120px; } a img { opacity: 1; -webkit-transition: opacity .8s; -moz-transition: opacity .8s; -o-transition: opacity .8s; transition: opacity .8s; outline: 1px solid transparent; } a:hover img { opacity: .8; } a { color: #0099cc; } a:focus, a:hover { color: #008ead; } .divider-line { border-top: 1px solid #d9d9d9; margin: 0; } .custom-bullet-list { padding-left: 0; margin-left: 0; } .custom-bullet-list li { list-style-type: none; } .custom-bullet-list li:before { font-family: 'FontAwesome'; content: '\f111'; font-size: 0.313rem; display: inline-block; vertical-align: middle; padding-right: 0.438rem; } /* Foundation overrides */ .row { max-width: 78.75rem; } @media only screen and (max-width: 768px) { .row .row { margin-left: -1.250rem; margin-right: -1.250rem; } .column, .columns { padding-left: 1.250rem; padding-right: 1.250rem; } } /* BEGIN BEACON TECHNOLOGIES CSS */ /*------ENN ALERT-----------*/ .alertbody { padding-top: 213px; } #alertbanner { background:#000; width:100%; display:table; padding-top: 0px; min-height: 55px; /*border-spacing:1px height: 50px; border-bottom: solid 5px #000; */ } .banner1 { background:#000; color:white; font-size:0.95rem; letter-spacing: 0.05em; text-align:right; /* padding-top: 5px; */ padding-right: 15px; vertical-align: middle; width:25%; height: 55px; display:table-cell; } .banner2 { background:#e41c26; color:white; text-align:left; /* padding-top: 5px; */ padding-left: 15px; vertical-align: middle; width:75%; font-size:0.95rem; letter-spacing:0.03em; display:table-cell; } .banner2 a { text-decoration: underline; color: #FFFFFF; /* added 9-5-18 by May P. to change Alert link color to white */ } #alertbanner-mo { background:#000; width:100%; border-bottom: solid 2px #000; position: absolute; height: 50px; z-index: 999; } .banner1-mo { background:#000; color: white; font-size:0.95rem; letter-spacing: 0.03em; text-align:center; width:100%; padding-top: 5px; z-index: 9999; } .banner2-mo { background:#e41c26; color: white; text-align:center; border-left: solid 8px #000; border-right: solid 8px #000; height: 100%; font-size:0.95rem; letter-spacing:0.03em; min-height: 35px; margin-bottom: 10px; padding:5px; width:100%; z-index: 9999; } .banner2-mo a { text-decoration: underline; color: #FFFFFF; /* added 9-5-18 by May P. to change Alert link color to white */ } .large-white { color: #FFF; } .stagbold { font-family: 'Stag Bold'; } .stagsansbold { font-family: 'Stag Sans Bold'; } .stagsanslight{ font-family: 'Stag Sans Light'; } header { position: fixed; top: 0; width: 100%; z-index: 999; } header.ennActive { /*position: fixed; top: 0; width: 100%; z-index: 999; */ } .hero-banner.ennActive-drop { margin-top: 17em; } .hero-banner.ennActive-drop-expand { margin-top: 19.5em; } /*header.ennActive ~ .search { top: 145px; } */ /*header.ennActive ~ .subnav .name { margin-top: 11em; } */ /*header.ennActive nav.main-nav.pin { top: 110px; } header.ennActive nav.main-nav.pin.slivercollapsed { top: 76px; } */ header nav.main-nav{ background: #fefefe; } /*.jump-links.pin.sliverpresent { top: 78px; } .jump-links.pin.sliverexpanded { top: 112px; } .jump-links.pin.ennsliverpresent { top: 133px; } .jump-links.pin.ennsliverexpanded { top: 167px; } */ @media (max-width: 767px) { header .slivernav.hide-for-large-up { top: 55px; overflow: hidden; } } /*------End ENN ALERT-----------*/ /* END BEACON TECHNOLOGIES CSS */ /* Header */ .mobile-nav { padding: 1.688rem 1.250rem 1.250rem; text-align: center; /*position: fixed; */ background: #fff; width: 100%; z-index: 999; /*top: 20px; */ } body.microsite .mobile-nav { top: 0; padding-top: 1.25rem; } .mobile-nav .nav-trigger { background: url('../images/navicon.png') 50% 50% no-repeat; background-size: 20px 16px; width: 20px; height: 16px; float: left; } .mobile-nav .nav-trigger.open { background: url('../images/close-sm.png') 50% 50% no-repeat; background-size: 20px 16px; width: 20px; height: 16px; } .mobile-nav .logo-mobile { display: inline-block; } .mobile-nav .logo-mobile img { width: 46px; height: auto; } .mobile-nav .search-link { background: url('../images/search-icon.png') 50% 50% no-repeat; background-size: 20px 20px; width: 20px; height: 20px; float: right; margin-top: -1px; } .main-nav .submenu-content { position: relative; } .info-bar { background: #d6532a; color: #fff; } .info-bar .menu.simple a { color: #fff; } @media only screen and (max-width: 767px) { header { min-height: 100px; } .main-nav { display: none; overflow: hidden; background: #efefef!important; position: absolute; width: 100%; z-index: 1000; } nav.main-nav.open { display: block; position: relative; } .main-nav > .column { padding: 0; } .main-nav > .row.column { left: 0%; position: relative; width: 100%; transition: left 300ms ease-out; } .main-nav .top-level { margin: 0; } .main-nav .top-level li { text-transform: uppercase; border-top: 1px solid #ccc; margin: 0; padding: 0 2.25rem 0 1.563rem; } .main-nav .top-level li:last-of-type { border-bottom: 1px solid #ccc; } .main-nav li a { display: block; padding: .8rem 0; color: #4c4c4c; } .main-nav .has-submenu > a:before { font-family: 'FontAwesome'; content: '\f105'; float: right; font-size: 1.250rem; line-height: 1; margin-right: -12px; } .main-nav li.submenu-back { background: #00512e; text-align: center; } .main-nav li.submenu-back a { color: #fff; } .main-nav .submenu-back > a:before { font-family: 'FontAwesome'; content: '\f104'; padding-left: 0.313rem; float: left; font-size: 1.250rem; line-height: 1; } .main-nav .submenu { left: 100%; top: 0; z-index: 99; display: block; position: absolute !important; height: 0px; width: 0px; overflow: hidden; clip: rect(1px,1px,1px,1px); } .main-nav .submenu.active { display: block; position: static !important; height: auto; overflow: visible; clip: auto; position: absolute !important; width: 100%; } .info-bar .menu.simple li { display: block; border-top: 1px solid #c03c13; padding: 1.1rem 0; margin: 0 .5rem; } .info-bar .menu.simple li:first-child { border-top: none; } } .subnav .name { line-height: 1.125rem; text-transform: uppercase; margin: 0 auto 20px auto; text-align: center; font-size: 1rem; /* revised 01-17-18 */ } .mobile-nav.pin { position: fixed; width: 100%; z-index: 1000; } .utility-nav.pin { /*position: absolute; bottom: 0; width: 100%; z-index: 1100;*/ display: none; } .mobile-nav.pin { background: #fff; } .mobile-nav.pin .name { display: none; } .name-bar { background: #01321e url('../images/univ-of-miami.gif') no-repeat 50% 50%; height: 21px; position: fixed; width: 100%; z-index: 100000; } @media only screen and (min-width: 768px) { .name-bar { position: static; } .utility-nav { background: #005030; text-transform: uppercase; font-size: 0.813rem; } .utility-nav .menu.simple a { color: #fff; line-height: 2.500rem; letter-spacing: .05rem; opacity: .7; } .utility-nav .menu.simple a:hover { opacity: 1 } .utility-nav .menu.simple a:hover, .utility-nav .menu.simple a:focus, .utility-nav .menu.simple a.active { color: #fff; } .utility-nav .menu.simple.right-links li { margin-right: 0; margin-left: .9rem; } .utility-nav .menu.simple .search-link { background: url('../images/search-icon-utility.png') no-repeat 99% 50%; background-size: 14px 15px; padding-right: 1.25rem; } .main-nav { display: block !important; border-bottom: 1px solid #ccc; } .main-nav ul.top-level { display: table; width: 100%; table-layout: fixed; margin-top: 1.5rem; margin-bottom: 0; position: relative; } .main-nav ul.top-level > li { display: table-cell; border: 1px solid #ccc; border-width: 0 0 0 1px; text-align: center; color: #666; text-transform: uppercase; vertical-align: bottom; background: #fff; } .main-nav ul.top-level > li:first-child { border-left: none; } .main-nav ul.top-level > li.logo { width: 33.33%; z-index: 2; position: relative; } .main-nav ul.top-level > li.logo.removeBorders { border: none; } .main-nav ul.top-level > li.logo img { margin: 0 auto 0.6rem; /*width: 46px; rev 1-10-18 */ max-width: 175px; /* Beacon rev 5-9-18 */ height: auto; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .main-nav ul.top-level > li > a { display: block; padding: 0 1rem 0.5rem; color: #666; position: relative; line-height: 1.125rem; } .main-nav ul.top-level > li > a:hover { color: #d6532a; } .main-nav ul.top-level > li.focused > a { color: #d6532a; } .main-nav ul.top-level > li > a span { display: block; } .main-nav .submenus-wrap { position: absolute; margin-top: 1px; left: 0; width: 100%; background: url('../images/nav-dropdown-bg.gif') 100% -1px; background-size: cover; z-index: 1101; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); } .main-nav .submenu { visibility: hidden; font-family: 'OpenSans'; font-size: 0.938rem; line-height: 2.250rem; position: absolute; left: 0; text-align: left; text-transform: none; width: 25%; padding: 0 30px; margin-top: 85px; } .main-nav .focused .submenus-wrap > .submenu, .main-nav .focused > .submenu { visibility: visible; } .main-nav .submenu ul { max-width: 304px; } .main-nav .submenu li { padding-bottom: 0.75rem; line-height: 1.2rem; } .main-nav .submenu a { color: #4c4c4c; } .main-nav .submenu a:hover, .main-nav .submenu a:focus, .main-nav .submenu .has-submenu.focused > a { color: #d6532a; } .main-nav .submenu .has-submenu > a:after { font-family: 'FontAwesome'; content: '\f105'; padding-left: 0.313rem; } .main-nav .submenu .submenu { top: 0; left: 100%; width: 100%; padding-left: 1.875rem; margin-top: 0; } .info-bar { text-align: right; display: none; position: relative; z-index: 1; max-width: 76.9rem; margin: 0 auto; } .submenus-wrap .info-bar { display: block; position: absolute; top: 0; width: 100%; } .info-bar .main-link { float: left; color: #fff; font-size: 20px; text-transform: uppercase; padding: 7px 0 0 30px; opacity: .7; } .info-bar .main-link:hover { opacity: 1; } .info-bar .main-link:after { font-family: 'umb-icons'; content: '>'; padding-left: 5px; font-size: 12px; } .info-bar .menu.simple { margin: 0 3.5rem; } .info-bar .menu.simple li { margin: 0 .75rem; } .info-bar .menu.simple a { line-height: 2.938rem; opacity: .7; } .info-bar .menu.simple a:hover { opacity: 1; } .info-bar .close-menu { position: absolute; top: 0; right: 0; padding: 11px 20px; border-left: 1px solid #ba3d16; color: #fff; opacity: .7; text-transform: none; } .info-bar .close-menu:hover { opacity: 1; } .info-bar .close-menu:after { font-family: 'umb-icons'; content: 'x'; } .info-icon { display: block; background: url('../images/info-icon.png') 0 10px no-repeat; width: 32px; height: 47px; } /*header { min-height: 128px; }*/ nav.main-nav.pin { background: #fff; } nav.main-nav.pin ul.top-level { margin-top: 0; } nav.main-nav.pin ul.top-level .logo { padding-top: 10px; } nav.main-nav.pin ul.top-level .logo img { margin: .2rem auto 0.4rem; } nav.main-nav.pin ul.top-level .logo .name { display: none; } } @media only screen and (min-width: 1024px) { .main-nav .submenu { font-size: .95rem; } .main-nav .submenu .submenu { padding-right: 1.875rem; } } @media only screen and (min-width: 1200px) { .utility-nav .menu.simple.right-links li { margin-left: 1.5rem; } } /* BEGIN BEACON TECHNOLOGIES CSS */ /* Miami Sliver */ .slivernav { background: #01321e; max-width: 9999px; width: 100%; margin: 0 auto; font-family: 'Stag Sans Light', sans-serif; z-index: 999999; } .slivernav.closed { height: 21px; } .slivernav.opened { height: 55px; } .slivernav.hide-for-large-up { display: none; } .slivernav .um-svg { height: 18px; width: 100%; text-align: center; position: relative; top: 0; } .slivernav .columns, .slivernav .column { padding-left: 0 !important; padding-right: 0 !important; } .slivernav .drawer.drawerLarge { margin: 0 auto; max-width: 1290px; display:none; } /*#sliver { width: 58.33333%; } */ #sliver ul li a button { background-color: #005030; height: 26px; width: 80px; border: solid 3px #FFF; padding: 0 18% !important; margin: -3px 0 4px; font-family: 'Stag Sans Bold', sans-serif; text-transform: uppercase; font-weight: bold; } #sliver .supernav > li, #sliver-search-tools .supernav > li { padding: 2px; position: relative; } #sliver ul li, #sliver-search-tools ul li { list-style: none; float: left; padding-left: 0.625em; height: auto; width: auto; } #sliver ul li a, #sliver-search-tools ul li a{ color: #FFF; padding: 12px 6px 5px; font-size: 14px; text-align: center; display: inherit; } #sliver ul li.has-subnav .f-dropdown, #sliver-search-tools ul li.has-subnav .f-dropdown { display: none; } #sliver ul li.has-subnav:hover .f-dropdown, #sliver-search-tools ul li.has-subnav:hover .f-dropdown { display: block; position: absolute; left: 8.75px; top: 38px; list-style: none; margin-left: 0; width: auto; max-height: none; height: auto; background: #fff; border: solid 1px #ccc; font-size: 0.875rem; z-index: 89; margin-top: 2px; } #sliver ul li.has-subnav:hover .f-dropdown.f-dropdown-schools { width: 300px; } #sliver-search-tools ul li.has-subnav:hover .f-dropdown { width: 117px; } #sliver ul li.has-subnav:hover .f-dropdown li, #sliver-search-tools ul li.has-subnav:hover .f-dropdown li { float: none; padding-left: 0; } #sliver ul li.has-subnav:hover .f-dropdown li a, #sliver-search-tools ul li.has-subnav:hover .f-dropdown li a { color: #000; z-index: 9; display: block; padding: .5rem; text-align: left; } #sliver ul li.has-subnav:hover .f-dropdown li a:hover, #sliver-search-tools ul li.has-subnav:hover .f-dropdown li a:hover { background-color: #f47321; color: #FFF; } #sliver ul li.has-subnav:hover .f-dropdown:before, #sliver-search-tools ul li.has-subnav:hover .f-dropdown:before { content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent transparent white transparent; border-bottom-style: solid; position: absolute; top: -12px; left: 7px; z-index: 99; } #sliver-search-tools ul { margin-top: 4px; display: block; float: right; } #sliver-search-tools ul li input[type="text"].umsearchfield { width: 162px; height: 27px; background-color: rgba(255, 255, 255, 0.25); border: solid 3px rgba(255,255,255,0.5); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-sizing: border-box; color: #fff; display: inline-block; margin: 8.25px 0 4px; padding: 3px; transition: all 0.5s; } #sliver-search-tools { height: 55px; } #sliver-search-tools ul .umsearchbtn-li button.umsearchbtn { height: 26px; margin-top: 9px; padding: 3px; background-color: rgba(255, 255, 255, 0.25); border: solid 3px rgba(255,255,255,0.5); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-sizing: border-box; color: #FFF; text-align: center; } #sliver button.orange, #sliver a.button.orange { background-color: #f47321; } #sliver button.burntorange, #sliver a.button.burntorange { background-color: #b95205; } #sliver button.lightblue, #sliver a.button.lightblue { background-color: #9eceeb; } #sliver button.paleyellow, #sliver a.button.paleyellow { background-color: #fbde81; } #sliver button.palegreen, #sliver a.button.palegreen { background-color: #c2cb1e; } #sliver button.darkgreen, #sliver a.button.darkgreen { background-color: #01321E; } #sliver button.pink, #sliver a.button.pink { background-color: #f2b9db; } #sliver button.lightorange, #sliver a.button.lightorange { background-color: #d28e00; } #sliver button.beige, #sliver a.button.beige { background-color: #d4bf95; } #sliver button.black, #sliver a.button.black { background-color: #000000; } #sliver button.darkorange, #sliver a.button.darkorange { background-color: #dd5928; } #sliver button.yellowgreen, #sliver a.button.yellowgreen { background-color: #a2ad00; } #sliver button.lightgray, #sliver a.button.lightgray { background-color: #b2b2b2; } #sliver button.bluegray, #sliver a.button.bluegray { background-color: #95a1aa; } #sliver button.orange:hover, #sliver button.orange.down, #sliver a.button.orange:hover, #sliver a.button.orange.down { } #sliver button.green, #sliver a.button.green { background-color: #005030; background-image: url(../images/system/btn-over-25.png); } #sliver button.green:hover, #sliver button.green.down, #sliver a.button.green:hover, #sliver a.button.green.down { background-image: url(../images/system/btn-over-25.png); } #sliver button.darkgreen, #sliver a.button.darkgreen { background-color: #01321E; background-image: url(../images/system/btn-over-25.png); } #sliver button.darkgreen:hover, #sliver button.darkgreen.down, #sliver a.button.darkgreen:hover, #sliver a.button.darkgreen.down { background-image: url(../images/system/btn-over-25.png); } #sliver button.palegreen:hover, #sliver button.palegreen.down, #sliver a.button.palegreen:hover, #sliver a.button.palegreen.down { } #sliver button.yelloworange, #sliver a.button.yelloworange { background-color: #e8a713; } #sliver button.yelloworange:hover, #sliver button.yelloworange.down, #sliver a.button.yelloworange:hover, #sliver a.button.yelloworange.down { } #sliver button.bluegray:hover, #sliver button.bluegray.down, #sliver a.button.bluegray:hover, #sliver a.button.bluegray.down { background-image: url(../images/system/btn-over-25.png); } button#sliverlink, .sliverbutton button, .sliverbutton button:hover, .sliverbutton button:focus { background-color: #005030; border-color: #005030; } button#sliverlink { float: right; height: 55px; margin: 0; padding: 0; transition: none; width: 50px; } button#sliverlink .fa.fa-minus { display: block; } button#sliverlink.sliver-open { height: 21px; outline: none; } button#sliverlink.sliver-open .fa.fa-plus { display: block; } button#sliverlink.sliver-open .fa.fa-minus, button#sliverlink .fa-plus { display: none; } button#sliverlink:hover, #sliver ul li a button:hover { background-image: url(../../_assets/images/btn-over-15.png); background-repeat: repeat; background-position: 0 0; color: #fff; } .sliverlink { color: white; font-size: 1.07143em; font-weight: 700; } #umnametop.umnameLarge { display: none!important; } #umnametop.umnameLarge.hide { display: block!important; visibility: visible; } @media (min-width: 768px) { button#sliverlink.sliver-open { height: 21px; } } /*nav.main-nav.pin.slivercollapsed { top: 21px; } nav.main-nav.pin { top: 55px; } nav.main-nav.sliverInactive.pin { top: 0; } .mobile-nav { top: 0; }*/ .supernav br.clear.hide-for-medium-up { clear: both; display: none; } .slivernav.show-for-large-up { display: none; } @media (max-width: 1024px) and (min-width: 768px) { .slivernav .sliverbutton { width: auto; } } @media (max-width: 1024px) { /*.slivernav .topsliver { width: 93%; }*/ #sliver { margin-left: 0; } #sliver ul { margin-left: 0; } } @media (max-width: 767px) { .slivernav.show-for-large-up { display: none !important; } .slivernav.hide-for-large-up { display: block; /*position: fixed; */ top: 0; z-index: 99999; } .sliverleft ul { border-right: solid 1px #005030; padding-right: 2em; } .sliverleft ul li { list-style: none; text-align: right; } .sliverleft ul li a { color: rgba(255,255,255,0.5); font-size: 1.175rem; } .sliverright ul { margin-left: 0; padding-left: 2em; } .sliverright ul li { list-style: none; } .sliverright ul li a { color: #FFF; font-size: 1.175rem; } .sliverright h4 { background: #011a0d; box-sizing: initial; font-size: 0.938em; font-weight: bold; line-height: 130%; letter-spacing: 0.05em; padding-top: 3px; text-transform: uppercase; width: inherit; color: #005030; margin-left: 1.8em; padding-left: 0.5em; } .topsliver .mobilesearch { padding: 2em 0 1.5em 0; } .topsliver .mobilesearch input.umsearchfield-sm { background: #E5E5EA; border: solid 4px rgba(255, 255, 255, 0.5); font-size: 1.375em; font-family: "Stag Sans Light"; padding-bottom: 0.2em; . height: 37px; } .topsliver .mobilesearch button.search-sliver { background: #E5E5EA; border: solid 4px rgba(255, 255, 255, 0.5); margin-left: 0.4em; width: 35px; font-size: 1.375em; font-family: "Stag Sans Light"; padding-bottom: 0.2em; height: 37px; } .mobilesearch button.search-sliver .fa { padding: 5px; color: #FFF !important; font-size: 0.9em; } button#sliverlink, #sliver ul li a button { background: none; height: 21px; } button#sliverlink.sliver-open .fa.fa-plus, button#sliverlink .fa.fa-minus { display: none; } button#sliverlink.sliver-open .fa.fa-minus, button#sliverlink .fa.fa-plus { display: block; } button#sliverlink:hover, #sliver ul li a button:hover { background-image: none; } /*.slivernav .topsliver { width: 86%; }*/ } /* END BEACON TECHNOLOGIES CSS */ /* Search Box */ .search { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; font-family: 'OpenSans'; background: #fff; } .search-form { position: relative; } .search .close-box { background: #fff url('../images/close-sm.png') 50% 50% no-repeat; background-size: 20px 16px; width: 20px; height: 16px; float: right; cursor: pointer; position: relative; top: -50px; right: 0; } .search-form input[type=text] { border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 100%; font-size: 1.500rem; color: #333; padding: .5rem 0; height: auto; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; box-shadow: none; margin: 0; } .search-form button.search-submit-button { position: absolute; top: 60px; right: 25px; } .search-form button.search-submit-button img { width: 50px; height: 50px; } @media only screen and (max-width: 767px) { .search { padding-top: 6rem; } .search-form { padding-bottom: 1rem; } .search-form button.search-submit-button { top:28px; right: 6px; } .search-form button.search-submit-button img { width: 25px; height: 25px; } } .search .quickfind-results { background: #fff; padding-top: 1rem; } input[type=text]::-ms-clear { display: none; } .search .quickfind-results a { display: block; color: #008ebd; font-size: 1.125rem; line-height: 1.250rem; padding: .5rem 0; } .search .quickfind-results a:hover, .search .quickfind-results a:focus { color: #4b4b4b; } @media only screen and (min-width: 768px) { .search { padding-top: 10.438rem; } .search .close-box { background: #fff url('../images/close.png') 0 0 no-repeat; background-size: 28px 28px; height: 28px; width: 28px; } .search-form input[type=text] { border-bottom: 1px solid #ccc; font-size: 3.750rem; padding: 1rem 0; } .search .quickfind-results a { font-size: 2.250rem; line-height: 2.375rem; padding: .7rem 0; } } /* Breadcrumbs */ .breadcrumbs { padding: 0.625rem 0; margin-top: 1.875rem; margin-bottom: 0; border-bottom: 1px solid #e5e5e5; font-family: 'Helvetica'; } .breadcrumbs li { color: #666; text-transform: uppercase; font-size: 0.688rem; } .breadcrumbs a { color: #008ead; } /* Filters */ @media only screen and (max-width: 767px) { .filters { border-top: 3px solid #f1732f; } } .filter-group { border-bottom: 1px solid #ccc; padding: 1.063rem 1.250rem 1.250rem; position: relative; cursor: pointer; } .filter-group h2 { text-transform: uppercase; color: #666; font-size: 0.813rem; margin: 0; } .filter-group .filter-selected { font-size: 1rem; color: #666; font-weight: bold; text-transform: uppercase; } .filter-group:hover .filter-selected { opacity: .7; } .filter-group .filter-selected .filter-expand:after { font-family: 'FontAwesome'; content: '\f107'; color: #757575; float: right; font-size: 1.7rem; font-weight: normal; line-height: .7; cursor: pointer; } .filter-group.open .filter-selected .filter-expand:after { content: '\f106'; } .filter-options { display: none; padding: 1.250rem 0 0; background: #fff; } .filter-options ul { border-top: 1px solid #ccc; padding-top: 1.250rem; } .filter-options li { padding-bottom: .6rem; } .filter-options a { font-size: 1rem; color: #999; text-transform: uppercase; line-height: 21px; font-weight: bold; } .filter-options a:hover, .filter-options a.selected { color: #f17330; } .filter-actions { padding: 0.750rem 0 0; } .filter-actions.row { margin: 0; } .filter-actions select { border-radius: 5px; width: auto; } .filter-actions.hide-sort select { visibility: hidden; } @media only screen and (min-width: 768px) { .filter-actions select { width: 33%; } } .filter-actions select, .filter-actions option, .filter-actions { color: #666; font-weight: bold; font-size: 0.813rem; text-transform: uppercase; } .filter-actions select:hover { opacity: .7 } .filter-actions .results-label { font-size: 0.875rem; line-height: 2.438rem; } .filter-actions .filter-clear-button { display: inline-block; border: 1px solid #ccc; border-radius: 5px; padding: .6rem 1.3rem; color: #666; } .filter-actions .filter-clear-button:hover, .filter-actions .filter-clear-button:focus { opacity: .7; } .filter-actions .menu { text-align: center; } .filter-actions .menu li { margin: 0; padding: 1rem 1rem 1.5rem; color: #afafaf; font-weight: bold; font-size: 0.750rem; text-align: center; width: 3.35%; position: relative; } @media only screen and (min-width: 768px) { .filter-actions .menu li { padding: 1rem 0 2rem; } } .filter-actions .menu li:before { content: '|'; font-weight: 300; position: absolute; left: 0; } .filter-actions .menu li:first-child:before { content: ''; } .filter-actions .menu li a { color: #333; } .filter-actions .menu li a:hover, .filter-actions .menu li a:focus { opacity: .7; } @media only screen and (min-width: 768px) { .filters { display: table; width: 100%; table-layout: fixed; } .filter-group { display: table-cell; /*border-top: 3px solid #f1732f; */ border-left: 1px solid #ccc; } .filter-group:before { content: ''; border-top: 3px solid #f1732f; display: block; position: relative; top: -20px; margin: 0 -1.313rem; border-right: 1px solid #ccc; border-left: 1px solid #ccc; height: 6px; } .filter-group.open:before { top: -26px; } .filter-group:first-child, .filter-group:first-child:before { border-left: none; } .filter-group.open:first-child, .filter-group.open:first-child:before { border-left: 1px solid #ccc; } .filter-group:last-child:before { border-right: none; } .filter-group.open:last-child, .filter-group.open:last-child:before { border-right: 1px solid #ccc; } .filter-options { padding: 0 1.250rem 1.250rem; position: absolute; top: 100%; left: 0; width: 100.5%; border: 1px solid #ccc; border-width: 0 1px 1px; margin-left: -1px; z-index: 1; } } /* Featured/Grid content */ .featured-items img, .item-grid img, .related-content.featured-items img { max-width: none; width: 100%; height: auto; } .item-grid a { color: #333; } .featured-text { padding: 2.813rem 1.250rem 3.750rem; text-align: center; font-weight: bold; position: relative; } .event-list .featured-text { padding-top: 4.375rem; } @media only screen and (min-width: 768px) { .item-grid .featured-text { border-left: 1px solid #ccc; } .featured-items img, .item-grid img { max-height: 630px; } .item-grid img, .related-content.featured-items img { max-height: 235px; } .directory-list .item-grid img { max-height: 308px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .large-up-3.item-grid>.column:nth-of-type(2n+1) .featured-text, .large-up-3.item-grid>.columns:nth-of-type(2n+1) .featured-text, .large-up-4.item-grid>.column:nth-of-type(3n+1) .featured-text, .large-up-4.item-grid>.columns:nth-of-type(3n+1) .featured-text { border-left: none; } } @media only screen and (min-width: 1024px) { .large-up-3.item-grid>.column:nth-of-type(3n+1) .featured-text, .large-up-3.item-grid>.columns:nth-of-type(3n+1) .featured-text, .large-up-4.item-grid>.column:nth-of-type(4n+1) .featured-text, .large-up-4.item-grid>.columns:nth-of-type(4n+1) .featured-text { border-left: none; } } .featured-text h2, .item-category { color: #f17330; text-transform: uppercase; font-weight: bold; } .featured-text h1 { font-size: 1.750rem; line-height: 2.125rem; color: #333; font-family: 'OpenSans'; font-weight: 300; margin: .5rem 0; } .featured-items a:hover .featured-text h1, .item-grid a:hover .featured-text h1, .featured-items a:focus .featured-text h1, .item-grid a:focus .featured-text h1 { color: #999; } .featured-text h3, .item-addtl-info { font-size: 0.750rem; color: #666; text-transform: uppercase; font-weight: bold; color: #4c4c4c; font-weight: bold; } .item-addtl-text { font-size: 1rem; font-family: 'OpenSans'; font-weight: 300; } .related-content { background: #f7f7f7; border-bottom: none; } .related-content .featured-text h1 { color: #363636; } .featured-text ul.menu li { font-size: 1rem; font-family: 'OpenSans'; font-weight: 300; line-height: 1.6; margin-right: 0; } .featured-text ul.menu li a { font-size: 1.125rem; } .featured-text .title { font-size: 1.250rem; font-family: 'OpenSans'; font-weight: 300; } .featured-text .event-date { background: #d6532a; color: #fff; position: absolute; margin-top: -118px; left: 50%; transform: translatex(-50%); -webkit-transform: translatex(-50%); -moz-transform: translatex(-50%); } .featured-items .image-wrap { position: relative; } .play-icon { display: block; background: url('../images/play-icon.png') 0 0 no-repeat; width: 74px; height: 74px; cursor: pointer; } .play-icon.video-stop { background: url('../images/close-icon.png') 0 0 no-repeat; top: 20px !important; right: 20px !important; left: auto !important; } .image-wrap .play-icon { background-size: 74px; position: absolute; bottom: 20px; left: 20px; z-index: 100; } /* Paging */ .paging { font-size: 1.125rem; font-family: 'OpenSans'; font-weight: 300; padding: 1.250rem 0; border-top: 1px solid #ccc; text-align: center; } @media only screen and (min-width: 768px) { .paging { text-align: left; } .paging-arrows { text-align: right; } } .paging .pagination-label, .pagination { display: inline-block; } .paging .pagination-label { padding-right: .5rem } .pagination { margin-bottom: 0; } .pagination li { font-size: 1.125rem; color: #0009cc; } .pagination a { color: #0099cc; background: none; } .pagination a:hover, .pagination a:focus { background: none; opacity: .7; } .pagination .current { background: none; color: inherit; } .menu.simple .paging-previous, .menu.simple .paging-next { margin: -0.625rem 0.5rem 0 0.938rem; position: relative; } .menu.simple .paging-previous a, .menu.simple .paging-next a { display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; } .paging-previous:before, .paging-next:before { font-family: 'umb-icons'; color: #a8a8a8; font-size: 1.5rem; } .paging-previous:before { content: 'n'; } .paging-next:before { content: '>'; } .paging-previous.disabled:before, .paging-next.disabled:before { color: #e1e1e1; } /* Page Detail Introduction */ .page-introduction .image-wrap { padding-top: 1rem; padding-bottom: 1rem; } @media only screen and (min-width: 768px) { .page-introduction .image-wrap.float-right { padding-left: 1rem; } .page-introduction .image-wrap.float-left { padding-right: 1rem; } } @media only screen and (max-width: 767px) { .page-introduction { text-align: center; } .intro-navigation { margin-bottom: 2rem; } } .intro-navigation h1 { font-size: 1.500rem; text-transform: uppercase; line-height: 1; } @media only screen and (max-width: 767px) { .intro-navigation h1:before { content: ''; display: block; border-top: 2px solid #f17330; max-width: 85px; margin: 0 auto 0.625rem; } } .intro-navigation li { font-family: 'OpenSans'; font-weight: 300; font-size: 1.125rem; margin-bottom: .2rem; } .intro-navigation a { color: #0099cc; } .intro-navigation a:hover, .intro-navigation a:focus { opacity: .7; } .intro-navigation .current a { color: #333; } .intro-text { font-family: 'OpenSans'; font-weight: 300; font-size: 1.250rem; line-height: 2.250rem; } @media only screen and (min-width: 768px) { .intro-text { padding-right: 1.250rem; } } .intro-text h1 { text-transform: uppercase; margin: 0 0 1rem; line-height: 1; } /* Helpful Links */ @media only screen and (max-width: 767px) { .helpful-links { background: #005030; padding: 2.500rem 0; margin: 0 -1.250rem; } .helpful-links.info { background: #e85a2d url('../images/info-icon.png') no-repeat 50% 145%; } } .helpful-links h1 { color: #fff; text-transform: uppercase; font-size: 1.813rem; line-height: 1; font-weight: 300; } @media only screen and (min-width: 768px) { .helpful-links h1 { background: #005030; border-radius: 0 0 15%; padding: 3rem 4.688rem 1.250rem 1.063rem; font-size: 1.125rem; max-width: 180px; font-weight: normal; } } @media only screen and (min-width: 768px) { .helpful-links.info h1 { background: #e85a2d; } } @media only screen and (min-width: 1024px) { .helpful-links.info h1 { background: #e85a2d url('../images/info-icon.png') no-repeat 94% 49px; } } .helpful-links a { font-size: 0.938rem; text-transform: uppercase; color: #fff; } @media only screen and (min-width: 768px) { .helpful-links a { color: #333; } .helpful-links a:after { font-family: 'FontAwesome'; content: '\f105'; padding-left: 0.313rem; font-size: 1.063rem; } } .helpful-links a:hover, .helpful-links a:focus { opacity: .7; } /* Featured content */ .featured-content { font-family: 'OpenSans'; font-weight: 300; font-size: 1.250rem; line-height: 2.250rem; } .featured-content .image-caption, .detail-column-secondary .image-caption, .text-block .image-caption { font-family: 'OpenSans'; font-weight: 300; font-size: 1rem; margin-top: 1rem; } .featured-content h1 { font-size: 3rem; margin-top: 2rem; text-transform: uppercase; font-weight: 300; } /* Dates listing */ .dates-listing { background: #f2f2f2; padding: 1.563rem; } @media only screen and (min-width: 768px) { .dates-listing { padding: 3.125rem; } } .dates-listing h1 { font-size: 1.500rem; text-transform: uppercase; margin-bottom: 1rem; } .dates-listing li { font-family: 'OpenSans'; font-weight: 300; font-size: 1.250rem; margin-bottom: 1rem; } .dates-listing li .date { font-family: inherit; font-weight: bold; font-size: 0.750rem; text-transform: uppercase; font-family: 'NeutrafaceText', sans-serif; color: #666; } /* Course selection steps */ .course-selection-steps { background: #cfe8f5; padding: 3.438rem 0; margin-top: 110px; } @media only screen and (min-width: 768px) { .course-selection-steps { padding: 6.875rem 0; } } .course-selection-steps h1 { font-weight: 300; font-size: 3rem; text-transform: uppercase; margin: 0; } .course-selection-steps h1:before { display: block; content: url('../images/selection-icon.png'); } .course-selection-steps .date { font-family: 'OpenSans'; font-weight: 300; font-size: 1.125rem; text-transform: uppercase; } .course-selection-steps ol { counter-reset: li; margin: 2.500rem 0 0; padding-left: 0; } @media only screen and (min-width: 768px) { .course-selection-steps ol { margin: 4.375rem 1.250rem 0; } } .course-selection-steps ol > li { position: relative; padding: 1.563rem 0.938rem 1.563rem 5rem; list-style: none; font-size: 1.125rem; font-family: 'OpenSans'; font-weight: 300; border-bottom: 1px solid #aac3d0 } .course-selection-steps ol > li:last-child { border-bottom: none; } .course-selection-steps ol > li:before { content: counter(li); counter-increment: li; position: absolute; top: 0; left: 0; font-weight: 300; font-size: 5.625rem; font-family: 'NeutrafaceText', sans-serif; line-height: 1; width: 45px; text-align: center; } @media only screen and (min-width: 768px) { .course-selection-steps ol > li { display: inline-block; width: 49%; min-height: 170px; vertical-align: top; margin-right: -4px; } .course-selection-steps ol > li:nth-child(5) { border-bottom: none; } .course-selection-steps ol > li:nth-of-type(2n+1) { border-right: 1px solid #aac3d0; } .course-selection-steps ol > li:before { left: 13px; } } @media only screen and (min-width: 1024px) { .course-selection-steps ol { margin-left: 0; margin-right: 0; } .course-selection-steps ol > li { width: 33.3%; padding: 1.563rem 1.563rem 2.500rem 6.125rem; } .course-selection-steps ol > li:nth-of-type(2n+1) { border-right: none; } .course-selection-steps ol > li:nth-child(1), .course-selection-steps ol > li:nth-child(2), .course-selection-steps ol > li:nth-child(4), .course-selection-steps ol > li:nth-child(5) { border-right: 1px solid #aac3d0; } .course-selection-steps ol > li:nth-child(4) { border-bottom: none; } .course-selection-steps ol > li:before { left: 30px; } } /* Featured events */ .featured-events { background: #006035 url('../images/featured_event_bg.jpg') 50% 0 no-repeat; background-size: cover; color: #fff; } .section-heading-wrap { position: relative; margin-bottom: 4.063rem; } .section-heading-wrap h1.section-title { margin-bottom: 0; } .section-heading-wrap a { display: block; font-size: 1.125rem; text-transform: uppercase; margin-top: 0.938rem; } .section-heading-wrap a:hover, .section-heading-wrap a:focus { opacity: .7; } .section-heading-wrap .subhead { font-weight: 300; font-family: 'OpenSans'; font-size: 1.250rem; } @media only screen and (min-width: 768px) { .section-heading-wrap a { position: absolute; right: 0; bottom: 0; margin-top: 0; } } .featured-events a { color: #fff; } .featured-events h1 { font-weight: 300; font-size: 3rem; text-transform: uppercase; margin: 0; color: #fff; } @media only screen and (max-width: 767px) { .featured-events h1 { font-size: 2.250rem; } } .featured-events a:hover h1, .featured-events a:focus h1 { opacity: .7; } .event-date { background: #004d2a; border-radius: 50px; padding: 1.875rem 0.938rem 0; height: 95px; width: 95px; margin: auto; text-transform: uppercase; line-height: .8; font-weight: 300; } .event-date span { font-size: 2.375rem; display: block; } .featured-events .featured-text { padding: 1.563rem 1.250rem; } .featured-events .featured-text h1 { font-size: 1.750rem; line-height: 2.250rem; margin: .5rem 0; text-transform: none; } .featured-events .featured-text .item-category { color: #fff; font-weight: normal; } .featured-events .item-addtl-info { margin-top: 0.625rem; color: #fff; } /* Search Results */ .search-results { min-height: 20rem; margin-bottom: 6.25rem; } .search-results h1 { text-align: left; font-size: 3.750rem; margin-bottom: 0.938rem; } .resultCount { position: relative; height: 40px; margin-bottom: 30px; border-bottom: 1px solid #cccccc; font-family: 'OpenSans'; font-size: 1.125rem; } .resultCount p { position: absolute; top: 0; } @media only screen and (max-width: 767px) { .resultCount { height: auto; text-align: center; } .resultCount p { position: initial; } .searchSummary { margin-bottom: 0; } } .searchSummary { left: .9375rem; } .searchResults { right: .9375rem; } .result-item { font-family: 'OpenSans'; font-size: 1.125rem; margin-bottom: 1.875rem; padding-left: .9375rem; padding-right: .9375rem; } .result-item .result-details.icon-doc, .result-item .result-details.icon-pdf { padding-left: 50px; position: relative; } .result-item .result-details.icon-doc:before, .result-item .result-details.icon-pdf:before { position: absolute; width: 30px; top: 10px; left: 0; content: url('../images/doc.svg'); } .result-item .result-details.icon-pdf:before { content: url('../images/pdf.svg'); } .result-item h3 { margin-bottom: 0; } .result-item h3 a { font-family: 'OpenSans'; font-size: 1.750rem; color: #000; font-weight: 300; } .result-item h3 a:hover, .result-item h3 a:focus { color: #999; } .result-item .result-url a { font-size: 0.938rem; color: #008ebd; } .result-item p, .result-item b { font-weight: 300; } .result-details p br { display: none; } .search-results .pagination { margin-bottom: 1.250rem; margin-top: .9375rem; padding-top: 1.250rem; border-top: 1px solid #ccc; width: 100%; font-size: 1.125rem; font-family: 'OpenSans'; font-weight: 300; text-align: center; } .search-results .pagination li { vertical-align: middle; } .search-results ul.pagination:before { content: "Pages"; display: inline-block; padding-right: .5rem; line-height: 34px; vertical-align: middle; } .search-results .pagination li.current { padding: 0; display: inline-block; } .search-results .pagination li.current a { color: #333; } .search-results .pagination li.prev a:before, .search-results .pagination li.next a:before { font-family: 'umb-icons'; font-size: 1.65rem; color: #a8a8a8; line-height: 34px; } .search-results .pagination li.prev a:before { content: 'n'; } .search-results .pagination li.next a:before { content: '>'; } /* Person Bio */ .hero-text-wrap h1.person-name { font-size: 2.813rem; font-weight: 300; text-transform: uppercase; line-height: 3.5rem; } .hero-text-wrap .person-title { font-family: 'OpenSans'; font-weight: 300; font-size: 1.250rem; } @media only screen and (min-width: 768px) { .hero-text-wrap h1.person-name { font-size: 4rem; } .hero-text-wrap h1.person-name, .hero-text-wrap .person-title { color: #fff; } } .hero-text-wrap .person-title p { margin-bottom: 0; } .person-bio { margin-top: 2.188rem; margin-bottom: 6.25rem; } .detail-column-main h2 { font-family: 'OpenSans'; font-size: 1.500rem; } .detail-column-main p { margin-bottom: 2.5rem; } .detail-column-main .more-link { font-family: 'NeutrafaceText'; font-weight: bold; font-size: 1rem; text-transform: uppercase; } .detail-column-secondary { font-size: 1.125rem; font-family: 'OpenSans'; font-weight: 300; } .detail-column-secondary h1 { font-size: 1.500rem; text-transform: uppercase; margin: 1.250rem 0 0.938rem; } .detail-column-secondary h2 { font-weight: bold; font-size: 0.813rem; color: #4e4e4e; text-transform: uppercase; margin: 0 0 3px; } .detail-column-main ul { margin-bottom: 2.5rem; } .contact-details { margin-top: 2rem; } .contact-details li { margin-bottom: 0.938rem; padding-right: 2.500rem; word-wrap: break-word; } .person-bio .contact-details .website a:after { content: url('../images/external-link-icon.png'); padding-left: 0.313rem; } .person-bio .section-title { font-size: 2.813rem; margin: 0.625rem 0; line-height: 1; } @media only screen and (min-width: 768px) { .person-bio .section-title { font-size: 3.750rem; margin-top: 0; } } @media only screen and (max-width: 767px) { .person-bio .detail-column-main img.show-for-small-only { /*margin: 0 -1.250rem; width: 115%; overflow: hidden;*/ width: 100vw; position: relative; left: 50%; right: 50%; margin: 0 -50vw 2rem; } } .detail-column-main { font-family: 'OpenSans'; font-size: 1.250rem; font-weight: 300; } .person-title { font-size: 1.500rem; } .bio-text-group { margin: 1.250rem 0 1.563rem; } .bio-text-group h2 { font-family: 'OpenSans'; font-size: 1.375rem; } .bio-text-group h2:before { content: ''; display: inline-block; width: 10px; height: 10px; background: #f17330; margin: -0.313rem 0.625rem 0 0; vertical-align: middle; } .publication-list li { margin-bottom: 2.500rem; } blockquote { border-left: none; color: #000; margin: 2.500rem 0; } blockquote p { font-family: 'PlayfairDisplay'; font-size: 1.875rem; color: #000; line-height: 2.750rem; } blockquote p:before, blockquote p:after { content: url('../images/left-quotes.png'); display: block; text-align: center; } blockquote p:after { content: url('../images/right-quotes.png'); margin-top: 0.625rem; } blockquote .author { font-family: 'NeutrafaceText', sans-serif; font-size: 1rem; font-weight: bold; text-transform: uppercase; } blockquote .author-title { font-size: 0.875rem; } /* Hero Banner */ .hero-banner { position: relative; margin-bottom: 0; overflow: hidden; } .hero-banner.with-video [data-youtube-id] { position: relative; } .hero-banner.with-video [data-youtube-id] .play-icon { position: absolute; bottom: 50px; right: 50px; width: 100px; height: 100px; background-size: cover; cursor: pointer; z-index: 1; } .hero-banner.resize img.img-fullwidth { object-fit: cover; object-position: 80% 50%; font-family: 'object-fit: cover; object-position: 80% 50%;'; /* IE workaround */ } @media only screen and (max-width: 767px) { section.hero-banner img.img-fullwidth, section.hero-banner.resize img.img-fullwidth { width: 170%; margin-left: -70%; margin-right: initial; float: none; } .hero-banner.resize img.img-fullwidth { object-fit: initial; object-position: initial; font-family: initial; min-height: initial !important; } .hero-banner.resize.with-video [data-youtube-id] { min-height: initial !important; } .hero-banner.left-align-image img.img-fullwidth { width: 100%; margin-left: 0%; } .hero-banner.event-detail img.img-fullwidth { width: 100%; margin-left: initial; height: auto; } .hero-banner.with-video [data-youtube-id] .play-icon { left: 50px; bottom: 50px; } .hero-banner.with-video .play-icon.video-stop { width: 60px; height: 60px; } } .hero-banner .breadcrumbs { position: absolute; border-bottom: none; } .hero-banner .breadcrumbs li, .hero-banner .breadcrumbs a { color: #fff; } @media only screen and (max-width: 767px) { .hero-text-wrap { padding-top: 2.500rem; } } .hero-text-wrap.secondary .item-category { font-size: 1.125rem; color: inherit; font-weight: normal; } .hero-text-wrap h1 { font-family: 'OpenSans'; text-transform: uppercase; font-size: 1rem; } .hero-text-wrap h2 { font-family: 'OpenSans'; font-size: 2.813rem; font-weight: 300; text-transform: uppercase; line-height: 1; } .hero-text-wrap.two-lines.smaller-heading h2 { font-weight: 300; font-size: 2.813rem; line-height: 1; text-transform: none; } .hero-text-wrap.secondary h2 { font-size: 2.250rem; line-height: 1; } .hero-text-wrap .item-addtl-info { text-transform: uppercase; font-weight: bold; font-size: 1rem; } @media only screen and (min-width: 768px) { .hero-text-wrap h2 { font-size: 4rem; } .hero-text-wrap.secondary h2 { font-size: 5.625rem; } .hero-text-wrap.two-lines h2 { font-size: 6.875rem; line-height: 6.625rem; } .hero-text-wrap .item-addtl-info { color: #fff; } } @media only screen and (min-width: 1024px) { .hero-text-wrap h2 { font-size: 6.250rem; } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .hero-banner .hero-text-wrap.secondary h2 { font-size: 7.5vw; } } @media only screen and (min-width: 1200px) { .hero-text-wrap.two-lines.smaller-heading h2 { font-size: 3.75rem; line-height: 3.75rem; } } .hero-text-wrap .subhead { font-family: 'OpenSans'; font-weight: 300; font-size: 1.25rem; } .hero-text-wrap.tow-lines .subhead { font-size: 1.688rem; } .hero-text-wrap.secondary .subhead { font-size: 1.250rem; line-height: 2.250rem; } .hero-text-wrap a.btn { display: inline-block; border: 1px solid #fff; border-radius: 5px; padding: 0.750rem 1.875rem 0.875rem; text-transform: uppercase; font-size: 0.875rem; font-weight: bold; color: #fff; margin-top: 1.563rem; background: transparent; } .hero-text-wrap a.btn:hover, .hero-text-wrap a.btn:focus { background: transparent; } .hero-text-wrap.event .item-category { font-size: 1rem; } .hero-carousel .slick-slide { overflow: hidden; } .hero-carousel.slick-dotted.slick-slider { margin-bottom: 3.75rem; } @media only screen and (min-width: 768px) { .hero-banner .hero-text-wrap { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; color: #fff; } .hero-banner .hero-text-wrap.dark-text { color: inherit; } .hero-carousel.slick-dotted.slick-slider { margin-bottom: 0; } .hero-carousel .slick-slide { position: relative; } .hero-carousel .slick-prev { left: 0; z-index: 10; } .hero-carousel .slick-next { right: 0; } .hero-text-wrap.event .item-category { color: #fff; } } .hero-text-wrap.event h1 { font-size: 2.813rem; line-height: 1; font-weight: 300; text-transform: none; font-family: 'OpenSans'; margin: 1.5rem 0; } @media only screen and (min-width: 768px) { .hero-text-wrap.event h1 { font-size: 4rem; line-height: 4rem; } } @media only screen and (max-width: 767px) { .hero-text-wrap .event-date { position: relative; margin-top: -90px; z-index: 1; } a .hero-text-wrap.event h1 { color: #333; } .hero-text-wrap .medium-3 .event-date { margin-bottom: 0; margin-top: 1.25rem; } } .hero-text-wrap .event-date { background: #d6532a; font-size: 1rem; margin-bottom: 1.5rem; text-align: center; color: #fff; } .hero-text-wrap .event-date .date-num { font-size: 40px; } @media only screen and (min-width: 1200px) { .hero-text-wrap .event-date { border-radius: 90px; padding: 2.813rem 0.938rem 0; height: 175px; width: 175px; line-height: 1; } .hero-text-wrap .event-date .date-num { margin-top: 3px; font-size: 100px; line-height: .6; } } @media only screen and (max-width: 767px) { .hero-banner .club-banner-image { position: absolute; top: 10%; left: 0; right: 0; } } /* Forms */ .user-form { margin-top: 2.500rem; } .user-form .section-title { line-height: 3.125rem; } .user-form p, .user-form li { font-family: 'OpenSans'; font-weight: 300; font-size: 1.250rem; } .user-form label { font-weight: bold; font-size: 0.750rem; color: #666; text-transform: uppercase; } .user-form label.error { margin: -30px 0 20px; } .user-form input, .user-form input:focus { border-color: #ccc; padding: 31px 1.250rem; font-family: 'OpenSans'; font-weight: 300; font-size: 1.250rem; box-shadow: none; color: #333; margin: 7px 0 38px; } .user-form select { border-color: #ccc; text-transform: uppercase; color: #666; font-family: 'OpenSans'; font-size: 1rem; padding: 1.250rem; margin: 0.438rem 0 2.375rem; background-image: url('../images/arrow-down.png'); background-size: 15px 8px; background-position: right 0rem center; height: auto; } .user-form .form-submit-btn, .user-form .form-submit-btn:focus { border: none; width: 100%; /*background: #005030; */ color: #fff; text-transform: uppercase; font-weight: bold; font-size: 1rem; font-family: 'NeutrafaceText', sans-serif; border-radius: 5px; padding: 1.563rem 0; } .user-form .form-submit-btn { background: #005030; } .user-form .form-submit-btn:hover, .user-form .form-submit-btn:focus { background: #00671d; } .user-form .info-message { background: #d0e9c6; border-radius: 5px; text-align: center; color: #3c763d; font-family: 'OpenSans'; font-weight: 300; font-size: 1.250rem; padding: 1.125rem 0; margin-bottom: 1.250rem; position: relative; } .notification, .notification.red { background: #f05454; margin: 0; max-width: 100%; } .notification.yellow { background: #f0b754; } .notification.blue { background: #54a5f0; } .notification .info-message { text-align: center; color: #fff; font-family: 'OpenSans'; font-weight: 300; font-size: 1.250rem; padding: 1.125rem 0; position: relative; } .notification .info-message .info-message-details { font-size: 1.1rem; /* revised by May 9-6-17 - font-size: .9rem; */ color: #fff; text-decoration: underline; font-weight: bold; /* added by May 9-6-17 */ } .notification .info-message .info-message-close { width: 20px; height: 16px; display: inline-block; margin-left: 30px; color: #fff; } .user-form select.error, .user-form input.error, .user-form input.error:focus { border: 2px solid #f05454; } /* Microsite */ .microsite .main-nav ul.top-level > li { border-bottom: none; } .microsite .main-nav ul.top-level > li:hover > a:after, .microsite .main-nav ul.top-level > li.focused > a:after { border-color: transparent; } .microsite .filters { margin-bottom: 2rem; } .microsite .introduction h1 { margin-bottom: 0.938rem ; } .microsite .introduction { font-size: 1.250rem; font-family: 'OpenSans'; font-weight: 300; line-height: 3rem; } .microsite .user-form { background: #d6532a url('../images/side-panel-bg.gif') no-repeat 0 0; background-size: cover; padding: 65px 2.500rem; } .microsite .user-form label.error { color: #fff; } @media only screen and (max-width: 767px) { .microsite .user-form { margin-left: -1.250rem; margin-right: -1.250rem; } } @media only screen and (min-width: 768px) { .microsite .user-form { margin-top: 0; margin-bottom: 3.750rem; } } @media only screen and (max-width: 1024px) { .microsite .medium-4, .microsite .medium-8 { width: 100%; } .microsite .user-form { margin: 2.5rem -1.250rem 0 -1.250rem; } } .microsite .user-form h1 { color: #fff; font-size: 2.250rem; line-height: 1; } .microsite .user-form label { color: #fff; } .microsite .user-form input, .microsite .user-form select { border-color: transparent; } .microsite .user-form select.error, .microsite .user-form input.error, .microsite .user-form input.error:focus { border: 2px solid #00512f; } .microsite .user-form .form-submit-btn, .microsite .user-form .form-submit-btn:focus { border: 1px solid #fff; background: transparent; color: #fff; font-weight: bold; } .detail-with-number { text-align: center; padding: 0 3rem; margin-bottom: 4.125rem; } .detail-with-number .number { font-weight: 300; color: #075f38; font-size: 90px; line-height: 1; } @media only screen and (min-width: 1024px) { .detail-with-number .number { font-size: 110px; } } .detail-with-number .text { font-family: 'OpenSans'; font-weight: 300; font-size: 1rem; line-height: 1.75rem; vertical-align: top; padding-top: .5rem; } .detail-with-number h2 { font-size: 1.500rem; line-height: 1.625rem; text-transform: uppercase; } .text-with-2up h2, .text-with-1up h2 { font-size: 0.875rem; text-transform: uppercase; font-weight: bold; color: #f17330; } .text-with-2up h1, .text-with-1up h1 { line-height: 3rem; margin-bottom: 0.938rem; } .text-with-2up p, .text-with-1up p { font-family: 'OpenSans'; font-weight: 300; font-size: 1.125rem; line-height: 1.875rem; } .text-with-2up h3, .text-with-1up h3 { font-size: 1.500rem; text-transform: uppercase; margin: 1.250rem 0 0; } .text-with-2up .subhead, .text-with-1up .subhead { font-family: 'OpenSans'; font-weight: 300; font-size: 1.125rem; line-height: 1.875rem; } .text-with-2up .caption, .text-with-1up .caption { font-family: 'OpenSans'; font-weight: 300; font-size: 1rem; margin-top: 1.250rem; } @media only screen and (min-width: 768xp) { .text-with-2up img { max-height: 245px; } } /* Tabs */ .tab-menu { margin: 0 0 3.125rem; } .tab-menu a { display: block; border: 1px solid #e4e4e4; border-width: 0 0 1px; font-weight: bold; font-size: 1rem; color: #666; text-transform: uppercase; padding: 1.250rem; } .tab-menu a:hover, .tab-menu li.current a { border-top: 3px solid #f17330; } @media only screen and (min-width: 768px) { .tab-menu { display: table; width: 100%; table-layout: fixed; } .tab-menu li { display: table-cell; vertical-align: middle; text-align: center; } .tab-menu a { border-width: 3px 0 1px; } .tab-menu a:hover, .tab-menu li.current a { border-top-color: #f17330; } } /* Directory List */ .directory-list .item-grid .featured-text h1 { font-size: 1.500rem; font-family: 'NeutraFaceText'; font-weight: normal; text-transform: uppercase; } .diamond-icon { width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #d6532a; position: relative; top: -5px; margin: .5rem auto .9rem; } .diamond-icon:after { content: ''; position: absolute; left: -5px; top: 5px; width: 0; height: 0; border: 5px solid transparent; border-top-color: #d6532a; } /* Course Details */ .course-list .medium-up-2 .column .inner { border-top: 1px solid #dcdcdc; padding-bottom: 80px; } .course-code { background: #005030; color: #fff; text-transform: uppercase; border-radius: 0 0 20%; width: 109px; height: 39px; font-size: 1rem; padding: 8px 1.250rem; } .course-code.elective { background: #e85a2d; } .course-list .medium-up-2 .column h1 { font-family: 'OpenSans'; font-size: 1.75rem; margin-top: 1.5rem; font-weight: 300; } .course-list .credits { text-transform: uppercase; font-size: 1rem; margin-bottom: 0.313rem; } .course-list p { font-family: 'OpenSans'; font-size: 1.125rem; font-weight: 300; } .course-details { font-family: 'OpenSans'; font-size: 1rem; margin-top: 1.5rem; } .course-details li { margin-bottom: .3rem; font-weight: 300; } .course-details span { font-weight: normal; } .num { font-family: 'OpenSans'; } .curriculum-req-heading { background: #e85a2d; padding: 1rem 1.875rem 1rem 37px; color: #fff; } .curriculum-req-heading h2 { display: inline-block; width: 83%; color: #fff; font-size: 1.250rem; font-family: 'OpenSans'; font-weight: 300; vertical-align: middle; margin-bottom: 0; } .curriculum-req-heading .hours-col { display: inline-block; width: 16.66%; vertical-align: middle; text-transform: uppercase; } .curriculum-listing { margin-bottom: 0; } .simple-accordion .curriculum-listing > li:first-child { border-top: 1px solid #dcdcdc; } .curriculum-listing > li { font-family: 'OpenSans'; font-size: 1.250rem; border-bottom: 1px solid #dcdcdc; padding: 1.313rem 1.875rem 1.313rem 0; } .curriculum-listing > li span { display: block; position: relative; padding-left: 2.313rem; } .curriculum-listing > li .curriculum-description { display: none; padding-top: 1.6rem; padding-left: 3.25rem; margin-bottom: 16px; font-family: 'OpenSans'; font-size: 1.125rem; font-weight: 300; } .curriculum-listing > li .curriculum-description p { display: block; } .curriculum-listing > li span.with-plus-icon { cursor: pointer; } .curriculum-listing > li.active span.with-plus-icon { color: #f17330; } .curriculum-listing > li span.with-plus-icon:before { content: ' '; background-image: url('../images/plus.png'); background-size: 20px 20px; background-repeat: no-repeat; height: 20px; width: 20px; position: absolute; top: 6px; left: 0; } .curriculum-listing > li.active span.with-plus-icon:before { background-image: url('../images/minus.png'); } .curriculum-listing > li .hours-col { font-size: 1.125rem; } .curriculum-description ol, .curriculum-description ul { font-family: 'OpenSans'; font-size: 1.125rem; font-weight: 300; } .footnotes { background: #f2f2f2; padding: 6.250rem 0; margin-top: 5rem; font-family: 'OpenSans'; font-size: 1rem; } .footnotes ol { counter-reset: footnote-counter; list-style-type: none; } .footnotes ol li:before { content: counter(footnote-counter); counter-increment: footnote-counter; position: absolute; left: -25px; } .footnotes li { margin-bottom: 1.5rem; position: relative; } /* Editorial */ .article .head-container { margin: 3.125rem 0; } .article h1 { font-family: 'OpenSans'; font-weight: 300; font-size: 3.125rem; line-height: 3.688rem; } @media only screen and (min-width: 768px) { .article h1 { font-size: 4.5rem; line-height: 5.563rem; } } .media-container { margin-bottom: 2.188rem; } .media-container .caption { font-family: 'OpenSans'; font-weight: 300; font-size: 1rem; padding: .7rem 0; border-bottom: 1px solid #e5e5e5; } .detail-column-main .item-detail-actions { margin: 0; } .item-detail-actions a:hover, .item-detail-actions a:focus { opacity: .7; } .item-detail-actions a:after { font-family: 'umb-icons'; color: #333; font-size: 1.625rem; } .item-detail-actions .email:after { content: '\6d'; } .item-detail-actions .print:after { content: 'k'; } .item-detail-actions .calendar:after { content: '\63'; } .item-detail-actions .share:after { content: 's'; } .article .detail-column-main .author { font-size: 0.875rem; text-transform: uppercase; line-height: 2.3; } .article .detail-column-main .author img.author-thumb { width: 40px; height: 40px; margin-right: .5rem; vertical-align: middle; display: inline-block; } .article .detail-column-main .author a { font-weight: bold; } .article .detail-column-main .author a:hover, .article .detail-column-main .author a:focus { opacity: .7; } .detail-column-main p.lead { font-size: 1.625rem; line-height: 2.875rem; color: #000; margin-top: 2.500rem; } .article blockquote { width: 88%; margin-left: auto; margin-right: auto; } /* Event Details */ .hero-banner.event-detail .hero-text-wrap .item-category { color: #fff; font-size: 1rem; font-weight: normal; } .hero-banner.event-detail .hero-text-wrap h1 { font-family: 'OpenSans'; font-size: 2.813rem; font-weight: 300; line-height: 1; text-transform: none; } @media only screen and (min-width: 1024px) { .hero-banner.event-detail .hero-text-wrap h1 { font-size: 4rem; line-height: 1m; } } a.btn { display: inline-block; background: #005030; color: #fff; text-transform: uppercase; font-size: 1.125rem; padding: 1rem; border-radius: 5px; text-align: center; font-family: 'NeutrafaceText', sans-serif; font-weight: normal; } a.btn:hover { color: #fff; background: #00671d; } a.btn-secondary { display: inline-block; border: 1px solid #cbcbcb; border-radius: 5px; padding: 0.750rem 1.875rem 0.875rem; text-transform: uppercase; font-size: 0.875rem; font-weight: bold; color: #666; margin-top: 1.563rem; background: transparent; } a.btn-secondary:hover, a.btn-secondary:focus { opacity: .7; } .event-details .btn { display: block; } .event-details .detail-column-secondary li.google-map { padding-right: 0; margin-bottom: 1.25rem; } .detail-column-secondary .item-detail-actions { margin: 1.5rem 0; } /* Featured grid */ .featured-grid .column { position: relative; } .featured-grid .text-overlay { text-align: center; padding: 2.500rem 1.250rem; } .featured-grid .text-overlay h1 { text-transform: uppercase; font-size: 1.500rem; line-height: 1; margin: 0 0 .5rem; } .featured-grid .text-overlay .subhead { font-family: 'OpenSans'; font-weight: 300; font-size: 1.250rem; line-height: 1.875rem; } @media only screen and (min-width: 768px) { .featured-grid .text-overlay { position: absolute; left: 25px; bottom: 20px; color: #fff; padding: 0; text-align: left; } } @media only screen and (min-width: 1200px) { .featured-grid .text-overlay { left: 48px; bottom: 37px; } .featured-grid .text-overlay h1 { font-size: 2.750rem; line-height: 2.625rem; max-width: 65%; } .featured-grid .text-overlay .subhead { font-size: 1.375rem; line-height: 2.375rem; } } /* Featured views */ .featured-views { position: relative; } .featured-view-slider .slide { position: relative; } .featured-view-slider .slide-text { text-align: center; } .featured-view-slider .slide-text .item-category { border-top: 2px solid #e6a52d; display: inline-block; padding-top: 0.750rem; color: inherit; font-size: 1.125rem; font-weight: normal; margin: 3.125rem 0; } .featured-view-slider .slide-text h1 { font-size: 2.250rem; line-height: 2.563rem; } .featured-view-slider .slide-text .degree-details { text-transform: uppercase; font-size: 1.313rem; margin: 1.250rem 0; font-weight: 300; } .featured-view-slider .slide-text .degree-details a { color: inherit; } .featured-view-slider .slide-text .degree-details a:after { font-family: 'umb-icons'; content: '>'; padding-left: 1rem; font-size: 1rem; } .featured-view-slider .slide-text .details { font-size: 1.625rem; } .featured-view-slider .slide-text .details li { margin-bottom: 1rem; font-family: 'OpenSans'; font-weight: 300; } .featured-view-slider .slide-text .details h2 { font-size: 0.813rem; text-transform: uppercase; margin: 0; font-weight: bold; } .featured-view-slider .slide-text .details .description { font-size: 1rem; } .featured-view-slider .slide-text blockquote { margin-top: 0; } .featured-view-slider .slide-text blockquote p { text-align: center; font-size: 1.500rem; line-height: 2.125rem; } @media only screen and (min-width: 768px) { .featured-view-slider .slide-text { position: absolute; width: 100%; top: 0; left: 0; padding-top: 3.5rem; color: #fff; text-align: left; } .featured-view-slider .slide-text .item-category { color: #fff; margin: 0; } .featured-view-slider .slide-text h1 { margin: 1.875rem 0 0; font-size: 3.750rem; line-height: 3.375rem; } .featured-view-slider .slide-text .degree-details a { color: #fff; } .featured-view-slider .slide-text .details .description { max-width: 80%; } .featured-view-slider .slide-text blockquote p { color: #fff; font-size: 1.875rem; line-height: 2.625rem; } .featured-view-slider .slide-text blockquote p:before { content: url('../images/left-quotes-white.png'); } .featured-view-slider .slide-text blockquote p:after { content: url('../images/right-quotes-white.png'); } } .featured-views .row .medium-4 { position: relative; } .featured-view-thumb-nav { position: absolute; bottom: 20px; width: 48%; } .featured-view-thumb-nav div { outline: none; cursor: pointer; } .featured-view-thumb-nav img { border: 3px solid transparent; } .featured-view-thumb-nav div.slick-current img { border-color: #e6a52d; } .custom-slick-prev, .custom-slick-next { display: inline-block; vertical-align: middle; margin: 2rem 1rem; text-transform: uppercase; font-size: 1.125rem; color: inherit; } .custom-slick-prev:hover, .custom-slick-prev:focus, .custom-slick-next:hover, .custom-slick-next:focus { color: inherit; } .custom-slick-prev:before { font-family: 'FontAwesome'; content: '\f104'; padding-right: 1rem; } .custom-slick-next:after { font-family: 'FontAwesome'; content: '\f105'; padding-left: 1rem; } /* Jump Links */ .jump-links { background: #ececec; padding: 1rem 0; margin-bottom: 0; text-align: center; } .jump-links.pin { position: fixed; /*top: 57px; */ width: 100%; z-index: 990; } .jump-links .menu.simple li { margin: 0 .75rem; } .jump-links a { text-transform: uppercase; color: #333; font-size: 1rem; } .jump-links .current a { font-weight: bold; } /* Compare action section */ .compare-action { font-size: 1.438rem; padding-bottom: 2.500rem; } .compare-action h1, .compare-action p { margin: 0; } /* Program Selector */ @media only screen and (max-width: 767px) { .program-selector .column { padding: 0 1.250rem; } .program-selector .column .inner { border-top: 1px solid #ccc; } .program-selector .column:last-child .inner { border-bottom: 1px solid #ccc; } .program-selector .column .inner > a { color: inherit; text-align: left; padding: 1.250rem 0 0.938rem; } .program-selector .column .details-open h1:before { content: ' '; background-image: url('../images/plus.png'); background-size: 20px 20px; background-repeat: no-repeat; height: 20px; width: 20px; margin-right: 1rem; display: inline-block; } .program-selector .column.active .details-open h1 { color: #f17330; } .program-selector .column.active .details-open h1:before { background-image: url('../images/minus.png'); } } .program-selector .column .inner > a { display: block; width: 100%; height: 100%; } .program-selector h1 { font-size: 1.500rem; line-height: 1; } .program-selector .program-details { display: none; padding: 0 0.625rem 0.625rem; font-family: 'OpenSans'; font-size: 1rem; text-align: left; } @media only screen and (min-width: 768px) { .program-selector { background-color: #cd4121; } .program-selector .row { border-bottom: 1px solid #ab3511; } .program-selector a, .program-selector p { color: #fff; } .program-selector .column { border: 1px solid #ab3511; border-width: 1px 1px 0 0; min-height: 408px; position: relative; font-weight: 300; font-size: 1.250rem; } .program-selector .column:nth-of-type(3n+1) { border-left: 1px solid #ab3511; } .program-selector .column .inner > a span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); width: 100%; } .program-selector .column .inner > a span:after { display: block; font-family: 'FontAwesome'; content: '\f107'; font-size: 1.875rem; } .program-selector h1 { text-transform: uppercase; font-size: 1.500rem; line-height: 1; color: #fff; width: 72%; margin: auto; } .program-selector .program-details { position: absolute; bottom: 0; width: 100%; height: 100%; background: #4a535b; padding: 2.813rem 0.625rem; text-align: center; } .program-selector .program-details h1 { margin-bottom: 0.625rem; } .program-selector .column.tile-1 { background: url('../images/program-selector-tile-bg-1.png') no-repeat top center; background-size: contain; } .program-selector .column.tile-2 { background: url('../images/program-selector-tile-bg-2.png') no-repeat bottom center; background-size: contain; } .program-selector .column.tile-3 { background: url('../images/program-selector-tile-bg-3.png') no-repeat top center; background-size: contain; } .program-selector .column.tile-4 { background: url('../images/program-selector-tile-bg-4.png') no-repeat bottom center; background-size: contain; } .program-selector .column.tile-5 { background: url('../images/program-selector-tile-bg-5.png') no-repeat top center; background-size: contain; } .program-selector .column.tile-6, .program-selector .column.tile-9 { background: url('../images/program-selector-tile-bg-6.png') no-repeat top center; background-size: contain; } .program-selector .column.tile-7 { background: url('../images/program-selector-tile-bg-7.png') no-repeat top center; background-size: contain; } .program-selector .column.tile-8 { background: url('../images/program-selector-tile-bg-8.png') no-repeat top center; background-size: contain; } } .program-selector .program-details ul { margin: 0.625rem 0 0; } .program-selector .program-details li { margin-bottom: 0.313rem; } .program-selector .program-details a:hover, .program-selector .program-details a:focus { color: #a5d8f4; } .program-selector .program-details p > a { color: #a5d8f4; } .program-selector .details-close { display: block; font-size: 1.875rem; line-height: 1; } @media only screen and (min-width: 1024px) { .program-selector h1 { font-size: 2rem; width: 82%; } } /* Hero with text block */ @media only screen and (min-width: 768px) { .hero-text-block { position: absolute; left: 0; width: 100%; height: 100%; top: 0; } } .hero-text-block .row, .hero-text-block .medium-6 { height: 100%; } .hero-text-block .medium-6 { background: #fff; } .hero-text-block .medium-6 .inner { position: relative; height: auto; } @media only screen and (min-width: 768px) { .hero-text-block .medium-6 .inner { padding: 0 25px; } } .section-tag { background: #d6532a; font-size: 1rem; text-transform: uppercase; margin: 0 auto 2.5rem; color: #fff; text-align: center; width: 136px; height: 136px; position: relative; } .section-tag span { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); padding: 0 .5rem; } .hero-text-block h1 { font-size: 2.250rem; line-height: 1; margin-bottom: 1.250rem; } @media only screen and (min-width: 1024px) { .hero-text-block h1 { font-size: 2.813rem; } } .hero-text-block p, .hero-text-wrap p { font-family: 'OpenSans'; font-size: 1.25rem; line-height: 1.75rem; font-weight: 300; } .hero-text-block .more-link, .hero-text-wrap .more-link { font-size: 1rem; color: #f17330; font-weight: bold; text-transform: uppercase; display: inline-block; margin-bottom: 40px; } @media only screen and (min-width: 768px) { .hero-text-wrap.dark-text .more-link { color: inherit; } } .hero-text-block .more-link:hover, .hero-text-wrap .more-link:hover, .hero-text-block .more-link:focus, .hero-text-wrap .more-link:focus { opacity: .7; } .hero-text-block .more-link:before, .hero-text-wrap .more-link:before { content: ''; border-top: 1px solid #666; display: block; margin: .05rem 0 1rem; } .hero-text-block .number { font-size: 22.5rem; line-height: 1; color: #fff; font-weight: 300; margin-top: 34%; } .hero-text-block .number-description { font-size: 1.188rem; color: #fff; text-transform: uppercase; } .hero-text-block .caption { font-family: 'OpenSans'; font-weight: 300; font-size: 1.125rem; position: absolute; left: 0; width: 100%; bottom: 3rem; } .hero-text-block .caption span { font-weight: normal; } /* Featured faculty */ .featured-faculty .section-heading-wrap { margin-bottom: 2.500rem; } .featured-faculty h1.section-title { margin: 0; } .featured-faculty h1.section-title.with-bottom-margin { margin-bottom: 1.875rem; } .featured-faculty .subhead { font-size: 1.250rem; font-family: 'OpenSans'; font-weight: 300; } @media only screen and (min-width: 768px) { .featured-faculty.directory-list .item-grid img { max-height: none; } } .featured-faculty .item-grid .featured-text { border-left: none; } .featured-faculty .image-wrap { position: relative; } .featured-faculty .quote-icon { display: block; background: url('../images/left-quotes-white.png') 0 0 no-repeat; position: absolute; bottom: 33px; left: 22px; width: 2.500rem; height: 32px; z-index: 100; } .featured-faculty .image-overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; } .featured-faculty blockquote { margin: 0; } .featured-faculty blockquote p { font-size: 1.750rem; line-height: 2.250rem; } /* Three Up */ @media only screen and (max-width: 767px) { .three-up .columns { margin: 1rem 0; } } .three-up .number { color: #075f38; font-size: 6.563rem; line-height: 1; } @media only screen and (min-width: 768px) and (max-width: 1200px) { .three-up .number { font-size: 10vw; } .three-up .columns h1 { margin-top: 2vw; } } .three-up img { display: inline-block; margin: auto; } .three-up .columns h1 { text-transform: uppercase; font-size: 1.500rem; margin: 2rem 3rem 0; } .three-up p { font-family: 'OpenSans'; font-size: 1.125rem; width: 85%; margin: auto; font-weight: 300; } /* Image Mosaic */ .image-mosaic .item-category { font-size: 1rem; } .image-mosaic h1.section-title, .simple-accordion h1.section-title { margin: 0; } .image-mosaic .subhead, .simple-accordion .subhead { font-size: 1.250rem; margin-bottom: 2.500rem; font-family: 'OpenSans'; font-weight: 300; } @media only screen and (max-width: 767px) { .gallery-carousel .column { padding-left: 0; padding-right: 0; } } .carousel-controls { margin-top: 2rem; overflow: hidden; } .slick-slide-count { font-size: 1.75rem; width: 50px; display: inline-block; vertical-align: middle; } .gallery-slick-prev, .gallery-slick-next { display: inline-block; vertical-align: middle; color: transparent; font-size: 3.5rem; width: 75px; height: 56px; } .gallery-slick-prev:hover, .gallery-slick-prev:focus, .gallery-slick-next:hover, .gallery-slick-next:focus { color: transparent; outline: none; background: transparent; } .gallery-slick-prev:hover:before, .gallery-slick-prev:focus:before, .gallery-slick-next:hover:before, .gallery-slick-next:focus:before { opacity: 1; } .gallery-slick-prev:before, .gallery-slick-next:before { font-family: 'umb-icons'; color: #333; } .gallery-slick-prev:before { content: 'n'; padding-right: 1rem; } .gallery-slick-next:before { content: '>'; padding-left: 1rem; } .gallery-slick-prev.slick-disabled:before, .gallery-slick-next.slick-disabled:before { opacity: .25; } /* Information box */ .information-box { background: #cfe8f5; font-family: 'OpenSans'; text-align: center; } @media only screen and (min-width: 768px) { .information-box { text-align: left; } } .information-box p { font-weight: 300; font-size: 1.250rem; } @media only screen and (min-width: 768px) { .information-box p { font-size: 1.500rem; } } .information-box .list-title { font-size: 1.500rem; margin-bottom: .5rem; } .information-box li { font-size: 1rem; font-weight: 300; text-align: left; margin-bottom: 1rem; } @media only screen and (min-width: 768px) { .information-box li { font-size: 1.125rem; margin-bottom: 0; } } .information-box .more-link { font-size: 1rem; font-weight: bold; text-transform: uppercase; display: inline-block; font-family: 'NeutrafaceText'; } .information-box .more-link:before { content: ''; border-top: 1px solid #666; display: block; margin: .5rem 0 1rem; } .contact-box { background: #bcdef0; font-weight: 300; padding: 2rem; } @media only screen and (max-width: 1023px) { .contact-box { margin-top: 2rem; } } .contact-box h2 { text-transform: uppercase; font-size: 1.625rem; } .contact-box p { font-size: 1.125rem; } .contact-box h3 { text-transform: uppercase; font-size: 1rem; margin: 0; } .contact-box a { font-size: 1.125rem; font-weight: normal; } .contact-box a:hover, .contact-box a:focus { opacity: .7; } /* Compare list */ .compare .btn { display: block; font-size: 0.813rem; padding: 0.8rem; } .compare-list thead, .compare-list tbody { border: none; } .compare-list thead { background: #d6532a; } .compare-list th { color: #fff; text-transform: uppercase; font-size: 0.938rem; padding: 1rem 0; text-align: center; } .compare-list th { border-left: 1px solid rgba(183,183,183,.32); } .compare-list th.program { border-left: none; } .compare-list tr { border-bottom: 1px solid #d8d8d8; } table tbody tr:nth-child(even) { background: none; } .compare-list td { padding: .5rem 2.250rem; font-family: 'OpenSans'; font-weight: 300; font-size: 1.250rem; position: relative; } .compare-list .program, .compare-list td.checkbox, .compare-list td.who, .compare-list td.time, .compare-list td.location { vertical-align: top; } .compare-list h2 { font-size: 1.25rem; text-transform: uppercase; margin: 0; } .compare-list .checkbox input[type="checkbox"] { position: absolute; opacity: 0; width: 2rem; height: 2rem; } .compare-list .checkbox span { height: 20px; width: 20px; display: inline-block; margin: 0.25rem 0.625rem 0 0; border: 1px solid #535353; border-radius: 10px; vertical-align: middle; } .compare-list .checkbox input[type="checkbox"]:checked + span { background-color: #008ebd; border-color: transparent; } .compare-list .checkbox input[type="checkbox"]:checked + span::before { content: ""; height: 6px; width: 10px; display: inline-block; border: 2px solid #fff; border-top-style: none; border-right-style: none; margin: 0 3px 7px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media only screen and (max-width: 767px) { .compare h1.section-title { text-align: center; border-bottom: 1px solid #d8d8d8; padding-bottom: 1.875rem; } .compare .checkbox { display: none; } .compare .program { display: block; padding-top: 1.5rem; padding-bottom: 1.5rem; } .compare .program.open { padding-bottom: 0; } .compare .program p, .compare-list .who, .compare-list .time, .compare-list .location, .compare-list .starts { display: none; } .compare .program p.open, .compare-list .who.open, .compare-list .time.open, .compare-list .location.open, .compare-list .starts.open { display: block; } .compare .starts { padding-bottom: 1.5rem; } .compare h2 { cursor: pointer; } .compare .program h2:before { content: ' '; background-image: url('../images/plus.png'); background-size: 20px 20px; background-repeat: no-repeat; height: 20px; width: 20px; position: absolute; left: 0; top: 27px; } .compare .program.open h2 { color: #f17330; } .compare .program.open h2:before { background-image: url('../images/minus.png'); } .compare td h3 { font-weight: bold; color: #4c4c4c; text-transform: uppercase; font-size: 13px; } } @media only screen and (min-width: 768px) { .compare-list td { padding: 2.5rem 0; text-align: center; font-size: 1rem; } .compare-list .program { text-align: left; width: 477px; } .compare-list .who, .compare-list .time, .compare-list .location, .compare-list .starts { width: 182px; border-left: 1px solid #d8d8d8; padding-left: 1rem; padding-right: 1rem; } .compare-list td.time, .compare-list td.location { font-family: 'NeutrafaceText'; font-weight: bold; font-size: 0.750rem; text-transform: uppercase; color: #666; } .compare-list h2 { font-size: 1.5rem; } .compare-list .time span { display: block; font-size: 3.750rem; font-weight: 300; line-height: 1; color: initial; position: relative; margin-top: -0.938rem; } .compare-list .on-campus:before { content: url('../images/on-campus-icon.png'); display: block; } .compare-list .hybrid:before { content: url('../images/hybrid-icon.png'); display: block; } .compare-list .online:before { content: url('../images/online-icon.png'); display: block; } } /* Sponsors */ .sponsors .subhead { font-family: 'OpenSans'; font-weight: 300; font-size: 1.125rem; } .sponsor-row { border-top: 1px solid #ccc; margin-top: 2.375rem; padding-top: 4.375rem; } .sponsors .subhead + .sponsor-row { margin-top: 4.375rem; } .sponsor-row h2 { text-transform: uppercase; font-size: 1.125rem; margin-bottom: 3.125rem; } .sponsor-row .menu.simple li { margin: 0 2rem 2rem; } /* Text Block */ .text-block { font-family: 'OpenSans'; font-weight: 300; font-size: 1.250rem; } .text-block.alt-margin { margin: 2.500rem 0; } .text-block ul, .text-block ol { margin-left: 3rem; } .text-block .image-wrap { margin-bottom: 1.250rem; } @media only screen and (min-width: 768px) { .text-block .image-wrap { max-width: 50%; margin-left: 0.938rem; margin-bottom: 0; } } .text-block h1 { text-transform: uppercase; font-size: 3rem; font-weight: 300; } @media only screen and (max-width: 767px) { .text-block h1 { font-size: 2.250rem; } } .text-block h2 { font-family: 'OpenSans'; font-size: 1.500rem; } /* Carousel */ .slick-prev, .slick-next { width: auto; height: auto; } .slick-prev { left: -55px; } .slick-next { right: -55px; } .slick-prev:before, .slick-next:before { font-family: 'umb-icons'; font-size: 6.375rem; } .slick-prev:before { content: 'n'; } .slick-next:before { content: '>'; } .slick-dots { bottom: -39px; } .slick-dots li { width: 10px; } .slick-dots li button:before { color: #333; background: #333; border-radius: 100%; width: 10px; height: 10px; } .slick-dots li.slick-active button:before { color: #333; opacity: 1; } @media only screen and (max-width: 767px) { .slick-prev, .slick-next { display: none !important; } } @media only screen and (min-width: 768px) { .slick-dots { bottom: 30%; } .slick-dots li button:before { color: #fff; background: #fff; } .slick-dots li.slick-active button:before { color: #fff; } } /* Social Feed */ .social-feed .section-title { margin: 0; } .social-feed .subhead { font-size: 1.125rem; font-family: 'OpenSans'; font-weight: 300; } .hash-tag { color: #008ebd; } .social-feed blockquote { word-wrap: break-word; border: 1px solid #e5e5e5; border-width: 0 0 1px; padding-bottom: 2.500rem; } .social-feed blockquote p { font-size: 28px; color: #363636; line-height: 34px; } .social-feed blockquote .feed-date { font-size: 0.813rem; text-transform: uppercase; color: #666; font-weight: bold; margin-bottom: 1rem; } .social-feed .fa { font-size: 1.375rem; } .fa-twitter, .fa-facebook-official, .fa-youtube, .fa-linkedin-square, .fa-instagram { color: #adadaf; } .fa-twitter:hover, .fa-facebook-official:hover, .fa-youtube:hover, .fa-linkedin-square:hover, .fa-instagram:hover { color: #a5d8f4; } @media only screen and (min-width: 768px) { .social-feed blockquote { padding: 0 0 5rem 1.250rem; border-width: 0 0 0 1px; } .social-feed .medium-4:first-child blockquote { border-left: none; } } /* Timeline */ .clock-icon:before { display: block; content: url('../images/clock-icon.png'); } .timeline-list { position: relative; margin-bottom: 75px; } .timeline-list li { border-left: 1px solid #d9d9d9; font-family: 'OpenSans'; font-weight: 300; font-size: 1.125rem; padding: 0 0 7.188rem 2rem; } .timeline-list li p { margin-bottom: 0; padding-bottom: .5rem; } .timeline-list .year { display: block; font-family: 'NeutrafaceText'; font-weight: 300; font-size: 4.250rem; line-height: 3.750rem; margin-bottom: .8rem; } .timeline-list .year:before { content: ''; display: inline-block; vertical-align: super; width: 13px; height: 13px; background: #f17330; position: relative; margin-left: -2.438rem; margin-right: 1.2rem; } .timeline-item-detail { padding-top: 1.1rem; } @media only screen and (min-width: 768px) { .timeline-item-detail { position: absolute; left: 0; width: 66.67%; padding-left: 1rem; } } @media only screen and (min-width: 1280px) { padding-left: 0; } /* Video playlist */ .video-playlist { margin-top: 6.25rem; } .video-carousel .slick-slide .slide-image-wrap { position: relative; } .video-carousel .slick-slide .slide-image-wrap:before { content: ''; background: #000; opacity: .7; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .video-carousel .slick-slide.slick-current .slide-image-wrap:before { position: static; background: transparent; } .hero-image-wrap { position: relative; } .video-carousel .play-icon, .hero-image-wrap .play-icon { position: absolute; top: 50%; left: 50%; right: 0; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); width: 121px; height: 121px; } .video-carousel .play-icon.video-stop, .hero-image-wrap .play-icon.video-stop { background-size: cover; top: 20px !important; right: 20px !important; left: auto !important; -webkit-transform: none; -moz-transform: none; transform: none; width: 100px; height: 100px; z-index: 99; } @media only screen and (max-width: 767px) { .video-carousel .play-icon.video-stop, .hero-image-wrap .play-icon.video-stop { width: 60px; height: 60px; } } .video-carousel .slick-prev, .video-carousel .slick-next { top: 35%; } .video-carousel .slick-prev { left: 50px; z-index: 100; } .video-carousel .slick-next { right: 50px; } .video-carousel .slide-text { opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; font-family: 'OpenSans'; font-weight: 300; font-size: 1.250rem; padding: 1.875rem; } .video-carousel .slick-current .slide-text { opacity: 1; } .video-carousel .video-caption { font-size: 1rem; margin-bottom: 1.875rem; } iframe.youtube { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } /* Chart */ .googlechart { width: 100% !important; } .chart .text-with-1up p { font-size: 1.250rem; line-height: 2.250rem; } .chart-name { font-family: 'OpenSans'; font-weight: 300; font-size: 1rem; margin-top: 1rem; } @media only screen and (max-width: 767px) { .chart .medium-4.columns { margin-bottom: 2rem; } } /* Lightbox */ .reveal-overlay { background-color: hsla(0,0%,4%,.95); } .reveal { border: none; background: transparent; color: #fff; font-family: 'OpenSans'; font-weight: 300; font-size: 1rem; margin-top: 4rem; } .reveal h1 { font-size: 2.25rem; margin-bottom: 1.875rem; font-family: 'OpenSans'; font-weight: 300; } .reveal .caption { margin-top: 1.875rem; } .reveal .close-button { font-family: 'umb-icons'; color: #fff; font-size: 4rem; } /* Tweek Block */ .tweet-block { max-width: 388px; background: #d9f2ff; font-family: 'OpenSans'; font-weight: 300; font-size: 1.875rem; line-height: 2.750rem; text-align: center; padding: 5.750rem 1.875rem; border-radius: 0 0 13%; margin: 30px 0; } @media only screen and (min-width: 768px) { .tweet-block { float: right; margin: 0 0 0 32px; padding: 5.750rem 3.875rem; } } .tweet-block .hashtag, .tweet-block a { color: #008ebd; word-wrap: break-word; } .tweet-block .fa { display: block; margin-bottom: 30px; } .tweet-block .author { margin-top: 30px; font-size: 14px; text-transform: uppercase; font-weight: 700; } .tweet-block .author img { margin: 0 auto 30px; } /* Section Margin/Padding */ .page-introduction, .course-list, .event-details, .compare, .text-block, .user-form, .chart { margin: 5.313rem 0 6.25rem; } .text-block { margin-top: 3.75rem; } .three-up, .featured-events, .information-box, .sponsors { padding: 5.313rem 0 6.25rem; } .directory-list, .compare-action, .event-list, .search-results { margin-top: 5.313rem; } .image-mosaic { padding-top: 5.313rem; } .featured-faculty, .article { padding-bottom: 6.25rem; } .featured-items { margin: 5.313rem 0 0; } .featured-items.news-list { margin: 0 0 5.313rem; } .microsite .row.text-with-1up, .microsite .row.text-with-2up { margin: 3.125rem 0 4.125rem; } @media only screen and (max-width: 767px) { .featured-items, .page-introduction, .course-list, .event-details, .compare, .text-block, .user-form, .chart { margin: 3.125rem 0 4.125rem; } .three-up, .featured-events, .information-box, .sponsors { padding: 3.125rem 0 4.125rem; } .directory-list, .compare-action, .event-list, .search-results { margin-top: 3.125rem; } .image-mosaic { padding-top: 3.125rem; } .featured-faculty, .article { padding-bottom: 4.125rem; } .featured-items.news-list { margin: 0 0 3.125rem; } } /* Footer */ footer { background: #37383d; color: #fff; font-family: 'OpenSans'; padding: 3.125rem 0 2.813rem; } footer img { width: 97px; height: auto; } footer a { color: #fff; line-height: 1 !important; } footer a:hover, footer a:focus { color: #a5d8f4; } footer .address { width: 75%; line-height: 1.500rem; margin: 2.500rem 0 35px; } footer .address .street { display: block; } footer .address .name { color: #999; line-height: 1.125rem; margin-bottom: 1rem; } .footer-links li { padding-bottom: .9rem; line-height: 1; } .footer-social-links { font-size: 1.5rem; margin-top: -1.5rem; } .footer-social-links.menu.simple li { margin-right: .2rem; } footer .copyright { font-size: 0.750rem; margin-top: 1.875rem; } footer .copyright a { white-space: nowrap; display: block; } @media only screen and (max-width: 767px) { footer img { margin: auto; } .footer-links { margin-bottom: 2rem; } .footer-social-links.menu.simple li { width: 17%; } footer .copyright { line-height: 1.875rem; } } @media only screen and (min-width: 768px) { footer { padding-top: 4.188rem; } footer .address { width: 100%; max-width: 153px; margin: 0; } footer .address span { display: block; } footer .copyright { text-align: center; margin-top: 2.813rem; } footer .copyright a { display: inline-block; } footer .copyright a:before { content: '|'; display: inline-block; padding: 0 1rem; } footer .medium-4.large-3.columns ul { padding-left: 50px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { footer .address { margin-bottom: 2rem; } } @media only screen and (min-width: 1024px) { footer .address { margin-left: 1.563rem; } } .back-to-top { display: inline-block; height: 50px; width: 50px; position: fixed; bottom: 10px; right: 10px; z-index: 10; overflow: hidden; text-indent: 100%; white-space: nowrap; background: #333 url(../images/back-to-top-arrow.svg) no-repeat center 50%; opacity: 0; -webkit-transition: opacity .3s 0s; -moz-transition: opacity .3s 0s; transition: opacity .3s 0s; } .back-to-top.is-visible { opacity: .7; } .back-to-top.is-visible:hover { opacity: 1; } /* Sitemap - Beacon Added 4/24 Layout for accordion and heirarchical structure */ .curriculum-listing a { color: #007EA8; } .curriculum-listing > li.active span.with-plus-icon { color: #C84F0E; } .curriculum-listing > li.sitemap .curriculum-description { padding-top: 0; margin-bottom: 0; } .curriculum-listing > li.sitemap ol { display: block; border-left: 1px solid #eee; -webkit-column-count: 1; column-count: 1; } /* Sticky Navigation - Beacon Added 4/30 */ /* Get Started */ /* START: Styling for Get Started */ .get-started { z-index: 999; } .get-started .green-bg { background-color: #005030; color: #FFF; } .get-started .orange-bg { background-color: #C84F0E; color: #FFF; } .get-started .white-bg { background-color: #FFF; color: #333; } /* Small Viewport */ @media (max-width: 29.938em) { .get-started { position: fixed; z-index: 20; right: -222px; top: 153px; } .get-started-base { background-color: #005030; opacity: 0.6; color: white; font-family: 'NeutrafaceText', sans-serif; font-size: 0.90rem; line-height: 1.25em; padding: 1rem 0.05rem; display: block; text-align: center; float: left; width: 74px; height: 74px; cursor: pointer; font-weight: bold } .get-started-base > div:after { display: block; font-family: 'FontAwesome'; content: '\f104'; font-size: 1.275rem; } .get-started-base > div.opened:after { content: '\f105'; } .get-started-one, .get-started-1 { background-color: #C84F0E; opacity: 0.6; color: white; font-family: 'NeutrafaceText', sans-serif; font-size: 0.9em; line-height: 2.0em; padding: 0.5rem; display: block; text-align: center; position: relative; float: right; width: 74px; height: 74px; border-left: solid 1px #ffffff; cursor: pointer; font-weight: bold } .get-started-1 { float: left; } .get-started-one:hover, .get-started-1:hover { background-color: rgba(73, 85, 91, 0.9); color: white; } .get-started-two, .get-started-2 { background-color: #C84F0E; opacity: 0.6; color: white; font-family: 'NeutrafaceText', sans-serif; font-size: 1.0rem; padding: 1.0rem 0.5rem; display: block; text-align: center; position: relative; float: right; width: 74px; height: 74px; border-left: solid 1px #ffffff; cursor: pointer; font-weight: bold } .get-started-2 { float: left; } .get-started-two:hover, .get-started-2:hover { background-color: rgba(73, 85, 91, 0.9); color: white; } .get-started-three, .get-started-3 { background-color: #C84F0E; opacity: 0.6; color: white; font-family: 'NeutrafaceText', sans-serif; font-size: 1.0rem; padding: 1.0rem 0.5rem; display: block; text-align: center; position: relative; float: right; width: 74px; height: 74px; border-left: solid 1px #ffffff; cursor: pointer; font-weight: bold } .get-started-3 { float: left; } .get-started-three:hover, .get-started-3:hover { background-color: rgba(73, 85, 91, 0.9); color: white; } div.get-started-number { font-family: 'NeutrafaceText', sans-serif; font-size: 1.25em; } div.get-started-text { font-family: 'NeutrafaceText', sans-serif; font-size: 1em; line-height: 1.2; } } /* Medium Viewport */ @media (min-width: 30em) { .desktop-open { height: 74px; overflow: hidden; } .get-started { position: fixed; z-index: 20; right: -222px; top: 153px; } .get-started-base { background-color: #005030; opacity: 0.6; color: white; font-family: 'NeutrafaceText', sans-serif; font-size: 0.90rem; line-height: 1.25em; padding: 1rem 0.05rem; display: block; text-align: center; float: left; width: 74px; height: 74px; cursor: pointer; font-weight: bold } .get-started-base > div:after { display: block; font-family: 'FontAwesome'; content: '\f104'; font-size: 1.275rem; } .get-started-base > div.opened:after { content: '\f105'; } .get-started-one, .get-started-1 { background-color: #C84F0E; opacity: 0.6; color: white; font-family: 'NeutrafaceText', sans-serif; font-size: 0.9em; line-height: 2.0em; padding: 0.5rem; display: block; text-align: center; position: relative; float: right; width: 74px; height: 74px; border-left: solid 1px #ffffff; cursor: pointer; font-weight: bold } .get-started-1 { float: left; } .get-started-one:hover, .get-started-1:hover { background-color: rgba(0, 80, 48, .9); color: white; } .get-started-two, .get-started-2 { background-color: #C84F0E; opacity: 0.6; color: white; font-family: 'NeutrafaceText', sans-serif; font-size: 1.0rem; padding: 1.0rem 0.5rem; display: block; text-align: center; position: relative; float: right; width: 74px; height: 74px; border-left: solid 1px #ffffff; cursor: pointer; font-weight: bold } .get-started-2 { float: left; } .get-started-two:hover, .get-started-2:hover { background-color: rgba(73, 85, 91, 0.9); color: white; } .get-started-three, .get-started-3 { background-color: #C84F0E; opacity: 0.6; color: white; font-family: 'NeutrafaceText', sans-serif; font-size: 1.0rem; padding: 1.0rem 0.5rem; display: block; text-align: center; position: relative; float: right; width: 74px; height: 74px; border-left: solid 1px #ffffff; cursor: pointer; font-weight: bold } .get-started-3 { float: left; } .get-started-three:hover, .get-started-3:hover { background-color: rgba(73, 85, 91, 0.9); color: white; } div.get-started-number { font-family: 'NeutrafaceText', sans-serif; font-size: 1.25em; } div.get-started-text { font-family: 'NeutrafaceText', sans-serif; font-size: 1.0em; line-height: 1.2; } } /* Large and up */ @media (min-width: 47.5em) { /* The styles for the get-started block */ .get-started { position: fixed; z-index: 20; right: -0px !important; top: 255px; } .get-started-base { background-color: #005030; opacity: 0.6; color: white; font-family: 'NeutrafaceText', sans-serif; font-size: 0.90rem; padding: 1rem 0.05rem; display: block; text-align: center; position: static; float: none; width: 74px; height: 74px; cursor: pointer; font-weight: bold } .get-started-base > div:after { display: block; font-family: 'FontAwesome'; content: '\f107'; font-size: 1.275rem; } .get-started-base > div.opened:after { content: '\f106'; } .get-started-one, .get-started-1 { background-color: #C84F0E; opacity: 0.6; color: white; font-family: 'NeutrafaceText', sans-serif; font-size: 0.9em; line-height: 2.0em; padding: 0.5rem; display: block; text-align: center; position: static; float: none; width: 74px; height: 74px; border-left: none !important; margin-top: 2px; cursor: pointer; font-weight: bold } .get-started-two, .get-started-2 { background-color: #C84F0E; opacity: 0.6; color: white; font-family: 'NeutrafaceText', sans-serif; font-size: 1.0rem; padding: 1.0rem 0.5rem; display: block; text-align: center; position: static; float: none; width: 74px; height: 74px; border-left: none !important; margin-top: 2px; cursor: pointer; font-weight: bold } .get-started-three, .get-started-3 { background-color: #C84F0E; opacity: 0.6; color: white; font-family: 'NeutrafaceText', sans-serif; font-size: 1.0rem; padding: 1.0rem 0.5rem; display: block; text-align: center; position: static; float: none; width: 74px; height: 74px; border-left: none !important; margin-top: 2px; cursor: pointer; font-weight: bold } div.get-started-number { font-family: 'NeutrafaceText', sans-serif; font-size: 1.25em; } div.get-started-text { font-family: 'NeutrafaceText', sans-serif; font-size: 1.0em; line-height: 1.2; } }