/* U Miami Foundation-modifying stylesheet This stylesheet will contain all modifications to the ne; text-align: center; } * Foundation CSS, as well as new styles for the U Miami website. then mobile-only, and then large-screen-only. * The final breakpoints for all the viewports we want is here. When specifying the media queries, let's use the * em values to be consistent with foundation standards. * small 0em (0px) - 29.938em (479px) * medium 30em (480px) - 47.438em (759px) * large 48.750em (760px) - 63.938em (1023px) * xlarge 64em (1024px) - 85.313em (1365) * * When setting the difference between (small, medium) and large + viewports, use the * following values. max-width: 47.438em (small, medium) min-width: 47.439em (large +) Also * rewrote all the links using the tags to rewrite all the links. */ /* FONTS Import hosted fonts, and reset header weights to inherit. */ @font-face { font-family: 'Stag Bold'; src: url('../fonts/Stag-Bold.eot'); /* IE9 Compat Modes */ src: url('../fonts/Stag-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Stag-Bold.woff') format('woff'), /* Modern Browsers */ url('../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 Book'; src: url('../fonts/Stag-Book.eot'); /* IE9 Compat Modes */ src: url('../fonts/Stag-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Stag-Book.woff') format('woff'), /* Modern Browsers */ url('../fonts/Stag-Book.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Stag-Book.svg#000d7d2794809606bdf59c9b498371c4') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'Stag Light'; src: url('../fonts/Stag-Light.eot'); /* IE9 Compat Modes */ src: url('../fonts/Stag-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Stag-Light.woff') format('woff'), /* Modern Browsers */ url('../fonts/Stag-Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Stag-Light.svg#d5c4e458949c25cb7cdf2e4856ff0cde') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } @font-face { font-family: 'Stag Thin'; src: url('../fonts/Stag-Thin.eot'); /* IE9 Compat Modes */ src: url('../fonts/Stag-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/Stag-Thin.woff') format('woff'), /* Modern Browsers */ url('../fonts/Stag-Thin.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/Stag-Thin.svg#8b8b3cca2a3235c3a5ee352690cbe035') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } @font-face { font-family: 'Stag Sans Bold'; src: url('../fonts/StagSans-Bold.eot'); /* IE9 Compat Modes */ src: url('../fonts/StagSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/StagSans-Bold.woff') format('woff'), /* Modern Browsers */ url('../fonts/StagSans-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/StagSans-Bold.svg#2c181427f883ed5c99bbc1d4855dce48') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; } @font-face { font-family: 'Stag Sans Book'; src: url('../fonts/StagSans-Book.eot'); /* IE9 Compat Modes */ src: url('../fonts/StagSans-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/StagSans-Book.woff') format('woff'), /* Modern Browsers */ url('../fonts/StagSans-Book.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/StagSans-Book.svg#8925de7fcbad6485079207f61d6c580c') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'Stag Sans Book'; src: url('../fonts/StagSans-BookItalic.eot'); /* IE9 Compat Modes */ src: url('../fonts/StagSans-BookItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/StagSans-BookItalic.woff') format('woff'), /* Modern Browsers */ url('../fonts/StagSans-BookItalic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/StagSans-BookItalic.svg#7b68ae872bd68440065a2ef7968f17af') format('svg'); /* Legacy iOS */ font-style: italic; font-weight: 400; } @font-face { font-family: 'Stag Sans Light'; src: url('../fonts/StagSans-Light.eot'); /* IE9 Compat Modes */ src: url('../fonts/StagSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/StagSans-Light.woff') format('woff'), /* Modern Browsers */ url('../fonts/StagSans-Light.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/StagSans-Light.svg#838673efa3f97adb4a8c5112bfdc6416') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 200; } @font-face { font-family: 'Stag Sans Medium'; src: url('../fonts/StagSans-Medium.eot'); /* IE9 Compat Modes */ src: url('../fonts/StagSans-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/StagSans-Medium.woff') format('woff'), /* Modern Browsers */ url('../fonts/StagSans-Medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/StagSans-Medium.svg#99fd25c110cc7503d76045299d72bd8f') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { font-family: 'Stag Sans Semibold'; src: url('../fonts/StagSans-Semibold.eot'); /* IE9 Compat Modes */ src: url('../fonts/StagSans-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/StagSans-Semibold.woff') format('woff'), /* Modern Browsers */ url('../fonts/StagSans-Semibold.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/StagSans-Semibold.svg#b173c6206b47230bdc4eee6d3ff7df3d') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 700; } h1, h2, h3, h4, h5, h6, .button, button { font-weight: inherit; font-family: inherit; } /* For cases where an element is to be rendered in the same font, regardless of screen size... */ .stagbold { font-family: 'Stag Bold' } .stagbook { font-family: 'Stag Book' } .staglight { font-family: 'Stag Light' } .stagthin { font-family: 'Stag Thin' } .stagsansbold { font-family: 'Stag Sans Bold' } .stagsansbook { font-family: 'Stag Sans Book' } .stagsanslight { font-family: 'Stag Sans Light' } .stagsansmedium { font-family: 'Stag Sans Medium' } .stagsanssemibold { font-family: 'Stag Sans Semibold' } .robotoslabregular { font-family: 'Roboto Slab'; font-weight: 400; } .robotoslabbold { font-family: 'Roboto Slab'; font-weight: 700; } .opensanslight { font-family: 'Open Sans'; font-weight: 300; } .opensansregular { font-family: 'Open Sans'; font-weight: 400; } .opensanssemibold { font-family: 'Open Sans'; font-weight: 600; } .opensansbold { font-family: 'Open Sans'; font-weight: 700; } h1 { font-size: 2.6rem; line-height: 2.25rem; } h2 { font-size: 2rem; line-height: 1.8rem; } h3 { font-size: 1.125rem; line-height: 1.125rem; } .content-main h2 { font-size: 2.25rem; line-height: 1.8rem; margin: 1.5rem 0 1.25rem 0; font-family: 'Stag Light'; color: #005030; } .content-main h3 { font-size: 1.875rem; line-height: 1.5rem; margin: 1.5rem 0 1rem 0; font-family: 'Stag Light'; color: #599193; } .content-main h4 { font-size: 1.5rem; line-height: 1.5rem; margin: 1.625rem 0 .625rem 0; font-family: 'Stag Sans Book'; color: #8996A0; } .content-main h5 { font-size: 1.15rem; line-height: 1.5rem; margin: 1.625rem 0 .625rem 0; font-family: 'Stag Sans Medium'; color: #8996A0; } h6 { font-size: rem; line-height: .85rem; color: #000; border-bottom: 1px dotted #666666; padding-bottom:5px; margin: 1.625rem 0 .625rem 0; } .content-main h6 { color: #D28E00; font-size: rem; font-family: 'Stag Bold'; line-height: .85rem; border-bottom: 1px dotted #666666; padding-bottom:5px; margin: 1.625rem 0 .625rem 0; } .content-main-caption { font-family: 'Stag Sans Medium'; color: #647079; } body, p, h4, li { font-size: 0.875rem; /* font-size: 0.9375rem; */ line-height: 150%; } p { font-size: 1.0625rem; line-height: 150%; } /* In body style Default */ .pull-quote { color: #F37320; font-size: 22px; font-family: 'Stag Thin'; } span.pull-quote:before, p.pull-quote:before { content: "\00a0\00a0\00a0\00a0"; background: url(../images/system/quote_r.svg); background-repeat: no-repeat; background-size: 10px 10px; background-position: center top; } span.pull-quote:after, p.pull-quote:after { content: "\00a0\00a0\00a0\00a0"; background: url(../images/system/quote_l.svg); background-repeat: no-repeat; background-size: 10px 10px; background-position: center bottom; } /* But sometimes, an item will have different font assignment based on screen size */ /* small and medium viewports */ @media ( max-width: 47.438em) { .small-stagbold { font-family: 'Stag Bold' } .small-stagbook { font-family: 'Stag Book' } .small-staglight { font-family: 'Stag Light' } .small-stagthin { font-family: 'Stag Thin' } .small-stagsansbold { font-family: 'Stag Sans Bold' } .small-stagsansbook { font-family: 'Stag Sans Book' } .small-stagsanslight { font-family: 'Stag Sans Light' } .small-stagsansmedium { font-family: 'Stag Sans Medium' } .small-stagsanssemibold { font-family: 'Stag Sans Semibold' } .small-robotonormal { font-family: 'Roboto Slab'; font-weight: 400; } .small-robotobold { font-family: 'Roboto Slab'; font-weight: 700; } .small-opensanslight { font-family: 'Open Sans'; font-weight: 300; } .small-opensansregular { font-family: 'Open Sans'; font-weight: 400; } .small-opensanssemibold { font-family: 'Open Sans'; font-weight: 600; } .small-opensansbold { font-family: 'Open Sans'; font-weight: 700; } h2 { font-size: 1.75rem; line-height: 1.65rem; } } /* large, xlarge and xxlarge viewports */ @media (min-width: 47.439em) { .large-stagbold { font-family: 'Stag Bold' } .large-stagbook { font-family: 'Stag Book' } .large-staglight { font-family: 'Stag Light' } .large-stagthin { font-family: 'Stag Thin' } .large-stagsansbold { font-family: 'Stag Sans Bold' } .large-stagsansbook { font-family: 'Stag Sans Book' } .large-stagsanslight { font-family: 'Stag Sans Light' } .large-stagsansmedium { font-family: 'Stag Sans Medium' } .large-stagsanssemibold { font-family: 'Stag Sans Semibold' } .large-robotonormal { font-family: 'Roboto Slab'; font-weight: 400; } .large-robotobold { font-family: 'Roboto Slab'; font-weight: 700; } .large-opensanslight { font-family: 'Open Sans'; font-weight: 300; } .large-opensansregular { font-family: 'Open Sans'; font-weight: 400; } .large-opensanssemibold { font-family: 'Open Sans'; font-weight: 600; } .large-opensansbold { font-family: 'Open Sans'; font-weight: 700; } } /* Body/html, styles, global html element modifications, and things that need transitions */ body { font-family: 'Stag Sans Light', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; color: #000; } /* large, xlarge and xxlarge viewports */ @media (min-width: 47.439em) { body { } body.home { padding-top: 0!important; } } br.clear { clear: both; } /* xxlarge breakpoint: old:1300px */ @media (min-width: 85.37em) { .container { width: 1280px; margin-left: auto; margin-right: auto; } } .navbar, .navbar.shorter, .name, .centered-nav, #div_quicklinks, #div_popular, #umiamievents div.content, #umiamievents .large-block-grid-5 li a, .nopad a, button, a.button, a.ftr-sm, #umiamievents .tabs dd > a, #home_news_container, input[type="text"].umsearchfield { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } ul.nobullet { list-style-type: none; margin-left: 0; } /* Font size utility classes */ .fs8 { font-size: 80%; } .fs12 { font-size: 120%; } /* Sometimes, we'll want to be able to assign font color based on screen size; there are elements that gain or lose background images/colors based on screen size. */ .white { color: #fff; } .pink { color: #f2b9db; } .orange { color: #f47321; } .lightorange { color: #d28e00; } .darkorange { color: #dd5928; } .beige { color: #d4bf95; } .bluegray { color: #8996a0; } .lightbluegray { color: #96a0aa; } .darkgray { color:#576571; } .paleyellow { color: #fbde81; } .lightblue { color: #9eceeb; } .green { color: #005030; } .darkgreen { color: #01321E; } .palegreen { color: #91b9a4; } .yellowgreen { color: #a2ad00; } .lightgray { color: #b2b2b2; } .paleblue { color: #669999; } .twitter-blue { color: #4099FF; } .facebook-blue { color: #3b5998; } .mega-menu-header { color: #585858; } .mega-menu-leadin-header { color: #333333; font-size: 22px; line-height: 22px; text-decoration: none !important; } .mega-menu-hlist-header { color: #585858; font-size: 0.75rem; float: left; padding-top: 0.25em; } #mega-menu-hlist-container ul { margin: 0; padding: 0; list-style-type: none; text-align: left; } #mega-menu-hlist-container ul li { display: inline; } #mega-menu-hlist-container ul li a { text-decoration: none; padding: 0em 1em; color: #fff; font-size: .75rem; } #mega-menu-hlist-container ul li a:hover { color: #fff; font-size: .75rem; } .hlist-pipe { color: #585858; } /*PC*/ .white-bg { background-color: #fff; } .pink-bg { background-color: #f2b9db; } .orange-bg { background-color: #f47321; } .lightorange-bg { background-color: #d28e00; } .darkorange-bg { background-color: #dd5928; } .beige-bg { background-color: #d4bf95; } .bluegray-bg { background-color: #8996a0; } .paleyellow-bg { background-color: #fbde81; } .lightblue-bg { background-color: #9eceeb; } .green-bg { background-color: #005030; } .darkgreen-bg { background-color: #01321E; } .palegreen-bg { background-color: #91b9a4; } .yellowgreen-bg { background-color: #a2ad00; } .lightgray-bg { background-color: #b2b2b2; } .black-bg { background-color: #000; } .burntorange-bg { background-color: #b95205 } .overlay-white { background-color: rgba(255,255,255,0.8); } .overlay-black { background-color: rgba(0,0,0,0.8); } .overlay-orange { background-color: rgba(244,115,33,0.8); } .overlay-lightorange { background-color: rgba(210,142,0,0.8); } .overlay-darkorange { background-color: rgba(211,88,10,0.5); } .overlay-beige { background-color: rgba(212,191,149,0.8); } .overlay-bluegray { background-color: rgba(137,150,160,0.8); } .overlay-paleyellow { background-color: rgba(251,222,129,0.8); } .overlay-lightblue { background-color: rgba(158,206,235,0.8); } .overlay-green { background-color: rgba(0,80,48,0.8); } .overlay-green-bg { background-color: rgba(0,80,48,1); } .overlay-darkgreen { background-color: rgba(1, 50, 30, 0.8); } .overlay-palegreen { background-color: rgba(145,185,164,0.8); } .overlay-yellowgreen { background-color: rgba(162,173,0,0.8); } .overlay-lightgray { background-color: rgba(178,178,178,0.8); } .overlay-burntorange { background-color: rgba(185,82,5,.75); } .burntorange{ color: #b95205 } /* The SVG Graphic for the sliver */ .um-svg { height: 18px; width: 100%; text-align: center; position: relative; top: -2px; } /* Make the points of interest images display the pointer icon */ img.fig1.slick-slide { cursor: pointer; } /* Override the bottom margin */ figure.slick-initialized.slick-slider { margin-bottom: 0px !important; } /* small, medium viewports old:768px */ @media ( max-width: 47.438em) { .small-white { color: #fff; } .small-pink { color: #f2b9db; } .small-orange { color: #f47321; } .small-lightorange { color: #d28e00; } .small-darkorange { color: #af5030; } .small-beige { color: #d4bf95; } .small-bluegray { color: #8996a0; } .small-paleyellow { color: #fbde81; } .small-lightblue { color: #9eceeb; } .small-green { color: #005030; } .small-darkgreen{ color: #01321E; } .small-palegreen { color: #91b9a4; } .small-yellowgreen { color: #a2ad00; } .small-lightgray { color: #b2b2b2; } .small-white-bg { background-color: #fff; } .small-pink-bg { background-color: #f2b9db; } .small-orange-bg { background-color: #f47321; } .small-lightorange-bg { background-color: #d28e00; } .small-darkorange-bg { background-color: #af5030; } .small-beige-bg { background-color: #d4bf95; } .small-bluegray-bg { background-color: #8996a0; } .small-paleyellow-bg { background-color: #fbde81; } .small-lightblue-bg { background-color: #9eceeb; } .small-green-bg { background-color: #005030; } .small-darkgreen-bg{ background-color: #01321E; } .small-palegreen-bg { background-color: #91b9a4; } .small-yellowgreen-bg { background-color: #a2ad00; } .small-lightgray-bg { background-color: #b2b2b2; } .small-black-bg { background-color: #000; } .small-black { color: #000; } .small-lightyellow-bg { background-color: #fbde81; } } /* large, xlarge, xxlarge old:769px */ @media (min-width: 47.439em) { .large-white { color: #fff; } .large-pink { color: #f2b9db; } .large-orange { color: #f47321; } .large-orange-bg { background-color: #f47321; } .large-lightorange { color: #d28e00; } .large-darkorange { color: #af5030; } .large-beige { color: #d4bf95; } .large-bluegray { color: #8996a0; } .large-paleyellow { color: #fbde81; } .large-lightblue { color: #9eceeb; } .large-lightblue-bg { background-color: #9eceeb; } .large-green { color: #005030; } .large-darkgreen{ color: #01321E; } .large-palegreen { color: #91b9a4; } .large-yellowgreen { color: #a2ad00; } .large-lightgray { color: #b2b2b2; } .large-white-bg { background-color: #fff; } .large-pink-bg { background-color: #f2b9db; } .large-orange-bg { background-color: #f47321; } .large-lightorange-bg { background-color: #d28e00; } .large-darkorange-bg { background-color: #af5030; } .large-beige-bg { background-color: #d4bf95; } .large-bluegray-bg { background-color: #8996a0; } .large-paleyellow-bg { background-color: #fbde81; } .large-lightblue-bg { background-color: #9eceeb; } .large-green-bg { background-color: #005030; } .large-darkgreen-bg{ background-color: #01321E; } .large-palegreen-bg { background-color: #91b9a4; } .large-yellowgreen-bg { background-color: #a2ad00; } .large-lightgray-bg { background-color: #b2b2b2; } .large-black-bg { background-color: #000; } .large-black { color: #000; } .smaller { font-size: 80%; } } a { color: inherit; text-decoration: underline; } a:hover { color: #f47321; } a.orange { text-decoration: none; } a.orange:hover { color: #000; } ul li>a, dl.tabs a, dd.accordion-navigation>a, a h1, a h2, a h3, a h4, a h5, h1 a, h2 a, h3 a, h4 a, h5 a, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration: none; } /* Used to hide Social Media posts with crazy long URL's */ .hide-overflow { overflow: hidden; } /* Foundation overrides */ .row { max-width: 1280px; } .column, .columns { padding-left: 1.563rem; padding-right: 1.563rem; } button, a.button { font-family: 'Stag Sans Bold'; font-weight: normal; color: #fff!important; background-color: #333; border: solid 3px rgba(0,0,0,0.5); background-clip: padding-box; background-image: url(../images/system/btn-over-15.png); background-repeat: no-repeat; background-position: -7px -7px; text-decoration: none!important; } button:hover, a.button:hover { background-color: #333; background-image: url(../images/system/btn-over-15.png); background-repeat: repeat; background-position: 0 0; color: #fff; } button.orange, a.button.orange { background-color: #f47321; } button.burntorange, a.button.burntorange { background-color: #b95205 } button.lightblue, a.button.lightblue { background-color: #9eceeb; } button.paleyellow, a.button.paleyellow { background-color: #fbde81; } button.palegreen, a.button.palegreen { background-color: #c2cb1e; } button.darkgreen, a.button.darkgreen { background-color: #01321E; } button.pink, a.button.pink { background-color: #f2b9db; } button.lightorange, a.button.lightorange { background-color: #d28e00; } button.beige, a.button.beige { background-color: #d4bf95; } button.black, a.button.black { background-color: #000000; } button.darkorange, a.button.darkorange { background-color: #dd5928; } button.yellowgreen, a.button.yellowgreen { background-color: #a2ad00; } button.lightgray, a.button.lightgray { background-color: #b2b2b2; } button.bluegray, a.button.bluegray { background-color: #95a1aa; } button.orange:hover, button.orange.down, a.button.orange:hover, a.button.orange.down { } button.green, a.button.green { background-color: #005030; background-image: url(../images/system/btn-over-25.png); } button.green:hover, button.green.down, a.button.green:hover, a.button.green.down { background-image: url(../images/system/btn-over-25.png); } button.darkgreen, a.button.darkgreen { background-color: #01321E; background-image: url(../images/system/btn-over-25.png); } button.darkgreen:hover, button.darkgreen.down, a.button.darkgreen:hover, a.button.darkgreen.down { background-image: url(../images/system/btn-over-25.png); } button.palegreen:hover, button.palegreen.down, a.button.palegreen:hover, a.button.palegreen.down { } button.yelloworange, a.button.yelloworange { background-color: #e8a713; } button.yelloworange:hover, button.yelloworange.down, a.button.yelloworange:hover, a.button.yelloworange.down { } button.bluegray:hover, button.bluegray.down, a.button.bluegray:hover, a.button.bluegray.down { background-image: url(../images/system/btn-over-25.png); } button.disabled, a.button.disabled { color: #E3E3E3!important; background-color: #B0ADAD!important; border: solid 3px rgba(0,0,0,0.5); } button.disabled:hover, button.disabled.down, a.button.disabled:hover, a.button.disabled.down { color: #E3E3E3!important; background-color: #B0ADAD!important; background-image: none!important } button.onblack, a.button.onblack { border: solid 3px rgba(255,255,255,0.5) } button.onwhite, a.button.onwhite { border: solid 3px rgba(186,186,186,0.5) } button.notbutton { display: inline; border: 0; background: transparent; padding: 0; color: inherit!important; font-family: inherit; } img.left { margin-right: 1.563rem; margin-bottom: 1.563rem; } img.right { margin-left: 1.563rem; margin-bottom: 1.563rem; } h1 a, h1 a:hover { color: inherit; text-decoration: inherit; } h5 { font-size: 14px; font-size: .9rem; } div.switch input:checked + label { background: gray; } div.switch.orange input:checked + label { background: #f47321; } div.switch.palegreen input:checked + label { background: #c2cb1e; } div.switch.yelloworange input:checked + label { background: #e8a713; } div.switch.green input:checked + label { background: #005030; } div.switch.darkgreen input:checked + label { background: #01321E; } div.switch.bluegray input:checked + label { background: #8996a0; } .th { line-height: 0; display: inline-block; border: solid 3px rgba(0,0,0,0.5); max-width: 100%; transition: all 200ms ease-out; box-shadow: none; } .th:hover, .th:focus { background-color: #333; background-image: url(../images/system/btn-over-15.png); background-repeat: repeat; background-position: 0 0; color: #fff; } /* NAVIGATION */ nav a { text-decoration: none; } .navbar li a, .navbar li button { color: #fff; z-index: 9; } .navbar li a:hover, .navbar li a:focus, .navbar li button:hover, .navbar li button:focus { color: #inherit; text-decoration: underline; } .navbar .title-area li button { display: inline; border: 0; background: transparent; font-size: 18px; padding: 0; letter-spacing: 0.3; } .navbar li button.meganav-active { color: #ccc; } .f-dropdown li a { color: #000; } .f-dropdown li a:hover, .f-dropdown li a:focus { color: #fff; background-color: #f47321; } .contain-to-grid { background-color: transparent; } .umsearchbtn { } button.umsearchbtn, input[type="text"].umsearchfield { padding: 6px; display: inline-block; width: 100%; height: auto; line-height: normal; color: #fff; background-color: rgba(255,255,255,0.25); border: solid 3px rgba(255,255,255,0.5); background-clip: padding-box; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } button.umsearchbtn:focus, input[type="text"].umsearchfield:focus { box-shadow: none; } input[type="text"].umsearchfield:focus { background-color: rgba(255,255,255,1); color: #222; } .navbar { border-top: none; } .navbar.interior{ /*remove top border on interior pages for topsliver*/ background:none; border-bottom:6px solid rgba(0, 0, 0, 0.5); transition:none; } .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .toggle-inner { float: left; } .container > .navbar-header { background-color: #005030; background-image: url('../images/system/logo.png'); background-size: auto 80%; background-repeat: no-repeat; background-position: center; } #tempstyles { display: none; } /* #80a898 - light green #005030 - dark green */ /* navbar button */ .navbar .navbar-toggle { padding: 11px 0; background: transparent; border: 0; } /* navbar button icon bar for medium and small viewports */ .navbar-toggle .icon-bar{ background-color:#333; border-radius:3px; width:36px; } .navbar .fa-search { background: transparent; border: 0; float: right; } #chx_navtoggle { display: none; } #chx_navtoggle:checked ~ .navbar .navbar-toggle, .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus { outline:none; } /* navbar button icon bar */ /* .navbar-toggle .icon-bar { display: block; width: 22px; height: 4px; border-radius: 1px; background-color: #80a898; margin-top: 4px; }*/ #chx_navtoggle:checked ~ .navbar .navbar-toggle .icon-bar, .navbar .navbar-toggle:hover .icon-bar { /* background-color:#005030; */ } /* navbar right caret */ #chx_navtoggle:checked ~ .navbar .navbar-toggle .toggle-caret, .navbar .navbar-toggle:hover .toggle-caret { /* color:#005030; */ } .navbar-default .navbar-nav>li>a { color: #fff; } .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #c2d3ca; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { color: #fff; background-color: transparent; } .navbar-nav>li>.dropdown-menu { font-family: 'Stag Sans Light'; background-color: #929faa; -webkit-box-shadow: 0; box-shadow: 0; border: solid 6px rgba(255,255,255,0.5); border-radius: 6px; } .navbar-nav li.dropdown-header { font-family: 'Stag Sans Semibold'; color: #fff; font-size: inherit; } .navbar-nav>li>.dropdown-menu a { color: #000; } .collapse { display: none; } .navbar-toggle .toggle-inner .icon-bar:first-child { margin-top: 0; } .um_dropdown i.fa { padding-left: 0.5rem; } .um-hide-for-large-up { display: none; } .alert-box { position: fixed; width: 100%; z-index: 999; top: 0; } /* small, medium viewport old:768px */ @media ( max-width: 47.438em) { nav { background-color: #005030; padding-top: 0px; /* Using this for "top-bar" nav positioning to work*/ } nav.um-main-toggle { /*background-color: #005030; Changed background color for updated navigation with search on it's own row*/ background-color:#01321E; padding-top: 0; /* This class value positions the navbar toggle menu on academic top-tier so that search box is revealed below title panel */ } div.navbar-header { background-image: url('../images/system/logo-uonly.png'); background-position: center 5px; background-repeat: no-repeat; background-size: auto 80%; height: 54px; width: 100%; position: fixed; z-index: 2; background-color: #005030; border-bottom: solid 6px rgba(0,0,0,0.5); background-clip: padding-box; } /* Added these 2 interior classes to make changes without affecting the homepage*/ .interior div.navbar-header{ border-bottom:none; position:relative; } .interior nav.um-main-toggle{ padding-top:0; } div.fixed.navbar { height: 60px; overflow: hidden; } .navbar-home-link { margin-left: -50px; display: block; width: 100px; height: 100%; position: absolute; z-index: 2; left: 50%; top: 0px; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { } .navbar-default .navbar-collapse .form-group { float: left; width: 80%; } ul.centered-nav { margin: 0; padding: 0 0 0 0.938rem; } input[type="text"].umsearchfield { height: 36px; background-color: #fff; color: #8996a0; border: 0; font-family: 'Stag Sans Book' } .navbar .fa-search { color: #80A898!important; padding: 12px; font-size: 1.5rem; } .umsearchbtn { width: 20%; } .tabs_quicklinkspopular dd { width: 50%; } .tabs_quicklinkspopular dd a, .tabs_quicklinkspopular dd a:hover { text-align: center; background-color: #64988b; color: #fff; padding: 1rem 0.5rem; font-size: 0.9rem; } .tabs_quicklinkspopular dd.active a, .tabs_quicklinkspopular dd.active a:hover { background-color: #397964; color: #fff; } .content_quicklinkspopular, #div_quicklinks{ background-color: #282828; } #div_quicklinks { margin: 0.7815rem; padding: 0.7815rem; width: auto; } #div_popular { padding: 1.563rem; width: auto; } #div_quicklinks ul, #div_popular ul { margin-bottom: 0; } #div_quicklinks ul li { box-sizing: padding-box; width: 32%; margin: 0 2% 2% 0%; } #div_quicklinks ul li.endofrow { margin-right: 0; } #div_popular ul li { } #div_quicklinks ul li a.button { border: none; vertical-align: bottom; font-size: 0.7rem; padding:0; /*padding: .5rem 0.25rem; background-image: url('/_assets/images/system/quicklinks-sprite.svg'); background-repeat: no-repeat; background-size: 60px auto; background-size:100% auto; background-position: 50% 0;*/ } #div_quicklinks ul li a.button.quicklinks-news { background-position: 50% 5px; margin-left: 0%; } #div_quicklinks ul li a.button.quicklinks-events { background-position: 50% -115px; } #div_quicklinks ul li a.button.quicklinks-maps { background-position: 50% -235px; } #div_quicklinks ul li a.button.quicklinks-courses { background-position: 50% -355px; margin-left: 0%; } #div_quicklinks ul li a.button.quicklinks-directory { background-position: 50% -475px; } #div_quicklinks ul li a.button.quicklinks-hurry { background-position: 50% -595px; } #div_quicklinks ul li a.button.quicklinks-myum { background-position: 50% -715px; margin-left: 0%; } #div_quicklinks ul li a.button.quicklinks-athletics { background-position: 50% -835px; } #div_quicklinks ul li a.button.quicklinks-mobileapp { background-position: 50% -955px; } #div_popular ul li a.button { border: 3px solid #fff; margin-bottom: 0.7815rem; } .supernav li, .title-area li { display: block; float: none; width: 100%; } .title-area { padding-left: 1.563rem; padding-right: 1.563rem; } .title-area li { height: auto; } .title-area>li>button { margin: 0; width: 100%; text-align: left; } /*added class to use with FontAwesome icons instead of using */ .title-area>li>button>i, .title-area>li>button>span { float: right; } .supernav .right, .supernav.right { float: none !important; } .supernav>li { position: relative; width: auto; clear: both; } .supernav li.umsearchfield-li, .supernav li.umsearchbtn-li { width: auto; float: left; } .supernav li.umsearchfield-li { padding-bottom: 0; } .supernav li.umsearchbtn-li { clear: right; } .supernav li.umsearchbtn-li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #chx_navtoggle { display: none; visibility: hidden; } #chx_navtoggle:checked ~ div.fixed.navbar { height: 100%; overflow: auto; } .small-nav-col-left { width: 48%; float: left; margin: 0; } .small-nav-col-right { width: 40%; float: right; margin: 0; } ul.button-block-grid { margin-left: 0; margin-right: 0; margin-bottom: 1.25rem; } ul.button-block-grid>li { margin: 0; padding: 0; display: table; } ul.button-block-grid>li>a.button { margin: 0; padding: 1rem 0.25rem; display: table-cell; vertical-align: middle; height: 6.15rem; } .all-sites-nav li, .all-sites-nav li a { margin-bottom: 0; } } /* large, xlarge and xxlarge viewports old:769px */ @media (min-width: 47.439em) { /* In body style. */ .pull-quote { font-size: 44px; } span.pull-quote:after, p.pull-quote:after { background-size: 15px 15px; } span.pull-quote:after, p.pull-quote:before { background-size: 15px 15px; } .interior.f-topbar-fixed .container.open{ /*This adds extra padding when topsliver is open*/ padding-top:55px; z-index:0; } .navbar { background-color: #005030; background-image: url('../images/system/nav-bg.png'); background-repeat: repeat-x; background-position: bottom; height: 120px; /*padding-top: 13px; */ /*changed fixed height, margin and padding for topsliver*/ height:auto; min-height:120px; padding-top:0; z-index: 999; } /*Added extra class and padding for topsliver*/ .navbar .um-main-toggle{ /*border-top: solid 6px #005030; removed border by Pings specs*/ padding:26px 0 20px; } .home .navbar { background-color: transparent; height: 170px; } .navbar-header { float: left; } .navbar-toggle { display: none; visibility: hidden; } .navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important; } .navbar-left { float: left!important; } .navbar-right { float: right!important; } .navbar.shorter, .navbar.shorterhome { /*height: auto;*/ background-color: #005030; background-image: none; border-bottom: solid 6px rgba(0,0,0,0.5); background-clip: padding-box; min-height: 120px; } .navbar-default { border: none; background-color: transparent; } .navbar-default .navbar-nav>li>a { color: #fff; } .centered-nav { display: table; margin-left: auto; margin-right: auto; margin-top: 15px; clear: both; float: none; font-size: 18px; width: 100%; } .navbar.shorter .centered-nav { margin-top: 0; } .centered-nav li { position: relative; text-align: center; padding-bottom: 4px; } #um_home { position: absolute; display: block; float: none; top: -44px; left: 50%; width: 118px; height: 90px; margin: 0 auto 0 -59px !important; background-image: url(../images/system/logo.png); background-size: contain; background-repeat: no-repeat; background-position: center top; } .navbar.shorter #um_home { height: 75px; } button.umsearchbtn, input[type="text"].umsearchfield { width: auto; } .umsearchfield::-webkit-input-placeholder { color: #fff; } .umsearchfield:-moz-placeholder { color: #fff; } .umsearchfield::-moz-placeholder { color: #fff; } .umsearchfield:-ms-input-placeholder { color: #fff; } nav li.apply-now a { background-color: #005030; padding: 6px 10px; border: solid 3px rgba(255,255,255,0.5); background-clip: padding-box; } nav li.apply-now a:hover { text-decoration: none; } .supernav { margin-top: 4px; } .supernav>li { padding: 2px; position: relative; } .supernav>li>a { padding: 6px 6px; font-size: 14px; text-align: center; display: inherit; } .f-dropdown { background-clip: padding-box; -webkit-box-shadow: 0px 0px 4px 0px #444; box-shadow: 0px 0px 4px 0px #444; width: 200%; } .f-dropdown-schools { width: 300px !important; max-width: 300px !important; } .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; z-index: 99; } .f-dropdown:after { content: ""; display: block; width: 0; height: 0; border: inset 7px; border-color: transparent transparent #cccccc transparent; border-bottom-style: solid; position: absolute; top: -14px; z-index: 98; } #drp_schools.f-dropdown:before { left: 30px; } #drp_schools.f-dropdown:after { left: 29px; } #drp_tools.f-dropdown.open { right: 3px; left: inherit!important; } #drp_tools.f-dropdown.open:before { right: 10px; left: inherit!important; } #drp_tools.f-dropdown.open:after { right: 9px; left: inherit!important; } /* .supernav > li > a.um_dropdown:after { border-color: white transparent transparent; border-style: solid; border-width: 0.375rem; content: ""; display: block; height: 0; position: absolute; top: 42%; right:0.5rem; width: 0; } .supernav > li > a.um_dropdown { padding-right:1.5rem; } */ /*added class to use with FontAwesome icons instead of using */ .title-area>li>button>i, .title-area>li>button>span { display: none; } } /* GIANT DRAWER NAVS */ /* small, medium viewports old:768px */ @media ( max-width: 47.438em) { .mega_menu, #drp_all { display: none; } } /* large, xlarge, xxlarge viewports old:769px */ @media (min-width: 47.439em) { #drp_all { position: relative; width: 100%; } .mega_menu { position: absolute; width: 100%; background: rgba(149, 161, 170, 0.97); background-clip: padding-box; margin-top: 12px; padding-top: 1rem; padding-bottom: 1rem; border-bottom: solid 6px rgba(255,255,255,0.5); border-top: solid 6px rgba(255,255,255,0.7); left: -99999px; top: 0; } .mega_menu:before { content: ""; position: absolute; top: -26px; bottom: auto; left: 10px; right: auto; display: block; width: 0px; border-width: 0px 20px 20px; border-style: solid; border-color: rgba(255, 255, 255, 0.7) transparent; } .mega_menu:after { content: ""; position: absolute; top: -17px; bottom: auto; left: 17px; right: auto; display: block; width: 0px; border-width: 0px 17px 17px; border-style: solid; border-color: #929FAA transparent; } .mega_men_leadin { background-color: #ACB7BD; padding: 10px; } .gd_shorter { margin-top: 0px; } .mega_menu img.bordered { border: solid 6px rgba(255,255,255,0.5); } .mega_menu h2 { font-family: 'Stag Sans Semibold'; font-size: 18px; font-size: 1.125rem; } .mega_menu h3 { font-family: 'Stag Sans Semibold'; font-size: 16px; font-size: 1rem; } .mega_menu_extender { position: absolute; background-color: rgba(200,0,0,0.0); top: -90px; height: 90px; width: 150px; left: 0; } .mega_menu a { color: inherit; text-decoration: underline; } .mega_menu ul li a { color: #ffffff; text-decoration: none } .mega_menu ul li a:hover { text-decoration: underline; } } /* HOME PAGE */ /* Home page all size styles */ .orange-u { font-family: 'Stag Bold'; color: #f47321; } .homepage-panel { padding-top: 1.8rem; padding-bottom: 0rem; /* margin-top: 1.563rem; */ margin-top: 0rem; margin-bottom: 0rem; } h1.column { padding-bottom: 1.563rem; } /*------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; } #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; } /*------End ENN ALERT-----------*/ #studentstories, #studentstories_mo { background-color: #e8d4a3; border-top: solid 6px #F3e9d1; border-bottom: solid 6px #F3e9d1; } #studentstories .um-blog-content { vertical-align: top; display: table-cell; } #studentstories .um-blog-content-mo { padding: 1.563rem; /* margin-bottom: 40px; */ } #studentstories .um-blog-content-large { padding-top: 1.563rem; width: 100%; /* margin-bottom: 40px; */ } #studentstories .um-blog-column { float: left; width: 100%; padding-left: 145; padding-bottom: 25px; display: table-cell; } #studentstories .um-blog-column-mo { width: 100%; height:100%; /* padding-bottom: 1.563rem; */ } #studentstories .um-blog-column-large { float: left; width: 100%; padding-left: 145; /* padding-bottom: 25px; */ display: table; } #studentstories .um-blog-tn { float: left; margin-right: 25px; /* margin-left: -160px; */ /* width: 100%; */ /* padding-right: 10px; */ } #studentstories .um-blog-tn img { height: auto; min-width: 180px; max-width: 180px; width: 100%; } #studentstories .um-blog-tn-mo { width: 100%; padding-bottom: 2rem; } #studentstories .um-blog-tn-large { width: 100%; } #studentstories .um-blog-tn-large img { width: 100%; padding-bottom: 10px; height: auto; display: block; } #studentstories .um-blog-tn-mo img { width: 100%; padding-bottom: 10px; padding-top: 10px; height: auto; display: block; } #studentstories .um-blog-tn-mo-feature { height:100%; } #studentstories .um-blog-tn-mo-feature a { display:block; height:100%; } #studentstories .um-blog-tn-mo-feature img { position:absolute; bottom:0; } #studentstories .um-tw-column { float: left; width: 100%; padding-left: 90px; padding-bottom: 1.563rem; } #studentstories .um-tw-tn { float: left; margin-left: -75px } #studentstories .um-tw-tn img { } #studentstories .um-tw-content { } #umiamion { } #umiamion .umiamion-hero { border: solid 1px #e0e7ea; } #umiamion div.panel { border: 0; padding: 1.563rem 42px 1.563rem 1.563rem; overflow: auto; color: #fff; } #umiamion div.panel.youtube { background-color: #f47321; } #umiamion div.panel.twitter { background-color: #54c0ee; } #umiamion div.panel.facebook { background-color: #0054a6; } #umiamion div.panel.instagram { background-color: #406e95; } #umiamion div.panel .panelleft { float: left; padding-right: 1.563rem; } #umiamion div.panel .panelright { float: left; margin-right: -42px; font-size: 2rem; } #umiamievents, #umiamievents_mo { background-color: #9ac2b9; /* border-top: solid #cce0dc 6px; */ /* border-bottom: solid #cce0dc 6px; */ } #umiamievents .large-block-grid-5 li, #umiamievents_mo .large-block-grid-5 li { position: relative; padding: 0; list-style: none outside none; float: left; background-repeat: no-repeat; background-size: cover; } #umiamievents .large-block-grid-5 li a, #umiamievents_mo .large-block-grid-5 li a { display: block; width: 100%; min-height: 175px; position: relative; text-decoration: none; } #umiamievents .large-block-grid-5 li a:hover, #umiamievents_mo .large-block-grid-5 li a:hover { background-color: rgba(0, 80, 48, 0.75); text-decoration: none; } #umiamievents .large-block-grid-5 li span.date, #umiamievents_mo .large-block-grid-5 li span.date { position: absolute; top: 1.563rem; right: 1.563rem; font-size: 2rem; } #umiamievents .large-block-grid-5 li span.date span.time, #umiamievents_mo .large-block-grid-5 li span.date span.time { display: inherit; clear: both; font-size: initial; text-align: right; line-height: 2; } #umiamievents .large-block-grid-5 li span.event-info, #umiamievents_mo .large-block-grid-5 li span.event-info { position: absolute; bottom: 1.563rem; left: 1.563rem; } #umiamievents .large-block-grid-5 li.canes-calendar, #umiamievents_mo .large-block-grid-5 li.canes-calendar { display: table; background-color: #f47321; min-height: 175px; } #umiamievents .large-block-grid-5 li.canes-calendar a, #umiamievents_mo .large-block-grid-5 li.canes-calendar a { display: table-row; } #umiamievents .large-block-grid-5 li.canes-calendar a:hover, #umiamievents_mo .large-block-grid-5 li.canes-calendar a:hover { background-color: #005030; } #umiamievents .large-block-grid-5 li.canes-calendar a span, #umiamievents_mo .large-block-grid-5 li.canes-calendar a span { display: table-cell; text-align: center; vertical-align: middle; } #alumnistories, #alumnistories_mo { background-color: #cce0dc; border-top: solid #e8f1f0 6px; border-bottom: solid #e8f1f0 6px; } #alumnistories, #alumnistories_mo p { line-height: 1.75rem; } .three-px-orange-border { border: solid 3px #f47321; border-radius: 2px; } .umomentumlogo { margin-bottom: 1.563rem; } .momentumdiv { background-color: #a3d8f5; border: solid 6px #dff1fc; padding-top: 1.563rem; } #alumnistories .um-blog-column { float: left; width: 100%; padding-left: 145; padding-bottom: 25px; display: table-cell; } #alumnistories .um-blog-column-mo { width: 100%; padding-bottom: 1.563rem; } #alumnistories .um-blog-tn { float: left; margin-right: 25px; /* margin-left: -145px */ } #alumnistories .um-blog-tn-mo { width: 100%; } #alumnistories .um-blog-tn-mo-news { width: 100%; } #alumnistories .um-blog-tn img { height: auto; min-width: 180px; max-width: 180px; width: 100%; } #alumnistories .um-blog-tn-feature img { width: 100%; padding-bottom: 10px; height: auto; display: block; } #alumnistories .um-blog-tn-spotlight img { width: 100%; height: auto; display: block; } #alumnistories .um-blog-tn-mo-news img { width: 100%; padding-bottom: 10px; height: auto; display: block; } #alumnistories .um-blog-content { vertical-align: top; display: table-cell; } #alumnistories .um-blog-content-mo { padding: 1.563rem; /* margin-bottom: 40px; */ } #experienceumiami { background-color: #005030; margin-bottom: 0px !important; border-bottom: solid 6px #e8f1f0; /* border-bottom: solid 1px #005030; */ } .nopad { padding: 0; } #experienceumiami .nopad a { position: absolute; opacity: 0; z-index: 2; left: 6%; top: 6%; width: 88%; height: 88%; padding: 6%; color: #FFF; background-color: rgba(0,80,48,0.75); text-decoration: none; text-align: center; } #experienceumiami .nopad a:hover { opacity: 1; text-decoration: none; text-align: center; } .experience-row2 { text-align: right; } #experienceumiami .slick-prev { left: 0; } #experienceumiami .slick-next { right: 0; } #global_footer { background-color: #63707b; } #global_footer a:hover { color: white; text-decoration: underline; } #global_footer ul li span a:hover { text-decoration: none; } #global_footer ul li a { color: white; text-decoration:none; } /* remove the hover state from the social media icons */ #global_footer ul li a:hover { text-decoration: none; } #global_footer ul li a:hover { text-decoration: underline; color: white; } #global_footer p a { color: white; text-decoration:none; } #global_footer p a:hover { text-decoration: underline; color: white; } #global_footer img.logo { margin-left: auto; margin-right: auto; display: block; max-width: 50%; } .ftr-sm { display: block; color: #fff; text-decoration: none; font-size: 2.625rem; } /* need the social icons smaller in the footer */ .ftr-sm-social { display: block; color: #fff; text-decoration: none; font-size: 2.25rem; } #global_footer ul, #global_footer p { font-size: 13px; font-size: 0.8rem; } .homepage_hero_container a.large-white { text-decoration: none; font-size: 0.925rem; } .homepage_hero_container .button { text-transform: uppercase !important; } a.large-white:hover { text-decoration: underline; color: #fff; } /* Home page mobile-only */ /* small, medium viewports old:768px */ @media ( max-width: 47.438em) { .homepage_hero_container h1 { font-size: 2.5em; letter-spacing: 0.03em; line-height: 91%; } .homepage_hero_container h3 { font-size: 1.325em; letter-spacing: 0.03em; line-height: 120%; font-family: 'Stag Book'; } #home_news_container h3.small-orange { font-size: 1.375em; } .homepage_hero_container h3 span { font-size: 1.325em; letter-spacing: 0.03em; line-height: 120%; font-family: 'Stag Bold'; } .homepage_hero_container a.small-white { text-decoration: none; font-size: 0.875em; } #home_news_container h3.small-orange { font-size: 1.375em; } #home_news_container_inner h4 { font-size: 1.063em; } .cal-item a, .cal-item a span { font-size: 1.063em; } #studentstories h1 { font-size: 2.125em; } .um-blog-tn-mo h4 { font-size: 1.125em; line-height: 110%; } #alumnistories h1 { font-size: 2em; line-height: 1em; } #umiamion h1, #experienceumiami h1#alumnistories h1.orange { font-size: 2.125em; } #experienceumiami h1 { font-size: 2em; line-height: 1em; } .homepage_hero_container p { font-size: 1.563em; letter-spacing: .03em; line-height: 136%; } .homepage_hero_container img { width: 100%; } .homepage_hero_container a.button { font-family: 'Stag Sans Bold'; font-weight: normal; color: #fff!important; text-decoration: none; font-size: 1rem; letter-spacing:.03em; } .homepage_hero_container .button { text-transform: uppercase !important; } .home-hero-mobile-overflow-image-container { margin-left: -1.563rem; margin-right: -1.563rem; margin-bottom: 32px; max-height: 500px; overflow-y: hidden; } #homepage_hero_slider .slick-prev, #homepage_hero_slider .slick-next { top: 25%; } #homepage_hero_slider .slick-prev { left: 5px; } #homepage_hero_slider .slick-next { right: 5px; } #homepage_hero_slider>div { } #homepage_hero_slider>div:first-child { } #home_news_container { padding-top: 1.563rem; padding-bottom: .1rem; border-color: #fff; border-style: solid; border-width: 6px 0; } #home_news_container strong { display: inline!important; } #home_news_container .slick-prev, #home_news_container .slick-next { width: 15px; height: 15px; } #home_news_container .slick-prev { left: 0px; } #home_news_container .slick-next { right: 0px; } #home_news_container .slick-prev:before, #home_news_container .slick-next:before { font-size: 15px; } #quicklinks { margin-top: 1.563rem; margin-bottom: 1.563rem; } #um_blog_mobile_carousel .slick-prev, #um_blog_mobile_carousel .slick-next { width: 15px; height: 15px; } #um_blog_mobile_carousel .slick-prev { left: 0px; } #um_blog_mobile_carousel .slick-next { right: 0px; } #um_blog_mobile_carousel .slick-prev:before, #um_blog_mobile_carousel .slick-next:before { font-size: 15px; } #umiamion .slick-prev, #um_blog_mobile_carousel .slick-next { width: 15px; height: 15px; color: #8996a0; } #umiamion .slick-prev { left: 0px; } #umiamion .slick-next { right: 0px; } #umiamion .slick-prev:before, #umiamion .slick-next:before { font-size: 15px; color: #8996a0; } #umiamion .tabs-content.vertical > .content { padding: 0px 10px; } #umiamievents_mo .small-block-grid-2 li { width: 50%; } #umiamievents_mo .content.active { border-top: solid 6px #cde1dc; border-bottom: solid 6px #cde1dc; background-color: #cde1dc; } #umiamievents_mo dd.accordion-navigation { border-bottom: solid 2px #9AC2B9; } #umiamievents_mo dd.accordion-navigation a.mobile-events-carousel-trigger { background-color: #cde1dc; } #umiamievents_mo dd.accordion-navigation.active a.mobile-events-carousel-trigger { background-color: #fff; } .mobile-events-carousel { margin-bottom: 0; } .mobile-events-carousel-trigger { text-align: center; } #home_news_container a { text-decoration: none; } #home_news_container a:hover { } #home_news_container_inner .news-item { background: none!important; overflow: hidden; } #home_news_container_inner .news-item h4 { border-top: solid 2px #e8e8e9; padding-top: 0.5rem; overflow: hidden; text-transform: uppercase; !important; } #home_news_container_inner .news-item.first h4 { border-top: 0; padding-top: 0; overflow: hidden; } #home_news_container_inner .cal-item h3 { border-top: solid 2px #e8e8e9; padding-top: 2rem; overflow: hidden; text-transform: uppercase; !important; } #home_news_container_inner .cal-item p{ border-top: solid 2px #e8e8e9; padding-top: 1.5rem; overflow: hidden; } #home_news_container_inner .cal-item a { display: block; } #home_news_container_inner .cal-item a:hover { color: inherit; } #alumnistories .um-blog-column.margin-bottom { margin-top: 1.563rem; margin-bottom: 1.563rem; } #experienceumiami .nopad a { opacity: 0; font-size: 85%; line-height: 1.2; overflow: hidden; } #experienceumiami .nopad a:hover { opacity: 1; text-decoration: none; text-align: center; } #experienceumiami .nopad a h3 { line-height: 1.2; } #global_footer img.logo { margin-top: 1.563rem; margin-bottom: 1.563rem; max-width: 125px; } } /* News Date Section */ /* Large Viewports */ @media ( min-width: 47.438em ) { #home_news_container_inner .cal-item a { display: inline-block !important; line-height: 1.275rem; /* height: 40px !important; */ /* margin-bottom: .5rem; */ font-size:.875rem; } #home_news_container_inner .cal-item p { margin-bottom: .5rem; } #home_news_container_inner .cal-item { display: inline-block; background-color: #82b0a5; height: 15.1rem; padding-top: .75rem; overflow-y: hidden; padding-left: 0px; padding-right: 0px; } #home_news_container_inner .cal-item a .date { display: inline-block; color: #fff; float: left; background-color: #6f9f93; padding-left: .75rem; margin-right: .75rem; font-size: 1.7rem; text-transform: uppercase; width: 117px; height: 40px; padding-top: 12px !important; margin-bottom: .525rem; } } /* XLarge, XXLarge Viewports */ @media ( min-width: 63.939em ) { #home_news_container_inner .cal-item { display: block; background-color: #82b0a5; height: 15.1rem; padding-top: .75rem; overflow-y: hidden; padding-left: 0px; padding-right: 0px; } #home_news_container_inner .cal-item a { display: inline-block; /* margin-bottom: 1.1rem; */ /* margin-bottom: 0.9rem; */ line-height: 1.275rem; height: 40px; margin-bottom: .275rem; overflow: hidden; width: 100%; } .cal-item .columns div { max-height:40px; margin:0; margin-bottom: .6rem; overflow:hidden; padding:0; display:block; } #home_news_container_inner .date-details { max-height:39px; overflow:hidden; display: block; } #home_news_container_inner .cal-item a .date { display: inline-block; color: #fff; float: left; background-color: #6f9f93; padding: 0.75rem; margin-right: 0.75rem; font-size: 1.7rem; text-transform: uppercase; width: 117px; margin-bottom: 0.5rem; } } /* Home page large screen only */ /* Large, xlarge, xxlarge viewports old:769px */ @media (min-width: 47.439em) { /* Here's the plan: There are six regions into which the content of each hero area can be placed: top-left, top-center, top-right, bottom-left, bottom-center, bottom-right. Left-to-right placement will lean on the Foundation column layouts: top-left and bottom-left need 'large-4 columns' top-center and bottom-center need 'large-4 large-offset-4 columns' top-right and bottom-right need 'large-4 large-offset-8 columns' Additionally, an over/under offset needs to be declared, but will likely be handled with javascript. */ .homepage_hero_container_1 { background-repeat: no-repeat; background-position: center top; background-size: cover; height: 100%; } .homepage_hero_container_2 { background-image: url(/img/home-bg-lunar-newyear.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; height: 100%; } .homepage_hero_container_3 { background-image: url(/img/home-bg-random-acts.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; height: 100%; } .homepage_hero_container p { line-height: 150%; text-shadow: 1px 1px 1px rgba(0,0,0,0.75); filter: progid:DXImageTransform.Microsoft.DropShadow(color=#333333, offx=1, offy=1); } .homepage_hero_container h1 { text-shadow: 1px 1px 1px rgba(0,0,0,0.75); filter: progid:DXImageTransform.Microsoft.DropShadow(color=#333333, offx=1, offy=1); } .homepage_hero_container h3 { text-shadow: 1px 1px 1px rgba(0,0,0,0.75); filter: progid:DXImageTransform.Microsoft.DropShadow(color=#333333, offx=1, offy=1); } .homepage_hero_content_topright, .homepage_hero_content_topleft { padding-top: 12%; } .homepage_hero_content_1 { padding-top: 12%; } .homepage_hero_content_2 { padding-top: 18%; } .homepage_hero_content_3 { padding-top: 24%; } .homepage_hero_content_4 { padding-top: 30%; } .homepage_hero_content_5 { padding-top: 36%; } /* Slider overrides for the big one on the home page */ #homepage_hero_slider, #homepage_hero_slider .slick-list, #homepage_hero_slider .slick-track { height: 100%; margin-bottom: 0; background-color: #000; } #homepage_hero_slider .slick-prev { left: 5%; } #homepage_hero_slider .slick-next { right: 5%; } #homepage_hero_slider .slick-prev, #homepage_hero_slider .slick-next { width: 45px; height: 45px; z-index: 997; } #homepage_hero_slider .slick-prev:before, #homepage_hero_slider .slick-next:before { font-size: 45px; } #heroCarouselContentAndImg_0, #heroCarouselContent_0, #heroCarouselContent_1, #heroCarouselContent_2 { opacity: 0; } .home-hero-mobile-overflow-image-container { display: none; visibility: hidden; } #home_news_container.news-shorter { height: 4.2625rem; margin-top: -4.2625rem; overflow: hidden; } #home_news_container { height: 15.5rem; margin-top: -15.5rem; overflow: hidden; position: relative; z-index: 998; } #home_news_container #home_news_container_trigger { display: block; position: absolute; left: 0; top: 0; width: 50px; height: 15.1rem; padding: 0; border: 0; } #home_news_container.news-shorter #home_news_container_trigger { height: 4.2625rem; } #home_news_container #home_news_container_trigger .fa-plus { display: none; } #home_news_container #home_news_container_trigger .fa-minus { display: inline; } #home_news_container.news-shorter #home_news_container_trigger .fa-plus { display: inline; } #home_news_container.news-shorter #home_news_container_trigger .fa-minus { display: none; } #home_news_container_inner { background-clip: padding-box; border: solid 0.375rem rgba(255,255,255,0.5); border-bottom: 0; height: 15.5rem; position: relative; padding-left: 50px; } #home_news_container_inner .news-item { display: block; background-color: rgba(0,0,0,0.8); height: 15.1rem; overflow-y: hidden; padding-top: 0.46875rem; background-repeat: no-repeat; background-position: center top; } #home_news_container_inner .news-item a { display: block; width: 100%; height: 100%; max-height: 52px; overflow: hidden; } #home_news_container.news-shorter #home_news_container_inner .news-item { background-position: 0 10rem; } #home_news_container.news-shorter #home_news_container_inner .news-item h4 { top: 0.46875rem; line-height: 1.75em; } #home_news_container_inner .news-item h4 { position: absolute; bottom: 0; margin-left: -1.563rem; padding-left: 1.563rem; padding-right: 1.563rem; border-left: solid 1px #fff; height: 50px; overflow: hidden; text-transform: uppercase; line-height: 1.75em; } #home_news_container_inner .news-item.first h4 { border: 0; } #home_news_container_inner a { text-decoration: none; } #home_news_container_inner a:hover, #home_news_container_inner a:hover h4 { text-decoration: underline; } #home_news_container_inner .news-slug { font-size: 0.7rem; line-height: 0.9rem; } #home_news_container_inner .cal-item-ev { display: block; background-color: #82b0a5; height: 15rem; padding-top: 1rem; overflow-y: hidden; width: 100%; margin-left: 0; margin-right: 0; /* padding-left: 1.7rem; */ } #home_news_container_inner .newsEvents { display: block; background-color: #99C2B9; height: 3.938rem; padding-top: 1rem; overflow-y: hidden; width: 100%; margin-left: 0; margin-right: 0; position: absolute; bottom: 0; } #home_news_container_inner .newsIcon, #home_news_container_inner .eventsIcon { display: block; float: left; height: 100%; width: 49%; text-align: center; } #home_news_container_inner .newsIcon img, #home_news_container_inner .eventsIcon img { width: 50px; padding-left:5px; padding-right:10px; height: 35px; } #home_news_container.news-shorter #home_news_container_inner .cal-item a { display: none; } #home_news_container.news-shorter #home_news_container_inner .cal-item a.first { display: block; } #home_news_container.news-shorter #home_news_container_inner .cal-item h4 { display: none; } #home_news_container #home_news_container_inner .cal-item h4 { background-color: #9ac2b9; /* margin: 2.3rem -1.563rem 1.563rem; padding: 1.24rem; */ padding: 0.2rem; text-transform: uppercase; } #home_news_container #home_news_container_inner .cal-item-ev h4 { background-color: #9ac2b9; /* margin: 2.3rem -1.563rem 1.563rem; padding: 1.24rem; */ padding-top: 0.5rem; padding-left: 1.7rem; text-transform: uppercase; } #home_news_container_inner .cal-item-ev a { display: block; /* margin-bottom: 1.1rem; */ margin-bottom: 0.9rem; line-height: 1rem; } /*margin: -1.563rem -1.563rem 1.563rem -1.563rem; padding: 1.563rem; */ #homepage_hero_slider.dim .slick-list { opacity: 0.5; } #proofpoints { background-image: url(/img/proofpoints-bg.png); background-repeat: no-repeat; background-position: 50% 50%; /* padding: 2.5rem 0; */ border-top: solid 6px #e5e5e5; margin-top: 0; } figure { display: block; margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; } /* .proofpoint-1 img { float:right; } .proofpoint-2 img { display:block; margin-left:auto; margin-right:auto; } .proofpoing-3 img { float:left; } */ #proofpoints figure { } #proofpoints figcaption { text-align: center; font-size: 0.75rem; margin-top: 0.5rem; } #proofpoints img.fig2 { height: auto; } #proofpoints img.fig1 { height: auto; } #umiamievents .tabs.vertical { float: right; } #umiamievents .tabs dd > a { background-color: transparent; padding: 1.25rem 2rem; } #umiamievents .tabs dd.active a, #umiamievents .tabs dd > a:hover { background-color: #cde1dc; } #umiamievents .tabs-content.vertical > .content { padding: 0; } #umiamievents .large-block-grid-5 li { min-height: 175px; background-position: center center; width: 20%; } #umiamievents .large-block-grid-5 { border: solid 6px #cde1dc; } #umiamievents .large-block-grid-5 li span.date span.time, #umiamievents_mo .large-block-grid-5 li span.date span.time, #umiamievents .large-block-grid-5 li span.event-info, #umiamievents_mo .large-block-grid-5 li span.event-info { visibility: hidden; } #umiamievents .large-block-grid-5 li a:hover span.date span.time, #umiamievents_mo .large-block-grid-5 li a:hover span.date span.time, #umiamievents .large-block-grid-5 li a:hover span.event-info, #umiamievents_mo .large-block-grid-5 li a:hover span.event-info { visibility: visible; } #alumnistories .border-right { border-right: solid 3px #f1f3f3 } .large-float-right { float: right; } .large-float-left { float: left; } #global_footer img.logo { max-width: 95px; } #global_footer .large-9 .columns { padding-left: 0px; } #global_footer .large-9 { padding: 0 0; } .ftr-sm { } .sub-footer-links span, .sub-footer-links a { padding-left: 1rem; margin-right: 1rem; font-size: 0.6875rem; } .sub-footer-links a { border-left: solid 1px #fff; } } /* TODO */ @media (min-width: 47.439em) and (min-height:650px) { .homepage_hero_content_topright, .homepage_hero_content_topleft { padding-top: 20%; } } @media (min-width: 47.439em) and (min-height:800px) { .homepage_hero_content_topright, .homepage_hero_content_topleft { padding-top: 25%; } } /* INTERIOR PAGE GLOBAL STYLES - ALL SCREEN SIZES */ .breadcrumbs { border: none; border-radius: 0; background-color: transparent; padding-left: 0; margin-top: 1.0rem; margin-bottom: 1.0rem; } .breadcrumbs > * { color: inherit; /* color: #B2B2B2 !important; margin: 0px 0.75rem; position: relative; top: 1px; font-size: 170%; */ } .breadcrumbs > * a { color: inherit; text-decoration: inherit; } .breadcrumbs > *.current a { color: #005030; } .breadcrumbs > *:before { content: "›"; font-size: 170%; } .breadcrumbsright { /*padding-top: 0.5625rem;*/ padding-top:0; text-align: right; } .breadcrumbsright button { margin-right: 1rem; } hr.divider { border: solid transparent; margin: 1rem 0; } hr.divider-half { border: solid transparent; margin: 0.5rem 0; } .introp { font-size: 150%; } /* overlay colors are up top, near the other helper classes */ .overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.9375rem; text-align: center; margin: 0; } .marginbottom { margin-bottom: 1.563rem; } .relative { display: block; position: relative; } ul li>a i.fa { font-size: 0.6rem; } ul.darkorange.subnav { border-top: solid 1px #cccccc; } ul.darkorange.subnav li { font-size: 1rem; letter-spacing: 1px; font-weight: bolder; line-height:1.325rem; } ul.darkorange.subnav li a { display: block; border-bottom: solid 1px #cccccc; padding: .9rem; } ul.darkorange.subnav li a:hover { text-decoration: underline; color:#8996a0; -o-transition:all 1s ease-out, all .3s ease-in; -ms-transition:all 1s ease-out, all .3s ease-in; -moz-transition:all 1s ease-out, all .3s ease-in; -webkit-transition:all 1s ease-out, all .3s ease-in; } ul.bluegray.subnav { } ul.bluegray.subnav li { } ul.bluegray.subnav li a { } ul.bluegray.subnav li a:hover { text-decoration: underline; } .flex-video-playlist-wrapper { margin-left: 0.9375rem; margin-bottom: 1rem; } .flush-left.columns { padding-left: 0; } /* LANDING PAGE GLOBAL STYLES - ALL SCREEN SIZES */ div.landingpage-hero, div.interior-hero { background-repeat: no-repeat; background-position: 50% bottom; background-size: cover; position: relative; } div.landingpage-caption, div.interior-caption { background-color: #005030; color: #ffffff; /* background-color: rgba(0,0,0,0.5); */ /* color: #ceced0; */ padding: 1.5rem; } /* LANDING PAGE GLOBAL STYLES - SMALL SCREEN ONLY */min-width: 1366px /* small, medium viewports old:768px */ @media only screen and (max-width: 47.438em) { div.landingpage-hero, div.interior-hero { height: 300px; } div.landingpage-caption, div.interior-caption { width: 100%; position: absolute; Bottom:0; } } .row .row.gatewaySliderWrapper { margin-bottom: 3.75rem; margin-left:0; margin-right:0; } .gatewayPage-caption { width: 100%; padding: 15px; font-size: 1.125em; bottom: 0px; /* position: absolute; */ } .gatewayHero { max-width: 1240px; } .gatewayHero .slick-prev { left: 5%; } .gatewayHero .slick-next { right: 5%; } .gatewayHero .slick-prev, .gatewayHero .slick-next { width: 45px; height: 45px; z-index: 997; } .gatewayHero .slick-prev:before, .gatewayHero .slick-next:before { font-size: 45px; } /* LANDING PAGE GLOBAL STYLES - LARGE SCREEN ONLY */ /* large, xlarge, xx large viewport old: 769px */ /* TODO */ @media only screen and (min-width: 47.439em) { div.landingpage-hero { height: 520px; } div.landingpage-caption { width: 37%; left: 65%; bottom: 27px; height: 35%; position: absolute; /* width: 40%; left: 60%; bottom: 0; */ } div.landingpage-caption h3, div.landingpage-caption p { max-width: 26rem; color: #ceced0; } div.interior-hero { height: 440px; border: 1px solid white; } div.interior-caption { width: 33%; left: 67%; bottom: 0; } div.interior-caption h3, div.interior-caption p { max-width: 26rem; color: #ceced0; } .gatewayPage-caption { width: 37%; right: 0; bottom: 27px; position: absolute; } .row .row.gatewaySliderWrapper { margin-bottom:0px; } } /* GUIDE STYLES */ .guide-logo { display: block; width: auto; height: 100px; margin: 0 0 2rem; } /* Ping */ .top-bar { background: #04351e; } .top-bar-section li.hover > a:not(.button) { } .top-bar-section li:not(.has-form) a:not(.button) { padding: 0 30px; line-height: 45px; background: #005130; } .top-bar-section li:not(.has-form) a:hover:not(.button) { background: none repeat scroll 0% 0% #04351e; } .top-bar-section li.active:not(.has-form) a:not(.button) { padding: 0 30px; background: #04351e; } .top-bar-section li.active:not(.has-form) a:not(.button):hover { padding: 0 30px; background: #04351e; } .top-bar-section .dropdown li:hover:not(.has-form) > a:not(.button) { background: none repeat scroll 0% 0% #04351e; } .top-bar-section .dropdown li:not(.has-form) a:not(.button) { background: none repeat scroll 0% 0% #005130; } .top-bar-section ul li:hover:not(.has-form) > a { background: none repeat scroll 0% 0% #04351e; } /* PS */ .pad_r_0 { padding-right:0px; } .pad_l_0 { padding-left:0px; } .pad_btm_10 { padding-bottom: .625rem; } .pad_top_10 { padding-top: .625rem; } .pad_l_12 { margin-left: .375rem!important; } .content-main { } .side-nav { display: block; margin: 1rem 0 0 0.875rem; padding: 0rem 0; list-style-type: none; list-style-position: outside; } .side-nav li { margin: 0 0 0.3125rem 0; font-size: 0.875rem; } .side-nav li a:not(.button) { display: block; color: #008cba; margin-left:-0.5rem; padding: 0.188rem 0.5rem; } .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus { color: #8996a0; text-decoration:none; } .side-nav li.active > a:first-child:not(.button) { color: #8996a0; font-weight:inherit; font-family: inherit; background: rgba(0, 0, 0, 0.025); } .side-nav li.divider { } .side-nav li.heading { } .divider_v { border-right:1px solid #555555; margin:6rem -1.625rem; height:40%; position:relative; float:right; background-color:#999; width:1px; } a { color: inherit; text-decoration:none; } a:hover { text-decoration: underline; color: inherit; } .list { padding-left:.625rem; } p a, .list ul li a { text-decoration:underline; } p a:hover, .list ul li a:hover { text-decoration: underline; color:orange; } .darkgray { color:#828282; } .introp { line-height: 2.1875rem; } ul.square { list-style-type:square; } .list ul li { font-size:1.0625rem; line-height:180%; padding:.5rem 0; } .homepage-panel { margin-bottom: 0rem; padding-bottom:0rem; } .panel .ligthgray2-bg { background-color: #eeecec!important; } .floatright { position: relative; float:right; } .floatleft { position:relative; float:left; padding-right:20px; } #global_footer a:hover { color: white; } #global_footer p a { color: white; text-decoration:none; } #global_footer p a:hover { text-decoration: underline; color: white; } /* small, medium viewports old:768px */ /* @media ( max-width: 47.438em) { */ @media ( max-width: 47.438) { nav { padding-top:0px; z-index:3000; } div.interior-caption h3 { color:#ceced0; font-size:90%; } .content-main { margin:0 0; } .top-bar-section ul li h1 { font-size:90%!important; } .side-nav { padding-bottom:0px; } .slick-slider { margin-bottom:-1.25rem; } } /*TOP SLIVER AND MOBILE NAVIGATION*/ /*Overriding Foundation fixed topbar padding to accomodate navigation different heights*/ body.interior.f-topbar-fixed{ padding-top:163px; } /*This divs adds the extra padding when the slicer is open*/ .sliver-push.open{ padding-top:35px; z-index:0; } .sliver-push{ padding-top:0px; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { } .navbar #sliver{ border:none; display:block; margin: 0 auto; } #home-tactical-nav #search{ padding-left:0; } .sliverlink{ color: white; font-size: 1.07143em; font-weight: 700; } #slivertab{ background:#01321e; color: white; font-weight: bold; height:32px; left:0; position:fixed; top:0; width:100%; z-index:999; } .navbar .drawer{ color: white; /*display:none; */ height:55px; /*padding-top:7px;*/ max-width:1280px; margin:0 auto; z-index:999; } .navbar .slivernav, .navbar .drawer{ background:#01321e; } .navbar .slivernav{ /*min-height:21px; height:480px; */ max-width:9999px; width:100%; } ul.title-area{ margin-bottom:0; } ul.title-area li.separator{ border-bottom:solid 1px #005030; padding-top:1em; width:98%; } ul.title-area.last{ margin-bottom:2em; } /* .navbar ul.title-area li a{ font-size:18px; }*/ .navbar ul.title-area li a:hover{ text-decoration:none; } button#sliverlink{ float:right; height:21px; margin:0; padding:0; transition:none; width:50px; } button#sliverlink, .sliverbutton button, .sliverbutton button:hover, .sliverbutton button:focus{ background-color:#005030; border-color:#005030; } button#sliverlink.sliver-open{ height:55px; transition:none; } #sliverlink.sliver-open .fa-plus, #sliverlink .fa-minus{ display:none; } #sliverlink .fa-plus, #sliverlink.sliver-open .fa-minus{ display:inline; } #sliverlink a, #sliverlink a:hover, #sliverlink a:focus{ color:#fff; } .navbar .drawer input, .navbar .drawer button{ margin:0 0 4px; } .navbar .drawer input.umsearchfield{ height:27px; padding:3px; } .navbar .drawer button.umsearchbtn{ height:26px; margin-top:7px; padding:3px; } .navbar .drawer button.umsearchbtn-sm{ height:35px; padding:3px; } .drawer li button.apply-now{ background-color:#005030; border:solid 3px #ffffff; margin-top:8px; padding:0 18% !important; width:80px; } .drawer li a:hover, #sliverlink a:hover{ text-decoration:none; } .drawer li.apply-now a{ padding:0px; } .small-block-grid-5 > li { /* override foundation's padding*/ padding-left:0.625em; width:auto; } .small-block-grid-5-social > li { /* override foundation's padding*/ padding-left:0.005em; width:auto; } [class*="block-grid-5-social"] > li { display: block; height: auto; float: left; padding: 0 0.150rem 1.25rem; } /* Remove the underline effect from the social media icons */ #social-icon a:hover { text-decoration: none !important; } .umname{ padding-top:3px; height:20px; } .umname h4{ color:#005030; letter-spacing:0.5em; font-size:0.8em; margin:0; text-align:center; text-transform:uppercase; } .slivernav .columns, .slivernav .column{ padding-left:0 !important; padding-right:0 !important; } /*========Interior mobile nav==========*/ .mobile-bar{ height:46px; } .mobile-nav{ background:#01321e; color:#fff; padding:2em 0 0 0; } .mobile-nav ul li{ line-height:1.85em; } .mobile-nav.mobilelinks{ padding:0; } .mobile-nav.mobilelinks h4{ font-size: 1.063em; background:none; padding-top:1em; } .mobile-nav.mobilelinks ul li{ font-size:1em; } .mobile-nav.relatedlinks ul li{ font-size:0.875em; } .topsliver .mobilesearch{ padding:2em 0 1.5em 0; } /* .mobile-bar.mobilesearch, .mobile-bar.mobilesearch div{ padding:0; }*/ .mobile-bar.mobilesearch{ background-color:#cccbd5; } .supernav li.umsearchfield-li input, .supernav li.umsearchbtn-li button{ margin-top:6px; } .supernav > li > a{ padding:12px 6px 0; } #supernav1 > li > a button{ margin-top:-3px; } /*========= Changes to Homepage Top Navigation ============*/ .home .navbar{ height:152px; transition:none; } .home .navbar.open{ height:187px; } .home .navbar .um-main-toggle{ /*padding-top:15px;*/ padding-top:0; } #home-tactical-nav{ background: none; margin-bottom: 41px; max-width: 1240px; position: relative; top: -6px; } #home-tactical-nav.hide{ display:none; height:0; visibility:hidden; } #home-tactical-nav button, #home-tactical-nav .button, #home-tactical-nav input{ transition:none 0.5s ease 0s; /*background-color:rgba(255,255,255,0.5);*/ } #home-tactical-nav button.tacticalTransition, #home-tactical-nav .button.tacticalTransition, #home-tactical-nav input.tacticalTransition{ transition:all 0.5s ease 0s; /*background-color:rgba(255,255,255,0.5);*/ } #sliver .small-offset-1 { margin-left: 5% !important; } .hp-top-sliver .row{ margin:0 auto; } .topborder{ border-top:solid 6px #005030; max-width:9999px; } .topborder.hide{ border:none; } /*The following classes override the previous ones due to changes to the top navigation */ div.fixed.navbar{ min-height:120px; z-index:999; } div.navbar-header{ border-bottom:none; } div.navbar-header{ border-bottom:none; position:relative; } /*topsliver adjustments for large viewports*/ @media ( max-width: 63.938em) { .supernav > li > a{ padding:12px 2px 0; } } /*topsliver adjustments for medium viewports */ @media ( max-width: 47.438em) { /* Small and med viewport search bar styles */ .mobilesearch input[type="text"].umsearchfield, .drawer .mobilesearch input[type="text"].umsearchfield-sm, .mobilesearch button.search-sliver, .mobilesearch button{ background:#E5E5EA; border:solid 4px rgba(255, 255, 255, 0.5); font-size:1.375em; font-family:"Stag Sans Light"; padding-bottom: 0.2em; } .mobilesearch input[type="text"].umsearchfield{ margin-top:8px; } .title-area.mainlinks li{ background: #011a0d; color: #ff0000 !important; font-size: 1.063em; letter-spacing: 0.1em; margin: 1em 0; padding-left: 0.5em; text-transform: uppercase; width: 98%; } .title-area.mainlinks li a{ color:#005030; } .home .navbar .um-main-toggle{ padding-top:0; } /*This divs adds the extra padding when the slicer is open*/ .sliver-push.open{ padding-top:453px; } .mobilesearch button{ border-radius:0; padding: 0; } .mobilesearch button.searchbar{ margin-top:8px !important; height:36px; width:35px; } .mobilesearch button.search-sliver{ height:36px; margin-left:0.4em; width:35px; } .mobilesearch button.search-sliver .fa{ padding:5px; } .mobilesearch button .fa{ color:#ffffff !important; font-size:0.9em; padding:0; } /*.mobilesearch button.navbar-toggle{ margin-left:1em !important; }*/ /* NEW SEARCH BAR - changed to look like the news site bar */ .navbar .navbar-toggle{ padding-top:7px; } .fa-bars{ color:#ffffff; font-size:2em; padding-top:7px; } .supernav li.newssearch{ clear:none; float: left; padding:0.5em 0; width:auto; } .supernav.right{ float:right !important; } button.newssearchbtn, input.newssearchfield[type="text"] { background-clip: padding-box; background-color: rgba(255, 255, 255, 0.6); border: 3px solid rgba(255, 255, 255, 0.8); border-radius: 0; color: #333333; display: inline-block; height: auto; line-height: normal; margin: 0 0 3px; padding: 6px; } input.newssearchfield[type="text"] { height: 33px; width: 20em; transition:all 0.5s ease 0s; } button.newssearchbtn { height: 33px; margin-left:0.3em !important; width: 33px; } button.newssearchbtn:focus, input[type="text"].newssearchfield:focus { box-shadow: none; } input[type="text"].newssearchfield:focus { background-color: rgba(255,255,255,1); color: #222; } /* END NEWS SEARCH BAR */ /*This height needs to be changed if the height of the topsliver navigation changes or it will cover the bottom search nav when the sliver is open*/ div.fixed.navbar.navbar-open { /*min-height: 500px; */ min-height:626px; } .navbar.interior{ border-bottom:none; height:auto; min-height:122px; transition:none; } .navbar.navbar-open #drawer{ height:460px; } button#sliverlink{ background:none; border: none; } button#sliverlink.sliver-open{ height:auto; padding-top:0.1em; } .drawer div ul{ list-style: none !important; } .drawer div ul li{ font-size:1.125em; line-height:1.4em; padding:0.3em 0; } .toggle-inner .fa.fa-bars{ color:#333333 !important; font-size:1.6em; } /*Topsliver search styles medium*/ .supernav li.umsearchfield-li, .supernav li.umsearchbtn-li { float: right; width: 95%; } .sliversearch{ padding:1.4em 0 1em 0; } .sliversearch input.umsearchfield{ background:#e6e6e6; border: solid 3px rgba(255,255,255,0.5); } .navbar-open .slivernav.hide-for-large-up{ min-height:526px; } .row.mobilescroll { overflow-x: hidden; overflow-y:scroll; max-height:526px; width:120%; padding-right:20px; } .sliverleft, .sliverright{ /* min-height:370px; */ min-height:626px; padding-bottom: 160px; } .sliverleft{ text-align:right; } .sliverleft ul{ border-right:solid 1px #005030; padding-right:2em; } .sliverleft ul li a{ color:rgba(255,255,255,0.5); } .sliverright ul{ margin-left:0; padding-left:2em; } .sliverright h4, .mobile-nav h4{ background:#011a0d; box-sizing:initial; font-size:0.938em; line-height:130%; letter-spacing:0.05em; padding-top:3px; text-transform:uppercase; width:inherit; } .sliverright h4{ margin-left:1.8em; padding-left:0.5em; } .mobile-nav h4{ margin:0.5em 2.5em 1.2em 2.5em; padding-left:0.5em; } .mobile-nav.leftnav h4{ background: none repeat scroll 0 0 #005030; color: #319056; font-size: 1.063em; letter-spacing: 0.05em; width:87%; } .mobile-nav.leftnav ul li{ font-size:1.125em; } /*====Homepage Navigation adjustments for small and medium viewports ====*/ body.home.f-topbar-fixed{ padding-top:120px; } .home .navbar.open{ height:120px; } /*Fix the Homepage grid display on IE and Windows phone*/ #div_quicklinks ul li a img{ width:100%; } } /*topsliver adjustments for small viewports */ @media ( max-width: 29.938em) { .mobilesearch button.navbar-toggle{ margin-left:0.5em !important; } input.newssearchfield[type="text"]{ width:13em; } } /*=====END TOP SLIVER AND MOBILE NAVIGATION===*/ /* Some adjustments for the interior page royal slider */ /* wasn't going full width on some browsers */ .videoGallery { width: 100%; } /* The caption block for the interior page royal sliders */ .infoBlock { width: 33%; left: 67%; bottom: 0px; background-color: rgba(0, 0, 0, 0.5); color: #CECED0; position: absolute; padding: 1.5rem; } /* UMiami On - Social Media Slice */ .socialHeaderIcon { font-size: 3.0em; } .allcap { text-transform:uppercase; } /* The date part of the social media slice */ .date { color: #B1BEC7; } /* The by line for the youtube video */ .youtube-byline { color: 98A0AB; } /* Search results template */ #defaultSearch { padding-left:0; padding-right:0; } #defaultSearch .searchButton { background: none; float: left; display: block; margin-bottom: 1rem; padding: 0.5rem; height: 2.3125rem; width: 2.3125rem; border: 2px solid #DBDBDB; color: #333; box-sizing: border-box; margin-left: 0.5rem; font-size:0.875rem; font-weight:normal; } .searchButtonContainer { padding-left:0.25rem; } .searchTermContainer {padding-right:0.25rem; } .searchButton .fa { color: #DADADA; font-size: 120%; font-weight: normal; } input[type="text"].searchBar { display: block; float: left; width: 100%; border: 2px solid #DBDBDB; /*border-right: none;*/ padding-right: 2.45rem } .resultSet h3 { font-size: 19px; line-height: 120%; color: #ED5312; } .resultSet p { line-height: 120%; font-size: 17px;} .resultSet a { word-break: break-all; } .searchSummary { font-size: 24px; line-height: 120%; color: #B81F1E; } .searchWord { } .interior .resultCount { font-size: 15px; color: #626F7B;} .advancedSearch { display: block; max-width:220px; min-width:173px; width:100%; clear: both; margin-left:0; } .row.advancedSearchRow {margin-left:0; margin-right:0;} .advancedSearchRow .push {display:block; height:315px;} .advancedSearchRow hr { margin-top:0.75rem; } .advancedSearch li { display: block; border-top: 1px solid #DBDBDB; border-left: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; background: #FFF; max-width: 220px; min-width:173px; width:100%; padding: 0; height: 2.3125rem; text-align: center; } .advancedSearch li fa { color:#DBDBDB; font-weight:normal; padding-left:10px; margin-left:10px; font-size:120%; } .advancedSearchOn {display: block; width:100%; clear: both; position: relative; } .advancedSearchContainer { border-top: 1px solid #DBDBDB; margin-top: -21px; padding-top:21px; /*display: block;*/ } .advancedSearchOn li { display: block; border-top: 1px solid #DBDBDB; border-left: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; border-bottom: 0px solid #FFF; background: #FFF; max-width: 220px; min-width:173px; width:100%; height: 2.3125rem; text-align: center; } #advDrop { display:block; margin:0; padding:0.5rem; height: 2.3125rem; font-size:17px; } #advDrop span { margin-right:5px; } a#advDrop.bluegray:hover { text-decoration:none; } a#advDrop.bluegray:active { border:none; } ul.advancedSearch>li i#advArrow { color:#DBDBDB; font-size:17px; background:transparent; } div#advancedSearch { padding-left:0; padding-right:0; margin-left:0; } .advancedSearchLabels { font-size:15px;} /*pagination links */ a.pageNumber { display:inline-block; width:23px; height:23px; text-align:center; padding:2px; margin:5px; border:1px solid #AFAFAF; } ul.pagination li a, ul.pagination li button { border:1px solid #AFAFAF; border-radius:0; } ul.pagination li a:hover { text-decoration:none; } ul.pagination > li:first-child a, ul.pagination > li:first-child button, ul.pagination > li:last-child a, ul.pagination > li:last-child button a.pageNumber:first-child, a.pageNumber:last-child { border:none; } a.currentPage { background:#F67300; border:1px solid #FCAF77; color:#FFF; } ul.pagination li.current a, ul.pagination li.current button, ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus { background-color: #F67300; color: white; font-weight: bold; cursor: default; border:1px solid #FCAF77; } /* end search results*/ /* Gateway Page */ /* small, medium viewports old:768px */ @media ( max-width: 47.438em) { .gateway-caption { padding-top: 0.75em; padding-bottom: 0.75em; text-align: center; vertical-align: middle; position: absolute; bottom: 19px; display: block; width: 100%; font-size: 1.375em; letter-spacing: 0.05em; } .gateway-caption.full-caption { position:relative; height:100%; bottom:0; margin-bottom:19px; } .gateway-caption-group { width: 100%; display: block; position: relative; } .gateway-caption-group img { padding-bottom: 20px; height: auto; width: 100%; } .gateway-caption-links { padding-bottom: 10px; } } /* Gateway Page */ /* large, xlarge, xx large viewport old: 769px */ @media (min-width: 47.439em) { .gateway-caption { padding-top: 0.75em; padding-bottom: 0.75em; text-align: center; vertical-align: middle; position: absolute; bottom: 19px; display: block; width: 100%; font-size: 1.375em; letter-spacing: 0.05em; } .gateway-caption.full-caption { position:relative; height:100%; bottom:0; margin-bottom:19px; } .gateway-caption-group { width: 100%; display: block; max-width: 345px; position: relative; } .gateway-caption-group img { padding-bottom: 20px; height: auto; width: 100%; } .gateway-caption-links { padding-bottom: 10px; } .gateway-caption-links a { font-size: 1.0625rem; } .gatewayPage-caption p { display: block; width: 100%; vertical-align: middle; font-size: 1.375em; letter-spacing: 0.05em; padding: 10px; height: auto; } /* Adjusting the student stories */ @media (min-width: 47.439em) { .um-blog-content P { line-height: 110%; } } .toupper { text-transform: uppercase !important; } /*remove outline on chrome wj*/ #chx_navtoggle:checked ~ .navbar .navbar-toggle, .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus, a, a:focus, button, button:focus, .button:focus, .button, input, textarea, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus, button, button:focus, .button:focus { outline: none !important; } /* used to override foundation extra padding when undesired */ .no-pad-right { padding-right: 0; } .no-pad-left{ padding-left: 0; }