/** * @file * Styles are organized using the SMACSS technique. @see http://smacss.com/book/ * * When you turn on CSS aggregation at admin/config/development/performance, all * of these @include files will be combined into a single file. */ /* Import Sass mixins, variables, Compass modules, etc. */ /* HTML element (SMACSS base) rules */ /** * @file * Normalize.css is intended to be used as an alternative to CSS resets. * * This file is a slight fork of these original sources: * - normalize.css v2.1.2 | MIT License | git.io/normalize * - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass * * It's suggested that you read the normalize.scss file and customise it to meet * your needs, rather then including the file in your project and overriding the * defaults later in your CSS. * @see http://nicolasgallagher.com/about-normalize-css/ * * Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/ * @see http://snook.ca/archives/html_and_css/no_css_reset/ */ /** * HTML5 display definitions */ /* Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; } /* Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* Address styling not present in IE 8/9. */ [hidden] { display: none; } /** * Base * * Instead of relying on the fonts that are available on a user's computer, you * can use web fonts which, like images, are resources downloaded to the user's * browser. Because of the bandwidth and rendering resources required, web fonts * should be used with care. * * Numerous resources for web fonts can be found on Google. Here are a few * websites where you can find Open Source fonts to download: * - http://www.fontsquirrel.com/fontface * - http://www.theleagueofmoveabletype.com * * In order to use these fonts, you will need to convert them into formats * suitable for web fonts. We recommend the free-to-use Font Squirrel's * Font-Face Generator: * http://www.fontsquirrel.com/fontface/generator * * The following is an example @font-face declaration. This font can then be * used in any ruleset using a property like this: font-family: Example, serif; * * Since we're using Sass, you'll need to declare your font faces here, then you * can add them to the font variables in the _base.scss partial. */ /* @font-face { font-family: 'Example'; src: url('../fonts/example.eot'); src: url('../fonts/example.eot?iefix') format('eot'), url('../fonts/example.woff') format('woff'), url('../fonts/example.ttf') format('truetype'), url('../fonts/example.svg#webfontOkOndcij') format('svg'); font-weight: normal; font-style: normal; } */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. */ html { font-family: "Open Sans", Arial, Helvetica, sans-serif; /* 1 */ font-size: 106.25%; /* 3 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ line-height: 1.41176em; } /* Remove default margin. */ body { margin: 0; padding: 0; } /** * Links * * The order of link states are based on Eric Meyer's article: * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states */ /* Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /* Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /** * Typography * * To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins * so that the line height of our base font becomes the basic unit of vertical * measurement. We use multiples of that unit to set the top and bottom margins * for our block level elements and to set the line heights of any fonts. * For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm */ /* Set 1 unit of vertical rhythm on the top and bottom margin. */ p, pre { margin: 1.41176em 0; } blockquote { /* Also indent the quote on both sides. */ margin: 1.41176em 30px; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { /* Set the font-size and line-height while keeping a proper vertical rhythm. */ font-size: 2em; line-height: 1.41176em; /* Set 1 unit of vertical rhythm on the top and bottom margins. */ margin-top: 0.70588em; margin-bottom: 0.70588em; } h2 { font-size: 1.5em; line-height: 1.88235em; margin-top: 0.94118em; margin-bottom: 0.94118em; } h3 { font-size: 1.17em; line-height: 1.20664em; margin-top: 1.20664em; margin-bottom: 1.20664em; } h4 { font-size: 1em; line-height: 1.41176em; margin-top: 1.41176em; margin-bottom: 1.41176em; } h5 { font-size: 0.83em; line-height: 1.70092em; margin-top: 1.70092em; margin-bottom: 1.70092em; } h6 { font-size: 0.67em; line-height: 2.10711em; margin-top: 2.10711em; margin-bottom: 2.10711em; } /* Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /* Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; border: 1px solid #666; padding-bottom: -1px; margin: 1.41176em 0; } /* Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /* Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp, tt, var { font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif; font-size: 1em; line-height: 1.41176em; } /* Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /* Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /** * Lists */ dl, menu, ol, ul { /* Address margins set differently in IE 6/7. */ margin: 1.41176em 0; } ol ol, ol ul, ul ol, ul ul { /* Turn off margins on nested lists. */ margin: 0; } dd { margin: 0 0 0 30px; /* LTR */ } /* Address paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 30px; /* LTR */ } /** * Embedded content and figures * * @todo Look into adding responsive embedded video. */ img { /* Remove border when inside `a` element in IE 8/9. */ border: 0; /* Suppress the space beneath the baseline */ /* vertical-align: bottom; */ /* Responsive images */ max-width: 100%; height: auto; /* Correct IE 8 not scaling image height when resized. */ width: auto; } /* Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /** * Forms */ /* Define consistent border, margin, and padding. */ fieldset { margin: 0 2px; /* Apply borders and padding that keep the vertical rhythm. */ border-color: #c0c0c0; border-top-width: 0.05882em; border-top-style: solid; padding-top: 0.43529em; border-bottom-width: 0.05882em; border-bottom-style: solid; padding-bottom: 0.85882em; border-left-width: 0.05882em; border-left-style: solid; padding-left: 0.85882em; border-right-width: 0.05882em; border-right-style: solid; padding-right: 0.85882em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. * 4. Improve appearance and consistency with IE 6/7. * 5. Keep form elements constrained in their containers. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ max-width: 100%; /* 5 */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* 5 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* Drupal-style form labels. */ label { display: block; font-weight: bold; } /** * Tables */ table { /* Remove most spacing between table cells. */ border-collapse: collapse; border-spacing: 0; /* Prevent cramped-looking tables */ /* width: 100%; */ /* Add vertical rhythm margins. */ margin-top: 1.41176em; margin-bottom: 1.41176em; } /* Layout rules */ /** * @file * Positioning for a responsive layout. * * Define CSS classes to create a fluid grid layout with optional sidebars * depending on whether blocks are placed in the left or right sidebars. * * This layout uses the Zen Grids plugin for Compass: http://zengrids.com */ /** * Center the page. * * For screen sizes larger than 1200px, prevent excessively long lines of text * by setting a max-width. */ #page, .region-bottom { margin-left: auto; margin-right: auto; max-width: 1200px; } /* Apply the shared properties of grid items in a single, efficient ruleset. */ #header, #content, #navigation, .region-sidebar-first, .region-sidebar-second, #footer { padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } /* Containers for grid items and flow items. */ #header:before, #header:after, #main:before, #main:after, #footer:before, #footer:after { content: ""; display: table; } #header:after, #main:after, #footer:after { clear: both; } /* Navigation bar */ @media all and (min-width: 480px) { #main { /* Move all the children of #main down to make room. */ padding-top: 3em; position: relative; } #navigation { /* Move the navbar up inside #main's padding. */ position: absolute; top: 0; height: 3em; width: 100%; } } /** * Use 3 grid columns for smaller screens. */ @media all and (min-width: 480px) and (max-width: 959px) { /** * The layout when there is only one sidebar, the left one. */ .sidebar-first { /* Span 2 columns, starting in 2nd column from left. */ /* Span 1 column, starting in 1st column from left. */ } .sidebar-first #content { float: left; width: 200%; margin-left: 100%; margin-right: -300%; } .sidebar-first .region-sidebar-first { float: left; width: 100%; margin-left: 0%; margin-right: -100%; } /** * The layout when there is only one sidebar, the right one. */ .sidebar-second { /* Span 2 columns, starting in 1st column from left. */ /* Span 1 column, starting in 3rd column from left. */ } .sidebar-second #content { float: left; width: 200%; margin-left: 0%; margin-right: -200%; } .sidebar-second .region-sidebar-second { float: left; width: 100%; margin-left: 200%; margin-right: -300%; } /** * The layout when there are two sidebars. */ .two-sidebars { /* Span 2 columns, starting in 2nd column from left. */ /* Span 1 column, starting in 1st column from left. */ /* Start a new row and span all 3 columns. */ } .two-sidebars #content { float: left; width: 200%; margin-left: 100%; margin-right: -300%; } .two-sidebars .region-sidebar-first { float: left; width: 100%; margin-left: 0%; margin-right: -100%; } .two-sidebars .region-sidebar-second { float: left; width: 300%; margin-left: 0%; margin-right: -300%; padding-left: 0; padding-right: 0; clear: left; /* Apply the shared properties of grid items in a single, efficient ruleset. */ /* Span 1 column, starting in the 1st column from left. */ /* Span 1 column, starting in the 2nd column from left. */ /* Span 1 column, starting in the 3rd column from left. */ } .two-sidebars .region-sidebar-second .block { padding-left: 10px; padding-right: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .two-sidebars .region-sidebar-second .block:nth-child(3n+1) { float: left; width: 100%; margin-left: 0%; margin-right: -100%; clear: left; } .two-sidebars .region-sidebar-second .block:nth-child(3n+2) { float: left; width: 100%; margin-left: 100%; margin-right: -200%; } .two-sidebars .region-sidebar-second .block:nth-child(3n) { float: left; width: 100%; margin-left: 200%; margin-right: -300%; } } /** * Use 5 grid columns for larger screens. */ @media all and (min-width: 960px) { /** * The layout when there is only one sidebar, the left one. */ .sidebar-first { /* Span 4 columns, starting in 2nd column from left. */ /* Span 1 column, starting in 1st column from left. */ } .sidebar-first #content { float: left; width: 400%; margin-left: 100%; margin-right: -500%; } .sidebar-first .region-sidebar-first { float: left; width: 100%; margin-left: 0%; margin-right: -100%; } /** * The layout when there is only one sidebar, the right one. */ .sidebar-second { /* Span 4 columns, starting in 1st column from left. */ /* Span 1 column, starting in 5th column from left. */ } .sidebar-second #content { float: left; width: 400%; margin-left: 0%; margin-right: -400%; } .sidebar-second .region-sidebar-second { float: left; width: 100%; margin-left: 400%; margin-right: -500%; } /** * The layout when there are two sidebars. */ .two-sidebars { /* Span 3 columns, starting in 2nd column from left. */ /* Span 1 column, starting in 1st column from left. */ /* Span 1 column, starting in 5th column from left. */ } .two-sidebars #content { float: left; width: 300%; margin-left: 100%; margin-right: -400%; } .two-sidebars .region-sidebar-first { float: left; width: 100%; margin-left: 0%; margin-right: -100%; } .two-sidebars .region-sidebar-second { float: left; width: 100%; margin-left: 400%; margin-right: -500%; } } /* Component (SMACSS module) rules */ /** * @file * SMACSS Modules * * Adds modular sets of styles. * * Additional useful selectors can be found in Zen's online documentation. * https://drupal.org/node/1707736 */ /** * Wireframes. */ .with-wireframes #header, .with-wireframes #main, .with-wireframes #content, .with-wireframes #navigation, .with-wireframes .region-sidebar-first, .with-wireframes .region-sidebar-second, .with-wireframes #footer, .with-wireframes .region-bottom { outline: 1px solid #ccc; } /** * Accessibility features. */ /* element-invisible as defined by http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .element-invisible, .element-focusable, #navigation .block-menu .block__title, #navigation .block-menu-block .block__title { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } /* Turns off the element-invisible effect. */ .element-focusable:active, .element-focusable:focus { position: static !important; clip: auto; height: auto; width: auto; overflow: auto; } /* * The skip-link link will be completely hidden until a user tabs to the link. */ #skip-link { margin: 0; } #skip-link a, #skip-link a:visited { display: block; width: 100%; padding: 2px 0 3px 0; text-align: center; background-color: #666; color: #fff; } /** * Branding header. */ /* Wrapping link for logo. */ .header__logo { float: left; /* LTR */ margin: 0; padding: 0; } /* Logo image. */ .header__logo-image { vertical-align: bottom; } /* Wrapper for website name and slogan. */ .header__name-and-slogan { float: left; } /* The name of the website. */ .header__site-name { margin: 0; font-size: 2em; line-height: 1.41176em; } /* The link around the name of the website. */ .header__site-link:link, .header__site-link:visited { color: #000; text-decoration: none; } .header__site-link:hover, .header__site-link:focus { text-decoration: underline; } /* The slogan (or tagline) of a website. */ .header__site-slogan { margin: 0; } /* The secondary menu (login, etc.) */ .header__secondary-menu { float: right; /* LTR */ } /* Wrapper for any blocks placed in the header region. */ .header__region { /* Clear the logo. */ clear: both; } /** * Navigation bar. */ #navigation { /* Sometimes you want to prevent overlapping with main div. */ /* overflow: hidden; */ /* Main menu and secondary menu links and menu block links. */ } #navigation .block { margin-bottom: 0; } #navigation .links, #navigation .menu { margin: 0; padding: 0; text-align: left; /* LTR */ } #navigation .links li, #navigation .menu li { /* A simple method to get navigation links to appear in one line. */ float: left; /* LTR */ padding: 0 10px 0 0; /* LTR */ list-style-type: none; list-style-image: none; } /** * Breadcrumb navigation. */ .breadcrumb ol { margin: 0; padding: 0; } .breadcrumb li { display: inline; list-style-type: none; margin: 0; padding: 0; } /** * Titles. */ .page__title, .node__title, .block__title, .comments__title, .comments__form-title, .comment__title { /* Comment title. */ margin: 0; } /** * Messages. */ .messages, .messages--status, .messages--warning, .messages--error { margin: 1.41176em 0; padding: 10px 10px 10px 50px; /* LTR */ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAD6UlEQVR42s2WX0xbVRzH3YwmC4k+GF/0ZS/S267/bmnX9nL7bwstZlnbjTDYyoC5GCbB0ZW5pdJCe6swbLFA6bpWIGuRMWVjKGP+21QW3SZBSAjGh4XEaTZTH82Cm/3ztS2xs7mw4KLRk3xyzj33/H6fe5Pz7zEA/yr/vUDukj9FH6drqTaqT8EoPs/UV+nX6TD1BlUh9AqLHlmgPKLcRHmoCOWmElK/FOKTYpS8UwLJkASiUyLI3pKhlClN0g46qj+qL/pbArlbrlO1q25JeiSgR2iYJ8ywXLSg/qP6LNl2ro8+Q4MMkKCd9K2t3q3KdQnkXXIF5aISkgEJzONm1F2qW52pDJN1MI2bUBIuAdVOJWSMTPNQgX6/vkjVpvpREpag6oMqWCYta1IzbsHh9ga0RJtzY8URMdRO9U/KSuWmNQUqh2pY3CtG+fvlqJyofMAFNrZAE+7e/RWR4X4cD9tgOGsA2U2CdtMDqwqyMyIzQ5KKqAKmcyaYxkzYd3YvjGNGFtXRPRj58DT+LOemRrFnrBLyITmUDmUyO/NYgu2d26ukHVJo3tXAMGpAs+cQmh0NeClan30uwN7TgnQ6nRd4r3thOGOAJqYB2UVC79AfZAnKHGUxQa8A2tNaNLW/jKvXv8Dyb8s4yryKA4O10A3roIvpUB+swTdz1/LJZ27PQBvT5lBH1RD4BChzlQ2wBNtc22aE/ULQgzRCl4P5BPcT93GMOYz9wb2QhCRgAq35d8u/L2PXe7tADVGgBlcQ+AXQtmlvsP/gzbJZvp8PMkJCFBYh8m0knyiVSsHe0YIGZz1+/uVOvt8z7QGvnwf+ST5EIRHIUyR4fh50rbp5lsDcYR4ReAXgBrng9q/Qfa0bfy035r7Ot2dvz4IX4IEIEAXwvDzscOw4zxJUd1YfEXlE4Aa4BQHMlwzSSBeI7iXvoTxWDqKPYCFsFaKmr+YVliB0JfS89DVpiuhlB9k/tSOZTuYFvq98yI7L0/MAsVWcGp0bfW61hbahwltxSeARsIKyWKesSKQSWIwvYkvvllwfx88pgOvhwthu/AzAxlVX8vz385tLbaVxwpcLZtEw0QDjsBGctzksiE4CimZFfHp++oWHbnbuUfdB0komMgHsRN1r0MWBsEmYODF5onY92/UTwcvBxuzXcN1ccHycVSn2FaPYWwzCQUDWKIt7z3utAJ5c74Hz+OLSomynY+cVfiM/xW3JiDyZpB3FuZrj4oCwE+Ad4qWMjPHjpTtL0mzMoxyZz9yM39Q7Y85Ok930icqm+k59TL2wm9l90dZv8y/8sPAigGf/iUN/Q4anM2zOsdLe+L+4VfwBVVjDs2rTYx0AAAAASUVORK5CYII='); background-position: 8px 8px; /* LTR */ background-repeat: no-repeat; border: 1px solid #be7; } .messages--warning { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACuElEQVRIiWP4//8/Ay0xSYqntTpnT252zqeJBf0Njhsykrz/pyd6/e9vcNpGVQv6q2wlm0qc/r0+IPD/3UG+/61l9v9mdrjIUc2C7hqHUzc3S///eZwBjO9tF/vfWe1wjioWTKixVm8otPn38wQT3IKfxxn/t5Va/utpsNSg2ILWcttrNzdJgQ3+dpQRjEHs+9tE/zeXWt+gyILOamuTqlxrsOtPLub+7+emBsSq/88v5wL7oqHQ9H9nmbkF2RbUF1rev7lJEuziuU3i/90ddcB4UZsoJC62ifyvK7R4QJYFrcUGrmUZ5v9hYb9hosh/bzcDMN42VRgeF9W5hv8bi/XdSbagKtfs2c1NEvCIPbaQ/7+/pwkYn17Ki0hR24T/l2eZPCfJgsZ83dCiNOP/yCnn7iau/8G+5mD8aBsHSoqqyNL9X5erHUm0BcVpRm9ubhZHMoTh/4eDzP/DA23+RwTZ/P96hAlF7t5Wof8FyfpvibKgNk8noyDZ4D9quofg1Bjr/1kJlhjiIF+Upmn/r83RzCJoQXaC3qcbm8SwGMLwvybP/H8jMGlik7u7VeB/Zqz2J7wWVGdr1uTG62J1PQgfWST1/+hiCaxyIF8UJqv9r8hQrcVpQVqkzrcbG0WwGvB2H/P/lnx5MAaxsam5vYn3f2KY+jesFpSlqfZnxWjidP2OGWL/g/0swBjExu4Lhv958Ur/i5KU+lEsCA1lYI4JUv95bZ0gTo2Pt3P+z0myBmMQG5e6mxu4/kf4Kf8EmQm3oCRNebKrvSawIGPBqRG9sMOp5hjjfwdrlf/58bKT4RaUpWvtcLZV/39iscD/H0AFP46jYwYiMeP/44u4/9tbKQODSXUH3II9G7v18hI0n8YGKv+IDVT6joxj/BVx4mgcOCde/SnITPRUJAHEGlTCEkQV19TAAN8FC67hZdFXAAAAAElFTkSuQmCC'); border-color: #ed5; } .messages--error { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACpElEQVR42rWWTUgbQRiGQ0Tx4MWDeFM8eBA9iKAoggiCoCiiIiL4L3oQV1CJB0UEf6iRYFpK7UniTw9VSqL2kvQsVDBpSZrtRo35czVNW3oprRf17exSl4yzu1ikAy9h59vvedhkMrMGAGoxknAk2w8MJ/WosXThiZkZt9jdLeglPjn5ATc3mhJNuNjbK0QbG3ExMICL/n6IfX0gcxB7ekDAELu6IHZ2IlJbi1hLS1BLogmPtbUhMTv7oMSamzUlqnByMxLT0/8STQkDj9TV4ZLj5OysrODl8jIu5Gs68dFR7JG6dWkJ0fFx+TpSX89IDMnwcHU1yKec12Yz3rlc4HkeLwjkXJpPip3U3+7vIx6P4ymph4eG5PlwTQ0lMdytlmBxMWKtrXLeT0zA5XTibvj9fjxfXETkb/3N/Dz2dneVuiTZtliU/rPSUsQ5ziuxZYG03IIlJdKKUPJjdRUAKMmzuTnskB/VYbdTtd9HR4g2NCi9Z2VliDY1BSnBaUEBzsrLqXyzWCiQ9HU5HA4afniIUFWV0hOqqMBpURErOM7NxWlhIZOvCwvA7S3Uxq+DA5AnZ3pO8vJYQSArC8c5Oeqx2Rj4udeLQH6+6v2B7GxW8DkjA0JmJpONwUHY7XZGIAgCzCYTeJUewmIFfqMRfEoKlQ2yJbza2oLWcLvdeDI2hk/3+iQWKzAYkJzNjg5srq9TwJ9OJ76YTNScx+ORJT66X1/grKyEbW2NgfPp6XKd/JMZySrHaQsSU1Oe+0/w3WpVgyu5HBlR6lc+H8gioevDwz6JrWwV5+3txyoSFk5DcOX1MnCyJ4Vwfb1zt1UY9SR8aioDpuppaVpwZbPTl+hHF04dOKzk8XBF8DgJC3/woU/W/EciOtELOWi8DDwp//215Q+p7kiKh2lQSAAAAABJRU5ErkJggg=='); border-color: #ed541d; } .messages__list { margin: 0; } .messages__item { list-style-image: none; } /* Core/module installation error messages. */ .messages--error p.error { color: #333; } /* System status report. */ .ok, .messages--status { background-color: #f8fff0; color: #234600; } .warning, .messages--warning { background-color: #fffce5; color: #840; } .error, .messages--error { background-color: #fef5f1; color: #8c2e0b; } /** * Tabs. */ /* Basic positioning styles shared by primary and secondary tabs. */ .tabs-primary, .tabs-secondary { overflow: hidden; *zoom: 1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYmJiYmJiIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(100%, #bbbbbb), color-stop(100%, rgba(0, 0, 0, 0))); background-image: -moz-linear-gradient(bottom, #bbbbbb 1px, rgba(0, 0, 0, 0) 1px); background-image: -webkit-linear-gradient(bottom, #bbbbbb 1px, rgba(0, 0, 0, 0) 1px); background-image: linear-gradient(to top, #bbbbbb 1px, rgba(0, 0, 0, 0) 1px); /* IE 9 and earlier don't understand gradients. */ list-style: none; border-bottom: 1px solid #bbb \0/ie; margin: 1.41176em 0; padding: 0 2px; white-space: nowrap; } .tabs-primary__tab, .tabs-primary__tab.is-active, .tabs-secondary__tab, .tabs-secondary__tab.is-active { float: left; /* LTR */ margin: 0 3px; } a.tabs-primary__tab-link, a.tabs-primary__tab-link.is-active, a.tabs-secondary__tab-link, a.tabs-secondary__tab-link.is-active { border: 1px solid #e9e9e9; border-right: 0; border-bottom: 0; display: block; line-height: 1.41176em; text-decoration: none; } /* Primary tabs. */ .tabs-primary__tab, .tabs-primary__tab.is-active { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; text-shadow: 1px 1px 0 #fff; border: 1px solid #bbb; border-bottom-color: transparent; /* IE 9 and earlier don't understand gradients. */ border-bottom: 0 \0/ie; } .tabs-primary__tab.is-active { border-bottom-color: #fff; } a.tabs-primary__tab-link, a.tabs-primary__tab-link.is-active { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; color: #333; background-color: #dedede; letter-spacing: 1px; padding: 0 1em; text-align: center; } a.tabs-primary__tab-link:hover, a.tabs-primary__tab-link:focus { background-color: #e9e9e9; border-color: #f2f2f2; } a.tabs-primary__tab-link:active, a.tabs-primary__tab-link.is-active { background-color: transparent; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#00E9E9E9'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIwLjAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, rgba(233, 233, 233, 0))); background-image: -moz-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)); background-image: -webkit-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)); background-image: linear-gradient(#e9e9e9, rgba(233, 233, 233, 0)); border-color: #fff; } /* Secondary tabs. */ .tabs-secondary { font-size: .9em; /* Collapse bottom margin of ul.primary. */ margin-top: -1.41176em; } .tabs-secondary__tab, .tabs-secondary__tab.is-active { margin: 0.70588em 3px; } a.tabs-secondary__tab-link, a.tabs-secondary__tab-link.is-active { -moz-border-radius: 0.75em; -webkit-border-radius: 0.75em; border-radius: 0.75em; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; text-shadow: 1px 1px 0 #fff; background-color: #f2f2f2; color: #666; padding: 0 .5em; } a.tabs-secondary__tab-link:hover, a.tabs-secondary__tab-link:focus { background-color: #dedede; border-color: #999; color: #333; } a.tabs-secondary__tab-link:active, a.tabs-secondary__tab-link.is-active { text-shadow: 1px 1px 0 #333; background-color: #666; border-color: #000; color: #fff; } /** * Inline styles. */ /* List of links generated by theme_links(). */ .inline { display: inline; padding: 0; } .inline li { display: inline; list-style-type: none; padding: 0 1em 0 0; /* LTR */ } /* The inline field label used by the Fences module. */ span.field-label { padding: 0 1em 0 0; /* LTR */ } /** * "More" links. */ .more-link { text-align: right; /* LTR */ } .more-help-link { text-align: right; /* LTR */ } .more-help-link a { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA7UlEQVR42qWTPQqDQBCFcwSPkCNITpAj5AjeIm1uYpkyR7Cy2Mot7OwsBAsRwUKwmOwLGRle3EIy8PyBfZ/z3J2TiPylz8VWWZZpUB40BonRKyizaxkA88MYYiqCEgv4MTvnZJom0VqWRbz3FlJZgLYtqmEY1Lg9r+sKsIXcLSC3AC019H0vqLquLeC5AfiHYSGkcdAJimKIBQiJ4+CO92OAtm0FNc8zOjkMwE5Q63FAtbeg6zpAYvG8BWR7i5qmQYwY4MIHqYhE2DOPQWcGJBQF2XU72ZzyUeZ5GCNt5/hybJgYdAXsq5sOEE/jG6dC5IOqCXTmAAAAAElFTkSuQmCC'); background-position: 0 50%; /* LTR */ background-repeat: no-repeat; padding: 1px 0 1px 20px; /* LTR */ } /** * Pager. */ /* A list of page numbers when more than 1 page of content is available. */ .pager { clear: both; padding: 0; text-align: center; } .pager-item, .pager-first, .pager-previous, .pager-next, .pager-last, .pager-ellipsis, .pager-current { display: inline; padding: 0 0.5em; list-style-type: none; background-image: none; } .pager-item, .pager-first, .pager-previous, .pager-next, .pager-last, .pager-ellipsis { /* A concatenation of several list items using an ellipsis. */ } /* The current page's list item. */ .pager-current { font-weight: bold; } /** * Blocks. */ /* Block wrapper. */ .block { margin-bottom: 1.41176em; } /** * Menus. */ .menu__item.is-leaf { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC'); list-style-type: square; } .menu__item.is-expanded { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg=='); list-style-type: circle; } .menu__item.is-collapsed { list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */ list-style-type: disc; } /* The active item in a Drupal menu. */ .menu a.active { color: #000; } /** * Marker. */ /* The "new" or "updated" marker. */ .new, .update { color: #c00; /* Remove background highlighting from in normalize. */ background-color: transparent; } /** * Unpublished note. */ /* The word "Unpublished" displayed underneath the content. */ .unpublished { height: 0; overflow: visible; /* Remove background highlighting from in normalize. */ background-color: transparent; color: #d8d8d8; font-size: 75px; line-height: 1; font-family: Impact, "Arial Narrow", Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-align: center; /* A very nice CSS3 property. */ word-wrap: break-word; } /** * Comments. */ /* Wrapper for the list of comments and its title. */ .comments { margin: 1.41176em 0; } /* Preview of the comment before submitting new or updated comment. */ .comment-preview { /* Drupal core will use a #ffffea background. See #1110842. */ background-color: #ffffea; } /* Wrapper for a single comment. */ .comment { /* Comment's permalink wrapper. */ } .comment .permalink { text-transform: uppercase; font-size: 75%; } /* Nested comments are indented. */ .indented { /* Drupal core uses a 25px left margin. */ margin-left: 30px; /* LTR */ } /** * Forms. */ /* Wrapper for a form element (or group of form elements) and its label. */ .form-item { margin: 1.41176em 0; /* Pack groups of checkboxes and radio buttons closer together. */ /* Form items in a table. */ /* Highlight the form elements that caused a form submission error. */ /* The descriptive help text (separate from the label). */ } .form-checkboxes .form-item, .form-radios .form-item { /* Drupal core uses "0.4em 0". */ margin: 0; } tr.odd .form-item, tr.even .form-item { margin: 0; } .form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid #c00; } .form-item .description { font-size: 0.85em; } .form-type-radio .description, .form-type-checkbox .description { margin-left: 2.4em; } /* The part of the label that indicates a required field. */ .form-required { color: #c00; } /* Labels for radios and checkboxes. */ label.option { display: inline; font-weight: normal; } /* Buttons used by contrib modules like Media. */ a.button { -moz-appearance: button; -webkit-appearance: button; } /* Password confirmation. */ .password-parent, .confirm-parent { margin: 0; } /* Drupal's default login form block. */ #user-login-form { text-align: left; /* LTR */ } /** * OpenID * * The default styling for the OpenID login link seems to assume Garland's * styling of list items. */ /* OpenID creates a new ul above the login form's links. */ .openid-links { /* Position OpenID's ul next to the rest of the links. */ margin-bottom: 0; } /* The "Log in using OpenID" and "Cancel OpenID login" links. */ .openid-link, .user-link { margin-top: 1.41176em; } html.js #user-login-form li.openid-link, #user-login-form li.openid-link { /* Un-do some of the padding on the ul list. */ margin-left: -20px; /* LTR */ } #user-login ul { margin: 1.41176em 0; } /** * Drupal admin tables. */ form th { text-align: left; /* LTR */ padding-right: 1em; /* LTR */ border-bottom: 3px solid #ccc; } form tbody { border-top: 1px solid #ccc; } form table ul { margin: 0; } tr.even, tr.odd { background-color: #eee; border-bottom: 1px solid #ccc; padding: 0.1em 0.6em; } tr.even { background-color: #fff; } /* Markup generated by theme_tablesort_indicator(). */ td.active { background-color: #ddd; } /* Center checkboxes inside table cell. */ td.checkbox, th.checkbox { text-align: center; } /* Drupal core wrongly puts this in system.menus.css. Since we override that, add it back. */ td.menu-disabled { background: #ccc; } /** * Autocomplete. * * @see autocomplete.js */ /* Suggestion list. */ #autocomplete .selected { background: #0072b9; color: #fff; } /** * Collapsible fieldsets. * * @see collapse.js */ html.js .collapsible .fieldset-legend { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg=='); background-position: 5px 65%; /* LTR */ background-repeat: no-repeat; padding-left: 15px; /* LTR */ } html.js .collapsed .fieldset-legend { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */ background-position: 5px 50%; /* LTR */ } .fieldset-legend .summary { color: #999; font-size: 0.9em; margin-left: 0.5em; } /** * TableDrag behavior. * * @see tabledrag.js */ tr.drag { background-color: #fffff0; } tr.drag-previous { background-color: #ffd; } .tabledrag-toggle-weight { font-size: 0.9em; } /** * TableSelect behavior. * * @see tableselect.js */ tr.selected td { background: #ffc; } /** * Progress bar. * * @see progress.js */ .progress { font-weight: bold; } .progress .bar { background: #ccc; border-color: #666; margin: 0 0.2em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .progress .filled { background-color: #0072b9; background-image: url('../images/progress.gif?1424710511'); } /** * @file * Print styling * * We provide some sane print styling for Drupal using Zen's layout method. */ /** * By importing this CSS file as media "all", we allow this print file to be * aggregated with other stylesheets, for improved front-end performance. */ @media print { #page { font-size: 17px !important; } /* Underline all links. */ a:link, a:visited { text-decoration: underline !important; /* Don't underline header. */ } a:link.header__site-link, a:visited.header__site-link { text-decoration: none !important; } #content { /* Add visible URL after links. */ /* Only display useful links. */ /* Add visible title after abbreviations. */ } #content a[href]:after { content: " (" attr(href) ")"; font-weight: normal; font-size: 17px; } #content a[href^="javascript:"]:after, #content a[href^="#"]:after { content: ""; } #content abbr[title]:after { content: " (" attr(title) ")"; } /* Un-float the content. */ #content { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Turn off any background colors or images. */ body, #page, #main, #content { color: #000; background-color: transparent !important; background-image: none !important; width: 100%; } /* Hide sidebars and nav elements. */ #skip-link, #toolbar, #navigation, .region-sidebar-first, .region-sidebar-second, #footer, #minifooter, #header, .region-subnav, .breadcrumb, .tabs, .action-links, .links, .book-navigation, .forum-topic-navigation, .pager, .feed-icons { visibility: hidden; display: none; } .menu_container { display: none !important; } .js .anchor-link:before { content: "" !important; } #main { border: 0 !important; } img { position: relative; z-index: 50; } /* hide top images and videos on overview pages */ .toprow .pane-news, .toprow video, .toprow embed, .toprow object, .toprow .overviewimage { display: none; } /* from old template */ body { color: black; background: white; } #content a { text-decoration: underline !important; } a:link, a:visited { background: white; color: #666; text-decoration: underline !important; font-weight: bold; } h1 { clear: both !important; width: 100%; } #content { font-size: 10px; } #content p, #content li, #content a { font-size: 10px; } #content h1, #content h3, #content h4, #content h5, #content h6 { background: white; color: black !important; font-size: 12px !important; } #main h1#page-title { font-size: 12px !important; } #content .intro { font-size: 11px; } h3 { font-size: larger; font-family: Georgia, serif; } #skip, #topnav, #bannermenu, #local, #uvmcustomnav, #uvmsocialmedia, footer { display: none; } #main a#logo { /* overflow:hidden; */ border-bottom: 1px solid #ccc; padding-bottom: 10px; margin: 0 0 14px !important; padding: 0 0 10px 0 !important; } #main img.header__logo-image { width: 280px !important; height: inherit; } #content { border: 0; margin-left: 0; padding: 0; } #page { border: 0; width: auto !important; } header h1 img { float: left; } header h1 a:link, header h1 a:visited { font-size: 0pt; } /** news **/ #storyShare, #storyMore { display: none; } #storyInfo ul { padding: 0; } #storyInfo li { list-style: none; display: inline; padding-right: .25in; } .storyCaption { font-size: smaller; color: #787878; font-style: italic; } #storyPrimaryMedia { float: left; width: 3in; margin: 0 .25in .25in 0; } #storyPrimaryMedia img { max-width: 3in; } #storyExtras img { max-width: 2.5in; } #storyExtras { clear: left; float: right; width: 2.5in; margin: .25in 0 .25in .25in; } #storyQuote { overflow: hidden; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: .25in 0; font-size: larger; font-family: Georgia, serif; line-height: 150%; color: #787878; margin-bottom: .125in; } #storyQuote:before { display: block; float: left; margin: .25in .125in 0 0; font-size: 500%; content: open-quote; color: #ababab; } /** custom calls **/ /* .rightcolumn_float, .rightcol {float:right;width:2in;margin:.25in 0 .25in .25in;border-left:1px #ccc solid;padding-left:.125in;} .rightcolumn_float img, .rightcol img {max-width:2in;} */ .uvmtable { border: 1px #ccc solid; border-collapse: collapse; } .uvmtable th { border: 1px #666 solid; padding: .125in; } .uvmtable td { border: 1px #ccc solid; padding: .125in; } #box { border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; } .imageleft { float: left; margin-right: .125in; } .imageright { float: right; margin-left: .125in; } ul.with_img { padding: 0; } ul.with_img li { list-style: none; overflow: hidden; margin-bottom: .125in; } ul.with_img li img { float: left; margin-right: .125in; } } /* SMACSS theme rules */ /* Partials for uvmbase theme */ /**** Colors for Colleges ****/ #main:before, #main:after { content: ""; display: table; } #main:after { clear: both; } .singlecol, .centercol, .centercol_small, .rightcol, .leftcol, .bottomrow, .toprow, .two_equalcol_1, .two_equalcol_2 { padding-left: 20px; padding-right: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; float: left; width: 100%; margin-left: 0%; margin-right: -100%; clear: left; } .toprow, .bottomrow { padding-right: 0; padding-left: 0; } @media only screen and (min-width: 800px) { #main:before, #main:after { content: ""; display: table; } #main:after { clear: both; } .centercol, .centercol_small, .rightcol, .leftcol, .toprow, .bottomrow, .two_equalcol_1, .two_equalcol_2 { padding-left: 20px; padding-right: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } .wrap_l { float: left; width: 33.33333%; margin-left: 0%; margin-right: -33.33333%; } .wrap_r { float: left; width: 16.66667%; margin-left: 33.33333%; margin-right: -50%; } .toprow, .bottomrow { float: left; width: 100%; margin-left: 0%; margin-right: -100%; padding-right: 0; padding-left: 0; } .bottomrow { clear: both; } .leftcol { float: left; width: 16.66667%; margin-left: 0%; margin-right: -16.66667%; } .centercol { float: left; width: 75%; margin-left: 0%; margin-right: -75%; clear: left; } .centercol_small { float: left; width: 58.33333%; margin-left: 16.66667%; margin-right: -75%; clear: none; } .rightcol { float: left; width: 25%; margin-left: 75%; margin-right: -100%; clear: right; } .two_equalcol_1 { float: left; width: 50%; margin-left: 0%; margin-right: -50%; padding-left: 0; } .two_equalcol_2 { float: left; width: 50%; margin-left: 50%; margin-right: -100%; clear: right; padding-right: 0; } .singlecol { padding-left: 80px !important; padding-right: 80px !important; } .singlecol div.imageleft { margin-left: -80px !important; } .singlecol .pane-node-field-image.imageleft + .pane-node-field-caption { margin-left: -80px !important; } #footer, #header { clear: left; float: left; width: 75%; margin-left: 0%; margin-right: -75%; float: none; } } /* admin interface issue in FF */ ul.tabs-primary { overflow: visible; clear: both; float: none; width: 100% !important; height: 30px; margin-top: 8px; } ul.tabs-primary li:before { content: "" !important; } body { font-weight: 200; color: #444444; width: 100%; padding: 0; margin: 0; background: #ececec; /* background:#fff; */ } #page { overflow: hidden !important; } #page, #main { margin: 0 auto; width: 100%; padding: 0; } #main { margin: 0; width: calc(100% - 1px); background: transparent; background: #fff; border-left: 1px solid #ccc; } #header { background: #ececec; margin: 0; padding: 0; } #name-and-slogan { display: none; } a#logo { width: 100%; width: calc(100% - 40px); height: inherit; background: transparent; margin: 0 auto; margin-top: -25px; margin-top: -51px; padding-top: 0; padding-bottom: 1.2em; float: left; margin-left: 50px; } img.header__logo-image { width: 250px; /* width: 80%;*/ height: inherit; background: transparent; float: left; } #content { margin: 0 auto; padding: 0; background: #fff; } /* ============================================================== TOP BAR =============================================================*/ #topbar_wrapper { width: 100%; clear: both; } /***** MAIN MENU ******/ div.region-navigation { width: 100%; padding: 0; margin: 0; border: 0; background: #ccc; } /* --- Action ---- */ .js .menu_container, .js .anchor-link { background: none; padding: 0; display: block; margin: 0; float: left; } .js .menu_container { width: 100%; height: 60px; clear: both; background-color: #92bd3f; background: #fff; overflow: hidden; } .js .anchor-link { background: transparent; background: #426139; padding: 10px 5px; margin-left: 0; height: 41px; width: 32px; color: transparent; float: left; overflow: hidden; } .js .anchor-link:before { font-family: 'socialmedia'; content: "\e60e"; padding: 10px 0; height: 40px; float: left; font-size: 1.8em; color: #fff; margin-left: 0; } #main, #header, .anchor-link { float: left; } #header { padding: 0; } .js #header { margin-left: -200% !important; } .js .activatesidemenu #header { margin-left: -100% !important; min-width: 200px; width: 70%; margin-right: -70%; /* makes menu work for Safari, chrome */ } .js .activatesidemenu #main { margin-right: -70%; margin-left: 71%; /* makes menu work for firefox */ } .js .activatesidemenu .anchor-link { margin-left: 70%; } .js .menu-name-main-menu ul ul { display: none; } .js #toolswrapper { display: none; } .js .activatesidemenu .menuactive + div#toolswrapper { display: block; } .js .menu-name-main-menu .itemactive ul { display: block; } .js .menu-name-main-menu .itemactive span:after { content: "\e29a"; } /* --- APPEARANCE --- */ .menu-name-main-menu { background: #ececec; padding-top: 4em; } .menu-name-main-menu ul { text-transform: uppercase; font-weight: normal; margin: 0; padding: 0; } .menu-name-main-menu ul li { display: block; font-size: 0.88888888888889em; letter-spacing: .02em; cursor: pointer; border-bottom: 1px solid #ccc; padding: 0; float: left; width: 100%; clear: both; } .menu-name-main-menu ul li.itemactive { border-bottom: 0; } .menu-name-main-menu ul li a { padding: .3em 0; text-decoration: none; } .menu-name-main-menu ul li a:link, .menu-name-main-menu ul li a:visited { color: #292929; } .menu-name-main-menu ul li a:hover, .menu-name-main-menu ul li a:active { color: #c75d2c; } .menu-name-main-menu li span { padding: 1.7em 4%; float: left; } .menu-name-main-menu li span:after { font-family: 'socialmedia'; content: "\e29c"; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 5px; font-size: 1.25em; position: absolute; text-indent: 0; } .menu-name-main-menu ul li.itemactive span:after { content: "\e29a"; } .menu-name-main-menu ul li ul { margin-top: .8em; clear: left; } .menu-name-main-menu ul li ul li { font-size: .85em; font-weight: 200; line-height: 1.4em; text-transform: none; margin: 0; padding: .8em 8%; width: 84%; } /* THIS IS SUPPOSED TO EXTEND THE DRAWER BACKGROUND COLOR THE FULL HEIGHT body.activatesidemenu #main:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-color: #4e4e4e; } */ /***** TOOLS and SEARCH ********/ #mobiletools { float: left; width: 100%; clear: both; background: #fff; } #topnav { position: relative; z-index: 44; font-weight: 400; display: inline; width: 100%; margin: 0; float: left; overflow: visible; text-transform: uppercase; letter-spacing: 0.05em; background: #426139; height: 40px; padding: 10px 0; } #topnav li, #topnav li a { color: #fff; font-weight: 400; } #topnav li { cursor: pointer; float: none; display: inline; overflow: visible; margin: 0; width: 29%; padding: .2em 0; } #topnav li:after { content: "|"; padding: 0 2px; } #topnav li.myuvm:after { content: ""; } #topnav a { display: inline-block; text-decoration: none; padding: 1.25em 2% .75em; color: #fff; font-size: .7em; } #topnav li span { width: 100%; display: inline; text-decoration: none; cursor: pointer; width: 96%; padding-right: 2%; padding-left: 2%; font-size: .7em; } #topnav li.apply a { padding-left: 4%; } #topnav li span:after { font-family: 'socialmedia'; content: "\e29c"; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.25em; text-indent: 0; } ul#topnav.menuactive li span:after { content: "\e29a" !important; } #toolswrapper { float: left; clear: both; overflow: visible; display: block; position: relative; z-index: 44; padding: 1em 4%; background: #f5f5f5; } #toolswrapper a { display: inline-block; text-decoration: none; padding: 1em 1em .75em; color: #666; } #search { max-width: 1200px; width: 100%; margin: 0 auto; float: left; display: block; } #search h2 { font-size: 1em; color: #444; text-transform: none; margin-bottom: -.2em; } #gcsepeople, #az { padding: 1em 2%; width: 45%; float: left; width: 96%; } #az ul, #az li { background: #e2e2e2; padding: 0; margin: 0; } #az #azlist { margin-top: 8px; } #az li { text-align: center; background: transparent; } #toolswrapper #az a { text-decoration: none; color: #666; padding: 0; width: 2.5em; padding: 1em 1em; font-weight: 700; width: 2em; } /* Search boxes */ #search tbody, #search tr, #search td { border: 0 !important; } table.gsc-search-box td.gsc-input, table.people-search-box td.people-input { padding: 0px !important; } input.people-search-button, input.gsc-search-button { text-transform: uppercase; font-size: 0.8rem !important; letter-spacing: .1em; background-color: #426139; border: 1px solid #426139; border-radius: 2px; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; color: #FFFFFF; font-family: inherit; height: 30.5px !important; min-width: 54px !important; padding: 0 8px !important; margin-left: 0px !important; font-weight: 300 !important; } input.gsc-search-button { /* min-width:50px !important; */ } /* GOOGLE SEARCH */ table.gsc-search-box { background: 0 !important; border: 0 !important; width: 99.5% !important; } table.gsc-search-box .gsc-input-box { float: left; } table.gsc-search-box input.gsc-input { float: left; background-image: none !important; border-right: 0 !important; width: 100% !important; padding: 5px 6px; } table.gsc-search-box td.gsc-search-button { padding: 0; } header .gsc-search-box-tools .gsc-search-box td.gsc-input { padding-right: 0 !important; } div#___gcse_0 div { border: 0; } .cse form.gsc-search-box, form.gsc-search-box { padding: 0 0 1em 0 !important; background: none !important; border: 0 !important; padding-left: 0; } /* DIRECTORY SEARCH */ #people-input-suggestions { margin-top: -10px; } #people-input-suggestions ul li { border-bottom: 0; } table.gsc-completion-container { background: #f93; border: 0; background: #fff; margin-top: -4px; } table.gsc-completion-container td.gssb_a { border: 0; } .gsc-completion-title { color: #f25; } table.people-search-box { border-spacing: 0; border-style: none; border-width: 0; margin-bottom: 2px; width: 100%; padding-top: 8px; } table.people-search-box td.people-input { padding: 0 2px 0 0; } table.people-search-box td { vertical-align: middle; border: 0; } input.people-input { border: 1px solid #ccc; border-right: 0; font-family: inherit; font-size: 16px; padding: 3px 6px; width: 100%; } td.people-search-button { width: 1%; padding: 0; } td.people-clear-button { width: 14px; } div.people-clear-button { background: url("//www.google.com/uds/css/clear.gif") no-repeat center center; cursor: pointer; display: inline; margin-left: 4px; margin-right: 4px; padding-left: 10px; text-align: right; } /* ================================================================= Base Layout ============================================================== */ .intro { font-size: 1.13333333333333em; line-height: 1.8888888em; padding: 1em 20px; } div.fullpage_line { clear: both; border-bottom: 1px solid #ccc; width: 100%; } .rightcol { border: 1px solid #ccc; background: #f5f5f5; font-size: 0.88888888888889em; } .rightcol .pane-views, .rightcol .pane-block, .rightcol .pane-entity-field { border-top: 1px solid #ccc; clear: both; margin-left: -20px; width: 100%; padding: 1.4em 20px; float: left; } .rightcol > .panel-pane:first-child { border: 0; } .rightcol .pane-views .pane-entity-field { border-top: 0; } .centercol h2 { margin: 1em 0 .6em; } #content .leftcol { font-size: 0.88888888888889em; /* width:92%; padding:1.4em 4%; */ line-height: 1em; padding-bottom: 1.4em; padding-top: 1.4em; } .leftcol .box { outline: 1px #ccc solid; background: #f5f5f5; padding: 1em; margin-bottom: 1em; } .leftcol h2 { color: #275e95; font-size: 1.11111111111111em; } .leftcol ul, .rightcol ul { margin-left: 0; padding-left: 0; } .leftcol ul li, .rightcol ul li { margin-bottom: .8em; } #content .centercol, #content .centercol_small { /* width:92%; padding:1.4em 4%; */ padding-top: 1.4em; padding-bottom: 1.4em; } .video-container, .player { position: relative; padding-bottom: 56.25%; padding-top: 2em; height: 0; overflow: hidden; } .topbanner1200x390 .player { padding-bottom: 26%; } .video-container iframe, .video-container object, .video-container embed, .player iframe, .player object, .player embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .pane-node-field-embedded-video { width: 51%; width: 100%; height: inherit; float: left; margin-right: 5%; margin: 0; margin-bottom: 1.4em; padding: 0; } .pane-node-field-embedded-video iframe { width: 100%; margin: 0 auto; } .pane-node-field-embedded-video .video-embed-description { padding: .6em 4% 0; font-style: italic; } .tint_iframe { height: 300px; width: 80%; margin: 0 10%; } #content .pane-uvm-story-view .uvm_stories_page ul { list-style: none !important; width: 100%; padding: 0; margin: 0; } #content .pane-uvm-story-view .uvm_stories_page li { padding: 1em 4%; margin: 0; float: left; } #content .pane-uvm-story-view .uvm_stories_page img { width: 100%; padding-bottom: 0; } .storifyscroll { height: 380px; overflow: scroll; width: 80%; float: left; border: 1px solid #ccc; } @media (min-width: 200px) and (max-width: 650px) { .imageleft, .imageright { float: left; margin: 0 0 .8em; width: 100% !important; height: inherit !important; } } @media only screen and (min-width: 500px) { a#logo { margin-top: -57px; } img.header__logo-image { width: 280px; } .js .activatesidemenu #header { width: 54%; margin-right: -54%; } .js .activatesidemenu #main { margin-right: -54%; margin-left: 55%; } .js .activatesidemenu .anchor-link { margin-left: 54%; } #topnav a { padding: 1.25em 5% .75em; } #topnav a, #topnav li span { font-size: .8em; } } @media only screen and (min-width: 650px) { img.header__logo-image { width: 400px; height: inherit; background: transparent; } .js .activatesidemenu #header { width: 40%; margin-right: -40%; } .js .activatesidemenu #main { margin-right: -40%; margin-left: 41%; } .js .activatesidemenu .anchor-link { margin-left: 40%; } .menu-name-main-menu ul span, .menu-name-main-menu ul li ul li { font-size: .95em; } #content .uvm_stories_page li { width: 42%; padding: 1.5em 4% 1em; } #content .uvm_stories_page .views-row-odd { clear: left; } .imageleft { float: left; width: 50% !important; height: inherit; margin: 0 20px .6em 0; } .imageright { float: right; width: 50% !important; height: inherit; margin: 0 0px .6em 20px; } } @media only screen and (min-width: 800px) { body { background: #fff; } #main { margin: 0 20px; width: calc(100% - 40px); background: transparent; border-left: 0; } .js .menu_container, .js .active-link { display: none; } .js .menu-name-main-menu ul.menuactive li ul { display: block; } .js .menuactive + div#toolswrapper { display: block; } .menu-name-main-menu ul.menuactive li span:after { content: "\e29a"; } /* .js #toolswrapper, .js .menu-name-main-menu ul li ul{ display:block; visibility:hidden; opacity:0; transition:visibility 0s linear 0s,opacity 0s linear; height:0; padding:0; margin:0; } .js .menuactive+div#toolswrapper, .js .menu-name-main-menu ul.menuactive li ul{ display:block; height:auto; visibility:visible; opacity:1; padding:1.2em 20px 2em 20px; transition:visibility 0s linear 0.5s,opacity 0.5s linear; transition-delay:.0s; } */ .js #header, #header { background: #f5f5f5; border-top: 60px solid #92bd3f; padding-bottom: 0; margin-left: 0 !important; width: 100%; } #page { width: 100%; margin: 0 auto; max-width: none; } #main { margin: 0 auto !important; float: none; max-width: 1200px; } a#logo { margin-top: -25px; margin-left: 0; padding-bottom: 1.7em; float: left; width: 100%; height: inherit; } img.header__logo-image { margin-left: 0; } #content { max-width: 1200px; /* background:#fff; */ } #mobiletools { display: none; } #topbar_wrapper { display: block; margin-left: 0; padding: 0; margin: 0 auto; margin-top: -60px; max-width: 1200px; background: transparent; position: relative; z-index: 44; } div.region-navigation { width: 72%; width: calc(80% - 90px); float: left; margin: 0; margin-left: 90px; padding: 0; background: transparent; } .anchor-link { display: none; } .menu-name-main-menu { background: none; width: 100%; padding: 0; margin: 1.5em 0 -1.5em 0; float: left; clear: none; } .menu-name-main-menu ul { list-style: none; } .menu-name-main-menu ul li { width: 18%; overflow: hidden; background: transparent; display: inline-block; text-align: left; padding: 0 2% 0 0; margin: 0; border: 0; clear: none; } .menu-name-main-menu ul li span { height: 3em; width: calc(100% - 10px); display: block; padding: .2em 1%; padding-left: 10px; text-decoration: none; font-size: .85em; cursor: pointer; } .menu-name-main-menu ul span, .menu-name-main-menu ul li ul li { font-size: .85em; } .menu-name-main-menu ul li ul { float: left; background: transparent; padding-bottom: 0em; width: 100%; margin-top: .3em; border-left: 1px #ddd solid; padding-left: 10px; margin-bottom: 2em; } .menu-name-main-menu ul li ul li { display: block; float: left; clear: left; padding: .5em 0; width: 100%; margin-bottom: 1.1em; } /* overwrites _responsive */ #navigation { /* Move the navbar up inside #main's padding. */ position: relative; top: 0; height: inherit; width: 100%; } #topnav #cse-search-form { display: table-cell; vertical-align: middle; } /***** TOOLS and SEARCH ********/ ul#topnav { width: 17%; width: calc(20% - 2px); margin-top: 0; float: right; overflow: visible; text-transform: uppercase; letter-spacing: 0.05em; display: inline; background: transparent; float: right; clear: none; padding-right: 0; padding: 0; margin: 0; } #topnav li { font-size: .85em; background: #729356; cursor: pointer; float: left; display: inline; overflow: hidden; margin: 0 !important; width: 39%; width: calc(40% - 1px); padding: 26px 0 14px 0; height: 20px; text-align: center; } #topnav li:after { content: ""; padding: 0; } #topnav li.apply { background: #426139; width: 30%; width: 29%; width: 29.5%; } #topnav li.myuvm { border-left: #92bd3f 1px solid; width: 30%; } #topnav a, #topnav li span { text-align: center; display: inline-block; text-decoration: none; padding: 0; float: left; color: #fff; vertical-align: middle; margin: 0 auto; width: 100%; cursor: pointer; font-size: .8em; } #uvm-search { padding: 1.5em 0em .75em; color: #fff; } #topnav li span { width: 100%; margin-top: -2px !important; padding-right: 5%; padding-left: 5%; padding-left: 2px; } #topnav li span:after { font-family: 'socialmedia'; content: "\e29c"; padding-left: 2px; } #toolswrapper { padding: 1.2em 20px 2em 20px; background: none; } #gcsepeople, #az { padding: 1em 2% 1em 0; width: 48%; } #az { padding: 1em 0 1em 2%; } #toolswrapper a { display: inline-block; text-decoration: none; padding: 1em 1em .75em; color: #666; } #toolswrapper #az a { padding: 1em .8em; width: 1em; font-weight: 400; font-size: .9em; } #search { margin: 0 auto; padding: 0; float: left; display: block; } /* ================================================================= Base Layout ============================================================== */ /* For generic templates */ /* this could be integrated with the above top tier style - testing is needed */ body.node-type-basic-interior-page-1 .rightcol { background: #fff; } .intro { padding: 0 0 1em; } #content .centercol { padding-left: 0; } #content .centercol_small { padding-top: 1.2em; } .centercol_small ul li { margin-bottom: .8em; } .half-size { width: 55%; float: left; } #content div.leftcol { font-size: 0.88888888888889em; padding-left: 0; } #content div.leftcol h4 { line-height: 1.2em; } #content div.leftcol h3 { text-transform: none !important; color: #7799bb; line-height: 1.2em; margin-bottom: 1em; } #content div.leftcol p { font-size: .95m; line-height: 1.4em; margin-bottom: .7em; } .leftcol .box { padding: 0; background: none; outline: none; } .imageleft { width: auto !important; margin: 0 20px 1em 0; } .imageright { width: auto !important; margin: 0 0 1em 20px; } /* Burlington Page to be MOVED */ #burlington_wrapper { padding-top: 1em; } #burlington_wrapper img { width: 68%; float: left; padding: 0 4% 1em 0; } #content ul.sm_column { list-style: none !important; width: 28%; padding: 0 0 .6em; margin: 0; float: right; } #content ul.sm_column li { margin: 0; padding: 0; } #content ul.sm_column li ul li { margin-left: 20px; padding: 0; font-size: .85em; } .storifyscroll { height: 480px; overflow: scroll; width: 100%; float: right; border: 0; } .video-container, .player { position: relative; padding-bottom: 56.25%; padding-top: 2em; height: 0; overflow: hidden; /* float:left; explore deleting this */ /* margin-right:2%; */ margin-bottom: .4em; } .topbanner1200x390 .player { padding-bottom: 38%; } .pane-node-field-embedded-video { width: 51%; margin-right: 4%; margin-bottom: 1.4em; } .pane-node-field-embedded-video .video-embed-description { padding: .6em 0 0; } .tint_iframe { height: 300px; width: 100%; margin: 0; } } @media only screen and (min-width: 960px) { .menu-name-main-menu ul li span, #topnav a, #topnav li span { font-size: .9em; } .topbanner1200x390 .player { padding-bottom: 30%; } } @media only screen and (min-width: 1200px) { #toolswrapper { padding: 1.2em 0 2em 0; } .topbanner1200x390 .player { padding-bottom: 56.25%; } } html { font-size: 17px; font-family: "Open Sans", Arial, Helvetica, sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; line-height: 24px; font-weight: 300; } html * html { font-size: 112.5%; } html html { line-height: 0.33333em; } @media (min-width: 601px) { html { font-size: 100%; } } @media (min-width: 1000px) { html { font-size: 106.25%; } } h1 { font-size: 1.30769230769231em; line-height: 1.22727em; margin: 1em auto 0.54545em; margin: 1.3em auto 1em; padding: 1.3em 0 1.3em 4%; font-weight: 300; color: #426139; text-transform: uppercase; letter-spacing: 0.04em; } h1 a { color: #426139; } h2 { font-size: 1.22222222222222em; line-height: 1.28571em; margin: 0 auto 0.42857em; font-weight: 400; color: #729356; letter-spacing: 0.04em; } h2 a:link, h2 a:visited { color: #729356; } h3 { font-size: 1.11111111111111em; line-height: 1.36364em; margin: 0 auto 0.54545em; font-weight: 400; color: #275e95; text-transform: uppercase; letter-spacing: 0.04em; } h3 a:link, h3 a:visited { color: #275e95; } .node-homepage h3 { color: #729356; } h4 { font-size: 1.05555555555556em; line-height: 1.36364em; margin: 0 auto 0.54545em; font-weight: 400; color: #7799bb; letter-spacing: 0.04em; } h4 a:link, h4 a:visited { color: #7799bb; } h5 { font-size: 0.83333333333333em; line-height: 1.5em; margin: 0 auto 0.66667em; font-weight: 400; color: #888; text-transform: uppercase; } h5 a:link, h5 a:visited { color: #888; } h6 { font-size: 0.77778em; line-height: 1.5em; margin: 0 auto 0.66667em; font-weight: 600; color: #444; text-transform: uppercase; } h6 a:link, h6 a:visited { color: #444; } ul { list-style-type: none; list-style: none outside url("../images/bullet3x.png"); padding-left: 0px; } ul.no-bullet { list-style-image: none !important; } ul.no-bullet li { padding-left: 0; margin-left: 0 !important; } ul.no-bullet li ul { margin-left: 30px !important; } /* Abbreviations */ abbr[title] { border-bottom: 0; } /* Links */ a:link, a:visited { color: #888; text-decoration: none; } a:hover, a:active { -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; color: #c75d2c; } /* adds dashed line to some but not all links */ #content, #websitecontent { /* hacky exclusion of border on linked images */ } #content p a, #content li a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #websitecontent p a, #websitecontent li a, #websitecontent h2 a, #websitecontent h3 a, #websitecontent h4 a, #websitecontent h5 a { border-bottom: 1px dashed #ddd; } #content a img, #websitecontent a img { margin-bottom: -6px; } #content .quicktabs-tabs li a, #content p a img, #content ul.socialmedia li a, #content .bottom_cta_links li a, #content .field-quicklinks li a, #content .button a, #content .three_equalcol_3 .field-sidebar-body ul li a, #content .field-homepage-feature-caption p a, #content ul.field-cta-links li a, #content .middle_wrapper p a, #content .middle_wrapper li a, #content .events_list a, #content .azlist li a, #content #azlist li a, #content #factbar li a, #content .band_views li a, #content ul.list_sm li a, #content #admissions_mm ul#azlist li a, #content .buttonlist .ugrad_cta, #content .buttonlist .ugrad_cta.four_cta, #content .horiz_nav ul li a, #content .ug_why_buttons li a, #content .admitted.buttons li a, #websitecontent .quicktabs-tabs li a, #websitecontent p a img, #websitecontent ul.socialmedia li a, #websitecontent .bottom_cta_links li a, #websitecontent .field-quicklinks li a, #websitecontent .button a, #websitecontent .three_equalcol_3 .field-sidebar-body ul li a, #websitecontent .field-homepage-feature-caption p a, #websitecontent ul.field-cta-links li a, #websitecontent .middle_wrapper p a, #websitecontent .middle_wrapper li a, #websitecontent .events_list a, #websitecontent .azlist li a, #websitecontent #azlist li a, #websitecontent #factbar li a, #websitecontent .band_views li a, #websitecontent ul.list_sm li a, #websitecontent #admissions_mm ul#azlist li a, #websitecontent .buttonlist .ugrad_cta, #websitecontent .buttonlist .ugrad_cta.four_cta, #websitecontent .horiz_nav ul li a, #websitecontent .ug_why_buttons li a, #websitecontent .admitted.buttons li a { border-bottom: 0; } body.node-type-uvmadmissions-landing-page #content .topbanner .field-caption p a, body.node-type-uvm-admissions-marketing #content .topbanner .field-caption p a { border-bottom: 0; } #content p, #content ul, #content ol { font-size: 1em; line-height: 1.66667em; margin: 0 auto 1.33333em; font-weight: auto; color: auto; } #content .rightcol ol { padding-left: 15px; } #content li { margin: .25em 0 .8em 1.6em; line-height: 1.6em; } #content ol li { margin: 0 auto 0.66667em; font-weight: auto; color: auto; margin-left: .6em; } #content li ul li { margin-top: 0.33333em; margin-bottom: 0.33333em; } #content address { font-style: normal; } #content figcaption { font-size: 0.77778em; line-height: 1.71429em; margin: 0 auto 1.71429em; font-weight: 400; color: #888888; } #content strong { font-weight: 600; } #content p.small_text { font-size: .85em; } p.semi_bold, .semi_bold { font-weight: 400; } h4.pull_quote, h5.pull_quote { padding: .6em 0px; font-family: "Roboto Slab", sans-serif; font-size: 1.4em; } h5.pull_quote { font-size: 1.2em; } #content p.dashed_line { margin: 0; padding: 0; border-top: 1px dashed #ccc; } #content p.solid_line { margin: 0; padding: 0; border-top: 1px solid #ccc; } #content a.readmore { /* float:left; */ font-size: .8em; font-weight: 600; text-transform: uppercase; padding-top: 1.6em; } #content a.readmore:link, #content a.readmore:visited { color: #888; } #content a.readmore:hover, #content a.readmore:active { color: #c75d2c; } /* Hides the ugly pdf icon on pdf links */ p span.file img, p span.file span.file-size, li span.file img, li span.file span.file-size { display: none !important; } @media only screen and (min-width: 800px) { h1 { padding: 1.3em 0; } h4.pull_quote, h5.pull_quote { padding: .8em 70px; } .rightcol h4.pull_quote, .rightcol h5.pull_quote, .four_equalcol_4 h4.pull_quote, .four_equalcol_4 h5.pull_quote, .three_equalcol_3 h4.pull_quote, .three_equalcol_3 h5.pull_quote { padding: .6em 0; } } body.front h1#page-title { position: absolute; left: -999em; } /* Links */ body.front #content a:link, body.front #content a:visited { color: #444; } body.front #content a:hover, body.front #content a:active { color: #c75d2c; } #four_square_wrapper { width: 100%; float: left; clear: both; } #four_square_wrapper .view-display-id-block_3 { padding: 0; } #four_square_wrapper .view-content { width: 100%; float: left; } #four_square_wrapper table.views-view-grid { background: #fff; margin: 0; border: 0; padding: 0; width: inherit; float: left; height: 100%; } #four_square_wrapper .view-display-id-block_3 { border-right: 0; width: 100% !important; float: left; } #four_square_wrapper .view-display-id-block_3 tr.row-2 td { /* padding-bottom:1em; overflow:hidden; background:#f5f5f5; */ } #four_square_wrapper .view-display-id-block_3 td.col-2, #four_square_wrapper .view-display-id-block_3 td.col-1 { background: #f5f5f5; width: 50%; height: 50% !important; border-right: 10px solid #fff; border-left: 10px solid #fff; vertical-align: top; padding: 0; } #four_square_wrapper .view-display-id-block_3 td.col-2 img, #four_square_wrapper .view-display-id-block_3 td.col-1 img { width: 100%; margin: 0; height: inherit; } #four_square_wrapper .view-display-id-block_3 td.col-1 { border-left: 0; } #four_square_wrapper .view-display-id-block_3 td.col-2 { border-right: 0; } #four_square_wrapper tr.row-2 { border-top: 8px solid #fff; border-bottom: 8px solid #fff; } #four_square_wrapper td div.views-field-field-short-title { height: 60px; overflow: hidden; } #four_square_wrapper td div.views-field-field-short-title div.field-content { line-height: 1.1em; padding: .4em 4%; width: 92%; font-size: .9em; } #featured_image_wrapper { width: 100%; margin: 0 0 1.2em 0; margin: 0; padding: 0; float: left; clear: both; /* NAVIGATION FOR FEATURE IMAGE span#views_slideshow_controls_text_pause_homepage_feature_view-block{ display:none; } .views-slideshow-controls-bottom{ background:none; position:relative; z-index:40; margin-top:-170px; margin-bottom:130px; } #views_slideshow_controls_text_homepage_feature_view-block a{ color:transparent !important; font-family: 'socialmedia'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:absolute; text-indent:0; } #views_slideshow_controls_text_homepage_feature_view-block span:hover{ text-decoration:none; } span#views_slideshow_controls_text_next_homepage_feature_view-block{ float:right; padding:0; margin-right:80px; } span#views_slideshow_controls_text_previous_homepage_feature_view-block{ padding:0; float:left; } span#views_slideshow_controls_text_next_homepage_feature_view-block a:after{ content: "\e297"; color:#444; background:#fff; opacity:.6; padding:5px 10px 5px 10px; font-size:1.5em; } span#views_slideshow_controls_text_previous_homepage_feature_view-block a:before{ content: "\e299"; color:#444; background:#fff; opacity:.6; padding:5px 10px 5px 10px; font-size:1.5em; } */ } #featured_image_wrapper h3 { height: 60px; color: #FFF; font-size: 1.2em; text-shadow: 1px 1px 7px #333; font-weight: 700; /* margin-top:-60px; */ margin-bottom: 0; margin-left: 6%; line-height: 0.9em; letter-spacing: 0.01em; width: 88%; /* clear: both; float: left; */ position: absolute; bottom: 32%; } #featured_image_wrapper h3 a:link, #featured_image_wrapper h3 a:visited, #featured_image_wrapper h3 a:hover, #featured_image_wrapper h3 a:active { color: #fff !important; } #featured_image_wrapper h4 { height: 19px; background: #444; font-size: 0.75em; font-weight: 100; color: #FFF; text-transform: uppercase; margin-top: 0px; margin-bottom: -26px; float: left; padding: 3px 8px 0px; border: 1px solid #444; border-radius: 0px 0px 5px 5px; margin-left: 6%; } #featured_image_wrapper img { padding: 0; margin: 0; position: relative; z-index: -10; width: 100%; height: inherit; } #featured_image_wrapper .field-homepage-feature-caption { background: #999; line-height: 1.1em; font-size: .85em; margin-right: 0; margin-bottom: 1.6em; z-index: 10; color: #fff; width: 92%; padding: .6em 4%; margin-top: 0; float: left; clear: both; } #featured_image_wrapper .field-homepage-feature-caption p, #featured_image_wrapper .field-homepage-feature-caption a { color: #fff !important; padding: 0; margin: 0; line-height: inherit; } /* CTA LINKS */ .cta-arrow li { max-height: 2.75em; overflow: hidden; background-image: url(../images/whitearrow_brightgreen.svg); background-repeat: no-repeat; background-size: contain; background-position: right; font-family: "Roboto Slab", sans-serif, serif; letter-spacing: .1em; font-size: .9375em; padding: .625em 1.4em .625em 1.5em; margin-bottom: .25em; margin-top: 1em; } .cta-arrow li a { padding-right: 1.6em; } .pane-node-field-cta-links { width: 100%; background: #426139; padding: 0; margin: 0; float: left; clear: both; } .pane-node-field-cta-links ul.field-cta-links { clear: both; background: #426139; margin: 0; padding: 0; width: 100%; list-style: none !important; } .pane-node-field-cta-links ul.field-cta-links li { display: inline-block; padding: .5em 1.4em .5em 0; padding: .5em 0; border-bottom: 2px solid #426139; float: left; width: 70%; margin: 0em 20% 0 10% !important; text-align: right; } .pane-node-field-cta-links ul.field-cta-links li a { color: #92bd3f !important; color: #aedc55 !important; text-shadow: 0px 1px 6px #444; padding: .5em 3.8em .5em 0; } /* FACTBAR */ .bottom_wrapper #factbar li:nth-child(1) .views-field-field-highlight-factoid a, #factbar.colorfactbar_3x3 li:nth-child(1) .views-field-field-highlight-factoid a { color: #68c6f3; font-size: 1.8em; } .bottom_wrapper #factbar li:nth-child(2) .views-field-field-highlight-factoid a, #factbar.colorfactbar_3x3 li:nth-child(2) .views-field-field-highlight-factoid a { color: #eead2d; font-size: 1.8em; } .bottom_wrapper #factbar li:nth-child(3) .views-field-field-highlight-factoid a, #factbar.colorfactbar_3x3 li:nth-child(3) .views-field-field-highlight-factoid a { color: #a0ca4f; font-size: 1.8em; /* line-height:1em; */ margin-bottom: 0; } .bottom_wrapper #factbar .views-field-field-factoid-sub-highlight, .bottom_wrapper #factbar .views-field-field-factoid-sub-highlight a, #factbar.colorfactbar_3x3 .views-field-field-factoid-sub-highlight, #factbar.colorfactbar_3x3 .views-field-field-factoid-sub-highlight a { color: #333; font-weight: 400; } .bottom_wrapper #factbar li .views-field-field-description-factoid a, #factbar.colorfactbar_3x3 li .views-field-field-description-factoid a { font-weight: 300; font-size: 1.0em; margin-top: .5em; } .bottom_wrapper #factbar ul.pager, #factbar.colorfactbar_3x3 ul.pager { /* margin-top:-42em; margin-bottom:42em; */ background: #ccc; } @media only screen and (min-width: 500px) { #four_square_wrapper { width: 100% !important; } #four_square_wrapper table.views-view-grid td { float: left; clear: none; width: 200%; border-bottom: 8px solid #fff; } #four_square_wrapper tbody { background: #f5f5f5; } #four_square_wrapper tr.row-1, #four_square_wrapper tr.row-2 { float: left; width: 50%; padding: 0; margin: 0; clear: none; border: 0; background: #f5f5f5; } #four_square_wrapper .view-display-id-block_3 td.col-2, #four_square_wrapper .view-display-id-block_3 td.col-1 { background: #f5f5f5; width: 47%; width: calc(48% - 1px); border: 0; border-right: 1px solid #fff; vertical-align: top; padding: 1%; background: #f5f5f5; overflow: hidden; } #four_square_wrapper .view-display-id-block_3 tr.row-2 td.col-2 { border-right: 0; } #featured_image_wrapper { width: 100%; clear: both; /* .views-slideshow-controls-bottom{ margin-top:-190px; margin-bottom:150px; } */ } #featured_image_wrapper h3 { font-size: 1.6em; bottom: 25%; } } @media only screen and (min-width: 800px) { div.top_wrapper { overflow: hidden; background: #fff url("../images/backgroundtile.jpg") repeat-x 0 0; width: 100%; padding: 0; margin: 0 0 2em 0; float: left; padding-left: 800px; padding-right: 800px; margin-left: -800px; margin-right: -800px; -moz-box-flex: 1.0; /* Firefox */ -webkit-box-flex: 1.0; /* Safari and Chrome */ -ms-flex: 1.0; /* Internet Explorer 10 */ /* display:-webkit-box; */ display: box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } #four_square_wrapper { width: 34% !important; margin-left: -10px; background: #ccc; background: #fdfdfd; overflow: hidden; flex-grow: 1; display: flex; clear: left; } #four_square_wrapper table.views-view-grid { background: #fff; margin: 0; border: 0; padding: 0; width: inherit; float: left; height: 100%; width: 100%; } #four_square_wrapper table.views-view-grid td { float: left; clear: none; } #four_square_wrapper .view-display-id-block_3 { border-right: 0; width: 100% !important; float: left; } #four_square_wrapper .view-display-id-block_3 tr.row-1, #four_square_wrapper .view-display-id-block_3 tr.row-2 { float: left; width: 100%; padding: 0; margin: 0; clear: left; border: 0; background: #f5f5f5; background: #fff; } #four_square_wrapper .view-display-id-block_3 td.col-2, #four_square_wrapper .view-display-id-block_3 td.col-1 { background: #f5f5f5; padding: 0; width: 44%; width: calc(50% - 15px); border-right: 10px solid #fff; border-left: 10px solid #fff; vertical-align: top; } #four_square_wrapper .view-display-id-block_3 td.col-2 img, #four_square_wrapper .view-display-id-block_3 td.col-1 img { width: 100%; margin: 0; height: inherit; } #four_square_wrapper .view-display-id-block_3 table.views-view-grid td.col-2 { float: right; } #four_square_wrapper .view-display-id-block_3 td.col-1 { border-right: 0; } #four_square_wrapper .view-display-id-block_3 tr.row-2 { border-top: 8px solid #fff; } #four_square_wrapper .view-display-id-block_3 tr.row-2 td.col-2 { border-right: 10px solid #fff; } #four_square_wrapper .view-display-id-block_3 td div.views-field-field-short-title { height: 40px; font-size: .9em; } /***** FEATURED IMAGE ******/ #featured_image_wrapper { width: 66%; width: calc(67.3333% - 10px); float: left; margin: 0; margin-right: -10px; background: #fdfdfd; padding-bottom: 0; /* overflow:hidden; */ border-right: 10px solid #fff; flex-grow: 2; clear: none; } #featured_image_wrapper .field-image-featured { float: left; width: 100%; margin: 0; padding: 0; } #featured_image_wrapper h3 { font-size: 1.9em; /* margin-top: -132px; margin-bottom: 60px; */ margin-left: 6%; } #featured_image_wrapper img { padding: 0; margin: 0; position: relative; z-index: -10; } #featured_image_wrapper .field-homepage-feature-caption { float: right; background: #999; background: rgba(85, 85, 85, 0.8); width: 70%; margin-top: -4.9em; margin-top: calc(-5em + 1px ); height: 2.6em; margin-bottom: -4.2em; padding: .8em 10px; margin-right: 0; color: #fff; overflow: hidden; } #featured_image_wrapper .field-homepage-feature-caption p, #featured_image_wrapper .field-homepage-feature-caption a { color: #fff !important; } /* .views-slideshow-controls-bottom{ margin-top:-150px; margin-bottom:110px; } */ } /***** News * Spotlight * Events *****/ #homepage_news_list, .pane-frontpage-events-frontpage-events, div.pane-node-field-campus-spotlight { font-size: .9em; line-height: 1em; padding: 1em 4%; width: 92%; } #content .view-footer p, #content p.field-link-spotlight, #content .pane-frontpage-events-frontpage-events p { text-transform: uppercase; text-align: right; line-height: .95em; } body.front #content .view-footer p a, body.front #content p.field-link-spotlight a, body.front #content .pane-frontpage-events-frontpage-events p a { font-size: .8em; font-weight: 600; } body.front #content .view-footer p a:link, body.front #content .view-footer p a:visited, body.front #content p.field-link-spotlight a:link, body.front #content p.field-link-spotlight a:visited, body.front #content .pane-frontpage-events-frontpage-events p a:link, body.front #content .pane-frontpage-events-frontpage-events p a:visited { color: #888; } body.front #content .view-footer p a:hover, body.front #content .view-footer p a:active, body.front #content p.field-link-spotlight a:hover, body.front #content p.field-link-spotlight a:active, body.front #content .pane-frontpage-events-frontpage-events p a:hover, body.front #content .pane-frontpage-events-frontpage-events p a:active { color: #c75d2c; } #content #homepage_news_list { clear: both; float: left; background: #ececec; font-size: .9em; line-height: 1em; } #content #homepage_news_list ul { margin: 1.2em 0; padding: 0; list-style: none !important; } #content #homepage_news_list li { margin: 0 0 1em; padding: 0; line-height: 1.4em; } div.pane-node-field-campus-spotlight { overflow: hidden; float: left; background: #f5f5f5; } div.pane-node-field-campus-spotlight .field-collection-container { border-bottom: 0; margin-bottom: 0; } div.pane-node-field-campus-spotlight article.field-campus-spotlight { margin: 0; padding: 0; } div.pane-node-field-campus-spotlight img { float: left; width: 30%; max-width: 169px; height: inherit; margin: 0 6% .4em 0; padding: 0; } div.pane-node-field-campus-spotlight p { margin-top: 0; padding-top: 0; font-size: .9em; } #content div.pane-frontpage-events-frontpage-events { float: left; background: #f5f5f5; border-top: 1px solid #ccc; } #content div.pane-frontpage-events-frontpage-events ul { margin: 1.2em 0; padding: 0; list-style: none !important; } #content div.pane-frontpage-events-frontpage-events li { margin: 0 0 1em !important; padding: 0; line-height: 1.4em; text-indent: 0 !important; } @media only screen and (min-width: 600px) { /***** News * Spotlight * Events *****/ div.middle_wrapper { float: left; background: #f5f5f5; margin-bottom: 10px; } #featured_image_wrapper { /* .views-slideshow-controls-bottom{ margin-top:-220px; margin-bottom:180px; } */ } #featured_image_wrapper .field-homepage-feature-caption { width: 96%; } #featured_image_wrapper h3 { bottom: 15%; } #homepage_news_list, .pane-frontpage-events-frontpage-events, div.pane-node-field-campus-spotlight, #featured_image_wrapper .field-homepage-feature-caption { padding: 1em 2%; } #content #homepage_news_list { border-bottom: 14px solid #fff; width: 96%; } div.pane-node-field-campus-spotlight { width: 46%; } #content div.pane-frontpage-events-frontpage-events { width: 45%; width: calc(46% - 1px); border-left: 1px solid #ddd; border-top: 0; } /****** CTA LINKS ******/ .pane-node-field-cta-links { width: 100%; margin-left: -800px; padding-left: 800px; padding-right: 800px; max-width: 1200px; } .pane-node-field-cta-links ul.field-cta-links { margin: 0; } .pane-node-field-cta-links ul.field-cta-links li { width: 25%; display: inline; max-height: none; font-size: .95em; letter-spacing: .05em; padding: 0 5% 0 0; border-bottom: none; margin: 0 2% 0 0 !important; text-align: left; height: 40px; overflow: hidden; } .pane-node-field-cta-links ul.field-cta-links li a { float: right; margin-right: 0; padding: .3em 10% .3em 0; } .bottom_wrapper #factbar li, #factbar.colorfactbar_3x3 li { width: 27%; width: calc(28% - 2px); } .bottom_wrapper #factbar ul.pager, #factbar.colorfactbar_3x3 ul.pager { margin-top: -1em; margin-bottom: 1em; background: transparent; } .bottom_wrapper #factbar ul.pager li:first-child, #factbar.colorfactbar_3x3 ul.pager li:first-child { /* width: 3.2em; */ margin-left: 0em; } } @media only screen and (min-width: 800px) { div.middle_wrapper { -moz-box-flex: 1.0; /* Firefox */ -webkit-box-flex: 1.0; /* Safari and Chrome */ -ms-flex: 1.0; /* Internet Explorer 10 */ /* display:-webkit-box; */ display: box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; float: left; margin-bottom: 2em; /* background:none; */ width: 100%; } /**** Bar to clear top banner ***/ #homepage_banner_clear { height: 10px; width: 100%; clear: both; float: left; } /***** News * Spotlight * Events *****/ #content #homepage_news_list { clear: left; float: left; width: 26%; width: calc(29% - 1px); border-bottom: 0; border-right: 10px solid #fff; margin-bottom: 0; } div.pane-node-field-campus-spotlight { width: 27%; width: calc(33.3333% - 10px); margin-left: 0px !important; } #content div.pane-frontpage-events-frontpage-events { width: 29.33333%; width: calc(29.33333% - 0px); padding: 1em 2%; border-left: 1px solid #ddd; border-top: 0; } .pane-node-field-cta-links { margin-left: -800px; padding-left: 800px; padding-right: 800px; max-width: 1200px; } /* #featured_image_wrapper .views-slideshow-controls-bottom{ margin-top:-140px; margin-bottom:110px; } */ } @media only screen and (min-width: 900px) { #four_square_wrapper .view-display-id-block_3 td div.views-field-field-short-title { height: 60px; } #four_square_wrapper .view-display-id-block_3 td div.views-field-field-short-title div.field-content { line-height: 1.3em; padding: .4em 4%; width: 92%; font-size: 1em; } #four_square_wrapper .view-display-id-block_3 td.col-2, #four_square_wrapper .view-display-id-block_3 td.col-1 { width: 45%; width: calc(50% - 15px); } #featured_image_wrapper { /* .views-slideshow-controls-bottom{ margin-top:-170px; margin-bottom:130px; } */ } #featured_image_wrapper .field-homepage-feature-caption { width: 50%; } .pane-node-field-cta-links ul.field-cta-links li { width: 22%; display: inline; margin-right: 8% !important; max-height: none; font-size: 1.1em; letter-spacing: .05em; padding: .5em 1.4em .5em 0; border-bottom: none; margin: 0 8% 0 0 !important; text-align: left; } .pane-node-field-cta-links ul.field-cta-links li a { float: right; margin-right: 0; padding: .3em 22% .3em 0; } } @media only screen and (min-width: 1100px) { #four_square_wrapper .view-display-id-block_3 td div.views-field-field-short-title { height: 64px; } } @media only screen and (min-width: 1200px) { #four_square_wrapper .view-display-id-block_3 td div.views-field-field-short-title { height: 68px; } #content #homepage_news_list { width: 28%; width: calc(29.888% - 0px); } div.pane-node-field-campus-spotlight { width: 29%; width: calc(32.888% - 10px); } } /* Partials for objects of base theme */ /* * uvm_directory_find_people.css * Dillon Beliveau */ /* Jan 6 2015 - Megan Hack makes this a partial as part of the uvmbase theme */ #people-input-suggestions { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background-color: white; z-index: 100; } #people-input-suggestions ul { padding-left: 0px; margin-top: 0px; margin-bottom: 0px; } #people-input-suggestions ul li { list-style-type: none; /* border-bottom:1px solid gray; */ } #people-input-suggestions ul li:hover { cursor: pointer; } #people-input-suggestions ul li.selected { background-color: lightgray; } #people-input-suggestions ul li a { text-decoration: none; color: black; display: block; } .field-info-band, .field-interior-infoband-field-co, .field-infoband-with-quote { margin-top: 20px; padding-bottom: 10px; border-bottom: dashed 2px #ccc; margin-bottom: .5em; float: left; width: 96%; padding: 1em 2% .2em; overflow: hidden; } div.field-info-band:first-of-type, div.field-interior-infoband-field-co:first-of-type, div.field-infoband-with-quote:first-of-type { margin-top: 0; } div.field-info-band:last-of-type, div.field-interior-infoband-field-co:last-of-type, div.field-infoband-with-quote:last-of-type { border-bottom: 0; } .field-info-band h3.field-label, .accordion_wrapper .rightcol h3 { background: #92bd3f; color: #fff; font-size: 0.94444444444444em; font-weight: 700; padding: 5px 2% 5px 0 !important; margin: 0 0 1em 0; line-height: 1; clear: both; width: 98%; } .field-info-band h3.field-label:before, .accordion_wrapper .rightcol h3:before { font-family: 'socialmedia'; speak: none; font-style: normal; /* font-weight: bold; */ font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e611"; padding: 5px; width: 10px; margin: 0; margin-right: 10px; line-height: 1; background: #426139; font-size: 0.94444444444444em; } .field-info-band-title { font-weight: 400; } .field-info-band h2, .field-interior-infoband-field-co h2 { margin-top: 0; } .field-info-band img, .field-interior-infoband-field-co img, .accordion_wrapper img, .field-infoband-with-quote img { float: left; width: 30%; padding: 0 4% .8em 0; } .field-info-band-description { float: left; width: 61%; padding: 0 5% 1em 0; line-height: 1.6em; } .field-info-band-links ul { clear: both; } .field-info-band-links li { line-height: 1.2em; margin-top: 6px; font-size: 0.88888888888889em; margin-bottom: .3em !important; } /* .field-info-band-links li:before{ margin-left: -1.2em !important; } */ .field-info-band-links li a { border: 0; } /* infobands and campus tour accordion */ .accordion_wrapper { clear: both; margin: 0; margin-top: 1em; padding: 0; } .centercol .accordion_wrapper { margin-top: 0; } .accordion_wrapper h2 { clear: left; } .accordion_wrapper .ui-accordion-content { padding: .4em 0 0; } .accordion_wrapper .ui-accordion-content .body p { line-height: 1.66667; font-size: .8em; font-style: normal; } .accordion_wrapper .views-accordion-header { background: #fff; border-left: 0; border-bottom: 0; border-right: 0; border-radius: 0; padding-left: 4%; } .accordion_wrapper span.ui-icon-triangle-1-e, .accordion_wrapper .ui-icon-triangle-1-s { display: none; } .ui-accordion-content-active { border: 0; border-radius: 0; } .accordion_wrapper .ui-accordion-header a { padding-left: 0; } .accordion_wrapper h2:after, .accordion_wrapper .views-accordion-header span:after, .pane-node-field-courses-taught.accordion_wrapper h3.pane-title:after { font-family: 'socialmedia'; content: "\e29c"; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-left: 5px; font-size: 1.25em; position: absolute; text-indent: 0; } .accordion_wrapper h2.activelink:after, .pane-node-field-courses-taught.accordion_wrapper h3.pane-title.activelink:after { font-family: 'socialmedia'; content: "\e29a"; } .accordion_wrapper .ui-state-active span:after { font-family: 'socialmedia'; content: "\e29a"; } .accordion_wrapper .field-info-band, .accordion_wrapper .field-interior-infoband-field-co { margin-top: 20px; padding-bottom: 10px; border-bottom: 0; margin-bottom: 10px; overflow: hidden; } /* for nested h2 - removes accordion look */ .accordion_wrapper h2.no_accordion { border: 0; padding: 0 0 .4em !important; margin: 0; cursor: default; } .accordion_wrapper h2.no_accordion:after { content: ""; } @media only screen and (min-width: 800px) { .pane-node-field-info-band, .pane-node-field-interior-infoband-field-co, .pane-node-field-infoband-with-quote { padding: 0; } .field-info-band, .field-interior-infoband-field-co, .field-infoband-with-quote { margin-bottom: 0; clear: none; width: 100%; padding: .5em 0; } .field-info-band img, .field-interior-infoband-field-co img, .field-infoband-with-quote img { width: 25%; max-width: 155px; height: inherit; padding-right: 3%; } .field-info-band-description, .field-info-band h2 { width: 42%; float: left; margin-left: 0; padding-left: 0; padding-right: 2%; margin-top: 0; } .field-interior-infoband-field-co .field-info-band-description { width: 70%; } .field-info-band h3.field-label { float: right; width: 23%; clear: none; margin-top: -2em; margin-right: 0; } .field-info-band-links { float: right; width: 25%; clear: none; padding: 0; padding-right: 0; } .field-info-band-links ul { clear: none; background: #000; } .accordion_wrapper .field-interior-infoband-field-co { margin-top: 0; margin-bottom: 0; padding: 0; } .accordion_wrapper .views-accordion-header { padding-left: 0; } .accordion_wrapper .ui-accordion-content { padding-bottom: 1.4em; } } @media only screen and (min-width: 1000px) { .field-info-band-description, .field-info-band h2 { width: 46%; } } .page-a-to-z #content ul li a:link, .page-a-to-z #content ul li a:visited { color: #292929; } .page-a-to-z #content ul li a:hover, .page-a-to-z #content ul li a:active { color: #c75d2c; } .alpha { margin-left: 0; } .alpha ul { list-style: none; } .alpha li { display: inline-block; text-indent: 0; font-weight: 400; text-align: center; } .alpha li .highlight { font-weight: 700; } .alpha li a { border: 0; display: table-cell; width: 3em; content: none; } #content .alpha li a:link, #content .alpha li a:visited { color: #888 !important; } .alphabet { overflow: hidden; } .alphabet h2 { float: left; border: 1px #ccc solid; background: #f5f5f5; color: #444; padding: 0.11111111111111em 0.22727272727273em; line-height: 1; } .alphabet .rule { border-top: 1px #ccc solid; margin-top: 0.94444444444444em; margin-left: 1.72222222222222em; } .programname { font-weight: 400; color: #444; } @media screen and (min-width: 800px) { .alpha li a { width: 1em; padding: 0; } #content .alpha li { margin: 0; padding: 0; } } /* Slider-like functionality, uses ajax, arrows at the bottom */ .four_across ul.pager, .fc_slider ul.pager, .band_views ul.pager, #factbar ul.pager, .rightcol ul.pager { /* margin-top:-47em; margin-bottom:47em; background:#ccc; */ } .four_across ul.pager li, .fc_slider ul.pager li, .band_views ul.pager li, #factbar ul.pager li, .rightcol ul.pager li { border: 0; min-height: 0; padding: 0; margin: 0; height: 3em; } .four_across ul.pager li a, .fc_slider ul.pager li a, .band_views ul.pager li a, #factbar ul.pager li a, .rightcol ul.pager li a { color: transparent !important; font-family: 'socialmedia'; font-size: 1.4em; color: #999; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-indent: 0; display: inline; vertical-align: middle; padding: .3em 0 .6em; border-bottom: 0 !important; } .four_across ul.pager li.pager-next a:before, .fc_slider ul.pager li.pager-next a:before, .band_views ul.pager li.pager-next a:before, #factbar ul.pager li.pager-next a:before, .rightcol ul.pager li.pager-next a:before { content: "\e297"; color: #666; } .four_across ul.pager li.pager-previous a:after, .fc_slider ul.pager li.pager-previous a:after, .band_views ul.pager li.pager-previous a:after, #factbar ul.pager li.pager-previous a:after, .rightcol ul.pager li.pager-previous a:after { content: "\e299"; color: #666; } .four_across ul.pager a, .fc_slider ul.pager a, .band_views ul.pager a, #factbar ul.pager a, .rightcol ul.pager a { padding: 1.2em; } .four_across ul.pager li.pager-current, .fc_slider ul.pager li.pager-current, .band_views ul.pager li.pager-current, #factbar ul.pager li.pager-current, .rightcol ul.pager li.pager-current { display: none; } .four_across a:link, .four_across a:visited, .fc_slider a:link, .fc_slider a:visited, .band_views a:link, .band_views a:visited, #factbar a:link, #factbar a:visited, .rightcol a:link, .rightcol a:visited { color: #444; } .four_across a:hover, .four_across a:active, .fc_slider a:hover, .fc_slider a:active, .band_views a:hover, .band_views a:active, #factbar a:hover, #factbar a:active, .rightcol a:hover, .rightcol a:active { color: #c75d2c; } /* slideshow arrows, vertically centered in slider window */ .view { width: 100%; position: relative; } span.views_slideshow_controls_text_pause { display: none; } .views_slideshow_slide { position: relative; padding: 0; overflow: hidden; width: 100%; height: inherit; float: left; } .views-slideshow-controls-bottom { margin: .2em auto .2em; position: initial; background: none; position: relative; z-index: 66; width: 100%; position: absolute; top: 50%; transform: translate(0, -50%); } .views_slideshow_controls_text { float: left; width: 100%; } .views_slideshow_controls_text a { color: transparent !important; font-family: 'socialmedia'; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* position:absolute; */ text-indent: 0; /* float:left; */ display: inline; width: 20px; } .views_slideshow_controls_text span:hover { border: 0; text-decoration: none; } .views_slideshow_controls_text .views_slideshow_controls_text_next { padding: 0; float: right; } .views_slideshow_controls_text .views_slideshow_controls_text_next a:after { content: "\e297"; color: #444; background: #fff; opacity: .6; padding: 5px 10px 5px 10px; font-size: 1.5em; } .views_slideshow_controls_text span.views_slideshow_controls_text_previous { padding: 0; float: left; } .views_slideshow_controls_text span.views_slideshow_controls_text_previous a:before { content: "\e299"; font-size: 1.5em; color: #444; background: #fff; opacity: .6; padding: 5px 10px 5px 10px; } .rightcol .bleed .views-slideshow-controls-bottom { position: relative; top: 0; transform: none; padding-top: .8em; } #content .rightcol ul.pager { float: none; } #content .rightcol ul.pager li { margin: 1em 0; } #content .rightcol ul.pager li:first-child { width: 50%; } @media only screen and (min-width: 600px) { .fc_slider ul.pager, .band_views ul.pager, .four_across ul.pager, .two_across ul.pager, #factbar ul.pager, .rightcol ul.pager { margin-top: -1em; margin-bottom: 1em; float: right; background: transparent; padding-top: 0; } .fc_slider ul.pager li, .band_views ul.pager li, .four_across ul.pager li, .two_across ul.pager li, #factbar ul.pager li, .rightcol ul.pager li { height: 2em; width: 3.2em; display: inline; float: left; } .fc_slider ul.pager li:first-child, .band_views ul.pager li:first-child, .four_across ul.pager li:first-child, .two_across ul.pager li:first-child, #factbar ul.pager li:first-child, .rightcol ul.pager li:first-child { margin-right: 8px; width: 6.6em; margin-left: -3em; } .fc_slider ul.pager li a, .band_views ul.pager li a, .four_across ul.pager li a, .two_across ul.pager li a, #factbar ul.pager li a, .rightcol ul.pager li a { display: inline; padding: .3em 0; color: transparent; } .fc_slider ul.pager li.pager-next a:before, .band_views ul.pager li.pager-next a:before, .four_across ul.pager li.pager-next a:before, .two_across ul.pager li.pager-next a:before, #factbar ul.pager li.pager-next a:before, .rightcol ul.pager li.pager-next a:before { color: #999 !important; } .fc_slider ul.pager li.pager-previous a:after, .band_views ul.pager li.pager-previous a:after, .four_across ul.pager li.pager-previous a:after, .two_across ul.pager li.pager-previous a:after, #factbar ul.pager li.pager-previous a:after, .rightcol ul.pager li.pager-previous a:after { color: #999 !important; } .views-slideshow-controls-bottom { display: block; } .rightcol ul.pager li { width: 50%; } } @media only screen and (min-width: 800px) { .topbanner .views_slideshow_controls_text_next { margin-right: -40px; margin-right: 0px; } } @media only screen and (min-width: 1200px) { .topbanner .views_slideshow_controls_text_next { margin-right: 0px; } } #footer { background: #426139; float: left; width: 100%; padding: 0 0 0 20px; } #footer a, #footer ul li { color: #92bd3f; color: #aedc55; text-decoration: none; } #footer a:hover, #footer a:active { color: #ea7d4b; color: #edae36; } #footer ul li { list-style-type: none; } #footer_1, #footer_2, #footer_3, #footer_4 { width: 96%; padding: 1em 2%; float: left; } #footer_1 a, #footer_1 address { color: #fff; font-style: normal; font-size: .9em; } #footer_1 div.street_address { font-size: .9em; } #footer_1 a#contactus { padding: 0 .3em; } #footer_1 a#contactus:after { content: "|"; padding-left: .5em; } #footer_1 a#contactus:before { content: "|"; padding-right: .5em; } #footer_1 span.copyright { font-size: .85em !important; } #footer_1 ul.socialmedia { padding: 0; margin: 0; } #footer_1 ul.socialmedia a { color: #92bd3f; margin-left: 0; font-size: .8em; } #footer_1 ul.socialmedia li { padding-left: 0; margin-left: 0; margin-right: 1%; } #footer_2 ul { list-style: none !important; } #footer_2 ul li:before { content: "\00b7 \00a0"; } #footer_2 h2 { text-transform: uppercase; margin-bottom: 1em; font-size: 1em; color: #92bd3f; color: #afe050; color: #aedc55; font-weight: 500; cursor: pointer; } #footer_2 h2:after { font-family: 'socialmedia'; content: "\e29c"; } #footer_2 h2.activelink:after { font-family: 'socialmedia'; content: "\e29a"; } #footer_2 ul { margin-top: 0; } #footer_2 ul li { margin-bottom: .5em; } #footer_3, #footer_4 { background: #92bd3f; margin-left: -80px; margin-right: -80px; padding-left: 90px; padding-right: 80px; width: 100%; } #footer_3 ul li, #footer_3 a, #footer_4 ul li, #footer_4 a { color: #426139; color: #283c0a; } #footer_3 a:hover, #footer_3 a:active, #footer_4 a:hover, #footer_4 a:active { color: #c75d2c; } #footer_3 ul, #footer_4 ul { margin-left: 0; padding-left: 0; } #footer_3 li, #footer_4 li { margin-bottom: .4em; margin-left: 0px; padding-left: 0; } #footer_3 h4, #footer_4 h4 { color: #fff; text-transform: uppercase; padding-let: 20px; } #footer_4 ul { width: 100%; float: left; } #footer_4 ul li { margin-bottom: .6em; } #footer_4 .menu__item.is-expanded { list-style: none; } #footer_4 .menu__item.is-leaf { list-style-image: none; list-style: none outside url("../images/bullet3x.png") !important; margin-left: 1em; } #footer_4 span.nolink { color: #fff; border-bottom: 1px dashed #426139; text-transform: uppercase; width: 90%; float: left; font-size: .9em !important; } @media only screen and (min-width: 500px) { #footer_1 { border-top: 1px solid #63865e; } #footer_2 { width: 40%; float: left; margin-left: 0%; /* order:2; */ } #footer_3 { padding-right: 0; margin: 0; padding-left: 4%; float: right; margin-top: -24px; width: 40%; /* order:3; */ } #footer_3 ul { margin-left: 20px; } ul.socialmedia li { margin-right: 2%; } #footer_4 li.menu__item { width: 50%; float: left; } #footer_4 li.menu__item ul { width: 90%; float: left; padding-top: .4em; } #footer_4 li.menu__item ul li.menu__item { clear: left; width: 100%; font-size: .85em; line-height: 1.2em; } #footer_4 li.menu__item:nth-of-type(3) { clear: left; } } @media only screen and (min-width: 800px) { #footer_wrapper { width: 100%; max-width: 1200px; position: relative; padding: 0; margin: 0 auto; /* display:flex; justify-content:space-between; */ } #footer_1, #footer_2, #footer_3, #footer_4 { padding-top: 1em; padding-bottom: 1em; /* flex-basis:30%;*/ } #footer_1 { width: 28%; padding: 1em 0 30px; margin-right: 0; float: left; clear: left; position: absolute; top: 0; border-top: 0; } #footer_2 { width: 30%; float: left; margin-left: 37%; /* order:2; */ } #footer_3 { padding-right: 4%; float: right; width: 20%; /* order:3; */ } #footer_4 { padding-top: 0; padding-right: 2%; padding-left: 2%; float: left; margin-left: 40%; width: 55%; } #footer_1 ul.socialmedia { padding-left: 0; margin-top: 2.4em; margin-left: 0; padding-right: 0; } #footer_1 ul.socialmedia a { font-size: 1em; } #footer_1 ul.socialmedia li { margin-right: 2%; } } #minifooter { textrendering: optimizelegibility; line-height: 1.3; clear: both; background: #426139; color: #fff; padding: .6125em 0 .5em; margin-top: 1em; text-align: center; } #minifooter a { color: #fff; } #minifooter a:link, #minifooter a:visited { color: #fff; } #minifooter a:hover, #minifooter a:active { color: #edae36; } #minifooter .logo { text-transform: none; width: 228.5px; height: 25.5px; background: url(/sites/all/themes/uvmbase/images/universityofvermont-footer.svg) no-repeat; background-size: 100%; text-indent: -99999px; padding-bottom: .3125em; } #minifooter address { font-style: normal; display: inline-block; margin: 0 auto; font-size: .6875em; letter-spacing: .05em; text-align: center; } @media only screen and (min-width: 780px) { #minifooter { padding-bottom: .3em; margin-top: 1.6em; } #minifooter address .telephone a { text-decoration: none; } #minifooter div.logo, #minifooter div.address_phone, #minifooter div.link { display: inline-block; margin-bottom: 0; } #minifooter div.logo { line-height: 2.5; padding-bottom: 0; float: left; } #minifooter div.address_phone { padding-left: .3em; float: left; margin-top: .5em; } #minifooter div.link { margin-top: .5em; } #minifooter span.telephone, #minifooter div.link { padding-left: .3em; } #minifooter div.address_phone:before, #minifooter span.telephone:before, #minifooter div.link:before { content: "|"; padding-right: .3em; } #minifooter span.telephone:before, #minifooter div.link:before { padding-right: .7em; } } #factbar { font-family: "Roboto Slab", sans-serif; clear: both; background: #f5f5f5; overflow: hidden; margin-top: 0; padding: 3em 0 0; float: left; width: 100%; /* dont need this now that arrows are in uvmbase objects _arrownav ul.pager { background:#ccc; li{ border:0; min-height:0m; padding:0; margin:0; height:3em; a{ color:transparent !important; font-family: 'socialmedia'; font-size:1.4em; color:#999; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-indent:0; display:inline; vertical-align:middle; padding-top:.1em; padding:.3em 0 .6em; } } li.pager-next a{ &:before{ content: "\e297"; color:#666; }} li.pager-previous a{ &:after{ content: "\e299"; color:#666; }} a{ padding:1.2em; } li.pager-current{ display:none; } } */ } #factbar h4 { color: #555; margin: 0; padding: 0; line-height: 1.2em; } #factbar ul { padding: 0; list-style-image: none !important; } #factbar li { text-align: center; width: 96%; margin: 0; padding: 2em 2%; border-top: 1px solid #ccc; } #factbar ul.pager { background: #ccc; } #factbar a:link, #factbar a:visited { color: #444; } #factbar a:hover, #factbar a:active { color: #c75d2c; } #factbar .views-field-field-highlight-factoid h4 { width: 100%; display: block; clear: both; font-size: 2.4em; /* margin-bottom:-.4em; */ } #factbar .views-field-field-highlight-factoid h4 a:link, #factbar .views-field-field-highlight-factoid h4 a:visited { color: #275e95; } #factbar .views-field-field-highlight-factoid h4 a:hover, #factbar .views-field-field-highlight-factoid h4 a:active { color: #c75d2c; } #factbar .views-field-field-factoid-sub-highlight h4 { display: block; font-size: 1.1em; color: #275e95; font-weight: 500; margin-bottom: .4em; line-height: 1.2em; letter-spacing: .02em; } #factbar .views-field-field-description-factoid { margin-top: 0; font-family: "Open Sans", Arial, Helvetica, sans-serif; line-height: 1.2em; } #content div.pane-instagram ul { padding: 0; list-style-image: none !important; } #content div.pane-instagram ul li { text-align: center; width: 96%; margin: 0; padding: 2em 2%; border-top: 1px solid #ccc; height: auto; } #factbar_custom_title { clear: both; float: left; background: #f5f5f5; /* white-space:nowrap; */ padding: 1.4em 15% 0; padding: 1.4em 4% 0; width: 100%; width: 92%; } #factbar_custom_title h3 { text-transform: uppercase; font-size: 1.3em; font-weight: 200; color: #444; margin-bottom: 0; text-align: center; /* padding-left:4%; */ } #factbar_custom_title h3.linetwo { font-size: 1.1em; display: block; color: #7799bb; margin-top: .3em; } /**** STRIPES FOR BANDS *******/ div.stripes { margin-right: -800px; padding-right: 800px; margin-left: -800px; padding-left: 800px; } #rowswrapper div.stripes:nth-child(odd) { background: #efefef; } #rowswrapper div.stripes:last-of-type, .bottomrow { background: #f5f5f5 !important; } /* just for burlington page */ body.section-about-uvm #rowswrapper div.stripes:nth-child(odd) { background: #efefef url("/sites/default/files/pw_pattern.png") repeat 0 0; } body.section-about-uvm #rowswrapper div.stripes:nth-child(even) { background: #fff; } body.section-about-uvm #rowswrapper div.stripes:nth-child(1) { background-image: none !important; } body.section-about-uvm .stripes .band_title h2:first-child, body.section-about-uvm .stripes #factbar_custom_title.band_title h3, body.section-about-uvm .stripes .band_title h2:first-child strong, body.section-about-uvm .stripes #factbar_custom_title.band_title h3 strong { color: #0d3862 !important; } body.section-about-uvm .stripes .band_title h2:first-child strong, body.section-about-uvm .stripes #factbar_custom_title.band_title h3 strong { font-weight: 500 !important; } body.section-about-uvm h4.pull_quote { padding: .4em 0; color: #729356; } body.section-about-uvm h4.pull_quote span { color: #444444; font-size: .8em !important; font-family: "Open Sans", Arial, Helvetica, sans-serif; } /* end of burlington styles */ .stripes { padding-bottom: .8em; padding-top: 1em; border-top: 16px solid #bababa; } .stripes:first-of-type { border-top: 1px solid #ddd; } .stripes:first-of-type, .stripes:last-of-type { padding-bottom: 0; padding-top: 0; } .stripes:nth-of-type(1) { /* margin-top:-25px; this is only needed in uvmsubsites */ } .stripes:nth-of-type(1) .topbanner { margin-top: 0; } #rowswrapper div.stripes:first-of-type .pane-node-field-image img.adaptive-image { vertical-align: bottom; } .stripes .band_title h2:first-child, .stripes #factbar_custom_title.band_title h3, .pane-node-field-horiz-bar .field-horiz-bar h2 { font-family: "Roboto Slab", sans-serif; font-size: 1.4em !important; color: #7f7e7e !important; text-transform: uppercase; margin-bottom: 0em; padding: 0 20px; line-height: .9em; text-align: left; font-weight: 200; } .stripes .band_title h2:first-child p, .stripes #factbar_custom_title.band_title h3 p, .pane-node-field-horiz-bar .field-horiz-bar h2 p { line-height: 1em !important; padding: 0; margin: .5em 0 1.1em !important; } .stripes .band_title h2:first-child span, .stripes .band_title h2:first-child strong, .stripes #factbar_custom_title.band_title h3 span, .stripes #factbar_custom_title.band_title h3 strong, .pane-node-field-horiz-bar .field-horiz-bar h2 span, .pane-node-field-horiz-bar .field-horiz-bar h2 strong { color: #426139; color: #444444 !important; font-weight: 400; } .stripes h2.field-band-1-title { margin-top: 1em !important; } #content .stripes .two_equalcol_1 p:first-child, #content .stripes .two_equalcol_2 p:first-child { margin-bottom: 0 !important; } #content .stripes .two_equalcol_1 img, #content .stripes .two_equalcol_2 img { width: 100%; height: inherit; } #content .stripes { float: left; width: 100%; clear: both; } #content .stripes .fyf_extra_links, #content .stripes .band_extra_links { margin: 1em 10px 0 0; float: right; clear: both; } #content .stripes .fyf_extra_links ul, #content .stripes .band_extra_links ul { text-align: right !important; margin-bottom: .4em !important; list-style: none; } #content .stripes .fyf_extra_links ul li, #content .stripes .band_extra_links ul li { font-weight: 500; font-size: .8em !important; line-height: 1em !important; text-transform: uppercase; } #content .stripes .fyf_extra_links ul li a:after, #content .stripes .band_extra_links ul li a:after { content: " >>"; } #content .stripes .band_views ul { padding: 0; margin: 0; } #content .stripes .band_views ul.individual-item { list-style-image: none !important; } #content .stripes .band_views ul.individual-item > li { margin: 0; padding: 0; min-height: 0; height: 12em; } #content .stripes .band_views ul.two_across { margin-bottom: 1em; } #content .stripes .band_views ul.two_across li { padding: .2em 0 .8em; width: 47%; margin: 0 1% !important; float: left; display: inline; } #content .stripes .band_views ul.four_across li, #content .stripes .band_views ul.three_across li { width: 47%; padding: 0; margin: .6em 1%; float: left; display: inline; } #content .stripes .band_views ul.four_across li a:link, #content .stripes .band_views ul.four_across li a:visited, #content .stripes .band_views ul.three_across li a:link, #content .stripes .band_views ul.three_across li a:visited { color: #444444 !important; } #content .stripes .band_views ul.four_across li a:hover, #content .stripes .band_views ul.four_across li a:active, #content .stripes .band_views ul.three_across li a:hover, #content .stripes .band_views ul.three_across li a:active { color: #c75d2c !important; } #content .stripes .band_views ul.four_across li.views-row-3, #content .stripes .band_views ul.three_across li.views-row-3 { clear: left; } #content .stripes .band_views ul.three_across li { width: 92%; width: calc(100% - 40px); margin: 0; padding: .6em 20px; display: block; float: none; } #content .stripes .band_views ul.three_across li .views-field-title { padding-top: .6em; } #content .stripes .band_views ul.three_across li a { line-height: 1.4em; font-size: 0.95em; font-weight: 500; } #content .stripes .band_views.acclaim_blue ul.two_across li, #content .stripes .band_views.acclaim_blue ul.four_across li { float: left; border: 1px solid #ccc !important; background: #0d3862; color: #fff; height: 16em; } #content .stripes .band_views.acclaim_blue ul.two_across li div.views-field-title, #content .stripes .band_views.acclaim_blue ul.four_across li div.views-field-title { padding: .6em 4% !important; } #content .stripes .band_views.acclaim_blue ul.two_across li div.views-field-title a:link, #content .stripes .band_views.acclaim_blue ul.two_across li div.views-field-title a:visited, #content .stripes .band_views.acclaim_blue ul.four_across li div.views-field-title a:link, #content .stripes .band_views.acclaim_blue ul.four_across li div.views-field-title a:visited { color: #fff !important; } #content .stripes .band_views.acclaim_blue ul.two_across li div.views-field-title a:hover, #content .stripes .band_views.acclaim_blue ul.two_across li div.views-field-title a:active, #content .stripes .band_views.acclaim_blue ul.four_across li div.views-field-title a:hover, #content .stripes .band_views.acclaim_blue ul.four_across li div.views-field-title a:active { color: #eecc77 !important; } #content .stripes .two_equalcol_2.band_views.acclaim_blue ul.two_across li { width: 96%; height: initial; margin-bottom: 1.3em !important; } @media only screen and (min-width: 500px) { .stripes .band_title h2:first-child, .pane-node-field-horiz-bar div.field-horiz-bar h2 { font-size: 1.7em !important; } } @media screen and (min-width: 600px) { #factbar { white-space: nowrap; width: 100%; padding-right: 800px; padding-left: 800px; padding-top: .6em; margin-left: -800px; margin-right: -800px; margin-top: 0; /* dont need this still ul.pager { margin-top:-1em; margin-bottom:1em; float:right; background:transparent; border-top:1px dashed #ddd; padding-top:.3em; li{ border:0; padding:0; margin:0; min-height:0em; height:2em; width:3.2em; display:inline; float:left; &:first-child{ margin-right:8px; width: 6.6em; margin-left: -3em; } a{ display:inline; padding:.3em 0; } } li.pager-next a{ &:before{ color:#999; }} li.pager-previous a{ &:after{ color:#999; }} } */ } #factbar li { display: inline-block; width: calc(19.5% - 2px); border-top: none; border-right: solid #ccc 1px; white-space: normal; vertical-align: top; min-height: 12em; padding: 1em 2.5%; } #factbar li.views-row-last { border-right: 0; } #factbar ul.pager { border-top: 1px dashed #ddd; padding-top: .3em !important; background: transparent; } #factbar_custom_title { clear: both; float: left; white-space: nowrap; padding-right: 800px; padding-left: 800px; margin-left: -800px; margin-right: -800px; } #factbar_custom_title h3 { padding-left: 4%; text-align: left; } #content div.pane-instagram ul li { display: inline-block; width: 13%; width: calc(14.9% - 12px); border: solid #ccc 1px; white-space: normal; vertical-align: top; min-height: 0; margin-right: 1.2%; margin-left: 0; padding: 5px; } /**** STRIPES and BANDS ****/ /* Views in Bands */ #content .stripes .band_views { padding-top: 1em; margin-top: 0; } #content .stripes .band_views ul.individual-item > li { display: inline-block; border-top: 0; white-space: normal; vertical-align: top; min-height: 12em; margin: 0 !important; height: inherit; } #content .stripes .band_views ul.individual-item > li img { width: 100%; height: inherit; } #content .stripes .band_views ul.two_across li { width: 43%; padding: 1em 2.5%; } #content .stripes .band_views ul.four_across, #content .stripes .band_views ul.three_across { padding: 0; } #content .stripes .band_views ul.four_across li, #content .stripes .band_views ul.three_across li { padding: .3em 0; width: 24%; margin: 0 1.3333% 0 0; min-height: 10em; clear: none !important; } #content .stripes .band_views ul.three_across li { display: inline; float: left; width: 31%; width: 31.54%; margin: 0 2.666% 0 0; } #content .stripes .band_views ul.four_across li:last-child, #content .stripes .band_views ul.three_across li:last-child { margin-right: 0; } #content .stripes .band_views li.views-row-last { border-right: 0; } #content .stripes .band_views.acclaim_blue { padding-top: 0; margin-top: 0; } #content .stripes .band_views.acclaim_blue ul.four_across { clear: both; padding: 0; margin: 0; } #content .stripes .band_views.acclaim_blue ul.four_across li { height: 300px !important; padding: 0 0 .5em !important; width: 22.5% !important; width: calc(22.75% - 2px) !important; } #content .stripes .band_views.acclaim_blue ul.two_across { clear: both; padding: 0; margin: 0; } #content .stripes .band_views.acclaim_blue ul.two_across li { height: 300px !important; padding: 0 0 .5em !important; width: 43% !important; width: calc(43.9% - 2px) !important; margin: 0 3% !important; } } @media only screen and (min-width: 800px) { #factbar_custom_title h3 { padding-left: 0; } body.section-about-uvm h4.pull_quote { font-size: 1.7em; } .stripes .band_title h2:first-child { padding: 0; margin-top: 1em; } .stripes .band_title h2:first-child p, .pane-node-field-horiz-bar .field-horiz-bar h2 p { line-height: 1em !important; padding: 0; margin: .5em 0 1.1em !important; } #content .stripes .fyf_extra_links, #content .stripes .band_extra_links { margin: 1em 10px 0 0; float: right; clear: right; clear: both; } #content .stripes .fyf_extra_links ul, #content .stripes .band_extra_links ul { margin-bottom: .4em !important; list-style: none; } /* views in bands */ #content .stripes .band_views ul.four_across li { width: 23%; margin-right: 2.66666%; margin-left: 0; padding-top: .3em; padding-bottom: .3em; } #content .stripes .band_views ul.four_across li:last-child { margin-right: 0; } #content .stripes .band_views .stripes .band_views ul.two_across li { margin: 0px !important; } } /* Banner images */ .video-banner .topbanner.pane-node-field-embedded-video { display: none; } .video-banner .topbanner.pane-node-field-image { display: block; } .node-type-page .topbanner.pane-node-field-embedded-video { background: #000; margin-bottom: 0; } .topbanner { width: 100%; height: inherit; float: left; overflow: hidden; border: 0; } .topbanner img { display: block; height: auto; width: calc(100% + 8px); position: relative; z-index: 1; } .js .activatesidemenu #content #rowswrapper div.stripes { padding-left: 0; margin-right: 0; margin-left: 0; } #views_slideshow_cycle_main_infobands-block_3 { height: inherit; } /* Overlay boxes */ .banneroverlay, .field-overlay-box-text, .node-unit-website .toprow .field-caption, .node-uvm-college-homepage .stripes:first-of-type .field-caption { width: 100%; width: calc(100% - 40px); padding: .8em 20px; float: left; clear: both; background: none repeat scroll 0% 0% #FFF; background: rgba(255, 255, 255, 0.9); background: #dfdfdf; overflow: auto; z-index: 4 !important; } .banneroverlay.burlington_overlay { background: #a0bc3d; padding: 0; padding: 10px 20px; } .burlington_page_topbanner_overlay { background: #a0bc3d; } .burlington_page_topbanner_overlay h2 { font-family: "Roboto Slab", sans-serif; color: #0d3862; font-size: 2.5em; font-weight: 200; text-transform: uppercase; text-align: center; margin: 0 -20px; font-weight: 200; } .burlington_page_topbanner_overlay h2 span.biggernumber { font-size: 2.1em; color: #fff; clear: both; display: block; background: #0d3862; width: 100%; padding: 18px 0px; font-weight: 400; } .burlington_page_topbanner_overlay h2 span.biggernumber sup { font-size: .6em; font-weight: 200; } .burlington_page_topbanner_overlay h2 span.smallertext { font-size: .7em; font-weight: 400; } .burlington_page_topbanner_overlay p { color: #fff; margin-bottom: 0 !important; margin: .4em 5% !important; line-height: 1.55em !important; } .burlington_page_topbanner_overlay p.quote_attribution { font-style: italic; text-align: right; padding: 0 0 1em; text-transform: uppercase; font-size: .8em !important; } @media only screen and (min-width: 800px) { .topbanner { width: 100%; float: left; overflow: hidden; border: 0; } .topbanner img { display: block; max-width: inherit; width: 1200px; height: inherit; position: relative; z-index: 1; overflow: hidden; } .topbanner1200x260 { height: 260px; } .topbanner1200x300 { height: 300px; } .topbanner1200x390 { height: 390px; } .banneroverlay, .field-overlay-box-text, .node-unit-website .toprow .field-caption, .node-uvm-college-homepage .stripes:first-of-type .field-caption { width: 17.5%; padding: 10px 4.5% 10px 2.5%; float: right; background: none repeat scroll 0% 0% #FFF; background: rgba(255, 255, 255, 0.9); overflow: auto; position: relative; z-index: 4; margin-right: 0px !important; margin-top: 0; } .node-unit-website .toprow .field-caption, .node-uvm-college-homepage .stripes:first-of-type .field-caption { width: 25%; padding-top: 20px; } .overlay1200x260 { height: 240px; margin-top: -261px; } .overlay1200x300, .node-uvm-college-homepage .stripes:first-of-type .field-caption { height: 281px; margin-top: -301px; } .overlay1200x390 { height: 371px; margin-top: -391px; } .node-unit-website .toprow .field-caption { height: 271px; margin-top: -301px; } .video-banner .topbanner.pane-node-field-embedded-video { margin: 0; display: block; } .video-banner .topbanner.pane-node-field-image { display: none; } .banneroverlay.burlington_overlay { background: #a0bc3d; width: 30%; width: calc(30% - 40px); } .burlington_page_topbanner_overlay h2 { font-size: 2em; } .burlington_page_topbanner_overlay h2 span.biggernumber { font-size: 0.1 0.8em; } .burlington_page_topbanner_overlay h2 span.biggernumber sup { font-size: .6em; } .burlington_page_topbanner_overlay h2 span.smallertext { font-size: .6em; } .burlington_page_topbanner_overlay p { font-size: .8em !important; margin-bottom: 0 !important; margin: 0 !important; line-height: 1.55em !important; } .burlington_page_topbanner_overlay p.quote_attribution { padding: 0; margin: 0 0 2em !important; font-size: .6em !important; } } @media only screen and (min-width: 1200px) { .banneroverlay, .field-overlay-box-text { margin-right: 0px !important; } .topbanner .field-embedded-video .player iframe { height: 55%; } .banneroverlay.burlington_overlay { background: #a0bc3d; width: 25%; width: calc(25% - 40px); } .burlington_page_topbanner_overlay h2 { font-size: 2.5em; } .burlington_page_topbanner_overlay h2 span.biggernumber { font-size: 2.1em; } .burlington_page_topbanner_overlay h2 span.biggernumber sup { font-size: .6em; } .burlington_page_topbanner_overlay h2 span.smallertext { font-size: .7em; font-weight: 400; } } .node-type-uvm-course .rightcol .pane-entity-field { padding: 1em 20px; } .node-type-uvm-course .bottomrow { background: none !important; } .node-type-uvm-course .pane-node-field-course-number h3, .node-type-uvm-course .pane-node-field-course-number p, .node-type-uvm-course .pane-node-field-subject h3, .node-type-uvm-course .pane-node-field-subject p, .node-type-uvm-course .pane-node-field-credit-high h3, .node-type-uvm-course .pane-node-field-credit-high p { font-size: .9em; line-height: 1.2em !important; padding: 0 !important; margin: 0 !important; } .node-type-uvm-course .pane-node-field-course-number h3, .node-type-uvm-course .pane-node-field-subject h3, .node-type-uvm-course .pane-node-field-credit-high h3 { color: #333; text-transform: none; float: left; font-weight: 500; clear: left; margin-right: 20px !important; } .node-type-uvm-course .pane-node-field-course-number h3:after, .node-type-uvm-course .pane-node-field-subject h3:after, .node-type-uvm-course .pane-node-field-credit-high h3:after { content: ":"; } .node-type-course-listings-page form, .node-type-uvm_course form { padding: 12px; margin-top: 0; margin-bottom: 20px; } .node-type-course-listings-page form #edit-term-wrapper, .node-type-uvm_course form #edit-term-wrapper { width: 100%; } .node-type-course-listings-page form .views-exposed-widgets, .node-type-uvm_course form .views-exposed-widgets { margin: 0; } .node-type-course-listings-page form label, .node-type-uvm_course form label { float: left; margin: .2em 20px .3em 0; text-transform: uppercase; } .node-type-course-listings-page .pane-remote-course-sections-by-subject-with-term-select, .node-type-uvm_course .pane-remote-course-sections-by-subject-with-term-select { margin-bottom: 2em; } .node-type-course-listings-page .pane-remote-course-sections-by-subject-with-term-select h3, .node-type-uvm_course .pane-remote-course-sections-by-subject-with-term-select h3 { margin-top: 2em; margin-bottom: 1em; border-top: 1px solid #ccc; padding-top: .8em; } @font-face { font-family: 'socialmedia'; src: url("../socialmediafont/socialmedia.eot?lt999e"); src: url("../socialmediafont/socialmedia.eot?#iefixlt999e") format("embedded-opentype"), url("../socialmediafont/socialmedia.woff?lt999e") format("woff"), url("../socialmediafont/socialmedia.ttf?lt999e") format("truetype"), url("../socialmediafont/socialmedia.svg?lt999e#socialmedia") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"], .bolt { font-family: 'socialmedia'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .socialmedia { overflow: hidden; margin: 0; } .socialmedia li { list-style: none; font-size: 1.77777777777778em; float: left; margin: 0; padding: 0.55555555555556em; text-indent: 0; } .socialmedia li a { color: #666; border: 0; } .icon-cog:before { content: "\e60f"; } .icon-read-more:before { content: "\e60d"; } .icon-quill:before { content: "\e610"; } .icon-search:before { content: "\e604"; } .icon-menu:before { content: "\e60e"; } .icon-googleplus:before { content: "\e600"; } .icon-facebook:before { content: "\e606"; } .icon-instagram:before { content: "\e608"; } .icon-twitter:before { content: "\e605"; } .icon-feed:before { content: "\e609"; } .icon-youtube:before { content: "\e602"; } .icon-vimeo:before { content: "\e607"; } .icon-flickr:before { content: "\e601"; } .icon-wordpress:before { content: "\e60b"; } .icon-linkedin:before { content: "\e60a"; } .icon-pinterest:before { content: "\e60c"; } .icon-export:before { content: "\e603"; } .icon-bolt:before { content: "\e611"; } .icon-arrow-up:before { content: "\e29a"; } .icon-arrow-right:before { content: "\e29b"; } .icon-arrow-down:before { content: "\e29c"; } .icon-arrow-left:before { content: "\e29d"; } .icon-home:before { content: "\e002"; } .icon-video:before { content: "\e02f"; } .icon-megaphone:before { content: "\e03d"; } .icon-clock:before { content: "\e0b1"; } .icon-leaf:before { content: "\e17a"; } .icon-lab:before { content: "\e189"; } .icon-earth:before { content: "\e1da"; } .icon-checkmark:before { content: "\e25a"; } .icon-slider-left:before { content: "\e299"; } .icon-slider-right:before { content: "\e297"; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .rightcol p, .rightcol ul, .rightcol ol { line-height: 1.5; word-wrap: inherit; } .rightcol img { /* float:left; off for grids */ width: 100%; height: inherit; } .rightcol h2 { color: #0d3862; } .rightcol h3 { color: #0d3862; } .rightcol h4 { margin-top: 1em; } .rightcol ul { margin-left: 0; } .rightcol ul li { /* padding-left:20px; */ } /* UVM STORIES and the slideshow with same format - needs work */ #content .pane-views-uvm-story-view-block img, #content .pane-uvm-story-view img, #content .vertical_slider_nobleed img, #content .pane-special-slideshows img { padding-bottom: 1em; } #content .pane-views-uvm-story-view-block .view-footer, #content .pane-uvm-story-view .view-footer, #content .vertical_slider_nobleed .view-footer, #content .pane-special-slideshows .view-footer { float: left; border-top: 2px dashed #ccc !important; width: 100%; padding-top: 0px; margin-top: 4px; } #content .pane-views-uvm-story-view-block .view-footer .field-link a, #content .pane-uvm-story-view .view-footer .field-link a, #content .vertical_slider_nobleed .view-footer .field-link a, #content .pane-special-slideshows .view-footer .field-link a { padding-top: 5px; } #content .pane-views-uvm-story-view-block h3.pane-title, #content .pane-uvm-story-view h3.pane-title, #content .vertical_slider_nobleed h3.pane-title, #content .pane-special-slideshows h3.pane-title { margin-bottom: .6em; padding-bottom: 0; line-height: 1.2em; } #content .pane-views-uvm-story-view-block .views-field-title, #content .pane-uvm-story-view .views-field-title, #content .vertical_slider_nobleed .views-field-title, #content .pane-special-slideshows .views-field-title { font-size: 1.1em; font-weight: 500; margin-top: .6em; margin-bottom: .4em; } #content .pane-views-uvm-story-view-block div.field-link a, #content .pane-uvm-story-view div.field-link a, #content .vertical_slider_nobleed div.field-link a, #content .pane-special-slideshows div.field-link a { float: left; font-size: .8em; font-weight: 600; text-transform: uppercase; padding-top: 1.6em; } #content .pane-views-uvm-story-view-block div.field-link a:link, #content .pane-views-uvm-story-view-block div.field-link a:visited, #content .pane-uvm-story-view div.field-link a:link, #content .pane-uvm-story-view div.field-link a:visited, #content .vertical_slider_nobleed div.field-link a:link, #content .vertical_slider_nobleed div.field-link a:visited, #content .pane-special-slideshows div.field-link a:link, #content .pane-special-slideshows div.field-link a:visited { color: #888; } #content .pane-views-uvm-story-view-block div.field-link a:hover, #content .pane-views-uvm-story-view-block div.field-link a:active, #content .pane-uvm-story-view div.field-link a:hover, #content .pane-uvm-story-view div.field-link a:active, #content .vertical_slider_nobleed div.field-link a:hover, #content .vertical_slider_nobleed div.field-link a:active, #content .pane-special-slideshows div.field-link a:hover, #content .pane-special-slideshows div.field-link a:active { color: #c75d2c; } /* VERTICAL SLIDERS BLEED */ .rightcol ~ .bleed { padding: 0 !important; } .rightcol .bleed { margin-left: -20px; width: calc(100% + 40px); padding-top: 0em !important; } .rightcol .bleed p { padding-top: 1em; padding-bottom: 1em; } .rightcol .bleed img { width: 100%; margin-left: -20px; } #vertical_slider, .rightcol .bleed { padding: 0 !important; } #vertical_slider h3, .rightcol .bleed h3 { margin: 0; padding-left: 20px; padding-top: 1.3em; } #vertical_slider .views-field-field-media-override .field-content, #vertical_slider .views-field-field-image .field-content, .rightcol .bleed .views-field-field-media-override .field-content, .rightcol .bleed .views-field-field-image .field-content { background: #fff; padding: 0; float: left; } #vertical_slider .views-field-field-media-override .field-content img, #vertical_slider .views-field-field-image .field-content img, .rightcol .bleed .views-field-field-media-override .field-content img, .rightcol .bleed .views-field-field-image .field-content img { padding: 0; margin-left: 0; width: 100%; height: inherit; } #vertical_slider .views-field-title, #vertical_slider .views-field-field-sidebar-body, .rightcol .bleed .views-field-title, .rightcol .bleed .views-field-field-sidebar-body { margin: 0; font-size: .955em; float: left; margin-top: 1.4em; margin: 1.4em 20px .6em; } #vertical_slider .views-field-field-sidebar-body, .rightcol .bleed .views-field-field-sidebar-body { padding-top: 0; margin-top: 1em; } #vertical_slider .views-field-counter, .rightcol .bleed .views-field-counter { margin-left: 4%; } /* BLEED Transparent images with shadows */ .bleed_dropshadow p.field-content { padding-top: 0 !important; } /* BLEED COLORS */ .bleed_blue { background: #0d3862 !important; } .bleed_blue h3 { background: #fff; color: #0d3862; } .bleed_blue .views-field-title, .bleed_blue .views-field-field-sidebar-body { background: #0d3862; color: #fff; } .bleed_blue .views-field-title a { color: #fff; } .bleed_blue .views-field-title a:link, .bleed_blue .views-field-title a:visited { color: #fff; } .bleed_blue .views-field-title a:hover, .bleed_blue .views-field-title a:active { color: #c75d2c; } .vs_white, .bleed_white { background: #fff !important; float: left; } .vs_white h3.pane-title, .bleed_white h3.pane-title { margin-bottom: 1.6em; padding-bottom: 0; line-height: 1.2em; } .vs_white .views-field-title, .bleed_white .views-field-title { margin-top: 1em; float: left; } .vs_white .views-field-title, .vs_white .views-field-field-sidebar-body, .bleed_white .views-field-title, .bleed_white .views-field-field-sidebar-body { background: #fff !important; } .vs_white .views-field-title a, .vs_white .views-field-field-sidebar-body, .bleed_white .views-field-title a, .bleed_white .views-field-field-sidebar-body { color: #0d3862 !important; } .vs_white .views-field-counter, .bleed_white .views-field-counter { background: transparent url("../images/ltgrey.png") no-repeat 0 0; } /* SIDEBAR CALENDARS */ #content div.events_list ul { list-style: none !important; margin-left: 0; } #content div.events_list li { line-height: 1.5; margin-left: 0; margin-bottom: 1em; font-size: .9em; } #content div.events_list li div.views-field-field-date, #content div.events_list li div.field-bored-event-date { border-bottom: 1px dashed #ccc; color: #275e95; font-weight: 400; margin-bottom: 5px; text-transform: uppercase; } #content div.events_list li div.field-title { text-transform: uppercase; } #content div.events_list .views-field-field-event-link { font-size: 1em; font-weight: 400; text-transform: uppercase; font-style: normal; } .pane-bored-events table { background: #fff; padding: 4px; line-height: 1.3em; margin-bottom: 1.4em; } .pane-bored-events table .field-date { border-bottom: 1px dashed #ccc; font-weight: 400; text-transform: uppercase; } .pane-bored-events table .views-field-title, .pane-bored-events table .field-date { margin: auto 6px; padding: .6em 0 .2em; float: left; } .pane-bored-events .view-footer a { float: left; font-size: .8em; font-weight: 600; text-transform: uppercase; padding-top: 1.6em; } .pane-bored-events .view-footer a:link, .pane-bored-events .view-footer a:visited { color: #888; } .pane-bored-events .view-footer a:hover, .pane-bored-events .view-footer a:active { color: #c75d2c; } @media only screen and (min-width: 800px) { #vertical_slider { /* width:calc(22% - 2px) removed for zen grids implementation */ } /* UVM STORIES */ .pane-views-uvm-story-view-block, #content .vertical_slider_nobleed { padding-bottom: 1.6em; } .pane-views-uvm-story-view-block #views_slideshow_cycle_teaser_section_uvm_story_view-block, #content .vertical_slider_nobleed #views_slideshow_cycle_teaser_section_uvm_story_view-block { float: left; width: 100%; } .pane-views-uvm-story-view-block #views_slideshow_cycle_teaser_section_uvm_story_view-block img, #content .vertical_slider_nobleed #views_slideshow_cycle_teaser_section_uvm_story_view-block img { width: 100%; height: inherit; } .views_slideshow_cycle_main_move_mountains-block { float: left; width: 100%; } .views_slideshow_cycle_main_move_mountains-block img { width: 100%; height: inherit; } } .node-uvm-news-story .singlecol p > br { margin-bottom: 1em; width: 100%; content: "arrrrrgh"; display: block; } .node-uvm-news-story .singlecol { margin-top: 1em; } /* #views_slideshow_cycle_main_news-block_2 .field-image a { float:left; } */ #views_slideshow_cycle_main_news-block_2 img { position: relative; z-index: -10; width: 100% !important; } #views_slideshow_cycle_main_news-block_2 h4 { background: #666; background: rgba(80, 80, 80, 0.7); color: #fff; height: 1em; padding: .2em 2% .5em; margin-top: -2.2em; margin-bottom: -1.4em; text-transform: uppercase; letter-spacing: .1em; font-size: .75em !important; float: left; } #views_slideshow_cycle_main_news-block_2 h2 { background: #f5f5f5; padding: .3em 2% 1.6em; font-weight: 400; font-size: .85em; width: 96%; margin-top: -4px; margin-bottom: 0; border-bottom: 1px solid #ccc; } #content h2.horiz_news_slider a:link, #content h2.horiz_news_slider a:visited { color: #444; border-bottom: 0 !important; } #content h2.horiz_news_slider a:hover, #content h2.horiz_news_slider a:active { color: #C75D2C; } #content h2.horiz_news_slider a:after { color: #c75d2c; text-transform: uppercase; font-size: .75em; font-weight: 600; content: " -- read story "; } #content h2.horiz_news_slider a:after:before { content: " -- "; } .views-field-counter { float: left; width: 20px; height: 20px; background: transparent url("../images/white.png") no-repeat 0 0; margin-right: 6px; color: transparent; cursor: pointer; } .views-field-counter:hover { background: transparent url("../images/ltgreeen.png") no-repeat 0 0; } .active .views-field-counter { background: transparent url("../images/ltgreeen.png") no-repeat 0 0; } @media (min-width: 600px) { #views_slideshow_cycle_main_news-block_2 h4 { bottom: 4.7em; bottom: 4.3em; margin: 0; float: none; position: absolute; } #views_slideshow_cycle_main_news-block_2 h2 { background: rgba(245, 245, 245, 0.8); padding: .6em 2% 1.6em; font-size: .9em; position: absolute; bottom: 5px; bottom: .4em; bottom: 0px; width: 96%; height: 1.4em; border-bottom: 0; margin: 0; overflow: hidden; } } @media (min-width: 700px) and (max-width: 800px) { #views_slideshow_cycle_main_news-block_2 img { width: 800px !important; } } @media (min-width: 400px) { #content .node-uvm-news-page .news-subfeature-pane .news-subfeature img { float: left; width: 45%; padding-right: 1em; overflow: hidden; } } @media (min-width: 480px) { #content .node-uvm-news-story .undersizeImage, #content .node-uvm-news-page .news-feature .undersizeImage { float: left; width: 60%; margin-right: 20px; } #content .node-uvm-news-page .news-feature .undersizeImage { width: 62.5%; } } @media (min-width: 800px) { .pane-news .view-display-id-block_2, .overviewimage { width: 51%; margin-right: 4%; /* changed to accomodate new grids proportions */ float: left; } .overviewimage { padding-bottom: 1.2em; } #views_slideshow_cycle_main_news-block_2 { margin-bottom: 0; } .panel-pane.pane-entity-field.pane-node-field-body { padding-left: 80px; } } .node-type-uvm-news-story h1 { padding-bottom: 0.29411764705882em; margin-bottom: 0; } #content .node-uvm-news-story .toprow { margin-bottom: 1em; } #content .node-uvm-news-story .toprow .field-subhead { font-weight: 400; } #content .node-uvm-news-story .toprow .field-socialmedia { margin-top: 1.17647058823529em; } #content .node-uvm-news-story .centercol { padding-top: 0; } #content .node-uvm-news-story .rightcol .pane-entity-field { border: none; } #content .node-uvm-news-story .rightcol .pane-node-field-publish-date { padding-bottom: 0; } #content .node-uvm-news-story .rightcol .pane-node-field-author { padding-top: 0; padding-bottom: 0; } #content .node-uvm-news-story .rightcol .field-author { text-transform: uppercase; } #content .node-uvm-news-story .rightcol .field-author:before { content: "by "; } #content .node-uvm-news-story .rightcol .pane-node-field-related-links, #content .node-uvm-news-story .rightcol .pane-node-field-additional-photo-1, #content .node-uvm-news-story .rightcol .pane-node-field-additional-photo-2, #content .node-uvm-news-story .rightcol .pane-node-field-additional-video-1, #content .node-uvm-news-story .rightcol .pane-node-field-additional-video-2, #content .node-uvm-news-story .rightcol .pane-node-field-featured-quote { border-top: 1px dashed #ccc; } #content .node-uvm-news-story .content > img:first-of-type { max-width: none; width: 100%; } #content .node-uvm-news-story .field-body > p:first-of-type { font-size: 1.1333em; } #content .node-uvm-news-story .field-featured-quote { font-family: georgia,serif; font-size: 1.2em; border-right: none; line-height: 1.5; } #content .node-uvm-news-story .field-featured-photo-caption, #content .node-uvm-news-story .video-embed-description, #content .node-uvm-news-story .field-additional-photo-1-caption, #content .node-uvm-news-story .field-additional-photo-2-caption { font-style: italic; margin-bottom: 1.58823em; } #content .node-uvm-news-story .pane-node-field-image + .pane-node-field-body { margin-top: 1em; } #content .node-uvm-news-story .field-related-links a { display: list-item; margin-left: 1.2em; } #content .node-uvm-news-page .rightcol .item-list li { list-style: none; margin-left: 0; margin-bottom: 1.5em; } #content .node-uvm-news-page .news-subfeature-pane { border-top: 1px #ccc solid; } #content .node-uvm-news-page .news-feature { padding-bottom: 2em; overflow: hidden; } #content .node-uvm-news-page .news-feature .news-feature-image-wrapper img { max-width: none; width: 100%; margin-top: 1em; } #content .node-uvm-news-page .news-feature p { font-size: 1.1333em; margin-top: 1em; } #content .node-uvm-news-page .news-feature h2 { margin-bottom: 0; margin-top: 0; padding-bottom: 0.29411764705882em; } #content .node-uvm-news-page .full-story-link { text-align: right; text-transform: uppercase; font-size: 0.764705em; font-weight: 700; } #content .node-uvm-news-page .news-subfeature { margin-top: 2em; overflow: hidden; } #content .node-uvm-news-page .news-subfeature .news-subfeature { padding-bottom: 1em; } #content .node-uvm-news-page .field-subhead { font-size: 0.94117647058824em; font-weight: 400; } #content .node-uvm-news-page .pager { text-align: right; } #content .node-uvm-news-page .pager-current { display: none; } #content .node-uvm-news-page .pager-next, #content .node-uvm-news-page .pager-previous { text-transform: uppercase; font-size: 0.764705em; font-weight: 700; } #content .node-uvm-news-page .pager-previous.first { border-right: solid 1px #aaa; padding-right: 1em; } @media (min-width: 800px) { #views_slideshow_cycle_main_news-block_2 .field-image a { float: left; } #content .node-uvm-news-page .news-feature { padding-left: 80px; } #content .node-uvm-news-page .news-feature h2, #content .node-uvm-news-page .news-feature .field-subhead, #content .node-uvm-news-page .news-feature .news-feature-image-wrapper { margin-left: -80px; width: calc(100% + 80px); } #content .node-uvm-news-page .news-feature .undersizeImage { width: 62.5%; } #content .node-uvm-news-page .news-subfeature-pane { margin-left: 80px; padding-top: 1em; padding-bottom: 2em; } .node-uvm-news-story .singlecol .pane-node-field-body { padding-top: 0; margin-top: 0 !important; } } /* GENERAL BUTTON STYLES */ /* below is from old magicscript stylesheet but with a new name - button */ .button { font-family: "Roboto Slab", sans-serif, serif; background-color: #658aa7; padding: .625em 1em .625em 1.5em; margin-bottom: .25em; margin-top: 1em; overflow: hidden; max-height: 3.75em; max-height: 4.75em; color: #fff; text-shadow: 1px 1px 4px #666; box-shadow: 1px 1px 8px #666; font-size: .9375em; text-transform: uppercase; border-radius: .625em; font-weight: 400; letter-spacing: .1em; } #content p.button, #content p.button-arrow, #content p.button-green { margin: 0 0 1.33333em; } #content .button a, #content .button-arrow a, #content .button-green a { border-bottom: 0; } .button a, .button-arrow a, .button-green a, .bottomrow .bottom_cta_links ul.field-band-6-links li a, .stripes:last-of-type .bottom_cta_links ul.field-band-6-links li a { text-decoration: none; display: inline-block; line-height: .98em; } .button a:link, .button a:visited, .button-arrow a:link, .button-arrow a:visited, .button-green a:link, .button-green a:visited, .bottomrow .bottom_cta_links ul.field-band-6-links li a:link, .bottomrow .bottom_cta_links ul.field-band-6-links li a:visited, .stripes:last-of-type .bottom_cta_links ul.field-band-6-links li a:link, .stripes:last-of-type .bottom_cta_links ul.field-band-6-links li a:visited { color: #fff; } .button a:hover, .button a:active, .button-arrow a:hover, .button-arrow a:active, .button-green a:hover, .button-green a:active, .bottomrow .bottom_cta_links ul.field-band-6-links li a:hover, .bottomrow .bottom_cta_links ul.field-band-6-links li a:active, .stripes:last-of-type .bottom_cta_links ul.field-band-6-links li a:hover, .stripes:last-of-type .bottom_cta_links ul.field-band-6-links li a:active { color: #edae36; } .button-arrow { font-family: "Roboto Slab", sans-serif, serif; background-color: #658aa7; padding: .625em 1em .625em 1.5em; margin-bottom: .25em; margin-top: 1em; overflow: hidden; max-height: 3.75em; max-height: 4.75em; color: #fff; text-shadow: 1px 1px 4px #666; box-shadow: 1px 1px 8px #666; font-size: .9375em; text-transform: uppercase; border-radius: .625em; font-weight: 400; letter-spacing: .1em; background-image: url("/sites/default/files/arrow-rule-left1.png"); background-repeat: no-repeat; background-size: contain; background-position: right; } .button-green { font-family: "Roboto Slab", sans-serif, serif; background-color: #658aa7; padding: .625em 1em .625em 1.5em; margin-bottom: .25em; margin-top: 1em; overflow: hidden; max-height: 3.75em; max-height: 4.75em; color: #fff; text-shadow: 1px 1px 4px #666; box-shadow: 1px 1px 8px #666; font-size: .9375em; text-transform: uppercase; border-radius: .625em; font-weight: 400; letter-spacing: .1em; background-size: contain; background-position: right; background-color: #7D9A58; background-image: url("/sites/default/files/arrow-rule-left1.png"); background-repeat: no-repeat; } .button-arrow a, .button-green a { padding-right: 20%; } /* on hover this is orange and square - useful? */ .btn { display: inline-block; font-size: 0.77778em; line-height: 0.42857em; font-weight: 700; padding: 17px 12px 16px; text-align: center; text-decoration: none; } .btn:link, .btn:visited { border: 1px solid #666; border-radius: 3px; color: #666; background-color: #fff; } .btn:hover, .btn:active { border: 1px solid #c75d2c; color: #fff; background-color: #c75d2c; } .inline { margin-bottom: 24px; } .accordionButtonBar { border-top: 1px solid #ccc; cursor: pointer; } .accordionButtonBar:after { font-family: 'socialmedia'; content: "\e29c"; speak: none; font-style: normal; font-weight: bold; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.25em; text-indent: 0; padding-left: 5px; } .accordionButtonBar.activebutton:after { content: "\e29a" !important; } @media only screen and (min-width: 600px) { .button, .button-arrow, .button-green { max-width: 400px; } } /* ========================================================================== Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; width: 100%; /* Prevent cramped-looking tables */ /* Add vertical rhythm margins. */ margin: 0.33333em 0; font-size: 0.88888888888889em; } table caption { color: #464646; letter-spacing: .3125em; padding-bottom: 1em; text-transform: uppercase; /* width:100%; */ } table th { color: #729356; background: #f9f9f9; padding: .3125em; text-align: center; vertical-align: top; font-weight: 400; } table td { padding: .3125em; padding: .5em; } table th, table td { border: 1px solid #e2e2e2; } /* ========================================================================== Responsive Tables ========================================================================== */ table.responsive1, table.responsive2, table.responsive3 { width: 100%; } table.responsive1 th, table.responsive2 th, table.responsive3 th { text-align: left; } table.responsive1 td, table.responsive2 td, table.responsive3 td { min-height: 1.625em; word-wrap: break-word; } @media only screen and (max-width: 760px) { table.responsive1, table.responsive1 thead, table.responsive1 tbody, table.responsive1 th, table.responsive1 td, table.responsive1 tr { display: block; } table.responsive1 thead tr { position: absolute; top: -9999px; left: -9999px; } table.responsive1 td, table.responsive1 th { padding: .25em; } table.responsive1 tr { border: 1px solid #ccc; } table.responsive1 tr:nth-of-type(even) { background: #f3f3f3; } table.responsive1 td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } table.responsive1 td:before { position: absolute; top: .375em; left: .375em; width: 45%; padding-right: .625em; white-space: nowrap; font-weight: 700; content: attr(data-label); } table.responsive2 { border-bottom: 1px solid #ccc; } table.responsive2 thead { display: none; } table.responsive2 td { display: block; } table.responsive2 tbody > tr:first-child > th + td { border-top: 1px solid #e2e2e2; } table.responsive2 td:first-child { border-top: 3px solid #ccc; text-align: left; } table.responsive3 .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } table.responsive3 * html .cf { zoom: 1; } table.responsive3 *:first-child + html .cf { zoom: 1; } table.responsive3 table { width: 100%; border-collapse: collapse; border-spacing: 0; } table.responsive3 th, table.responsive3 td { margin: 0; vertical-align: top; border-bottom: 0; border-left: 0; border-right: 0; } table.responsive3 th { text-align: left; min-height: 1.625em; } table.responsive3 table { display: block; position: relative; width: 100%; } table.responsive3 thead { display: block; float: left; } table.responsive3 tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; } table.responsive3 thead tr { display: block; border-right: 1px solid #e2e2e2; } table.responsive3 th { display: block; text-align: right; } table.responsive3 tbody tr { display: inline-block; vertical-align: top; } table.responsive3 td { display: block; text-align: left; margin-right: -.25em; } table.responsive3 tbody tr { border-left: 1px solid #e2e2e2; } table.responsive3 tbody tr:first-child { border-left: 0; } table.responsive3 th:last-child { border-bottom: 1px solid #e2e2e2; } } /* More styles are found in _infobands.scss */ .accordion_wrapper ul li { margin-bottom: 0; margin-left: 20px; } .ui-widget { font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 1em; } #locationarea h3.pane-title { display: none; } #content .accordion_wrapper div.field-link { background: #ccc; } #content .accordion_wrapper div.field-link a { float: left; font-size: .8em; font-weight: 600; text-transform: uppercase; padding-top: 1.6em; } #content .accordion_wrapper div.field-link a:link, #content .accordion_wrapper div.field-link a:visited { color: #888; } #content .accordion_wrapper div.field-link a:hover, #content .accordion_wrapper div.field-link a:active { color: #c75d2c; } #content .accordion_wrapper div.field-link a:first-child:before { font-family: 'socialmedia'; content: "\e1da"; font-size: 2em; padding: 5px 8px 5px 0; vertical-align: middle; color: #92bd3f; } .accordion_wrapper p a { clear: left; font-size: .8em; } /* ============================================================================= Form Inline styles ========================================================================== */ #content form { display: block; margin-top: 48px; margin-bottom: 48px; padding: 24px; background-color: #f4f4f4; border-radius: 3px; color: #000; } #content form ul { padding: 0; list-style: none; } #content label, #content legend { /*font-size: 0.94444444444444em; font-weight: 400; line-height: 1.28571em;*/ margin: 0 auto 0.85714em; color: auto; } #content legend { float: left; width: 100%; text-transform: uppercase; color: #999; font-weight: 400; font-size: 90%; margin-bottom: 1.5em; } #content label, #content label.option { font-weight: 300; margin-bottom: .25em; } #content ul label { font-size: 0.94444444444444em; line-height: 1.28571em; margin: 0 auto 0.25em; color: auto; text-transform: none; text-shadow: none; } #content .input-text, #content textarea, #content select { border: 1px solid #d7d2d2; padding: 9px 12px; border-radius: 3px; } #content fieldset { outline: 0; border: 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-bottom: 2em; padding: 0; padding-top: .325em; } #content fieldset li { margin-left: 0; } #content .input-text { width: 90%; } #content textarea { width: 90%; height: 6em; } #content button, #content input, #content select, #content textarea { font: inherit; } #content select { width: auto; font-size: 90%; background: #fff; } #content button, #content html input[type="button"], #content input[type="reset"], #content input[type="submit"] { background: #fff; -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; padding: 5px 20px 5px 20px; border: solid #ccc 1px; text-decoration: none; box-shadow: 3px 3px 12px #ccc; } #content button:hover, #content html input[type="button"]:hover, #content input[type="reset"]:hover, #content input[type="submit"]:hover { color: #c75d2c; } #content form table th { color: #444; font-size: 90%; text-transform: uppercase; } #content input[type="text"], #content input[type="email"] { width: 100%; } #content input[type="file"] { border: 1px solid #ccc; padding: 5px; background: #fff; } #content input#edit-submitted-upload-example-upload.form-file { margin-right: 10px; } .ui-datepicker th, .ui-datepicker-title { font: inherit; color: #444; font-weight: normal; } /* ========================================================================== Search ========================================================================== */ .cse .gs-result .gs-snippet, .gs-result .gs-snippet, .cse .gs-spelling-original, .gs-spelling-original { font-size: 16px !important; line-height: 1.6 !important; } .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * { font-size: 20px !important; } .gsc-control-cse, .gs-title, .gs-snippet, .gs-result-info, .gs-visibleUrl, .gsc-tabHeader { font-family: "Open Sans"; font-weight: 300; } .gs-webResult { border-bottom: 1px solid #ccc; padding: 1em; } .gcsc-branding { display: none; } .gsc-tabsArea .gsc-tabHeader { padding: .5em 1em; color: #ccc; } .gsc-results-wrapper-visible .gsc-refinementsArea { border-bottom: none; } .gsc-tabsArea .gsc-tabHeader.gsc-tabhActive, .gsc-tabsArea .gsc-tabHeader.gsc-tabhInactive { color: #444; } .gsc-tabsArea .gsc-tabHeader { text-transform: capitalize; } .gsc-option-menu-container .gsc-selected-option-container { box-shadow: none; font-size: 10px; } .gsc-result .gs-title { color: #818181 !important; font-weight: normal; } a.gs-title { border-bottom: dashed 1px #ccc; } .gs-title b, .gs-snippet b { font-weight: 700; } .cse .gs-webResult .gs-visibleUrl, .gs-webResult .gs-visibleUrl, .cse .gs-webResult .gs-visibleUrl-short, .gs-webResult .gs-visibleUrl-short, .gs-imageResult .gs-visibleUrl, .gs-imageResult .gs-visibleUrl-short { font-weight: 300 !important; } .gsc-results .gsc-cursor-box .gsc-cursor-page { color: #444; text-decoration: none !important; background-color: #f5f5f5; border: 1px solid #ccc; padding: 2px 5px 2px 5px; } .gsc-results .gsc-cursor-box .gsc-cursor-current-page { text-shadow: none !important; padding: 2px 5px 2px 5px !important; } .gsc-control-wrapper-cse form { background: none; } .gsc-control-wrapper-cse td { border: none; } .gsc-control-wrapper-cse .gsc-input { background: none !important; } .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * { text-decoration: none; } .gsc-search-box table th, .gsc-search-box table td, .gsc-search-box table tbody { border: none; } .totop { display: none; } .totop a { position: fixed; bottom: 1.5em; right: 1.5em; background: #92bd3f; color: #fff; display: block; padding: .5em; box-shadow: -4px 4px 15px #999; border: 2px #fff solid; border-radius: 8px; font-size: 150%; } .screen-reader-text { position: absolute; top: -9999px; left: -9999px; } .singlecol input.gsc-search-button, .singlecol table.gsc-search-box input.gsc-input { height: 100% !important; display: inline; padding: 0 10px; } .singlecol .gsc-search-box td { height: 38px; } @media screen and (min-width: 800px) { .totop a { display: none; } } .region-emergency { max-width: 1200px; padding: 20px 20px 0; margin: 0 auto; /* Links */ } .region-emergency a:link, .region-emergency a:visited { color: #888; text-decoration: none; /* border-bottom:1px dashed #ccc; */ } .region-emergency a:hover, .region-emergency a:active { -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; color: #c75d2c; } .region-emergency ul { list-style: none outside url("../images/bullet3x.png"); padding-left: 0px; margin-left: 20px; } .region-emergency #block-emergency-details { color: #e6141c; margin-bottom: 0em; } .region-emergency #block-emergency-details h2 { font-weight: 700; padding-bottom: .6em; color: #e6141c; } .region-emergency #block-emergency-summary a { font-weight: 700; font-size: .8em; color: #e6141c; text-transform: uppercase; } .region-emergency #block-emergency-summary a:after { content: " >>"; } .region-emergency #block-emergency-additional { color: #444; font-size: .9em; border-top: 1px solid #ccc; width: 100%; margin-top: 1.4em; padding: .6em 0 0; } .node-type-profile .fullpage_line { margin: 1em 0px; } .node-type-profile h3 { margin-top: 1.4em !important; } .node-type-profile .toprow { padding-left: 20px; margin-top: -.6em; margin-bottom: 1em; } .node-type-profile .two_col_1 { border: 0 !important; padding-top: 0 !important; } .node-type-profile .two_col_2 { border: 1px solid #ccc !important; } .node-type-profile .node-type-profile .two_col_1 div.panel-pane:first-of-type h3 { padding-top: 0; margin-top: 0 !important; } .node-type-profile .pane-node-field-position.subhead h4 { /* color:$uvm-green-lime !important; */ } .node-type-profile span.field-label { font-weight: 400; padding-right: .5em; } .node-type-profile #content .pane-node-field-phone ul.field-phone li { margin-left: 0; padding-left: 0; } .node-type-profile .profile-singlecol-image-wrapper { width: 100%; } .node-type-profile .pane-node-field-photo { margin-bottom: 1.4em; float: left; width: 100%; } .node-type-profile .field-photo { display: block; margin: auto; } .node-type-profile .field-photo img { padding: 0; margin: 0; width: 100% !important; max-width: none; } .node-type-profile .smallImage, .node-type-profile .verticalImage { background: #ccc; width: 100%; float: left; padding: 10px 0; } .node-type-profile .smallImage .field-photo, .node-type-profile .verticalImage .field-photo { width: 50%; max-width: 300px; display: block; margin: auto; } .node-type-profile .smallImage img, .node-type-profile .verticalImage img { padding: 0; margin: 0; width: 100%; } .node-type-profile .accordion_wrapper { border-bottom: 1px solid #ccc; padding-bottom: .4em; margin-bottom: 2.2em; } .node-type-profile .accordion_wrapper h3 { border-top: 1px solid #ccc; padding-top: .8em; } .node-type-profile-listings table a { border-bottom: 1px dashed #ddd; } .node-type-profile-listings table h2 { color: #444 !important; font-size: .88em; } @media only screen and (min-width: 800px) { .node-type-profile { /* gives the contact us portion the left margin in the single column layout */ } .node-type-profile .fullpage_line { margin: 1.4em -80px; padding: 0 80px; } .node-type-profile .toprow { padding-left: 0; } .node-type-profile .profile-singlecol-image-wrapper { width: 50%; } .node-type-profile .smallimage .field-photo, .node-type-profile .verticalImage .field-photo { width: 30%; max-width: 200px; } .node-type-profile .profile-singlecol-image-wrapper { width: 50%; max-width: 800px; margin-right: 20px; } .node-type-profile .profile-singlecol-image-wrapper.smallImage { max-width: 800px; margin-right: 20px; } .node-type-profile .verticalImageSinglecol .field-photo { margin-right: 20px; } .node-type-profile .verticalImageSinglecol .field-photo img { max-height: 300px; width: inherit !important; } .node-type-profile .big_left { margin-left: calc(50% + 20px); } } @media only screen and (min-width: 1200px) { .profile-singlecol-image-wrapper { max-width: 400px; } .big_left { margin-left: 420px; } } /* optimized for CESS */ #content .node-uvm-major .stripes:first-of-type { background: #e2e2e2 url("/sites/default/files/absurdidad_2X.png"); } #content .node-uvm-major .toprow { color: #fff; font-family: "Roboto Slab", serif; position: relative; } #content .node-uvm-major .field-primary-visual img { display: inline-block; float: left; width: 20%; } #content .node-uvm-major .pane-node-field-primary-visual div:nth-of-type(8) img { margin-left: 20%; } #content .node-uvm-major .pane-node-field-major-tagline { background: #3B6682; bottom: 0; display: inline-block; font-size: 1.76470588235294em; height: 50%; left: 40%; line-height: normal; padding: 0 20px; position: absolute; right: 40%; } #content .node-uvm-major .field-major-tagline { display: table; padding: 20px 0; position: relative; top: 50%; transform: translateY(-50%); } #content .node-uvm-major .accordion_wrapper h3.field-label:after { content: "\e29c"; font-family: 'socialmedia'; font-size: 1.25em; font-style: normal; font-variant: normal; font-weight: bold; padding-left: 5px; position: absolute; speak: none; text-indent: 0; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #content .node-uvm-major .field-body p:first-of-type { font-size: 1.13333333333333em; line-height: 1.8888888em; } #content .node-uvm-major .centercol .accordion_wrapper, #content .node-uvm-major .pane-node-field-major-requirements { border-bottom: 1px solid #ccc; padding: 10px 0; } #content .node-uvm-major .rightcol { background: #92b6cc; border: 0; color: #fff; } #content .node-uvm-major .rightcol h2 { background: #3F598F; color: #fff !important; font-family: "Roboto Slab", serif; font-size: 1.41176470588235em !important; font-weight: 300; margin: 0 -20px; padding: 2px 20px; } #content .node-uvm-major .rightcol h3 { font-size: 1.05882352941176em; color: #2f536a !important; } #content .node-uvm-major .rightcol a { color: #fff; } #content .node-uvm-major .rightcol .pane-entity-field { margin-top: 0; border-top-color: #fff; } #content .node-uvm-major .rightcol .four_yr_plan { background: #fff; margin-left: -20px; margin-right: -20px; } #content .node-uvm-major .rightcol .pane-node-field-4-year-plan { background: #005d37; color: #fff; } #content .node-uvm-major .rightcol .pane-node-field-4-year-plan h3 { color: #D5DD20 !important; } #content .node-uvm-major .rightcol .pane-node-field-4-year-plan a { color: #fff; } #content .node-uvm-major .rightcol .field-graduate-employment-rate, #content .node-uvm-major .rightcol .field-median-salary { color: #fff; } #content .node-uvm-major .rightcol .pane-node-field-graduate-employment-rate, #content .node-uvm-major .rightcol .pane-node-field-median-salary { padding-bottom: 0; } #content .node-uvm-major .rightcol div.note { border-top: none; padding-top: 0; padding-bottom: 0; } #content .node-uvm-major .field-graduate-employment-rate, #content .node-uvm-major .field-median-salary { font-family: "Roboto Slab", serif; font-size: 3.2em; font-weight: 400; margin: 10px auto 5px; text-align: center; line-height: 1; } #content .node-uvm-major .bottomrow .pane-custom { float: none; background: #ccc; } #content .node-uvm-major .bottomrow h2 { background: #3B6682; color: #fff !important; float: none; font-family: "Roboto Slab", serif; font-weight: 300; margin: 0; padding: 5px 20px; } #content .node-uvm-major .bottomrow .pane-title { font-family: "Roboto Slab", serif; margin-top: 20px; text-transform: lowercase; } #content .node-uvm-major .bottomrow .pane-entity-field { padding: 20px; border-top: 1px dashed #ccc; } #content .node-uvm-major .bottomrow .pane-entity-field:nth-of-type(2) { border-top: none; } @media (min-width: 800px) { #content .node-uvm-major .bottomrow .field-similar-majors, #content .node-uvm-major .bottomrow .field-minors, #content .node-uvm-major .bottomrow .field-certificates, #content .node-uvm-major .bottomrow .field-content { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } } @media (min-width: 421px) and (max-width: 800px) { #content .node-uvm-major .pane-node-field-primary-visual div:nth-of-type(1) img, #content .node-uvm-major .pane-node-field-primary-visual div:nth-of-type(5) img, #content .node-uvm-major .pane-node-field-primary-visual div:nth-of-type(6) img, #content .node-uvm-major .pane-node-field-primary-visual div:nth-of-type(9) img { display: none; } #content .node-uvm-major .field-primary-visual img { width: 33.33333%; } #content .node-uvm-major .pane-node-field-primary-visual div:nth-of-type(8) img { margin-left: 33.33333%; } #content .node-uvm-major .pane-node-field-major-tagline { left: 33.33333%; right: 33.33333%; } } @media (max-width: 420px) { #content .node-uvm-major .pane-node-field-primary-visual div:nth-of-type(1) img, #content .node-uvm-major .pane-node-field-primary-visual div:nth-of-type(2) img, #content .node-uvm-major .pane-node-field-primary-visual div:nth-of-type(5) img, #content .node-uvm-major .pane-node-field-primary-visual div:nth-of-type(6) img, #content .node-uvm-major .pane-node-field-primary-visual div:nth-of-type(7) img, #content .node-uvm-major .pane-node-field-primary-visual div:nth-of-type(9) img { display: none; } #content .node-uvm-major .field-primary-visual img { width: 50%; } #content .node-uvm-major .pane-node-field-primary-visual div:nth-of-type(8) img { margin-left: 50%; } #content .node-uvm-major .pane-node-field-major-tagline { left: 0; right: 50%; } } /* @import "objects/site-header"; @import "objects/page-intro"; @import "objects/events"; */ /* @import "theme-B"; */