/* Dark Grey b1b2ae Primary Green rgb(0,171,84) */ body { color: #333; position: relative; width: 100%; font-size: 1em; background: #272727; font-family: "museo-slab",serif; line-height: 1.4em; } p { font-size: .95em; margin-bottom: 20px; } div.row { margin-bottom: 30px; } .mainBody.tan { background: #EEE8DC; } .label { background: #ffdc3a; color: #111; font-weight: 600; padding-top: 5px; } .max800 { max-width: 800px; } .max1010 { max-width: 1010px; } .left { margin: 15px 30px 20px 0; } .clear { clear: both; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both; } a { color: #145d8d; text-decoration: underline; } a:hover { color: #145d8d; text-decoration: none; } .ms-link:visited { color:inherit;} a:visited { color: #145d8d; text-decoration: underline; } a:hover { color: #145d8d; text-decoration: none; } .ms-core-brandingText { display:none; } .ms-core-deltaSuiteLinks { display:none; } .ms-cui-TabRowRight {display:none;} /* ******************************************************************************* * BREADCRUMBS ******************************************************************************** */ div.breadcrumb { margin-bottom: 0; margin-top: 20px; padding-left: 0; } div.breadcrumb p { margin-bottom: 0; font-family: "open-sans", sans-serif; font-size: .7em !important; font-weight: 800 !important; } div.breadcrumb p a { color: #00AB54; text-decoration: none; } div.mainBody div.breadcrumb { margin-top: 10px; } div#wrapper.vlsStoryPressReleasePageLayout div.breadcrumb { padding-left: 15px; } #page.news div.breadcrumb { margin-left: 15px; } .vls-breadcrumbRootNode > .s4-breadcrumb-arrowcont { display: none; } .vls-breadcrumb { margin-bottom:.5em;} ul.vls-breadcrumb { font-size:11px; } ul.vls-breadcrumb ul { display: inline; } ul.vls-breadcrumb li { display: inline; font-size:1em;} ul.vls-breadcrumb li ul { margin-left: 0; } .basic .mainBody ul li { font-size:1em;} ul.vls-breadcrumb a { color: #00AB54; text-decoration: none; margin: 0; font-family: "open-sans", sans-serif; font-size: 1em !important; font-weight: 600 !important; } ul.vls-breadcrumb ul li ul { margin-left: 0; } .vls-breadcrumb-arrowcont { margin: 0 ; } .s4-breadcrumb-arrowcont > span.s4-breadcrumb { display: inline !important; overflow: auto !important; position: static !important; } .s4-breadcrumb-arrowcont > span.s4-breadcrumb img { position: static !important; display:none;} a.vls-breadcrumbCurrentNode { display:none; } .vlsStoryPressReleasePageLayout .mainBody .vls-breadcrumb ul { margin-left:0; } .vlsStoryPressReleasePageLayout .mainBody .vls-breadcrumb ul li { font-size:1em; } /* ******************************************************************************* * PAGE TITLES ******************************************************************************** */ h2.pageTitle { font-size: 1.8em; line-height: 1.2em; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; margin-bottom: 15px; text-transform: uppercase; color: #222; max-width: 900px; } div#wrapper.vlsBasicTabbedPageLayout.vlsDirectoryDetailPageLayout h2.pageTitle { margin-bottom: 10px; } h3 { font-size: 1.4em; line-height: 1em; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; margin-bottom: 5px; text-transform: uppercase; color: #555; } h4 { line-height: 1.8em; font-size: 1em; font-weight: 500; font-family: "museo-slab",serif; color: #00ab54; } /* ******************************************************************************* * CALL TO ACTION ELEMENTS ******************************************************************************** */ ul.cta { padding: 0 !important; list-style: none; margin-bottom: 40px; } ul.cta a { margin-left: 0 !important; font-family: "open-sans", sans-serif; font-size: .8em; text-decoration: none; border-bottom: 1px solid #DDD; display: block; line-height: 1.4em; padding: 9px 0 7px; } ul.cta.btns a { border-bottom: 0; background: /* #54CEE0 */ url("../img/icon-right-lg.gif") no-repeat left -4px; margin-bottom: 10px; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; position: relative; font-size: 1em; line-height: 25px; padding: 0 30px 0 30px; display: inline-block; width: 90%; color: #222; height: 25px; } ul.cta.btns a:hover { color: #00AB54; } .ctaBlock { margin-top: 20px; } .ctaBlock h3 { text-transform: uppercase; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; font-size: 1em !important; padding: 0 0 2px 8px; border-bottom: 2px solid #AAA; border-left: 5px solid #AAA; } .ctaBlock p { font-family: "open-sans", sans-serif; font-size: .8em; padding-left: 13px; margin-bottom: 10px; } .ctaBlock a:hover, .related ul li a:hover { color: #00ab54; } /* Summary Links */ .dfwp-column { margin-left:0; } .dfwp-list > li > .item {padding:0;} div.groupheader.item.medium { margin:0;padding:0;padding-top:1em;padding-bottom:.2em; font-family:'franklin_gothic_mediumregular',Arial,Helvetica,sans-serif; font-size: 1.2em ; color:#b1b2ae; font-weight : 800 ; text-transform:uppercase; } ul.cta div.vlsTitleOnlyIndented a { padding-left:1em; } /* ******************************************************************************* * ANCHORS/LINKS ******************************************************************************** */ a.more { background: url("../img/icon-right.gif") no-repeat left -6px; text-transform: uppercase; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; font-size: .8em !important; color: #222; line-height: 21px; margin-bottom: 20px; margin-left: 10px; display: block; padding-left: 28px; height: 21px; text-decoration: none; } a.more:hover { color: #00AB54; } a.more.green { background-position-y: -39px; } a.more.blue { background-position-y: -72px; } /* ******************************************************************************* * EVENTS LIST ******************************************************************************** */ div.events { margin-bottom: 50px; left: -10px; position: relative } ul.events { list-style: none; font-family: "open-sans", sans-serif; font-size: .8em; margin-left: 0px; margin-bottom: 10px; } ul.events li { border-bottom: 1px solid #d4d0c9; padding: 8px 10px 8px; margin-left: 0; } ul.events li a { text-decoration: none; } /* display: block; */ ul.events li a:hover { text-decoration: underline; } h4.events { background: #222; color: #eee8dc !important; border-left: 7px solid #54cee0; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 700; font-size: 1.3em; text-transform: uppercase; padding-left: 10px; } ul.events li p a {display: inline;} /* ******************************************************************************* * CALENDAR ELEMENT ******************************************************************************** */ .date { color: #777; font-style: italic; } ul.events p { margin-bottom: 0; margin-left: 50px; font-size: 1em; } div.cal { background: #666666; width: 40px; float: left; color: #FFF; text-align: center; text-transform: uppercase; padding: 7px 0; } div.cal span.mo, div.cal span.day { display: block; } div.cal span.day { font-size: 1.5em; font-weight: 700; line-height: 1em; } div.cal span.mo { line-height: 1em; font-size: .9em; } /* ******************************************************************************* * INLINE TABLE ELEMENT ******************************************************************************** */ table { font-family: "open-sans", sans-serif; } th { font-weight: 700 !important; } table.inline-table { background: white; margin-bottom: 1.25em; border: solid 1px #dddddd; } table.inline-table thead, table.inline-table tfoot { background: whitesmoke; font-weight: bold; } table.inline-table thead tr th, table.inline-table thead tr td, table.inline-table tfoot tr th, table.inline-table tfoot tr td { padding: 0.5em 0.625em 0.625em; font-size: 0.875em; color: #222222; text-align: left; } table.inline-table tr th, table.inline-table tr td { padding: 0.5625em 0.625em; font-size: 0.875em; color: #222222; } table.inline-table tr.even, table tr.alt, table.inline-table tr:nth-of-type(even) { background: #f9f9f9; } table.inline-table thead tr th, table.inline-table tfoot tr th, table.inline-table tbody tr td, table.inline-table tr td, table.inline-table tfoot tr td { display: table-cell; line-height: 1.125em; } /* ******************************************************************************* * CONTACT BLOCK ELEMENT ******************************************************************************** */ /* Commented out sprite-related sections were removed in favor of default AddThis functionality 2015-02-11 */ .contactBlock { background: #ffe018 url("../img/bg_contactBlock.gif") 0 10px no-repeat; padding: 25px 60px 40px 30px; max-width: 325px; min-width: 240px; } .contactBlock h4 { font-size: 1.3em; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; margin: 0; text-transform: uppercase; line-height: 1em; margin-bottom: 8px; color: #000 !important; } .contactBlock p { font-size: .95em; line-height: 1.5em; font-family: sans-serif; } .contactBlock ul.addthis_toolbox { padding: 0; margin: 50px 0 0 0; list-style: none; line-height: 1em; } .contactBlock ul.addthis_toolbox li { display: block; margin-bottom: 6px; } .contactBlock ul.addthis_toolbox li a { color: #222222; font-family: sans-serif !important; } .contactBlock ul.addthis_toolbox li a span { /*height: 22px; background: url("../img/sprite-social.png") no-repeat;*/ text-indent: -9999px; display: block; margin-right: 10px; margin-bottom: 0; font-size: 1em; font-weight: 400; font-family: sans-serif !important; white-space: nowrap; } .contactBlock ul.addthis_toolbox li a.addthis_button_facebook span { /*width: 12px; background-position: 0px -22px;*/ float: left; } .contactBlock ul.addthis_toolbox li a.addthis_button_twitter span { /*width: 22px; background-position: -12px -22px;*/ float: left; } /* ******************************************************************************* * HEADER ******************************************************************************** */ header { height: 85px; width: 100%; text-align: left; display: block; -webkit-transition: max-width .5s ease; -moz-transition: max-width .5s ease; -o-transition: max-width .5s ease; transition: max-width .5s ease; } div.logo { width: 248px; height: 85px; border-bottom: 5px solid #00ab54; text-indent: -9999px; background: url("../img/logo@2x.png") no-repeat left bottom; background-size: contain; display: inline-block; position: absolute; top: 0; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; } #desktop #title { display: inline-block; margin: 3px 12px 2px 0; float: right; font-family: "jaf-bernino-sans-condensed",sans-serif; color: #b1b2ae; font-weight: 800; text-transform: uppercase; font-size: 4.4em; line-height: 115px; padding-top: 0; white-space: nowrap; letter-spacing: -3px; } #header { float: left; overflow: hidden; max-width: 1200px; background: url("../img/bg-header.gif") repeat-y; background-position: -72px 0; position: absolute; z-index: 9999; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } #wrapper.vlsHomePageLayout #header { background: transparent; } /* ******************************************************************************* * DRAWER AND PRIMARY NAVIGATION MENU STYLING ******************************************************************************** */ /* START Primary Navigation v1 */ /* The following section of code has been impelmented in Spring 2013 in support of going live with branded navigation provided by Flannel outside of the SharePoint Managed Navigation provider. This section of code is 1/4 of a solution: (1) CSS Styling (2) JavaScript Code at bottom of MasterPage (3) HTML within Master Page */ #drawer { min-width: 280px; max-width: 280px; background: #272727; float: left; position: relative; top: 85px; padding-top: 85px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; margin-bottom: -99999px; padding-bottom: 99999px; margin-left: -300px; } .nav-btn { display: block; width: 40px; height: 40px; padding: 0; border: 0; outline: none; background: #00ab54 url("../img/nav-icon.png") center center no-repeat; overflow: hidden; white-space: nowrap; text-indent: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: absolute; bottom: 4px; left: 208px; z-index: 9999; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; } /*** Level 1 Navigation */ /*NBM* Changed Below to Support Full Click --- was --- #drawer ul.drawerOldStyle { font-family: "jaf-bernino-sans-narrow", sans-serif; font-weight: 400; font-size: 1em; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; margin-top: 50px; -webkit-transition-delay: .3s !important; transition-delay: .3s !important; } --- */ #drawer ul.drawerOldStyle { font-family: "jaf-bernino-sans-narrow", sans-serif; font-weight: 400; font-size: 1em; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; margin-top: 50px; } #drawer ul.drawerOldStyle li { border-bottom: 1px solid #444; } #drawer ul.drawerOldStyle li a { color: #FFF; text-transform: uppercase; display: block; padding-left: 18px; padding-top: 3px; text-decoration: none; line-height: 2.5em } #drawer ul.drawerOldStyle li ul li span.expand { display: inline-block; float: right; color: #FFF; background: #333 url("../img/icon-plus.png") no-repeat 4px center; height: 16px; width: 17px; text-indent: -9999px; margin-right: 15px; cursor: pointer; margin-top: 5px; filter: alpha(opacity=50); opacity: .5; border-radius: 3px; } #drawer ul.drawerOldStyle li ul li span.expand:hover { filter: alpha(opacity=100); opacity: 1; } #drawer ul.drawerOldStyle li ul li span.expand.show { background-position-x: -9px; } /*NBM* Added Below to Support Full Click */ #drawer ul.drawerOldStyle li span.expand.show { background-position-x: -9px; } /*NBM* Changed Below to Support Full Click --- was --- #drawer ul.drawerOldStyle li span.expand { display: none; } > #drawer ul.drawerOldStyle li span.expand { display: inline-block; } */ #drawer ul.drawerOldStyle li span.expand { display: inline-block; float: right; color: #FFF; background: #333 url("../img/icon-plus.png") no-repeat 4px center; height: 16px; width: 17px; text-indent: -9999px; margin-right: 15px; cursor: pointer; margin-top: -30px; filter: alpha(opacity=50); opacity: .5; border-radius: 3px; } #drawer ul.drawerOldStyle li:hover { background: #142632; } /*** Level 2 Navigation */ #drawer ul.drawerOldStyle li ul { margin-top: 0; margin-left: 0; font-size: .8em; background: #222; max-height: 0; overflow: hidden; -webkit-transition: max-height .4s ease; -moz-transition: max-height .4s ease; -o-transition: max-height .4s ease; -ms-transition: max-height .4s ease; transition: max-height .4s ease; } #drawer ul.drawerOldStyle li ul li { border-bottom: 0; cursor: pointer; } #drawer ul.drawerOldStyle li ul li a { display: inline-block; color: #888; padding: 0 0 0 40px; line-height: 2.2em; -webkit-transition: color .4s ease; -moz-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; } #drawer ul.drawerOldStyle li ul li a:hover { color: #FFF; } /*NBM* Changed to Support Full Click --- was --- #drawer ul.drawerOldStyle li:hover ul { max-height: 900px; } */ #drawer ul.drawerOldStyle li ul.show { max-height: 900px; } /*** Level 3 Navigation */ #drawer ul.drawerOldStyle li ul li ul { background: #1D1D1D; margin-bottom: 0; max-height: 0 !important; overflow: hidden; margin-top: 0; -webkit-transition: max-height .4s ease !important; -moz-transition: max-height .4s ease !important; -o-transition: max-height .4s ease !important; -ms-transition: max-height .4s ease !important; transition: max-height .4s ease !important; } #drawer ul.drawerOldStyle li ul li ul.show { max-height: 600px !important; } #drawer ul.drawerOldStyle li ul li ul li a { text-transform: none; font-size: 1.3em; padding: 8px 8px 6px 55px; color: #DDD; display: block; line-height: .8em; } #drawer ul.drawerOldStyle li ul li ul li a:hover { background: #222; } /* END Primary Navigation v1 */ /* START Primary Navigation v2 */ /* The following section of code has been impelmented in November 2014 in support of integrating the branded navigation provided by Flannel with the SharePoint Managed Navigation provider. This section of code is 1/4 of a solution: (1) SharePoint Managed Navigation Provider ( WWW > Site Settings > Navigation ) (2) CSS Styling (3) JavaScript Code at bottom of MasterPage (4) HTML within Master Page (5) ASP.NET Navigation provider snippet in Master Page. */ /* Hide Edit Links SharePoint Function */ #zz12_TopNavigationMenu_NavMenu_Edit {display:none;} .ms-listMenu-editLink.ms-navedit-editArea {display:none !important;} .ms-listMenu-editLink.ms-navedit-editArea .ms-navedit-editSpan {display:none !important;} .static.ms-verticalAlignTop.ms-listMenu-editLink.ms-navedit-editArea {border:0px;} .ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item {padding:0;} /* Off-Canvas Primary Nav, Generic/1st Level */ .root.ms-core-listMenu-root.static {border:0px;font-weight:400;width:100%;margin-top:50px;} .root.ms-core-listMenu-root.static li {border:0px;border-bottom:1px solid rgb(72,72,72);} .root.ms-core-listMenu-root.static li:hover {border:0px;border-bottom:1px solid rgb(72,72,72);} .root.ms-core-listMenu-root.static a.menu-item {padding:0; border:0; ;color:rgb(204,204,204);} .root.ms-core-listMenu-root.static a.menu-item:hover {background:rgb(20,38,52);border:0; ;color:white;} .root.ms-core-listMenu-root.static a.menu-item.static.selected.ms-core-listMenu-selected {background:rgb(20,38,52);} .root.ms-core-listMenu-root.static a.menu-item:visited {border:0;} .root.ms-core-listMenu-root.static a.menu-item span.additional-background {display:block;width:auto;height:auto;margin:0;} .root.ms-core-listMenu-root.static a.menu-item span.additional-background span.menu-item-text {line-height:40px;font-family:"jaf-bernino-sans-narrow", sans-serif;font-size:1em;color:#fff;font-weight:400;display:inline-block;;height:auto;margin:0;padding:0;padding-left:18px;text-transform:uppercase;} .root.ms-core-listMenu-root.static a.menu-item span.additional-background span.menu-item-text:hover {color:inherit;} .root.ms-core-listMenu-root.static a.menu-item span.additional-background i.menu-item-expand {line-height:40px;display:inline-block;width:40px;height:40px;text-align:center;font-size:13px;color:#aaa;font-weight:400;} .root.ms-core-listMenu-root.static a.menu-item span.additional-background i.menu-item-expand:hover {color:inherit;} .root.ms-core-listMenu-root.static a.menu-item span.additional-background i.menu-item-expand.show {color:inherit;} /* Off-Canvas Primary Nav, 2nd Level Modifiers */ .root.ms-core-listMenu-root.static ul {padding:0;margin:0;} .root.ms-core-listMenu-root.static ul li {border:0px;border-bottom:none;} .root.ms-core-listMenu-root.static ul li:hover {border:0px;border-bottom:none;} .root.ms-core-listMenu-root.static ul a.menu-item {padding:0; border-bottom:0px;background:rgb(34,34,34);} .root.ms-core-listMenu-root.static ul a.menu-item:hover {padding:0; border-bottom:0px;} .root.ms-core-listMenu-root.static ul a.menu-item span.additional-background {} .root.ms-core-listMenu-root.static ul a.menu-item span.additional-background span.menu-item-text {text-transform:uppercase;color:#888;padding-left:28px;width:159px;} .root.ms-core-listMenu-root.static ul a.menu-item.static.selected.ms-core-listMenu-selected span.additional-background span.menu-item-text {color:#fff;} .root.ms-core-listMenu-root.static ul a.menu-item span.additional-background span.menu-item-text {line-height:30px;} .root.ms-core-listMenu-root.static ul a.menu-item span.additional-background i.menu-item-expand {line-height:30px;height:30px;color:#888;} /* Off-Canvas Primary Nav, 3rd Level Modifiers */ .root.ms-core-listMenu-root.static ul ul li {border:0px;border-bottom:none;} .root.ms-core-listMenu-root.static ul ul li:hover {border:0px;border-bottom:none;} .root.ms-core-listMenu-root.static ul ul a.menu-item {padding:0;background:#202020;} .root.ms-core-listMenu-root.static ul ul a.menu-item:hover {padding:0;} .root.ms-core-listMenu-root.static ul ul a.menu-item span.additional-background span.menu-item-text {text-transform:none;color:#ddd;padding-left:38px;width:149px;} /*** Utility Navigation */ #drawer ul.utility {margin-top:20px;} #drawer ul.utility li { border-bottom: 0; font-family: "jaf-bernino-sans-condensed", sans-serif; } #drawer ul.utility li a { color: #cdc3ae; text-transform: none; display: block; padding-left: 18px; padding-top: 3px; line-height: 1.4em; font-size: .9em; text-decoration:none;} #drawer ul.utility li a:hover { color: #FFF; background: #272727 !important; } #drawer ul.search { margin: 0; padding: 0; list-style: none; position: relative; } #drawer ul.search li fieldset { border: none; margin: 0; padding: 0; } /* #drawer ul.drawerOldStyle.search li input.search { height: 40px; border: none; position: absolute; z-index: 10; } */ #drawer ul.search li input.search { right: 15px; display: block; text-decoration: none; text-indent: -9999px; width: 21px; height: 21px; overflow: hidden; top: 15px; background: transparent url(../img/btn_search.png) center -21px no-repeat; padding: 0; border: none; position: absolute; z-index: 10; opacity: .85; filter: alpha(opacity=85%); transition: 0ms 350ms ease-in-out; -o-transition: 0ms 350ms ease-in-out; -webkit-transition: 0ms 350ms ease-in-out; -moz-transition: 0ms 350ms ease-in-out; } #drawer ul.search li input.search.hover { background-position: center 0; } #drawer ul.search li.search-box div { position: absolute; z-index: 1; width: 95%; overflow: hidden; right: 7px; top: 7px; } #drawer ul.search li.search-box div input[type="text"] { height: 40px; margin: 0; width: 100%; padding: 0 8px; background-color: #272727; transition: 350ms 250ms ease-in-out; -o-transition: 350ms 250ms ease-in-out; -webkit-transition: 350ms 250ms ease-in-out; -moz-transition: 350ms 250ms ease-in-out; border-color: #272727; } #drawer ul.search li.search-box div input[type="text"].hover { background-color: #dedede; border-color: #ccc; } #drawer #SearchBox { display: block; text-decoration: none; width: 100%; height: 40px; overflow: hidden; padding : 0; opacity: .85; filter: alpha(opacity=85%); transition: 0ms 350ms ease-in-out; -o-transition: 0ms 350ms ease-in-out; -webkit-transition: 0ms 350ms ease-in-out; -moz-transition: 0ms 350ms ease-in-out; } #drawer #SearchBox div { width: 100%; height:40px; padding:0;} #drawer #SearchBox div input { color:#dedede; height: 100%; margin: 0; width: 100%; padding: 0 7px; background: #505050 url(../img/btn_search40.png) right -3px no-repeat; transition: 350ms 250ms ease-in-out; -o-transition: 350ms 250ms ease-in-out; -webkit-transition: 350ms 250ms ease-in-out; -moz-transition: 350ms 250ms ease-in-out; border-color: #505050; } #drawer #SearchBox div input:hover { border-color: #dedede; } @media screen and (max-width: 600px) { /* Small/Mobile - 80% */ .root.ms-core-listMenu-root.static a.menu-item span.additional-background span.menu-item-text {width:80%;font-size:.8em;} .root.ms-core-listMenu-root.static ul a.menu-item span.additional-background span.menu-item-text {width:80%;font-size:.8em;} .root.ms-core-listMenu-root.static ul ul a.menu-item span.additional-background span.menu-item-text {width:80%;font-size:.8em;} .root.ms-core-listMenu-root.static a.menu-item span.additional-background i.menu-item-expand {width:20%;font-size:.8em;} .root.ms-core-listMenu-root.static ul a.menu-item span.additional-background i.menu-item-expand {width:20%;font-size:.8em;} .root.ms-core-listMenu-root.static ul ul a.menu-item span.additional-background i.menu-item-expand {width:20%;font-size:.8em;} } @media screen and (min-width: 601px) and (max-width: 960px) { /* Medium 209px*/ .root.ms-core-listMenu-root.static a.menu-item span.additional-background span.menu-item-text {width:165px;font-size:.9em;} .root.ms-core-listMenu-root.static ul a.menu-item span.additional-background span.menu-item-text {width:165px;font-size:.8em;} .root.ms-core-listMenu-root.static ul ul a.menu-item span.additional-background span.menu-item-text {width:205px;font-size:.8em;} } @media screen and (min-width: 961px) { /* Large+ 280px */ .root.ms-core-listMenu-root.static a.menu-item span.additional-background span.menu-item-text {width:240px;font-size:1em;} .root.ms-core-listMenu-root.static ul a.menu-item span.additional-background span.menu-item-text {width:240px;font-size:.8em;} .root.ms-core-listMenu-root.static ul ul a.menu-item span.additional-background span.menu-item-text {width:280px;font-size:.8em;} } /* END Primary Navigation v2 */ /* ******************************************************************************* * PRIMARY PAGE STRUCTURES * colWrapper encompasses both the left hand navigation and the main page; the main page includes the page body wrapper and the footer. ******************************************************************************** */ #colWrapper { overflow: hidden; position: absolute; top: -85px; width: 100%; } #page { width: auto; min-height: 600px; max-width: 1200px; padding: 0 30px; background: #EEE8DC; margin-left: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; } /* ******************************************************************************* * SIDEBAR ******************************************************************************** */ /* Commented out sprite-related sections were removed in favor of default AddThis functionality 2015-02-11 */ .sidebar { margin-bottom: 25px; } .mainBody .sidebar { margin-top: 35px; } .sidebar ul.addthis_toolbox { list-style: none; margin: 0; } .sidebar ul.addthis_toolbox li { float: left; } .sidebar .title { text-transform: uppercase; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; border-left: 5px solid #AAA; padding-left: 8px; margin-right: 30px; margin-bottom: 15px; display: block } .sidebar ul.addthis_toolbox li a span { /*height: 22px; background: url("../img/sprite-social.png") no-repeat;*/ text-indent: -9999px; display: block; margin-right: 10px; margin-bottom: 6px; } /* .sidebar ul.addthis_toolbox li a.addthis_button_facebook span { width: 12px; background-position: 0px -22px; } .sidebar ul.addthis_toolbox li a.addthis_button_twitter span { width: 22px; background-position: -12px -22px; } .sidebar ul.addthis_toolbox li a.addthis_button_linkedin span { width: 17px; background-position: -34px -22px; } .sidebar ul.addthis_toolbox li a.addthis_button_email span { width: 19px; background-position: -51px -22px; } .sidebar ul.addthis_toolbox li a.addthis_button_pinterest_share span { width: 42px; background-position: -70px -22px; } */ div.share { margin-bottom: 40px; } .sidebarTop { margin-bottom:1em; } .banner-caption { background:#efefef;padding:1em;-moz-border-radius: 15px; border-radius: 15px;-moz-border-radius: 15px; border-radius: 15px;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;} .banner-caption-reference { display:block;width:100%;font-weight:bold;color:#aaa;font-style:italic;} .banner-caption-body { display:block;width:100%;color:#272727;} div.sidebarLogo a {display:block;max-width:270px;text-align:center;} div.sidebarLogo a img {width:100%;} @media screen (max-width: 767px) { div.sidebarLogo {display:none;} } @media screen (min-width: 768px) { div.sidebarLogo {display:block;} } .sidebarMiddle { margin-top:1em; margin-bottom:.5em; padding-left:.5em; } .sidebarMiddle ul { list-style:none; } .sidebarMiddle li { margin-bottom:0em; } .sidebarMiddle a { text-decoration:none;color:#222;font-size:.8em;font-weight:600; } .sidebarMiddle a:hover { text-decoration:underline; } .sidebarMiddle img { width:100%; max-width:100%; height:auto; } /* ******************************************************************************* * Page Layout - VLS - Homepage ******************************************************************************** */ div#wrapper.vlsHomePageLayout #page { top: 85px; background: #272727; } div#wrapper.vlsHomePageLayout div.row.lower { margin-bottom: 0; padding-bottom: 0; } div#wrapper.vlsHomePageLayout div.vlsAnnouncements h2 { color: #ccc; display: none; } div#wrapper.vlsHomePageLayout div.vlsAnnouncements p { color: #ccc; } /* ******************************************************************************* * Page Layout - VLS - LandingPage ******************************************************************************** */ div.vlsLandingPageLayout .large-9 p:first-of-type { line-height: 1.7em; font-size: 1.1em; font-weight: 400; } div.vlsLandingPageLayout .large-8 p:first-of-type { line-height: 1.7em; font-size: 1.1em; font-weight: 400; } div.vlsLandingPageLayout .mainBody.noIntro .large-9 p:first-of-type { line-height: 1.6em; font-size: .95em; } div.vlsLandingPageLayout .mainBody.noIntro .large-8 p:first-of-type { line-height: 1.6em; font-size: .95em; } /* ******************************************************************************* * Page Layout - VLS - Basic Page Layout * Div.basic wraps around the Body Top Web Part Zones, Content Web Part Zone, and Body Bottom Webpart Zones on this page layout. ******************************************************************************** */ div.basic {padding-left:0px;padding-right:0px;} .basic .bodyText { background: #ffffff; color: #222222; max-width: 900px; } /* .basic h3 { font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; font-size: 2em; margin-bottom: 15px; max-width: 830px; text-transform: uppercase; color: #4f5354; line-height: 1.2em; } */ .basic p { line-height: 1.8em; font-size: .9em; font-weight: 400; } .basic p:first-of-type { line-height: 1.6em; font-size: 1.05em; font-weight: 400; } .basic p.prIntro { font-size: 1.2em; font-weight: 400; font-family: sans-serif; max-width: 830px; } .basic p.prDate { font-size: .9em; text-transform: uppercase; font-weight: 400; font-family: sans-serif; } .basic .mainBody ul { padding: 0; } .basic .mainBody ul li { font-size: .9em; } /* ******************************************************************************* * CSWPs - VLS - Standard - Slideshow, VLS - Homepage - Slideshow ******************************************************************************** */ div.cycle-slideshow { margin: 0 -30px -55px -30px } div.cycle-slideshow img { min-width: 100%; } div.cycle-slideshow div { position: relative; } div.cycle-slideshow div span.text { background: url("../img/bg-gradient-80.png") repeat-x left top; display: block; position: absolute; bottom: 0; color: #FFF; padding: 25px 25px 45px 25px; width: 100% } div.cycle-slideshow div span h2 { color: #FFF; text-transform: uppercase; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; margin-bottom: 8px; line-height: 1.1em; } div.cycle-slideshow div.item { min-width: 100%; max-width: 100%; max-height: 600px; overflow: hidden; height: auto; } div.cycle-slideshow div.item span.text { background: transparent url("../img/bg_feature_community_text.png") repeat scroll left top; top: 43px; left: 20px; color: #FFFFFF; display: block; padding: 0 17px 17px; position: absolute; width: 310px; height: 330px; } div.cycle-slideshow div.item span.label { background: none repeat scroll 0 0 #000000; display: inline-block; font-family: "jaf-bernino-sans-condensed",sans-serif; font-size: 1em; font-weight: 800; height: 40px; line-height: 40px; margin: 0 -17px 20px; padding: 0 17px; text-align: left; text-transform: uppercase; width: 310px; text-align: left; color: #ffffff; } div.cycle-slideshow div.item span.label span { display: inline; font-weight: 400; text-transform: none; } div.cycle-slideshow div.item h2 { background: transparent; display: inline-block; text-transform: uppercase; font-size: 1.8em; padding: 5px 0; margin: 0; width: 100%; } div.cycle-slideshow div.item p { margin-left: 0; width: 100% !important; font-family: "open-sans",sans-serif; font-size: .8em; line-height: 1.5em; margin-top: 0; } div.cycle-slideshow div.item a.more.blue { background: #5FD0E1 url("../img/img_feature_more.png") no-repeat right center; color: #222222; display: inline-block; font-family: "museo-slab",serif; font-size: 0.75em !important; font-weight: 700; height: auto; margin-bottom: 20px; margin-left: 0; padding: 1px 23px 0px 10px; text-decoration: none; text-transform: uppercase; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; } div.cycle-prev-lg { position: absolute !important; top: 35%; z-index: 9999; background: url("../img/img_arrows-slider.png") 0 0 no-repeat; background-size: cover; width: 45px; height: 77px !important; display: inline-block; text-indent: -9999px; cursor: pointer; opacity: .7; left: 20px; } div.cycle-next-lg { position: absolute !important; top: 35%; z-index: 9999; background: url("../img/img_arrows-slider.png") 0 0 no-repeat; background-size: cover; width: 45px; height: 77px !important; display: inline-block; text-indent: -9999px; cursor: pointer; opacity: .7; right: 20px; background-position: -45px 0; } div.cycle-prev-lg:hover { opacity: 1; } div.cycle-next-lg:hover { opacity: 1; } span.cycle-pager-active { border: 4px solid #00AB54!important; } span.cycle-pager { position: relative; z-index: 9999; top: -40px; width: 100%; text-align: center; display: inline-block; } span.cycle-pager span { color: #FFF; font-size: 36px; line-height: 12px; cursor: pointer; letter-spacing: .2em; text-shadow: 0px 0px 3px rgba(0,0,0,0.4) } span.cycle-pager span.cycle-pager-active { border: 0 !important; color: #54cee0; } div.cycle-overlay { position: absolute; top: -140px; z-index: 9998; color: #FFF; font-family: "open-sans", sans-serif; font-size: .9em; height: 140px; overflow: hidden; padding: 0 0 0 25px; background: url("../img/img_caption-gradient.png") repeat-x; } div.cycle-overlay div { position: absolute; bottom: 15px; padding-right: 10%; } div#adv-custom-pager { background : url("../img/bg-70.png") repeat; padding: 0 15px; position: relative; top: -55px; z-index: 9999; overflow: hidden; min-width: 1200px ; margin: 0; } div#adv-custom-pager a { margin: 15px 15px 15px 0; height: 80px; width: 80px; background-size: cover !important; background-position: center center !important; float: left; border: 4px solid #444; } div#wrapper.vlsHomePageLayout div.cycle-slideshow { margin-bottom : -40px } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item { max-height: 900px } div#wrapper.vlsHomePageLayout div.cycle-prev-lg { top: 40% !important; } div#wrapper.vlsHomePageLayout div.cycle-next-lg { top: 40% !important; } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item span.text { background: none; left: auto; right: 10%; color: #000; top: 100px; width: 270px; height: auto; } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item span.text.lower { top: auto; bottom: 20px; right: auto; left: 10%; color: #FFF; width: 500px; } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item span.text.lower h2 { font-size: 2.5em; } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item span.text.blue h2 { color: #5FD0E1; } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item span.text.black h2 { color: #000;; } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item span.text.left { right: auto; left: 15%; } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item span.label { background: none; text-transform: uppercase; color: #000; margin-bottom: 0; height: auto; line-height: 1em; font-size: .6em; /* font-family: "jaf-bernino-sans-narrow", sans-serif; */ } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item span.label span { text-transform: uppercase; font-weight: 800; background: #000; color: #FFF; padding: 0px 3px 1px; } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item h2 { color: #e9cb46; margin-top: 0; line-height: .8em; font-size: 3em; } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item p { font-size: .8em; font-weight: 600; font-family: "museo-slab",serif; font-weight: 500; } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item p.gray { background-color: hsla(80, 10%, 50%, 0.3); } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item p.white { background-color: #ffffff; } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item a.more.yellow { background: #e9cb46 url("../img/img_feature_more.png") no-repeat right center; display: inline-block; font-family: "museo-slab",serif; font-size: 0.75em !important; font-weight: 700; height: auto; margin-bottom: 20px; margin-left: 0; padding: 1px 23px 0px 10px; text-decoration: none; text-transform: uppercase; border-radius: 4px; -webkit-border-radius: 4px; } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item a.more.yellow:hover { color: inherit; } div#wrapper.vlsLandingPageLayout div.cycle-slideshow { margin: 0 0 0 0 } div#wrapper.vlsLandingPageLayout div.cycle-slideshow { margin-bottom: 30px; } div#wrapper.vlsLandingPageLayout div.cycle-slideshow span.cycle-pager { display: block; left: 20px; position: absolute; text-align: center; top: 322px; width: 310px; z-index: 9998; } div#wrapper.vlsLandingPageLayout div.cycle-slideshow .cycle-prev { height: 29px; width: 17px; z-index: 9999; position: absolute; top: 315px; text-indent: -9999px; display: inline-block; background-size: cover; cursor: pointer; background: transparent url("../img/img_slider_prev-next.png") no-repeat; } div#wrapper.vlsLandingPageLayout div.cycle-slideshow .cycle-next { height: 29px; width: 17px; z-index: 9999; position: absolute; top: 315px; text-indent: -9999px; display: inline-block; background-size: cover; cursor: pointer; background: transparent url("../img/img_slider_prev-next.png") no-repeat; } div#wrapper.vlsLandingPageLayout div.cycle-slideshow .cycle-prev { left: 45px; background-position: 0 0; } div#wrapper.vlsLandingPageLayout div.cycle-slideshow .cycle-next { left: 280px; background-position: -21px 0; } div#wrapper.vlsLandingPageLayout div#adv-custom-pager { margin: 0 0 0 0 } .item.cycle-slide > img {width:100%;} /* ******************************************************************************* * Media Query - Screen, Min-Width 601px * Adjust Slideshow for screens wider than 601px ******************************************************************************** */ @media screen and (min-width: 601px) { div.cycle-slideshow div span.text p { width: 65%; } } /* ******************************************************************************* * Media Query - Screen, Max-Width 768px * Adjust Slideshow for screens narrower than 769px ******************************************************************************** */ @media screen and (max-width: 768px) { /* VLS - Standard - Slideshow */ div#adv-custom-pager { display: none; } div#wrapper .cycle-slideshow { margin: 0 0 0 0 ;} div#wrapper div#adv-custom-pager { margin: 0 0 0 0 ;} /* VLS - Homepage - Slideshow */ div#wrapper.vlsHomePageLayout .cycle-slideshow { margin: 0 -30px 0 -30px ;} div#wrapper.vlsHomePageLayout div#adv-custom-pager { margin: 0 -30px 0 -30px ;} } /* ******************************************************************************* * Media Query - Screen, Min-Width 601px, Max-Width 900px * Adjust Standard and Homepage Slideshow Displays when Left Navigation is opened (or more specifically, when class navigate is appended to div#wrapper) ******************************************************************************** */ @media screen and (min-width: 601px) and (max-width: 900px) { div#wrapper.navigate.vlsHomePageLayout div.cycle-slideshow div.item span.text h2, div#wrapper.navigate.vlsHomePageLayout div.cycle-slideshow div.item span.text.blue h2 { color: #FFF; } div#wrapper.navigate.vlsHomePageLayout div.cycle-slideshow div.item span.text.blue .more.blue { background: #e9cb46; } div#wrapper.navigate.vlsHomePageLayout div.cycle-slideshow div.item span.text.lower h2 { font-size: 1.9em; line-height: .9em; } div#wrapper.navigate.vlsHomePageLayout div.cycle-slideshow div.item span.text, div#wrapper.navigate.vlsHomePageLayout div.cycle-slideshow div.item span.text.lower { margin: 0; position: relative; top: auto; bottom: auto; width: 100%; background: #00AB54; height: auto; left: 0; right: 0; padding-top: 10px; } div#wrapper.navigate.vlsHomePageLayout div.cycle-prev-lg, div#wrapper.navigate.vlsHomePageLayout div.cycle-next-lg { top: 28% !important; } div#wrapper.navigate.vlsLandingPageLayout div.cycle-slideshow div.item span.text { left: 0; width: 100%; height: 190px; position: relative; top: 0; } div#wrapper.navigate.vlsLandingPageLayout div.cycle-slideshow div.item span.label { width: 120%; font-size: .9em; margin-bottom: 10px; height: 35px; } div#wrapper.navigate.vlsLandingPageLayout div.cycle-slideshow div.item h2 { font-size: 1.2em; padding: 0; display: inline; } div#wrapper.navigate.vlsLandingPageLayout div.cycle-slideshow div span.text p { display: block; margin-top: 4px; font-size: .8em; margin-bottom: 5px; } div#wrapper.navigate.vlsLandingPageLayout div.cycle-slideshow div.item a.more.blue { font-size: .7em !important; padding: 1px 7px 0; background-image: none; line-height: 1.6em; } div#wrapper.navigate.vlsLandingPageLayout div.cycle-slideshow .cycle-prev, div#wrapper.navigate.vlsLandingPageLayout div.cycle-slideshow .cycle-next { width: 45px; height: 77px !important; top: 30%; background: transparent url("../img/img_arrows-slider.png") no-repeat; background-size: cover; position: absolute !important; opacity: .7; } div#wrapper.navigate.vlsLandingPageLayout div.cycle-slideshow .cycle-prev:hover, div.vlsLandingPageLayout div.cycle-slideshow .cycle-next:hover { opacity: 1; } div#wrapper.navigate.vlsLandingPageLayout div.cycle-slideshow .cycle-prev { left: 10px !important; background-position: 0 0; } div#wrapper.navigate.vlsLandingPageLayout div.cycle-slideshow .cycle-next { right: 10px !important; left: inherit; background-position: -45px 0; } div#wrapper.navigate.vlsLandingPageLayout div.cycle-slideshow span.cycle-pager { display: none; } } /* ******************************************************************************* * Media Query - Screen, Max-Width 600px * Adjust Slideshow for screens narrower than 601px ******************************************************************************** */ @media screen and (max-width: 600px) { div#wrapper.vlsStoryPageLayout .row.storyHoriz .large-12.columns.photo div.text p { font-size: .8em; } /* div#wrapper.vlsStoryPageLayout .cycle-overlay { font-size: .8em; line-height: 1.3em; } */ /* div#wrapper.vlsStoryPageLayout div.cycle-overlay { top: -140px; padding-left: 15px; } */ /* div#wrapper.vlsStoryPageLayout .cycle-slideshow, div#wrapper.vlsStoryPageLayout div#adv-custom-pager { margin: 0 -30px -110px 0 !important } */ div.vlsLandingPageLayout .mainBody { padding: 5px 0 15px; } div.vlsLandingPageLayout div.cycle-slideshow { overflow: hidden; } div.vlsLandingPageLayout div.cycle-slideshow div.item span.text { left: 0; width: 100%; height: 176px; position: relative; top: 0; } div.vlsLandingPageLayout div.cycle-slideshow div.item span.label { width: 120%; font-size: .9em; margin-bottom: 10px; height: 35px; } div.vlsLandingPageLayout div.cycle-slideshow div.item h2 { font-size: 1.2em; padding: 0; display: inline; } div.vlsLandingPageLayout div.cycle-slideshow div span.text p { display: block; margin-top: 4px; font-size: .7em; margin-bottom: 5px; } div.vlsLandingPageLayout div.cycle-slideshow div.item a.more.blue { font-size: .7em !important; padding: 1px 7px 0; background-image: none; line-height: 1.6em; } div.vlsLandingPageLayout div.cycle-slideshow .cycle-prev, div.vlsLandingPageLayout div.cycle-slideshow .cycle-next { width: 45px; height: 77px !important; top: 30%; background: transparent url("../img/img_arrows-slider.png") no-repeat; background-size: cover; position: absolute !important; opacity: .7; } div.vlsLandingPageLayout div.cycle-slideshow .cycle-prev:hover, div.vlsLandingPageLayout div.cycle-slideshow .cycle-next:hover { opacity: 1; } div.vlsLandingPageLayout div.cycle-slideshow .cycle-prev { left: 10px !important; background-position: 0 0; } div.vlsLandingPageLayout div.cycle-slideshow .cycle-next { right: 10px !important; left: inherit; background-position: -45px 0; } div.vlsLandingPageLayout div.cycle-slideshow span.cycle-pager { display: none; } } /* ******************************************************************************* * Media Query - Screen, Min-Width, 601px, Max-Width 750px * Adjust Slideshow Previous and Next toggles for screens between 601px and 750px when Left Navigation is opened (or more specifically, when class navigate is appended to div#wrapper) ******************************************************************************** */ @media screen and (min-width: 601px) and (max-width: 750px) { div#wrapper.navigate.vlsLandingPageLayout div.cycle-slideshow .cycle-prev { top: 25%; } div#wrapper.navigate.vlsLandingPageLayout div.cycle-slideshow .cycle-next { top: 25%; } } @media screen and (max-width: 600px) { /* div.vlsBasicTabbedPageLayout div.cycle-slideshow div { height: 300px; } */ div.cycle-slideshow { margin-left: 0 !important; } div.cycle-slideshow div span.text p { display: none; } div.cycle-slideshow div span.text h2 { font-size: 1.4em; } div.cycle-prev-lg { left: 10px; } div.cycle-next-lg { right: 40px; } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item span.text h2, div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item span.text.blue h2 { color: #FFF; } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item span.text.blue .more.blue { background: #e9cb46; } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item span.text.lower h2 { font-size: 1.9em; line-height: .9em; } div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item span.text, div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item span.text.lower, div#wrapper.vlsHomePageLayout div.cycle-slideshow div.item span.text.left { margin: 0; position: relative; top: auto; bottom: auto; width: 100%; background: #00AB54; height: 140px; left: 0; right: 0; padding-top: 10px; } div#wrapper.vlsHomePageLayout div.cycle-prev-lg, div#wrapper.vlsHomePageLayout div.cycle-next-lg { top: 28% !important; } } /* div.vlsBasicTabbedPageLayout div.cycle-slideshow div { height: 450px; width: 100%; background-size: cover !important; background-position: center center !important; } div.vlsBasicTabbedPageLayout div.cycle-slideshow div h2 { margin-left: 10px; } div.vlsBasicTabbedPageLayout div.cycle-slideshow div p { margin-left: 10px; } div#wrapper.vlsStoryPageLayout div#adv-custom-pager { top: -85px; margin-bottom: -60px !important; } @media screen and (min-width: 769px) { div.vlsBasicTabbedPageLayout div.cycle-slideshow div { height: 550px; } div.vlsBasicTabbedPageLayout div.cycle-slideshow div span.text { background: #222; width: 300px; right: 0; height: 550px; } div.vlsBasicTabbedPageLayout div.cycle-slideshow div { background-position: -300px center !important; } div.cycle-slideshow div span.text p { width: 100%; margin-top: 5px } } @media screen and (max-width: 768px) { div#wrapper.vlsStoryPageLayout div.cycle-prev-lg, div#wrapper.vlsStoryPageLayout div.cycle-next-lg { top: 28% } div#wrapper.vlsStoryPageLayout .cycle-slideshow, div#wrapper.vlsStoryPageLayout div#adv-custom-pager { margin: 0 -30px -110px -30px !important } } */ /* ******************************************************************************* * IMAGE BOX ROLLUPS ******************************************************************************** */ div.profileList.info.static div.lgType p { font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; color: #FFF; text-transform: uppercase; padding: 10% 25% 0 7%; font-size: 2.2em; line-height: 1em; } div.profileList.info.static div.smType p { font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; color: #000; padding: 10% 7% 0 7%; font-size: 1.6em; line-height: 1.1em; } div.profileList.info.static div.smType h2 { background: none; text-transform: uppercase; border-top: 1px solid #222; padding-left: 0; margin: 0 5% 5% 7%; } div.profileList.info.static div.smType.dark { background: #272727; } div.profileList.info.static div.smType.dark p { color: #FFF; } div.profileList.info.static div.smType.dark h2 { color: #CCC; border-top: 1px solid #CCC; } div.profileList.info.static div.event div.cal { height: auto; background: #00ab54; border-bottom: 0; border-right: 0; margin-top: 11%; padding: 10px !important; width: auto; } div.profileList.info.static div.event p { margin-left: 40px !important; position: absolute; } div.profileList.info.static div.event h2 { margin-left: 12px; } /* ******************************************************************************* * BANNER IMAGES ******************************************************************************** */ .bannerText { background: #00ab54; color: #FFF; padding: 30px; margin: 0 -30px 50px -30px; font-size: 1.3em; line-height: 1.6em; } .bannerText h2 { font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; font-size: 1.4em; text-transform: uppercase; margin-bottom: 10px; } .bannerText h2 span { color: #00ab54; background: #142632; padding: 0 7px; } .bannerText p { margin-bottom: 0; font-weight: 300; } .bannerImg { height: 390px; overflow: hidden; margin: 0 -30px 0 -30px; background-size: cover !important; } .vlsLandingPageLayout .bannerImg { margin: 0; } .vlsLandingPageLayout .bannerText { margin: 0 0 0 0;} /* ******************************************************************************* * ADMISSIONS PAGE ******************************************************************************** */ .section-container.degrees > section .title { margin-left: 120px !important; } .section-container.degrees span.nav { background: #222; display: block; color: #FFF; padding-left: 15px; font-size: .9em; line-height: 25px; } .section-container.degrees > section > .title { border: 0; background: transparent; padding: 0 5px; } .section-container.degrees > section > .title a { border: 0; background: transparent; padding: 0 5px; } .section-container.degrees > section > .title:hover { background: #999; } .section-container.degrees > section.active .title { background: #00AB54; } .section-container.degrees > section.active > .title:hover { background: #00AB54; } .section-container.degrees > section > .title a { text-transform: uppercase; font-family: "open-sans", sans-serif; font-size: .75em; text-decoration: none; font-weight: 600; line-height: 25px; color: #FFF; } .section-container.degrees { display: inline-table; margin-bottom: 70px; } /* ******************************************************************************* * RELATED ******************************************************************************** */ .related { margin-top: 20px; } .related h4 { background: #222; color: #FFF; font-family: "museo-slab", serif; font-size: .9em; text-transform: uppercase; font-weight: 300; padding: 1px 0 0 10px; line-height: 30px } .related ul { list-style: none; } .related ul li a { color: #222; border-bottom: 1px solid #DDD; display: block; line-height: 2.4em; padding-left: 10px; } /* ******************************************************************************* * CARDS ******************************************************************************** */ .cards { background: #00ab54; border-right: 10px solid #EEE8DC; border-bottom: 10px solid #EEE8DC; color: #FFF; padding: 40px 30px; height: 0; padding-bottom: 28%; overflow: hidden; float: left !important; } .cards h4 { color: #FFF; text-transform: uppercase; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; font-size: 1.3em; border-left: 5px solid #FFF; padding-left: 12px; line-height: 1.1em; } .cards.photo h4 { font-size: 2.5em; border-left: 0; margin-top: 27%; padding-left: 0; text-shadow: 1px 1px 8px black; } .cards p { font-family: "open-sans", sans-serif; font-size: .8em; margin-bottom: 0; } .cards span { display: block; background-image: url('../img/bg_cards.png'); zoom: 1; filter: alpha(opacity=0); opacity: 0; height: 20px; width: 100%; position: absolute; top: 0; left: 0; padding: 70px 30px 150% 30px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; cursor: pointer; text-transform: uppercase; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; font-size: 1.3em; } .cards:hover a { color: #FFF !important; } .cards:hover span { filter: alpha(opacity=90); opacity: 1; } /* ******************************************************************************* * PHOTO LINKS ******************************************************************************** */ .photo-links { padding: 0; margin: 0; list-style: none; } .photo-links li { padding: 0; margin: 0 0 25px 0; float: left; width: 312px; min-height: 255px; display: inline-block; } .photo-links li div { width: 312px; padding: 10px; background: transparent; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: absolute; height: auto; cursor: pointer; } .photo-links li:hover div { background: #ffffff; z-index: 100; } .photo-links li div h4 { color: #333333; font-family: "museo-slab", serif; font-size: .85em; text-transform: uppercase; margin: 15px 0 4px;; } .photo-links li div p { color: transparent; font-family: sans-serif; font-size: .9em !important; margin: 0; line-height: 1em !important; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .photo-links li:hover div p { color: #333333; } /* ******************************************************************************* * MEDIA CONTAINERS ******************************************************************************** */ .media-container { position: relative; padding-bottom: 56.25%; padding-top: 20px; height: 0; overflow: hidden; } .media-container iframe, .media-container object, .media-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ******************************************************************************* * NEWS LANDING PAGE ******************************************************************************** */ #page.news { padding: 0 10px 0 0; } #page.news div.newsUpper .columns { padding: 0 0 0 10px; } div.newsUpper { margin-bottom: 0; } .newsCard { background: gray; height: 280px; margin-bottom: 10px; border-top: 3px solid #00AB54; } .newsCard.feature { height: 570px; overflow: hidden; } div.newsText, div.newsImg { width: 50%; float: left; height: 100%; } div.newsImg { background-size: cover !important; } div.newsText { background: #FFF; color: #111; padding: 35px 25px 25px; position: relative; overflow: hidden; } div.newsText div.cat { background: #222; display: inline-block; color: #FFF; padding: 2px 6px 1px; text-transform: uppercase; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; font-size: .8em; min-width: 110px; position: absolute; top: 0; left: 0; } div.newsText div.cat span { display: inline-block; text-indent: -9999px; background: #00AB54; width: 10px; height: 10px; line-height: .9em; margin-right: 5px; } div.newsText h3 { text-transform: none; color: #111; font-size: 1.3em; font-weight: 400; margin-bottom: 10px; } div.newsText p { font-size: .8em; font-family: "open-sans",sans-serif; } div.newsText div.read { background: #FFF; display: none; color: #00AB54; padding: 4px 8px 3px; text-transform: uppercase; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; font-size: .8em; min-width: 110px; position: absolute; bottom: 0; right: 0; } a.newsLink:hover div.newsText { background: #00AB54; } a.newsLink:hover div.read { display: inline-block; } div.newsLower h4 { font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 700; font-size: 1.3em; color: #222; text-transform: uppercase; border-left: 7px solid #00AB54; padding-left: 10px; line-height: 1.6em; padding-top: 2px; margin-top: 30px; } div.newsLower ul { list-style: none; font-family: "open-sans", sans-serif; font-size: .8em; margin-left: 10px; margin-bottom: 10px; } div.newsLower ul li { border-bottom: 1px solid #d4d0c9; padding: 8px 0; } div.newsLower ul li a { text-decoration: none; display: block; } div.newsLower ul li a:hover { text-decoration: underline; } /* ******************************************************************************* * VLS - STORY - PRESS RELEASE PAGE LAYOUT ******************************************************************************** */ .mainBody { background: #fff; margin: 0 -30px 0 -30px; padding : 20px 15px; } div#wrapper.vlsStoryPressReleasePageLayout h3.docType { font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; font-size: .9em; text-transform: uppercase; color: #ffffff; background: #222222 url("../img/img_header_greenBlock.gif") 6px 6px no-repeat; display: inline-block; padding: 1px 7px 0 20px; margin-bottom: 5px; line-height: 1.5em; margin-top: 20px; } div#wrapper.vlsStoryPressReleasePageLayout .bodyText { background: #ffffff; color: #222222; max-width: 900px; } div#wrapper.vlsStoryPressReleasePageLayout .bodyText p { line-height: 1.8em; font-size: 1.2em !important; font-weight: 400; font-family: "jaf-bernino-sans-condensed", sans-serif; } div#wrapper.vlsStoryPressReleasePageLayout .bodyText p.prIntro { font-weight: 400; max-width: 830px; } div#wrapper.vlsStoryPressReleasePageLayout .bodyText p.prDate { font-size: .9em !important; text-transform: uppercase; font-weight: 700; margin-top: 20px; } div#wrapper.vlsStoryPressReleasePageLayout .mainBody ul { padding: 0; margin: 0 15px; } div#wrapper.vlsStoryPressReleasePageLayout .mainBody ul li { font-size: .9em; margin-bottom: 15px; } /* ******************************************************************************* * VLS - STORY - VERTICAL PAGE LAYOUT ******************************************************************************** */ div#wrapper.vlsStoryPageLayout .mainBody { padding: 0; } div#wrapper.vlsStoryPageLayout .row.storyVert .large-7.columns { height: 600px; background-size: cover !important; } div#wrapper.vlsStoryPageLayout .row.storyVert .large-7.columns h1 { text-transform: uppercase; font-size: 5em; line-height: .9em; color: #FFF; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; position: absolute; margin-bottom: 10px; } div#wrapper.vlsStoryPageLayout .row.storyVert .large-7.columns h1.bottom { bottom: 0; } div#wrapper.vlsStoryPageLayout .row.storyHoriz .large-12.columns.photo div.text.bottom { bottom: 0; } div#wrapper.vlsStoryPageLayout .row.storyVert .large-7.columns h1.blue { color: #5FD0E1; } div#wrapper.vlsStoryPageLayout .row.storyVert .large-5.columns { padding-top: 35px } div#wrapper.vlsStoryPageLayout .row.storyVert .large-5.columns p { line-height: 1.7em; } div#wrapper.vlsStoryPageLayout .row.storyVert .large-5.columns p:first-of-type { font-family: "open-sans", sans-serif; font-size: 1.1em; color: #5FD0E1; margin-bottom: 40px; } div#wrapper.vlsStoryPageLayout .row.storyVert .large-5.columns p:nth-child(2):first-letter { font-size: 5em; line-height: .9em; float: left; font-weight: 200; padding-right: 10px; } /* ******************************************************************************* * VLS - STORY - HORIZONTAL PAGE LAYOUT ******************************************************************************** */ div#wrapper.vlsStoryPageLayout .row.storyHoriz .large-12.columns.photo { height: 750px; background-size: cover !important; } div#wrapper.vlsStoryPageLayout .row.storyHoriz .large-12.columns.photo div.text { position: absolute; width: 60%; margin-left: 30px; margin-bottom: 20px; } div#wrapper.vlsStoryPageLayout .row.storyHoriz .large-12.columns.photo h1 { color: #FFF; text-transform: uppercase; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; margin-bottom: 5px; line-height: .8em; font-size: 4em; } div#wrapper.vlsStoryPageLayout .row.storyHoriz .large-12.columns.photo h1.yellow { color: #e9cb46; } div#wrapper.vlsStoryPageLayout .row.storyHoriz .large-12.columns.photo p { font-family: "open-sans", sans-serif; font-size: 1em; line-height: 1.4em; color: #FFF; } div#wrapper.vlsStoryPageLayout .columns.storyHoriz p:first-of-type:first-letter { font-size: 5em; line-height: .9em; float: left; font-weight: 200; padding-right: 10px; } div#wrapper.vlsStoryPageLayout .large-12 h1 { text-transform: uppercase; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; color: #777; margin-bottom: 5px; margin-top: 0; } div.intro p:first-of-type { line-height: 1.5em; font-size: 1.2em; } /* ******************************************************************************* * VLS - DIRECTORY PAGE LAYOUT ******************************************************************************** */ div#wrapper.vlsBasicTabbedPageLayout .mainBody { margin-top: 150px; } div#wrapper.vlsBasicTabbedPageLayout.vlsDirectoryDetailPageLayout .mainBody { margin-top: 100px; } div.vlsBasicTabbedPageLayout div.feature h2 { background: #000; display: inline-block; text-transform: none; font-size: 1.4em; padding: 5px 8px 3px 8px; margin-top: 0; color: #FFF; font-family: "jaf-bernino-sans-condensed", sans-serif; } div.vlsBasicTabbedPageLayout div.social { margin-top: 80px; } .facultyTabs { position: relative; top: -80px; } .facultyTabs > .section-container > section > .content { border: 0; background: transparent; padding-top: 45px; } .facultyTabs > .section-container > section > .title { border: 0; background: transparent; height: 60px !important; line-height: 60px !important; padding: 0 20px; } .facultyTabs > .section-container > section > .title a { border: 0; background: transparent; height: 60px !important; line-height: 60px !important; padding: 0 20px; } div#wrapper.vlsBasicTabbedPageLayout.vlsDirectoryDetailPageLayout .facultyTabs > .section-container > section > .title { padding: 0 10px; } .facultyTabs > .section-container > section > .title a { padding: 0 10px; } .facultyTabs > .section-container > section > .title:hover { background: #f8f6f1; } .facultyTabs > .section-container > section.active .title { background: #FFF; } .facultyTabs > .section-container > section.active > .title:hover { background: #FFF; } .facultyTabs > .section-container > section > .title a { text-transform: uppercase; font-family: "open-sans", sans-serif; font-size: .8em; text-decoration: none; font-weight: 600; } .section-container.alpha > section > .title { padding: 0 10px; /* border-right: 3px solid #e2dbcd; */ line-height: 2.2em; height: 2.2em; margin-left: -10px; } .section-container.alpha > section > .title a { text-transform: uppercase; font-family: "jaf-bernino-sans-condensed", sans-serif; font-size: 2.2em; text-decoration: none; font-weight: 800; color: #e2dbcd; } .section-container.alpha > section > .title a:hover { color: #555; } .section-container.alpha > section.active > .title a { color: #00AB54; } .section-container.alpha > section > .content { margin: 40px 0 0 0; } .section-container dl { margin-left: 0px; } .section-container dt { border-left: 3px solid #00AB54; padding: 2px 0 2px 7px; text-transform: uppercase; font-family: "jaf-bernino-sans-condensed", sans-serif; font-size: 1em; font-weight: 800; line-height: 1em; margin-bottom: 2px; } .section-container dd { font-size: .9em; margin-left: 10px; margin-bottom: 40px; } .section-container dl a { color: inherit; text-decoration: none; display: block; } .section-container dl a:hover dt { color: #00AB54; } .section-container dd span { font-size: .8em; line-height: 1.5em; font-weight: 400; display: block; margin-top: 5px; } .section-container.expert dl { padding-top: 10px; margin-left: 15px; } h4.title.dlHeader a { border-bottom: 0px solid; margin-bottom: 0; color: inherit; text-decoration: none; color: #555; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 600; } .section-container.expert dd { margin-bottom: 20px; } .section-container.expert section.active h4.title.dlHeader a, h4.title.dlHeader a:hover { color: #00AB54; } div.info h4 { text-transform: uppercase; color: #222; font-family: "jaf-bernino-sans-condensed", sans-serif; line-height: 1.1em; font-weight: 800; } div.info p { font-family: "open-sans", sans-serif; font-size: .9em; text-decoration: none; font-weight: 400; margin-bottom: 8px; line-height: 1.3em; } /* ******************************************************************************* * VLS - LANDING PAGE LAYOUT ******************************************************************************** */ div#wrapper.vlsLandingPageLayout #page { padding: 0; } div#wrapper.vlsLandingPageLayout .mainBody { margin: -1px 0 0; padding: 25px 15px 15px; max-width: 1200px; } div#wrapper.vlsLandingPageLayout .mainBody div { /* height: auto; */ } div#wrapper.vlsLandingPageLayout .mainBody .sidebar { margin-top: 0px; } div#wrapper.vlsLandingPageLayout .profileList { padding-left: 30px; } div#wrapper.vlsLandingPageLayout .profileList.static { padding-left: 0; } /* ******************************************************************************* * PROFILE LIST ******************************************************************************** */ div.profileList div { height: 250px; overflow: hidden; background-size: cover !important; background-position: center center !important; /* border-right: 10px solid #EEE8DC; border-bottom: 10px solid #EEE8DC; */ padding: 0 !important } div.profileList div:first-of-type { height: 500px; } div.profileList div a { color: #ffffff; } div.profileList div a span.text { background: none transparent !important; bottom: -100px; padding: 0; transition: 200ms; -webkit-transition: 200ms; -moz-transition: 200ms; -o-transition: 200ms; position: absolute; width: 100%; } div.profileList div:hover a span.text, div.profileList.info div:hover a span.text { bottom: 0; padding: 0; } div.profileList div a span.text .label { font-size: .9em; font-weight: normal; background: #ffdc3a; color: #111; padding-top: 5px; } div.profileList div a span.text h2 { font-family: "jaf-bernino-sans-condensed",sans-serif; background: none repeat scroll 0 0 #000000; display: inline-block; font-size: 1em; margin: 0; padding: 5px 8px; text-transform: none; color: #FFFFFF; } div.profileList div a span.text p { background-image: url("../img/bg_profile_text.png"); display: inline-block; text-transform: none; font-size: .8em; padding: 10px 8px 3px 8px; margin: 0; width: 100%; height: 100px; line-height: 1.2em; font-family: "open-sans",sans-serif; } div.profileList div a span.more { background: #00AB54; padding: 1px 4px; font-size: .7em; font-weight: 600; text-transform: uppercase; position: absolute; bottom: 10px; left: 10px; } div.profileList.info div:first-of-type { height: 250px; } div.profileList.info div a span.text { bottom: -140px; } div.profileList.info div a span.text p { height: 140px; } div.profileList.info div a span.text h2 { font-size: .9em; font-weight: normal; background: #ffdc3a; color: #111; font-family: "museo-slab", serif; font-weight: 500; line-height: 1.2em; padding-bottom: 6px; } div.profileList.info.static a div { background: #FFF; } div.profileList.info.static a div span.text { } div.profileList.info.static a div h2 { bottom: 0; position: absolute; font-family: "jaf-bernino-sans-condensed",sans-serif; background: none repeat scroll 0 0 #000000; display: inline-block; font-size: 1em; margin: 0; padding: 5px 8px 6px; text-transform: none; color: #FFFFFF; font-size: .9em; font-weight: normal; background: #ffdc3a; color: #111; font-family: "museo-slab", serif; font-weight: 500; line-height: 1.2em; } div.profileList h2.nav { font-family: "museo-slab", serif; font-weight: 500; text-transform: uppercase; background: #222; display: block; color: #FFF; padding-left: 15px; font-size: .9em; line-height: 25px; /* border-right: 10px solid #EEE8DC; */ margin-bottom: 10px; } div.profileList.info.static div.large-3.columns { height: 210px; } /* ******************************************************************************* * VLS - STORY - STUDENT PAGE LAYOUT ******************************************************************************** */ div.profileDetail .bannerImg { height: 550px; overflow: hidden; margin: 0 -30px 0 -30px; background-size: cover !important; } ul.colorBlocks { list-style: none; min-height: 160px; font-family: "jaf-bernino-sans-condensed",sans-serif; font-weight: 400; margin: 0 -30px 10px -30px; overflow: hidden; } ul.colorBlocks li { width: 20%; float: left; color: #FFF; padding: 15px; margin-bottom: -600px; padding-bottom: 600px; position: relative; } ul.colorBlocks li.darkBlue { background: #142632; } ul.colorBlocks li.yellow { background: #ebca0e; } ul.colorBlocks li.blue { background: #0290CE; } ul.colorBlocks li.gray { background: #272727; } ul.colorBlocks li.green { background: #1DAA4E; } ul.colorBlocks li h3 { color: #FFF; font-weight: 600 !important; font-size: 1em; margin-bottom: 10px; } ul.colorBlocks li p { font-size: 1em !important; line-height: 1.2em; } /* ******************************************************************************* * LOWER ******************************************************************************** */ .lower { padding: 40px 25px 40px 0; } .lower .columns { padding-left: 0; } .lower .large-6.columns { padding-right: 30px; } .lower p { font-size: .78em; } .lower .social { margin-top: 30px; } .lower p.quote { font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800 !important; font-size: 2.4em; margin-bottom: 15px; max-width: 830px; text-transform: none; color: #142634; line-height: 1.19em !important; text-indent: -15px; border-left: 7px solid #ffdc14; padding-left: 25px; } .lower p.quote span { font-family: "museo-slab", serif !important; font-weight: 900; font-size: 1.05em; } .lower p.attribution { font-family: sans-serif; font-weight: bold; font-size: .9em; max-width: 830px; text-transform: none; color: #142634; padding-left: 32px; line-height: 1.3em; } .lower p.attribution .title { font-family: sans-serif; font-weight: normal; display: block; } /* ******************************************************************************* * FOOTER ******************************************************************************** */ footer { background: #272727; padding-bottom: 40px; color: #888; font-size: .8em; line-height: 1.2em; text-align: left; position: relative; max-width: 1200px; margin: 0 -30px; } footer div.logo { border-bottom: 0; position: relative; } footer a { color: #888; } footer .row { float: left;} footer #footerContact p { margin-left: 70px; } footer #footerNav { padding-top: 25px; } footer #footerNav ul { list-style: none; } footer #footerNav ul li a { display: block; line-height: 2em; text-decoration: none; } footer #footerNav ul li a:hover { color: #00AB54 } footer #footerNav ul li a:visited {color: #888;} footer section.social { position: relative; float: left; display: block; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; font-size: 0; height: 22px; cursor: pointer; margin-top: 40px } footer section.social a { display: block !important; float: left; width: 22px; height: 22px; margin-right: 8px; background: url("../img/sprite-social.png") no-repeat; zoom: 1; filter: alpha(opacity=80); opacity: .8; cursor: pointer; } footer section.social a:hover { filter: alpha(opacity=100); opacity: 1; } footer section.social a.fb { background-position: 0px 0px; } footer section.social a.twitter { background-position: -22px 0px; } footer section.social a.yt { background-position: -44px 0px; } footer section.social a.linkedin { background-position: -66px 0px; } /* ******************************************************************************* * FOUNDATION OVERRIDE ******************************************************************************** */ @media only screen { [class*="column"] + [class*="column"]:last-child { float: left !important; } } /* ******************************************************************************* * MAIN BODY SEARCH ******************************************************************************** */ .mainBody .mainSearch { margin: 45px 0; padding: 0; list-style: none; position: relative; } .mainBody ul.search { margin: 0; padding: 0; list-style: none; position: relative; } .mainBody ul.search li fieldset { border: none; margin: 0; padding: 0; } /* #drawer ul.drawerOldStyle.search li input.search { height: 40px; border: none; position: absolute; z-index: 10; } */ .mainBody ul.search li input.search { right: 2%; display: block; text-decoration: none; text-indent: -9999px; width: 21px; height: 21px; overflow: hidden; top: 30px; background: transparent url(../img/btn_search.png) center 0 no-repeat; padding: 0; border: none; position: absolute; z-index: 10; opacity: .85; filter: alpha(opacity=85%); transition: 0ms 350ms ease-in-out; -o-transition: 0ms 350ms ease-in-out; -webkit-transition: 0ms 350ms ease-in-out; -moz-transition: 0ms 350ms ease-in-out; } .mainBody ul.search li input.search.hover { opacity: 1; filter: alpha(opacity=100%); } .mainBody ul.search li.search-box div { position: absolute; z-index: 1; width: 100%; overflow: hidden; left: 0; top: 20px; } .mainBody ul.search li.search-box div input[type="text"] { height: 40px; margin: 0; width: 100%; padding: 0 8px; background-color: #dedede; border-color: #ccc; transition: 350ms 250ms ease-in-out; -o-transition: 350ms 250ms ease-in-out; -webkit-transition: 350ms 250ms ease-in-out; -moz-transition: 350ms 250ms ease-in-out; } .mainBody ul.search li.search-box div input[type="text"].hover { background-color: #ffffff; border-color: #ccc; } #SearchBoxBody { display: block; text-decoration: none; width: 100%; height: 40px; overflow: hidden; padding : 0; opacity: .85; filter: alpha(opacity=85%); transition: 0ms 350ms ease-in-out; -o-transition: 0ms 350ms ease-in-out; -webkit-transition: 0ms 350ms ease-in-out; -moz-transition: 0ms 350ms ease-in-out; } #SearchBoxBody div { width: 100%; height:40px; } #SearchBoxBody div input { color:#272727;height: 100%; margin: 0; width: 100%; padding: 0 8px; background-color: #272727 ; background: url(../img/btn_search40.png) right -3px no-repeat; transition: 350ms 250ms ease-in-out; -o-transition: 350ms 250ms ease-in-out; -webkit-transition: 350ms 250ms ease-in-out; -moz-transition: 350ms 250ms ease-in-out; border-color: #272727; } #SearchBoxBody div input:hover { border-color: #ccc; background-color: #dedede ; } /* ******************************************************************************* * SEARCH RESULTS ******************************************************************************** */ .loading_window {width:100%;height:100%;position:absolute;top:0;left:0;z-index:9999;background:rgba(0,0,0,.4);} .loading_window i { position: fixed; top: 50%; left: 50%; margin:0;padding:0;margin-top: -25px; margin-left: -25px; font-size:50px;line-height:50px;width: 50px; height: 50px; } .mainBody #results.listingSection { margin: 45px 0; padding: 0; list-style: none; position: relative; top: 55px; } .mainBody #results.listingSection p, .mainBody #results.listingSection p:first-child, .mainBody #results.listingSection p:first-of-type { font-size: 0.85em; } .mainBody #SearchBox { display: block; text-decoration: none; width: 100%; height: 40px; overflow: hidden; padding : 0; opacity: .85; filter: alpha(opacity=85%); transition: 0ms 350ms ease-in-out; -o-transition: 0ms 350ms ease-in-out; -webkit-transition: 0ms 350ms ease-in-out; -moz-transition: 0ms 350ms ease-in-out; } .mainBody #SearchBox div { width: 100%; height:40px; } .mainBody #SearchBox div input { color:#272727;height: 100%; margin: 0; width: 100%; padding: 0 8px; background-color: #272727 ; background: url(../img/btn_search40.png) right -3px no-repeat; transition: 350ms 250ms ease-in-out; -o-transition: 350ms 250ms ease-in-out; -webkit-transition: 350ms 250ms ease-in-out; -moz-transition: 350ms 250ms ease-in-out; border-color: #272727; } .mainBody #SearchBox div input:hover { border-color: #ccc; background-color: #dedede ; } .control_bar { background:#b1b2ae;margin-bottom:1em; margin-top:-30px;height :28px;} .control_bar .ms-promlink-headerNav { margin-top:0px;height:28px;border:0;} .control_bar .ms-commandLink.ms-promlink-button.ms-promlink-button-enabled { font-size:1.1em;background:rgb(0, 171, 84);color:white;display:inline-block; height:100%;width:40px;border:0;margin:0;padding:0;text-align:center;} .control_bar .ms-commandLink.ms-promlink-button.ms-promlink-button-enabled:hover { } .control_bar .ms-commandLink.ms-promlink-button.ms-promlink-button-disabled {font-size:1.1em;background:#b1b2ae;color:#b1b2ae;display:inline-block; height:100%;width:40px; border:0; margin:0;padding:0;} .control_bar .ms-commandLink.ms-promlink-button.ms-promlink-button-enabled i {display:block;width:40px;color:white;line-height:30px;margin:0;padding:0;} .control_bar .ms-commandLink.ms-promlink-button.ms-promlink-button-disabled i {display:block;width:40px;color:#b1b2ae;line-height:30px;margin:0;padding:0;} .control_bar .count {font-size:1em; line-height:30px;} .control_bar .countCurrentPage {font-size:1em; } .control_bar .currentPageNumber {font-size:1em; } .control_bar .countTotalPages {font-size:1em; } .control_bar .vls-button-clear { font-size:1.1em;background:rgb(0, 171, 84);color:white;display:inline-block; padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;height:100%;width:auto;border:0;margin:0;} .rowCountDiv {color:black;font-size:1em;line-height:30px;padding-left:1em;} div#wrapper.vlsBasicTabbedPageLayout .vls-ref-refiner { margin-top:1em; } div#wrapper.vlsBasicTabbedPageLayout .vls-ref-ctrl { } div#wrapper.vlsBasicTabbedPageLayout .vls-ref-ctrl div a { font-size:.9em; } div#wrapper.vlsBasicTabbedPageLayout .rowCountDiv { width:auto;style:block;position:absolute;top:0px;right:20px;} div#wrapper.vlsBasicTabbedPageLayout .rowCountDiv .rowCount {font-size:.8em; line-height:30px;} div#wrapper.vlsBasicTabbedPageLayout .rowCountDiv .rowCountLabel {font-size:.8em; line-height:30px;} div#wrapper.vlsBasicTabbedPageLayout .ms-srch-sb-searchLink{ background-size:20px 20px; } div#wrapper.vlsBasicTabbedPageLayout .ms-srch-sb-border {border:0;margin-bottom:1em; } div#wrapper.vlsBasicTabbedPageLayout .ms-srch-sb-borderFocused {border:0;} div#wrapper.vlsBasicTabbedPageLayout #SearchBox { } div#wrapper.vlsBasicTabbedPageLayout #search_and_refine {margin-bottom:1.2em;} div#wrapper.vlsBasicTabbedPageLayout #search_and_refine > a {margin-bottom:0;background:rgb(0, 171, 84);color:white;border:0;} div#wrapper.vlsBasicTabbedPageLayout #search_and_refine #drop1 {background:white;color:black;} div#wrapper.vlsBasicTabbedPageLayout .search-and-refine_search-button { font-size:1em;background:rgb(0, 171, 84);color:white;text-decoration:none; border:0;padding:0;margin:0;height:auto;line-height:1.6em;padding:.5em;min-width:30px;text-align:center; } div#wrapper.vlsBasicTabbedPageLayout .search-and-refine_refine-button { font-size:1em;background:rgb(0, 171, 84);color:white;text-decoration:none; border:0;padding:0;margin:0;height:auto;line-height:1.6em;padding:.5em;min-width:30px;text-align:center;} div#wrapper.vlsBasicTabbedPageLayout .search-and-refine_reset-button { font-size:1em;background:rgb(0, 171, 84);color:white;text-decoration:none; border:0;padding:0;margin:0;height:auto;line-height:1.6em;padding:.5em;min-width:30px;text-align:center; } /* ******************************************************************************* * MISC (TO BE OPT) ******************************************************************************** */ #wrapper.courses_and_classes .control_bar { background: transparent !important; color: #333 !important; border-bottom: 1px solid #CCC; height: 40px !important; } #wrapper.courses_and_classes .control_bar .ms-commandLink.ms-promlink-button.ms-promlink-button-disabled, #wrapper.courses_and_classes .control_bar .ms-commandLink.ms-promlink-button.ms-promlink-button-enabled { background: none !important; /* opacity: .5; */ color: #00AB54 !important; padding-top: 0 !important; } .ms-WPBody a { text-decoration: none !important; border: 0px !important; } .ms-WPBody a > h3:hover { color: #00AB54 !important; } #cswp_insert_publicationstab a {text-decoration:none !important;} #cswp_insert_publicationstab a:visited {text-decoration:none !important;} .ms-WPBody h3 { margin-bottom: 5px !important; } .ms-WPBody table td { line-height: 1.6em !important; padding: 0 !important; } .ms-WPBody table td span { background: #FFDC3A; color: #222 !important; font-family: "museo-slab", serif !important; font-weight: 500; padding: 1px 6px; display: inline-block; margin-bottom: 10px; font-size: .9em; } .ms-WPBody h3 { font-size: 1.8em !important; } #cswp_insert_publicationstab h4 { font-size:1.3em !important;} .ms-WPBody h4 { font-size: 1.3em; margin-top: 15px; } /* ---- DESKTOP NAVIGATION ---- */ #mobile { display: none; } /* ---- --------------------------------------------------------------------- RESPONSIVE -------------------------------------------------------------------------- -----*/ @media screen and (min-width: 601px) { /* ---- ACTIVATE DRAWER */ div#wrapper.navigate #page { margin-left: 280px; } div#wrapper.navigate #header { max-width: 1480px; } div#wrapper.navigate #drawer { margin-left: 0; } div#wrapper.navigate #drawer ul.drawerOldStyle { filter: alpha(opacity=100); opacity: 1; } div#wrapper.vlsHomePageLayout div.profileList.info { margin: 0 -55px 0 -30px; } header { background: transparent; z-index: 998 !important; } div#wrapper.vlsStoryPageLayout .row.storyVert .large-5.columns { padding: 35px 25px 5px 30px; } div#wrapper.vlsStoryPageLayout div.breadcrumb { margin: 0 0 15px 15px; } #page { top: 170px; margin-bottom: 170px; } } @media screen and (min-width: 960px) { div#wrapper.navigate div.logo { width: 280px; } div#wrapper.navigate .nav-btn { left: 240px; } div#wrapper.navigate #header { background-position: -40px 0; } } @media screen and (min-width: 601px) and (max-width: 960px) { div#wrapper.navigate #drawer ul.drawerOldStyle { font-size: .9em !important; } div#wrapper.navigate #drawer ul.drawerOldStyle li ul { font-size: .9em !important; } div#wrapper.navigate #drawer { min-width: 209px; max-width: 209px; } div#wrapper.navigate #page { margin-left: 209px; } } /* ******************************************************************************* * Media Query - Screen, Max-Width 1028px * Set fixed height for banner image for screens narrower than 1028px ******************************************************************************** */ @media screen and (max-width: 1028px) { .bannerImg { height: 350px; } } @media only screen and (min-width: 769px) and (max-width: 860px) { .large-4.columns.cards { width: 50%; float: left; } .large-4.columns.cards { padding: 25px 20px; padding-bottom: 40%; } } @media only screen and (min-width: 769px) and (max-width: 990px) { .large-3.columns.ctaBlock { width: 50%; float: left; } .cards.photo h4 { font-size: 1.8em; } } /* NEWS LANDING PAGE */ @media screen and (max-width: 960px) { div.newsText { background: #FFF; color: #111; padding: 35px 15px 25px; } div#wrapper.navigate div.newsText h3 { font-size: 1.1em; line-height: 1.1em; } div#wrapper.navigate div.newsText p { font-size: .75em; } div.newsLower h4 { font-size: 1em; border-left: 5px solid #00AB54; line-height: 1.4em; } div.newsLower h4.events { border-left: 5px solid #54cee0; } div.profileDetail .bannerImg { height: 400px; } div#wrapper.navigate div.profileList div.large-3.columns { height: 170px; } } @media only screen and (min-width: 1200px) { .large-4.columns.cards { width: 25%; padding-bottom: 20%; float: left; } } /* PROFILE LISTING */ @media screen and (max-width: 899px) { div.profileList div.large-4.columns { width: 50%; height: 250px; } div.profileList div.large-3.columns { width: 50%; height: 250px; } div.profileList div.large-8.columns:first-of-type { width: 50%; height: 250px; } } @media screen and (max-width: 479px) { div.profileList div.large-4.columns { width: 100%; height: 250px; border-right: 0; } div.profileList div.large-3.columns { width: 100%; height: 250px; border-right: 0; } div.profileList div.large-8.columns:first-of-type { width: 100%; height: 250px; border-right: 0; } div.profileList h2.nav { border-right: 0; } div.profileList div span.text { width: 100%; } div.profileList div:hover a span.text { bottom: -100px; } div.profileList.info div:hover a span.text { bottom: -140px; } div.profileList div a span.text.show { bottom: 0px; } div.profileList.info div a span.text.show { bottom: 0px; } div.profileList div span.expand { height: 28px; width: 28px; float: right; color: #FFF; background: #444 url("../img/icon-plus-lg.png") no-repeat 0px center; text-indent: -9999px; cursor: pointer; zoom: 1; filter: alpha(opacity=80); opacity: .8; position: relative; bottom: -1px; } div.profileList.info div span.expand { height: 28px; width: 28px; float: right; color: #FFF; background: #444 url("../img/icon-plus-lg.png") no-repeat 0px center; text-indent: -9999px; cursor: pointer; zoom: 1; filter: alpha(opacity=80); opacity: .8; position: relative; bottom: -1px; } ul.cta.btns a { width: 100% !important; } /* Student Profile Page */ ul.colorBlocks li { width: 100% !important; padding-bottom: 10px; margin: 0; float: none; } ul.colorBlocks li p { margin-bottom: 0; font-size: .9em !important; } ul.colorBlocks li h3 { margin-bottom: 5px; margin-top: 0; } } @media screen and (max-width: 800px) { div#wrapper.navigate div.profileList div.large-4.columns { width: 100%; height: 250px; border-right: 0; } div#wrapper.navigate div.profileList div.large-8.columns:first-of-type { width: 100%; height: 250px; border-right: 0; } div#wrapper.navigate.vlsHomePageLayout div.profileList div.large-4.columns { width: 50% !important; border-right: 10px solid #EEE8DC; } } @media screen and (min-width: 900px) and (max-width: 1100px) { div#wrapper.navigate div.profileList div.large-4.columns { width: 50%; height: 250px; } div#wrapper.navigate div.profileList div.large-8.columns:first-of-type { width: 50%; height: 250px; } } @media screen and (min-width: 480px) { div.profileList div span.expand { display: none; visibility: hidden; position: relative; bottom: -1px; float: right; } } @media screen and (min-width: 480px) and (max-width: 600px) { div#wrapper.vlsHomePageLayout div.profileList.info { margin: 0 -10px 0 0; } } /* PROFILE DETAIL */ @media screen and (max-width: 720px) { ul.colorBlocks li { width: 33.3333%; } div#wrapper.navigate.vlsHomePageLayout div.profileList div.large-4.columns { width: 100% !important; } } @media screen and (max-width: 1220px) { div#wrapper.navigate div.profileList div.large-3.columns { width: 33.3333%; } } /*@media screen and (max-width: 830px) { div#wrapper.navigate.profileDetail .bannerImg { height: 260px; } } */ @media screen and (max-width: 768px) { #drawer ul.drawerOldStyle li ul li a { padding-left: 30px; } #drawer ul.drawerOldStyle li ul li ul li a { font-size: 1.1em; padding-left: 40px; } footer #footerContact { margin-left: -25px; } footer #footerNav { padding-left: 57px; } footer section.social { padding-left: 47px; } .cards { height: auto; padding-bottom: 40px; } .cards.photo h4 { margin-top: 20px; } .cards span { padding-top: 45px; } ul.cta { margin: 50px 0 25px !important; } div#wrapper.vlsBasicTabbedPageLayout.vlsDirectoryDetailPageLayout div.feature { position: relative; top: -57px; } div#wrapper.vlsBasicTabbedPageLayout.vlsDirectoryDetailPageLayout div.info { top: 20px; position: relative; } .no-padding { padding: 0; } div#wrapper.vlsBasicTabbedPageLayout.vlsDirectoryDetailPageLayout .facultyTabs { top: 0; } div#wrapper.vlsBasicTabbedPageLayout.vlsDirectoryDetailPageLayout .facultyTabs > .section-container > section > .content { padding-top: 20px; padding-right: 100px; } div#wrapper.vlsBasicTabbedPageLayout.vlsDirectoryDetailPageLayout .facultyTabs > .section-container > section > .title, .facultyTabs > .section-container > section > .title a { height: 40px !important; line-height: 40px !important; padding: 0 10px; } div#wrapper.vlsBasicTabbedPageLayout.vlsDirectoryDetailPageLayout .facultyTabs > .section-container > section > .title { border-bottom: 1px solid #DDD; margin-left: -30px; } div#wrapper.vlsBasicTabbedPageLayout.vlsDirectoryDetailPageLayout .mainBody { margin-top: 10px; } div.vlsBasicTabbedPageLayout div.social { margin-top: 30px; } div#wrapper.vlsBasicTabbedPageLayout.vlsDirectoryDetailPageLayout .facultyTabs > .section-container { width: 120% !important; } ul.cta.btns a { width: 60%; } div#wrapper.navigate div.profileList div.large-3.columns { width: 100%; height: 210px; } div#wrapper.vlsStoryPageLayout .row.storyHoriz .large-12.columns.photo div.text { width: auto; padding-right: 30px; } } /* ---- SMALL MOBILE ---- */ @media screen and (max-width: 600px) { /* Hide SharePoint Ribbons in Mobile Mode */ #ms-designer-ribbon { display:none; } #header { position: fixed; } #page { padding: 55px 0px 0px; } #page.news { padding-top: 60px; } div.logo { width: 100%; height: 65px; background-position-y: -5px; } header { height: 65px; overflow: visible !important; background: #272727 !important; } #colWrapper { top: 0; } div#wrapper.vlsHomePageLayout #colWrapper { top: -85px; } div.breadcrumb { padding-left: 10px; } div.mainBody div.breadcrumb { margin-top: 0px; padding-left: 0; } div#wrapper.vlsStoryPressReleasePageLayout div.mainBody div.breadcrumb { padding-left: 15px; margin-top: 10px; } div#wrapper p:first-of-type { line-height: 1.6em; } h2.pageTitle { font-size: 1.5em; } #desktop { display: none !important; } h3 { font-size: 1.5em; } .mainBody { margin-left: 0; margin-right: -10px; padding-left: 0; } /* .basic .mainBody { padding: 25px 25px 25px 10px; margin-left: 0px; } */ .featureWrapper.item { height: 400px; } div.vlsLandingPageLayout #colWrapper { top: 65px; } div#wrapper.vlsStoryPageLayout div.breadcrumb { margin: 0 0 15px 5px; } div#wrapper.vlsStoryPageLayout .row.storyHoriz .large-12.columns.photo { height: 500px; } div#wrapper.vlsStoryPageLayout .row.storyHoriz .large-12.columns.photo div.text { margin-left: 0px; } div#wrapper.vlsStoryPageLayout .row.storyHoriz .large-12.columns.photo div.text h1 { font-size: 2.5em; } div#wrapper p:first-of-type, .vlsLandingPageLayout p:first-of-type, .admissions p:first-of-type { line-height: 1.6em; font-size: .9em; font-weight: 400; } div.intro p:first-of-type { line-height: 1.6em; font-size: 1em; } .lower { padding: 40px 0; } .lower p.quote { font-size: 1.7em; } .lower p.attribution { font-size: .8em; } .lower .columns { padding-left: 15px; } .lower .large-6.columns { padding-right: 15px; padding-left: 0; } .nav-btn { bottom: 0; left: inherit; right: 0; } .bannerImg, footer, .bannerText { margin-left: 0px !important; } ul.colorBlocks { margin-left: 0px !important; margin-right: 0px !important; } .bannerText { padding: 10px 40px 20px 10px; margin-bottom: 30px; } .bannerImg { height: 310px !important; } footer { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; overflow: hidden; } footer div.logo { left: 12px; } #mobile { display: block; } #drawer { position: inherit; overflow: visible; top: 0; height: 100%; width: 80%; background: #333333; -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); min-width: 80%; max-width: 80%; margin: 0; padding: 0; padding-top:0px;} div#wrapper.vlsHomePageLayout #colWrapper #drawer { padding-top:150px; } #drawer ul.drawerOldStyle { margin-top: 100px; filter: alpha(opacity=100); opacity: 1; font-size: .8em; line-height: 38px; } #drawer ul.utility { margin-top: 5px; } #drawer ul.drawerOldStyle li { cursor: pointer; } #drawer ul.drawerOldStyle li a { display: inline-block; } #drawer ul.drawerOldStyle li ul { max-height:0; font-size: 1em;-webkit-transition: max-height .2s ease; -moz-transition: max-height .2s ease; -o-transition: max-height .2s ease; -ms-transition: max-height .2s ease; transition: max-height .2s ease; } #drawer ul.drawerOldStyle li ul.show { max-height:600px;} #drawer ul.drawerOldStyle li ul li a { line-height: 2.2em; } #drawer ul.utility li { line-height: 1.4em; } #drawer ul.utility li a { line-height: 1.4em; padding-bottom: 4px; } #drawer ul.drawerOldStyle li span.expand { height: 28px; width: 28px; margin-top: 5px; display: inline-block; float: right; color: #FFF; background: #444 url("../img/icon-plus-lg.png") no-repeat 0px center; text-indent: -9999px; margin-right: 12px; cursor: pointer; zoom: 1; filter: alpha(opacity=60); opacity: .6; border-radius: 0px; } #drawer ul.drawerOldStyle li span.expand.show { background-position-x: -28px; } #drawer ul.drawerOldStyle li ul li span.expand { height: 28px; width: 28px; margin-top: 5px; display: inline-block; float: right; color: #FFF; background: #444 url("../img/icon-plus-lg.png") no-repeat 0px center; text-indent: -9999px; margin-right: 12px; cursor: pointer; zoom: 1; border-radius: 0px; zoom: 1; filter: alpha(opacity=30); opacity: .3; } #drawer ul.drawerOldStyle li ul li span.expand.show { background-position-x: -28px; } #drawer ul.drawerOldStyle li ul li ul { font-size: 1em; } #drawer ul.drawerOldStyle li ul li ul { font-size: 1em; -webkit-transition: max-height .2s ease; -moz-transition: max-height .2s ease; -o-transition: max-height .2s ease; -ms-transition: max-height .2s ease; transition: max-height .2s ease; } #drawer ul.drawerOldStyle li ul li ul.show { max-height: 600px; } .newsCard.feature { height: 370px; } div.pageTitle { margin-top: 0; } div#wrapper.vlsBasicTabbedPageLayout.vlsDirectoryDetailPageLayout div.social { top: -100px; } div#wrapper.vlsBasicTabbedPageLayout.vlsDirectoryDetailPageLayout .facultyTabs > .section-container > section > .content { padding-right: 60px; } div#wrapper.vlsLandingPageLayout .profileList { padding-left: 0; } /* ---- CREATE THE OFF-CANVAS NAVIGATION EFFECT ---- */ #page { left: 0 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 200ms ease; -moz-transition: -moz-transform 200ms ease; -o-transition: -o-transform 200ms ease; transition: transform 200ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#wrapper.navigate #page { -webkit-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); transform: translate3d(80%, 0, 0) scale3d(1, 1, 1); } #desktop div#headerTitleDiv { display: none !important; } #desktop h1#headerTitleH1 { display: none !important; } } @media screen and (max-width: 520px) { div#wrapper.vlsStoryPressReleasePageLayout .bannerImg { height: 220px !important; } /* .basic .bannerImg { height: 220px !important; } */ } @media screen and (max-width: 450px) { .bannerImg { height: 227px !important; } .featureWrapper.item { height: 300px; } } @media screen and (max-width: 360px) { div#wrapper.vlsStoryPressReleasePageLayout .bannerImg { height: 160px !important; } div#wrapper.vlsStoryPressReleasePageLayout .bodyText p.prIntro { font-size: 1em; margin-bottom: 0; } /* .basic .bannerImg { height: 160px !important; } .basic .bodyText h3 { font-size: 2em; } .basic .bodyText p.prIntro { font-size: 1.03em; margin-bottom: 0; } */ } @media screen and (max-width: 320px) { div#wrapper.vlsStoryPressReleasePageLayout .bannerImg { height: 140px !important; } /* .basic .bannerImg { height: 140px !important; } */ div.vlsLandingPageLayout div.mainBody ul.profiles li { background-size: cover !important; width: 295px !important; height: 205px !important; } /* div#wrapper.vlsStoryPageLayout div.cycle-prev-lg, div#wrapper.vlsStoryPageLayout div.cycle-next-lg { top: 20% !important; } div#wrapper.vlsStoryPageLayout .cycle-overlay { font-size: .7em; line-height: 1.2em; } */ } /* ---- RETINA IMAGES ---- */ @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { div.logo { /* background: url("../img/logo@2x.png") 250px 85px no-repeat; */ } } .ms-signInLink { padding:0; } #s4-bodyContainer { padding:0; } #wrapper *, #wrapper *:before, #wrapper *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .ms-webpartzone-cell {margin-bottom:0;} #desktop { display: inline-block; margin: 3px 12px 2px 0; float: right; font-family: "jaf-bernino-sans-condensed",sans-serif; color: #b1b2ae; font-weight: 800; text-transform: uppercase; font-size: 4.4em; line-height: 115px; padding-top: 0; white-space: nowrap; letter-spacing: -3px; } h1.pageTitle { font-size: 1.8em; line-height: 1.2em; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; margin-bottom: 15px; text-transform: uppercase; color: #222; max-width: 900px; } @media screen (max-width: 767px) { .bannerLogo {display:block;} } @media screen (min-width: 768px) { .bannerLogo {display:none;} } .ms-rtestate-field h2, h2.ms-rteElement-H2 { font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; font-size: 1.7em; text-transform: uppercase; margin-bottom: .5em; margin-top:1em;color: #777; } .ms-rtestate-field h2 a, h2.ms-rteElement-H2 a { font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; font-size: 1em; text-transform: uppercase; margin-bottom: .5em; margin-top:1em;color: #777; text-decoration:none;} .ms-rtestate-field h2 a:visited, h2.ms-rteElement-H2 a:visited {color:#777;} .ms-rtestate-field h2 a:hover, h2.ms-rteElement-H2 a:hover {color:rgb(0,171,84);} h2 a {font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; font-size: .7em; text-transform: uppercase; color: #777; } h2 a:hover {color:rgb(0,171,84);} h2 a:visited {color:#777;} .ms-rtestate-field p, p.ms-rteElement-P { font-family: "museo-slab",serif; font-size:14.4px; font-weight:400; line-height:1.8em; margin-bottom: 15px; } .ms-rtestate-field p, p.ms-rteElement-P { font-family: "museo-slab",serif; font-size:14.4px; font-weight:400; line-height:1.8em; margin-bottom: 15px; } .basic .ms-rtestate-field p:first-of-type, .basic p.ms-rteElement-P:first-of-type { line-height: 1.6em; font-size: 1.05em; font-weight: 400; } .ms-rtestate-field ul { font-family: "museo-slab",serif; font-size:14.4px; font-weight:400; line-height:1.8em; margin-bottom: 15px; } .ms-rtestate-field ol { font-family: "museo-slab",serif; font-size:14.4px; font-weight:400; line-height:1.8em; margin-bottom: 15px; } h2.ms-webpart-titleText {margin-top:1.5em;padding-bottom:1em;} h2.ms-webpart-titleText span { font-size: 1em; line-height: 1em; font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; margin-bottom: 5px; text-transform: uppercase; color: #777; } .ms-rtestate-field h3, h2.ms-rteElement-H3 {font-size:1.3em;color:#b1b2ae ;} .cswpStandardPartnershipsList {padding-left:10px;} .cswpStandardPartnershipsListLine2 {font-weight:800 !important;font-size:.8em;margin-bottom:0;padding-bottom:.3em;} .mainBody .ms-rtestate-field ul { margin-left:15px; } .mainBody .ms-rtestate-field ol { margin-left:20px; } div.vlsControlStandardDirectoryList h2 a:hover {color:rgb(0,171,84);} div.vlsControlStandardDirectoryList div.vlsControlStandardDirectoryListNoPhoto {border-bottom:1px solid #ccc;} div.vlsControlStandardDirectoryList div.vlsControlStandardDirectoryListNoPhoto h3 {} div.vlsControlStandardDirectoryList div.vlsControlStandardDirectoryListNoPhoto h4 {font-size:1em;} div.vlsControlStandardDirectoryList div.vlsControlStandardDirectoryListNoPhoto p {} div.vlsControlStandardProjectsList h2 a:hover {color:rgb(0,171,84);} div.vlsControlStandardProjectsList h2 { font-family: "jaf-bernino-sans-condensed", sans-serif; font-weight: 800; font-size:1.6em; text-transform: uppercase; margin-bottom: .5em; margin-top:1em;color: #777; text-decoration:none;} div.vlsControlStandardProjectsList h2 a { font-size:1em;} div.vlsControlStandardProjectsList p {} div.newsroom-listing > div { border-bottom:1px solid #ccc; padding-bottom:1em; padding-top:1em;} div.newsroom-listing div img { } div.newsroom-listing div { } div.newsroom-listing div a { width:100%; display:inline-block;} div.newsroom-listing div span.newsroom-listing-category { } div.newsroom-listing div span.date { } div.newsroom-listing div p.newsroom-listing-teaser { padding-bottom:0;margin-bottom:0;padding-top:.5em;} ul.news-and-events-in-the-news { list-style:none;} ul.news-and-events-in-the-news li { border-bottom:1px solid #ccc; padding-bottom:1em;padding-top:1em;} ul.news-and-events-in-the-news li a { display:inline-block;width:100%; } ul.vls-std-eventCollection span.cal-event-title {font-size:2em;} @media print { div#ms-designer-ribbon {display:none;} div#drawer {display:none;} div.sidebar {display:none;} div#footerNav {display:none;} div.mainBody {margin:0px;} }