/** * global.styles.css * * Styles you add here will load for all device sizes, they are "global", as * opposed to "responsive" styles, which only load for a given breakpoint (media * query) that you set in theme settings. See the README for more details. * * * How to use this file: * -------------------- * * The first part of this file is normalize.css with a few modifications to make * it work with the Adaptivetheme theme settings, these are commented and there * are only a few minor changes. * * http://github.com/necolas/normalize.css * * The approach with normalize is to modify it to suit your design, rather than * overriding its defaults. * * Additionally there are many empty selectors and base styles to act as a guide * or examples of how you can style Drupal. Nothing is set in stone, you can * change anything you want, even delete all of it and start with your own * clean slate. * * Now hack this CSS! */ /* ============================================================================= HTML5 display definitions ========================================================================== */ /** * Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /** * Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /** * Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /** * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * Notes for the HTML and BODY elements: * * Font Family: * If you are using the themes Responsive JS feature (media_queries.js) do not * set a font-family on the html element, use body. * * Font Size: * Default font size set in theme settings applies to the body elemet, using any * thing other than the 100% reset on the HTML element will result in odd font * sizing - only apply a global font size to the body element, or just use the * theme settings. * * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ /* -ms-text-size-adjust: 100%; 2 - Commented, can cause text rendering issues in IE9 */ line-height: 1.5; height: 100%; overflow-y: scroll; } /* NOTE: Default font size set in theme settings applies to the body element so be carefu. */ /** * 1. Addresses margins handled incorrectly in IE6/7 */ body { min-height: 100%; margin: 0; /* 1 */ padding: 0; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility\9; /* Only IE, can mess with Android */ font-family:Raleway, Helvetica, sans-serif; color:#282828; font-size: 62.5%; font-weight:500; } /** * Addresses font-family inconsistency between 'textarea' and other form elements. * * EDIT: removed html element from this stack, it does not play with AT's theme * settings for fonts and Responsive JavaScript implementations. */ button, input, select, textarea { font-family: sans-serif; } /* ============================================================================= Links ========================================================================== */ /** * Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } /** * Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ /** * Font Theme Settings * * Adaptivetheme includes powerful theme settings for adding webfonts and * setting font sizes - you can enable these under "Site Tweaks", simply enable * the Fonts setting and start using them. You can choose from standard websafe * font stacks, Google fonts, add your own custom stacks, and if you have * @font-your-face module installed just set the font to... * * "-- add selector in theme CSS --" * * ...and the font will automatically be available to you in theme settings. * * @see http://drupal.org/project/fontyourface * * Font Stacks * * These are the font stacks that used for the websafe fonts * in theme settings (if you enabled the Fonts feature). They are * included here for easy reference if you prefer to set your fonts * in CSS. * * font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Helvetica, sans-serif; * font-family: Verdana, Geneva, 'DejaVu Sans', Arial, Helvetica, sans-serif; * font-family: Arial, Helvetica, sans-serif; * font-family: Calibri, Candara, Arial, Helvetica, sans-serif; * font-family: 'Segoe UI', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; * font-family: 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Verdana, Geneva, sans-serif; * font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Inserat', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif; * font-family: Garamond, Perpetua, 'Times New Roman', serif; * font-family: Georgia, Baskerville, Palatino, 'Palatino Linotype', 'Book Antiqua', 'Times New Roman', serif; * font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif; */ /** * Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ a.pdf { background: url(/sites/default/files/pdf.png) left center no-repeat; padding: 5px 0px 5px 20px;} .view-program-groups img {width: 100%;} .views-slideshow-pager-field-item {float: left; margin-right:5px; border: 1px solid rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, .5); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */} .views-row-odd.active {border: solid 1px #fff;} .views-row-even.active {border: solid 1px #fff;} .learnmore {text-transform: uppercase;color:#FFF; background: #002c5b; padding: 8px 15px 8px 10px;} h1.title {color: #002c5b; font-weight: 400; font-size: 30px; margin-bottom: 5px; margin-top:0px; line-height: 1;} h1.home-page-title {margin: 0; padding: 0;} h1 { font-size: 2em; margin: 0.67em 0; } h2 {color: #002c5b; font-size: x-large; font-weight:normal; margin: 0; padding-bottom:5px; } h3 { font-size: large; font-weight:normal; margin: 1em 0 0 0; color: #002c5b; padding-bottom:5px; } h4 { font-size: medium; color: #002c5b; font-weight: normal; margin: 1.33em 0 0 0; padding-bottom:5px; } h5 { font-size: small; color:#002c5b; font-weight:normal; margin: 1.67em 0 0 0; padding-bottom:5px; } h6 { font-size: x-small; font-weight:normal; margin: 2.33em 0 0 0; padding-bottom:5px; } /* h2 {color: #002c5b; font-size: 1.5em; margin: 0 0 0.5em; } h3 { font-size: 16px; margin: 1em 0; color: #002c5b; } h4 { font-size: 20px; color: #002c5b; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } */ /** * Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /** * Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /** * Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /** * Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /** * Addresses margins set differently in IE6/7 */ p, pre { margin: 0px 1px 5px 1px; font-size: 14px; } /** * Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /** * Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /** * 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } /* 2 */ q:before, q:after { content: ''; content: none; } small { font-size: 75%; } /** * Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ /** * Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /** * Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /** * Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= Embedded content ========================================================================== */ /** * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { /* border: 0; 1 : Drupal core already does this, uncomment if you need it */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ /** * Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ /** * Corrects margin displayed oddly in IE6/7 */ form { margin: 0; } .marker, .form-required { color: #dd001d; font-weight: bold; font-size: 24px; } .webform-client-form label, .webform-client-form .description, .webform-client-form .field-prefix, .webform-client-form .fieldset-description, .webform-client-form .fieldset-legend { font-size: 14px; } /** * Define consistent border, margin, and padding */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /** * 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /** * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /** * 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Removes inner padding and search cancel button in S5, Chrome on OS X */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /** * Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= Tables ========================================================================== */ /** * Remove most spacing between table cells */ table { border: none; border-spacing: 0; border-collapse: collapse; font-size: inherit; font: 100%; margin: 10px 0; padding: 0; width: 100%; } table.sticky-header { z-index: 10; } table, td, th { vertical-align: middle; } caption, th, td { text-align: left; } td, th { border-bottom: 0; margin: 0; padding: 5px 7px; } tbody { } tr.even, tr.odd { background: transparent; } /* Table row striping */ thead tr { font-weight: 700; background-color: #f2f2f2; background-color: rgba(0, 0, 0, .15); } /*tr.even, tr.info, tr:nth-child(2n+2) { background-color: #f5f5f5; background-color: rgba(0, 0, 0, .075); }*/ tr.odd td.active { background-color: #eee; } tr.even td.active { background-color: #f7f7f7; background-color: rgba(0, 0, 0, 0.2); } /* IE doesn't display borders on table rows */ .lt-ie8 tr.even th, .lt-ie8 tr.even td, .lt-ie8 tr.odd th, .lt-ie8 tr.odd td { border-bottom: 1px solid #ccc; } /* ============================================================================= Page Styling ========================================================================== */ /** * Style the markup found in page.tpl.php. Also includes some styling of * miscellaneous Drupal elements that appear in the $content variable, such as * ul.links, .more-link, etc. */ /* Page wrapper, includes the .container class which sets the overall page or section width */ #page { } /* Main site header */ #header { } /* Wraps the 3 vertical columns - content, sidebar-first and sidebar-second */ #columns { } /* Floats the main content column */ #content-column { } /* Wraps the main-content-header, the content region and feed-icons. Use this wrapper to style the entire main content column */ #main-content { } /* Wraps the content region, avoid applying styles to this wrapper, its used mainly for position and invisible gutters and can be problematic to style */ #content { } /* Main site footer. */ #footer {margin-bottom: 0px; } /* Region wrapper, anything that adds width or positioning can break the layout! */ .region { } /* Add borders or other width to the region-inner */ .region-inner { } /* Regions can be nested, such as when using Panels module */ .region-inner .region-inner { } /* AT Panels may need additional margin wrangling when in the content region */ #content .at-panel { } /* Logo */ #logo { padding: 10px 0; } #logo img { vertical-align: bottom; } /* hgroup wrapper for website name and slogan, be careful with display properties as this can be hidden */ #name-and-slogan { } /* The name of the website */ #site-name { margin: 0; } #site-name a:link, #site-name a:visited { text-decoration: none; } #site-name a:hover, #site-name a:focus { } /* The slogan (or tagline) of a website. */ #site-slogan { margin: 0; } /* Wrapper for any blocks placed in the header region. */ .region-header { } /* Highlighted region */ .region-highlighted { } /* Wraps the page title, tabs and actions links. */ #main-content-header { } /* The title of the page. */ #page-title { margin: 0; padding: 0; } /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ .pane-pane-messages { position:relative; z-index: 10; } div.messages { margin: 15px 10px; /* Drupal core uses "6px 0" margin */ } /* Multiple message of the same type are output as a list */ div.messages ul { margin-top: 0; margin-bottom: 0; } /* Normal priority messages */ div.status { } /* Medium priority messages */ div.warning, tr.warning { } /* High priority messages. See also the .error declaration below */ div.error, tr.error { } /* Errors that are separate from div.messages status messages */ .error { } /* Warnings that are separate from div.messages status messages */ .warning { } /* Unpublished nodes - set here to supply a global style in one place */ .node-unpublished, .comment-unpublished { } /* The word "Unpublished" displayed underneath the content */ .node-unpublished p.unpublished, .comment-unpublished p.unpublished { color: pink; /* target browsers that do not support rgba */ color: rgba(239, 170, 170, 0.4); font-family: Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Inserat', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif; font-size: 50px; font-weight: 700; line-height: 1.2; height: 0; margin: 0; padding: 0; overflow: visible; text-align: center; text-transform: uppercase; word-wrap: break-word; } /* Otherwise these elements will appear below the "Unpublished" text. */ .lt-ie8 .node-unpublished > *, .lt-ie8 .comment-unpublished > * { position: relative; } /* List of links generated by theme_links(). */ ul.links { margin: 0; padding: 0; } /* Let the links be inline, but the container be a block. */ ul.links.inline { display: block; } ul.links li { display: inline; list-style-type: none; padding: 0 10px 0 0; /* LTR */ } /* Aggregator feed source */ #aggregator .feed-source .feed-icon { display: inline; float: none; margin-right: 10px; } .feed-details dt, .feed-details dd { display: inline; margin: 0; } /* Search results are an ordered list so we reset the margin */ .search-results { margin: 0; } /* * First sidebar * Remember to NOT add padding or margin to your .region-sidebar-first. */ .region-sidebar-first { } /* * Second sidebar * Remember to NOT add padding or margin to your .region-sidebar-second. */ .region-sidebar-second { } /* * Full Width Wrappers - these are used in the optional * page--full-width-wrappers.tpl.php template. */ #page-wrapper { } #leaderboard-wrapper { } #header-wrapper { background: #ddd; /* Debug style, is this working? */ } #nav-wrapper { } #breadcrumb-wrapper { } #messages-help-wrapper { } #secondary-content-wrapper { } #content-wrapper { } #tertiary-content-wrapper { } #footer-wrapper { background: #666; /* Debug style, is this working? */ color: #fff; /* Debug style, is this working? */ } /* Maintenance pages */ .maintenance-page .container { padding: 40px 0; } .maintenance-page #site-name, .maintenance-page #page-title { margin: 0; } .db-offline .container { margin: 0 auto; padding: 40px 0; width: 100%; max-width: 960px; } .db-offline div.messages { margin: 20px 0 0; } .db-offline #content { padding: 20px 0; } /* ============================================================================= Navigation Styling - menus, breadcrumbs, tasks, action links, pager etc ========================================================================== */ a {} a:link {} a:visited {} a:hover {} a:active {} a.active {} /* Global focus style for links. */ a:active, a:focus {} /* Menu bar block */ .nav .block { margin-bottom: 0; } /* * Menus */ ul.menu { padding-left: 15px; } ul.menu ul, ul.menu ul ul, ul.menu ul ul ul { padding-left: 15px; margin: 0; } ul.menu li { margin: 0; } .block .menu li.content { padding: 0; /* this class (if it exists) could be a problem so reset the padding */ } /* Book navigation menu */ .book-navigation .menu { } /* * Adaptivetheme outputs breadcrumbs as an ordered list. This provides better * semantics for breadcrumbs and familiar markup to themers. Breadcrumbs are * basically a menu displayed inline, so we mark it up like a real menu. */ .pane-page-breadcrumb { margin-top: 10px; } #breadcrumb { width: 100%;max-width: 1024px;margin:0 auto; } #breadcrumb ol { margin: 0; padding: 0; } /* If the label is set to show in theme settings the label class is added */ #breadcrumb .breadcrumb-label { font-size: 14px; display: inline; padding-right: 10px; } #breadcrumb .breadcrumb-label:after { content: ":"; } #breadcrumb .with-breadcrumb-label ol { display: inline; } #breadcrumb li { list-style: none; display: inline; font-size: 13px; } /* Pager */ ul.pager { clear: both; margin: 0; text-align: center; } .item-list ul.pager li { margin: 0; } ul.pager li { background-image: none; display: inline; list-style-type: none; padding: .5em; } ul.pager li.pager-current { font-weight: 700; } .block ul.pager li { margin: 0; } /* Theme the various states of pager links. */ ul.pager li a:link, ul.pager li a:visited { } ul.pager li a:hover, ul.pager li a:focus, ul.pager li a:active { } /* Note: .pager-current is for the current page. */ ul.pager li.pager-item { } ul.pager li.first { } ul.pager li.last { } ul.pager li.pager-current { } ul.pager li.pager-first { } ul.pager li.pager-previous { } ul.pager li.pager-next { } ul.pager li.pager-last { } /* * Skip Navigation - this provides a nice default set of styles for skip navigation, * hiding the link until its focused. */ #skip-link { left: 50%; margin-left: -6.5em; margin-top: 0; padding: 0 0.5em; position: absolute; width: 12em; z-index: 50; } #skip-link a, #skip-link a:link, #skip-link a:visited { background: #444; background: rgba(0, 0, 0, 0.6); color: #fff; display: block; line-height: 2; padding: 0; text-align: center; text-decoration: none; } #skip-link a:hover, #skip-link a:focus, #skip-link a:active { outline: 0; } /* Tabs */ #tasks { margin-bottom: 0px; } ul.primary { border-bottom-color:#ccc; margin: 20px 0; padding: 0 0 0 5px; } ul.primary li { display: block; float: left; margin: 0 1px -1px; } ul.primary li a { background-color: #f5f5f5; border-color: #ccc; margin-right: 1px; padding: 0 10px; display: block; float: left; height: 1.5em; line-height: 1.5em; color: #31631c; } ul.primary li a:hover, ul.primary li a:focus { background-color: #eee; border-color: #ccc; } ul.primary li.active a, ul.primary li.active a:hover, ul.primary li.active a:focus { background-color: #fff; border-bottom-color: #fff; } ul.secondary { border-bottom: 1px solid #ccc; margin: 15px 0 0; padding: 0 4px 15px; } ul.secondary li { border-right: 0; list-style: none; padding: 0 10px 0 0; } ul.secondary li a:hover, ul.secondary li a.active { border-bottom: none; text-decoration: underline; } /* Action links */ ul.action-links { padding: 0; list-style: none; } ul.action-links li { } .book-navigation .page-up { /* Prevent text wrapping to a new line, assumes English "up" is used (two characters) */ min-width: 2em; white-space: nowrap; } /* ============================================================================= Field Styling ========================================================================== */ /* Wrapper for any field */ .field { } /* Fields with visible labels use section wrappers */ section.field { margin-bottom: 10px; } /* Fields without lablel use div wrappers */ div.field { } /* Lables are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues */ .field .field-label { font-size: 1.1em; font-weight: 700; font-family: inherit; line-height: inherit; margin: 0; } .field-collection-view {margin-left:0px !important;} .view-degrees-with-course {font-size: 12px;} /* * Field types (Core) */ /* Image fields use the
and
elements from HTML5 */ .field-type-image { margin-bottom: 1.5em; } /* The .caption class is applied to all captions regardless of view mode */ .field .caption { } /* View mode full. */ .field .full-caption { } /* View mode teaser. */ .field .teaser-caption { } /* Taxonomy fields are output as an unordered list in Adaptivetheme */ .field-type-taxonomy-term-reference { margin-bottom: 1.5em; } .field-type-taxonomy-term-reference .field-items { } .field-type-taxonomy-term-reference .field-item { } /* Restyle the list when the label is inline */ .field-type-taxonomy-term-reference.field-label-inline .field-items { margin: 0; padding: 0; } .field-type-taxonomy-term-reference.field-label-inline .field-item { display: inline; list-style: none; padding: 0 10px 0 0; /* LTR */ } /* Float left setting */ .ia-l .field-type-image { margin: 0.5em 15px 1.5em 0; } /* Centered setting */ .ia-c .field-type-image { margin: 0.5em auto 1.5em; } /* Float right setting */ .ia-r .field-type-image { margin: 0.5em 0 1.5em 15px; } /* ============================================================================= Block Styling ========================================================================== */ /* Block wrapper */ .block { margin-bottom: 20px; } #footer .block {margin-bottom:0!important;} /* Block title */ .block-title { margin: 0; } /* Match item list and block menu margin and padding */ .block-content ul, .block-content ol { padding: 0 0 0 15px; } /* Match item list and block menu margin and padding */ .block-content li { margin: 0; padding: 0; } /* ============================================================================= Node Styling ========================================================================== */ /* Node wrapper */ .node { margin-bottom: 20px; } /* Node title */ .node-title { margin: 0; } .brcc-news-date { background-color: #e0e0e0; padding: 5px 10px; } /* ============================================================================= Comment Styling - Comments, comment wrapper, comment form ========================================================================== */ /* Wrapper for the list of comments and its title */ #comments { margin: 1.5em 0; } /* Heading for the list of comments */ #comments h2.comment-title { margin: 0; } /* Heading for the comment form */ #comments h2.comment-form { margin: 0; } /* Wrapper for a single comment */ .comment { margin-bottom: 20px; } /* Preview of the comment before submitting new or updated comment */ .comment-preview { background-color: #ffffea; } /* Comment title */ .comment-title { margin: 0; } /* "New" marker for comments that are new for the current user */ .new { color: #c00; } /* ============================================================================= Misc overrides for contrib modules ========================================================================== */ /* Admin menu overrides */ #admin-menu { margin: 0; padding: 0; } /* Devel Module */ .dev-query { background: #eee; padding: 30px; } /* Styleguide module tweaks */ #styleguide-header { padding: 0 10px; } #styleguide-header .item-list { font-family: inherit; margin: 0 20px 20px 0; min-height: 260px; width: auto; } span.label { font-size: 13px; text-transform: uppercase; font-weight: bold; color: rgb(238, 141, 44); margin-right: 10px; } div.becomeScholar { padding: 5px; background-color: rgb(230, 162, 49); } .qitem { width: 173px; height: 172px; margin: 5px 5px 5px 0px; overflow: hidden; position: relative; float: left; cursor: pointer; background-color: rgb(230, 162, 49); } .qitem .caption { position:relative; z-index:0; color:#333; display: table; width: 100%; height: 100%; text-align: center; vertical-align: middle; } .qitem .caption h4 { font-size:16px; padding:10px 5px 0 8px; margin:0; color:#333; display: none; } .qitem .caption p { font-size: 16px; padding: 3px 5px 0px 8px; margin: 0px; display: table-cell; vertical-align: middle; font-weight: bold; } .qitem img { border:0; /* allow javascript moves the img position*/ position:absolute; z-index:200; } .topRight { background-position: right top; } .topLeft { background-position: left top; } .bottomLeft { background-position: left bottom; } .bottomRight { background-position: right bottom; } .topLeft, .topRight, .bottomLeft, .bottomRight { position: absolute; background-repeat: no-repeat; float: left; } .finArrow{ width: 30px; height: 44px; background: url(/sites/default/files/images/fin-step-arrow.png) no-repeat 0 75px; float: left; margin: 0px 5px; padding-top: 100px; } #howToApply { background: url(/sites/default/files/images/how-to-apply.png) no-repeat scroll 0% 0% transparent; height: 61px; text-indent: -9999px; margin-left: -38px; } #sb-body {background: #FFF;} .qitem > div {display: block;width:87px;height: 87px;transition: all .5s; -moz-transition: all .5s; /* Firefox 4 */ -webkit-transition: all .5s; /* Safari and Chrome */ -o-transition: all 1s; /* Opera */} .qitem:hover > div {width:0px;height: 0px;transition: all .5s; -moz-transition: all .5s; /* Firefox 4 */ -webkit-transition: all .5s; /* Safari and Chrome */ -o-transition: all .5s; /* Opera */} .view-gallery .views-row {float: left;margin:0 10px 10px 0;} .pane-print-print-links {padding:5px 0; margin-bottom: 0px;} .pane-print-print-links > .pane-inner {margin:0 0;border-top:1px solid #CCC;border-bottom: 1px solid #CCC;} .print_html a, .print_pdf a {text-transform: uppercase;font-size: 1.1em;padding:3px 7px;color:#004680;} .printer-friendly-link a {font-size: 11px; font-weight: bold; text-decoration: underline;} ol.hover-boxes {margin:0;padding: 0;min-width: 600px;} ol.hover-boxes li {width:172px;height: 172px;float: left;text-align: center;list-style: none;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */padding-top: 62px;margin-right: 0px;transition: background .5s;-moz-transition: background .5s; /* Firefox 4 */-webkit-transition: background .5s; /* Safari and Chrome */-o-transition: background .5s; /* Opera */} ol.hover-boxes li:hover {transition: background .5s;-moz-transition: background .5s; /* Firefox 4 */-webkit-transition: background .5s; /* Safari and Chrome */-o-transition: background .5s; /* Opera */} ol.hover-boxes li.arrow {height: 172px;background: url(images/fin-step-arrow.png) center center no-repeat!important;width:36px!important;} ol.hover-boxes li.one {background: url(images/1.jpg) 0 0;text-indent: -9999px;} ol.hover-boxes li.one:hover {background: url(images/1.jpg) 0 -172px;text-indent: 0;} ol.hover-boxes li.two {background: url(images/2.jpg) 0 0;text-indent: -9999px;} ol.hover-boxes li.two:hover {background: url(images/2.jpg) 0 -172px;text-indent: 0;} ol.hover-boxes li.three {background: url(images/3.jpg) 0 0;text-indent: -9999px;} ol.hover-boxes li.three:hover {background: url(images/3.jpg) 0 -172px;text-indent: 0;} ol.hover-boxes li.four {background: url(images/4.jpg) 0 0;text-indent: -9999px;} ol.hover-boxes li.four:hover {background: url(images/4.jpg) 0 -172px;text-indent: 0;} ol.hover-boxes li.five {background: url(images/5.jpg) 0 0;text-indent: -9999px;} ol.hover-boxes li.five:hover {background: url(images/5.jpg) 0 -172px;text-indent: 0;} ol.hover-boxes li.six {background: url(images/6.jpg) 0 0;text-indent: -9999px;} ol.hover-boxes li.six:hover {background: url(images/6.jpg) 0 -172px;text-indent: 0;} ol.hover-boxes li.seven {background: url(images/7.jpg) 0 0;text-indent: -9999px;} ol.hover-boxes li.seven:hover {background: url(images/7.jpg) 0 -172px;text-indent: 0;} ol.hover-boxes li.eight {background: url(images/8.jpg) 0 0;text-indent: -9999px;} ol.hover-boxes li.eight:hover {background: url(images/8.jpg) 0 -172px;text-indent: 0;} .search-results {font-size: 1.2em;} .not-front .pager {font-size: 1.2em;padding:10px 0;} /***************** Main color for all links *****************/ a {color:#002c5b;text-decoration:none;} /***bold all links in the main content area Sept 5, 2017 ***/ .region-two-66-33-first a, .search-api-page-results a{ font-weight:bold; } /***bold &color change for all visited links in the main content area Sept 5, 2017 ***/ .region-two-66-33-first a:visited, .search-api-page-results a:visited { color:#31631c; text-decoration:none; font-weight:bold; } /***Fix visited color in learn more buttons ***/ a.learnmore:visited { color:#fff; } /********** COLORS FYI ************ BRCC Green : #31631c */ /* THINGS TO HIDE */ /*Program Groups view styling*/ .program-groups { background: #e0e0e0; padding-left: 10px; padding-top: 5px; padding-right: 5px; padding-bottom: 15px; color: #31631c; font-size: 18px; font-weight: 600; /*width: 312px; height: 45px;*/} .program-groups-home { background: #f6f6f6; background: -webkit-linear-gradient(#f6f6f6, #e0e0e0); background: -moz-linear-gradient(#f6f6f6, #e0e0e0); background: linear-gradient(#f6f6f6, #e0e0e0); padding-left: 10px; padding-top: 15px; padding-right: 5px; padding-bottom: 15px; color: #31631c; font-size: 18px; font-weight: 600; margin-top: -10px; height: 45px;} .program-groups a {color: #31631c; } .program-groups-home a {color: #31631c; } /* Sub navigation box that appears on sub pages. This is a blue box with while line seperators and a white arrow*/ #subnav {background:#f6f6f6; padding-bottom: 15px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */; margin-top: 10px; margin-bottom: 10px; margin-right: 0px; margin-left: 3px;} #subnav h2.pane-title { padding-left: 10px; background-color: #002c5b; color: #FFF;} #subnav h2.pane-title a {color: #FFF; } #subnav ul.menu {padding:0;margin:0;} #subnav ul.menu li {margin:0; padding:0; list-style:none; border-bottom: 2px solid #fff;} #subnav ul.menu li.last {border-bottom:none;} #subnav ul.menu li a {padding: 10px; font-size:1.5em;font-weight:500; color: #002c5b; display:block} #subnav ul.menu li li a.active {background:url(images/subNavArrowBlue.png); background-position: 0 10px; background-repeat: no-repeat; color: #002c5b; font-weight: 700;} #subnav .menu-block-5 > ul.menu > li.active-trail, #subnav .menu-block-3 > ul.menu > li.active-trail { list-style: none; border: 1px solid #f6f6f6; color: #FFF; } #subnav .menu-block-5 > ul.menu > li > a:hover, #subnav .menu-block-3 > ul.menu > li > a:hover { background-color: #e0e0e0;} #subnav li a.active-trail {color: #002c5b; background-color: #e0e0e0; font-size: 18px;} #subnav .pane-title {padding:8px 0;margin:0; list-style:none; color:#002c5b; font-size: 16px;} #subnav ul.menu ul {margin:0;border-left:none;} #subnav ul.menu li li {margin:0;border-bottom:none;list-style:none; background: #FFF;} #subnav ul.menu li li a {padding:10px 0 5px 15px; background:none;font-weight:normal;font-size: 14px;} #subnav ul.menu li li a:hover {text-decoration: underline; } #subnav ul.menu li li li a {padding:10px 0 5px 30px; background:none;font-weight:normal;font-size: 14px;} #subnav ul.menu li li li li a {padding:10px 0 5px 45px;} #subnav ul.menu li li li li li a {padding:10px 0 5px 60px;} #subnav ul.menu li li li li li li a {padding:10px 0 5px 75px;} #content > .pane-content {margin-right: 15px;} /*Slide Show Styling*/ .pane-homepage-slideshow-panel-pane-1 {margin-bottom: 0;} .pane-homepage-slideshow-panel-pane-1 > .pane-inner {margin:0!important;} .view-homepage-slideshow {line-height:0; z-index: 1;} .view-homepage-slideshow .views-row {position:relative;} .view-homepage-slideshow .views-row .views-field-field-img {position:relative;z-index:3;} #views_slideshow_cycle_teaser_section_page_header_images-panel_pane_1[style], #views_slideshow_cycle_teaser_section_homepage_slideshow-panel_pane_1[style] {width:100%!important;max-width: 100%!important;} #views_slideshow_cycle_teaser_section_page_header_images-panel_pane_1 > div[style], #views_slideshow_cycle_teaser_section_homepage_slideshow-panel_pane_1 > div[style] {width:100%!important;max-width: 100%!important;} .view-homepage-slideshow {position: relative;} .views-slideshow-controls-bottom {position: absolute;bottom:13px;right:0px;z-index: 100; float:left;} .views-slideshow-controls-bottom .views-content-counter {float:left;background:url(images/slideshow-pager.png) no-repeat 0 0;display:block;width:14px;height:14px;text-indent:-9999px;cursor:pointer;margin-right: 7px;} .views-slideshow-controls-bottom .active .views-content-counter {background:url(images/slideshow-pager.png) no-repeat -14px 0;} .thumbnail {display: inline;} image-style-thumbnail /****** Styling for the Latest News Panel and Upcoming Events *******/ .front .pager {float:right;position:relative;top:-30px;} .front .pager li {padding:0;margin:0 2px;float:left;} .front ul.pager li.pager-current {display:none;} .front .pager-previous a {display:block;width:20px;height:20px;background:url(images/next-prev.png) 0 0;text-indent:-9999px;outline:none!important;} .front .pager-next a {display:block;width:20px;height:20px;background:url(images/next-prev.png) -23px 0;text-indent:-9999px;outline:none!important;} #latest-news h2.pane-title, #featured-video h2.pane-title, #upcoming-events-home h2.pane-title {font-family:Raleway, "Times New Roman", Times, serif; font-weight:normal;letter-spacing:1px;font-size:2.0em; border-bottom: 1px solid #fff; color: #003b79;} #latest-news .views-row h2 {font-size:1.2em;line-height:1.2;} #upcoming-events-home .views-field-title {font-size:1.2em;line-height:1.2;font-weight: bold;} #upcoming-events-home .views-field-field-date {text-transform: uppercase;} #upcoming-events-home .views-row {padding:7px 0;border-bottom: 1px solid #CCC;} #upcoming-events-home .views-row-last {border-bottom: none;} #latest-news .views-row h2 a {color:#004680;font-weight:bold;} #latest-news .views-row h2, #latest-news .views-row p {margin:0;} #latest-news .views-row .field-name-node-link a {text-transform:uppercase;font-size:1.2em;font-weight:bold;} #latest-footer {margin-top:10px;} #latest-footer a {color:#999;font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;} #latest-footer img {vertical-align:middle;} .pane-lastest-news-panel-pane-2 h2.pane-title, .pane-lastest-news-panel-pane-3 h2.pane-title {margin-bottom: 10px;background-color: #002c5b; color: #fff; padding-left: 5px;} .pane-lastest-news-panel-pane-2 .group-left {width:25%;} .pane-lastest-news-panel-pane-2 .group-right {width:75%;} .osmplayer-default-teaser-image img[style] {margin-top: 0!important;} .pane-lastest-news-panel-pane-2 h2, .pane-lastest-news-panel-pane-3 h2, .pane-news-panel-pane-1 h2 {font-size:1.7em;} .pane-lastest-news-panel-pane-3 h2 a, .pane-news-panel-pane-1 h2 a {color:#002c5b;} .pane-lastest-news-panel-pane-2 h4, .pane-lastest-news-panel-pane-3 .views-row h2, .pane-news-panel-pane-1 .views-row h2 {font-size: 1.8em; margin: 0px; } .pane-lastest-news-panel-pane-3 p, .pane-lastest-news-panel-pane-2 p, .pane-news-panel-pane-1 p {margin:0; font-size: 12px;} .pane-lastest-news-panel-pane-3 .field-name-node-link a, .pane-lastest-news-panel-pane-2 .field-name-node-link a, .pane-news-panel-pane-1 .field-name-node-link a {text-transform: uppercase;color:#FFF; background: #002c5b; padding: 5px 10px;} .field-name-node-link {margin-top: 5px;} .pane-lastest-news-panel-pane-3 .views-row, .pane-lastest-news-panel-pane-2 .views-row, .pane-news-panel-pane-1 .views-row {margin-bottom:10px;padding-bottom: 10px;border-bottom:1px solid #e7e7e7;} .pane-lastest-news-panel-pane-3 .views-row-last, .pane-lastest-news-panel-pane-2 .views-row-last, .pane-news-panel-pane-1 .views-row-last {border-bottom: none;} /******************************** **************** **************** BRCC CSS STYLING **************** **************** **************** **************** ***********************************************/ .field-name-field-programs-of-study {font-size: 12px; padding-bottom: 10px;} .field-collection-view .field-label {width: auto} .field-name-field-curriculum-course {font-size: 1.3em;} .field-name-field-curriculum-course .field-label {font-size: 1em!important;} .field-collection-container .field-items .field-item {margin-bottom: 0;font-size: 1.1em;} .p-study-label {margin: 0px;} /*Program Areas Styling*/ .dept-title {font-size: 24px; color: #002c5b;} #dept-program-areas .pane-title {font-size: 18px; color: #002c5b;} #dept-program-areas {padding:10px;background:#e0e0e0;} #dept-program-areas ul {margin-left:0;padding-left: 0;} #dept-program-areas li {float:left;margin-left:0;list-style: none;padding:5px 0;width:48%;margin-right: 2%; font-size: 13px;} /*Pane Title*/ .pane-page-title {margin: 0px;} .basic-page-font p {font-size: 18px; margin-top: 0px;} /* Styling for the gray navigation bar at the top of the page */ #main-nav {background-color: #e0e0e0; height: 45px; margin-bottom: 15px;} #main-nav .menu {padding-top: 12px;} #main-nav ul li {display: inline; list-style: none; padding-right: 100px;} #main-nav ul li a {color: #232323; font-weight: 500; font-size: 16px;} /*#mini-panel-global_super_header {background: #011f3f; height: 35px;}*/ /* Break up the sites columsn to a max width of 1024px */ #super-header > .pane-inner, #header > .pane-inner, #main-nav > .pane-inner, #main-content > .pane-inner, #footer > .pane-inner, #main-nav > .region-inner {width: 100%;max-width: 1024px;margin:0 auto;} #outer-super-header >.pane-inner {width: 100%;max-width: 1024px;margin:0 auto;} #mini-panel-logo_and_main_nav_panel{ position: relative; } #mini-panel-logo_and_main_nav_panel > .region { margin: 0 auto; max-width: 1024px; width: 100%; display: block; float: none;} #gsl {margin: 0;} #outer-super-header {margin-bottom: 0;} /*#mini-panel-global_super_header > .region { display: block; float: left; margin: 0;}*/ #global-nav-top {position: relative; bottom: 30px;} /*#mini-panel-global_super_header > .region-two-33-66-first .block {margin-bottom: 0px;}*/ /* Blue Audience Navigation the home page styling. Makes the Background blue and adds a line seperator */ #audience-nav {clear:both; background:#f6f6f6;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */; } #audience-nav ul li.first { background: #31631c; } #audience-nav ul li.first:hover { background: #31631c; } #audience-nav ul li.first a { color: #FFFFFF; font-weight: 900;} #audience-nav ul li.last {background:none;} #audience-nav ul {margin:0;padding:0;} #audience-nav ul li {padding:7px 0;list-style:none; border-bottom: 2px solid #fff; } #audience-nav ul li:hover {background-color: #e0e0e0; } #audience-nav ul li a {padding-left: 15px; display:block; color:#002c5b;font-size: 14px;font-weight:500;} /*Social Feeds Styling*/ #mini-panel-social_feeds h2.pane-title { color: #FFF; background: #002c5b; padding: 5px; } #mini-panel-social_feeds .pane-inner {margin-left: 10px; margin-right: 10px;} /* Gray Box class to place behind elements*/ .homepage-gray {background-color: #e0e0e0; padding-top: 20px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; } .gray-box {font-size: 13px; color: #404040; padding-top: 10px;font-weight: 500;} .page-promo {background-color: #e0e0e0; line-height: 1.2 !important; font-weight: 500;} .readmore {font-size: 11px;} .twUpcomingFoot a {font-size: 14px; color: #31631c; text-transform: uppercase; font-family: Raleway;} /* Latest News on Home Page*/ #news-events-mini-panel {margin-bottom: 0px;} #latest-news .view-footer a {font-size: 14px; color: #31631c; text-transform: uppercase; } .view-latest-news > .view-footer {margin-top:10px;} .news-title h1 {font-size: 24px !important; line-height: 1.2 !important;} #latest-news a {font-size: 14px; font-weight: bold;} /* Upcoming events on Home Page */ #upcoming-events-home {margin-left: 10px;} .events-footer {font-size: 14px; color: #31631c; text-transform: uppercase; } /* Upcoming Events Month Styling*/ .events-month {text-transform: uppercase; font-size: 11px; color: #737272; font-weight: 700; padding-bottom: 3px; padding-top: 20px;} .events-title a {font-size: 14px; color: #404040; font-weight: 500;} /***************** Footer and misc **************** */ /* The main full width div the footer */ #footer {background:#e0e0e0;padding:10px 0;} #footer h2 {font-size:1.4em;} #footer-logos {margin-top:10px;} #footer-id {border-bottom: 1px solid #fff;} /***************** Make the footer navigation menu display in columns and style it **************** */ #career-coach {float: right;} #mini-panel-footer_nav_panel .region-two-50-top {border-bottom: 1px solid #fff; margin-bottom: 15px;} #footer-nav {float:left;margin-top:10px;width:90%; padding-bottom: 15px; } #footer-nav ul {margin:0;padding:0;} #footer-nav li a {color:#232323;} #footer-nav li li a {color:#232323;} #footer-nav ul li {list-style:none;float:left;width:19%;font-size:1.4em;font-weight:bold; font-family: Helvetica;} #footer-nav ul li li {clear:both;font-size:.8em;font-weight:normal;line-height: 1.2;padding:4px 0;width:100%;} .pane-pane-messages {background: #FFF; width: 100%;max-width: 1024px;margin:0 auto;} .view .date-nav-wrapper {padding-top: 10px;margin-top: 0;} #sub-footer {background:#e0e0e0;padding:7px 0;} #sub-footer p {text-align:center;color:#FFF;font-size:1.1em;margin:0;} #sub-footer p a {color: #FFF;} .alert p{font-size: 16px; color: #fff; margin:0px;} .margin-zero {margin: 0px;} /*#alert {margin:0px;} #alert p {padding: 0px; margin: 0px;} #alert > .pane-inner {padding:0px; margin: 0px;} */ /********** COLORS FYI ************ BRCC Green : #31631c */ /*Main gray navigation*/ /* Set the height for the gray box for latest news and upcming events*/ .homepage-gray {height: 220px;} /* Home Page Slideshow */ /*.view-homepage-slideshow {width:1024px; margin-bottom: 20px;} .region-three-33-top {margin-left:0px;margin-right:0px;} .view-homepage-slideshow .views-row .views-field-field-slide-overlay {position:absolute;z-index:4;top:0;left:0;} .view-homepage-slideshow .views-row .slide-text {background-image: url("/sites/all/themes/at_panels_everywhere/css/images/overlay.png"); position: absolute; width: 288px; height: 100%; z-index: 6; bottom: 0; right: 0; } .view-homepage-slideshow .views-row .views-field-title {position: absolute; z-index: 5; left: 0; top: 59px; padding: 0px 20px; width: auto; height: auto; overflow: hidden; line-height: 1.0; font-size: 25px; color: #fff; font-weight: 700;} .view-homepage-slideshow .views-row .views-field-body {position:absolute;z-index:5;right:0px;bottom:155px;width:auto;height:auto;overflow:hidden; padding: 0px 20px;} .view-homepage-slideshow .views-row .views-field-body p {font-size:13px;color:#FFF;margin:0;line-height:1.5;} .view-homepage-slideshow .views-row .slide-text #slidelink {background-image: url("/sites/all/themes/at_panels_everywhere/css/images/cta.png"); background-repeat: no-repeat; position:absolute;z-index:5;bottom:76px;left:20px; font-size: 12px; font-weight: 700; color: #fff; text-transform: uppercase; height: 37px; width: 165px; padding-top: 19px; padding-left: 20px} */ /* QUICKLINKS */ #quick-links { visibility: hidden; } div.qtip-borderTop[style], div.qtip-borderBottom[style] {height: 0!important;} div.qtip-contentWrapper[style] {background:none!important;} div.qtip-content[style] {/*background: rgb(0, 70, 128)!important;background: rgba(0, 70, 128, .9)!important;*/background: url(images/blue90.png) repeat!important;padding:20px 30px;-moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; behavior:url(/sites/all/themes/adaptivetheme/at_core/scripts/PIE.htc);position:relative;border:1px solid #FFF;} .menu-minipanel-709 ul.menu {margin:0;padding:0;max-width:560px;} .menu-minipanel-709 ul.menu li {width:25%;float:left;list-style: none;padding:10px 0;} .menu-minipanel-709 ul.menu li a {font-size:1.2em;color:#FFF;font-weight: bold;} #mini-panel-global_super_header {position:relative;} #mini-panel-global_super_header p {margin:0;padding:0;} #mini-panel-global_super_header img {position:relative;top:5px;} #mini-panel-global_super_header ul.menu {float:right; margin-top: 5px;} #mini-panel-global_super_header ul.menu > .menu.clearfix {margin-top:5px;} #mini-panel-global_super_header ul.menu li {font-family: Helvetica; font-size: 13px; list-style:none;float:left;padding:0 10px;border-left:1px solid #466786;} #mini-panel-global_super_header ul.menu li a {color: #ffffff;} #mini-panel-global_super_header ul.menu li.first {border-left: none;} #mini-panel-global_super_header ul.menu li.last {margin-right:0;} #mini-panel-logo_and_main_nav_panel, #main-content {background:#FFF;} #main-content {min-height:400px;height:400px;height:auto!important;padding-top: 15px;} #main-content > .region-two-66-33-first > .region-inner{padding-right: 15px;} #mini-panel-logo_and_main_nav_panel {background:url(images/hdr-bkgd.png) repeat-x;height:123px; margin-bottom: -10px;} /* BRCC Home Page Logo*/ #mini-panel-logo_and_main_nav_panel #logo {position:relative;margin:0;padding:0; top: 20px;} /* BRCC Site Slogan Positioning*/ #mini-panel-logo_and_main_nav_panel .search-form {margin-bottom:0;} #mini-panel-logo_and_main_nav_panel #search-block-form {height:44px;overflow:hidden;float:right; position: relative; bottom: 45px;} #mini-panel-logo_and_main_nav_panel #search-block-form div {margin:7px 0 0 7px;} #mini-panel-logo_and_main_nav_panel #search-block-form #edit-submit {position:relative;top:3px; right: 25px;} #mini-panel-logo_and_main_nav_panel .menu-block-1 {width:772px;height:45px;overflow:hidden;float:right;clear:right;} #mini-panel-logo_and_main_nav_panel .menu-block-1 ul {margin:0 0 0 32px;padding:0;} #mini-panel-logo_and_main_nav_panel .menu-block-1 ul li {margin:8px 32px 0 0px;padding:0;list-style:none;float:left;} #mini-panel-logo_and_main_nav_panel .menu-block-1 ul li.last {margin-right: 0;} #mini-panel-logo_and_main_nav_panel .menu-block-1 ul li a {font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-decoration:none;font-size:22px;color:#FFF; text-shadow: 0px 0px 5px #212121;filter: dropshadow(color=#212121, offx=0, offy=0);letter-spacing:-1px;} /*#mini-panel-footer_nav_panel > .region-two-50-first {font-size: 14px; font-weight: 600;} #mini-panel-footer_nav_panel > .region-two-50-second {font-size: 14px; font-weight: 600;}*/ /********************************************** DAVIDSON CSS - OLD ***********************************************/ #breadcrumb-img {padding-bottom:110px;background:url(images/general-people.jpg) right bottom no-repeat #FFF;} #about-dccc #breadcrumb-img {padding-bottom:110px;background:url(images/about-dccc.jpg) right bottom no-repeat #FFF;} #admissions #breadcrumb-img {padding-bottom:110px;background:url(images/admissions.jpg) right bottom no-repeat #FFF;} #financial-aid #breadcrumb-img {padding-bottom:110px;background:url(images/financial-aid.jpg) right bottom no-repeat #FFF;} #academics #breadcrumb-img, #course #breadcrumb-img {padding-bottom:110px;background:url(images/academics.jpg) right bottom no-repeat #FFF;} #student-life #breadcrumb-img {padding-bottom:110px;background:url(images/student-life.jpg) right bottom no-repeat #FFF;} /*h2.banner {background: url(images/h2-banner.png) no-repeat scroll 0 0 transparent; display: block; font-size: 1.7em; height: 60px; letter-spacing: -1px; line-height: 2.1; margin: 0 0 10px -37px; padding-left: 20px; text-transform: uppercase; width: 500px;}*/ /* QUICKLINKS */ div.qtip-borderTop[style], div.qtip-borderBottom[style] {height: 0!important;} div.qtip-contentWrapper[style] {background:none!important;} div.qtip-content[style] {/*background: rgb(0, 70, 128)!important;background: rgba(0, 70, 128, .9)!important;*/background: url(images/blue90.png) repeat!important;padding:20px 30px;-moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; behavior:url(/sites/all/themes/adaptivetheme/at_core/scripts/PIE.htc);position:relative;border:1px solid #FFF;} .menu-minipanel-709 ul.menu {margin:0;padding:0;max-width:560px;} .menu-minipanel-709 ul.menu li {width:25%;float:left;list-style: none;padding:10px 0;} .menu-minipanel-709 ul.menu li a {font-size:1.2em;color:#FFF;font-weight: bold;} /* FRONT */ /*.view-homepage-slideshow {width:1024px;} .region-three-33-top {margin-left:-10px;margin-right:-10px;} .view-homepage-slideshow .views-row .views-field-field-slide-overlay {position:absolute;z-index:4;top:0;left:0;} .view-homepage-slideshow .views-row .views-field-title {display: none;} .view-homepage-slideshow .views-row .views-field-body {position:absolute;z-index:5;right:30px;bottom:85px;width:328px;height:75px;overflow:hidden; opacity: .5;} .view-homepage-slideshow .views-row .views-field-body p {font-size:15px;color:#FFF;margin:0;line-height:1.5;} .view-homepage-slideshow .views-row .views-field-slide-link {position:absolute;z-index:5;top:0;left:0;} */ #left-buttons {position:relative;left:-10px;} #left-buttons > .pane-inner {margin:4px 0 0 0;} /* SUBPAGE */ .pane-images-for-this-department-panel-pane-1, .view-page-header-images {margin-top:20px;} /* CALENDAR */ .page-calendar ul.pager {width: 100%;} .page-calendar .pane-pane-messages {width:100%;position: static;} .page-calendar .pane-pane-messages > .pane-inner {width:100%;max-width: 1040px;margin:0 auto;background: #FFF;height:40px;} .page-calendar .pane-page-content {margin-top:0px;padding-bottom: 70px;} div.calendar-calendar table.full {width:99%!important;} table.full td {border-right:1px solid #BBB;} #calendar h1.title {display:none;} .page-calendar .pane-pane-messages > .pane-inner .tabs {position:relative;left:0px;top:5px;} .all-day a, td.multi-day a {color:#FFF;} .calendar-calendar .month-view .full td.single-day div.monthview, .calendar-calendar .week-view .full td.single-day div.weekview, .calendar-calendar .day-view .full td.single-day div.dayview {background: none repeat scroll 0 0;background-color:none;overflow: hidden;padding: 0 3px;width: auto;} .calendar-calendar .item {padding-bottom:3px!important;line-height:12px;} .calendar-calendar th.days {background-color: #cdcdcd;border: 1px solid #cdcdcd; color: #555555; font-weight: bold; font-size:15px;padding:4px 0;} .calendar-calendar .tr td:last-child { border-right: 1px solid #CCC!important;} div.calendar-calendar table.full {width:99%!important;} table.full td {border-right:1px solid #BBB;} .view .date-nav-wrapper .date-heading h3 {font-size:22px;font-weight:bold;font-family:Arial, Helvetica, sans-serif!important;text-align:center;font-weight:bold;color:#FFFFFF!important;margin-top:3px;} .view .date-nav-wrapper .date-heading a {color:#FFF;} .view .date-nav-wrapper .date-nav {background-color:#004680;border: 0 none;height:30px;margin-bottom: 20px;min-height: 30px;position: relative;padding-top:7px;clear: both;margin-top:10px;} .page-calendar-year .month-view .date-nav {background-color:#FFF;border: 0 none;height: auto;margin-bottom: 0px;position: relative;padding-top:7px;clear: both;margin-top:20px;} .page-calendar-year .month-view .date-nav a {color:#bb4d0e;font-size:15px;} .date-nav div.date-prev, .date-nav div.date-next, .date-nav {width: auto;} .view .date-nav-wrapper .date-prev {background: none!important;border-radius: 0 0 0 0!important;float: none;font-size: 14px;padding: 5px 0;position: absolute;left: 5px;text-align: left!important;top: 7px;width: 100px!important;z-index: 1;margin:-5px 0 0 0;} .view .date-nav-wrapper .date-next {background: none!important;border-radius: 0 0 0 0!important;float: none;font-size: 14px;padding: 5px 0;position: absolute;right: 5px;text-align: right;top: 7px;width: 100px!important;z-index: 1;margin:-5px 0 0 0;} .view .date-nav-wrapper .date-prev a, .view .date-nav-wrapper .date-next a {color:#FFF;font-size:14px;} .view-calendar .view-filters {float:right;position:absolute;top:-30px;right:10px;z-index:400;} .views-widget-filter-field_event_type_tid {width:auto!important;position:relative;} .views-widget-filter-field_event_type_tid label {position:absolute;top:8px;left:-65px;} #edit-tid {font-size:1.1em;margin-top:3px;font-family:Arial, Helvetica, sans-serif!important;} #edit-submit-calendar, #calendar #tabs .tabs ul li a, #calendar #tabs .tabs .actionlinks li a {color:#4e4e4e!important;text-transform:uppercase;background: #CCC; /* for non-css3 browsers */background: -webkit-gradient(linear, left top, left bottom, from(#e4e5e7), to(#c8c9cd));background: -moz-linear-gradient(top, #e4e5e7, #c8c9cd);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e5e7', endColorstr='#c8c9cd');-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;behavior:url(/sites/all/themes/adaptivetheme/at_core/scripts/PIE.htc);position:relative;padding:4px 10px;margin-top:0;border:1px solid #d3d5d4;font-size:1em;} #edit-submit-calendar:hover {background:#767779;color:#FFF!important;background: -webkit-gradient(linear, left top, left bottom, from(#a3a4a6), to(#767779));background: -moz-linear-gradient(top, #a3a4a6, #767779);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a4a6', endColorstr='#767779');} .calendar-calendar .month-view .full tr td.today, .calendar-calendar .month-view .full tr.odd td.today, .calendar-calendar .month-view .full tr.even td.today { background: #d9e8fb; border-left: none; border-right: none; } .calendar-calendar .month-view .full tr td.single-day.today { border-bottom: none; } .calendar-calendar .month-view .full td.date-box.today { border-color: none; border-style: none; border-width: none; } .calendar-calendar td.multi-day {background: #e7e7e7;} .calendar-calendar .month-view .full td.multi-day div.monthview, .calendar-calendar .week-view .full td.multi-day div.weekview, .calendar-calendar .day-view .full td.multi-day div.dayview { background: #bb4d0e; height: 1.9em; overflow: hidden; margin: 0px auto; color: #ffffff; position: relative; } .calendar-calendar .month-view .full td.multi-day .inner .monthview .continues, .calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff, .calendar-calendar .week-view .full td.multi-day .inner .weekview .continues, .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff { position: absolute; right: 0px !important; right: -1px; width: 10px; text-align: left; background: #bb4d0e; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; height: 1.9em; padding-left: 6px; z-index: 1; } .calendar-calendar td .inner div, .calendar-calendar td .inner div a { background: none repeat scroll 0 0;background-color:none; } .calendar-calendar .month-view .full td, .calendar-calendar .week-view .full td, .calendar-calendar .day-view td { padding: 10px 10px; vertical-align: top; } .calendar-calendar th {margin: 0;text-align: left;} .calendar-calendar table th {background: none repeat scroll 0 0 #cdcdcd; color: #555555; font-size: 14px; font-weight: bold; padding: 5px 10px; } .page-calendar-day th.calendar-dayview-hour, .page-calendar-day td.calendar-agenda-hour {width:100px!important;text-align:center;border-bottom:1px solid #CDCDCD;border-left:1px solid #CDCDCD;} .page-calendar-week th.calendar-dayview-hour, .page-calendar-week td.calendar-agenda-hour {text-align:center;border-bottom:1px solid #CDCDCD;border-left:1px solid #CDCDCD;} .calendar-calendar .week-view .full .calendar-agenda-hour { min-width: 0; border: 1px solid #CDCDCD; } .calendar-calendar .month-view .full td.multi-day div.monthview, .calendar-calendar .week-view .full td.multi-day div.weekview, .calendar-calendar .day-view .full td.multi-day div.dayview { background: none repeat scroll 0 0 #CCC; color:#333; height: 1.9em; margin: 0 auto; overflow: hidden; position: relative; } .calendar-calendar .month-view .full td.multi-day div.monthview, .calendar-calendar .week-view .full td.multi-day div.weekview, .calendar-calendar .day-view .full td.multi-day div.dayview a {color:#333!important;} .all-day a, td.multi-day a { color: #666666; } .calendar-calendar .month-view .full td.multi-day .inner .monthview .continues, .calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff, .calendar-calendar .week-view .full td.multi-day .inner .weekview .continues, .calendar-calendar .week-view .full td.multi-day .inner .weekview .cutoff { background: none repeat scroll 0 0 #CCC; border-radius: 0 5px 5px 0; height: 1.9em; padding-left: 6px; position: absolute; right: 0 !important; text-align: left; width: 10px; z-index: 1; } /* the following lines override default Multiday styling */ .calendar-calendar .month-view .full td.multi-day div.monthview, .calendar-calendar .week-view .full td.multi-day div.weekview, .calendar-calendar .day-view .full td.multi-day div.dayview { height: auto; } .calendar-calendar .month-view .full td.multi-day .calendar.monthview .contents, .calendar-calendar .week-view .full td.multi-day .calendar.weekview .contents { position : relative; width : auto; } .calendar-calendar .month-view .full td.multi-day .calendar.monthview .view-field { white-space: normal; } .calendar-calendar td .inner div.day a { color: #274185; } .calendar-calendar td {font-family:Arial, Helvetica, sans-serif;} .page-calendar #tasks .tabs {z-index:10;position:relative;top:15px;left:15px;border-bottom:none;} .page-calendar #tasks .action-links {left: 250px; position: relative;top: -15px;} .page-calendar #tasks .tabs li {margin-right:3px;padding-right:0;background:none;border:none;} .page-calendar #tasks .tabs li a, .page-calendar #tasks .action-links li a {text-transform:uppercase;background: #CCC; /* for non-css3 browsers */background: -webkit-gradient(linear, left top, left bottom, from(#e4e5e7), to(#c8c9cd));background: -moz-linear-gradient(top, #e4e5e7, #c8c9cd);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e5e7', endColorstr='#c8c9cd');-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;behavior:url(/sites/all/themes/adaptivetheme/at_core/scripts/PIE.htc);position:relative;padding:4px 10px;margin-top:0;border:1px solid #d3d5d4;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position:relative;padding:5px;font-size:10px;text-transform:uppercase;border:1px solid #d3d5d4;color:#333!important;} .page-calendar #tasks .tabs li a:hover, .page-calendar #tasks .tabs li.active a {background:#767779;color:#FFF!important;background: -webkit-gradient(linear, left top, left bottom, from(#a3a4a6), to(#767779));background: -moz-linear-gradient(top, #a3a4a6, #767779);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a4a6', endColorstr='#767779');border:1px solid #CCC;} .news-title-small {font-size: 12px;} .staffdirectory th {background-color: #002c5b; color: #FFF; text-transform: uppercase; font-size: 14px;} .staffdirectory table {border: 1px solid #e0e0e0; font-size:12px;} /*.staffdirectory tr.odd {background-color: #ccc;}*/ .staffdirectory tr:hover {background-color: #e1e1e1;} /** * * Remove visibility of search label, as it is duplicated in the search box. * */ #site-search form .form-item-search-block-form > label { position: absolute; left: -100%; } /** * * IE8 header image slideshow * */ .lt-ie9 .view-page-header-images { overflow: hidden; } @media (max-width: 38em) { #site-search { margin-top: .5em; } #search-api-page-search-form-search-blueridge .form-submit { } } #search-api-page-search-form-search-blueridge .form-type-textfield { display: inline; } #edit-keys-1 { height: 30px; box-sizing: border-box; font-size: 2em; width: 100%; max-width: 200px; } #edit-submit-1 { background:url(images/magnifying-glass.png) no-repeat; height:30px; width:30px; border:none; text-indent:-9999px; cursor:pointer; vertical-align: top; } /* March 2016 VS Updates */ #main-nav ul li { padding-right:63px !important; } .view-homepage-slideshow .views-field .views-field-field-img img { width:658px; height:329px; } @media screen and (max-width: 658px) { .view-homepage-slideshow .views-field .views-field-field-img img { width:100%; max-width: 100%; height: auto; } } .view-id-images_for_this_department .views_slideshow_slide { position: absolute !important; width:100% } .pane-images-for-this-department-img-placeholder img { visibility:hidden; opacity: 0; } /***************************************************** ****************Changes Sept 2017 ******************** *****************************************************/ /* @import url('http://weloveiconfonts.com/api/?family=brandico|zocial');*/ /** * Show the search form and site tagline on mobile devices **/ @media all and (max-width:38em) { #mini-panel-logo_and_main_nav_panel #search-block-form { float:none; position: static; } #mini-panel-logo_and_main_nav_panel #search-block-form div { text-align: center; } #mini-panel-logo_and_main_nav_panel .region-three-25-25-50-first { text-align: center !important; } #mini-panel-logo_and_main_nav_panel .region-three-25-25-50-second { position: relative; /*top: 20px;*/ text-align: center !important; } #mini-panel-logo_and_main_nav_panel .region-three-25-25-50-third { position: relative; /*top: 20px;*/ text-align: center } #mini-panel-logo_and_main_nav_panel #search-block-form { text-align: center; } #mini-panel-logo_and_main_nav_panel #search-block-form div { text-align: center; } /* #mini-panel-logo_and_main_nav_panel { background: url("images/hdr-bkgd.png") repeat-x scroll 0% 0% transparent; height: 163px !important; margin-bottom: -10px; background-size: auto 200px !important; } #site-tag { float: none !important; position: static !important; display: inline !important; }*/ #mini-panel-logo_and_main_nav_panel #search-block-form div { text-align: center; float: none !important; } #mini-panel-logo_and_main_nav_panel #search-block-form { display: inline !important; position: static !important; float: none !important; } } @media (min-width: 38em) { #search-api-page-search-form-search-blueridge { text-align: right; top: -86px; position: relative; } } #news-alert { text-align: center; margin: 0; padding: 5px 0; } #outer-super-header { background: #011f3f; height: auto; } @media only screen and (min-width:480px) and (max-width:482px) { #mini-panel-logo_and_main_nav_panel #logo { display: block; width:100%; text-align: center; margin:0; padding:0; top: 0px; } #logo img { margin:0 auto; } #site-tag { position: relative; text-align: center; margin: 0 auto; } #gsl { margin:0; top: 0px; width: 100%; position: relative; box-shadow: 0px 0px 8px 0px rgb(0, 0, 0); background-color: #011f3f; z-index: 1000; } #mini-panel-logo_and_main_nav_panel .region-three-25-25-50-second { position: relative; top: 5px; text-align: center !important; } /**OLD #mini-panel-logo_and_main_nav_panel { background: url("images/hdr-bkgd.png") repeat-x scroll 0% 0% transparent; height: 265px !important; margin-top:0px; margin-bottom: -10px; background-size: auto 265px !important; } **/ #mini-panel-logo_and_main_nav_panel > .region { margin: 0 auto; max-width: 1024px; width: 100%; display: block; float: none; position:relative; } #mini-panel-logo_and_main_nav_panel ul { margin: 0; } #mini-panel-logo_and_main_nav_panel ul.menu { float: none !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding:10px; text-align:center; } #mini-panel-logo_and_main_nav_panel ul.menu li { font-family: Helvetica; font-size: 13px; list-style: none; float: left; padding: 0 5px; border-left: 1px solid #466786; } #mini-panel-logo_and_main_nav_panel ul.menu li a { color: #fff; } #mini-panel-logo_and_main_nav_panel ul.menu li.first { border-left: none; } #location-panel { color: #fff; position: relative; text-align: center; } #location-panel p { font-size: 1.25em; } /*search box*/ #mini-panel-logo_and_main_nav_panel .region-three-25-25-50-third { position: relative; top: 15px; text-align: center; } #social-icon-panel { visibility:visible; position: relative; text-align: center; height: 30px; top: 5px; } #sticky-social { left: 0; position: fixed; top: 255px; z-index: 999; list-style: none; padding: 0; visibility:hidden; } #social-icon-panel ul { list-style: none; margin: 0; padding: 0; } #social-icon-panel li { line-height: 30px; width: 30px; vertical-align: middle; display: inline-block; } #social-icon-panel li.myBlueRidge { line-height: 30px; width: 90px; vertical-align: middle; display: inline-block; } /*#social-icon-panel li img { line-height: 25px; vertical-align: middle; text-align: center; }*/ #social-icon-panel a { color: #fff; display: block; font: 12px "Raleway", sans-serif; position: relative; text-align: center; width: 30px; height: 30px; line-height: 30px; } #social-icon-panel li.myBlueRidge a { color: #fff; display: block; font: 12px "Raleway", sans-serif; position: relative; text-align: center; width: 90px; height: 30px; line-height: 30px; } /*#social-icon-panel a span { position: relative; visibility: hidden; top: -10px; left: 0px; }*/ #social-icon-panel a:hover span { bottom: 100%; } /** OLD #social-icon-panel a[class*="blueridge"] { background: url(/sites/default/files/myBlueRidge_Full_reverse_25.png) no-repeat center; line-height: 30px; vertical-align: middle; } **/ #social-icon-panel a[class*="blueridge"]:hover { background: #ffffff url(/sites/default/files/myBlueRidge_Full_color_25.png) no-repeat center; line-height: 30px; vertical-align: middle; } #social-icon-panel a[class*="moodle"]{ background: #f8962e url(/sites/default/files/moodle-logo_reverse_30.png) no-repeat center; line-height: 30px; vertical-align: middle; } #social-icon-panel a[class*="moodle"]:hover { background: url(/sites/default/files/moodle-logo_color_30.png) no-repeat center; line-height: 30px; vertical-align: middle; } #social-icon-panel a[class*="email"] { background: #31631c url(images/email_reverse_25.png) no-repeat center; line-height: 30px; vertical-align: middle; } #social-icon-panel a[class*="email"]:hover { background: #ffffff url(images/email_color_25.png) no-repeat center; line-height: 30px; vertical-align: middle; } #social-icon-panel a[class*="webadvisor"]{ background: #385b75 url(images/WebAdvisor_reverse_30.png) no-repeat center; line-height: 30px; vertical-align: middle; } #social-icon-panel a[class*="webadvisor"]:hover{ background: url(images/WebAdvisor_color_30.png) no-repeat center; line-height: 30px; vertical-align: middle; } #main-nav { height:auto; } #main-nav .menu { padding-top: 12px; text-align: center; } #main-nav ul li { display: inline-block; list-style: none; padding-right: 15px !important; } } /*********************/ .footer_social { min-width: 250px; min-height: 90px; font-size: small; text-align: left; letter-spacing: 0.02em; display: inline-block; position: relative; vertical-align: top; /*margin-bottom: 15px;*/ } .footer_social_get_connected { min-width: 235px; min-height: 90px; font-size: small; text-align: left; letter-spacing: 0.02em; display: inline-block; position: relative; vertical-align: top; padding: 0 0 0 2em; } .footer_social, .footer_social_get_connected ul { list-style: none; } /*********************/ /*map pin icon*/ .footer_social_map_pin { width: 18px; height: 18px; background-color: #6b6b6b; float:left; margin: 0 .5em .25em .5em; } .footer_social_map_pin:hover { background-color: #002c5b; } /*********************/ .footer_social_address { padding: 0 0 0 2.5em; /*padding: 0;*/ display: inline-block; } #footer_social_get_connected { padding: 0; margin:0; } #footer_social_get_connected_text { padding: 0 0 0 .5em; } /*********************/ #footer_social_icons { display: inline-block; height: 30px; z-index: 2; padding: 1em .5em; margin: 0; } #footer_social_icons div { /*display: inline-block;*/ margin: 0 .5em 1em .5em; float:left; } /*facebook icon*/ #fb { width: 30px; height: 30px; background-color: #6b6b6b; } #fb:hover, #fb:focus { background-color: #3b5998; } /*twitter icon*/ #tw { width: 30px; height: 30px; background-color: #6b6b6b; } #tw:hover, #tw:focus { background-color: #00aced; } /*youtube icon*/ #yt { width: 30px; height: 30px; background-color: #6b6b6b; } #yt:hover, #yt:focus { background-color: #bb0000; } /*instagram icon*/ #in { width: 30px; height: 30px; background-color: #6b6b6b; } #in:hover, #in:focus { background-color: #d83275; } /*********************/ /*footer_important_links styles*/ .footer_important_links { clear: left; min-width: 250px; min-height: 90px; max-width: 250px; font-size: x-small; text-align: left; letter-spacing: 0.02em; line-height: 2; display: inline-block; position: relative; vertical-align: top; } .footer_important_links ul { list-style: none; list-style-type: none; padding: 0 0 0 3.25em; } .footer_important_links ul a { text-decoration: none; /*Adding left padding padding: 0 0 0 3.25em;*/ /*margin-left: 2em */ /*line-height: 1.5;*/ } /** Put the contact us blocks on the top of the sidebar on mobile viewports. */ @media only screen and (max-width:768px) { .two-66-33 .region-two-66-33-second { display: table !important; width: 100%; } .two-66-33 .region-two-66-33-second > .pane-node-field-right-column-promo { display: table-header-group !important; } } .two-66-33 .region-two-66-33-second .node-promo-item, .two-66-33 .region-two-66-33-second .pane-node-field-right-column { padding: 5%; -ms-word-wrap: break-word; word-wrap: break-word; } /*********************************/ /* Accessible Menu Global Styles */ .pane-accessible-mega-menu-main-menu { background-color: #f6f6f6; } .accessible-megamenu { background-color: #f6f6f6; z-index: 100; } .accessible-megamenu :focus, .accessible-megamenu:focus, .accessible-megamenu li:focus, .accessible-megamenu a:focus { outline: unset !important; } .accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded] { color: #4002c5b !important; font-size: 14px; box-shadow: none !important; } .accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded].open { background: #002c5b; color: #f6f6f6 !important; text-shadow: none; } .accessible-megamenu .accessible-megamenu-panel a, .accessible-megamenu .accessible-megamenu-panel a:hover { color: #002c5b; text-shadow: none; font-size: 12px; font-weight: 500; } .accessible-megamenu .accessible-megamenu-panel { background: #f6f6f6; box-shadow: none; } .pane-accessible-mega-menu-main-menu ul li { list-style: none; list-style-image: none; background-color: #f6f6f6; } .pane-accessible-mega-menu-main-menu ul ul { margin: 0; padding: 0; } .pane-accessible-mega-menu-main-menu ul ul ul { display: none; } /* END Accessible Menu Global Styles */ /* Responsive menu toggle */ #responsive-menu-toggle { position: absolute; top: 5px; right: 5px; z-index: 1001; } #responsive-menu-toggle.open { position: fixed; } .navbar-toggle { display: block; justify-content: left!important } .navbar-toggle .sr-only { display: none; } /**OLD .navbar-toggle .icon-bar { background-color: #fff; margin: 5px auto!important; border-radius: 10px; border: 2px solid white; display: block; width: 30px; } **/ .navbar-toggle:hover,.navbar-toggle:focus { background-color: transparent; outline: 0 } button.navbar-toggle { cursor: pointer; line-height: 0; float: left; width: 40px; height: 33px; padding: 0; border: 0; border-radius: 2px; background-color: transparent; } .open button.navbar-toggle { background-color: #002c5b; } button.navbar-toggle.open { } button.navbar-toggle span.menu { color: #fff; font-size: x-small; line-height: 1; text-transform: uppercase } /* END Responsive menu toggle. */ /* Mobile Main Menu */ @media only screen and (max-width:1024px) { .pane-accessible-mega-menu-main-menu { margin: 0 -11px; } .pane-responsive-menu { top: 0; bottom: 0; left: -80%; width: 80%; height: 100%; min-width: 0; position: fixed; overflow-x: hidden; overflow-y: scroll; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; padding-left: 0; /* 1001 to place above news alerts */ z-index: 1001; background: #002c5b; transition: 500ms; } .pane-responsive-menu .pane-inner { min-height: 100%; } .pane-responsive-menu.open { transition: 500ms; left: 0; } .pane-responsive-menu .pane-menu-menu-global-nav { border-bottom:5px solid #FFF; margin:0 -10px; padding: 0; } .pane-responsive-menu .pane-menu-menu-global-nav ul { padding: 0; margin: 0; } .pane-responsive-menu .pane-menu-menu-global-nav ul li { list-style: none; list-style-image: none; float: left; } .accessible-megamenu { padding-top: 0; } .accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded] { padding: 0 20px; display: inline-block; } .accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded].open { display: block; } .accessible-megamenu .accessible-megamenu-top-nav-item.hover { background: #002c5b; text-shadow: none; } .accessible-megamenu > .accessible-megamenu-top-nav-item a[aria-expanded]:hover { background: none; text-shadow: none; color: #333 !important; } .pane-responsive-menu .pane-menu-menu-global-nav a{ color: #fff; font-size: 12px; font-weight: bold; display: block; padding: 10px; text-align: center; } .accessible-megamenu { margin: 0 -11px; border: none; } .accessible-megamenu .accessible-megamenu-top-nav-item { float: none; height: auto; border-bottom: 1px solid #e0e0e0; box-sizing: border-box; } .brcc-nav-toggle { position: absolute; display: block; background: #6c6c6c; color: transparent; right: 20px; height: 15px; width: 15px; top: 19px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); border-left: 0; border: 1px solid #6c6c6c; border-left: none; border-top: none; z-index:101; } .accessible-megamenu .accessible-megamenu-panel { position: relative; max-height: unset; height: 0; background: #FFF; transition: unset; } .accessible-megamenu .accessible-megamenu-panel.open { top: 0; max-height: unset; height: auto; padding-top: 10px; transition: unset; } .pane-responsive-menu ul li li { background-color: #FFF; } .pane-responsive-menu ul ul li a { padding: 5px 30px; font-size: 14px; font-weight: 300; } } /* END Mobile Main Menu */ /* Desktop Main Menu */ @media only screen and (min-width:1025px) { .pane-accessible-mega-menu-main-menu { position: relative; z-index: 100; width: 100%; margin-bottom: 0; } #responsive-menu-toggle, .brcc-nav-toggle { display: none !important; } .pane-responsive-menu { margin-bottom: 0; } .pane-responsive-menu .pane-menu-menu-global-nav { display: none; } .accessible-megamenu { height: 4em; border: none; width: 1022px; margin: 0 auto; } .accessible-megamenu .accessible-megamenu-top-nav-item { position: initial; margin-left: -1px; font-weight: bold; } .accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded] { text-align: center; height: 3em; border: none; width: 170px; box-sizing: border-box; font-weight: 500; box-shadow: none; } .accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded].open { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #f6f6f6; } .accessible-megamenu .accessible-megamenu-top-nav-item:first-child a[aria-expanded].open { left: 0; border-left-color: #e0e0e0; } .accessible-megamenu .accessible-megamenu-top-nav-item { height: 4em; border: none; position: static; } .accessible-megamenu .accessible-megamenu-panel { width: 1007px; z-index: 1000; padding-top: 25px; margin-left: 0; border: 1px solid #e0e0e0; } .accessible-megamenu .accessible-megamenu-panel.open { top: 4em; border-bottom: 5px solid #002c5b; } .pane-accessible-mega-menu-main-menu ul ul nav { display: none; } .pane-accessible-mega-menu-main-menu ul li { padding: 0 !important; margin: 0; } .pane-accessible-mega-menu-main-menu ul li li { float: left; margin: 0 2px; } .pane-accessible-mega-menu-main-menu ul li li a { padding: 2px 10px; width: 280px; height: 25px } .pane-accessible-mega-menu-main-menu ul li a { font-size: 16px; font-weight: 300; } .pane-accessible-mega-menu-main-menu ul li a:hover { /*background-color: #e0e0e0;*/ } } /* END Desktop Main Menu */ .ctools-modal-content { background: #FFF; } .ctools-modal-content #modal-content { padding: 20px; } .view-student-news-slider { padding: 25px 50px; position: relative; background: #e0e0e0; } .view-student-news-slider .views-content-nothing { font-size: 75px; line-height: 20px; color: grey; cursor: pointer; } .view-student-news-slider .views-slideshow-pager-field-item { float: none; display: inline-block; border: none; } .view-student-news-slider .views_slideshow_cycle_main { border: 1px solid #002c5b; padding: 10px 20px; background: #FFF; height: 300px; } .view-student-news-slider .views-slideshow-controls-bottom { bottom: -12px; } .view-student-news-slider .active .views-content-nothing { color: black; } .view-student-news-slider .views-slideshow-cycle-main-frame { width: 100% !important; min-height: 275px; } .view-student-news-slider .views_slideshow_slide { width: 100% !important; } .view-student-news-slider .views-field-field-img { float: left; margin: 5px 20px 0 0; max-width: 25%; height: 275px; } .view-student-news-slider .views-field-field-body, .view-student-news-slider .views-field-field-title { max-width: 75%; float: left; } .view-student-news-slider .views-slideshow-controls-bottom { width: 100%; text-align: center; } .view-student-news-slider .views_slideshow_pager_field { height: auto; position: absolute; top: -35px; width: 100%; margin: 0 auto; } .view-student-news-slider .views-slideshow-controls-text { position: absolute; top: -220px; width: 100%; } .view-student-news-slider .views-slideshow-controls-text a { display: none; } .view-student-news-slider .views-slideshow-controls-text-previous { float: left; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #002c5b; color: transparent; margin-left: 22px; } .view-student-news-slider .views-slideshow-controls-text-next { float:right; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #002c5b; color: transparent; margin-right: 8px; } /***************************************************** ********Header Brand Changes 2019 - Feb 2019 ********* *****************************************************/ /** OLD #mini-panel-logo_and_main_nav_panel { background: url("images/hdr-bkgd.png") repeat-x scroll 0% 0% transparent; height: 265px !important; margin-top:0px; margin-bottom: -10px; background-size: auto 265px !important; } /**OLD header size and background image in the "gap" @media only screen and (min-width:480px) and (max-width:482px) { #mini-panel-logo_and_main_nav_panel { background: url("images/hdr-bkgd.png") repeat-x scroll 0% 0% transparent; height: 265px !important; margin-top:0px; margin-bottom: -10px; background-size: auto 265px !important; } } **/ /** NEW header size and background image in the "gap" **/ @media only screen and (min-width:480px) and (max-width:482px) { #mini-panel-logo_and_main_nav_panel { background: url(/sites/default/files/hdr-bkgd_white.png) repeat-x scroll 0% 0% transparent; height: 320px !important; margin-top:0px; margin-bottom: -10px; background-size: auto 320px !important; } } /**OLD .navbar-toggle .icon-bar { background-color: #fff; margin: 5px auto!important; border-radius: 10px; border: 2px solid white; display: block; width: 30px; } /**NEW change color of "hamburger" 3 lines to blue**/ .navbar-toggle .icon-bar { margin: 5px auto!important; border-radius: 10px; border: 2px solid #002c5b; display: block; width: 30px; } /** OLD #social-icon-panel a[class*="blueridge"] { background: url(/sites/default/files/myBlueRidge_Full_reverse_25.png) no-repeat center; line-height: 30px; vertical-align: middle; } **/ /** NEW correct in gap - use myBlueRidge on blue version **/ #social-icon-panel a[class*="blueridge"] { background: url(/sites/default/files/myBlueRidge_Full_reverse_on_blue_25.png) no-repeat center; line-height: 30px; vertical-align: middle; }